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