SlideShare a Scribd company logo
1 of 6
Tugas 8 Rekayasa Web
Nama : Ummi khairani
Nim : 1412511188
KI-O316
Tugas 8 Rekweb
 1. Jelaskan mengenai HTML5! Berikan
perbedaan-perbedaan dengan versi HTML
sebelumnnya dan berikan contoh web
yang telah mengimplementasikan HTML5!
 2. Apa yang anda ketahui tentang
WebSocket pada HTML5,berikan contoh
aplikasinya !
1.Jelaskan mengenai HTML5! Berikan perbedaan-perbedaan dengan versi HTML
sebelumnnya dan berikan contoh web yang telah mengimplementasikan HTML5!
• HTML5 adalah versi terbaru dari HTML. Versi terakhir
HTML sebelumnya HTML5 adalah HTML 4.01. dan
XHTML 1.1 Kali ini kita akan membahas apa saja fitur-
fitur baru yang tersedia didalam HTML5 serta
perbedaanya dengan versi HTML sebelumnya.
• Perkembangan HTML terhenti pada versi 4.01 di tahun
1999. W3C sebagai badan yang bertanggung jawab dalam
standarisasi teknologi internet (termasuk HTML),
kemudian beralih mengembangkan XHTML yang juga
akhirnya menemui jalan buntu pada versi 2.0 jika
sebelumnya sudah terbiasa menggunakan HTML 4.01
ataupun XHTML 1.1 terdapat perubahan kecil pada
HTML5
Beberapa Perbedaan HTML5
 Penulisan doctipe pada HTML5 lebih sederhana. Mungkin inilah
perbedaan paling mencolok dari halaman HTML yang ditulis
menggunakan HTML5 atau tidak. Penulisan Doctype atay DTD pada
HTML5 menjadi lebih sederhana <!DOCTYPE Hrml> Penulisan
type atribut untuk tag <style> dan <script> tidak diperlukan pada
HTML5, hal ini karena secara default web browser akan
menggunakan text/css unutk tag <style>,dan text/javascript untuk
tag <script>.sebagai contoh, untuk menggunakan external CSS, pada
HTML versi sebelumnya 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”/> 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”>
Contoh web yang mengimplementasikan HTML5
2.APA YANG ANDA KETAHUI TENTANG
WEBSOCKET PADA HTML5 , BERIKAN CONTOH
APPLIKASINYA!
 WebSocket adalah teknologi yang menyediakan kanal
komunikasi bi- directional, full dupes melalui socket
transmission control protocol (TCP)dan dirancang untuk
di implemantasikan di web browser serta web server, dan
tidak terlepas kemungkinan untuk dimanfaatkan oleh
aplikasi native client-server.

More Related Content

What's hot (13)

TUGAS 8 – REKAYASA WEB (KU) - 1311511057 - RADEN DONI WIJOYO
TUGAS 8 – REKAYASA WEB (KU) - 1311511057 - RADEN DONI WIJOYOTUGAS 8 – REKAYASA WEB (KU) - 1311511057 - RADEN DONI WIJOYO
TUGAS 8 – REKAYASA WEB (KU) - 1311511057 - RADEN DONI WIJOYO
 
html
htmlhtml
html
 
Tugas 8 – rekayasa web
Tugas 8 – rekayasa webTugas 8 – rekayasa web
Tugas 8 – rekayasa web
 
Html5
Html5 Html5
Html5
 
Pengenalan html5
Pengenalan html5Pengenalan html5
Pengenalan html5
 
Faktor kimia
Faktor kimiaFaktor kimia
Faktor kimia
 
Tugas rekayasa web
Tugas rekayasa webTugas rekayasa web
Tugas rekayasa web
 
Herman punya
Herman punyaHerman punya
Herman punya
 
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
 
H t m l
H t m lH t m l
H t m l
 
Html5
Html5Html5
Html5
 
H t m l PPT
H t m l PPTH t m l PPT
H t m l PPT
 
