tugas8 [ki]-0316-[safwan reza]-[1111511810]
TRANSCRIPT
![Page 1: Tugas8 [KI]-0316-[Safwan Reza]-[1111511810]](https://reader037.vdokumen.com/reader037/viewer/2022083115/58a76f8f1a28ab99238b5643/html5/thumbnails/1.jpg)
JELASKAN MENGENAI HTML5
HTML5 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.
![Page 2: Tugas8 [KI]-0316-[Safwan Reza]-[1111511810]](https://reader037.vdokumen.com/reader037/viewer/2022083115/58a76f8f1a28ab99238b5643/html5/thumbnails/2.jpg)
BERIKAN PERBEDAAN-PERBEDAAN DENGAN VERSI HTML SEBELUMNYABeberapa 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 atauDTD pada HTML5 menjadi lebih sederhana: <!DOCTYPE html>.Penulisan type atribut untuk tag <style> dan <script> tidak diperlukan pada HTML5. Hal ini karena secara default web browser akan menggunakan text/css untuk tag <style>, dantext/javascript untuk tag <script>. Sebagai contoh, untuk menggunakan external CSS, Pada HTML versi sebelumnya kita menuliskan tag <style> secara lengkap: <style type=”text/css”>…kode CSS… </style>, namun dalam HTML5 kita bisa membuatnya lebih sederhana: <style>…..kode CSS…..</style>Penulisan meta tag karakter set (charset) pada HTML5 menjadi lebih sederhana: <meta charset=”utf-8″>, dibandingkan versi sebelumnya: <meta http-equiv=”content-type” content=”text/html;charset=UTF-8″ />.Pada HTML5, tag yang berdiri sendiri (void element) tidak harus ditutup seperti dalam XHTML. Penulisan tag <br> (break) dapat ditulis dengan <br> maupun <br />.Walaupun tidak dianjurkan, sebuah tag pada HTML5 boleh ditulis tanpa tag awal atau tanpa tag akhir. Sebagai contoh, kita tidak perlu menutup tag <p> dengan tag </p>.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.
Penulisan atribut tidak harus di dalam tanda kutip. Sebagai contoh: <p class=satu> adalah valid. Namun jika nilai atribut terdiri dari karakter spasi, maka tetap harus menggunakan tanda kutip, seperti: <p class=”satu dua tiga”>.HTML5 mendukung multimedia secara langsung menggunakan tag <audio> dan <video>, sehingga kita tidak perlu tergantung kepada aplikasi pihak ke-3 seperti flash player.HTML 5 hanya memiliki 1 versi, tidak seperti pendahulunya yang memiliki 3 versi (pada HTML 4 dan XHTML, anda akan menemukan versi strict, transitional, dan frameset).
![Page 3: Tugas8 [KI]-0316-[Safwan Reza]-[1111511810]](https://reader037.vdokumen.com/reader037/viewer/2022083115/58a76f8f1a28ab99238b5643/html5/thumbnails/3.jpg)
BERIKAN CONTOH WEB YANG TELAH MENGIMPLEMENTASIKAN HTML5 Three Dreams of Black : http://www.ro.me/
![Page 4: Tugas8 [KI]-0316-[Safwan Reza]-[1111511810]](https://reader037.vdokumen.com/reader037/viewer/2022083115/58a76f8f1a28ab99238b5643/html5/thumbnails/4.jpg)
APA YANG ANDA KETAHUI TENTANG WEBSOCKET PADA HTML5Pada 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 5: Tugas8 [KI]-0316-[Safwan Reza]-[1111511810]](https://reader037.vdokumen.com/reader037/viewer/2022083115/58a76f8f1a28ab99238b5643/html5/thumbnails/5.jpg)
APA YANG ANDA KETAHUI TENTANG WEBSOCKET PADA HTML5Arsitektur Web Socket :
![Page 6: Tugas8 [KI]-0316-[Safwan Reza]-[1111511810]](https://reader037.vdokumen.com/reader037/viewer/2022083115/58a76f8f1a28ab99238b5643/html5/thumbnails/6.jpg)
CONTOH APLIKASI WEBSOCKETjWebSocket (Java)web socket Ruby (Ruby)Socket IO-Node (NodeJS)WebSocket-Node (Pure JS client & server implementation of the lastest draft-10)Kaazing WebSocket Gateway (Java-based WebSocket Gateway)mod_pyWebSocket (Python-based extension for the Apache HTTP Server)Netty (Java network framework which includes WebSocket support)wsproxy (WebSockets to generic TCP socket proxy)websocket (Python)websockify (Python, C, Node.js)txWebSocket (Python/Twisted, hixie-76 handshake)[plack socketio middleware] (Perl Rack/WSGI-like middleware)