Tugas Rekweb - 80316

Nama : Joko wijayanto

NIM : 1412510263

Kelompok : KI

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

HTML5 adalah revisi yang sedang dibangun oleh konsorsium W3C untuk dimasukkan sebagai perubahan besar berikutnya pada standar HTML. Sebagaimana pendahulu sebelumnya yaitu: HTML 4.01 dan XTHML 1.1, HTML5 adalah sebuah standar untuk menstrukturkan dan menampilkan isi pada World Wide Web. Standar ini memperkenalkan fitur baru seperti memutar video serta drag and drop, Sebelumnya fitur ini bergantung pada plugins pihak ketiga di penjelajah web seperti Adobe Flash dan Microsoft Silverlight. Tujuan dibuatnya HTML5 antara lain:

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

Perbedaan HTML 5 dengan HTML 4.01 dan XHTML 1.x

Berikut disajikan beberapa contoh perbedaan yang spesifik :

Aturan baru saat melakukan parsing berorientasi pada towards dan kompatibilitas; tidak berbasis pada SGMLKemampuan untuk mendukung format SVG dan MathML pada text/htmlElemen baru: article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, mark, meter, nav, output, progress, rp, rt, ruby, section, source, summary, time, video, wbrTipe baru pada kontrol form : dates and times, email, url, search, colorAtribut baru: ping (pada elemen a and area), charset (pada meta), async (ada script)Atribut global (atribut berikut dapat diterapkan pada setiap elemen html) : id, tabindex, hidden, data-* (atribut data kustom)Selain dapat bernilai GET atau POST, elemen attributekini telah mendukung nilai PUT dan DELETE. (Sebagai contoh kasus lihat Representational State Transfer)Elemen yang telah deprecated secara bersamaan akan dihapus : acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, s, strike, tt,

Contoh web yang telah mengimplementasikan HTML5

• http://muro.deviantart.com/Feature 2• http://www.thewildernessdowntown.com/• http://www.thisshell.com/

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

WebSocket didefinisikan sebagai sebuah Application Programming Interfaces (API) yang membuat koneksi "socket" antara web browser dan server. Dalam kata polos: Ada sebuah koneksi tetap antara klien dan server, dan kedua pihak dapat memulai mengirim data kapan saja.

WebSocket merupakan bagian dari HTML5. WebSocket menghadirkan pengurangan besar dalam lalu-lintas jaringan yang tidak penting dan latency dibandingkan dengan solusi polling dan long-polling yang telah digunakan untuk mensimulasikan koneksi dua arah dengan cara menjaga dua koneksi tetap terhubung.

Aplikasi Yang Harus Menggunakan WebSocket•Aplikasi dengan banyak pengguna atau Multi-User Apps•Aplikasi langsung atau Realtime Apps•Aplikasi dimana data live sangat dibutuhkan, seperti pasar saham, atau kurs.

Contoh web yang di buat dengan websocket

Contoh web yang di buat dengan websocket