Noprianto Antiword
Noprianto AntiwordNoprianto Antiword
Noprianto Antiword
 

Viewers also liked

місячник пожежної безпеки днз №3
місячник пожежної безпеки днз №3місячник пожежної безпеки днз №3
місячник пожежної безпеки днз №3
Руслан Симивол
 

Viewers also liked (18)

12 січня 2017 року в днз
12 січня 2017 року в днз12 січня 2017 року в днз
12 січня 2017 року в днз
 
Effects Of Herbal Slimming Tea
Effects Of Herbal Slimming TeaEffects Of Herbal Slimming Tea
Effects Of Herbal Slimming Tea
 
John mora
John moraJohn mora
John mora
 
Power point
Power pointPower point
Power point
 
Rahul_CV_2016
Rahul_CV_2016Rahul_CV_2016
Rahul_CV_2016
 
IS audit checklist
IS audit checklistIS audit checklist
IS audit checklist
 
Tugas6.rekweb
Tugas6.rekwebTugas6.rekweb
Tugas6.rekweb
 
Tugas 5
Tugas 5Tugas 5
Tugas 5
 
толока
толокатолока
толока
 
devi_CV
devi_CVdevi_CV
devi_CV
 
Работа, вакансия для студентов и аспирантов
Работа, вакансия для студентов и аспирантовРабота, вакансия для студентов и аспирантов
Работа, вакансия для студентов и аспирантов
 
місячник пожежної безпеки днз №3
місячник пожежної безпеки днз №3місячник пожежної безпеки днз №3
місячник пожежної безпеки днз №3
 
Perfil ocupacional
Perfil ocupacionalPerfil ocupacional
Perfil ocupacional
 
Выставочная работа библиотеки : Требования к организации, содержанию и описан...
Выставочная работа библиотеки : Требования к организации, содержанию и описан...Выставочная работа библиотеки : Требования к организации, содержанию и описан...
Выставочная работа библиотеки : Требования к организации, содержанию и описан...
 
3 0003
3   00033   0003
3 0003
 
документ Microsoft word
документ Microsoft wordдокумент Microsoft word
документ Microsoft word
 
свято маланки 2017
свято маланки 2017свято маланки 2017
свято маланки 2017
 
Facebook
Facebook Facebook
Facebook
 

Similar to Tugas 8 rekayasa web (20)

Tugas 8 rekayasa web
Tugas 8   rekayasa webTugas 8   rekayasa web
Tugas 8 rekayasa web
 
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
 
Ppt html5
Ppt html5Ppt html5
Ppt html5
 
Tugas 8 ku - 0316 1311511529
Tugas 8   ku - 0316 1311511529Tugas 8   ku - 0316 1311511529
Tugas 8 ku - 0316 1311511529
 
Tugas 8
Tugas 8Tugas 8
Tugas 8
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Tugas 8 rekayasa web 1211510944 art david
Tugas 8 rekayasa web 1211510944 art davidTugas 8 rekayasa web 1211510944 art david
Tugas 8 rekayasa web 1211510944 art david
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
storyboard pemrograman web.pptx
storyboard pemrograman web.pptxstoryboard pemrograman web.pptx
storyboard pemrograman web.pptx
 
Html power point
Html power pointHtml power point
Html power point
 
Html5
Html5Html5
Html5
 
Html 5
Html 5Html 5
Html 5
 
Tugas 8 - Rekayasa Web
Tugas 8 - Rekayasa WebTugas 8 - Rekayasa Web
Tugas 8 - Rekayasa Web
 
HTML5
HTML5HTML5
HTML5
 
Bahasa HTML - 01.pdf
Bahasa HTML - 01.pdfBahasa HTML - 01.pdf
Bahasa HTML - 01.pdf
 
Training HTML
Training HTMLTraining HTML
Training HTML
 
