Multimedija i web dizajn

1. Grupa Accept Ivan Liović Dražen Marinković Ivan Špoljarić Multimedija i web dizajn

2. Općenito o Internetu (1) • U posljednjih desetak godina Internet i Internet stranice postaju sve češće korišteni i sve utjecajniji mediji, bilo da se radi o edukaciji, istraživanju, oglašavanju, trgovini ili jednostavno zabavi. • Taj trend je kod nas malo manje izražen zbog ekonomske situacije u zemlji i relativno malog broja ljudi koji poznaju barem osnove korištenja računala, ali je u svijetu u naglom porastu i već je sad na vrlo visokoj razini.

3. Općenito o Internetu (2) • Web stranice su se u obliku sličnom ovom današnjem počele razvijati 1992. god. kad se pojavila prva verzija HTML-a (Hipertext Markup Language) koja se, za pojmove računalne industrije, relativno dugo razvijala. • U samim počecima Interneta na Web stranicama je bilo vrlo malo multimedijalnih sadržaja, i uglavnom su se stranice sastojale od teksta i poneke slike. • Napretkom tehnologije i ubrzanjem veza smanjeno je vrijeme komunikacije Web servera i browsera i ubrzan je prijenos podataka pa je i veličina same HTML datoteke i dodataka postala mnogo manje ograničena.

4. Multimedija • Multimedija se odnosi na bilo koji oblik aplikacije ili prezentacije koji uključuje više od jednog oblika medija, kao što su tekst, grafika, video, animacije i zvuk.

5. Prednosti multimedije • odgovara različitim tipovima učenja (vizualni tipovi, slušni tipovi, praktični tipovi) • prezentira materijale za različite načine učenja • čini prezentirani materijal zanimljivijim, a i mnoge ideje je lakšeprikazatiu multimedijalnom formatu

6. Nedostaci multimedije • trošak korištenja (stvaranje multimedijalne web stranice je obično znatno skuplje i dugotrajnije) • njezina isporuka može biti sporija nego ona koja sadrži samo tekst (zbog brzine Internet veze) • neke od komponenata multimedije ne moraju biti kompatibilne sa svim uređajima ili pretraživačima (browserima)

7. Web bazirana multimedija • odnosi se na Web stranice koje sadrže više od jednog oblika medija – obično zvuk, video ili animacije, uz dodatak tekstu i slikama. • kao i drugi oblici Web stranica, multimedijalne Web stranice koriste hyperlinkove za interaktivnost • tek je današnja brzina Internet veze i suvremena oprema omogućila uživanje u svim čarima multimedije

8. Primjeri multimedijalne web stranice www.wesc.com

9. www.heineken.com

10. Elementi multimedije (1) • Tekst je važan dio većine Web stranica. Donosi osnovni sadržaj kao i menije za dodavanje teksta, i hyperlinkove. • Grafika ili slike se odnose na digitalnu prezentaciju fotografija, crteža, grafikona i drugih vizualnih prikaza. Za razliku od animacija ili video prikaza, grafika je statična slika koja se ne miče.

11. Elementi multimedije (2) 3. GIF (Grafics Interchange Format) je standardni format za slike za Web stranice i podržan je svim pretraživačima koji prikazuju slike.

12. Elementi multimedije (3) 4.JPEG (Joint Photographic Experts Group) podržavaju svi pretraživači koji prikazuju slike, ali slika zbog lossy file compresiona gubi na kvaliteti 5. PNG je format stvoren posebno za slike za Web stranice.

13. Elementi multimedije (4) 6. Animacije su izraz koji se koristi za opis serije grafičkih prikaza koji se prikazuju jedan za drugim da se simulira pomicanje (npr. Crtići). Bez animacija bi multimedija imala potpuno drugačiji izgled. Klikni na sliku

14. Elementi multimedije (5) 7. Audio uključuje različite tipove zvukova kao što su glazba, glas i zvučni efekti (glazba u pozadini, glazba za “skidanje”, dio igrica...) 8. Videose razlikuje od animacija po tome što počinje kao skup vizualnih informacija koje slijede jedna za drugom ali su podijeljene u odvojene slike ili okvire kad se video snima. Standardno prikazivanje video je 30 okvira u sekundi.

15. Web dizajn • odnosi se na proces planiranja kako će izgledati Web stranica i kako će funkcionirati. • dva osnovna principa pri web dizajniranju: 1) korisnici vole zabavne i uzbudljive aplikacije 2) korisnici nemaju strpljenja s aplikacijama koje se sporo učitavaju i teško koriste

16. Bitne karakteristike dizajna stranice • Stranica mora pružati informacije koje vrijede ili interesiraju ciljanu publiku, • Stranica mora biti redovito osvježivana novim informacijama, • Web stranice bi se trebale brzo učitavati, biti pregledne i lagane za čitanje. • Web stranica mora posjedovati karakteristike koje će korisnicima omogućiti otvaranje iste sa različitih uređaja (računala, mobiteli, Ipad-ovi,...).

17. Sastavnice web dizajna • Nakon što smo odredili ciljanu publiku i ciljeve slijedeći korak je kreiranje strukture i izgleda stranice • Za ovaj dio se često koriste alati kao što su flowcharts, page layouts i storyboards • Flowchart -kako su stranice na sajtu povezane jedna s drugom • Page Layout - koristi se za dizajniranje izgleda stranice • Storyboard– koristi se za multimedijalne djelove

18. Flowchart

19. Razmatranje bitnog u dizajnu kretanja po stranici • Potrebno je imati dovoljno naslova da bi informacije bile organizirane • Na Web stranici bi korisnici trebali moći doći do onog što žele s najviše 3 klika mišem • Bitno je da su ikone i grafike lako razumljive • staviti identifikacijske informacije na svaku stranicu da se vidi koja stranica se trenutno prikazuje jer svi korisnici ne dolaze na stranicu preko početne stranice.

20. Pitanja • Koju godinu smatramo početkom razvoja web stranica? • Što je multimedija? • Koje su prednosti multimedije? • Što su nedostaci multimedije? • Što je to web bazirana multimedija?

21. Pitanja na nadopunjavanje • HTML znači ______ ________ ____ ___ • Elementi multimedije su (6): • Principi web dizajniranja su ___________ i __________ • Za kreiranje izgleda i strukture web stranice koristimo __________, ___________ i ________ • Na Web stranici korisnici bi trebali moći doći do onog što žele s najviše __ klika mišem