Tugas 8 rekayasa web membahas HTML5, perbedaan HTML5 dengan versi sebelumnya, dan contoh implementasi HTML5. WebSocket dijelaskan sebagai teknologi komunikasi dua arah melalui TCP yang dirancang untuk browser dan server web.
2. Jelaskan mengenai HTML5 !, berikan perbedaan-
perbedaan dengan versi HTML sebelumnya dan
berikan contoh web yang telah
mengimplementasikan HTML5 1
HTML5 adalah sebuah bahasa markah untuk
menstrukturkan dan menampilkan isi dari Waring Wera
Wanua, sebuah teknologi inti dari Internet. HTML5 adalah
revisi kelima dari HTML (yang pertama kali diciptakan pada
tahun 1990 dan versi keempatnya, HTML4, pada tahun
1997) dan hingga bulan Juni 2011 masih dalam
pengembangan
Pada dasarnya HTML5 adalah gabungan ‘best practice‘
dari HTML 4.01 dan XHTML. Hampir semua tag atau
elemen pada HTML 4.01 maupun XHTML 1.1 dapat
digunakan dalam HTML5..
3. Perbedaan-perbedaan dengan versi
HTML sebelumnya
Penulisan doctipe pada HTML5 lebih sederhana. Mungkin
inilah perbedaan paling mencolok dari halaman HTML yang
ditulis menggunakan HTML5 atau tidak. Penulisan Doctype
atau DTD pada HTML5 menjadi lebih sederhana:
<!DOCTYPE html>.
Penulisan type atribut untuk tag <style> dan <script> tidak
diperlukan pada HTML5. Hal ini karena secara default web
browser akan menggunakan text/css untuk tag <style>, dan
text/javascript untuk tag <script>. Sebagai contoh, untuk
menggunakan external CSS, Pada HTML versi sebelumnya
kita menuliskan tag <style> secara lengkap: <style
type=”text/css”>…kode CSS… </style>, namun dalam
HTML5 kita bisa membuatnya lebih sederhana:
<style>…..kode CSS…..</style>
Penulisan meta tag karakter set (charset) pada HTML5
menjadi lebih sederhana: <meta charset=”utf-8″>,
dibandingkan versi sebelumnya: <meta http-
equiv=”content-type” content=”text/html;charset=UTF-8″
/>.
4. Pada HTML5, tag yang berdiri sendiri (void element) tidak
harus ditutup seperti dalam XHTML. Penulisan tag <br>
(break) dapat ditulis dengan <br> maupun <br />.
Walaupun tidak dianjurkan, sebuah tag pada HTML5 boleh
ditulis tanpa tag awal atau tanpa tag akhir. Sebagai contoh,
kita tidak perlu menutup tag <p> dengan tag </p>.
Penulisan tag dan atribut adalah case-insensitive di dalam
HTML5, sehingga tag <p> dan tag <P> akan dianggap sama.
Hal ini berbeda dengan XHTML yang mengharuskan seluruh
tag ditulis dalam huruf kecil.
Penulisan atribut tidak harus di dalam tanda kutip. Sebagai
contoh: <p class=satu> adalah valid. Namun jika nilai atribut
terdiri dari karakter spasi, maka tetap harus menggunakan
tanda kutip, seperti: <p class=”satu dua tiga”>.
HTML5 mendukung multimedia secara langsung
menggunakan tag <audio> dan <video>, sehingga kita tidak
perlu tergantung kepada aplikasi pihak ke-3 seperti flash
player.
HTML 5 hanya memiliki 1 versi, tidak seperti pendahulunya
yang memiliki 3 versi (pada HTML 4 dan XHTML, anda akan
menemukan versi strict, transitional, dan frameset)
5. Contoh web yang telah
mengimplementasikan HTML5
1. This Shell
Website ini Shell adalah percobaan HTML5 diciptakan oleh
Studios kerja keras yang mempromosikan album baru Gamit itu
"Parts" dengan cara lebih menyenangkan dan bermanfaat. Situs
ini menyajikan penggemar dengan teka-teki video yang jika
diselesaikan, sebelum musik berakhir, memungkinkan mereka
akses ke free mp3 download lagu.
6. 2. Lost Worlds Fair
Situs Fair Lost World ini dikembangkan untuk menampilkan
kemampuan HTML5 yang melekat dalam IE9 dengan membuat poster
interaktif yang membawa pengguna dalam perjalanan menuju tiga
Lokal dongeng. Dengan menggunakan mouse anda untuk scroll ke
bawah setiap pengunjung poster yang diizinkan untuk mengungkap
misteri lebih lanjut tersembunyi di setiap lokasi.
7. Apa yang anda ketahui tentang WebSocket
pada HTML5, berikan contoh applikasinya
!
WebSocket adalah Teknologi yang menyediakan
kanal komunikasi bi-directional, full-duplex melalui
socket Transmission Control Protocol (TCP), dan
dirancang untuk diimplementasikan di web browser
serta web server, dan tidak terlepas kemungkinan
untuk dimanfaatkan oleh aplikasi native client-server.