Beralih dari kilat ke html5

Pada November 2011, Adobe mengumumkan bahawa ia akan menghentikan perkembangan Flash Player untuk peranti mudah alih selepas pembebasan Flash Player 11.1 untuk peranti Android dan BlackBerry Playbook, memilih untuk menumpukan perhatian kepada alat untuk membina aplikasi HTML5 untuk peranti mudah alih. Walaupun Adobe mengulangi sokongannya terhadap Flash Player untuk penyemak imbas komputer peribadi, ramai yang berpendapat ia hanya masa sebelum Adobe juga menamatkan sokongan untuk versi PC. Ini adalah berita buruk bagi syarikat yang banyak melabur dalam aplikasi Flash, serta pemaju yang telah melabur masa dalam memperoleh kemahiran pengaturcaraan yang diperlukan untuk membina aplikasi Flash.

Mari lihat beberapa perbezaan antara Flash dan HTML5 dan sediakan beberapa petua dan alat untuk membantu meringankan peralihan antara dua platform ini.

Asas Platform Flash

Flash sering digunakan sebagai istilah payung untuk merujuk pada platform Adobe proprietari yang sebenarnya terdiri daripada komponen berikut:

• Flash: Alat yang digunakan terutamanya untuk merekabentuk dan membuat animasi
• Flex: Persekitaran pembangunan yang digunakan untuk membina aplikasi, termasuk kit pengembangan perisian (SDK)
• MXML: Bahasa markup yang digunakan dalam projek Flash
• ActionScript: Bahasa skrip

Untuk menjalankan aplikasi Flash dalam penyemak imbas Web, pemalam Flash Player mesti dimuat turun. Sebagai alternatif, aplikasi Flash boleh disusun untuk dijalankan dalam persekitaran runtime desktop Adobe AIR. Sekali lagi, Adobe AIR mesti dipasang pada komputer pengguna untuk menjalankan aplikasi AIR.

Flash menggunakan format fail utama berikut:

• .fla: Fail projek Flash
• .flv: Fail video Flash
• .swf: Fail aplikasi Flash / Flex yang dikumpulkan yang mungkin mengandungi fail .flv

Dasar-dasar Platform HTML5

HTML5 adalah platform standard terbuka yang terdiri daripada yang berikut:

• HTML5: Bahasa markup digunakan untuk membuat halaman Web
• Cascading Style Sheets 3 (CSS3): Bahasa lembaran gaya yang digunakan untuk menentukan pemformatan untuk objek pada halaman Web HTML5
• Antaramuka Pemrograman Aplikasi (API): API untuk menyokong ciri-ciri seperti mesej drag-and-drop dan mesej silang
• JavaScript: Bahasa skrip digunakan dengan HTML5 untuk membolehkan animasi

Salah satu kelebihan HTML5 ialah ia berjalan pada penyemak imbas web secara asli dan tidak memerlukan pemalam. Walau bagaimanapun, untuk menjalankan dengan betul, penyemak imbas mesti menyokong ciri HTML5 dan CSS3 untuk laman Web HTML5. Pelayar utama mempunyai tahap sokongan yang berbeza untuk HTML5 dan CSS3, dan pelaksanaan tidak lengkap. JavaScript hampir disokong oleh pelayar; Walau bagaimanapun, pengguna mempunyai pilihan untuk "mematikan" JavaScript, di mana skrip sisi klien yang dibuat dengan JavaScript tidak dijalankan.

Format fail HTML5 termasuk yang berikut:

• .htm / .html: Fail laman Web HTML5
• .css: fail helaian CSS3

Sehingga 2011, spesifikasi HTML5 semasa tidak menentukan format fail video yang disokong, meninggalkannya kepada penyemak imbas individu untuk memilih format mana yang menyokongnya. Format sokongan semasa termasuk yang berikut:

• .mp4: fail video MPEG 4 dengan codec video H.264 dan codec audio AAC
• .webm: Fail video WebM dengan codec VP8 video dan codec audio Vorbis
• .ogg: Fail video Ogg dengan codec video Theora dan codec audio Vorbis

Menukar Projek Flash ke HTML5

