Sejarah HTML5. Abstrak. Pendahuluan. Reni Resiani Sunmaryati

dokumen-dokumen yang mirip
BAB III Validasi HTML5

Interactive Broadcasting

HTML 5 TIMOTIUS FLOREAN,

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

BAB III LANDASAN TEORI

HTML 5. Geolocation Web SQL Database, media penyimpanan database lokal

HTML 5.0 MULTIMEDIA WEB STANDAR

BAB 2 LANDASAN TEORI

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

LAPORAN PRAKTIKUM 2 FLASH, VIDEO DAN AUDIO

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

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

Belajar Dasar HTML 5. It s all about 4rt, not how smart you are. S u p p o r t e d b y : [ C y b e r 4 r t C r e w ]

PENGERTIAN WEB web adalah

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

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

Bahasa Pemrograman Untuk Pembuatan Web

Pert 11 DASAR-DASAR WEB DESIGN

UKDW BAB 1 PENDAHULUAN

FERNANDYA RISKI HARTANTRI / F DASAR-DASAR HTML

DASAR-DASAR WEB DESIGN

LAPORAN RESMI. PRAKTIKUM TEKNOLOGI WEB Flash Audio Video

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

Cara Membuat Halaman Form Dengan Bootstrap CDN

Jurnal Sarjana Teknik Informatika e-issn: Volume 2 Nomor 2, Juni 2014

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

Penjelasan Singkat Tentang HTML 5

Mahasiswa memahami Pengertian, fungsi, aplikasi untuk menjalankan JavaScript, cara menjalankan kode, cara memasukkan kode JavaScript ke dalam HTML

Modul Praktikum Web Statis Disusun : Wahyu Widodo, S.Kom.,M.Kom

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

BAB 1 PENDAHULUAN. 1.1 Latar Belakang

BELAJAR HTML DASAR CARA MEMBUAT TABEL

PENGANTAR KOMPUTER DAN TI 2C

BAB II Landasan Teori 2.1 Kajian Pustaka

BAB IV DESAIN DAN IMPLEMENTASI

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

Materi 9 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya

BROWSER INTERNET UHRIA. Abstrak. Pendahuluan. Pembahasan.

Dasar Pemrograman Web. Pemrograman Web. Adam Hendra Brata

BAB I PENDAHULUAN A. Latar Belakang Masalah B. Rumusan Masalah

BAB 1 PENDAHULUAN. 1.1 Latar Belakang Masalah

HTML. Hypertext Markup Language. Pemrograman Web 1. Genap

Dasar Pemrograman Web. Pemrograman Web. Adam Hendra Brata

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

BAB II. TINJAUAN PUSTAKA

Gambar 3.1 Diagram Alir aplikasi pada Klien Sistem berjalan.

Prosedur Menjalankan Program

DESAIN WEB STATIS DAN HTML. Dahlan Abdullah Website :

Pemrograman Web Teknik Informatika Fakultas Teknologi Industri

Mengenal Web Dinamis dan Statis Serta Perbedaanya

Pengenalan Script. Definisi HTML

Komputer Perkantoran. Salhazan Nasution, S.Kom

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

: ANALISIS DAN PERANCANGAN SISTEM. berbasis web dengan gambaran umum rancangannya.

Perancangan Website Ujian. Teknik Elektro UNDIP Berbasis HTML

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

Penjelasan Tentang Microsoft Silverlight

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

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

DASAR-DASAR Web Programing(WP) copyright by : japikinfo.com

BAB II TINJAUAN PUSTAKA

BAB 2 LANDASAN TEORI

BAB I PENDAHULUAN. Perkembangan ilmu pengetahuan dan teknologi (IPTEK) dewasa ini telah

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

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

LAPORAN RESMI. Flash, Audio dan Video. Dosen Pembimbing : Dwi SusantoS. ST, MT. Oleh Hamidah Nur Hidayati

IMPLEMENTASI AZURE MEDIA SERVICES UNTUK VIDEO STREAMING

BAB II TINJAUAN PUSTAKA

6 APLIKASI WEB BROWSER TERBAIK SAAT INI

Untuk siswa Kelas X TKJ SMK Negeri 3 Balikpapan.

BAB II LANDASAN TEORI

C. Ms Powerpoint D. Notepad E. Ms Acces

BAB 1 PENDAHULUAN. pendidikan, terapi, kedokteran, psikologi, olahraga dan lain-lain. menjadi salah satu bagian kebutuhan yang sifatnya mendapatkan

Komunikasi Multimedia

BAB II TINJAUAN PUSTAKA. Multimedia dapat diartikan sebagai penggunaan beberapa media

Komputer Perkantoran. Internet. Salhazan Nasution, S.Kom

TAMPILAN PC / LAPTOP Bagian atas - Beranda. Klik Logo ini untuk kembali ke halaman Beranda Informasi nomor Customer Service

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN ILMU KOMPUTER STMIK EL AHMA YOGYAKARTA

