MULTIMEDIJA I WEB

1. MULTIMEDIJA I WEB Ivana Lorković Jelena Gubo Ivana Štefanac Martina Malović

2. Pregled • Tipovi multimedijskih aplikacija baziranih na Webu i prednosti i nedostaci upotrebe multimedije • Pogled na osnovne multimedijske elemente • Koraci i načela u dizajniraju multimedijskih Web stranica • Kako se multimedijalna Web stranica razvija i testira • Pogled na budućnost multimedije bazirane na Webu

3. Što je Web bazirana multimedija? • web stranice koje sadrže više od jedne vrste medija • Multimedijske stranice - sadrže interaktivne elemente s kojima korisnici izravno komuniciraju • Brzi kompjutori i brze internetske veze čine multimediju baziranu na Webu puno dostupnijom nego u prošlosti

4. Aplikacije web bazirane multimedije • Isporuka informacija • E-trgovina - može se koristiti virtualna stvarnost da bi se stvorile trodimenzijalne slike proizvoda • Zabava • Učenje koje se bazira na Webu

6. Prednosti i nedostaci upotrebe multimedije koja se temelji na webu • Prednosti Može se koristiti za više načina učenja • vizualno učenje • audio učenje • učenje dodirom Materijal je zanimljviji i ugodniji Mnoge ideje su pristupačnije • Nedostaci • Trošak razvoja • Potrebna količina prostora za spremanje • Kompatibilnost i vrijeme downloadanja za multimediju baziranu na webu

7. Elementi multimedije -TEKST • koristi za pružanje osnovih informacija, dodavanje tekstualnih izbornika i hyperlinkova - Serif typefaces - Sans serif typefaces • Različite vrste teksta - različiti osjećaji i utisci • Prikladna veličina slova • Kada je potrebna određena vrsta teksta – npr. logo – koristi grafički prikaz

8. Elementi multimedije - GRAFIKA • digitalni prikazi fotografija, crtanje, grafikon ili drugi vizualni prikazi • Clipart • Stock photographs • Različiti grafički formati (TIF, GIF, BMP, JPEG, PNG, etc.)

9. Elementi multimedije - GRAFIKA • GIF: podupire 256 boja, obično koristi za Web page line art images • Može biti proziran • Može biti isprepleten • Koristi lossles file compression

10. Elementi multimedije - GRAFIKA • JPEG: pruža pravu boju i obično se koristi za fotografije koje se stavljaju na Internet • Može biti progresivan • Koristi lossy file compression • Iznos kompresije se naznači kad se dokument sprema

11. Elementi multimedije - GRAFIKA • PNG: specifično dizajniran za upotrebu sa slikama za Web stranice - lossless compession - može koristiti palete boja ili prave boje - nije u široj upotrebi

12. Elementi multimedije - GRAFIKA • Biranje grafičkog formata • GIF – obično se koristi za line art(clipart, logo) • JPEG – obično se koristi za fotografije • Izabrati najprikladniji format • Za JPEG, bitna kvaliteta kompresije i veličina dokumenta

14. Elementi multimedije - GRAFIKA • Thumbnail slika: • mala slika na web stranici koja je povezana s većom slikom s većom rezolucijom

15. Elementi multimedije - ANIMACIJE • Java applet • Animirani GIF • Za kompleksnije animacije - Java Script ili drugi scripting jezik • Multimedia authoring software

17. Elementi multimedije - AUDIO • zvuk (glazba, zvuk govora, zvučni efekti) • Snimanje – uz pomoć mikrofona ili MIDI uređaja, može se snimiti s CDa ili skinuti s Interneta • Često je audio u nizuda bi se ubrzala isporuka • Najčešći audio formati: .waw, .mp3, .midi, .aiff, .aac

18. Elementi multimedije - VIDEO • stalni tijek vizualnih informacija koje su podijeljene u odvojene prikaze koji se prikazuju sukcesivno da bi se simulirao stvarni događaj • velika količina prostora za spremanje - kompresiran • Streaming video • Najčešći video formati: .avi, .mpeg, .mov, .rm

19. Dizajn multimedijalne web stranice • Uključuje planiranje kako će izgledati i kako će funkcionirati web stranica • Osnovna načela dizajniranja: • zanimljivo i uzbudljivo • brzo loadanje i jednostavne aplikacije • planirati za sve potrebne metode isporuke i uređaje za pristup

20. Dizajn multimedijalne web stranice • Osnovna načela dizajniranja • Korištenje sa što više moguće konfiguracije

