Ang paglipat mula sa flash hanggang sa html5

Noong Nobyembre 2011, inihayag ng Adobe na ipagpapatuloy nito ang pagpapaunlad ng Flash Player nito para sa mga mobile device matapos ang paglabas ng Flash Player 11.1 para sa mga aparato ng Android at ang BlackBerry Playbook, na pumipili sa halip na tumutok sa mga tool para sa pagbuo ng mga aplikasyon ng HTML5 para sa mga mobile device. Kahit na muling sinulit ng Adobe ang suporta nito ng Flash Player para sa mga personal na browser ng computer, marami ang nag-iisip na ilang oras lamang bago natatapos din ng Adobe ang suporta para sa bersyon ng PC. Ito ay hindi magandang balita para sa mga kumpanya na mabibigat na namuhunan sa mga aplikasyon ng Flash, pati na rin ang mga developer na nag-invest ng oras sa pagkuha ng mga kasanayan sa programming na kinakailangan upang bumuo ng mga aplikasyon ng Flash.

Tingnan natin ang ilan sa mga pagkakaiba sa pagitan ng Flash at HTML5 at magbigay ng ilang mga tip at tool upang matulungan ang kadalian ng paglipat sa pagitan ng dalawang platform na ito.

Mga Pangunahing Kaalaman sa Flash Platform

Ang Flash ay madalas na ginagamit bilang isang payong termino upang sumangguni sa isang proprietary Adobe platform na aktwal na binubuo ng mga sumusunod na sangkap:

• Flash: Isang tool na ginamit lalo na upang magdisenyo at lumikha ng mga animation
• Flex: Ang kapaligiran sa pag-unlad na ginamit upang bumuo ng mga aplikasyon, kabilang ang isang software development kit (SDK)
• MXML: Ang wika ng markup na ginamit sa mga proyekto ng Flash
• Akskripsyon: Isang wika ng script

Upang magpatakbo ng isang Flash application sa isang browser ng Web, dapat na mai-download ang plug-in ng Flash Player. Bilang isang kahalili, ang isang application ng Flash ay maaaring maiipon upang tumakbo sa kapaligiran ng runtime ng Adobe AIR. Muli, dapat na mai-install ang Adobe AIR sa computer ng gumagamit para tumakbo ang AIR application.

Ginagamit ng Flash ang sumusunod na mga format ng pangunahing file:

• .fla: Flash proyekto file
• .flv: Flash video file
• .swf: Pinagsama ang Flash / Flex application file na maaaring maglaman ng .flv file

Mga Pangunahing Kaalaman sa Platform ng HTML5

Ang HTML5 ay isang bukas na standard na platform na binubuo ng mga sumusunod:

• HTML5: Ang wikang markup na ginamit upang lumikha ng mga web page
• Cascading Style Sheets 3 (CSS3): Ang style sheet ng wika na ginamit upang tukuyin ang pag-format para sa mga bagay sa isang HTML5 Web page
• Mga Application ng Mga Programa ng Programming (API): Mga API upang suportahan ang mga tampok tulad ng drag-and-drop at pagmemensahe ng cross-dokumento
• JavaScript: Ang wika ng script na ginamit gamit ang HTML5 upang paganahin ang animation

Isa sa mga pakinabang ng HTML5 ay tumatakbo ito sa mga web browser na katutubong at hindi nangangailangan ng isang plug-in. Gayunpaman, upang tumakbo nang maayos, dapat suportahan ng isang browser ang mga tampok na HTML5 at CSS3 para sa isang HTML5 Web page. Ang mga pangunahing browser ay may iba't ibang mga antas ng suporta para sa HTML5 at CSS3, at hindi kumpleto ang pagpapatupad. Ang JavaScript ay halos sinuportahan ng buong browser ng mga browser; gayunpaman, ang mga gumagamit ay may opsyon na "i-off" ang JavaScript, kung saan ang mga script ng side-client na nilikha gamit ang JavaScript ay hindi tumatakbo.

Kasama sa mga format ng HTML5 file ang mga sumusunod:

• .htm / .html: file ng HTML na Web page
• .css: CSS3 style sheet file

Bilang ng 2011, ang kasalukuyang detalye ng HTML5 ay hindi tinukoy ang mga suportadong format ng video file, na iniiwan ito hanggang sa mga indibidwal na browser upang pumili kung aling mga format na susuportahan. Kasama sa mga kasalukuyang sinusuportahan na format ang mga sumusunod:

• .mp4: MPEG 4 video file na may H.264 video codec at AAC audio codec
• .webm: WebM video file na may VP8 video codec at Ogg audio codec
• .ogg: Ogg video file na may Theora video codec at Ogg audio codec

Pag-convert ng Mga Proyekto ng Flash sa HTML5

Ang manu-manong pag-convert ng isang kumplikadong proyekto ng Flash sa HTML5 ay isang masinsinang proseso ng paggawa at pag-ubos ng oras, dahil sa mga pagkakaiba sa platform. Dapat i-convert ng developer ang mga animation na nilikha gamit ang Flash at Actionkrip sa HTML5 at JavaScript. Sa kabutihang palad, mayroong ilang mga tool na makakatulong sa awtomatiko ang pag-convert mula sa Flash hanggang HTML5.

