際際滷

際際滷Share a Scribd company logo
Tugas 8 0316
1412510073
Muhamad Arsyan
Html 5
 New HTML5 Elements
The most interesting new elements are:
 New semantic elements like <header>,
<footer>, <article>, and <section>.
 New form control attributes like number,
date, time, calendar, and range.
 New graphic elements: <svg> and <canvas>.
 New multimedia elements: <audio> and
<video>.
Html 5
 New HTML5 API's (Application
Programming Interfaces)
The most interesting new API's are:
 HTML Geolocation
 HTML Drag and Drop
 HTML Local Storage
 HTML Application Cache
 HTML Web Workers
 HTML SSE
Html 5
 Elements Removed in HTML5
The following HTML4 elements have been removed
from HTML5:
Element Use instead
<acronym> <abbr>
<applet> <object>
<basefont> CSS
<big> CSS
<center> CSS
<dir> <ul>
<font> CSS
<frame>
<frameset>
<noframes>
<strike> CSS
<tt> CSS
Html 5
 HTML5 Browser Support
 HTML5 is supported in all modern
browsers.In addition, all browsers, old and
new, automatically handle unrecognized
elements as inline elements.Because of
this, you can "teach" older browsers to
handle "unknown" HTML elements.
Html 5
Html 5 websocket
 Menurut Wiki, 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.
Html 5 websocket
 KEUNGGULAN
Dengan permasalahan di atas, solusi terbaik adalah
dengan menggunakan koneksi single-TCP untuk melayani
lalu-lintas dua arah.
HTML5 Web Socket dapat mengurangi secara signifikan
gangguan pada lalu lintas jaringan. HTML5 Web Socket
juga dapat diimplementasikan dengan proxy dan firewall,
memungkinkan streaming untuk berjalan di koneksi
apapun., dan dengan kemampuan untuk melayanani
komunikasi upstream dan downstream dengan satu
koneksi, aplikasi yang menggunakan HTML5 Web Socket
dapat mengurangi beban pada server yang berimplikasi
dengan kemampuan server untuk melayani lebih banyak
lagi koneksi konkuren. Gambar di bawah ini menunjukan
arsitektur WebSocket dimana Browser menggunakan
sebuah koneksi WebSocket untuk full-duplex, terhubung
langsung dengan remote hosts.
Html 5 websocket

More Related Content

Similar to Tugas 8 0316 (20)

