HTML 5 TIMOTIUS FLOREAN,

Transkripsi

1 HTML 5 TIMOTIUS FLOREAN,

2 Apa itu HTML 5? HTML5 adalah sebuah markup language untuk menstrukturkan dan menampilkan isi dari World Wide Web, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML (yang pertama kali diciptakan pada tahun 1990 dan versi keempatnya, HTML4, pada tahun 1997) dan hingga bulan Juni 2011 masih dalam pengembangan. Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.

3 Apa itu HTML 5? HTML5 merupakan salah satu karya World Wide Web Consortium, W3C, untuk mendefinisikan sebuah bahasa markah tunggal yang dapat ditulis dengan cara HTML ataupun XHTML. HTML5 merupakan jawaban atas pengembangan HTML 4.01 dan XHTML 1.1 yang selama ini berjalan terpisah, dan diimplementasikan secara berbeda-beda oleh banyak perangkat lunak (Source : Wikipedia)

4 FITUR BARU PADA HTML 5

5 1. SEMANTICS Semantics disini merupakan fitur yang dijadikan unggulan dalam HTML5. Pada HTML sebelumnya banyak web designer yang menggunakan elemen div, nav, dan lainnya. Pada HTML5 hal seperti itu sudah tidak digunakan dengan adanya semantics akan menjadi masa depan tag layout dan format yang membuat web akan lebih dinamis serta lebih menarik.

6 2. OFFLINE & STORAGE Web Apps bisa mulai lebih cepat dan bekerja bahkan jika tidak ada koneksi internet, berkat Cache App HTML5, serta Local Storage, Indexed DB, dan spesifikasi file API. Local Storage ini mempunyai fungsi sebagai pengganti cache sebagai media penyimpanan history halaman web. Memungkinkan web untuk menyimpan data cache lebih besar di storage local-nya daripada cache pada browser biasa.

7 3. DEVICE ACCESS HTML5 menyediakan API yang sangat powerful untuk berinteraksi dengan data biner dan sistem file lokal pengguna. File API memberikan kemampuan kepada aplikasi web untuk melakukan hal-hal seperti membaca file secara serentak, membuat arbitrary Blobs, menulis file ke lokasi sementara, membaca direktori file secara rekrusif, melakukan drag and drop sebuah file dari desktop ke browser, dan mengupload data biner menggunakan XMLHttpRequest2.

8 4. CONNECTIVITY Konektivitas yang lebih efisien berarti chatting dengan lebih real-time, game yang lebih cepat, dan komunikasi yang lebih baik. Web Sockets dan Server-Sent Events mendorong data antara klien dan server yang lebih efisien daripada sebelumnya.

9 5. MULTIMEDIA Audio dan Video menjadi warga negara kelas satu di web dengan HTML5 dengan cara yang sama bahwa jenis media lainnya seperti gambar lakukan di masa lalu. Melalui API barunya Anda dapat mengakses, mengontrol dan memanipulasi data waktu. Dengan penambahan pada API Anda akan dapat membaca dan menulis raw data ke file audio (Audio Data API) atau memanipulasi captions dalam video (Timed Jalur API). Tapi kekuatan sesungguhnya dari elemen-elemen HTML baru menonjol ketika dikombinasikan dengan teknologi lain dari web stack, baik itu Canvas, SVG, CSS atau bahkan WebGL.

10 6. 3D, GRAPHICS & EFFECTS Web selalu menjadi media visual. Sampai saat ini, pengembang HTML terbatas pada CSS dan JavaScript untuk menghasilkan animasi atau efek visual untuk situs Web mereka, atau mereka harus bergantung pada sebuah plugin seperti Flash. Dengan penambahan teknologi seperti elemen Canvas, Web GL, dan SVG images, ini tidak lagi terjadi! Bahkan, ada banyak fitur baru yang berhubungan dengan grafis di web seperti Canvas 2D, WebGL, SVG, 3D CSS transforms, dan SMIL.

11 7. Performance & Integration Membuat Web Apps dan web dinamis yang lebih cepat dengan berbagai teknik dan teknologi seperti Web Workers dan XMLHttpRequest 2. Dengan diperkenalkannya CSS3, belum pernah lebih mudah untuk membuat situs yang kaya dan indah dan aplikasi dalam HTML. Ada banyak teknologi baru dan ekstensi untuk CSS3 termasuk 2D Transformations, Transition, 3D Transforms dan Webfonts.

12 8. CSS3 STYLING CSS3 memberikan berbagai stilisasi dan efek, meningkatkan aplikasi web tanpa mengorbankan struktur semantik atau kinerja. Selain itu Web Open Font Format (WOFF) memberikan fleksibilitas dan kontrol tipografi jauh melampaui apa yang telah ditawarkan oleh web-web sebelumnya.

13

14