SlideShare a Scribd company logo
1 of 8
TUGAS 8 – REKAYASA WEB
Nama : Aris Junedi
NIM : 1311510919
HTML 5
HTML5 adalah sebuah bahasa markah untuk menstrukturkan dan
menampilkan isi dari World Wide Web, sebuah teknologi inti dari Internet.
HTML5 adalah revisi kelima dari HTML (yang pertama kali diciptakan pada
tahun 1990 dan versi keempatnya, HTML4, pada tahun 1997).
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.
Perbedaan HTML5 dengan versi sebelumnya
HTML 5 menambahkan unsur-unsur baru untuk secara khusus mengidentifikasi
masing-masing konstruksi umum:
•section: Sebuah bagian atau bab dalam sebuah buku, sebuah bagian dalam
sebuah bab, atau pada dasarnya apa pun yang memiliki pos sendiri dalam
HTML 4
•Header: header Halaman yang ditampilkan pada halaman , tidak sama dengan
unsur kepala
•Footer: Halaman footer di mana baik cetak pergi; tanda tangan dalam sebuah
pesan e-mail
•Nav: Koleksi link ke halaman lain
•Article: Sebuah entri independen dalam sebuah blog, majalah, ringkasan, dan
sebagainya.
CONTOH WEB dengan HTML5
http://www.orangesprocket.com/
CONTOH WEB dengan HTML5
http://www.htc.com/uk/
CONTOH WEB dengan HTML5
http://lostworldsfairs.com/
WebSocket pada HTML5
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 aplikasinative client-server.
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.
WebSocket pada HTML5
Gambar di bawah ini menunjukan arsitektur WebSocket dimana Browser
menggunakan sebuah koneksi WebSocket untuk full-duplex, terhubung
langsung dengan remote hosts.

More Related Content

What's hot (14)

Tugas 8 – rekayasa web
Tugas 8 – rekayasa webTugas 8 – rekayasa web
Tugas 8 – rekayasa web
 
Tugas8 rekweb ku 0316-1212511008 ismailaluwi
Tugas8 rekweb ku 0316-1212511008 ismailaluwiTugas8 rekweb ku 0316-1212511008 ismailaluwi
Tugas8 rekweb ku 0316-1212511008 ismailaluwi
 
Tugas 8
Tugas 8Tugas 8
Tugas 8
 
Pengenalan html5
Pengenalan html5Pengenalan html5
Pengenalan html5
 
Tugas 8 rekayasa web
Tugas 8 rekayasa webTugas 8 rekayasa web
Tugas 8 rekayasa web
 
Tugas 8 Rekayasa Web 0316
Tugas 8 Rekayasa Web 0316Tugas 8 Rekayasa Web 0316
Tugas 8 Rekayasa Web 0316
 
PPT HTML5
PPT HTML5PPT HTML5
PPT HTML5
 
Ppt html5
Ppt html5Ppt html5
Ppt html5
 
Html5
Html5 Html5
Html5
 
Tugas01
Tugas01Tugas01
Tugas01
 
html5
html5html5
html5
 
Tugas 8 rekweb
Tugas 8 rekwebTugas 8 rekweb
Tugas 8 rekweb
 
Tugas 8 rekayasa web
Tugas 8   rekayasa webTugas 8   rekayasa web
Tugas 8 rekayasa web
 
Tugas 8 ku - 0316 1311511529
Tugas 8   ku - 0316 1311511529Tugas 8   ku - 0316 1311511529
Tugas 8 ku - 0316 1311511529
 

Viewers also liked

資料庫簡報
資料庫簡報資料庫簡報
資料庫簡報
airjade
 
Transparencia y Comunicación en el Parlamento.
Transparencia y Comunicación en el Parlamento.Transparencia y Comunicación en el Parlamento.
Transparencia y Comunicación en el Parlamento.
Rafa Rubio
 

Viewers also liked (17)

Tugas 7 - Rekayasa Web
Tugas 7 - Rekayasa WebTugas 7 - Rekayasa Web
Tugas 7 - Rekayasa Web
 
Tugas 4 - Rekayasa Web
Tugas 4 - Rekayasa WebTugas 4 - Rekayasa Web
Tugas 4 - Rekayasa Web
 
Tugas 5 - Rekayasa Web
Tugas 5 - Rekayasa WebTugas 5 - Rekayasa Web
Tugas 5 - Rekayasa Web
 
