Pindah dari flash ke html5

Pada November 2011, Adobe mengumumkan bahwa mereka akan menghentikan pengembangan Flash Player untuk perangkat seluler setelah rilis Flash Player 11.1 untuk perangkat Android dan BlackBerry Playbook, sebagai gantinya memilih untuk berkonsentrasi pada alat untuk membangun aplikasi HTML5 untuk perangkat seluler. Meskipun Adobe menegaskan kembali dukungannya terhadap Flash Player untuk browser komputer pribadi, banyak yang berpikir itu hanya masalah waktu sebelum Adobe juga menghentikan dukungan untuk versi PC. Ini adalah berita buruk bagi perusahaan yang banyak berinvestasi dalam aplikasi Flash, serta pengembang yang telah menginvestasikan waktu dalam memperoleh keterampilan pemrograman yang diperlukan untuk membangun aplikasi Flash.

Mari kita lihat beberapa perbedaan antara Flash dan HTML5 dan berikan beberapa tips dan alat untuk membantu memudahkan transisi antara kedua platform ini.

Dasar Platform Flash

Flash sering digunakan sebagai istilah umum untuk merujuk ke platform Adobe berpemilik yang sebenarnya terdiri dari komponen berikut:

• Flash: Alat yang digunakan terutama untuk merancang dan membuat animasi
• Flex: Lingkungan pengembangan yang digunakan untuk membangun aplikasi, termasuk perangkat pengembangan perangkat lunak (SDK)
• MXML: Bahasa markup yang digunakan dalam proyek Flash
• ActionScript: Bahasa scripting

Untuk menjalankan aplikasi Flash di browser Web, plug-in Flash Player harus diunduh. Sebagai alternatif, aplikasi Flash dapat dikompilasi untuk dijalankan di lingkungan runtime desktop Adobe AIR. Sekali lagi, Adobe AIR harus diinstal pada komputer pengguna untuk menjalankan aplikasi AIR.

Flash menggunakan format file utama berikut:

• .fla: File proyek flash
• .flv: File video flash
• .swf: File aplikasi Flash / Flex terkompilasi yang mungkin berisi file .flv

Dasar-Dasar Platform HTML5

HTML5 adalah platform standar terbuka yang terdiri dari:

• HTML5: Bahasa markup yang digunakan untuk membuat halaman web
• Cascading Style Sheets 3 (CSS3): Bahasa style sheet yang digunakan untuk menentukan pemformatan objek pada halaman Web HTML5
• Application Programming Interfaces (API): API untuk mendukung fitur-fitur seperti drag-and-drop dan pesan lintas dokumen
• JavaScript: Bahasa skrip yang digunakan dengan HTML5 untuk mengaktifkan animasi

Salah satu kelebihan HTML5 adalah berjalan di browser Web secara asli dan tidak memerlukan plug-in. Namun, agar berjalan dengan benar, browser harus mendukung fitur HTML5 dan CSS3 untuk halaman Web HTML5. Browser utama memiliki tingkat dukungan yang berbeda untuk HTML5 dan CSS3, dan implementasinya tidak lengkap. JavaScript hampir secara universal didukung oleh browser; namun, pengguna memiliki opsi untuk "mematikan" JavaScript, dalam hal ini skrip sisi klien yang dibuat dengan JavaScript tidak berjalan.

Format file HTML5 meliputi:

• .htm / .html: File halaman Web HTML5
• .css: file style sheet CSS3

Pada 2011, spesifikasi HTML5 saat ini tidak menentukan format file video yang didukung, menyerahkannya kepada masing-masing browser untuk memilih format mana yang akan didukung. Format yang didukung saat ini termasuk yang berikut:

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

Mengubah Proyek Flash ke HTML5

Mengubah proyek Flash kompleks menjadi HTML5 secara manual adalah proses yang padat karya dan memakan waktu, karena perbedaan platform. Pengembang harus mengonversi animasi yang dibuat dengan Flash dan ActionScript menjadi HTML5 dan JavaScript. Untungnya, ada beberapa alat yang membantu mengotomatiskan konversi dari Flash ke HTML5.

