tugas 8 rekayasa web 0316

1412511667 SRI HARTATIK 1


Mengenal HTML

HTML merupakan singkatan dari HyperText Markup Language. HTML adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Sedangkan HTML5 merupakan versi terbaru HTML yang dirilis pada Oktober 2014, dengan menerapkan beragam perubahan yang siginifikan


Perubahan Pada Fitur HTML5

Diperkenalkannya elemen-elemen semantic, yaitu elemen yang penamaannya disesuaikan dengan fungsi dan kegunaannya. Diperkenalkannya fitur untuk menggambar. Diperkenalkannya elemen elemen multimedia baru. Elemen Form memiliki sejumlah tag baru, atribut baru dan tipe tipe atribut baru. Penyederhanaan Penulisan Kode ( Sintaks ) Sejumlah tag pada HTML versi lama sudah tidak digunakan lagi.


Teknologi yang membedakan HTML5 dengan Versi Sebelumnya

SEMANTICS, HTML5 memungkinkan untuk semantiic, sehinga semakin banyak mnafaat dalam pengolahannya, diperkaya dengan tag-tag yang sebelumnya belum ada. OFFLINE & STORAGE, Aplikasi HTML5 lebih cepat dan bekerja bahkan jika tidak ada koneksi internet, berkat cache App. Penyimpanan Lokal, DB Indexed dan API File. DEVICE ACCESS, Dengan geo-location, HTML5 akan membantu aplikasi untuk mengakses perangkat luar browser dan terhubung ke komputer.

MULTIMEDIA, Memungkinkan untuk membuat sendiri Video Player maupun Audio Untuk dipasangkan di Website.


CONNECTIVITY, Konektivitas yang lebih efisien berarti memungkinkan untuk chat real-time, game dan komunikasi yang lebih baik. Soket Web dan kegiatan pengiriman ke server data antara klien dan server lebih efisien daripada sebelumnya.

3D, GRAPHIC & EFFECTS, Antara SVG, Canvas, WebGL dan Fitur 3D CSS3 memungkinkan untuk efek efek yang menakjubkan dan memukau tampilan web.

PERFORMANCE & INTEGRATION, Membuat aplikasi web, dan web lebih cepat dengan berbagai teknik dan teknologi seperti pekerja web dan XMLHttpRequest. CSS3, Didukungg dengan CSS3 yang akan membuat efek efek lebih cantik dan lebih cepat karena berbasis di CSS. Seperti membuat gradasi, shadow, font face dan banyak lagi.


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. http://www.thisshell.com/

http://www.thisshell.com/

http://www.thisshell.com/


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. http://lostworldsfairs.com/

http://lostworldsfairs.com/

http://lostworldsfairs.com/


WebSocket merupakan bagian dari HTML5. 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. ( Wikipedia).

SEJARAHMembuat aplikasi web yang membutuhkan komunikasi bi-directional antara client dan server ( misal Instant Messaging dan aplikasi game) membutuhkan resource yang besar bagi protokol HTTP. Hal tersebut menimbulkan permasalahan sebagai berikut :


• Server dipaksa untuk menggunakan sejumlah koneksi TCP ke setiap client, satu untuk mengirim informasi ke client dan satunya lagi untuk pesan yang akan datang.• Protokol dengan media kabel memiliki potensi overhead yang tinggi, karena masing-masing pesan client-server memiliki HTTP-Header.• Script di sisi client dipaksa untuk mempertahankan proses mapping dari koneksi yang dikeluarkan ke koneksi yang datang untuk melacak balasan.


Dengan permasalahan di atas, solusi terbaik adalah dengan menggunakan koneksi single-TCP utnuk melayani lalu-lintas dua-arah.HTML5 Web Socket dapat mengurangi secara signifikan gangguan pada lalu lintas jaringan.HTML5 Web Socket juga dapat diimplementasikan dengan proxy dan firewall, memungkinkan streaming untuk berjalan di koneksi apapun., dan dengan kemampuan untuk melayanani komunikasi upstream dan downstream dengan satu koneksi, aplikasi yang menggunakan HTML5 Web Socket dapat mengurangi beban pada server yang berimplikasi dengan kemampuan server untuk melayani lebih banyak lagi koneksi konkuren. Gambar di bawah ini menunjukan arsitektur WebSocket dimana Browser menggunakan sebuah koneksi WebSocket untuk full-duplex, terhubung langsung dengan remote hosts.

tugas 8 rekayasa web 0316

Education