SlideShare a Scribd company logo
1 of 7
TUGAS 8 – REKAYASA WEB
Universitas Budi Luhur
Fakultas Teknologi Informasi
Program Studi Sistem Informasi
Periode 0316 Tahun 2016
Oleh
Gilbert Abednego
1312511049
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 dan
hingga bulan Juni 2011 masih dalam pengembangan.
Tujuan dibuatnya HTML5 antara lain :
- Fitur baru harus didasarkan pada HTML, CSS, DOM , dan JavaScript.
- Mengurangi kebutuhan untuk plugin eksternal (seperti Flash).
- Penanganan kesalahan yang lebih baik.
- Lebih banyak markup untuk menggantikan scripting.
- HTML5 merupakan perangkat mandiri.
Dukungan browser yang support HTML5 :
- Chrome
- Safari Apple v.4+
- Internet Explorer 9
- Opera
- Maxthon
- Firefox 4, 5, 6 dan seterusnya
HTML 5
Fitur baru dalam 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,
navigation, section.
- Bentuk kontrol form seperti kalender, tanggal, waktu, e-mail, URL, search.
Beberapa kelebihan yang ada pada HTML5 :
- Dapat ditulis dalam sintaks HTML (dengan tipe media text/HTML) danXML.
- Integrasi yang lebih baik dengan aplikasi situs dan pemrosesannya.
- Integrasi ('inline') dengan doctype yang lebih sederhana.
- Penulisan kode yang lebih efisien.
- Konten yang ada di situs lebih mudah terindeks oleh search engine.
Perbedaan HTML 5 dengan Versi
sebelumnya
HTML 5 HTML Sebelumnya
- Ditulis dalam dua sintak yaitu
html dan XML yang disesuaikan
dengan kebutuhan pemrogram,
pasar atau aplikasi.
- Menggunakan aturan sintak
SGML
- Mudah mengintegrasikan Video
& Audio
- Belum bisa mengintegrasikan
Video &Audio
-Terdapat elemen-elemen baru :
seperti Section, Header, Footer,
Nav, Article
- Belum terdapat elemen-elemen
seperti Section, Header, Footer,
Nav, Article
WebSocket pada HTML 5
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 clientatau 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.
WebSocket pada HTML 5
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
Thank You
Gilbert Abednego

More Related Content

What's hot (6)

Tugas 8
Tugas 8Tugas 8
Tugas 8
 
Html5
Html5Html5
Html5
 
Tugas 6
Tugas 6Tugas 6
Tugas 6
 
Rekayasa web 0916 tugas 4 (individu)
Rekayasa web 0916 tugas 4 (individu)Rekayasa web 0916 tugas 4 (individu)
Rekayasa web 0916 tugas 4 (individu)
 
Tugas rekweb 4
Tugas rekweb 4Tugas rekweb 4
Tugas rekweb 4
 
Tugas ii . suhena
Tugas ii . suhenaTugas ii . suhena
Tugas ii . suhena
 

Similar to Tugas 8 – rekayasa web

Similar to Tugas 8 – rekayasa web (20)

Tugas 8 rekayasa web
Tugas 8   rekayasa webTugas 8   rekayasa web
Tugas 8 rekayasa web
 
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
 
Tugas 8 rekweb
Tugas 8   rekwebTugas 8   rekweb
Tugas 8 rekweb
 
Html5 ppt
Html5 pptHtml5 ppt
Html5 ppt
 
Ppt html5
Ppt html5Ppt html5
Ppt html5
 
HTML5
HTML5HTML5
HTML5
 
Html 5
Html 5Html 5
Html 5
 
Html5
Html5Html5
Html5
 
Tugas8 ku-0316-debbiemistikaweni-1412510982
Tugas8 ku-0316-debbiemistikaweni-1412510982Tugas8 ku-0316-debbiemistikaweni-1412510982
Tugas8 ku-0316-debbiemistikaweni-1412510982
 
Html 5
Html 5Html 5
Html 5
 
