SlideShare a Scribd company logo
1 of 11
Tugas 8
Rekayasa Web
1212511008
Ismail Aluwi
Pengertian HTML5 dan Perbedaannya
 HTML5 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari
Waring Wera Wanua, 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[1]) dan hingga bulan Juni 2011 masih dalam pengembangan.
Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar
mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga
mudah dimengerti oleh mesin.
 HTML5 merupakan salah satu karya Konsortium Waring Wera Wanua (World Wide
Web Consortium, W3C) untuk mendefinisikan sebuah bahasa markah tunggal yang
dapat ditulis dengan cara HTML ataupun XHTML. HTML5 merupakan jawaban atas
pengembangan HTML 4.01 dan XHTML 1.1 yang selama ini berjalan terpisah, dan
diimplementasikan secara berbeda-beda oleh banyak perangkat lunak pembuat web.
Contoh web yang menggunakan html5
 http://www.thewildernessdowntown.com/
Downtown Wilderness adalah sebuah video musik untuk lagu interaktif Arcade Api itu "Kami Digunakan untuk Tunggu".
Pengunjung diminta untuk memasukkan alamat dari rumah mereka tumbuh dan kemudian situs menggunakan Google Earth dan
HTML5 untuk membuat video musik pribadi yang membawa pengguna pada rumah kembali perjalanan. - See more at:
http://websepuluh.blogspot.co.id/2012/05/10-website-terbaik-menggunakan-html5.html#sthash.me5dfjqN.dpuf
WebSocket
 Pada spesifikasinya, WebSocket didefinisikan sebagai sebuah Application
Programming Interfaces (API) yang membuat koneksi "socket" antara web browser
dan server. Dalam kata polos: Ada sebuah koneksi tetap antara klien dan server,
dan kedua pihak dapat memulai mengirim data kapan saja.
 WebSocket merupakan bagian dari HTML5. WebSocket menghadirkan
pengurangan besar dalam lalu-lintas jaringan yang tidak penting
dan latency dibandingkan dengan solusi polling dan long-polling yang telah
digunakan untuk mensimulasikan koneksi dua arah dengan cara menjaga dua
koneksi tetap terhubung.
 HTML5 WebSocket memperhitungkan bahaya jaringan seperti proxy dan firewall, sehingga memungkinkan streamingmelalui
koneksi apapun, dan dengan kemampuan untuk mendukung komunikasi hulu dan hilir melalui koneksi tunggal, aplikasi
berbasis WebSocket mengurangi beban pada server, memungkinkan mesin yang telah ada untuk mendukung banyak koneksi
yang berbarengan. Gambar 2.1 memperlihatkan arsitektur dasar berbasis WebSocket yang mana beberapa browser
menggunakan koneksi WebSocket untuk komunikasi langsung, dua arah dengan host remot.
 Satu dari sekian banyak fitur unik yang disediakan WebSocket adalah kemampuannya untuk melintasi proxy dan firewall, yang
mana merupakan wilayah yang umumnya bermasalah untuk kebanyakan aplikasi. Aplikasi berbasis Comet biasanya
menggunakan long-polling sebagai garis pertahanan yang belum sempurna untuk mempertahankan diri dari firewall dan proxy.
Teknik tersebut efektif, tapi tidak cocok bila diterapkan untuk aplikasi yang memiliki latency dibawah 500 milidetik atau
membutuhkan haluan keluaran (Throughput) yang tinggi. Teknologi berbasis plugin seperti Adobe Flash, juga menyediakan
beberapa level dari dukungan socket, namun sejak lama telah dibebani oleh masalah dengan kemampuannya untuk melewati
proxy dan firewall yang mana kini telah dipecahkan oleh WebSocket.
 WebSocket mendeteksi kehadiran proxy server dan secara otomatis membuat sebuah tunnel untuk dapat melewati proxy
tersebut. Tunnel dibuat dengan cara mengeluarkan sebuah pernyataan HTTP CONNECT kepada proxy server, yang mana
meminta proxy server untuk membuka koneksi TCP/IP ke host dan port spesifik. Setelah tunnel selesai dibuat, komunikasi dapat
mengalir dengan leluasa melalui proxy. Karena HTTP/S juga bekerja dengan cara yang sama, secure WebSocket melalui SSL juga
dapat menggunakan teknik HTTP CONNECT yang sama.
 WebSocket menggunakan standard protokol RFC6455 untuk handshake dan komunikasi antara klien dan server. Web browser
seperti Google Chrome untuk Android sepenuhnya telah mendukung RFC6455 termasuk pesan biner.
WebSocket Contoh Aplikasi Chat
Tugas8 rekweb ku 0316-1212511008 ismailaluwi
Tugas8 rekweb ku 0316-1212511008 ismailaluwi
Tugas8 rekweb ku 0316-1212511008 ismailaluwi
Tugas8 rekweb ku 0316-1212511008 ismailaluwi
Tugas8 rekweb ku 0316-1212511008 ismailaluwi

More Related Content

Viewers also liked

Viewers also liked (16)

