Tugas8 [ku]-0316-kahfi arif akbar-1012501571

TUGAS 8REKAYASA

WEB0316

Kahfi Arif Akbar1012501571Kel. KU

1.HTML5

Hyper Text Mark-Up Language Version 5

Merupakan penerus dari HTML4, XHTML1, dan

DOM Level 2 HTML

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

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.

CONTOH KONTEN FILE FORMAT HTML5Berikut adalah contoh konten (mark-up) yang ditulis di dalam .html file dengan contoh format HTML5.

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.

CONTOH WEBSITE HTML5

www.makeitbright.diadora.com

www.colonytv.com


www.santatracker.google.com www.devtoolschallenger.com


www.meetyourmx.com www.benjandsoto.com

2.WEBSOCKET

HTML5Definisi & Contoh

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)

CONTOH PENERAPAN WEBSOCKET PADA APLIKASI

CHATING1. CONTOH CODING

CONTOH PENERAPAN WEBSOCKET PADA APLIKASI CHATING2. HASILNYA

THANKS

Tugas8 [ku]-0316-kahfi arif akbar-1012501571

Education

Transcript of Tugas8 [ku]-0316-kahfi arif akbar-1012501571