Tugas 3 - Rekayasa Web
Tugas 3 - Rekayasa WebTugas 3 - Rekayasa Web
Tugas 3 - Rekayasa Web
 
Tugas 2 - Rekayasa Web
Tugas 2 - Rekayasa WebTugas 2 - Rekayasa Web
Tugas 2 - Rekayasa Web
 
Shop by city formalgownaustralia.com
Shop by city   formalgownaustralia.comShop by city   formalgownaustralia.com
Shop by city formalgownaustralia.com
 
Plano biblioteca
Plano bibliotecaPlano biblioteca
Plano biblioteca
 
Search Engine Optimization Company Delhi | Website Development Company India
Search Engine Optimization Company Delhi | Website Development Company IndiaSearch Engine Optimization Company Delhi | Website Development Company India
Search Engine Optimization Company Delhi | Website Development Company India
 
Implementasi SEO (Search Engine Optimization) Pada Website PT. Fireco Mulia Jaya
Implementasi SEO (Search Engine Optimization) Pada Website PT. Fireco Mulia JayaImplementasi SEO (Search Engine Optimization) Pada Website PT. Fireco Mulia Jaya
Implementasi SEO (Search Engine Optimization) Pada Website PT. Fireco Mulia Jaya
 
Plano biblioteca
Plano bibliotecaPlano biblioteca
Plano biblioteca
 
BMO Capital Markets 26th Global Metals & Mining Conference
BMO Capital Markets 26th Global Metals & Mining ConferenceBMO Capital Markets 26th Global Metals & Mining Conference
BMO Capital Markets 26th Global Metals & Mining Conference
 
Shop by style formalgownaustralia.com
Shop by style   formalgownaustralia.comShop by style   formalgownaustralia.com
Shop by style formalgownaustralia.com
 
Muerte súbita
Muerte súbitaMuerte súbita
Muerte súbita
 
資料庫簡報
資料庫簡報資料庫簡報
資料庫簡報
 
Transparencia y Comunicación en el Parlamento.
Transparencia y Comunicación en el Parlamento.Transparencia y Comunicación en el Parlamento.
Transparencia y Comunicación en el Parlamento.
 
Recull de premsa #Figueres - 28/02/2017
Recull de premsa #Figueres - 28/02/2017Recull de premsa #Figueres - 28/02/2017
Recull de premsa #Figueres - 28/02/2017
 
Las redes sociales en la administración.
Las redes sociales en la administración.Las redes sociales en la administración.
Las redes sociales en la administración.
 

Similar to Tugas 8 - Rekayasa Web

Makalah internet dan html
Makalah internet dan htmlMakalah internet dan html
Makalah internet dan html
Shinta Ta'Cuco
 
Ppt html5 rully_amrizal_1102412020
Ppt html5 rully_amrizal_1102412020Ppt html5 rully_amrizal_1102412020
Ppt html5 rully_amrizal_1102412020
mutia902
 
Html power point
Html power pointHtml power point
Html power point
minmon
 

Similar to Tugas 8 - Rekayasa Web (20)

Tugas 8 rekayasa web
Tugas 8   rekayasa webTugas 8   rekayasa web
Tugas 8 rekayasa web
 
Ristianawati 2114 r0800 html5
Ristianawati 2114 r0800 html5Ristianawati 2114 r0800 html5
Ristianawati 2114 r0800 html5
 
Html5
Html5Html5
Html5
 
Ppt html5
Ppt html5Ppt html5
Ppt html5
 
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
 
Fajar satrio Html5
Fajar satrio Html5Fajar satrio Html5
Fajar satrio Html5
 
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
 
HTML5
HTML5HTML5
HTML5
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Tugas rekayasa web
Tugas rekayasa webTugas rekayasa web
Tugas rekayasa web
 
Html 5
Html 5Html 5
Html 5
 
02 Teknologi Web
02 Teknologi Web02 Teknologi Web
02 Teknologi Web
 
Makalah html
Makalah htmlMakalah html
Makalah html
 
Makalah internet dan html
Makalah internet dan htmlMakalah internet dan html
Makalah internet dan html
 
Konsep teknologi web
Konsep teknologi webKonsep teknologi web
Konsep teknologi web
 
Tugas 8 rekayasa web
Tugas 8 rekayasa webTugas 8 rekayasa web
Tugas 8 rekayasa web
 
Ppt html5 rully_amrizal_1102412020
Ppt html5 rully_amrizal_1102412020Ppt html5 rully_amrizal_1102412020
Ppt html5 rully_amrizal_1102412020
 
