HTML 5


Dear All,

Kali ini saya ingin share mengenai tulisan saya mengenai HTML 5 (dimuat juga di sabili lupa edisinya berapa dan  tentunya sudah diedit )

Tahukah Anda bahwa sebetulnya draf HTML 5 sudah sejak tahun 2008 ditulis oleh Ian Hickson dan rilis pada tahun 2009. Namun, lihatlah perkembangannya saat ini, HTML5 sudah mulai terkenal, terdengar, dan dipergunakan di berbagai web browser (IE, Firefox, dan Chrome) dan bahkan tidak terbatas hanya pada browser Desktop, tetapi juga Browser Handphone (Web Browser  Android, Blackberry, dan iPhon). HTML pun sebetulnya sudah ada sejak 1991 dan terus berkembang hingga saat ini.

Nah, lalu yang menjadi pertanyaan, Apa sih fitur yang menjadikan HTML 5 ini menjadi lebih dari HTML sebelumnya dan menjadi perbincangan saat ini. HTML 5 memiliki beberapa fitur utama yaitu offline, audio/video, penyimpanan, 3d grafis, konektivitas, presentasi, akses file, kinerja, dan semantik.

Offline

Offline disini berarti HTML 5 mendukung penggunaan cache (media penyimpanan pada browser), local storage, web sql & database. Fitur ini memang tidak terlihat di mata Anda, tapi tanpa disadari sebetulnya aplikasi web yang sedang Anda buka akan menjadi lebih cepat jika dibandingkan HTML sebelumnya karena Anda tidak perlu lagi mengakses berulang-ulang data dari Internet.

Audio/Video

Audio/Video merupakan salah satu fitur yang mengakibatkan Flash Player dan Silverlight menjadi terancam keberadaannya. Kedua aplikasi ini sebelumnya menjadi solusi audio/video pada teknologi web, tetapi user/pengguna sebelumnya harus mendownload plugin sebelum bisa melihat hasil dari teknologi Flash player ataupun Silverlight. Namun, HTML 5 telah menyediakan cara untuk mendukung fungsi serupa tanpa harus membuat pengguna mendownload plugin tertentu sebelumnya. Salah satu contoh penggunaan fitur ini dapat Anda lihat di : http://craftymind.com/factory/html5video/CanvasVideo.html

Media Penyimpanan (Storage)

Seperti pada konsep Offline fitur, HTML5 mendukung beberapa jenis media penyimpanan baru yaitu Web Storage (name/value pairs), Indexed DB, dan Web SQL Database. Keuntungan dari adanya berbagai macam media penyimpanan ini adalah peningkatan kecepatan dari aplikasi.

3D/Grafis

Ini merupakan salah satu fitur canggih lainnya dan sering digunakan dalam pembuatan permainan/game. Secara teknologi, HTML 5 sudah mendukung pembuatan 2D Canvas, 3D Canvas/ WebGL,SVG, CSS transform, dan SMIL. Salah satu contoh menarik dari implementasi fitur ini dapat dilihat di http://muro.deviantart.com/  dan http://www.chromeexperiments.com/.  Untuk mengetahui variasi browser yang mendukung fitur ini, Anda dapat mengunjungi http://caniuse.com.

Konektifitas

Fitur ini memungkinkan peningkatan konektifitas seperti pada aplikasi games dan real time chats.

Presentasi

HTML5 bersama-sama dengan CSS 3 dapat dipergunakan untuk menciptakan presentasi yang interaktif menggunakan transformasi 2D, transisi/animasi, 3D transformasi, dan web font (mendukung berbagai bahasa).

Akses file

HTML 5 memberikan kemudahan untuk aplikasi web dalam membaca file yang berada pada PC/Laptop Anda. Sebagai contoh aplikasi web http://studio.html5rocks.com/#Photos, yang memungkinkan Anda men-drag and drop foto dari komputer Anda ke Browser.

Kinerja

Performance/kinerja dari HTML 5 dapat hampir disamakan dengan aplikasi desktop atau native. Drag-and-drop, animasi, local storage, dan fitur-fitur lainnya menjadikan HTML 5 akan mengunguli aplikasi dekstop maupun native di kemudian hari.

Semantik

Fitur ini menjadikan web site yang menggunakan teknologi HTML 5 lebih mudah dikenali oleh Google Search Engine. HTML 5 sudah mendukung SEO (Search Engine Optimization).

Dari semua fitur di atas dapat dilihat bahwa HTML 5 akan merajai dunia aplikasi kedepannya. Meskipun belum seluruh web browser mendukung teknologi ini, tetapi kemudahan dalam pengembangan maupun penggunaan diyakini akan menjadi nilai dari teknologi ini.

 *sumber : disini

  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: