SlideShare a Scribd company logo
TUGAS 8 – REKAYASA WEB
KELOMPOK (KU)
RADEN DONI WIJOYO - 1311511057
01. Apa itu HTML5
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
Apa Fitur - 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
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/
WebSocket pada HTML5
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
Dan masih banyak lagi apliaksi lainya yang menggunakan Websocket atau API. Dan
pada belakangan ini banyak aplikasi yang bersifat e-commerce mengimplementasikan
metode ini untuk bertukar data.
“ Terima Kasih “

More Related Content

What's hot

Tugas 8
Tugas 8Tugas 8
Tugas 8
Arif Munandar
 
Tugas 8 – rekayasa web
Tugas 8 – rekayasa webTugas 8 – rekayasa web
Tugas 8 – rekayasa web
Gilbert Abednego
 
PPT HTML5
PPT HTML5PPT HTML5
PPT HTML5
utia yahya
 
Pengenalan html5
Pengenalan html5Pengenalan html5
Pengenalan html5
datarole. PT
 
Tugas 8 rekweb
Tugas 8 rekwebTugas 8 rekweb
Tugas 8 rekweb
alchdila boyda kuasa
 
Ppt html5
Ppt html5Ppt html5
Ppt html5mutianb
 
Fajar satrio Html5
Fajar satrio Html5Fajar satrio Html5
Fajar satrio Html5
Fajar Satrio
 
Tugas 8 rekayasa web
Tugas 8 rekayasa webTugas 8 rekayasa web
Tugas 8 rekayasa web
Ummi khairani
 
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
menghilang
 
Tugas01
Tugas01Tugas01
Tugas01
dede irpandi
 
Tugas 8 rekayasa web
Tugas 8 rekayasa webTugas 8 rekayasa web
Tugas 8 rekayasa web
rizkyripai
 
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
044249
 
Tugas 8 individuu
Tugas 8 individuuTugas 8 individuu
Tugas 8 individuu
septianarul
 
Tugas 8 rekayasa web
Tugas 8   rekayasa webTugas 8   rekayasa web
Tugas 8 rekayasa web
Mohammad Arief
 
Tugas rekayasa web
Tugas rekayasa webTugas rekayasa web
Tugas rekayasa web
Aditya Indraprasti
 

What's hot (17)

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
 
Html5
Html5 Html5
Html5
 
Pengenalan html5
Pengenalan html5Pengenalan html5
Pengenalan html5
 
Tugas 8 rekweb
Tugas 8 rekwebTugas 8 rekweb
Tugas 8 rekweb
 
Ppt html5
Ppt html5Ppt html5
Ppt html5
 
Fajar satrio Html5
Fajar satrio Html5Fajar satrio Html5
Fajar satrio Html5
 
Tugas 8 rekayasa web
Tugas 8 rekayasa webTugas 8 rekayasa web
Tugas 8 rekayasa web
 
html5
html5html5
html5
 
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
 
Tugas01
Tugas01Tugas01
Tugas01
 
Tugas 8 rekayasa web
Tugas 8 rekayasa webTugas 8 rekayasa web
Tugas 8 rekayasa web
 
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
 
Tugas 8 individuu
Tugas 8 individuuTugas 8 individuu
Tugas 8 individuu
 
Tugas 8 rekayasa web
Tugas 8   rekayasa webTugas 8   rekayasa web
Tugas 8 rekayasa web
 
Tugas rekayasa web
Tugas rekayasa webTugas rekayasa web
Tugas rekayasa web
 

Similar to TUGAS 8 – REKAYASA WEB (KU) - 1311511057 - RADEN DONI WIJOYO

Tugas 8 rekayasa web 1312510231 rostarina
Tugas 8 rekayasa web 1312510231 rostarinaTugas 8 rekayasa web 1312510231 rostarina
Tugas 8 rekayasa web 1312510231 rostarina
osta92
 
Tugas 8 rekayasa web
Tugas 8   rekayasa webTugas 8   rekayasa web
Tugas 8 rekayasa web
ikasulistiyani
 
Ristianawati 2114 r0800 html5
Ristianawati 2114 r0800 html5Ristianawati 2114 r0800 html5
Ristianawati 2114 r0800 html5
Ristianawati
 
Ppt html5
Ppt html5Ppt html5
Ppt html5
rizki pradana
 
HTML5
HTML5HTML5
HTML5
ucienmapcu
 
Html5
Html5Html5
Html5
agus248
 
Tugas 8 Rekayasa Web 0316
Tugas 8 Rekayasa Web 0316Tugas 8 Rekayasa Web 0316
Tugas 8 Rekayasa Web 0316
sapatati
 
02 Teknologi Web
02 Teknologi Web02 Teknologi Web
02 Teknologi Web
Herman Tolle
 
Konsep teknologi web
Konsep teknologi webKonsep teknologi web
Konsep teknologi web
TeukuMahawira
 
fajar satrio Makalah html5
fajar satrio Makalah html5fajar satrio Makalah html5
fajar satrio Makalah html5
Fajar Satrio
 

Similar to TUGAS 8 – REKAYASA WEB (KU) - 1311511057 - RADEN DONI WIJOYO (16)

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
 
Ristianawati 2114 r0800 html5
Ristianawati 2114 r0800 html5Ristianawati 2114 r0800 html5
Ristianawati 2114 r0800 html5
 
Ppt html5
Ppt html5Ppt html5
Ppt html5
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
HTML5
HTML5HTML5
HTML5
 
Html5
Html5Html5
Html5
 
Tugas 8 Rekayasa Web 0316
Tugas 8 Rekayasa Web 0316Tugas 8 Rekayasa Web 0316
Tugas 8 Rekayasa Web 0316
 
02 Teknologi Web
02 Teknologi Web02 Teknologi Web
02 Teknologi Web
 
Html 5
Html 5Html 5
Html 5
 
Hml5 ppt
Hml5 pptHml5 ppt
Hml5 ppt
 
Html 5
Html 5Html 5
Html 5
 
Konsep teknologi web
Konsep teknologi webKonsep teknologi web
Konsep teknologi web
 
Makalah html 5
Makalah html 5Makalah html 5
Makalah html 5
 
fajar satrio Makalah html5
fajar satrio Makalah html5fajar satrio Makalah html5
fajar satrio Makalah html5
 

TUGAS 8 – REKAYASA WEB (KU) - 1311511057 - RADEN DONI WIJOYO

  • 1. TUGAS 8 – REKAYASA WEB KELOMPOK (KU) RADEN DONI WIJOYO - 1311511057
  • 2. 01. Apa itu HTML5 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.
  • 3. 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
  • 4. Apa Fitur - 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.
  • 5. Perbedaan HTML5 dengan Versi sebelumnya
  • 6. 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/
  • 7. WebSocket pada HTML5 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.
  • 8. 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.
  • 9. 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.
  • 10. Contoh Aplikasi yang menggunakan Websocket Dan masih banyak lagi apliaksi lainya yang menggunakan Websocket atau API. Dan pada belakangan ini banyak aplikasi yang bersifat e-commerce mengimplementasikan metode ini untuk bertukar data.