Tugas 8 ki-0316-alvin yosua-1411510454

7
REKAYASA WEB Tugas 8 Individu Nama : Alvin Yosua NIM : 1411510454

Transcript of Tugas 8 ki-0316-alvin yosua-1411510454

Page 1: Tugas 8 ki-0316-alvin yosua-1411510454

REKAYASA WEBTugas 8 Individu

Nama : Alvin YosuaNIM : 1411510454

Page 2: Tugas 8 ki-0316-alvin yosua-1411510454

1. Jelaskan mengenai HTML5 !, berikan perbedaan-perbedaan dengan versi HTML sebelumnya dan berikan contoh web yang telah mengimplementasikan

HTML5 !

• 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 (yang pertama kali diciptakan pada tahun 1990 dan versi keempatnya, HTML4, pada tahun 1997) dan hingga bulan Juni 2011 masih dalam pengembangan. Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.HTML5 merupakan salah satu karya World Wide Web Consortium (W3C) untuk mendefinisikan sebuah bahasa markah tunggal yang dapat ditulis dengan cara HTML ataupun XHTML. HTML5 merupakan jawaban atas pengembangan HTML 4.01 dan XHTML 1.1 yang selama ini berjalan terpisah, dan diimplementasikan secara berbeda-beda oleh banyak perangkat lunak pembuat web.

Page 3: Tugas 8 ki-0316-alvin yosua-1411510454

Perbedaan HTML 5 dengan HTML 4

Page 4: Tugas 8 ki-0316-alvin yosua-1411510454

Contoh beberapa web yang sudah mengimplemetasikan html5:

•http://muro.deviantart.com/ Sebuah aplikasi web “drawing” yang memiliki efek menarik di brush

toolnya. DeviantART muro juga mendukung fitur layering serta fitur “save on the fly” yang tentunya menggunakan konsep cloud computing.

•http://www.paulbrunt.co.uk/bert/Contoh penggunaan HTML 5 untuk membuat game bisa anda lihat disini.

Grafis yang disuguhkan cukup halus di game ini. Bert’s Breakdown mampu menunjukan bagaimana keunggulan HTML 5 di dunia web based game development.

•http://www.schillmania.com/projects/soundmanager2/demo/360-player/canvas-visualization.html

Pemutar audio berbasis HTML 5 ini cukup menarik. Dengan didukung UI yang mempercantik tampilan player nya, serta implementasi animasi yang cukup rumit, membuat website ini menunjukan kekuatan HTML 5 di segi multimedia. Khususnya untuk konten audio.

Page 5: Tugas 8 ki-0316-alvin yosua-1411510454
Page 6: Tugas 8 ki-0316-alvin yosua-1411510454

2. Apa yang anda ketahui tentang WebSocket pada HTML5, berikan contoh applikasinya !

• WebSocket didefinisikan sebagai sebuah Application Programming Interfaces (API) yang membuat koneksi "socket" antara web browser dan server. Dalam kata polos: Ada sebuah koneksi tetap antara klien dan server, dan kedua pihak dapat memulai mengirim data kapan saja.

• WebSocket merupakan bagian dari HTML5. WebSocket menghadirkan pengurangan besar dalam lalu-lintas jaringan yang tidak penting dan latency dibandingkan dengan solusi polling dan long-polling yang telah digunakan untuk mensimulasikan koneksi dua arah dengan cara menjaga dua koneksi tetap terhubung.

Page 7: Tugas 8 ki-0316-alvin yosua-1411510454

Beberapa contoh komponen aplikasi server untuk WebSocket :

• Socket.IO (Javascript)• SignalR (.Net)• Jetty (JVM)• Event Machine (Ruby)• Tornado (Python)