P9 desain-web-statis-dinamis
P9 desain-web-statis-dinamisP9 desain-web-statis-dinamis
P9 desain-web-statis-dinamis
 
Tugas 8 rekayasa web 1312510231 rostarina
Tugas 8 rekayasa web 1312510231 rostarinaTugas 8 rekayasa web 1312510231 rostarina
Tugas 8 rekayasa web 1312510231 rostarina
 

More from Ummi khairani (6)

Tugas7 ki-0316-rekweb
Tugas7 ki-0316-rekwebTugas7 ki-0316-rekweb
Tugas7 ki-0316-rekweb
 
Tugas 5 rekweb 0316
Tugas 5  rekweb  0316Tugas 5  rekweb  0316
Tugas 5 rekweb 0316
 
Tugas 4 rekayasa web
Tugas 4 rekayasa webTugas 4 rekayasa web
Tugas 4 rekayasa web
 
Tugas 3 rekayasa web
Tugas 3 rekayasa webTugas 3 rekayasa web
Tugas 3 rekayasa web
 
Tugas 2 rekaya web
Tugas 2 rekaya webTugas 2 rekaya web
Tugas 2 rekaya web
 
Tugas 1 rekaya web
Tugas 1 rekaya webTugas 1 rekaya web
Tugas 1 rekaya web
 

Tugas 8 rekayasa web

  • 1. Tugas 8 Rekayasa Web Nama : Ummi khairani Nim : 1412511188 KI-O316
  • 2. Tugas 8 Rekweb  1. Jelaskan mengenai HTML5! Berikan perbedaan-perbedaan dengan versi HTML sebelumnnya dan berikan contoh web yang telah mengimplementasikan HTML5!  2. Apa yang anda ketahui tentang WebSocket pada HTML5,berikan contoh aplikasinya !
  • 3. 1.Jelaskan mengenai HTML5! Berikan perbedaan-perbedaan dengan versi HTML sebelumnnya dan berikan contoh web yang telah mengimplementasikan HTML5! • HTML5 adalah versi terbaru dari HTML. Versi terakhir HTML sebelumnya HTML5 adalah HTML 4.01. dan XHTML 1.1 Kali ini kita akan membahas apa saja fitur- fitur baru yang tersedia didalam HTML5 serta perbedaanya dengan versi HTML sebelumnya. • Perkembangan HTML terhenti pada versi 4.01 di tahun 1999. W3C sebagai badan yang bertanggung jawab dalam standarisasi teknologi internet (termasuk HTML), kemudian beralih mengembangkan XHTML yang juga akhirnya menemui jalan buntu pada versi 2.0 jika sebelumnya sudah terbiasa menggunakan HTML 4.01 ataupun XHTML 1.1 terdapat perubahan kecil pada HTML5
  • 4. Beberapa Perbedaan HTML5  Penulisan doctipe pada HTML5 lebih sederhana. Mungkin inilah perbedaan paling mencolok dari halaman HTML yang ditulis menggunakan HTML5 atau tidak. Penulisan Doctype atay DTD pada HTML5 menjadi lebih sederhana <!DOCTYPE Hrml> Penulisan type atribut untuk tag <style> dan <script> tidak diperlukan pada HTML5, hal ini karena secara default web browser akan menggunakan text/css unutk tag <style>,dan text/javascript untuk tag <script>.sebagai contoh, untuk menggunakan external CSS, pada HTML versi sebelumnya 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”/> 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”>
  • 5. Contoh web yang mengimplementasikan HTML5
  • 6. 2.APA YANG ANDA KETAHUI TENTANG WEBSOCKET PADA HTML5 , BERIKAN CONTOH APPLIKASINYA!  WebSocket adalah teknologi yang menyediakan kanal komunikasi bi- directional, full dupes melalui socket transmission control protocol (TCP)dan dirancang untuk di implemantasikan di web browser serta web server, dan tidak terlepas kemungkinan untuk dimanfaatkan oleh aplikasi native client-server.