HTML 5 TIMOTIUS FLOREAN,

dokumen-dokumen yang mirip
HTML 5. Geolocation Web SQL Database, media penyimpanan database lokal

PENDAHULUAN Yosef Murya Kusuma Ardhana. ST., M.Kom

Sejarah HTML5. Abstrak. Pendahuluan. Reni Resiani Sunmaryati

BAB III Validasi HTML5

BAB III LANDASAN TEORI

BAB II LANDASAN TEORI. di jaman sekarang, namun apakah Anda mengetahui sejarah nya itu?. Mungkin,

FERNANDYA RISKI HARTANTRI / F DASAR-DASAR HTML

WEBGIS. Tujuan. Arna fariza. Setelah menyelesaikan bab ini, anda diharapkan dapat: Memahami tentang Web GIS Mengetahui software2 untuk Web GIS

Bahasa Pemrograman Untuk Pembuatan Web

Pert 11 DASAR-DASAR WEB DESIGN

BAB I PENDAHULUAN. dibungkus dalam satu paket perangkat lunak. Perangkat lunak tersebut

DASAR-DASAR WEB DESIGN

Rekayasa Web: Web Applications. WebOS. Oleh : 1. Qutsiyah Rahilah Novia Sulviatin

HTML 5.0 MULTIMEDIA WEB STANDAR

Interactive Broadcasting

BAB I PENDAHULUAN. 1.1 Latar Belakang

BAB 2 LANDASAN TEORI. Sitem adalah kumpulan dari elemen-elemen yang berinteraksi untuk mencapai tujuan. keluaran. Berikut gambaran umum sebuah sistem.

Modul Praktikum Desain Web 2015

BAB II LANDASAN TEORI. bidang media komunikasi dan informasi. Internet adalah suatu jaringan komputer

BAB 2 LANDASAN TEORI

PEMROGRAMAN BERBASIS WEB. Part 1,2 HTML. By Rolly Yesputra Sekolah Tinggi Manajemen Informatika dan Komputer Royal Kisaran, 2018

BAB 2 LANDASAN TEORI

Untuk siswa Kelas X TKJ SMK Negeri 3 Balikpapan.

BAB 2 LANDASAN TEORI. 2.1 Pengertian Sistem, Informasi dan Sistem Informasi

BAB II TINJAUAN PUSTAKA. Berkaca dari pesatnya laju perkembangan teknologi. modern, sistem penjadwalan guru di sebuah sekolah akan lebih

LOMBA KOMPETENSI SISWA SMK TINGKAT PROPINSI JAWA TIMUR Nganjuk, XX XX Oktober 2016

Perancangan Multimedia untuk World Wide Web Pertemuan 12

BAB II LANDASAN TEORI. Perangkat lunak atau Software adalah perintah (program komputer) yang dieksekusi

Prosedur Menjalankan Program

PENGERTIAN WEB web adalah

Bab 5. Cascading Style Sheet (CSS)

BAB 2 LANDASAN TEORI. Kata komputer (computer) berasal dari bahasa latin computare yang berarti

Materi 2 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya nizar.radliya@yahoo.com

Modul Web Design. Dosen: Nofiyati, S.Kom, M.Kom Program Studi Teknik Informatika Universitas Jenderal Soedirman

BAB 2 TINJAUAN PUSTAKA. : Multi sistem operasi, bisa Windows, Linux, Mac OS, maupun Solaris

BAB II LANDASAN TEORI Konsep Dasar Membangun Aplikasi Berbasis Web

BAB II TINJAUAN PUSTAKA

BAB 2 TINJAUAN TEORI

BAB II LANDASAN TEORI

BAB II TINJAUAN PUSTAKA

BAB I PENDAHULUAN.

Perancangan Website Ujian. Teknik Elektro UNDIP Berbasis HTML

: BADIAH SETYOWATI NIM : : TEKNIK INFORMATIKA (TI) MALAM S1 1. RANGKUMAN

Pelatihan Intel XDK. Modul 1. Pengenalan HTML5, Mobile Application, dan Intel XDK. Dikembangkan oleh Intel Software.

SEJARAH DAN FITUR PADA BROWSER

penulis selama proses pembangunan aplikasi. BAB 2 LANDASAN TEORI Penganut pendekatan elemen adalah Davis (1985) yang mendefinisikan sistem sebagai

Pokok Bahasan 2 Teknologi Dasar Internet dan Web. L. Erawan

