09.01.2019.
1
MULTIMEDIJALNI MARKETING
Izv.prof.dr.sc. Davorin Turkalj
VIIOPTIMIZACIJA MULTIMEDIJE – HTML 5
Html 5
HTML (engl. HyperText Markup Language) prezentacijski jezik za izradu i strukturiranje web stranica.
Temeljna zadaća HTML jezika jest uputiti web preglednik kako prikazati hipertext dokument. Pri tome se nastoji da taj dokument izgleda jednako bez obzira o kojemu je web
pregledniku, računalu i operacijskom sustavu riječ
Popularnost i općeprihvaćenost može zahvaliti jednostavnosti korištenja kao i činjenici da je
besplatan a samim time i svima jednako dostupan
Html 5
Što je Html5?
09.01.2019.
2
Html 5
Zadaća HTML5:
üzadovoljiti potrebe modernih web stranica i aplikacija nativno u pregledniku, te smanjiti potrebu za vanjskim skriptama i plugin-ovima
üimati standarde za web koji rade jednako na svim platformama i preglednicima + kompatibilni su sa ranijim verzijama
üolakšati posao web dizajnera i developera
Html 5
HTML 5 je prva nova revizija standarda od HTML 4.01, koji je izdan 1999.
Nastao u suradnji World Wide Web Consortium (W3C)
HTML5 standard nalazi se u statusu radnog dokumenta (draft) – finalna verzija tijekom 2014.god.
Tko je W3C?
World Wide Web Consortium (poznatija kao W3C) - međunarodna organizacija koja, u kooperaciji sa vodećim sudionicima IT industrije i javnosti, se bavi standardizacijom tehnologija korištenih na webu.
Počiva na slijedećim načelima:üWeb za sveüWeb na svemuüBogatoj interakcijiüWeb podataka i uslugaüWeb od povjerenja
09.01.2019.
3
W3C
Neki od najznačajnijih članova koji sudjeluju u radu W3Ca su AOL, Adobe, Apple, IBM,
Macromedia, Microsoft i Sun Microsystems.
W3C djeluje kroz radne grupe te kreira i održava WWW standarde koji se nazivaju 'W3C preporuke (W3C Recommendations).
Misija im je da Www dosegne svoj puni potencijal kroz razvoj protokola i smjernica koje će osigurati dugoročni razvoj weba.
Povijest web multimedije
ü Ranih 90-tih na web-u nije bilo multimedijeü Pojavom audio i video datoteka internetska
tehnologija nije imala mogućnost dostavljanjamultimedijalnog sadržaja zbog brzine prijenosa.
ü Daljnji razvoj donekle je ublažio element sporogdostavljanja sadržaja međutim jednom kad jesadržaj stigao morali smo pokrenuti vanjski playerkoji je bio neovisan o web pregledniku.
Media player-i
09.01.2019.
4
Povijest web multimedije…
ü Danas, izniman porast u brzini prijenosa podataka
To je dovelo do novog koncepta koji se danas naziva Nativna multimedija
Nativna multimedija
Najveća snaga HTML-a 5 - standardiziranjempozicionirao kao najbolje rješenje za razvoj aplikacijakoje rade na svim platformama (cross platformdevelopment).Cilj Nativne multimedije da se objekti više ne ugrađuju u web
dokument već da se on tretira kao izvorni/nativniTakav pristup pruža izravne pogodnosti kao što su:üPlugini su suvišniüBrzina – sve što se izvorno pokreće u pregledniku je brže od
pokretanja vanjskog klijentaüNavigacijske kontrole se nalaze u sklopu preglednikaüUpravljanje putem tipkovnice također je omogućeno
Audio uporaba
Kodek (engl. codec) je kratica od koder-dekoderili kompresor-dekompresor, a odnosi se nahardverski uređaj za kodiranje video i/ili audiosignala ili na softverski modul s istom funkcijom.
09.01.2019.
5
MP3 ili MPEG-1 Audio Layer 3 je najrašireniji lossyaudio format. Alternativa MP3 formatu je OGG Vorbisformat, otvoreni format, s višim stupnjem kompresije,ali i manjom rasprostranjenošću.
Ogg Vorbis služi za pohranu zvuka. Koristi sažimanje s gubicima (baš kao i zatvoreni, mp3 format). Koristi se i kao preporučeni format pohrane zvuka na Wikipediji. Zbog retrogradne kompatibilnosti, preporučeno je da Ogg Vorbis datoteke koriste ekstenziju .ogg.
Audio uporaba
AAC (engl. Advanced Audio Coding) je audio kodek s gubicima(Part 3). Slično kao i ostali audio kodeci, koristi psihoakustičkeefekte vremenskog i frekvencijskog maskiranja kako bi izbacioelemente zvuka za koje je procijenjeno da ih ljudsko uho neregistrira.AAC je nasljednik popularnogMP3 kodeka.
WAV audio format koji može sadržavati komprimiranepodatke ali u najvećem broju slučaja to ne radi što rezultira sdokumentima koji zauzimaju puno memorije. Najviše iz tograzloga pada njegova popularnost u dostavljanju audiosadržaja putem interneta. Izrađen je u suradnji Microsofta iIBMa 1991.god.
Audio uporaba
Audio – podrška preglednika
09.01.2019.
6
Video uporaba
Theora je video kodek u rangu s MPEG-4/DiVXkodecima, preferiran za razmjenu videa od strane pobornika slobodnog softvera. Postoje nade da će, s pojavom verzije 5 HTML specifikacije, zamijeniti zatvoren, Flash video format. Ekstenzija je ogv.
WebM je audio-video format dizajniran kao royalty-free, open video kompresija za prilike korištenja saHTML5 videom. Google je radio na razvoju ilansiranju ovog formata.
Video uporaba
MPEG-4 ili MP4 je digitalni multimedijalni format kojise najčešće koristi za skladištenje video i audio iakomože služiti za pohranjivanje i dodatnih podataka kaošto su titlovi i razne grafike.
Poput srodnih mu formata i mp4 omogućava stramingputem interneta. Službena ekstenzija .mp4, no postoje i druge među kojima se najčešće pojavljuju .m4a i.m4p.
Video - podrška preglednika
09.01.2019.
7
CSS
CSS je kratica od (eng.) Cascading Style Sheets. Radi se stilskom jeziku, koji rabimo za opis prezentacije dokumenta napisanog pomoću markup (HTML) jezika.
Drugim riječima, stil definira kako prikazati HTML elemente. CSS-om se uređuje sam izgled i raspored stranice.
PRIMJERI
Html 5 showcase
09.01.2019.
8
Pronađite put do Oza
“Pronađi put do Oza” koristi harware-ske značajke poput kamere, multi-touch, žiroskop, akcelerometarkako bi se stvorili iskustvo do sada rezervirano samo za nativne aplikacije.
Find you to way to Oz
Hvala na pažnji