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