PEMROGRAMAN WEB 10 Introduction to HTML5

BAB III LANDASAN TEORI

Perancangan Multimedia untuk World Wide Web Pertemuan 12

BAB 1 PENDAHULUAN. Semakin berkembangnya teknologi internet maka kebutuhan dalam memperoleh

PENGANTAR INTERNET & DESAIN WEB

BAB II TINJAUAN PUSTAKA

Pengantar Pemrograman Internet

LAPORAN PRAKTIKUM MONITORING BERBASIS WEB

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

MENGENAL JAVA APPLET. Wiranti Sri Utami. Abstrak. Pendahuluan.

Bab 2 Tinjauan Pustaka 2.1 Penelitian Terdahulu

PORTAL WEB. memantau dan mengawasi pembuatan dan pengembangan portal web (website) di Unit Organisasi masing-masing.

PERTEMUAN 4 MANAJEMEN WEB

PERANCANGAN APLIKASI MULTIMEDIA INTERAKTIF BELAJAR BERHITUNG UNTUK USIA BALITA BERBASIS WEB

Perancangan Antarmuka Layanan Informasi Wisata dan Kuliner di DIY Berbasis Web dan Mobile Web

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

EKSPLORASI HTML5 DENGAN STUDI KASUS JEJARING SOSIAL UNTUK PEMBELAJARAN KOLABORATIF

PEMROGRAMAN WEB 1 CSS

HTML Uncover. Duniailkom Duniailkom

BAB III LANDASAN TEORI. Sistem merupakan kumpulan dari sub-sub sistem, elemen-elemen,

BAB II LANDASAN TEORI

Transkripsi:

Sejarah HTML5 Reni Resiani Sunmaryati resiani.reni@yahoo.com Abstrak HTML5 adalah suatu spesifikasi sebagai hasil perbaikan dari standard HTML sebelumnya yang dikeluarkan oleh W3C (World Wide Web Consortium) dan partner kerjanya yaitu web hypertext application technology working group. HTML 5 itu adalah versi terbarunya dari HTML yang dibuat oleh World Wide Web Consortium (W3C). Konsep pertamanya sudah dipublikasikan pada tahun 2008, tetapi tidak banyak yang menggunakannya hingga tahun 2011. Pada tahun 2011, HTML5 diterbitkan sepenuhnya dan orang-orang mulai menulis dan menggunakannya, namun penerapannya pada masing-masing browser yang berbeda masih bisa dibilang buruk. Sekarang, seluruh browser utama (Chrome, Safari, Firefox, Opera, IE) dapat mendukung HTML5, sehingga teknologi HTML terbaru dapat digunakan dengan baik. Kata Kunci: Teknologi, HTML5 Pendahuluan Seiring dengan kemajuan perkembangan jaman, maka banyak yang sudah berubah dibumi ini. HTML5 mulai dikenal oleh masyarakat pada tahun 2010 meskipun sudah dikenal sejak lama oleh para pengembang web. Dengan adanya HTML5, adobe flash sudah tidak dibutuhkan lagi untuk menyaksikan video di web. HTML5 dapat bekerja dengan CSS3 dan masih dalam tahap pengembangan. Sejak peluncurannya, HTML5 selalu mengalami pengembangan, W3C terus menambahkan dan mengembangkan fiturfitur pada HTML5. Disini kita akan membahas lebih lanjut tentang HTML5.

Pembahasan HTML5 adalah suksesor dari HTML 4.01 yang diterbitkan pertama kali tahun 1999. Sejak saat itu, internet telah berubah secara signifikan dan kehadiran HTML5 terlihat sangat diharapkan. HTML5 dikembangkan berdasarkan standard yang sudah diatur sebelumnya : Fitur-fitur baru harus berdasarkan HTML, CSS, DOM, dan JavaScript Kebutuhan akan plugin external (seperti Flash) harus dikurangi Penanganan error harus lebih mudah daripada versi sebelumnya Scripting harus diganti dengan lebih banyak markup HTML5 harus device-independent Proses pengembangan harus dapat dilihat oleh public Apa fitur terbaru dari HTML5 HTML5 dibuat untuk membuat proses coding menjadi lebih mudah dan logis. Fiturfitur unik dan mengesankan dari HTML5 datang di dalam departemen multimedia. Banyak dari fiturnya yang yang dibuat dengan pertimbangan bahwa pengguna harus dapat menjalankan konten berat (heavy content) dalam device dengan tenaga rendah (low-powered device). Pada HTML5 terdapat fitur elemen <video>, <audio> dan <canvas>, tetapi juga integrasi dari konten gambar grafis vektor (yang sebelumnya kita ketahui dengan tag <object>). Artinya, konten multimedia dan grafis dalam website akan dapat ditangani dan dieksekusi dengan lebih mudah dan lebih cepat, tanpa membutuhkan plugin atau API tambahan. Tujuan utama dengan adanya HTML5 adalah mengurangi penggunaan plugin-plugin 3rd party pada HTML sehingga dapat mempercepat kinerja web itu sendiri. Pluginplugin tersebut seperti Adobe Flash, Microsft Silverlight, Java dan lain-lainnya.

