upload video menggunakan HTML5

 HTML5 memungkinkan kita menambahkan video tanpa menggunakan bantuan flash. Dengan menggunakan tag <video>, kita dapat langsung menampilkan video tanpa bantuan plugin. Jadi website kita lebih cepat diakses karena meminimalisir adanya plugin dengan tag-tag baru yang ditawarkan HTML5. 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

Dari data yang ada pada website itu browser Maxthon 3.4.1 merupakan browser terbaik dalam hal mendukung bahasa HTML5 dengan 422 total skor diikuti kemudian dengan google Chrome 20 dengan 414 total skor kemudian berturut-turut Opera 12.00 dengan 385, Firefox 13 dengan 345, Safari 5.1 dengan 317 dan Internet Explorer 9 dengan 138 point.


Referensi :
http://www.nurulimam.com/2014/01/menampilkan-video-audio-dengan-html5.html
mkr-site.blogspot.com/2012/07/apa-itu-html5-dan-kelebihannya.html

Read More

Pengenalan HTML 5

 HTML5 lahir pada tahun 2009 yang merupakan  standar  baru  untuk  HTML, XHTML dan DOM HTML. Sejak munculnya HTML versi 4.01, perkembangan situs dunia semakin berkembang. 
HTML5 merupakan hasil proyek dari   W3C (World Wide Web Consortium) dan WHATWG (Web Hypertext Application Technology Working Group). WHATWG bekerja dengan bentuk situs dan aplikasi, sedangkan W3C merupakan pengembang dari XHTM L 2.0 pada tahun 2006, kemudian mereka memutuskan untuk bekerja sama dan membentuk versi baru dari HTML.

Meskipun HTML5 telah dikenal luas oleh para pengembang web sejak lama, HTML5 baru mencuat pada April 2010 setelah CEO Apple Inc., Steve Jobs, mengatakan bahwa dengan pengembangan HTML5, "Adobe Flash sudah tidak dibutuhkan lagi untuk menyaksikan video atau menyaksikan konten apapun di web".



Tujuan dibuatnya HTML5 antara lain:

1. Fitur baru harus didasarkan pada HTML, CSS, DOM , dan JavaScript. 
2. Mengurangi kebutuhan untuk plugin eksternal (seperti Flash).
3. Penanganan kesalahan yang lebih baik.
4. Lebih banyak markup untuk menggantikan scripting.
5. HTML5 merupakan perangkat mandiri.

Fitur baru dalam HTML5:

• Unsur kanvas untuk menggambar.
• Video dan elemen audio untuk media pemutaran.
• Dukungan yang lebih baik untuk penyimpanan secara offline.
• Elemen  konten yang  lebih  spesifik, seperti  artikel, footer, header,
  navigation, section.
• Bentuk kontrol form seperti kalender, tanggal, waktu, e-mail, URL, search.

Beberapa kelebihan yang dijanjikan pada HTML5:

• Dapat ditulis dalam sintaks HTML (dengan tipe media text/HTML) danXML.
• Integrasi yang lebih baik dengan aplikasi situs dan pemrosesannya.
• Integrasi ('inline') dengan doctype yang lebih sederhana.
• Penulisan kode yang lebih efisien.
• Konten yang ada di situs lebih mudah terindeks oleh search engine. 

Saat ini HTML5 masih dalam pengembangan, namun hanya beberapa browser sudah mendukung HTML5. Beberapa browser tersebut seperti Safari, Chrome, Firefox, dan Opera. Kabarnya IE9 (Internet Explorer) akan mendukung beberapa fitur dari HTML5.

Pembuatan HTML5 juga di karenakan 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.

semoga bermanfaat ^_^

Referensi:
http://www.jeanotnahasan.com/2012/02/pengertian-tujuan-fitur-baru-dan.html
http://mkr-site.blogspot.com/2012/07/apa-itu-html5-dan-kelebihannya.html

Read More