21. Dizajn multimedijalne web stranice Osobita pozornost bi se trebala pridati: • Dodacima koji zahtijevaju specifičan pretraživač • Dodacima koji zahtijevaju dodatne komponente koje se rijetko koriste • Veličini sadržaja stranice • Predmetima sa širokim opsegom

22. Određivanje ciljane publike i ciljeva • Jedan od prvih koraka u dizajniranju • Ciljana publika utječe na izgled stranice • Ideja o glavnim temama uključenim u stranicu • Ako je potrebni sadržaj još uvijek nejasan, ponovno razmislite o publici i ciljevima

24. Korištenje flowcharta, page layouta i storyboarda • Koriste se za dizajniranje strukture i izgleda stranice • Flowchart • Page layout • obično jedan za početnu stranicu i drugi za ostale strane • Storyboard

26. Bitne stvari o dizajnu kretanja • Korisnici - do svake strane unutar web stranice s najviše tri klika mišem • Navigacijski linkovi - smješteni na istoj lokaciji na svakoj strani • Svaka stranica bi trebala imati link do početne • Navigacijski alati se mogu koristiti kao pomoć pri navigaciji

28. Bitne stvari o pristupu web stranici • Kompatibilnost s uređajima - Web stranice se prikazuju drugačije na različitim uređajima - Neki prijenosni uređaji prikazuju wireless markup language (WML) stranice umjesto HTMLa

29. Bitne stvari o pristupu web stranici • Pomoćna tehnologija: hardver i softver dizajniran za uporabu osobama s fizičkim nedostacima • manje klikanja i kretanje po stranici je lakše, neki uređaji ne mogu čitati grafiku • Savjeti za dostupnost

31. Razvoj multimedijalne web stranice • razvoj web stranice - nakon dizajniranja - stvaranje stranice • Tri osnovna koraka: • Stvaranje multimedijalnih elemenata • Stvaranje web stranice • Testiranje, objavljivanje i održavanje web stranice

32. Stvaranje multimedijalnih elemenata • Napraviti - pojedinačne multimedijalne elemente koji će se koristiti na stranici • softverski programi: • Grafički softver • Animacijski softver • Softver za uređivanje audio snimaka • Softver za uređivanje video snimaka • Svaki element - sprema u prikladnoj veličini, rezoluciji i formatu dokumenta

33. Stvaranje web stranice • Markup language - izrada većine stranica • Hypertext markup language (HTML): originalni markup language • koristi HTML pločice da bi pokazao kamo efekti i elementi pripadaju na stranici • neke pločice su u parovima • kompjutor i pretraživač koji se koriste još uvijek određuju kako će se stranica prikazivati

35. Stvaranje web stranice • Extensible Markup Language (XLM) • Extensible Hypertext Markup Language (XHTML) - Strožija pravila nego HTML - Počinje zamijenjivati HTML

37. Stvaranje web stranice • Dynamic HTML (DHTML) • Wireless Markup Language (WML) • ScalableVectorGraphics (SVG)

38. Stvaranje web stranice • Scripting language: • Java Script • VBScript • Perl • AJAX

40. Stvaranje web stranice • Drugi alati za razvoj sadržaja ActiveX: skupina kontrola koje se koriste za stvaranje interaktivnih web stranica Virtual Reality Modeling Language (VRML): jezik za stvaranje 3D web stranica MHTLM (MIME HTLM): format za pretvaranje svih elemenata web stranice u jednu zajedničku datoteku

41. Stvaranje web stranice • Softver za autoring web stranice: koristi se za kreiranje potpunih web stranica • automatski generira prikladne HTML izjave • omogućuje vam stvaranje kohezivne web stranice • omogućuje vam lako uključivanje

43. Testiranje, objavljivanje i održavanje web stranica • kliknuti na hyperlink • Svaka akcija koja se izvršava sa animiranim elementima - testirati • pročitajte svaku stranicu ili ekran • Razmislite o “stres testu” • Obnavljanje sadržaja i i redovito provjeravanje linkova • XHTML stranice - HTML provjeravač

45. Budućnost web temeljene multimedije • Novi tipovi multimedije – za mobilne sadržaje • Veća korisnost broadbanda - veća povezanost između multimedijalnih stranica i televizije • Igraće konzole - ugrađene Internetske i multimedijske sposobnosti • Interaktivna TV i video - norma weba

46. Pitanja za diskusiju 1) što je web bazirana multimedija? 2) elementi multimedije? 3) dizajn multimedijalne web stranice? 4) razvoj multimedijalne web stranice? 5) budućnost web bazirane multimedije?