by Agus Kurniawan
20. March 2011 19:02
Semenjak gw install IE9 RC tanggal 13 February 2011, gw coba melakukan testing HTML5 dan hasilnya dapat dilihat pada blog gw [V]. Sekarang gw barusan install IE9 versi released dan performance cukup bagus dan significant dari versi RC. Tampilanannya cukup futuristik dan menarik. Dukungan HTML5 Kalau IE9 versi RC gw test dengan melakukan browsing ke alamat http://html5test.com
IE 9 versi RC memberikan skor 116 dan bonus 5 points, cek blog gw [V].
Setelah gw install IE 9 versi released dan gw test lagi dan hasilnya adalah skor 130 dan bonus 5. Ini artinya hanya ada 14 kenaikan skor nya. Menurut gw tidak begitu significant nih .
Tengok browser tetangga skor untuk dukungan HTML5 sudah mencapai skor diatas 150 bahkan Google Chrome sudah mencapai diatas 242. Berharap Microsoft bisa mendukung HTML5 di kemudian hari.
Contoh ilustrasinya gw buat test case untuk tipe input HTML5 baru dengan kode script dibawah ini
<html>
<head>
<title>Demo Input HTML5</title>
</head>
<body>
<form id="form1">
<p>Email: <input type="email"> </p>
<p>URL: <input type="url" > </p>
<p>Date: <input type="date" > </p>
<p>Time: <input type="time"> </p>
<p>Month: <input type="month"> </p>
<p>Week: <input type="week"> </p>
<p>Datime: <input type="datetime"> </p>
<p>Datime-local: <input type="datetime-local"> </p>
<p>Range: <input type="range"> </p>
<p>Telpon: <input type="tel"> </p>
<p>Color: <input type="color"> </p>
<p>Number: <input type="number"> </p>
</form>
</body>
</html>
Kalau IE 9 versi released akan melakukan render sebagai berikut:
Sedangkan browser Google Chrome versi 10.0 akan melakukan render seperti dibawah ini
Lihat berbeda kah?
What’s Next?
Saran gw pastikan testing aplikasi web HTML5 untuk semua browser karena tiap browser mempunyai kemampuan fitur berbeda-beda yang di support.
by Agus Kurniawan
13. February 2011 22:22
HTML5 adalah suatu spesifikasi atau standard yang dikeluarkan oleh W3C (World Wide Web Consortium) sebagai revisi dari standard HTML. Saat ini ditulis kita banyak menjumpai aplikasi web yang masih menggunakan standard HTML4 namun beberapa sudah mulai migrasi ke standard web HTML5.
Standard HTML4 yang dijumpai banyak memiliki kelemahan untuk mendukung aplikasi web yang interaktif. Akibat hal ini banyak orang menambahkan fitur baru baik disisi aplikasi web ataupun disisi browser. Solusi ini dikenal dengan plugin dan salah satunya adalah Flash dan Silverlight.
Semakin menjamurnya plugin didalam aplikasi atau browser membuat aplikasi web ini susah untuk menembus banyak browser. Hal ini dikarenakan setiap plugin mempunyai cara yang berbeda-beda, sebagai contoh kita ingin memasang plugin flash untuk sharing video maka pada halaman web kita harus ditulis sebagai berikut
<object type="application/x-shockwave-flash" width="400" height="220" wmode="transparent" data="flvplayer.swf?file=movies/holiday.flv">
<param name="movie" value="flvplayer.swf?file=movies/holiday.flv" />
<param name="wmode" value="transparent" />
</object>
Kalau sebelumnya kita menggunakan plugin Flash dari Adobe untuk menjalankan aplikasi web pada browser maka lain carany bila kita menggunakan Silverlight. Teknologi Silverlight dikembangkan oleh Microsoft. Contoh penggunaan Silverlight pada halaman web dapat dilihat pada HTML dibawah ini
<object width="300" height="300" data="data:application/x-silverlight-2," type="application/x-silverlight-2" >
<param name="source" value="SilverlightApplication1.xap"/>
</object>
HTML5 mencoba untuk menyederhanakan kompleksitas penggunaan media video dengan standard baru yaitu penggunaan tag <video>. Dengan fitur baru ini maka kita cukup menulis script untuk menjalankan file video sebagai berikut
<video src=tutorialku.mp4>
</video>
Isu bagaimana menjalankan file video pada aplikasi web merupakan salah satu contoh bagaimana HTML4 tidak dapat mencakup masalah ini dan masih banyak lagi isu pada HTML4. Oleh karena itu, kita sudah saatnya memanfaatkan HTML5 sebagai standard aplikasi web kita.
Apakah Browser Saya Support HTML5?
Bagaimana caranya untuk menguji apakah browser yang anda install itu sudah support HTML5 atau tidak dan seberapa banyak fitur HTML5 yang disupport? Caranya cukup mudah, pertama-tama pastikan komputer anda sudah terhubung dengan internet dan arahkan ke alamat web sebagai berikut
http://html5test.com
Sebagai contoh ilustrasi, penulis menggunakan browser Firefox versi 3.6.13 menghasilkan skor 139 dan bonus skor 4 seperti yang terlihat pada gambar dibawah ini.
Sedangkan kalau diuji dengan menggunakan IE Browser versi 8.0 menghasilkan skor yang kecil yaitu 27 tanpa bonus. Ini dapat dilihat pada gambar dibawah ini
Apabila kita menggunakan Google Chrome versi 9.0 untuk menguji skor fitur HTML5 dengan alamat test HTML5 maka kita akan memperoleh hasil skor cukup besar yaitu 242 dan ini dapat dilihat pada gambar dibawah ini
Bagaimana dengan IE 9.0 dimana saat artikel ini ditulis masih versi RC? Kalau kita test nilai skor HTML5 bernilai 116 pada IE 9.0 (RC) dan ini dapat dilihat pada gambar dibawah ini
Dari ujicoba 4 browser diatas, yang paling cocok untuk sebagai testbed aplikasi web berbasis HTML5 adalah Google Chrome 9.0 ketas. Browser lainnya? anda bisa mencobanya
What’s Next?
Saat ini gw sedang finishing artikel mengenai HTML5 yang akan dikirim ke majalah PC Media dan menulisnya juga sebagai sebuah buku. Semoga ini lancar semua dan bermanfaat.