Presentasi Pertemuan 11 Semantik html5.pptx
Presentasi Pertemuan 11 Semantik html5.pptxPresentasi Pertemuan 11 Semantik html5.pptx
Presentasi Pertemuan 11 Semantik html5.pptx
adihartanto7
Ppt
PptPpt
Ppt
Zaka_Flash
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
menghilang
12 mengenal html5
12 mengenal html512 mengenal html5
12 mengenal html5
Amiroh S.Kom
Ppt html5
Ppt html5Ppt html5
Ppt html5
rizki pradana
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
044249
HTML5
HTML5HTML5
HTML5
ucienmapcu
Fundamental HTML5
Fundamental HTML5Fundamental HTML5
Fundamental HTML5
Achmad Solichin
Tugas 8 rekweb
Tugas 8   rekwebTugas 8   rekweb
Tugas 8 rekweb
rimaafauziaah
Tugas 8 ku - 0316 1311511529
Tugas 8   ku - 0316 1311511529Tugas 8   ku - 0316 1311511529
Tugas 8 ku - 0316 1311511529
Iich-oNe Hidayat
Pengenalan html5
Pengenalan html5Pengenalan html5
Pengenalan html5
datarole. PT
Tutoria html mysqdanphp
Tutoria html mysqdanphpTutoria html mysqdanphp
Tutoria html mysqdanphp
Afdi Njomplank
Tutorial html + my sql + php
Tutorial html + my sql + phpTutorial html + my sql + php
Tutorial html + my sql + php
Saikhu Zaenul
Html 5
Html 5Html 5
Html 5
Sabbihis Maulana
TIK pertemuan dengan judul mata kuliah teknologi
TIK pertemuan dengan judul mata kuliah teknologiTIK pertemuan dengan judul mata kuliah teknologi
TIK pertemuan dengan judul mata kuliah teknologi
AnasRomzy
Pert 10 - Algoritma dan Bahasa Pemograman.pptx
Pert 10 - Algoritma dan Bahasa Pemograman.pptxPert 10 - Algoritma dan Bahasa Pemograman.pptx
Pert 10 - Algoritma dan Bahasa Pemograman.pptx
AnasRomzy
Tugas 9 Rekayasa Web 0316
Tugas 9 Rekayasa Web 0316Tugas 9 Rekayasa Web 0316
Tugas 9 Rekayasa Web 0316
sapatati
Presentasi Pertemuan 11 Semantik html5.pptx
Presentasi Pertemuan 11 Semantik html5.pptxPresentasi Pertemuan 11 Semantik html5.pptx
Presentasi Pertemuan 11 Semantik html5.pptx
adihartanto7
12 mengenal html5
12 mengenal html512 mengenal html5
12 mengenal html5
Amiroh S.Kom
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
044249
Tugas 8 ku - 0316 1311511529
Tugas 8   ku - 0316 1311511529Tugas 8   ku - 0316 1311511529
Tugas 8 ku - 0316 1311511529
Iich-oNe Hidayat
Tutoria html mysqdanphp
Tutoria html mysqdanphpTutoria html mysqdanphp
Tutoria html mysqdanphp
Afdi Njomplank
Tutorial html + my sql + php
Tutorial html + my sql + phpTutorial html + my sql + php
Tutorial html + my sql + php
Saikhu Zaenul
TIK pertemuan dengan judul mata kuliah teknologi
TIK pertemuan dengan judul mata kuliah teknologiTIK pertemuan dengan judul mata kuliah teknologi
TIK pertemuan dengan judul mata kuliah teknologi
AnasRomzy
Pert 10 - Algoritma dan Bahasa Pemograman.pptx
Pert 10 - Algoritma dan Bahasa Pemograman.pptxPert 10 - Algoritma dan Bahasa Pemograman.pptx
Pert 10 - Algoritma dan Bahasa Pemograman.pptx
AnasRomzy
Tugas 9 Rekayasa Web 0316
Tugas 9 Rekayasa Web 0316Tugas 9 Rekayasa Web 0316
Tugas 9 Rekayasa Web 0316
sapatati

Recently uploaded (20)