Secara manual menukar projek Flash yang kompleks ke HTML5 adalah proses intensif dan memakan masa yang lama, kerana perbezaan platform. Pembangun mesti menukar animasi yang dibuat dengan Flash dan ActionScript ke dalam HTML5 dan JavaScript. Mujurlah, terdapat beberapa alat yang membantu mengautomasikan penukaran dari Flash ke HTML5.

Adobe telah mengeluarkan Wallaby, alat percubaan yang boleh dimuat turun secara percuma dari laman web Adobe Labs. Wallaby mengambil fail projek Flash (.fla) sebagai input dan eksport HTML5 dan menyokong fail CSS dan JavaScript. Walau bagaimanapun, nota pelepasan Wallaby mengandungi senarai ciri-ciri yang tidak ditukar - yang paling penting ialah ActionScript, filem dan bunyi. Wallaby adalah alat terhad yang direka khas untuk menukar kandungan grafik animasi ke dalam HTML5, supaya ia dapat diintegrasikan ke dalam laman web menggunakan alat reka bentuk laman web.

Google Labs telah mengeluarkan Swiffy, alat berasaskan Web percuma yang menukar fail aplikasi Flash (.swf) yang dikompilasi ke HTML5. Keluaran itu kemudiannya boleh dimasukkan ke dalam halaman Web tetapi tidak mudah bagi pengembang untuk mengedit. Seperti Wallaby, Swiffy tidak menukar semua ciri Flash. Swiffy menyokong penukaran ActionScript, tetapi hanya versi 2.0 (ActionScript kini pada versi 3.0). Output Swiffy hanya berjalan pada penyemak imbas yang menyokong Grafik Vektor Boleh Skala (SVG).

Edge, Alat Pembangunan Baru untuk HTML5

Oleh kerana HTML5 menjadi platform pilihan, alat baru muncul untuk menyediakan persekitaran reka bentuk dan pembangunan yang mengintegrasikan HTML5, CSS3 dan JavaScript.

Pada Ogos 2011, Adobe mengeluarkan versi pratonton alat pembangunan Edge. Edge membolehkan pereka untuk membuat animasi HTML5 dan menambah animasi ke projek HTML5 sedia ada. Pereka Flash akan mengenali beberapa unsur biasa dalam antara muka pengguna Edge, termasuk pentas, tetingkap sifat dan garis masa animasi. Edge, bagaimanapun, menjana fail CSS dan JavaScript, dan kandungan animasinya disimpan dalam struktur data JavaScript Object Notation (JSON).

Pada masa penulisan ini, Edge menjangkakan pembebasan pratonton keempat. Ciri-ciri baru ditambah pada setiap pembebasan.

Menukar YouTube ke HTML5

Satu tanda perpindahan ke HTML5 ialah YouTube kini menawarkan pilihan untuk menggunakan pemain video HTML5 untuk melihat video.

Sebelum menawarkan pilihan HTML5, semua video YouTube dihantar melalui pemain video Flash. Pengguna boleh memuat naik fail video dalam hampir mana-mana format, dan kemudian YouTube akan menukar setiap video ke format Flash (.flv) yang diperlukan.

YouTube kini mengekodkan video dengan codec video H.264 dan format WebM untuk penghantaran HTML5. Untuk melihat video dalam format HTML5, anda mesti mempunyai penyemak imbas yang menyokong teg video HTML5 dan format video yang digunakan oleh YouTube.

The Legacy of Flash

Seperti yang dinyatakan sebelum ini, Adobe sedang meneruskan pembangunan pada versi PC Flash Player - buat masa ini. Walaupun Adobe berhenti menyokong Flash Player pada masa akan datang, aplikasi Flash warisan akan terus disokong di Web - mungkin selama bertahun-tahun. Jadi, Flash tidak sepenuhnya akan hilang dalam masa terdekat. Alat tersedia untuk menukar aplikasi Flash kepada aplikasi HTML5, tetapi pada masa ini, alat ini tidak menyokong penukaran semua ciri Flash. Oleh kerana standard HTML5 menjadi dominan, kemungkinan alat penukaran fail Flash akan menjadi lebih canggih, dan alat baru akan dibuat untuk membangunkan kandungan dengan platform HTML5.