Premik od bliskavice do html5

Novembra 2011 je Adobe napovedal, da bo po izdaji Flash Player 11.1 za naprave Android in BlackBerry Playbook prenehal z razvojem svojega Flash Playerja za mobilne naprave in se namesto tega osredotočil na orodja za gradnjo aplikacij HTML5 za mobilne naprave. Čeprav je Adobe znova podprl Flash Player za brskalnike osebnih računalnikov, mnogi menijo, da je le vprašanje časa, preden Adobe tudi ukine podporo za različico računalnika. To je slaba novica za podjetja, ki veliko vlagajo v Flash-aplikacije, pa tudi razvijalce, ki so vložili čas za pridobitev programerskih znanj, potrebnih za izdelavo Flash-aplikacij.

Oglejmo si nekaj razlik med Flash in HTML5 in podajmo nekaj nasvetov in orodij, ki bodo olajšala prehod med tema dvema platformama.

Osnove Flash platforme

Flash se pogosto uporablja kot krovni izraz za sklicevanje na lastniško Adobeovo platformo, ki dejansko je sestavljena iz naslednjih komponent:

• Flash: orodje, ki se uporablja predvsem za oblikovanje in ustvarjanje animacij
• Flex: Razvojno okolje, ki se uporablja za izdelavo aplikacij, vključno s kompletom za razvoj programske opreme (SDK)
• MXML: jezik označevanja, ki se uporablja pri projektih Flash
• ActionScript: skriptni jezik

Če želite zagnati aplikacijo Flash v spletnem brskalniku, morate naložiti vtičnik Flash Player. Kot drugo možnost je mogoče pripraviti aplikacijo Flash, ki se bo izvajala v okolju izvajanja namizja Adobe AIR. Ponovno je treba za uporabo programa AIR v uporabnikovem računalniku namestiti Adobe AIR.

Flash uporablja naslednje glavne datoteke:

• .fla: Flash projektna datoteka
• .flv: Flash video datoteka
• .swf: sestavljena aplikacija Flash / Flex, ki lahko vsebuje datoteke .flv

Osnove platforme HTML5

HTML5 je odprta standardna platforma, ki jo sestavljajo naslednje:

• HTML5: jezik za označevanje, ki se uporablja za ustvarjanje spletnih strani
• Cascading Style Sheets 3 (CSS3): jezik stanja slogov, ki se uporablja za določanje oblikovanja predmetov na spletni strani HTML5
• Vmesniki aplikacijskega programiranja (API): API-ji za podporo funkcij, kot so sporočila povleci-spusti in prekrižaj z dokumenti
• JavaScript: skriptni jezik, ki se uporablja za uporabo HTML5 za animacijo

Ena od prednosti HTML5 je ta, da se sam deluje v spletnih brskalnikih in ne potrebuje vtičnika. Za pravilno delovanje mora brskalnik podpirati funkcije HTML5 in CSS3 za spletno stran HTML5. Glavni brskalniki imajo različne ravni podpore za HTML5 in CSS3, implementacija pa ni dokončana. Brskalniki JavaScript skoraj univerzalno podpirajo; vendar imajo uporabniki možnost »izklopiti JavaScript«; v tem primeru se skripti na strani odjemalca, ustvarjeni z JavaScript, ne zaženejo.

Formati datotek HTML5 vključujejo naslednje:

• .htm / .html: Datoteka spletnih strani HTML5
• .css: datoteka s slogom CSS3

Od leta 2011 trenutna specifikacija HTML5 ne določa podprtih formatov video datotek, pri čemer lahko posamezni brskalniki izberejo, katere formate bodo podprli. Trenutno podprti formati vključujejo naslednje:

• .mp4: MPEG 4 video datoteka z H.264 video kodekom in zvočnim kodekom AAC
• .webm: video datoteka WebM z video kodekom VP8 in zvočnim kodekom Vorbis
• .ogg: Ogg video datoteka z video kodekom Theora in zvočnim kodekom Vorbis

Pretvarjanje Flash projektov v HTML5