PERTEMUAN 4 MANAJEMEN SITUS WEB

BAB I PENDAHULUAN 1.2. Latar Belakang Masalah

BAB II DASAR TEORI. subset perangkat lunak untuk perangkat mobile yang meliputi sistem operasi,

BAB 2 LANDASAN TEORI

BAB 1 PENDAHULUAN. 1.1 Latar Belakang

BAB III LANDASAN TEORI. Pengertian sistem menurut Jogianto (2005 : 2) mengemukakan

BAB 2 LANDASAN TEORI. disebut HTML (HyperText Markup Langauge). Pada perkembangan berikutnya,

BAB II KONSEP DASAR VIDEO STREAMING SERVER. komputer. Komputer server didukung dengan spesifikasi hardware yang lebih

BAB 2 LANDASAN TEORI. tujuan tertentu. Sistem mempunyai karakteristik atau sifat-sifat tertentu, yaitu:

BAB II LANDASAN TEORI

Modul 14 Web Browser, Search Engine, dan

PELATIHAN PHP ALUMNI DAN CALON ALUMNI INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA. By: Julianto Lemantara, S,Kom., M.Eng

BAB IV KONSEP PERANCANGAN

BAB II TINJAUAN PUSTAKA DAN DASAR TEORI. sebuah sistem pencarian lokasi kuliner berbasis mobile web untuk wilayah

Teknologi Multimedia untuk Teknologi Web

BAB 1 PENDAHULUAN. Perkembangan Aplikasi Web yang semakin berkembang pesat sejak munculnya

BAB 2 LANDASAN TEORI

APPLICATION LAYER. Oleh : Reza Chandra

BAB 2 LANDASAN TEORI. 2.1 Sekilas Tentang Sistem Ujian Konevensional

BAB I PENDAHULUAN. 1.1 Latar Belakang

BAB III LANDASAN TEORI. berkembang sejalan dengan perkembangan teknologi informasi. Contoh aplikasi

BAB I PENDAHULUAN 1.1 Latar Belakang

BAB III LANDASAN TEORI

Pertemuan XI Database Connectivity Fak. Teknik Jurusan Teknik Informatika. Caca E. Supriana, S.Si.,MT.

BAB 2 LANDASAN TEORI. Istilah sistem berasal dari bahasa Yunani yaitu systema yang mengandung arti kesatuan

PENGERTIAN WEBSITE DAN FUNGSINYA

Pengenalan Script. Definisi HTML

BAB II LANDASAN TEORI. Event merupakan suatu campuran unik dari durasi, pengaturan, pengurus

Rancang Bangun Aplikasi Permainan Untuk Pembelajaran Anak Menggunakan HTML 5

Nama : Yohandes Efindo NIM : Kelas : F. Terjemahan halaman 4-5. Tag HTML

BAB 2 LANDASAN TEORI. Website atau World Wide Web, sering disingkat sebagai www atau web saja, yakni

BAB II LANDASAN TEORI

BAB 1 PENDAHULUAN. 1.1 Latar Belakang Masalah

PENGANTAR KOMPUTER DAN TI 2C

PEMROGRAMAN WEB 1 CSS

BAB II TINJAUAN PUSTAKA. Website merupakan kumpulan dari halaman halaman yang berhubungan dengan

BAB II TINJAUAN PUSTAKA

HTML. Hypertext Markup Language. Pemrograman Web 1. Genap

TUGAS AKHIR PEMBUATAN E-COMMERCE TOKO BUKU DENGAN ASP DAN DATABASE ODBC

BAB 2 LANDASAN TEORI

BELAJAR HTML DASAR CARA MEMBUAT TABEL

BAB III LANDASAN TEORI

PENDIDIKAN MATEMATIKA UNIVERSITAS KANJURUHAN MALANG

BAB II LANDASAN TEORI

BAB 1 PENDAHULUAN 1.1 Latar Belakang Masalah

BAB 1 PENDAHULUAN. penuntun bagi mereka yang ingin mencari sesuatu yang ingin mereka ketahui, tetapi

Manfaat CSS dalam Pembuatan Website

Pengenalan Dasar HTML 5. Author : Minarni, S.Kom.,MM Universitas Darwan Ali Sampit - KALTENG

BAB II Landasan Teori 2.1 Kajian Pustaka

ULANGAN UMUM SEKOLAH SMA ISLAM AL-IZHAR PONDOK LABU TAHUN PELAJARAN 2012/2013

