2. SOAL
Jelaskan mengenai HTML5 !, berikan
perbedaan-perbedaan dengan versi HTML
sebelumnya dan berikan contoh web yang
telah mengimplementasikan HTML5 1
Apa yang anda ketahui tentang WebSocket
pada HTML5, berikan contoh applikasinya !
3. 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
4. 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
5. 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.
6. PERBEDAAN HTML5 DENGAN VERSI SEBELUMNYA
HTML 5 memperkenalkan elemen baru ke HTML untuk pertama kalinya sejak tahun 1990-an.
Unsur struktural baru termasuk aside, figure, dan section. Elemen inline baru seperti waktu,
meter, dan progress.Termasuk Elemen Embedding baru seperti video dan audio. Elemen
interaktif baru mencakup details, datagrid, dan command.
Vokabular HTML dari jaman sebalumnya (HTML+, HTML 2.0, HTML 3.2) umumnya ditulis
menggunakan aturan sintak SGML. Pada HTML 4 telah diterapkan dua sintak yaitu: SGML
(disebut sebagai HTML 4.01) dan XML (disebut XHTML 1.0).
HTML 5 mendefinisikan kelima revisi besar bahasa inti dari World Wide Web – HTML – dari
W3C (World Wide Web Consortium). Juga disebut Aplikasi Web 1.0 – masih ada tidak ada
ruang nama atau skema. Unsur tidak harus ditutup. Browser akan mengampuni kesalahan.
Sebuah p masih p, dan meja masih meja.
HTML 5 menambahkan unsur-unsur baru untuk secara khusus mengidentifikasi masing-masing
konstruksi umum:
*Section: Sebuah bagian atau bab dalam sebuah buku, sebuah bagian dalam sebuah
bab, atau pada dasarnya apa pun yang memiliki pos sendiri dalam HTML 4
*Header: header Halaman yang ditampilkan pada halaman , tidak sama dengan unsur
kepala
*Footer: Halaman footer di mana baik cetak pergi; tanda tangan dalam sebuah pesan e-
mail
*Nav: Koleksi link ke halaman lain
*Article: Sebuah entri independen dalam sebuah blog, majalah, ringkasan, dan
sebagainya
Dalam HTML5 banyak kelebihan nya dibanding dengan versi HTML yang sebelum nya.
Terdapat juga fitur fitus canggih pada HTML5. Dengan HTML5, pengembangan aplikasi web
adalah lebih mudah dibandingkan sebelumnya.
7. 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/
8. 2. APA YANG ANDA KETAHUI TENTANG WEBSOCKET PADA
HTML5, BERIKAN CONTOH APPLIKASINYA !
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.
9. 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.
10. 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.