PPT Qurdis Bab 4 kelas IX MTs/SMP SMT 2.pptx
PPT Qurdis Bab 4 kelas IX MTs/SMP SMT 2.pptxPPT Qurdis Bab 4 kelas IX MTs/SMP SMT 2.pptx
PPT Qurdis Bab 4 kelas IX MTs/SMP SMT 2.pptx
hendipurnama1
1. RPT SAINS SMK TINGKATAN 1 2025 KUMPULAN B BY CIKGU GORGEOUS.docx
1. RPT SAINS SMK TINGKATAN 1 2025 KUMPULAN B BY CIKGU GORGEOUS.docx1. RPT SAINS SMK TINGKATAN 1 2025 KUMPULAN B BY CIKGU GORGEOUS.docx
1. RPT SAINS SMK TINGKATAN 1 2025 KUMPULAN B BY CIKGU GORGEOUS.docx
shafiqsmkamil
BAB 1 Kode Etik & Profesionalisme Guru PAK pjj.pptx
BAB 1 Kode Etik & Profesionalisme Guru PAK pjj.pptxBAB 1 Kode Etik & Profesionalisme Guru PAK pjj.pptx
BAB 1 Kode Etik & Profesionalisme Guru PAK pjj.pptx
AGUNGDJUMARI
BHINNEKA TUGGAL IKA KEBERAGAMAN BUDAYA.pptx
BHINNEKA TUGGAL IKA KEBERAGAMAN BUDAYA.pptxBHINNEKA TUGGAL IKA KEBERAGAMAN BUDAYA.pptx
BHINNEKA TUGGAL IKA KEBERAGAMAN BUDAYA.pptx
AyeniahVivi
Scenario Planning Bonus Demografi 2045 Menuju Satu Abad Indonesia Emas
Scenario Planning Bonus Demografi 2045 Menuju Satu Abad Indonesia EmasScenario Planning Bonus Demografi 2045 Menuju Satu Abad Indonesia Emas
Scenario Planning Bonus Demografi 2045 Menuju Satu Abad Indonesia Emas
Dadang Solihin
Lembar Kerja Mahasiswa Applied Artificial Intelligence in Information Systems
Lembar Kerja Mahasiswa Applied Artificial Intelligence in Information SystemsLembar Kerja Mahasiswa Applied Artificial Intelligence in Information Systems
Lembar Kerja Mahasiswa Applied Artificial Intelligence in Information Systems
Ainul Yaqin
RPT PEND MORAL.docxUNTU RUJUKAN GURU 2025
RPT PEND MORAL.docxUNTU RUJUKAN GURU 2025RPT PEND MORAL.docxUNTU RUJUKAN GURU 2025
RPT PEND MORAL.docxUNTU RUJUKAN GURU 2025
ROBIATUL29
PERFECT SMK 6 - Strategi Pelaksanaan.pptx
PERFECT SMK 6 - Strategi Pelaksanaan.pptxPERFECT SMK 6 - Strategi Pelaksanaan.pptx
PERFECT SMK 6 - Strategi Pelaksanaan.pptx
Fajar Baskoro
PPT PAI-Kelompok 3-X MIPA 1-Sumber-sumber Hukum Islam (Ijtihad).pptx
PPT PAI-Kelompok 3-X MIPA 1-Sumber-sumber Hukum Islam (Ijtihad).pptxPPT PAI-Kelompok 3-X MIPA 1-Sumber-sumber Hukum Islam (Ijtihad).pptx
PPT PAI-Kelompok 3-X MIPA 1-Sumber-sumber Hukum Islam (Ijtihad).pptx
SausanHidayahNova
Masukan untuk Peta Jalan Strategis Keangkasaan Indonesia
Masukan untuk Peta Jalan Strategis Keangkasaan IndonesiaMasukan untuk Peta Jalan Strategis Keangkasaan Indonesia
Masukan untuk Peta Jalan Strategis Keangkasaan Indonesia
Dadang Solihin
TADABUR SURAH AL WAQIAH.pptxddddddddddddddddddd
TADABUR SURAH AL WAQIAH.pptxdddddddddddddddddddTADABUR SURAH AL WAQIAH.pptxddddddddddddddddddd
TADABUR SURAH AL WAQIAH.pptxddddddddddddddddddd
wan hanif wan ahmad
626958694-GEREJA-PEDULI-KEPADA-SESAMA-YANG-SAKIT.pptx
626958694-GEREJA-PEDULI-KEPADA-SESAMA-YANG-SAKIT.pptx626958694-GEREJA-PEDULI-KEPADA-SESAMA-YANG-SAKIT.pptx
626958694-GEREJA-PEDULI-KEPADA-SESAMA-YANG-SAKIT.pptx
papamamajason21
2 Asta Cita - untuk Indonesia lebih Maju.pdf
2 Asta Cita - untuk Indonesia lebih Maju.pdf2 Asta Cita - untuk Indonesia lebih Maju.pdf
2 Asta Cita - untuk Indonesia lebih Maju.pdf
RifqiDownload
PRAKTIK PEMBUATAN RPP DEEP LEARNING fix.pptx
PRAKTIK PEMBUATAN RPP DEEP LEARNING fix.pptxPRAKTIK PEMBUATAN RPP DEEP LEARNING fix.pptx
PRAKTIK PEMBUATAN RPP DEEP LEARNING fix.pptx
NurulIlyas3
SENARAI & JADWAL PEMBICARA Ramadan Masjid Kampus UGM 1446 Hijriah.docx
SENARAI & JADWAL PEMBICARA Ramadan Masjid Kampus UGM 1446 Hijriah.docxSENARAI & JADWAL PEMBICARA Ramadan Masjid Kampus UGM 1446 Hijriah.docx
SENARAI & JADWAL PEMBICARA Ramadan Masjid Kampus UGM 1446 Hijriah.docx
Mirza836129
RPT PSV (2).docxUNTU RUJUKAN GURU TAHUN 2025
RPT PSV (2).docxUNTU RUJUKAN GURU TAHUN 2025RPT PSV (2).docxUNTU RUJUKAN GURU TAHUN 2025
RPT PSV (2).docxUNTU RUJUKAN GURU TAHUN 2025
ROBIATUL29
Kebijakan Manajemen Pelatihan Dasar ASN 2025
Kebijakan Manajemen Pelatihan Dasar ASN 2025Kebijakan Manajemen Pelatihan Dasar ASN 2025
Kebijakan Manajemen Pelatihan Dasar ASN 2025
Gunarno1
PPT SISTEM PEREDARAN DARAH MANUSIA KELAS 8
PPT SISTEM PEREDARAN DARAH MANUSIA KELAS 8PPT SISTEM PEREDARAN DARAH MANUSIA KELAS 8
PPT SISTEM PEREDARAN DARAH MANUSIA KELAS 8
Dita835610
Energy Efficiency & Sustainable Maintenance _Training *Proactive BUILDING MAI...
Energy Efficiency & Sustainable Maintenance _Training *Proactive BUILDING MAI...Energy Efficiency & Sustainable Maintenance _Training *Proactive BUILDING MAI...
Energy Efficiency & Sustainable Maintenance _Training *Proactive BUILDING MAI...
Kanaidi ken
Muqaddimah ANGGARAN DASAR Muhammadiyah .pptx
Muqaddimah ANGGARAN DASAR  Muhammadiyah .pptxMuqaddimah ANGGARAN DASAR  Muhammadiyah .pptx
Muqaddimah ANGGARAN DASAR Muhammadiyah .pptx
suwaibahkapa2
PPT Qurdis Bab 4 kelas IX MTs/SMP SMT 2.pptx
PPT Qurdis Bab 4 kelas IX MTs/SMP SMT 2.pptxPPT Qurdis Bab 4 kelas IX MTs/SMP SMT 2.pptx
PPT Qurdis Bab 4 kelas IX MTs/SMP SMT 2.pptx
hendipurnama1
1. RPT SAINS SMK TINGKATAN 1 2025 KUMPULAN B BY CIKGU GORGEOUS.docx
1. RPT SAINS SMK TINGKATAN 1 2025 KUMPULAN B BY CIKGU GORGEOUS.docx1. RPT SAINS SMK TINGKATAN 1 2025 KUMPULAN B BY CIKGU GORGEOUS.docx
1. RPT SAINS SMK TINGKATAN 1 2025 KUMPULAN B BY CIKGU GORGEOUS.docx
shafiqsmkamil
BAB 1 Kode Etik & Profesionalisme Guru PAK pjj.pptx
BAB 1 Kode Etik & Profesionalisme Guru PAK pjj.pptxBAB 1 Kode Etik & Profesionalisme Guru PAK pjj.pptx
BAB 1 Kode Etik & Profesionalisme Guru PAK pjj.pptx
AGUNGDJUMARI
BHINNEKA TUGGAL IKA KEBERAGAMAN BUDAYA.pptx
BHINNEKA TUGGAL IKA KEBERAGAMAN BUDAYA.pptxBHINNEKA TUGGAL IKA KEBERAGAMAN BUDAYA.pptx
BHINNEKA TUGGAL IKA KEBERAGAMAN BUDAYA.pptx
AyeniahVivi
Scenario Planning Bonus Demografi 2045 Menuju Satu Abad Indonesia Emas
Scenario Planning Bonus Demografi 2045 Menuju Satu Abad Indonesia EmasScenario Planning Bonus Demografi 2045 Menuju Satu Abad Indonesia Emas
Scenario Planning Bonus Demografi 2045 Menuju Satu Abad Indonesia Emas
Dadang Solihin
Lembar Kerja Mahasiswa Applied Artificial Intelligence in Information Systems
Lembar Kerja Mahasiswa Applied Artificial Intelligence in Information SystemsLembar Kerja Mahasiswa Applied Artificial Intelligence in Information Systems
Lembar Kerja Mahasiswa Applied Artificial Intelligence in Information Systems
Ainul Yaqin
RPT PEND MORAL.docxUNTU RUJUKAN GURU 2025
RPT PEND MORAL.docxUNTU RUJUKAN GURU 2025RPT PEND MORAL.docxUNTU RUJUKAN GURU 2025
RPT PEND MORAL.docxUNTU RUJUKAN GURU 2025
ROBIATUL29
PERFECT SMK 6 - Strategi Pelaksanaan.pptx
PERFECT SMK 6 - Strategi Pelaksanaan.pptxPERFECT SMK 6 - Strategi Pelaksanaan.pptx
PERFECT SMK 6 - Strategi Pelaksanaan.pptx
Fajar Baskoro
PPT PAI-Kelompok 3-X MIPA 1-Sumber-sumber Hukum Islam (Ijtihad).pptx
PPT PAI-Kelompok 3-X MIPA 1-Sumber-sumber Hukum Islam (Ijtihad).pptxPPT PAI-Kelompok 3-X MIPA 1-Sumber-sumber Hukum Islam (Ijtihad).pptx
PPT PAI-Kelompok 3-X MIPA 1-Sumber-sumber Hukum Islam (Ijtihad).pptx
SausanHidayahNova
Masukan untuk Peta Jalan Strategis Keangkasaan Indonesia
Masukan untuk Peta Jalan Strategis Keangkasaan IndonesiaMasukan untuk Peta Jalan Strategis Keangkasaan Indonesia
Masukan untuk Peta Jalan Strategis Keangkasaan Indonesia
Dadang Solihin
TADABUR SURAH AL WAQIAH.pptxddddddddddddddddddd
TADABUR SURAH AL WAQIAH.pptxdddddddddddddddddddTADABUR SURAH AL WAQIAH.pptxddddddddddddddddddd
TADABUR SURAH AL WAQIAH.pptxddddddddddddddddddd
wan hanif wan ahmad
626958694-GEREJA-PEDULI-KEPADA-SESAMA-YANG-SAKIT.pptx
626958694-GEREJA-PEDULI-KEPADA-SESAMA-YANG-SAKIT.pptx626958694-GEREJA-PEDULI-KEPADA-SESAMA-YANG-SAKIT.pptx
626958694-GEREJA-PEDULI-KEPADA-SESAMA-YANG-SAKIT.pptx
papamamajason21
2 Asta Cita - untuk Indonesia lebih Maju.pdf
2 Asta Cita - untuk Indonesia lebih Maju.pdf2 Asta Cita - untuk Indonesia lebih Maju.pdf
2 Asta Cita - untuk Indonesia lebih Maju.pdf
RifqiDownload
PRAKTIK PEMBUATAN RPP DEEP LEARNING fix.pptx
PRAKTIK PEMBUATAN RPP DEEP LEARNING fix.pptxPRAKTIK PEMBUATAN RPP DEEP LEARNING fix.pptx
PRAKTIK PEMBUATAN RPP DEEP LEARNING fix.pptx
NurulIlyas3
SENARAI & JADWAL PEMBICARA Ramadan Masjid Kampus UGM 1446 Hijriah.docx
SENARAI & JADWAL PEMBICARA Ramadan Masjid Kampus UGM 1446 Hijriah.docxSENARAI & JADWAL PEMBICARA Ramadan Masjid Kampus UGM 1446 Hijriah.docx
SENARAI & JADWAL PEMBICARA Ramadan Masjid Kampus UGM 1446 Hijriah.docx
Mirza836129
RPT PSV (2).docxUNTU RUJUKAN GURU TAHUN 2025
RPT PSV (2).docxUNTU RUJUKAN GURU TAHUN 2025RPT PSV (2).docxUNTU RUJUKAN GURU TAHUN 2025
RPT PSV (2).docxUNTU RUJUKAN GURU TAHUN 2025
ROBIATUL29
Kebijakan Manajemen Pelatihan Dasar ASN 2025
Kebijakan Manajemen Pelatihan Dasar ASN 2025Kebijakan Manajemen Pelatihan Dasar ASN 2025
Kebijakan Manajemen Pelatihan Dasar ASN 2025
Gunarno1
PPT SISTEM PEREDARAN DARAH MANUSIA KELAS 8
PPT SISTEM PEREDARAN DARAH MANUSIA KELAS 8PPT SISTEM PEREDARAN DARAH MANUSIA KELAS 8
PPT SISTEM PEREDARAN DARAH MANUSIA KELAS 8
Dita835610
Energy Efficiency & Sustainable Maintenance _Training *Proactive BUILDING MAI...
Energy Efficiency & Sustainable Maintenance _Training *Proactive BUILDING MAI...Energy Efficiency & Sustainable Maintenance _Training *Proactive BUILDING MAI...
Energy Efficiency & Sustainable Maintenance _Training *Proactive BUILDING MAI...
Kanaidi ken
Muqaddimah ANGGARAN DASAR Muhammadiyah .pptx
Muqaddimah ANGGARAN DASAR  Muhammadiyah .pptxMuqaddimah ANGGARAN DASAR  Muhammadiyah .pptx
Muqaddimah ANGGARAN DASAR Muhammadiyah .pptx
suwaibahkapa2