PPT HTML5
PPT HTML5PPT HTML5
PPT HTML5
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Hml5 ppt
Hml5 pptHml5 ppt
Hml5 ppt
 
Tugas 8 rekayasa web
Tugas 8   rekayasa webTugas 8   rekayasa web
Tugas 8 rekayasa web
 
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
Tugas 8 rekayasa webTugas 8 rekayasa web
Tugas 8 rekayasa web
 
Powerpoint Html5
Powerpoint Html5Powerpoint Html5
Powerpoint Html5
 
Ppt html5 rully_amrizal_1102412020
Ppt html5 rully_amrizal_1102412020Ppt html5 rully_amrizal_1102412020
Ppt html5 rully_amrizal_1102412020
 

More from Gilbert Abednego

More from Gilbert Abednego (9)

Tugas 10 – rekayasa web
Tugas 10 – rekayasa webTugas 10 – rekayasa web
Tugas 10 – rekayasa web
 
Tugas 9 – rekayasa web
Tugas 9 – rekayasa webTugas 9 – rekayasa web
Tugas 9 – rekayasa web
 
Kelompok 6
Kelompok 6Kelompok 6
Kelompok 6
 
Tugas 7 – rekayasa web
Tugas 7 – rekayasa webTugas 7 – rekayasa web
Tugas 7 – rekayasa web
 
Tugas 6 – rekayasa web
Tugas 6 – rekayasa webTugas 6 – rekayasa web
Tugas 6 – rekayasa web
 
Tugas 5 – rekayasa web
Tugas 5 – rekayasa webTugas 5 – rekayasa web
Tugas 5 – rekayasa web
 
Tugas 4 – rekayasa web
Tugas 4 – rekayasa webTugas 4 – rekayasa web
Tugas 4 – 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
 

Tugas 8 – rekayasa web

  • 1. TUGAS 8 – REKAYASA WEB Universitas Budi Luhur Fakultas Teknologi Informasi Program Studi Sistem Informasi Periode 0316 Tahun 2016 Oleh Gilbert Abednego 1312511049
  • 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 dan hingga bulan Juni 2011 masih dalam pengembangan. Tujuan dibuatnya HTML5 antara lain : - Fitur baru harus didasarkan pada HTML, CSS, DOM , dan JavaScript. - Mengurangi kebutuhan untuk plugin eksternal (seperti Flash). - Penanganan kesalahan yang lebih baik. - Lebih banyak markup untuk menggantikan scripting. - HTML5 merupakan perangkat mandiri. Dukungan browser yang support HTML5 : - Chrome - Safari Apple v.4+ - Internet Explorer 9 - Opera - Maxthon - Firefox 4, 5, 6 dan seterusnya
  • 3. HTML 5 Fitur baru dalam 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, navigation, section. - Bentuk kontrol form seperti kalender, tanggal, waktu, e-mail, URL, search. Beberapa kelebihan yang ada pada HTML5 : - Dapat ditulis dalam sintaks HTML (dengan tipe media text/HTML) danXML. - Integrasi yang lebih baik dengan aplikasi situs dan pemrosesannya. - Integrasi ('inline') dengan doctype yang lebih sederhana. - Penulisan kode yang lebih efisien. - Konten yang ada di situs lebih mudah terindeks oleh search engine.
  • 4. Perbedaan HTML 5 dengan Versi sebelumnya HTML 5 HTML Sebelumnya - Ditulis dalam dua sintak yaitu html dan XML yang disesuaikan dengan kebutuhan pemrogram, pasar atau aplikasi. - Menggunakan aturan sintak SGML - Mudah mengintegrasikan Video & Audio - Belum bisa mengintegrasikan Video &Audio -Terdapat elemen-elemen baru : seperti Section, Header, Footer, Nav, Article - Belum terdapat elemen-elemen seperti Section, Header, Footer, Nav, Article
  • 5. WebSocket pada HTML 5 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 clientatau 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.
  • 6. WebSocket pada HTML 5 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