1 / 46

MULTIMEDIJA I WEB

MULTIMEDIJA I WEB. Ivana Lorković Jelena Gubo Ivana Štefanac Martina Malović. 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

savea
Download Presentation

MULTIMEDIJA I WEB

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  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

  5. 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

  6. 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

  7. 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.)

  8. 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

  9. 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

  10. 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

  11. 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

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

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

  14. 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

  15. 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

  16. 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

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

  18. 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

  19. 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

  20. 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

  21. 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

  22. 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

  23. 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

  24. 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

  25. 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

  26. 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

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

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

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

  30. 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

  31. 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

  32. 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č

  33. 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

  34. 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?

More Related