Tugas 8 0316

  • 2. Html 5 New HTML5 Elements The most interesting new elements are: New semantic elements like <header>, <footer>, <article>, and <section>. New form control attributes like number, date, time, calendar, and range. New graphic elements: <svg> and <canvas>. New multimedia elements: <audio> and <video>.
  • 3. Html 5 New HTML5 API's (Application Programming Interfaces) The most interesting new API's are: HTML Geolocation HTML Drag and Drop HTML Local Storage HTML Application Cache HTML Web Workers HTML SSE
  • 4. Html 5 Elements Removed in HTML5 The following HTML4 elements have been removed from HTML5: Element Use instead <acronym> <abbr> <applet> <object> <basefont> CSS <big> CSS <center> CSS <dir> <ul> <font> CSS <frame> <frameset> <noframes> <strike> CSS <tt> CSS
  • 5. Html 5 HTML5 Browser Support HTML5 is supported in all modern browsers.In addition, all browsers, old and new, automatically handle unrecognized elements as inline elements.Because of this, you can "teach" older browsers to handle "unknown" HTML elements.
  • 7. Html 5 websocket Menurut Wiki, 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.
  • 8. Html 5 websocket KEUNGGULAN Dengan permasalahan di atas, solusi terbaik adalah dengan menggunakan koneksi single-TCP untuk melayani lalu-lintas dua arah. HTML5 Web Socket dapat mengurangi secara signifikan gangguan pada lalu lintas jaringan. HTML5 Web Socket juga dapat diimplementasikan dengan proxy dan firewall, memungkinkan streaming untuk berjalan di koneksi apapun., dan dengan kemampuan untuk melayanani komunikasi upstream dan downstream dengan satu koneksi, aplikasi yang menggunakan HTML5 Web Socket dapat mengurangi beban pada server yang berimplikasi dengan kemampuan server untuk melayani lebih banyak lagi koneksi konkuren. Gambar di bawah ini menunjukan arsitektur WebSocket dimana Browser menggunakan sebuah koneksi WebSocket untuk full-duplex, terhubung langsung dengan remote hosts.