PENGENALAN HTML5

Oleh : Mutia Nurotul Bariyah
1102412022
Pengertian HTML5
Meurut WikiPedia: HTML5 adalah sebuah bahasa markah
untuk menstrukturkan dan menampilkan isi dari Waring
...
HTML5 merupakan salah satu karya Konsortium
World Wide Web Consortium untuk mendefinisikan
sebuah bahasa markah tunggal ya...
SEJARAH PERKEMBANGAN HTML5
•

Awalnya HTML5 telah banyak dibicarakan sebagai
masa depan Web, pada tahun 2008. Web akan men...
Walaupun HTML5 telah dikenal luas oleh para
pengembang web sejak lama, HTML5 baru mencuat
pada April 2010 setelah CEO Appl...
ATRIBUT DALAM HTML5
Dikenalkan pula ada beberapa atribut baru, seperti:
 atribut media, ping pada elemen pranala,
autofo...
KOMPONEN-KOMPONEN DALAM
HTML5
Berikut ini adalah beberapa hal tentang HTML5 yang
perlu diketahui, diantaranya :
 Deklaras...
TEKNOLOGI YANG DIPERKENALKAN
HTML5
Teknologi yang diperkenalkan HTML5 diantaranya
adalah API (Aplication Programming Inter...
ELEMEN-ELEMEN BARU HTML5








dikenalkanlah beberapa elemen baru, diantaranya:
section serupa seperti h1-h6.
art...
ELEMEN DAN ATRIBUT YANG TIDAK
DIPERGUNAKAN DALAM HTML5
•
•
•
•
•
•
•
•
•

Ada beberapa elemen dan atribut yang tidak
lagi ...
FITUR-FITUR YANG DIMILIKI HTML5
 Video
 Canvas
 Audio
 Tag <placeholder>.
 DOCTYPE (versi ini lebih simple dari versi...
 Geolocation
 Offline Web Application
TUJUAN PEMBUATAN HTML5
Dimana tujua-tujuan dibuatnya web adalah sebagai
berikut :
HTML5 merupakan perangkat mandiri
Fitu...
Contoh Browser yang Menggunakan HTML5:
Google Chrome
Safari Applev.+
Internet Exploree 9
Firefox 4,5,6 dan seterusnya
Contoh Situs yang Menggunakan HTML5:
http://michaelacevedo.com/
http://html5.iaraby.com/
http://benthebodyguard.com/ind...
KEUNGGULAN MENGGUNAKAN
HTML5
Beberapa keunggulan diantaranhya, yaitu:
Dapat ditulis dalam sintaks HTML (dengan tipe media...
KELEBIHAN DAN MANFAAT HTML5
Beberapa kelebihan yang terdapat pada HTML5
diantaranya, yaitu:
 Dapat ditulis dalam sintaks ...
Manfaat Menggunakan HTML5
 Pemberian pertolongan
 Peningkatan semantik
 Kode Peningkatan
 Konsistensi
 Bentuk elegan
SIMPULAN
Kepopuleran HTML5 sebagai bahasa pemrograman
aplikasi sangat tinggi belakangan ini. Kemudahan
dalam proses pembel...
THANK KYOU
Upcoming SlideShare
Loading in …5
×

Ppt html5

655 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
655
On SlideShare
0
From Embeds
0
Number of Embeds
53
Actions
Shares
0
Downloads
27
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Ppt html5

  1. 1. PENGENALAN HTML5 Oleh : Mutia Nurotul Bariyah 1102412022
  2. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 12.  Geolocation  Offline Web Application
  13. 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. 14. Contoh Browser yang Menggunakan HTML5: Google Chrome Safari Applev.+ Internet Exploree 9 Firefox 4,5,6 dan seterusnya
  15. 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. 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. 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. 18. Manfaat Menggunakan HTML5  Pemberian pertolongan  Peningkatan semantik  Kode Peningkatan  Konsistensi  Bentuk elegan
  19. 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. 20. THANK KYOU

×