Tugas7rekweb 1212511008-ismailaluwi
Tugas7rekweb 1212511008-ismailaluwiTugas7rekweb 1212511008-ismailaluwi
Tugas7rekweb 1212511008-ismailaluwi
 
Tugas 8 ku - 0316 1311511529
Tugas 8   ku - 0316 1311511529Tugas 8   ku - 0316 1311511529
Tugas 8 ku - 0316 1311511529
 
Foros de voz
Foros de vozForos de voz
Foros de voz
 
AEF 2-24
AEF 2-24AEF 2-24
AEF 2-24
 
InnovizeIT for DB2_Product Overview_may2014
InnovizeIT for DB2_Product Overview_may2014InnovizeIT for DB2_Product Overview_may2014
InnovizeIT for DB2_Product Overview_may2014
 
Pollinator Presentation
Pollinator Presentation Pollinator Presentation
Pollinator Presentation
 
StrategicMarketingPlan
StrategicMarketingPlanStrategicMarketingPlan
StrategicMarketingPlan
 
La potestad tributaria
La potestad tributariaLa potestad tributaria
La potestad tributaria
 
Edad moderna
Edad modernaEdad moderna
Edad moderna
 
Sumo o multiplico
Sumo o multiplicoSumo o multiplico
Sumo o multiplico
 
Social Media Ethics Chapter 10
Social Media Ethics Chapter 10Social Media Ethics Chapter 10
Social Media Ethics Chapter 10
 
Wiki How
Wiki HowWiki How
Wiki How
 
Tpngt
TpngtTpngt
Tpngt
 
Business English Finance Lesson 01
Business English  Finance Lesson 01Business English  Finance Lesson 01
Business English Finance Lesson 01
 
Handel's Final Project
Handel's Final ProjectHandel's Final Project
Handel's Final Project
 
Lee Cannon_The Current_On the Market_2-17-16
Lee Cannon_The Current_On the Market_2-17-16Lee Cannon_The Current_On the Market_2-17-16
Lee Cannon_The Current_On the Market_2-17-16
 

Similar to Tugas8 rekweb ku 0316-1212511008 ismailaluwi

Tugas 8 rekayasa web 1312510231 rostarina
Tugas 8 rekayasa web 1312510231 rostarinaTugas 8 rekayasa web 1312510231 rostarina
Tugas 8 rekayasa web 1312510231 rostarinaosta92
 
Tugas8 ku-0316-debbiemistikaweni-1412510982
Tugas8 ku-0316-debbiemistikaweni-1412510982Tugas8 ku-0316-debbiemistikaweni-1412510982
Tugas8 ku-0316-debbiemistikaweni-1412510982debbie95
 
Konsep teknologi web
Konsep teknologi webKonsep teknologi web
Konsep teknologi webTeukuMahawira
 
Konsep Teknologi Web
Konsep Teknologi WebKonsep Teknologi Web
Konsep Teknologi WebTeukuMahawira
 
Konsep teknologi web
Konsep teknologi webKonsep teknologi web
Konsep teknologi webTeukuMahawira
 
Ristianawati 2114 r0800 html5
Ristianawati 2114 r0800 html5Ristianawati 2114 r0800 html5
Ristianawati 2114 r0800 html5Ristianawati
 
Tugas 8 Rekayasa Web 0316
Tugas 8 Rekayasa Web 0316Tugas 8 Rekayasa Web 0316
Tugas 8 Rekayasa Web 0316sapatati
 
Tugas pemograman berbasis web
Tugas pemograman berbasis webTugas pemograman berbasis web
Tugas pemograman berbasis webharisdul94
 
Tutorial web site aida dan jesika
Tutorial web site aida dan jesikaTutorial web site aida dan jesika
Tutorial web site aida dan jesikaRCH_98
 

Similar to Tugas8 rekweb ku 0316-1212511008 ismailaluwi (20)

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 rekayasa web
Tugas 8   rekayasa webTugas 8   rekayasa web
Tugas 8 rekayasa web
 
Tugas8 ku-0316-debbiemistikaweni-1412510982
Tugas8 ku-0316-debbiemistikaweni-1412510982Tugas8 ku-0316-debbiemistikaweni-1412510982
Tugas8 ku-0316-debbiemistikaweni-1412510982
 
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
 
02 Teknologi Web
02 Teknologi Web02 Teknologi Web
02 Teknologi Web
 
Html5
Html5Html5
Html5
 
Pengenalan html5
Pengenalan html5Pengenalan html5
Pengenalan html5
 
Konsep teknologi web
Konsep teknologi webKonsep teknologi web
Konsep teknologi web
 
HTML5
HTML5HTML5
HTML5
 
Tugas 8 – rekayasa web
Tugas 8 – rekayasa webTugas 8 – rekayasa web
Tugas 8 – rekayasa web
 
Konsep Teknologi Web
Konsep Teknologi WebKonsep Teknologi Web
Konsep Teknologi Web
 
Konsep teknologi web
Konsep teknologi webKonsep teknologi web
Konsep teknologi web
 
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
 
Ppt html5
Ppt html5Ppt html5
Ppt html5
 