Adobe telah merilis Wallaby, alat percobaan yang dapat diunduh secara gratis dari situs web Adobe Labs. Wallaby mengambil file proyek Flash (.fla) sebagai input dan ekspor HTML5 dan mendukung file CSS dan JavaScript. Namun, catatan rilis Wallaby berisi daftar fitur yang cukup panjang yang tidak dikonversi - yang paling penting adalah ActionScript, film dan suara. Wallaby adalah alat terbatas yang terutama dirancang untuk mengubah konten grafis animasi menjadi HTML5, sehingga dapat diintegrasikan ke dalam halaman Web menggunakan alat desain halaman Web.

Google Labs telah merilis Swiffy, alat berbasis web gratis yang mengubah file aplikasi Flash yang dikompilasi (.swf) menjadi HTML5. Keluaran kemudian dapat disematkan ke halaman Web tetapi tidak mudah bagi pengembang untuk mengedit. Seperti Wallaby, Swiffy tidak mengonversi semua fitur Flash. Swiffy mendukung konversi ActionScript, tetapi hanya versi 2.0 (ActionScript saat ini di versi 3.0). Output Swiffy hanya berjalan pada browser yang mendukung Scalable Vector Graphics (SVG).

Edge, Alat Pengembangan Baru untuk HTML5

Saat HTML5 menjadi platform pilihan, alat-alat baru bermunculan untuk menyediakan lingkungan desain dan pengembangan yang mengintegrasikan HTML5, CSS3, dan JavaScript.

Pada Agustus 2011, Adobe merilis versi pratinjau alat pengembangan Edge. Edge memungkinkan perancang untuk membuat animasi HTML5 dan menambahkan animasi ke proyek HTML5 yang ada. Desainer Flash akan mengenali beberapa elemen yang akrab di antarmuka pengguna Edge, termasuk panggung, jendela properti dan garis waktu animasi. Edge, bagaimanapun, menghasilkan file CSS dan JavaScript, dan konten animasinya disimpan dalam struktur data JavaScript Object Notation (JSON).

Pada saat penulisan ini, Edge mengantisipasi rilis pratinjau keempatnya. Fitur baru sedang ditambahkan ke setiap rilis.

Konversi YouTube ke HTML5

Salah satu tanda perpindahan ke HTML5 adalah bahwa YouTube sekarang menawarkan opsi untuk menggunakan pemutar video HTML5 untuk melihat video.

Sebelum menawarkan opsi HTML5, semua video YouTube dikirim melalui pemutar video Flash. Pengguna dapat mengunggah file video dalam hampir semua format, dan YouTube kemudian akan mengonversi setiap video ke format Flash (.flv) yang diperlukan.

YouTube sekarang juga menyandikan video dengan codec video H.264 dan format WebM untuk pengiriman HTML5. Untuk melihat video dalam format HTML5, Anda harus memiliki browser yang mendukung tag video HTML5 dan format video yang digunakan oleh YouTube.

Legacy of Flash

Seperti disebutkan sebelumnya, Adobe sedang melanjutkan pengembangan pada versi PC dari Flash Player - untuk saat ini. Bahkan jika Adobe berhenti mendukung Flash Player di masa depan, aplikasi Flash lawas akan terus didukung di Web - kemungkinan selama bertahun-tahun. Jadi, Flash tidak sepenuhnya hilang dalam waktu dekat. Alat tersedia untuk mengonversi aplikasi Flash ke aplikasi HTML5, tetapi saat ini, alat ini tidak mendukung konversi semua fitur Flash. Ketika standar HTML5 menjadi dominan, kemungkinan alat konversi file Flash akan menjadi lebih canggih, dan alat baru akan dibuat untuk mengembangkan konten dengan platform HTML5.