Ročno pretvarjanje zapletenega projekta Flash v HTML5 je dolgotrajen in dolgotrajen postopek zaradi razlik v platformi. Razvijalec mora pretvoriti animacije, ustvarjene z Flash in ActionScript, v HTML5 in JavaScript. Na srečo obstaja nekaj orodij, ki pomagajo avtomatizirati pretvorbo iz Flash v HTML5.

Adobe je izdal Wallaby, eksperimentalno orodje, ki ga je mogoče brezplačno prenesti s spletnega mesta Adobe Labs. Wallaby vzame datoteko projekta Flash (.fla) kot vnos in izvoz HTML5 ter podporo datotek CSS in JavaScript. Vendar opombe k izdaji Wallaby vsebujejo dokaj dolg seznam funkcij, ki niso pretvorjene - med njimi so najpomembnejši ActionScript, filmi in zvok. Wallaby je omejeno orodje, namenjeno predvsem pretvarjanju animirane grafične vsebine v HTML5, tako da se lahko z orodjem za oblikovanje spletnih strani integrira v spletne strani.

Google Labs je izdal Swiffy, brezplačno spletno orodje, ki pretvori datoteko o uporabi Flash (.swf) v HTML5. Rezultat je nato lahko vdelan v spletno stran, vendar razvijalcu ni lahko urejati. Tako kot Wallaby tudi Swiffy ne pretvori vseh Flash funkcij. Swiffy podpira pretvorbo ActionScript, vendar samo različico 2.0 (ActionScript je trenutno v različici 3.0). Izhod Swiffy deluje samo v brskalnikih, ki podpirajo razširljivo vektorsko grafiko (SVG).

Edge, novo orodje za razvoj HTML5

Ko HTML5 postaja izbirna platforma, se pojavljajo nova orodja za zagotavljanje oblikovalskih in razvojnih okolij, ki vključujejo HTML5, CSS3 in JavaScript.

Avgusta 2011 je Adobe izdal predogledno različico orodja za razvoj Edge. Edge omogoča oblikovalcu, da ustvari HTML5 animacije in doda animacije obstoječim projektom HTML5. Flash oblikovalci bodo prepoznali nekatere znane elemente v uporabniškem vmesniku Edge, vključno z odrom, oknom lastnosti in časovno vrstico animacije. Edge pa ustvari datoteke CSS in JavaScript, njegova animacijska vsebina pa je shranjena v podatkovni strukturi Java Object Notation (JSON).

V času tega pisanja je Edge pričakoval svojo četrto predogledno izdajo. Vsaki različici se dodajo nove funkcije.

Pretvarjanje YouTuba v HTML5

En znak prehoda na HTML5 je, da YouTube zdaj ponuja možnost uporabe video predvajalnika HTML5 za ogled videoposnetkov.

Preden so ponudili možnost HTML5, so bili vsi videoposnetki na YouTubeu dostavljeni prek predvajalnika Flash. Uporabniki bi lahko naložili video datoteke v skoraj kateri koli obliki, YouTube pa bi nato vsak video pretvoril v želeni format Flash (.flv).

YouTube zdaj tudi kodira videoposnetke z video kodekom H.264 in obliko WebM za dostavo HTML5. Za ogled videoposnetkov v formatu HTML5 morate imeti brskalnik, ki podpira video oznako HTML5 in video format, ki ga uporablja YouTube.

Legacy Flash

Kot smo že omenili, Adobe nadaljuje razvoj na računalniški različici Flash Playerja - za zdaj. Tudi če Adobe v prihodnosti preneha podpirati Flash Player, bodo starejše aplikacije Flash še naprej podprte na spletu - verjetno še leta. Flash torej ne bo povsem kmalu minil. Na voljo so orodja za pretvorbo aplikacij Flash v programe HTML5, vendar ta orodja trenutno ne podpirajo pretvorbe vseh funkcij Flash. Ko standard HTML5 postane prevladujoč, je verjetno, da bodo orodja za pretvorbo datotek Flash postala bolj izpopolnjena in ustvarjena bodo nova orodja za razvoj vsebine s platformo HTML5.