UNIVERSITAS BUDILUHUR

TUGAS 8 0316 (INDIVIDU )REKAYASA WEB

NAMA : HIDAYATUL ICHWANNIM : 1311511529

JAKARTA

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-perbedaan dengan versi HTML sebelumnya

• Spesifikasi HTML 5 menjabarkan vokabular yang dapat ditulis dalam dua sintak yaitu html dan XML yang disesuaikan dengan kebutuhan pemrogram, pasar atau aplikasi.

• HTML SEBELUMNYA Vokabular HTML dari jaman sebalumnya (HTML+, HTML 2.0,

HTML 3.2) umumnya ditulis menggunakan aturan sintak SGML. Pada HTML 4 telah diterapkan dua sintak yaitu: SGML (disebut sebagai HTML 4.01) dan XML (disebut XHTML 1.0).

• 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 SGML

• Kemampuan untuk mendukung format SVG dan MathML pada text/html• Elemen 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, wbr

• Tipe baru pada kontrol form : dates and times, email, url, search, color• Atribut 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 attribut• kini 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,

HTML versi 1.0HTML versi 1.0 ini adalah versi pertama sejak lahirnya nama html tersebut, memiliki sebuah kemampuan untuk heading, paragraph, hypertext, bold dan italic text, wrapping serta memiliki dukungan dalam peletakan sebuah gambar

HTML versi 2.0HTML versi 2.0 pada 14 Januari 1996, pada versi ini ada beberapa tambahan kemampuan diantaranya penambahan form comment, hal ini menyebabkan adanya sebuah interaktif dan mulai dari versi ini yang menjadikan sebuah pioneer dalam perkembangan homepage interaktif.

HTML versi 3.0HTML versi 3.0 dirilis pada 18 Desember 1997 yang sering disebut sebut sebagai HTML+ yang mempunyai kemampuan dalam beberapa fasilitas diantaranya adalah penambahan fitur table dalam paragraph, Dan pada bulan Mei 1996 dikeluarkan versi baru sebagai pengganti dan penyampurnaan versi 3.0 ini yaitu HTML versi 3.2,

HTML versi 4.0 HTML versi 4.0, seperti yang kita kenal HTML pada saat ini penambahan link,

meta, imagemaps, image dan lain lain sebagai penyempurnaan versi 3.2.

HTML versi 5.0HTML versi 5.0 yang merupakan sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari Waring Wera Wanua, Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologiHTMLagar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.

Contoh web yang telah mengimplementasikan HTML5

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

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.