tugas8 [ku]-0316-kahfi arif akbar-1012501571
TRANSCRIPT
![Page 1: Tugas8 [ku]-0316-kahfi arif akbar-1012501571](https://reader033.vdocuments.site/reader033/viewer/2022042510/58a4f7371a28abce778b4891/html5/thumbnails/1.jpg)
TUGAS 8REKAYASA
WEB0316
![Page 2: Tugas8 [ku]-0316-kahfi arif akbar-1012501571](https://reader033.vdocuments.site/reader033/viewer/2022042510/58a4f7371a28abce778b4891/html5/thumbnails/2.jpg)
Kahfi Arif Akbar1012501571Kel. KU
![Page 3: Tugas8 [ku]-0316-kahfi arif akbar-1012501571](https://reader033.vdocuments.site/reader033/viewer/2022042510/58a4f7371a28abce778b4891/html5/thumbnails/3.jpg)
1.HTML5
Hyper Text Mark-Up Language Version 5
![Page 4: Tugas8 [ku]-0316-kahfi arif akbar-1012501571](https://reader033.vdocuments.site/reader033/viewer/2022042510/58a4f7371a28abce778b4891/html5/thumbnails/4.jpg)
Merupakan penerus dari HTML4, XHTML1, dan
DOM Level 2 HTML
![Page 5: Tugas8 [ku]-0316-kahfi arif akbar-1012501571](https://reader033.vdocuments.site/reader033/viewer/2022042510/58a4f7371a28abce778b4891/html5/thumbnails/5.jpg)
HTML5 merupakan pengembangan bahasa HTML yang lebih baik, lebih berarti
atau sematics yang sebelumnya adalah bahasa mark-up
sederhana menjadi sebuah platform canggih, penuh fitur,
dan kaya akan antarmuka pemrograman aplikasi yang
disebut API (Application Programming Interface).
![Page 6: Tugas8 [ku]-0316-kahfi arif akbar-1012501571](https://reader033.vdocuments.site/reader033/viewer/2022042510/58a4f7371a28abce778b4891/html5/thumbnails/6.jpg)
KEGUNAAN HTML5› Berguna untuk menampilkan konten› Menghubungkan (link) antar halaman› Memberi struktur dan informasi terkait
dengan sebuah halaman web
Konten sebuah web tidak hanya sebatas teks saja, melainkan konten interaktif lainnya seperti video, audio, gambar, dan animasi dapat disisipkan dan ditampilkan pada halaman web.
![Page 7: Tugas8 [ku]-0316-kahfi arif akbar-1012501571](https://reader033.vdocuments.site/reader033/viewer/2022042510/58a4f7371a28abce778b4891/html5/thumbnails/7.jpg)
CONTOH KONTEN FILE FORMAT HTML5Berikut adalah contoh konten (mark-up) yang ditulis di dalam .html file dengan contoh format HTML5.
![Page 8: Tugas8 [ku]-0316-kahfi arif akbar-1012501571](https://reader033.vdocuments.site/reader033/viewer/2022042510/58a4f7371a28abce778b4891/html5/thumbnails/8.jpg)
PERBEDAAN HMTL5 DENGAN VERSI SEBELUMNYA1.Penulisan Doctype atau DTD menjadi lebih sederhana :<!DOCTYPE html>
2.Penulisan type atribute untuk tag <style> dan <script> tidak diperlukan.
3.Penulisan meta charset menjadi lebih sederhana :<meta charset=“utf-8”>
4.Tag void element tidak harus ditutup seperti dalam XHTML, misalnya tag break dapat ditulis dengan <br> atau <br />.
5.Sebuah tag boleh ditulis tanpa tag awal atau tag akhir, misalnya kita tidak perlu menutup tag <p> dengan tag </p>.
6.Penulisan tag dan atribut adalah case-insensitive, sehingga tag <p> dan tag <P> akan dianggap sama.
7.Penulisan atribut tidak harus dalam tanda kutip, misalnya <p class=satu> adalah valid.
8.Mendukung multimedia secara langsung menggunakan tag <audio> dan <video> sehingga tidak perlu tergantung aplikasi seperti flashplayer.
9Hanya memiliki satu versi, tidak seperti pada HTML4 dan XHTML yang terdapat versi strict, transitional, dan frameset.
![Page 9: Tugas8 [ku]-0316-kahfi arif akbar-1012501571](https://reader033.vdocuments.site/reader033/viewer/2022042510/58a4f7371a28abce778b4891/html5/thumbnails/9.jpg)
CONTOH WEBSITE HTML5
www.makeitbright.diadora.com
www.colonytv.com
![Page 10: Tugas8 [ku]-0316-kahfi arif akbar-1012501571](https://reader033.vdocuments.site/reader033/viewer/2022042510/58a4f7371a28abce778b4891/html5/thumbnails/10.jpg)
CONTOH WEBSITE HTML5
www.santatracker.google.com www.devtoolschallenger.com
![Page 11: Tugas8 [ku]-0316-kahfi arif akbar-1012501571](https://reader033.vdocuments.site/reader033/viewer/2022042510/58a4f7371a28abce778b4891/html5/thumbnails/11.jpg)
CONTOH WEBSITE HTML5
www.meetyourmx.com www.benjandsoto.com
![Page 12: Tugas8 [ku]-0316-kahfi arif akbar-1012501571](https://reader033.vdocuments.site/reader033/viewer/2022042510/58a4f7371a28abce778b4891/html5/thumbnails/12.jpg)
2.WEBSOCKET
HTML5Definisi & Contoh
![Page 13: Tugas8 [ku]-0316-kahfi arif akbar-1012501571](https://reader033.vdocuments.site/reader033/viewer/2022042510/58a4f7371a28abce778b4891/html5/thumbnails/13.jpg)
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.(Sumber : wikipedia.co.id)
![Page 14: Tugas8 [ku]-0316-kahfi arif akbar-1012501571](https://reader033.vdocuments.site/reader033/viewer/2022042510/58a4f7371a28abce778b4891/html5/thumbnails/14.jpg)
CONTOH PENERAPAN WEBSOCKET PADA APLIKASI
CHATING1. CONTOH CODING
![Page 15: Tugas8 [ku]-0316-kahfi arif akbar-1012501571](https://reader033.vdocuments.site/reader033/viewer/2022042510/58a4f7371a28abce778b4891/html5/thumbnails/15.jpg)
CONTOH PENERAPAN WEBSOCKET PADA APLIKASI CHATING2. HASILNYA
![Page 16: Tugas8 [ku]-0316-kahfi arif akbar-1012501571](https://reader033.vdocuments.site/reader033/viewer/2022042510/58a4f7371a28abce778b4891/html5/thumbnails/16.jpg)
THANKS