Friday, December 10, 2010

Dedaunan yang Baru: Kelebihan HTML5 dan Browser Anda

As Salam Jumaat,

Semoga kita semua dirahmati dan diredhai Allah S.W.T.

Semoga Allah memberi kekuatan kepada kita dan keluarga untuk membaca Surah Al-Kahfi pada hari ini. Ini kerana Nabi S.A.W menggalakkan kita membacanya untuk mendapatkan perlindungan daripada Allah Taala daripada Fitnah Dajal. Amin.

Semoga amalan kita setiap hari menjadi dedaunan yang baru atau Web Brower/Pelayar Web yang baru. Ini memberikan banyak kelebihan kepada amalan kita. Begitu juga dengan Pelayar Web yang baru yang menyokong kod program web yang baru iaitu HTML5. Apa kelebihan HTML5 ini dan manakah Pelayar Web yang menyokong kelebihan HTML5 ini.

1. HTML5 - Kanvas

Ini adalah lapisan atau permukaan lain dalam web yang disediakan untuk tag sesuatu data seperti penggunaan kod Javascript untuk manipulasi piksel-piksel yang ada untuk satu persembahan data yang tersusun, rawak dan sebagainya.

Ini adalah idea daripada Apple yang memperkenalkan elemen atau objek canvas dalam projek WebKit mereka.

Microsoft - ExpolererCanvas.

Pelayar Web yang menyokong :-

  • Apple Safari 5.0
  • Google Chrome 8.0
  • Microsoft IE 9.0
  • Mozilla Firefox 3.6
  • Opera 10.60
2. HTML5 - Video dan Audio

Ia menyediakan elemen tag video dalam pembangunan helaian fail web HTML. Ia sama seperti tag untuk imej yang sudah sedia ada dalam kod HTML.

Pelayar Web yang menyokong format video/audio, H.264/MPEG-4, Ogg Theora / Ogg dan Vorbis VP8 dalam fail HTML:-

  • Apple Safari 5.0- H.264/MPEG-4
  • Google Chrome 8.0 - Semua
  • Microsoft IE 9.0- H.264/MPEG-4
  • Mozilla Firefox 3.6 - Ogg Theora / Ogg
  • Mozilla Firefox 4.0 - Ogg Theora / Ogg dan Vorbis VP8
  • Opera 10.60- Ogg Theora / Ogg dan Vorbis VP8
3. HTML 5 - Grafik berskala vektor

Format grafik berskala vektor atau SVG ini digunakan untuk menukarkan data dalam fail HTML ke rupa bentuk yang bergrafik.

Ia akan mempunyai tag HTML seperti berikut untuk membina satu bulatan yang berwarna kuning:-

||<|circle cx="100" cy="50" r="40" stroke="grey" width="2" fill="yellow"|>||

pelayar web yang menyokong grafik sebagai paparan SVG, kesan SVG, filter SVG, font SVG, SVG- CSS, dan animasi SVG :-
  • Apple Safari 6.0- Semua kecuali untuk filter SVG, ia tak menyokong sepenuhnya.
  • Google Chrome 9.0 - Semua kecuali untuk font dan filter SVG, ia tidak menyokong sepenuhnya.
  • Microsoft IE 9.0- Hanya menyokong penuh paparan SVG dan animasi SVG serta tidak menyokong penuh untuk font SVG.
  • Mozilla Firefox 4.0 - Semua kecuali CSS-SVG.
  • Opera 11.0- Semua sepenuhnya dan font SVG separa sahaja.
4. WebGL - Kanvas 3D

Format paparan kanvas dalam fail HTML ini diperkenalkan oleh OpenGL untuk paparan grafik 3D. Ia masih belum menjadi satu piawaian untuk HTML5 secara rasmi tetapi sudah ada pelayar web yang menyokong format ini seperti Firefox dan Chrome.


Sebelum adanya HTML5, kebanyakkan pelayar web perlu pasangkan aplikasi plug in tertentu bagi membolehkan ia dimainkan atau dipaparkan menerusi pelayar web seperti video Quicktime dan sebagainya. Dengan HTML 5 tidak perlu lagi.

Sebab itu Pelayar Web 9.0 dikatakan pelayar permainan komputer atau web browser game -enabled.

Draf ini dibangunkan oleh komuniti W3.














2 comments:

  1. Mungkin boleh gunakan rujukan ini untuk contoh canvas dan sebagainaya. : http://html5demos.com/

    ReplyDelete

Harap menggunakan bahasa yang berbudi tinggi dan terima kasih di atas komen anda.