Inilabas ng Adobe ang Wallaby, isang eksperimentong tool na maaaring ma-download nang libre mula sa website ng Adobe Labs. Ang Wallaby ay tumatagal ng isang file ng Flash proyekto (.fla) bilang pag-input at pag-export ng HTML5 at pagsuporta sa mga file ng CSS at JavaScript. Gayunpaman, ang mga tala sa paglabas ng Wallaby ay naglalaman ng isang medyo mahabang listahan ng mga tampok na hindi na-convert - ang pinakamahalaga sa kung saan ay ang Actionkripsyon, pelikula at tunog. Ang Wallaby ay isang limitadong tool na pangunahin na idinisenyo upang mai-convert ang animated na graphic na nilalaman sa HTML5, upang maaari itong maisama sa mga pahina ng Web gamit ang isang tool sa disenyo ng web page.

Inilabas ng Google Labs si Swiffy, isang libreng tool na batay sa Web na nagko-convert ng isang pinagsama-samang file ng application ng Flash (.swf) sa HTML5. Ang output ay maaaring mai-embed sa isang web page ngunit hindi madali para ma-edit ng isang developer. Tulad ng Wallaby, hindi binabago ni Swiffy ang lahat ng mga tampok ng Flash. Sinusuportahan ng Swiffy ang pag-convert sa Actionkrip, ngunit ang bersyon na 2.0 lamang (ang Actionkrip ay kasalukuyang nasa bersyon 3.0). Ang Swiffy output ay tumatakbo lamang sa mga browser na sumusuporta sa Scalable Vector Graphics (SVG).

Edge, isang Bagong Development Tool para sa HTML5

Tulad ng HTML5 na nagiging platform na pinili, ang mga bagong tool ay lumilitaw upang magbigay ng mga disenyo at pag-unlad na kapaligiran na nagsasama ng HTML5, CSS3 at JavaScript.

Noong Agosto 2011, inilabas ng Adobe ang isang bersyon ng preview ng tool sa pag-unlad ng Edge. Binibigyang-daan ng Edge ang isang taga-disenyo upang lumikha ng mga animation ng HTML5 at magdagdag ng mga animation sa umiiral na mga proyekto ng HTML5. Makikilala ng mga Flash designer ang ilang mga pamilyar na elemento sa interface ng gumagamit ng Edge, kabilang ang yugto, window ng mga katangian at linya ng oras ng animation. Ang Edge, gayunpaman, ay bumubuo ng mga file ng CSS at JavaScript, at ang nilalaman ng animation nito ay naka-imbak sa isang istraktura ng data ng JavaScript Object Notation (JSON).

Sa oras ng pagsulat na ito, inaasahan ni Edge ang ika-apat na paglabas ng preview. Ang mga bagong tampok ay idinagdag sa bawat pagpapakawala.

Pag-convert ng YouTube sa HTML5

Ang isang senyas ng paglipat sa HTML5 ay nag-aalok ang YouTube ngayon ng pagpipilian upang gumamit ng isang HTML5 video player upang matingnan ang mga video.

Bago mag-alok ng pagpipilian na HTML5, lahat ng mga video sa YouTube ay naihatid sa pamamagitan ng isang Flash video player. Maaaring mai-upload ng mga gumagamit ang mga file ng video sa halos anumang format, at pagkatapos ay mai-convert ng YouTube ang bawat video sa kinakailangang format na Flash (.flv).

Ngayon ay naka-encode din ang YouTube ng mga video gamit ang H.264 video codec at ang format ng WebM para sa paghahatid ng HTML5. Upang matingnan ang mga video sa format na HTML5, dapat kang magkaroon ng isang browser na sumusuporta sa HTML5 video tag at isang format ng video na ginamit ng YouTube.

Ang Pamana ng Flash

Tulad ng naunang nabanggit, ang Adobe ay patuloy na pag-unlad sa bersyon ng PC ng Flash Player - sa ngayon. Kahit na tumigil ang Adobe sa pagsuporta sa Flash Player sa hinaharap, ang pamana ng mga aplikasyon ng Flash ay patuloy na suportado sa Web - malamang sa maraming taon. Kaya, ang Flash ay hindi ganap na mawawala anumang oras sa lalong madaling panahon. Magagamit ang mga tool upang mai-convert ang mga aplikasyon ng Flash sa mga aplikasyon ng HTML5, ngunit sa kasalukuyan, ang mga tool na ito ay hindi suportado ang pag-convert ng lahat ng mga tampok ng Flash. Habang ang pamantayang HTML5 ay nagiging nangingibabaw, malamang na ang mga tool sa pag-convert ng Flash file ay magiging mas sopistikado, at ang mga bagong tool ay malilikha upang mabuo ang nilalaman gamit ang HTML5 platform.