Tugas 8 – Rekayasa Web - Riyadi Saputra -1311510893
Tugas 8 – Rekayasa Web - Riyadi Saputra -1311510893Tugas 8 – Rekayasa Web - Riyadi Saputra -1311510893
Tugas 8 – Rekayasa Web - Riyadi Saputra -1311510893
 
Html power point
Html power pointHtml power point
Html power point
 

Recently uploaded

Aksi Nyata Sosialisasi Profil Pelajar Pancasila.pdf
Aksi Nyata Sosialisasi Profil Pelajar Pancasila.pdfAksi Nyata Sosialisasi Profil Pelajar Pancasila.pdf
Aksi Nyata Sosialisasi Profil Pelajar Pancasila.pdf
JarzaniIsmail
 
Membuat Komik Digital Berisi Kritik Sosial.docx
Membuat Komik Digital Berisi Kritik Sosial.docxMembuat Komik Digital Berisi Kritik Sosial.docx
Membuat Komik Digital Berisi Kritik Sosial.docx
NurindahSetyawati1
 
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptxBab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
ssuser35630b
 
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptxPPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
dpp11tya
 
SEJARAH PERKEMBANGAN KEPERAWATAN JIWA dan Trend Issue.ppt
SEJARAH PERKEMBANGAN KEPERAWATAN JIWA dan Trend Issue.pptSEJARAH PERKEMBANGAN KEPERAWATAN JIWA dan Trend Issue.ppt
SEJARAH PERKEMBANGAN KEPERAWATAN JIWA dan Trend Issue.ppt
AlfandoWibowo2
 

Recently uploaded (20)

PELAKSANAAN + Link2 Materi BimTek _PTK 007 Rev-5 Thn 2023 (PENGADAAN) & Perhi...
PELAKSANAAN + Link2 Materi BimTek _PTK 007 Rev-5 Thn 2023 (PENGADAAN) & Perhi...PELAKSANAAN + Link2 Materi BimTek _PTK 007 Rev-5 Thn 2023 (PENGADAAN) & Perhi...
PELAKSANAAN + Link2 Materi BimTek _PTK 007 Rev-5 Thn 2023 (PENGADAAN) & Perhi...
 
Salinan dari JUrnal Refleksi Mingguan modul 1.3.pdf
Salinan dari JUrnal Refleksi Mingguan modul 1.3.pdfSalinan dari JUrnal Refleksi Mingguan modul 1.3.pdf
Salinan dari JUrnal Refleksi Mingguan modul 1.3.pdf
 
Aksi Nyata Sosialisasi Profil Pelajar Pancasila.pdf
Aksi Nyata Sosialisasi Profil Pelajar Pancasila.pdfAksi Nyata Sosialisasi Profil Pelajar Pancasila.pdf
Aksi Nyata Sosialisasi Profil Pelajar Pancasila.pdf
 
AKSI NYATA BERBAGI PRAKTIK BAIK MELALUI PMM
AKSI NYATA BERBAGI PRAKTIK BAIK MELALUI PMMAKSI NYATA BERBAGI PRAKTIK BAIK MELALUI PMM
AKSI NYATA BERBAGI PRAKTIK BAIK MELALUI PMM
 
Contoh Laporan Observasi Pembelajaran Rekan Sejawat.pdf
Contoh Laporan Observasi Pembelajaran Rekan Sejawat.pdfContoh Laporan Observasi Pembelajaran Rekan Sejawat.pdf
Contoh Laporan Observasi Pembelajaran Rekan Sejawat.pdf
 
RENCANA & Link2 Materi Pelatihan_ "Teknik Perhitungan TKDN, BMP, Preferensi H...
RENCANA & Link2 Materi Pelatihan_ "Teknik Perhitungan TKDN, BMP, Preferensi H...RENCANA & Link2 Materi Pelatihan_ "Teknik Perhitungan TKDN, BMP, Preferensi H...
RENCANA & Link2 Materi Pelatihan_ "Teknik Perhitungan TKDN, BMP, Preferensi H...
 
Membuat Komik Digital Berisi Kritik Sosial.docx
Membuat Komik Digital Berisi Kritik Sosial.docxMembuat Komik Digital Berisi Kritik Sosial.docx
Membuat Komik Digital Berisi Kritik Sosial.docx
 
PPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SD
PPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SDPPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SD
PPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SD
 
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptxPendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
 
