SlideShare a Scribd company logo
1 of 11
NAMA:DEBBIE MISTIKAWENI
NIM:1412510982
 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
 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
 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.
 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.
 HTML SEBELUMNYA
 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).
 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/
 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.
 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 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.
 TRAVELOKA
 ZOMATO
 GOOJEK
 DLL

More Related Content

What's hot

Tugas 8 rekayasa web 1312510231 rostarina
Tugas 8 rekayasa web 1312510231 rostarinaTugas 8 rekayasa web 1312510231 rostarina
Tugas 8 rekayasa web 1312510231 rostarinaosta92
 
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 davidart david
 
Tugas8 rekweb ku 0316-1212511008 ismailaluwi
Tugas8 rekweb ku 0316-1212511008 ismailaluwiTugas8 rekweb ku 0316-1212511008 ismailaluwi
Tugas8 rekweb ku 0316-1212511008 ismailaluwiISMAIL ALUWI
 
Tugas 8 ku - 0316 1311511529
Tugas 8   ku - 0316 1311511529Tugas 8   ku - 0316 1311511529
Tugas 8 ku - 0316 1311511529Iich-oNe Hidayat
 
Tugas 8 rekayasa web (individu)
Tugas 8 rekayasa web (individu)Tugas 8 rekayasa web (individu)
Tugas 8 rekayasa web (individu)faisalawai
 
Tugas 2 rekayasa web Freddy Ferdiansyah 1412510586
Tugas 2 rekayasa web Freddy Ferdiansyah 1412510586Tugas 2 rekayasa web Freddy Ferdiansyah 1412510586
Tugas 2 rekayasa web Freddy Ferdiansyah 1412510586freddyferdiansyah27
 

What's hot (13)

Tugas 8 rekayasa web 1312510231 rostarina
Tugas 8 rekayasa web 1312510231 rostarinaTugas 8 rekayasa web 1312510231 rostarina
Tugas 8 rekayasa web 1312510231 rostarina
 
Tugas 8
Tugas 8Tugas 8
Tugas 8
 
Tugas 8 rekweb
Tugas 8 rekwebTugas 8 rekweb
Tugas 8 rekweb
 
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
 
Html 5
Html 5Html 5
Html 5
 
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 ku - 0316 1311511529
Tugas 8   ku - 0316 1311511529Tugas 8   ku - 0316 1311511529
Tugas 8 ku - 0316 1311511529
 
H t m l
H t m lH t m l
H t m l
 
Html5
Html5Html5
Html5
 
Tugas 8 rekayasa web (individu)
Tugas 8 rekayasa web (individu)Tugas 8 rekayasa web (individu)
Tugas 8 rekayasa web (individu)
 
Tugas 8 rekayasa web
Tugas 8   rekayasa webTugas 8   rekayasa web
Tugas 8 rekayasa web
 
Tugas 2 rekayasa web Freddy Ferdiansyah 1412510586
Tugas 2 rekayasa web Freddy Ferdiansyah 1412510586Tugas 2 rekayasa web Freddy Ferdiansyah 1412510586
Tugas 2 rekayasa web Freddy Ferdiansyah 1412510586
 
Tugas 8 rekayasa web
Tugas 8 rekayasa webTugas 8 rekayasa web
Tugas 8 rekayasa web
 

Viewers also liked

Optimized your sql server operation using big data echo system
Optimized  your sql server operation using  big data echo systemOptimized  your sql server operation using  big data echo system
Optimized your sql server operation using big data echo systemTzahi Hakikat
 
Outwards and Inwards Experiential Transformation - Kaskus Case Study
Outwards and Inwards Experiential Transformation - Kaskus Case StudyOutwards and Inwards Experiential Transformation - Kaskus Case Study
Outwards and Inwards Experiential Transformation - Kaskus Case StudySomia Customer Experience
 
Strategic Brand Analysis Traveloka
Strategic Brand Analysis TravelokaStrategic Brand Analysis Traveloka
Strategic Brand Analysis TravelokaTheresia Lusiyanti
 
Online Movie Ticket Booking
Online Movie Ticket BookingOnline Movie Ticket Booking
Online Movie Ticket BookingSuman Bose
 
E-Commerce Usage In Indonesia 2016
E-Commerce Usage In Indonesia 2016 E-Commerce Usage In Indonesia 2016
E-Commerce Usage In Indonesia 2016 DI Marketing
 
Groupon Presentation on Startupbisnis.com workshop by yogen
Groupon Presentation on Startupbisnis.com workshop by yogenGroupon Presentation on Startupbisnis.com workshop by yogen
Groupon Presentation on Startupbisnis.com workshop by yogenReinҲ Rein
 
State of the Word 2011
State of the Word 2011State of the Word 2011
State of the Word 2011photomatt
 

Viewers also liked (8)

Optimized your sql server operation using big data echo system
Optimized  your sql server operation using  big data echo systemOptimized  your sql server operation using  big data echo system
Optimized your sql server operation using big data echo system
 
Outwards and Inwards Experiential Transformation - Kaskus Case Study
Outwards and Inwards Experiential Transformation - Kaskus Case StudyOutwards and Inwards Experiential Transformation - Kaskus Case Study
Outwards and Inwards Experiential Transformation - Kaskus Case Study
 
GROUPON IN MALAYSIA
GROUPON IN MALAYSIAGROUPON IN MALAYSIA
GROUPON IN MALAYSIA
 
Strategic Brand Analysis Traveloka
Strategic Brand Analysis TravelokaStrategic Brand Analysis Traveloka
Strategic Brand Analysis Traveloka
 
Online Movie Ticket Booking
Online Movie Ticket BookingOnline Movie Ticket Booking
Online Movie Ticket Booking
 
E-Commerce Usage In Indonesia 2016
E-Commerce Usage In Indonesia 2016 E-Commerce Usage In Indonesia 2016
E-Commerce Usage In Indonesia 2016
 
Groupon Presentation on Startupbisnis.com workshop by yogen
Groupon Presentation on Startupbisnis.com workshop by yogenGroupon Presentation on Startupbisnis.com workshop by yogen
Groupon Presentation on Startupbisnis.com workshop by yogen
 
State of the Word 2011
State of the Word 2011State of the Word 2011
State of the Word 2011
 

Similar to Tugas8 ku-0316-debbiemistikaweni-1412510982

Similar to Tugas8 ku-0316-debbiemistikaweni-1412510982 (20)

Tugas 8
Tugas 8Tugas 8
Tugas 8
 
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
 
Pengenalan html5
Pengenalan html5Pengenalan html5
Pengenalan html5
 
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
 
Ppt html5
Ppt html5Ppt html5
Ppt html5
 
Html 5
Html 5Html 5
Html 5
 
Makalah html 5
Makalah html 5Makalah html 5
Makalah html 5
 
Html5
Html5Html5
Html5
 
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
 
Tugas 8 – rekayasa web
Tugas 8 – rekayasa webTugas 8 – rekayasa web
Tugas 8 – rekayasa web
 
Html power point
Html power pointHtml power point
Html power point
 
Tugas 8 rekayasa web
Tugas 8   rekayasa webTugas 8   rekayasa web
Tugas 8 rekayasa web
 
Fajar satrio Html5
Fajar satrio Html5Fajar satrio Html5
Fajar satrio Html5
 
Html5
Html5 Html5
Html5
 
Ppt html5
Ppt html5Ppt html5
Ppt html5
 
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
 

Tugas8 ku-0316-debbiemistikaweni-1412510982

  • 2.  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.  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.  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.  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.  HTML SEBELUMNYA  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).
  • 7.  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.  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.  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 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.