Ristianawati 2114 r0800 html5
Ristianawati 2114 r0800 html5Ristianawati 2114 r0800 html5
Ristianawati 2114 r0800 html5
 
Tugas 8 Rekayasa Web 0316
Tugas 8 Rekayasa Web 0316Tugas 8 Rekayasa Web 0316
Tugas 8 Rekayasa Web 0316
 
Choirul vbnet-01
Choirul vbnet-01Choirul vbnet-01
Choirul vbnet-01
 
Tugas pemograman berbasis web
Tugas pemograman berbasis webTugas pemograman berbasis web
Tugas pemograman berbasis web
 
Tutorial web site aida dan jesika
Tutorial web site aida dan jesikaTutorial web site aida dan jesika
Tutorial web site aida dan jesika
 

Tugas8 rekweb ku 0316-1212511008 ismailaluwi

  • 2. Pengertian HTML5 dan Perbedaannya  HTML5 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari Waring Wera Wanua, 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[1]) dan hingga bulan Juni 2011 masih dalam pengembangan. Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.  HTML5 merupakan salah satu karya Konsortium Waring Wera Wanua (World Wide Web Consortium, W3C) untuk mendefinisikan sebuah bahasa markah tunggal yang dapat ditulis dengan cara HTML ataupun XHTML. HTML5 merupakan jawaban atas pengembangan HTML 4.01 dan XHTML 1.1 yang selama ini berjalan terpisah, dan diimplementasikan secara berbeda-beda oleh banyak perangkat lunak pembuat web.
  • 3. Contoh web yang menggunakan html5  http://www.thewildernessdowntown.com/ Downtown Wilderness adalah sebuah video musik untuk lagu interaktif Arcade Api itu "Kami Digunakan untuk Tunggu". Pengunjung diminta untuk memasukkan alamat dari rumah mereka tumbuh dan kemudian situs menggunakan Google Earth dan HTML5 untuk membuat video musik pribadi yang membawa pengguna pada rumah kembali perjalanan. - See more at: http://websepuluh.blogspot.co.id/2012/05/10-website-terbaik-menggunakan-html5.html#sthash.me5dfjqN.dpuf
  • 4. WebSocket  Pada spesifikasinya, WebSocket didefinisikan sebagai sebuah Application Programming Interfaces (API) yang membuat koneksi "socket" antara web browser dan server. Dalam kata polos: Ada sebuah koneksi tetap antara klien dan server, dan kedua pihak dapat memulai mengirim data kapan saja.  WebSocket merupakan bagian dari HTML5. WebSocket menghadirkan pengurangan besar dalam lalu-lintas jaringan yang tidak penting dan latency dibandingkan dengan solusi polling dan long-polling yang telah digunakan untuk mensimulasikan koneksi dua arah dengan cara menjaga dua koneksi tetap terhubung.
  • 5.  HTML5 WebSocket memperhitungkan bahaya jaringan seperti proxy dan firewall, sehingga memungkinkan streamingmelalui koneksi apapun, dan dengan kemampuan untuk mendukung komunikasi hulu dan hilir melalui koneksi tunggal, aplikasi berbasis WebSocket mengurangi beban pada server, memungkinkan mesin yang telah ada untuk mendukung banyak koneksi yang berbarengan. Gambar 2.1 memperlihatkan arsitektur dasar berbasis WebSocket yang mana beberapa browser menggunakan koneksi WebSocket untuk komunikasi langsung, dua arah dengan host remot.  Satu dari sekian banyak fitur unik yang disediakan WebSocket adalah kemampuannya untuk melintasi proxy dan firewall, yang mana merupakan wilayah yang umumnya bermasalah untuk kebanyakan aplikasi. Aplikasi berbasis Comet biasanya menggunakan long-polling sebagai garis pertahanan yang belum sempurna untuk mempertahankan diri dari firewall dan proxy. Teknik tersebut efektif, tapi tidak cocok bila diterapkan untuk aplikasi yang memiliki latency dibawah 500 milidetik atau membutuhkan haluan keluaran (Throughput) yang tinggi. Teknologi berbasis plugin seperti Adobe Flash, juga menyediakan beberapa level dari dukungan socket, namun sejak lama telah dibebani oleh masalah dengan kemampuannya untuk melewati proxy dan firewall yang mana kini telah dipecahkan oleh WebSocket.  WebSocket mendeteksi kehadiran proxy server dan secara otomatis membuat sebuah tunnel untuk dapat melewati proxy tersebut. Tunnel dibuat dengan cara mengeluarkan sebuah pernyataan HTTP CONNECT kepada proxy server, yang mana meminta proxy server untuk membuka koneksi TCP/IP ke host dan port spesifik. Setelah tunnel selesai dibuat, komunikasi dapat mengalir dengan leluasa melalui proxy. Karena HTTP/S juga bekerja dengan cara yang sama, secure WebSocket melalui SSL juga dapat menggunakan teknik HTTP CONNECT yang sama.  WebSocket menggunakan standard protokol RFC6455 untuk handshake dan komunikasi antara klien dan server. Web browser seperti Google Chrome untuk Android sepenuhnya telah mendukung RFC6455 termasuk pesan biner.