REKAYASA WEB 0316 KEL. KI

NIM 1412511642NAMASRI SUSANTO

TUGAS 8

Jelaskan mengenai HTML5 !, berikan perbedaan-perbedaan dengan versi HTML sebelumnya dan berikan contoh web yang telah mengimplementasikan HTML5 1

Pengertian HTML5HTML5 merupakan sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari World Wide Web, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML dan hingga bulan Juni 2011 masih dalam pengembangan.

Dimana tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.HTML5 merupakan hasil proyek dari W3C (World Wide Web Consortium dan WHATWG ( Web Hypertext Application Technology Working Group ). Dimana WHATWG bekerja dengan bentuk web dan aplikasi dan W3C merupakan pengembang dari XHTML 2.0 pada tahun 2006, kemudian mereka memutuskan untuk bekerja sama dan membentuk versi baru dari HTML.

Berikut tujuan dibuatnya HTML5 :Fitur baru harus didasarkan pada HTML, CSS, DOM, dan JavaScriptMengurangi kebutuhan untuk plugin eksternal ( Seperti Flash )Penanagan kesalahan yang lebih baikLebih markup untuk menggantikan scriptingHTML5 merupakan perangkat mandiriProses pembangunan dapat terlihat untuk umumFitur baru dalam HTML5 :Unsur kanvas untuk menggambarVideo dan elemen audio untuk media pemutaranDukungan yang lebih baik untuk penyimpanan secara offlineElemen konten yang lebih spesifik, seperti artikel, footer, header, nav, sectionBentuk kontrol form seperti kalender, tanggal, waktu, email, url, search.

Berikan perbedaan-perbedaan mengenai HTML5 dengan versi HTML sebelumnya~ Penambahan elemen baru:

section serupa seperti h1-h6, article bisa berupa entri blog atau tulisan konten, aside menyajikan konten pelengkap, header bisa menyajikan judul, deskripsi, bahkan nav untuk navigasi, footer berisi catatan kaki seperti informasi hak cipta, penulis, kontak, dan sebagainya. Dialog yang dikombinasikan dengan dt dan dd (seperti pada halaman FAQ) dapat digunakan untuk menyajikan percakapan yang fenomenal adalah penggunaan elemen figure, video, audio, source, embed, canvas, dan elemen terkait berkas multimedia lainnya.

~ Penambahan atribut baru:atribut media, ping pada elemen pranala, autofocus, placeholder, required, autocomplete, dan sebagainya, terkait elemen input dan form reversed pada elemen ol untuk urutan besar ke kecil.

~ Perubahan makna elemen:Elemen b dilegalkan sebagai tipografi penegas, seperti pada kata kunci yang ingin ditonjolkan, tidak

‘deprecated’ (bukan fitur yang dianggap usang). Tidak lebih dari itu. Jadi tetap tidak bermakna semantik tertentu. Hal yang sama berlaku pula untuk elemen I, Elemen strong menegaskan level kepentingan, bukan sekadar penekanan emphasis lagi, Elemen hr dapat digunakan untuk memisahkan level paragraf sesuai pokok pikirannya dan lain-lain.

~ Elemen dan atribut yang tidak digunakan:center, font, strike, u, big, frame, frameset, noframes, acronym, longdesc, scope pada td, dan sebagainya.

Contoh web yang telah mengimplementasikan HTML5 1

http://muro.deviantart.com

http://www.schillmania.com/projects/soundmanager2/demo/360-player/canvas-visualization.html

Apa yang anda ketahui tentang WebSocket pada HTML5, berikan contoh applikasinya !

WebSocket adalah standar baru untuk komunikasi realtime pada Web dan aplikasi mobile. WebSocket dirancang untuk diterapkan di browser web dan server web, tetapi dapat digunakan oleh aplikasi client atau server. WebSocket adalah protokol yang menyediakan saluran komunikasi full-duplex melalui koneksi TCP tunggal. Protokol WebSocket sudah di standarisasi oleh IETF sebagai RFC 6455 pada tahun 2011, dan API WebSocket di Web IDL sedang distandarisasi oleh W3C.

Manfaat WebSocket

Websocket memungkinkan server untuk mendorong data kepada klien yang terhubungMengurangi traffic atau lalu lintas jaringan yang tidak perlu dan latency menggunakan full duplex melalui koneksi tunggal (bukan dua).Streaming melalui proxy dan firewall, mendukung komunikasi simultan hulu dan hilir.Kompatibel dengan pre-WebSocket dunia dengan cara beralih dari koneksi HTTP ke WebSockets.

Aplikasi Yang Harus Menggunakan WebSocket

Aplikasi dengan banyak pengguna atau Multi-User AppsAplikasi langsung atau Realtime AppsAplikasi dimana data live sangat dibutuhkan, seperti pasar saham, atau kurs.

WebSocket Client

Di website, WebSocket didukung oleh browser seperti Google Chrome, Firefox, OperaPada ponsel, WebSocket support di iOS dan AndroidWebSocket client menggunakan Javascript untuk meminta atau merequest ke server WebSocket, sebagai percobaan bisa ikuti tutorial di website w3schools atau tutorialspoint

WebSocket Server

Pada server, WebSocket sudah support di Ruby, Java, Objective-C, PHP, .NET, Node.js, ActionScript dan banyak bahasa lainnya, bisa dicoba pada website-website berikut ini Ruby, Java, Objective-C(iOS), PHP, .NET, node.js

contoh applikasinya WebSocket