BAB 1 PENDAHULUAN. 1.1 Latar Belakang. Psikotest adalah tes yang dilakukan untuk mengukur aspek individu secara psikis. Tes

BAB 2 TINJAUAN PUSTAKA. memerlukan Jaringan Internet. Namun Tentu saja filenya berada di komputer

PERANCANGAN APLIKASI MULTIMEDIA INTERAKTIF BELAJAR BERHITUNG UNTUK USIA BALITA BERBASIS WEB

Transkripsi:

HTML 5 TIMOTIUS FLOREAN, 111120124

Apa itu HTML 5? HTML5 adalah sebuah markup language 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.

Apa itu HTML 5? 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 (Source : Wikipedia)

FITUR BARU PADA HTML 5

1. SEMANTICS Semantics disini merupakan fitur yang dijadikan unggulan dalam HTML5. Pada HTML sebelumnya banyak web designer yang menggunakan elemen div, nav, dan lainnya. Pada HTML5 hal seperti itu sudah tidak digunakan dengan adanya semantics akan menjadi masa depan tag layout dan format yang membuat web akan lebih dinamis serta lebih menarik.

2. OFFLINE & STORAGE Web Apps bisa mulai lebih cepat dan bekerja bahkan jika tidak ada koneksi internet, berkat Cache App HTML5, serta Local Storage, Indexed DB, dan spesifikasi file API. Local Storage ini mempunyai fungsi sebagai pengganti cache sebagai media penyimpanan history halaman web. Memungkinkan web untuk menyimpan data cache lebih besar di storage local-nya daripada cache pada browser biasa.

3. DEVICE ACCESS HTML5 menyediakan API yang sangat powerful untuk berinteraksi dengan data biner dan sistem file lokal pengguna. File API memberikan kemampuan kepada aplikasi web untuk melakukan hal-hal seperti membaca file secara serentak, membuat arbitrary Blobs, menulis file ke lokasi sementara, membaca direktori file secara rekrusif, melakukan drag and drop sebuah file dari desktop ke browser, dan mengupload data biner menggunakan XMLHttpRequest2.

4. CONNECTIVITY Konektivitas yang lebih efisien berarti chatting dengan lebih real-time, game yang lebih cepat, dan komunikasi yang lebih baik. Web Sockets dan Server-Sent Events mendorong data antara klien dan server yang lebih efisien daripada sebelumnya.

5. MULTIMEDIA Audio dan Video menjadi warga negara kelas satu di web dengan HTML5 dengan cara yang sama bahwa jenis media lainnya seperti gambar lakukan di masa lalu. Melalui API barunya Anda dapat mengakses, mengontrol dan memanipulasi data waktu. Dengan penambahan pada API Anda akan dapat membaca dan menulis raw data ke file audio (Audio Data API) atau memanipulasi captions dalam video (Timed Jalur API). Tapi kekuatan sesungguhnya dari elemen-elemen HTML baru menonjol ketika dikombinasikan dengan teknologi lain dari web stack, baik itu Canvas, SVG, CSS atau bahkan WebGL.

6. 3D, GRAPHICS & EFFECTS Web selalu menjadi media visual. Sampai saat ini, pengembang HTML terbatas pada CSS dan JavaScript untuk menghasilkan animasi atau efek visual untuk situs Web mereka, atau mereka harus bergantung pada sebuah plugin seperti Flash. Dengan penambahan teknologi seperti elemen Canvas, Web GL, dan SVG images, ini tidak lagi terjadi! Bahkan, ada banyak fitur baru yang berhubungan dengan grafis di web seperti Canvas 2D, WebGL, SVG, 3D CSS transforms, dan SMIL.

7. Performance & Integration Membuat Web Apps dan web dinamis yang lebih cepat dengan berbagai teknik dan teknologi seperti Web Workers dan XMLHttpRequest 2. Dengan diperkenalkannya CSS3, belum pernah lebih mudah untuk membuat situs yang kaya dan indah dan aplikasi dalam HTML. Ada banyak teknologi baru dan ekstensi untuk CSS3 termasuk 2D Transformations, Transition, 3D Transforms dan Webfonts.

8. CSS3 STYLING CSS3 memberikan berbagai stilisasi dan efek, meningkatkan aplikasi web tanpa mengorbankan struktur semantik atau kinerja. Selain itu Web Open Font Format (WOFF) memberikan fleksibilitas dan kontrol tipografi jauh melampaui apa yang telah ditawarkan oleh web-web sebelumnya.