Ppt html5
- 1. PENGENALAN HTML5 Oleh : Mutia Nurotul Bariyah 1102412022
- 2. Pengertian HTML5 Meurut WikiPedia: HTML5 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari Waring Wera Wanua, dimana itu merupakan 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 dalam pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin serta dapat mengurangi penggunaan plugin-plugin 3rd party pada HTML sehingga dapat mempercepat kinerja web itu sendiri
- 3. HTML5 merupakan salah satu karya Konsortium World Wide Web Consortium untuk mendefinisikan sebuah bahasa markah tunggal yang dapat ditulis dengan cara HTML ataupun XHTML. HTML5 adalah hasil perbaharuan dari HTML (HyperText Markup Language) yang mana dikembangkan oleh W3C atau Word Wide Web Consortium.
- 4. SEJARAH PERKEMBANGAN HTML5 • Awalnya HTML5 telah banyak dibicarakan sebagai masa depan Web, pada tahun 2008. Web akan menjadi lebih bebas dan terbuka dengan API yang disediakan oleh HTML5 yang akan membuka sebuah jalan. • Dalam kelompok kerja Teknologi Aplikasi Web Hyperteks (WebHypertext Application Technology Working Group, WHATWG) mulai membuat standar baru ini pada tahun 2004 ketika Konsortium W3C sedang fokus pada pengembangan XHTML 2.0 di masa depan, sementara HTML 4.01 belum pernah diperbarui sejak tahun 2000. Kemudian sejak tahun 2009, W3C dan WHATWG bekerja sama dalam pengembangan HTML5 setelah W3C mengakhiri Kelompok Kerja Pengembangan XHTML 2.0.
- 5. Walaupun HTML5 telah dikenal luas oleh para pengembang web sejak lama, HTML5 baru mencuat pada April 2010 setelah CEO Apple Inc., Steve Jobs, mengatakan bahwa dengan pengembangan HTML5. Sehingga Adobe Flash sudah tidak begitu dibutuhkan lagi untuk menyaksikan video atau menyaksikan konten apapun di web.
- 6. ATRIBUT DALAM HTML5 Dikenalkan pula ada beberapa atribut baru, seperti: atribut media, ping pada elemen pranala, autofocus, placeholder, required, autocomplete, dan sebagainya, terkait elemen input dan form, reversed pada elemen ol untuk urutan besar ke kecil.
- 7. KOMPONEN-KOMPONEN DALAM HTML5 Berikut ini adalah beberapa hal tentang HTML5 yang perlu diketahui, diantaranya : Deklarasi doctype baru Struktur semantic Contenteditable Validasi email Atribut required Internet Explorer Hack
- 8. TEKNOLOGI YANG DIPERKENALKAN HTML5 Teknologi yang diperkenalkan HTML5 diantaranya adalah API (Aplication Programming Interface). Dimana batasan-batasannya yaitu: Offline Data Storage Geolocation Drag and Drop
- 9. ELEMEN-ELEMEN BARU HTML5 dikenalkanlah beberapa elemen baru, diantaranya: section serupa seperti h1-h6. article bisa berupa entri blog atau tulisan konten. aside menyajikan konten pelengkap. header bisa menyajikan judul, deskripsi, bahkan nav untuk navigasi. footer berisi catatan kaki seperti informasi hak cipta, penulis, kontak, dan sebagainya. dialog yang dikombinasikan dengan dt dan dd (seperti pada halaman FAQ) dapat digunakan untuk menyajikan percakapan. yang fenomenal adalah penggunaan elemen figure, video, audio, source, embed, canvas, dan elemen terkait berkas multimedia lainnya.
- 10. ELEMEN DAN ATRIBUT YANG TIDAK DIPERGUNAKAN DALAM HTML5 • • • • • • • • • Ada beberapa elemen dan atribut yang tidak lagi muncul pada HTML5. Diantaranya yaitu: center, font, strike, u, big, frame, frameset, noframes, acronym, longdesc, scope pada td, dan sebagainya
- 11. FITUR-FITUR YANG DIMILIKI HTML5 Video Canvas Audio Tag <placeholder>. DOCTYPE (versi ini lebih simple dari versi sebelumnya). Tag <nav> Tag <section> dan <article> Tag <footer> Tag <figure> dan <figcaption> Tag <hgroup>.
- 12. Geolocation Offline Web Application
- 13. TUJUAN PEMBUATAN HTML5 Dimana tujua-tujuan dibuatnya web adalah sebagai berikut : HTML5 merupakan perangkat mandiri Fitur baru harus didasarkan pada HTML, CSS, DOM, dan JavaScript Mengurangi kebutuhan untuk plugin eksternal ( Seperti Flash ) Penanagan kesalahan yang lebih baik Lebih markup untuk menggantikan scripting Proses pembangunan dapat terlihat untuk umum
- 14. Contoh Browser yang Menggunakan HTML5: Google Chrome Safari Applev.+ Internet Exploree 9 Firefox 4,5,6 dan seterusnya
- 15. Contoh Situs yang Menggunakan HTML5: http://michaelacevedo.com/ http://html5.iaraby.com/ http://benthebodyguard.com/index-b.php http://wantist.com/ http://mahardikhareza.blogspot.com/2011/11/apaitu-html-5.html
- 16. KEUNGGULAN MENGGUNAKAN HTML5 Beberapa keunggulan diantaranhya, yaitu: Dapat ditulis dalam sintaks HTML (dengan tipe media text/HTML) danXML. Integrasi yang lebih baik dengan aplikasi situs dan pemrosesannya. Integrasi ('inline') dengan doctype yang lebih sederhana. Penulisan kode yang bisa dibilang lebih efisien. Konten yang ada di situs lebih mudah terindeks oleh search engine.
- 17. KELEBIHAN DAN MANFAAT HTML5 Beberapa kelebihan yang terdapat pada HTML5 diantaranya, yaitu: Dapat ditulis dalam sintaks HTML (dengan tipe media text/html) dan XML. Integrasi yang lebih baik dengan aplikasi web dan pemrosesannya. Inegrasi (’inline’) MathML dan SVG doctype yang lebih sederhana. Penulisan kode yang lebih efisien. Dapat mudah dimengerti oleh perambah lawas (backwards ompatible). Sehingga istilah ‘deprecated’ tidak akan diperlukan lagi.
- 18. Manfaat Menggunakan HTML5 Pemberian pertolongan Peningkatan semantik Kode Peningkatan Konsistensi Bentuk elegan
- 19. SIMPULAN Kepopuleran HTML5 sebagai bahasa pemrograman aplikasi sangat tinggi belakangan ini. Kemudahan dalam proses pembelajarannya menjadi salah daya tarik tersendiri bagi pengembang aplikasi di seluruh dunia. Selain itu kemampuannya untuk bisa berjalan di banyak sistem operasi desktop, hingga mobile membuat HTML5 sebagai pilihan utama ketika ingin meluncurkan sebauah produk secara cepat dan bisa cross platfrom. Intel juga turut meramaikan ranah ini dengan menghadirkan sebuah tools pengembangan HTML 5 yang di beri nama Intel XDK.
- 20. THANK KYOU