Berikut adalah beberapa syntax yang ada pada HTML5 : <article> tag ini biasanya untuk menempatkan entry independent dalam sebuah blog, majalah, ringkasan dan sebagainya. Biasanya terletak didalam section. <aside> tag aside pada HTML5 menunjukan konten yang berkaitan dengan konten lainnya yang ada di sekitar nya. Biasanya side bisa digunakan untuk area disebar pada sebuah blog. <header> Biasanya Header berfungsi untuk menentukan header dari website yang berisi Logo atau Nama Website atau deskripsi website. Header juga bisa diletakkan diantara <section>, untuk menandakan judul dari sebuah section <footer> Untuk menentukan bagian footer atau bagian bawah dari sebuah website, biasanya berisi hak cipta dari sebuah website. <nav> tag ini digunakan untuk mendefinisikan area navigasi, biasanya berisi daftar link. <section> - Section biasanya digunakan untuk meletakkan konten, sebuah section biasanya diletakkan setelah Header, dan sebelum Footer. <audio>,<video> jelas sekali ini adalah tag penanda untuk konten suara dan video yang sekarang dapat lebih mudah dijalankan dari berbagai device <embed> tag baru ini berfungsi untuk menampilkan konten interaktif (plugin) atau aplikasi eksternal <canvas> canvas tag ini cukup menarik, memungkinkan Anda menggambar menggunakan script kode seperti JavaScript. Perlu diingat bahwa tag HTML5 yang baru tidak selalu bekerja seperti yang sebelumnya. Contohnya, header dan footer tag tidak hanya menandai awal dan akhir dari sebuah halaman, tetapi juga dapat digunakan untuk awal dan akhir dari setiap section yang ada. Ini artinya, kedua tag ini mungkin akan digunakan lebih dari sekali di

seluruh bagian halaman. HTML5 dibangun karena kesuksesan versi sebelumnya, HTML 4.01, yang tanpa diragukan lagi merupakan versi yang terbaik. HTML5 telah menyediakan banyak fungsi baru dan berbagai kemudahan tetapi apakah browser kita mendukung teknologi baru ini? Kebanyakan browser yang terkenal seperti Firefox, Opera, Safari dan Chrome dan lain-lain telah mendukung HTML5 kecuali Internet Explorer. Adapun kelebihan dan kelemahan dari HTML5: Kelebihan: 1. Cleaner code 2. Greater consistency 3. Improve semantics 4. Improved accessibility 5. Client-side 6. Geolocation 7. Offline aplication cache 8. Smarter forms 9. Sharper focus on web application requiments 10. Bersifat ompatibel dengan semua browser Kekurangan: 1. Kekurangan utama yang dimiliki HTML5 adalah versi ini hanya support untuk browser modern 2. Karena bahasa HTML5 masih dalam perkembangan 3. Fitur keamanan yang ditawarkan HTML5 masih terbatas 4. HTML5 tidak dapat dalam hal hormat karena web browser yang berbeda disebabkan mereka tidak mendukung salah satu hormat tunggal.

Penutup HTML adalah bahasa pengkodean untuk menghasilkan dokumen-dokumen hypertext untuk digunakan di World Wide Web. HTML5 adalah versi terbaru dari HTML yang mana dikembangkan oleh W3C. Manfaat utama lainnya yang terkait dengan HTML5 yang seperti didukung Geolocation dan meningkatkan aksesibilitas dari halaman web. Ini hanya menyoroti manfaat dari HTML5 dan para ahli percaya bahwa HTML5 akan berkembang menjadi bahasa pengembangan secara online penting dalam waktu dekat. Referensi 1. htpp://www.codepolitan.com/sejarah-dan-perkembangan-html5-belajar-html 2. https://www.w3schools.com/tags/tag_article.asp 3. septia-lutfi-1102412069-03.blogspot.co.id/2013/10/makalah-tml5.html 4. http://www.html-5-tutorial.com/article-element.htm 5. anwar.blog.amikom.ac.id/2013/12/27/sejarah-dan-pengertian-html5/ Biografi Nama saya Reni Resiani Sunmaryati. Saya seorang Mahasiswa disalah satu Perguruan Tinggi di Kota Tangerang, jurusan Sistem Informasi dengan konsentrasi Komputer Akuntansi. Saya tertarik dengan dunia bisnis atau manajemen khususnya dengan mengoptimalkan penggunaan IT yang semakin berkembang. Senang untuk berbagi dengan kalian. Untuk sharing lebih lanjut tentang IT, yuk kontak di: Instagram: @reni.resiani