Top Banner
TUGAS 8 REKWEB HTML5 & Websocket Rizki ripai_1311511511_KU
12

Tugas 8 rekayasa web

Feb 17, 2017

Download

Education

rizkyripai
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Tugas 8 rekayasa web

TUGAS 8 REKWEB

HTML5 & Websocket

Rizki ripai_1311511511_ KU

Page 2: Tugas 8 rekayasa web

Pengertian HTML5

HTML5 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari Waring Wera Wanua, sebuah teknologi inti dariInternet. HTML5 adalah revisi kelima dari HTML (yang pertama kali diciptakan pada tahun 1990 dan versi keempatnya, HTML4, pada tahun1997) dan hingga bulan Juni 2011 masih dalam pengembangan. Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologiHTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.

HTML5 adalah versi terbaru dari HTML (HyperText Markup Language) yang mana dikembangkan oleh W3C atau Word Wide Web Consortium.

Page 3: Tugas 8 rekayasa web

HTML5

Page 4: Tugas 8 rekayasa web

Tujuan dibuatnya HTML5

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.

Page 5: Tugas 8 rekayasa web

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.

Page 6: Tugas 8 rekayasa web

kelebihan 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.

Page 7: Tugas 8 rekayasa web

Beberapa perbedaan yang akan ditemukan dalam HTML5:

• Penulisan doctipe pada HTML5 lebih sederhana. Mungkin inilah perbedaan paling mencolok dari halaman HTML yang ditulis menggunakan HTML5 atau tidak. Penulisan Doctype atau DTD pada HTML5 menjadi lebih sederhana: <!DOCTYPE html>.

• Penulisan tag dan atribut adalah case-insensitive di dalam HTML5, sehingga tag <p> dan tag <P> akan dianggap sama. Hal ini berbeda dengan XHTML yang mengharuskan seluruh tag ditulis dalam huruf kecil.

• HTML5 mendukung multimedia secara langsung menggunakan tag <audio> dan <video>, sehingga kita tidak perlu tergantung kepada aplikasi pihak ke-3 seperti flash player.

Page 8: Tugas 8 rekayasa web

Web yang mengimplementasikan HTML5

http://narkoba.be/happy_love

Page 9: Tugas 8 rekayasa web

Page source

Page 10: Tugas 8 rekayasa web

HTML5 Web Socket

WebSocket adalah Teknologi yang menyediakan kanal komunikasi bi-directional, full-duplex melalui socket Transmission Control Protocol (TCP), dan dirancang untuk diimplementasikan di web browser serta web server, dan tidak terlepas kemungkinan untuk dimanfaatkan oleh aplikasi native client-server.

Pada spesifikasinya, 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.

Page 11: Tugas 8 rekayasa web

HTML5 Web Socket

Page 12: Tugas 8 rekayasa web

Aplikasi chat berbasis web menggunakan Socket