SlideShare a Scribd company logo
1 of 11
TUGAS 8
NAMA :Rima Fauziah
NIM :1412510917
SOAL
 Jelaskan mengenai HTML5 !, berikan
perbedaan-perbedaan dengan versi HTML
sebelumnya dan berikan contoh web yang
telah mengimplementasikan HTML5 1
 Apa yang anda ketahui tentang WebSocket
pada HTML5, berikan contoh applikasinya !
 Menurut dari Wikipedia 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 dan hingga bulan Juni 2011
masih dalam pengembangan. Dimana tujuan pembuatan teknologi HTML5 ini
adalah untuk memperbaiki teknologi HTML agar mendukung teknologi
multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti
oleh mesin.
 HTML5 ini adalah hasil proyek dari W3C (World Wide Web Consortium dan
WHATWG ( Web Hypertext Application Technology Working Group ). Dimana
WHATWG bekerja dengan bentuk web dan aplikasi sedangkan W3C bekerja di
pengembang dari XHTML 2.0 pada tahun 2006, kemudian mereka memutuskan
untuk bekerja sama dan membentuk versi baru dari HTML
APA TUJUAN DI BUATNYA HTML5
 Fitur baru harus didasarkan pada HTML,
CSS, DOM, dan JavaScript
 Mengurangi kebutuhan untuk plugin
eksternal ( Seperti Flash )
 Penanagan kesalahan yang lebih baik
 Lebih markup untuk menggantikan scripting
HTML5 merupakan perangkat mandiri
 Proses pembangunan dapat terlihat untuk
umum
FITUR TERBARU DARI HTML5
 Unsur kanvas untuk menggambar
 Video dan elemen audio untuk media
pemutaran
 Dukungan yang lebih baik untuk
penyimpanan secara offline
 Elemen konten yang lebih spesifik,
seperti artikel, footer, header, nav,
section
 Bentuk kontrol form seperti kalender,
tanggal, waktu, email, url, search.
PERBEDAAN HTML5 DENGAN VERSI SEBELUMNYA
 HTML 5 memperkenalkan elemen baru ke HTML untuk pertama kalinya sejak tahun 1990-an.
Unsur struktural baru termasuk aside, figure, dan section. Elemen inline baru seperti waktu,
meter, dan progress.Termasuk Elemen Embedding baru seperti video dan audio. Elemen
interaktif baru mencakup details, datagrid, dan command.
 Vokabular HTML dari jaman sebalumnya (HTML+, HTML 2.0, HTML 3.2) umumnya ditulis
menggunakan aturan sintak SGML. Pada HTML 4 telah diterapkan dua sintak yaitu: SGML
(disebut sebagai HTML 4.01) dan XML (disebut XHTML 1.0).
 HTML 5 mendefinisikan kelima revisi besar bahasa inti dari World Wide Web – HTML – dari
W3C (World Wide Web Consortium). Juga disebut Aplikasi Web 1.0 – masih ada tidak ada
ruang nama atau skema. Unsur tidak harus ditutup. Browser akan mengampuni kesalahan.
Sebuah p masih p, dan meja masih meja.
 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
 Dalam HTML5 banyak kelebihan nya dibanding dengan versi HTML yang sebelum nya.
Terdapat juga fitur fitus canggih pada HTML5. Dengan HTML5, pengembangan aplikasi web
adalah lebih mudah dibandingkan sebelumnya.
CONTOH WEBSITE YANG
MENGIMPLEMENTASIKAN HTML5
 Seperti contoh awal pembukaan html, jika sebelumnya menuliskan:
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 Dengan HTML5 cukup diganti dengan:
 <!DOCTYPE html>
 Untuk melihat contoh web yang sudah mengimplementasikan HTML5
Anda dapat membuka link berikut:
 http://html5up.net/
2. APA YANG ANDA KETAHUI TENTANG WEBSOCKET PADA
HTML5, BERIKAN CONTOH APPLIKASINYA !
 WebSocket adalah standar baru untuk komunikasi realtime
pada Web dan aplikasi mobile. WebSocket dirancang untuk
diterapkan di browser web dan server web, tetapi dapat
digunakan oleh aplikasi client atau server. WebSocket
adalah protokol yang menyediakan saluran komunikasi full-
duplex melalui koneksi TCP tunggal. Protokol WebSocket
sudah di standarisasi oleh IETF sebagai RFC 6455 pada
tahun 2011, dan API WebSocket di Web IDL sedang
distandarisasi oleh W3C.
MANFAAT WEBSOCKET
 Websocket memungkinkan server untuk
mendorong data kepada klien yang terhubung
 Mengurangi traffic atau lalu lintas jaringan yang
tidak perlu dan latency menggunakan full duplex
melalui koneksi tunggal (bukan dua).
 Streaming melalui proxy dan firewall,
mendukung komunikasi simultan hulu dan hilir.
 Kompatibel dengan pre-WebSocket dunia
dengan cara beralih dari koneksi HTTP ke
WebSockets.
APLIKASI YANG HARUS MENGGUNAKAN
WEBSOCKET
 Aplikasi dengan banyak pengguna atau Multi-User Apps
 Aplikasi langsung atau Realtime Apps
 Aplikasi dimana data live sangat dibutuhkan, seperti pasar
saham, atau kurs.
WebSocket Client :
 Di website, WebSocket didukung oleh browser seperti
Google Chrome, Firefox, Opera
 Pada ponsel, WebSocket support di iOS dan Android
 WebSocket client menggunakan Javascript untuk meminta
atau merequest ke server WebSocket, sebagai percobaan
bisa ikuti tutorial di website w3schools atau tutorialspoint.
CONTOH APLIKASI YANG MENGGUNAKAN
WEBSOCKET
 TRAVELOKA
 ZOMATO
 GOOJEK
 DLL

More Related Content

What's hot

What's hot (19)

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
 
Tugas 8
Tugas 8Tugas 8
Tugas 8
 
Tugas 8 rekayasa web
Tugas 8 rekayasa webTugas 8 rekayasa web
Tugas 8 rekayasa web
 
PPT HTML5
PPT HTML5PPT HTML5
PPT HTML5
 
Fajar satrio Html5
Fajar satrio Html5Fajar satrio Html5
Fajar satrio Html5
 
Html 5
Html 5Html 5
Html 5
 
Html 5
Html 5Html 5
Html 5
 
Ppt html5 rully_amrizal_1102412020
Ppt html5 rully_amrizal_1102412020Ppt html5 rully_amrizal_1102412020
Ppt html5 rully_amrizal_1102412020
 
Html5
Html5 Html5
Html5
 
Tugas 8 rekayasa web (individu)
Tugas 8 rekayasa web (individu)Tugas 8 rekayasa web (individu)
Tugas 8 rekayasa web (individu)
 
html
htmlhtml
html
 
Pengenalan html5
Pengenalan html5Pengenalan html5
Pengenalan html5
 
Html5
Html5Html5
Html5
 
Tugas 8 rekayasa web
Tugas 8   rekayasa webTugas 8   rekayasa web
Tugas 8 rekayasa web
 
Html5
Html5Html5
Html5
 
fajar satrio Makalah html5
fajar satrio Makalah html5fajar satrio Makalah html5
fajar satrio Makalah html5
 
Tugas8 rekweb ku 0316-1212511008 ismailaluwi
Tugas8 rekweb ku 0316-1212511008 ismailaluwiTugas8 rekweb ku 0316-1212511008 ismailaluwi
Tugas8 rekweb ku 0316-1212511008 ismailaluwi
 
Apa itu html
Apa itu htmlApa itu html
Apa itu html
 
Tugas 8 individuu
Tugas 8 individuuTugas 8 individuu
Tugas 8 individuu
 

Similar to Tugas 8 rekweb

Similar to Tugas 8 rekweb (16)

Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Ristianawati 2114 r0800 html5
Ristianawati 2114 r0800 html5Ristianawati 2114 r0800 html5
Ristianawati 2114 r0800 html5
 
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
 
Tugas 8 – rekayasa web
Tugas 8 – rekayasa webTugas 8 – rekayasa web
Tugas 8 – rekayasa web
 
Ppt html5
Ppt html5Ppt html5
Ppt html5
 
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
 
Tugas 8 rekayasa web
Tugas 8   rekayasa webTugas 8   rekayasa web
Tugas 8 rekayasa web
 
Tugas 8 rekweb
Tugas 8 rekwebTugas 8 rekweb
Tugas 8 rekweb
 
Html5
Html5Html5
Html5
 
Html power point
Html power pointHtml power point
Html power point
 
HTML5
HTML5HTML5
HTML5
 
Makalah html
Makalah htmlMakalah html
Makalah html
 
Makalah internet dan html
Makalah internet dan htmlMakalah internet dan html
Makalah internet dan html
 
Tugas 8 ku - 0316 1311511529
Tugas 8   ku - 0316 1311511529Tugas 8   ku - 0316 1311511529
Tugas 8 ku - 0316 1311511529
 
Makalah html 5
Makalah html 5Makalah html 5
Makalah html 5
 

More from rimaafauziaah

Tugas 4 rekayasa web
Tugas 4 rekayasa webTugas 4 rekayasa web
Tugas 4 rekayasa webrimaafauziaah
 
Tugas 5 rekayasa web
Tugas 5 rekayasa webTugas 5 rekayasa web
Tugas 5 rekayasa webrimaafauziaah
 
Tugas3 rekayasa web-1412510917
Tugas3 rekayasa web-1412510917Tugas3 rekayasa web-1412510917
Tugas3 rekayasa web-1412510917rimaafauziaah
 
Tugas2 rekayasa web-1412510917
Tugas2 rekayasa web-1412510917Tugas2 rekayasa web-1412510917
Tugas2 rekayasa web-1412510917rimaafauziaah
 

More from rimaafauziaah (6)

Tugas 7 rekweb
Tugas 7   rekwebTugas 7   rekweb
Tugas 7 rekweb
 
Tugas 6 rekweb
Tugas 6   rekwebTugas 6   rekweb
Tugas 6 rekweb
 
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
 
Tugas3 rekayasa web-1412510917
Tugas3 rekayasa web-1412510917Tugas3 rekayasa web-1412510917
Tugas3 rekayasa web-1412510917
 
Tugas2 rekayasa web-1412510917
Tugas2 rekayasa web-1412510917Tugas2 rekayasa web-1412510917
Tugas2 rekayasa web-1412510917
 

Recently uploaded

Latihan Soal bahasa Indonesia untuk anak sekolah sekelas SMP atau pun sederajat
Latihan Soal bahasa Indonesia untuk anak sekolah sekelas SMP atau pun sederajatLatihan Soal bahasa Indonesia untuk anak sekolah sekelas SMP atau pun sederajat
Latihan Soal bahasa Indonesia untuk anak sekolah sekelas SMP atau pun sederajatArfiGraphy
 
Modul 1.2.a.8 Koneksi antar materi 1.2.pdf
Modul 1.2.a.8 Koneksi antar materi 1.2.pdfModul 1.2.a.8 Koneksi antar materi 1.2.pdf
Modul 1.2.a.8 Koneksi antar materi 1.2.pdfSitiJulaeha820399
 
Dampak Pendudukan Jepang.pptx indonesia1
Dampak Pendudukan Jepang.pptx indonesia1Dampak Pendudukan Jepang.pptx indonesia1
Dampak Pendudukan Jepang.pptx indonesia1udin100
 
Materi Pertemuan Materi Pertemuan 7.pptx
Materi Pertemuan Materi Pertemuan 7.pptxMateri Pertemuan Materi Pertemuan 7.pptx
Materi Pertemuan Materi Pertemuan 7.pptxRezaWahyuni6
 
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptxRefleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptxIrfanAudah1
 
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docx
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docxLK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docx
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docxPurmiasih
 
CAPACITY BUILDING Materi Saat di Lokakarya 7
CAPACITY BUILDING Materi Saat di Lokakarya 7CAPACITY BUILDING Materi Saat di Lokakarya 7
CAPACITY BUILDING Materi Saat di Lokakarya 7IwanSumantri7
 
JAWAPAN BAB 1 DAN BAB 2 SAINS TINGKATAN 5
JAWAPAN BAB 1 DAN BAB 2 SAINS TINGKATAN 5JAWAPAN BAB 1 DAN BAB 2 SAINS TINGKATAN 5
JAWAPAN BAB 1 DAN BAB 2 SAINS TINGKATAN 5ssuserd52993
 
AKSI NYATA NARKOBA ATAU OBAT TERLARANG..
AKSI NYATA NARKOBA ATAU OBAT TERLARANG..AKSI NYATA NARKOBA ATAU OBAT TERLARANG..
AKSI NYATA NARKOBA ATAU OBAT TERLARANG..ikayogakinasih12
 
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATASMATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATASKurniawan Dirham
 
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 SDNurainiNuraini25
 
Aksi Nyata Modul 1.1 Calon Guru Penggerak
Aksi Nyata Modul 1.1 Calon Guru PenggerakAksi Nyata Modul 1.1 Calon Guru Penggerak
Aksi Nyata Modul 1.1 Calon Guru Penggeraksupriadi611
 
PEMANASAN GLOBAL - MATERI KELAS X MA.pptx
PEMANASAN GLOBAL - MATERI KELAS X MA.pptxPEMANASAN GLOBAL - MATERI KELAS X MA.pptx
PEMANASAN GLOBAL - MATERI KELAS X MA.pptxsukmakarim1998
 
ppt-modul-6-pend-seni-di sd kelompok 2 ppt
ppt-modul-6-pend-seni-di sd kelompok 2 pptppt-modul-6-pend-seni-di sd kelompok 2 ppt
ppt-modul-6-pend-seni-di sd kelompok 2 pptArkhaRega1
 
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdf
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdfTUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdf
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdfElaAditya
 
11 PPT Pancasila sebagai Paradigma Kehidupan dalam Masyarakat.pptx
11 PPT Pancasila sebagai Paradigma Kehidupan dalam Masyarakat.pptx11 PPT Pancasila sebagai Paradigma Kehidupan dalam Masyarakat.pptx
11 PPT Pancasila sebagai Paradigma Kehidupan dalam Masyarakat.pptxMiftahunnajahTVIBS
 
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKAMODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKAAndiCoc
 
tugas 1 tutorial online anak berkebutuhan khusus di SD
tugas 1 tutorial online anak berkebutuhan khusus di SDtugas 1 tutorial online anak berkebutuhan khusus di SD
tugas 1 tutorial online anak berkebutuhan khusus di SDmawan5982
 
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptx
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptxPERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptx
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptxRizkyPratiwi19
 
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ika
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ikabab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ika
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ikaAtiAnggiSupriyati
 

Recently uploaded (20)

Latihan Soal bahasa Indonesia untuk anak sekolah sekelas SMP atau pun sederajat
Latihan Soal bahasa Indonesia untuk anak sekolah sekelas SMP atau pun sederajatLatihan Soal bahasa Indonesia untuk anak sekolah sekelas SMP atau pun sederajat
Latihan Soal bahasa Indonesia untuk anak sekolah sekelas SMP atau pun sederajat
 
Modul 1.2.a.8 Koneksi antar materi 1.2.pdf
Modul 1.2.a.8 Koneksi antar materi 1.2.pdfModul 1.2.a.8 Koneksi antar materi 1.2.pdf
Modul 1.2.a.8 Koneksi antar materi 1.2.pdf
 
Dampak Pendudukan Jepang.pptx indonesia1
Dampak Pendudukan Jepang.pptx indonesia1Dampak Pendudukan Jepang.pptx indonesia1
Dampak Pendudukan Jepang.pptx indonesia1
 
Materi Pertemuan Materi Pertemuan 7.pptx
Materi Pertemuan Materi Pertemuan 7.pptxMateri Pertemuan Materi Pertemuan 7.pptx
Materi Pertemuan Materi Pertemuan 7.pptx
 
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptxRefleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
 
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docx
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docxLK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docx
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docx
 
CAPACITY BUILDING Materi Saat di Lokakarya 7
CAPACITY BUILDING Materi Saat di Lokakarya 7CAPACITY BUILDING Materi Saat di Lokakarya 7
CAPACITY BUILDING Materi Saat di Lokakarya 7
 
JAWAPAN BAB 1 DAN BAB 2 SAINS TINGKATAN 5
JAWAPAN BAB 1 DAN BAB 2 SAINS TINGKATAN 5JAWAPAN BAB 1 DAN BAB 2 SAINS TINGKATAN 5
JAWAPAN BAB 1 DAN BAB 2 SAINS TINGKATAN 5
 
AKSI NYATA NARKOBA ATAU OBAT TERLARANG..
AKSI NYATA NARKOBA ATAU OBAT TERLARANG..AKSI NYATA NARKOBA ATAU OBAT TERLARANG..
AKSI NYATA NARKOBA ATAU OBAT TERLARANG..
 
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATASMATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
 
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
 
Aksi Nyata Modul 1.1 Calon Guru Penggerak
Aksi Nyata Modul 1.1 Calon Guru PenggerakAksi Nyata Modul 1.1 Calon Guru Penggerak
Aksi Nyata Modul 1.1 Calon Guru Penggerak
 
PEMANASAN GLOBAL - MATERI KELAS X MA.pptx
PEMANASAN GLOBAL - MATERI KELAS X MA.pptxPEMANASAN GLOBAL - MATERI KELAS X MA.pptx
PEMANASAN GLOBAL - MATERI KELAS X MA.pptx
 
ppt-modul-6-pend-seni-di sd kelompok 2 ppt
ppt-modul-6-pend-seni-di sd kelompok 2 pptppt-modul-6-pend-seni-di sd kelompok 2 ppt
ppt-modul-6-pend-seni-di sd kelompok 2 ppt
 
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdf
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdfTUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdf
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdf
 
11 PPT Pancasila sebagai Paradigma Kehidupan dalam Masyarakat.pptx
11 PPT Pancasila sebagai Paradigma Kehidupan dalam Masyarakat.pptx11 PPT Pancasila sebagai Paradigma Kehidupan dalam Masyarakat.pptx
11 PPT Pancasila sebagai Paradigma Kehidupan dalam Masyarakat.pptx
 
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKAMODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
 
tugas 1 tutorial online anak berkebutuhan khusus di SD
tugas 1 tutorial online anak berkebutuhan khusus di SDtugas 1 tutorial online anak berkebutuhan khusus di SD
tugas 1 tutorial online anak berkebutuhan khusus di SD
 
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptx
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptxPERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptx
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptx
 
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ika
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ikabab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ika
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ika
 

Tugas 8 rekweb

  • 1. TUGAS 8 NAMA :Rima Fauziah NIM :1412510917
  • 2. SOAL  Jelaskan mengenai HTML5 !, berikan perbedaan-perbedaan dengan versi HTML sebelumnya dan berikan contoh web yang telah mengimplementasikan HTML5 1  Apa yang anda ketahui tentang WebSocket pada HTML5, berikan contoh applikasinya !
  • 3.  Menurut dari Wikipedia 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 dan hingga bulan Juni 2011 masih dalam pengembangan. Dimana tujuan pembuatan teknologi HTML5 ini adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.  HTML5 ini adalah hasil proyek dari W3C (World Wide Web Consortium dan WHATWG ( Web Hypertext Application Technology Working Group ). Dimana WHATWG bekerja dengan bentuk web dan aplikasi sedangkan W3C bekerja di pengembang dari XHTML 2.0 pada tahun 2006, kemudian mereka memutuskan untuk bekerja sama dan membentuk versi baru dari HTML
  • 4. APA TUJUAN DI BUATNYA HTML5  Fitur baru harus didasarkan pada HTML, CSS, DOM, dan JavaScript  Mengurangi kebutuhan untuk plugin eksternal ( Seperti Flash )  Penanagan kesalahan yang lebih baik  Lebih markup untuk menggantikan scripting HTML5 merupakan perangkat mandiri  Proses pembangunan dapat terlihat untuk umum
  • 5. FITUR TERBARU DARI HTML5  Unsur kanvas untuk menggambar  Video dan elemen audio untuk media pemutaran  Dukungan yang lebih baik untuk penyimpanan secara offline  Elemen konten yang lebih spesifik, seperti artikel, footer, header, nav, section  Bentuk kontrol form seperti kalender, tanggal, waktu, email, url, search.
  • 6. PERBEDAAN HTML5 DENGAN VERSI SEBELUMNYA  HTML 5 memperkenalkan elemen baru ke HTML untuk pertama kalinya sejak tahun 1990-an. Unsur struktural baru termasuk aside, figure, dan section. Elemen inline baru seperti waktu, meter, dan progress.Termasuk Elemen Embedding baru seperti video dan audio. Elemen interaktif baru mencakup details, datagrid, dan command.  Vokabular HTML dari jaman sebalumnya (HTML+, HTML 2.0, HTML 3.2) umumnya ditulis menggunakan aturan sintak SGML. Pada HTML 4 telah diterapkan dua sintak yaitu: SGML (disebut sebagai HTML 4.01) dan XML (disebut XHTML 1.0).  HTML 5 mendefinisikan kelima revisi besar bahasa inti dari World Wide Web – HTML – dari W3C (World Wide Web Consortium). Juga disebut Aplikasi Web 1.0 – masih ada tidak ada ruang nama atau skema. Unsur tidak harus ditutup. Browser akan mengampuni kesalahan. Sebuah p masih p, dan meja masih meja.  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  Dalam HTML5 banyak kelebihan nya dibanding dengan versi HTML yang sebelum nya. Terdapat juga fitur fitus canggih pada HTML5. Dengan HTML5, pengembangan aplikasi web adalah lebih mudah dibandingkan sebelumnya.
  • 7. CONTOH WEBSITE YANG MENGIMPLEMENTASIKAN HTML5  Seperti contoh awal pembukaan html, jika sebelumnya menuliskan:  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  Dengan HTML5 cukup diganti dengan:  <!DOCTYPE html>  Untuk melihat contoh web yang sudah mengimplementasikan HTML5 Anda dapat membuka link berikut:  http://html5up.net/
  • 8. 2. APA YANG ANDA KETAHUI TENTANG WEBSOCKET PADA HTML5, BERIKAN CONTOH APPLIKASINYA !  WebSocket adalah standar baru untuk komunikasi realtime pada Web dan aplikasi mobile. WebSocket dirancang untuk diterapkan di browser web dan server web, tetapi dapat digunakan oleh aplikasi client atau server. WebSocket adalah protokol yang menyediakan saluran komunikasi full- duplex melalui koneksi TCP tunggal. Protokol WebSocket sudah di standarisasi oleh IETF sebagai RFC 6455 pada tahun 2011, dan API WebSocket di Web IDL sedang distandarisasi oleh W3C.
  • 9. MANFAAT WEBSOCKET  Websocket memungkinkan server untuk mendorong data kepada klien yang terhubung  Mengurangi traffic atau lalu lintas jaringan yang tidak perlu dan latency menggunakan full duplex melalui koneksi tunggal (bukan dua).  Streaming melalui proxy dan firewall, mendukung komunikasi simultan hulu dan hilir.  Kompatibel dengan pre-WebSocket dunia dengan cara beralih dari koneksi HTTP ke WebSockets.
  • 10. APLIKASI YANG HARUS MENGGUNAKAN WEBSOCKET  Aplikasi dengan banyak pengguna atau Multi-User Apps  Aplikasi langsung atau Realtime Apps  Aplikasi dimana data live sangat dibutuhkan, seperti pasar saham, atau kurs. WebSocket Client :  Di website, WebSocket didukung oleh browser seperti Google Chrome, Firefox, Opera  Pada ponsel, WebSocket support di iOS dan Android  WebSocket client menggunakan Javascript untuk meminta atau merequest ke server WebSocket, sebagai percobaan bisa ikuti tutorial di website w3schools atau tutorialspoint.
  • 11. CONTOH APLIKASI YANG MENGGUNAKAN WEBSOCKET  TRAVELOKA  ZOMATO  GOOJEK  DLL