PPT Mean Median Modus data tunggal .pptx
PPT Mean Median Modus data tunggal .pptxPPT Mean Median Modus data tunggal .pptx
PPT Mean Median Modus data tunggal .pptx
 
Aksi Nyata PMM Topik Refleksi Diri (1).pdf
Aksi Nyata PMM Topik Refleksi Diri (1).pdfAksi Nyata PMM Topik Refleksi Diri (1).pdf
Aksi Nyata PMM Topik Refleksi Diri (1).pdf
 
Kontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptx
Kontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptxKontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptx
Kontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptx
 
MODUL P5 KEWIRAUSAHAAN SMAN 2 SLAWI 2023.pptx
MODUL P5 KEWIRAUSAHAAN SMAN 2 SLAWI 2023.pptxMODUL P5 KEWIRAUSAHAAN SMAN 2 SLAWI 2023.pptx
MODUL P5 KEWIRAUSAHAAN SMAN 2 SLAWI 2023.pptx
 
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptxBab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
 
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptxPPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
 
SEJARAH PERKEMBANGAN KEPERAWATAN JIWA dan Trend Issue.ppt
SEJARAH PERKEMBANGAN KEPERAWATAN JIWA dan Trend Issue.pptSEJARAH PERKEMBANGAN KEPERAWATAN JIWA dan Trend Issue.ppt
SEJARAH PERKEMBANGAN KEPERAWATAN JIWA dan Trend Issue.ppt
 
KELAS 10 PERUBAHAN LINGKUNGAN SMA KURIKULUM MERDEKA
KELAS 10 PERUBAHAN LINGKUNGAN SMA KURIKULUM MERDEKAKELAS 10 PERUBAHAN LINGKUNGAN SMA KURIKULUM MERDEKA
KELAS 10 PERUBAHAN LINGKUNGAN SMA KURIKULUM MERDEKA
 
Sosialisasi PPDB SulSel tahun 2024 di Sulawesi Selatan
Sosialisasi PPDB SulSel tahun 2024 di Sulawesi SelatanSosialisasi PPDB SulSel tahun 2024 di Sulawesi Selatan
Sosialisasi PPDB SulSel tahun 2024 di Sulawesi Selatan
 
LATAR BELAKANG JURNAL DIALOGIS REFLEKTIF.ppt
LATAR BELAKANG JURNAL DIALOGIS REFLEKTIF.pptLATAR BELAKANG JURNAL DIALOGIS REFLEKTIF.ppt
LATAR BELAKANG JURNAL DIALOGIS REFLEKTIF.ppt
 
vIDEO kelayakan berita untuk mahasiswa.ppsx
vIDEO kelayakan berita untuk mahasiswa.ppsxvIDEO kelayakan berita untuk mahasiswa.ppsx
vIDEO kelayakan berita untuk mahasiswa.ppsx
 

Tugas 8 - Rekayasa Web

  • 1. TUGAS 8 – REKAYASA WEB Nama : Aris Junedi NIM : 1311510919
  • 2. HTML 5 HTML5 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari World Wide Web, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML (yang pertama kali diciptakan pada tahun 1990 dan versi keempatnya, HTML4, pada tahun 1997). 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.
  • 3. Perbedaan HTML5 dengan versi sebelumnya HTML 5 menambahkan unsur-unsur baru untuk secara khusus mengidentifikasi masing-masing konstruksi umum: •section: Sebuah bagian atau bab dalam sebuah buku, sebuah bagian dalam sebuah bab, atau pada dasarnya apa pun yang memiliki pos sendiri dalam HTML 4 •Header: header Halaman yang ditampilkan pada halaman , tidak sama dengan unsur kepala •Footer: Halaman footer di mana baik cetak pergi; tanda tangan dalam sebuah pesan e-mail •Nav: Koleksi link ke halaman lain •Article: Sebuah entri independen dalam sebuah blog, majalah, ringkasan, dan sebagainya.
  • 4. CONTOH WEB dengan HTML5 http://www.orangesprocket.com/
  • 5. CONTOH WEB dengan HTML5 http://www.htc.com/uk/
  • 6. CONTOH WEB dengan HTML5 http://lostworldsfairs.com/
  • 7. WebSocket pada HTML5 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 aplikasinative client-server. 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.
  • 8. WebSocket pada HTML5 Gambar di bawah ini menunjukan arsitektur WebSocket dimana Browser menggunakan sebuah koneksi WebSocket untuk full-duplex, terhubung langsung dengan remote hosts.