Tugas 8 – rekayasa web

7
TUGAS 8 – REKAYASA WEB Universitas Budi Luhur Fakultas Teknologi Informasi Program Studi Sistem Informasi Periode 0316 Tahun 2016 Oleh Gilbert Abednego 1312511049

Transcript of Tugas 8 – rekayasa web

Page 1: Tugas 8 – rekayasa web

TUGAS 8 – REKAYASA WEB

Universitas Budi LuhurFakultas Teknologi InformasiProgram Studi Sistem InformasiPeriode 0316 Tahun 2016

OlehGilbert Abednego

1312511049

Page 2: Tugas 8 – rekayasa web

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

Page 3: Tugas 8 – rekayasa web

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.

Page 4: Tugas 8 – rekayasa web

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

Page 5: Tugas 8 – rekayasa web

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.

Page 6: Tugas 8 – rekayasa web

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

Page 7: Tugas 8 – rekayasa web

Thank You

Gilbert Abednego