Seri HTML5 Untuk Aplikasi Mobile

Dayat Miftahul Jannah
12:42:35 PM


Saat ini mungkin ada eberapa dari anda yang sedang fokus ke sebuah teknologi yang bernama HTML5 for Mobile Applications. Tidak muluk-muluk dan terlalu sulit sebenarnya. Ini merupakan seri pertama dari tutorial step-by-step saya. Jika pembaca sudah pernah atau bahkan berkecimpung di dunia web, mungkin tutorial yang akan saya tulis beberapa seri ini mudah diikuti. Namun, jika pembaca ingin memulai belajar atau bahkan baru mengenal HTML, tak ada salahnya mengikuti tutorial yang akan saya rangkum nanti.
Baik, sesuai judul di atas, saya akan mulai membahas tentang HTML5. Sedikit saja coba saya petik dari Wikipedia, HTML5 adalah revisi ke 5 dari HTML. Yakni bahasa pemrograman yang digunakan untuk membuat struktur dan tampilan dari isi web. Jadi konklusinya di sini, HTML5 adalah teknologi paling anyar dari HTML dengan kelengkapan fitur dan tambahan penataan format baru untuk desain web (red.).
Mengenai kelebihan HTML5, coba kita lihat di bawah ini:
  • For Gaming and Applications. Dengan elemen fitur baru bernama <canvas>, fitur ini memungkinkan kita untuk menggambar 2D di area kerja HTML. Dan masih banyak lagi sebenarnya yang bisa kita lakukan dengan <canvas> ini.
  • Web Storage. Lupakan cache di browser, saat ini sudah banyak situs yang memanfaatkan Web Storage di HTML5 untuk memaksimalkan beberapa fitur untuk sebuah website. Web Storage memungkinkan browser menyimpan secara dinamis data-data dari user yang mengakses situs.
  • Audio and Video. Percaya tidak percaya, jika kita ingin menyajikan suara maupun video di website HTML5 sebenarnya bisa dilakukan dengan sangat mudah. Dengan API (Application Programming Interface) yang dimiliki HTML5, suara dan video dapat ditampilkan dengan menaruh sebuah elemen di HTML5. Meski dengan tambahan Javascript, Overal ! its very easy for beginners !
  • Performance. Pasti pernah kan membuka Google Apps? Baik itu Gmail, Google Drive, maupun sejenisnya. Ternyata mereka menggunakan HTML5, lihat performanya dan bandingkan dengan Gmail di beberapa tahun yang lalu sebelum memakai HTML5. Pasti lebih powerful dan keren.
  • Masih banyak lagi. Bisa pembaca cek di sini > Html5Rocks.
Nah, sebenarnya ada satu lagi kelebihan yang dimiliki HTML5 selain yang saya tulis di atas, yaitu Cross Platform. Dengan kata lain semua browser dan semua device baik itu mobile maupun desktop, sudah mendukung penggunaan HTML5. Untuk apa? Pastinya untuk membangun sebuah aplikasi. Contoh saja Gmail dan Google Apps lainnya yang dibangun menggunakan HTML5, mereka merupakan sebuah aplikasi (asli) yang hanya bisa dijalankan via browser. Sangat keren menurut saya.
Kemudian ada kabar gembira baru, HTML5 sekarang ini sudah bisa dipakai untuk membangun aplikasi mobile, entah itu untuk platform Android, iOS, bahkan BlackBerry. Its Awesome Guys ! Pernah membuat aplikasi Android? Pusing dengan Java? C++ dan teman-temannya? Kalian sudah bisa HTML, kalian bisa membuat aplikasi Android. Jika tidak percaya, Aplikasi yang saya buat bersama teman-teman ini asli menggunakan HTML5. Cek di sini aplikasinya > (Coming Soon).
Untuk dapat membangun aplikasi mobile menggunakan HTML5, memang ada beberapa tools tambahan yang harus kita pakai. Berikut adalah beberapa tools yang bisa kita pakai untuk membangun aplikasi mobile dengan HTML5,

  • PhoneGap (Apps)

  • Sencha Touch (Apps)

  • Cocos2D Javascript (Games)

  • Cocoon JS, etc. (Games)

  • Construct 2 (Games)

Begitu banyaknya tools yang dapat kita pakai untuk membangun aplikasi mobile dengan HTML5, sampai-sampai saya malas me-list dan menuliskan di sini. Hehe, mungkin lain kali, di seri tutorial selanjutnya saya akan membahas dan menerangkan secara lebih detail tentang HTML5 dan PhoneGap.

Author : Dayat_eMJe