Selasa, 10 Desember 2013

Hyper Text Markup Language 5 ( HTML5 ) || One-Inspirations




MAKALAH
Hyper Text Markup Language 5 ( HTML5 )

“ Makalah Ini Diajukan Guna Melengkapi Mata Kuliah Teknologi Informasi dan Komunikasi ”

Dosen Pengampu      : 
1. Septia Lutfi, S.Kom, M.Kom
2. Yuli Utanto, M.Pd

Disusun Oleh :
Nama                           : Ali Mustofa
NIM                            : 1102412087
Prodi                           : Kurikulum dan Teknologi Pendidikan
Mata Kuliah                : Teknologi Infomasi dan Komunikasi
Rombel                        : 02




UNIVERSIATAS NEGERI SEMARANG
2013



DAFTAR ISILEMBAR HALAMAN ....................................................................................................  iDAFTAR ISI ....................................................................................................................  iiBAB     I PENDAHULUAN   A.    Latar Belakang Masalah ...............................................................................  ........  1
   B.     Rumusan Masalah ...........................................................................................  ......  2
   C.    Tujuan ................................................................................................................    ...  3
   BAB II     PEMBAHASAN   A.  Tentang HTML5 ......................................................................................................  4
   B.   Sejarah dan Perkembangan HTML5 .....................................................................  6
   C.  Perkembangan Teknologi WEB HTML5 .....................................................................  9
     1.      Standarisasi W3C ....................................................................................................  9
     2.      Penanaman API Baru ................................................................................. ............ 10
     3.      MarkUp HTML5 .................................................................................................... 12
     4.      Penanganan Masalah HTML5 ................................................................................. 14
     5.      Media HTML5 ....................................................................................................... 15
     6.      Microdata HTML5 ................................................................................................. 24
  D.  Perbedaan Dengan HTML 4.01 dengan XHTML ........................................................ 26
  E.   Dasar-Dasar Syntak HTML5 ...................................................................................... 26
     1.      Struktur HTML5 ..................................................................................................... 27
       1.1 Struktur Dasar HTML5 ......................................................................................... 27       1.2 Penjelasan Atribut dan Syntak HTML5 .................................................................. 31       1.3 Membuat Kode Dasar HTML5 ............................................................................. 38
  F. Kelebiahn dan Kekurangan HTML5 ............................................................................. 42  G. Membuat Game Ular Sederhana dengan HTML5 ................................................. 43  

BAB III    PENUTUP    A.  Kesimpulan............................................................................................................... 43
DAFTAR PUSTAKA ....................................................................................................... 48



BAB I
PENDAHULUAN
      A.    Latar Belakang Masalah
Perkembangan dunia teknologi pendidikan kini tidak terbendung lagi, baik itu dalam yang disumabangkan dalam bidang sain, bidang politik, bidang pendidikan itu sendiri, dan bidang-bidang yang lain. Keberadaan teknologi khsusunya dalam dunia informasi dan komunikasi itu sangatlah dibutuhkan karena hal ini sangatlah mendukung perkembangan perkembangan yang lainnya. Misalnya keberadaan WEB Brouser/ internet, media ini sangatlah membantu keberadaan dan segala aktifitas manusia bahkan bisa dibilang keberadaan WEB Brouser ini merupakan pengganti kamus ilmu pengetahuan dan juga sebagai sumber ladang ilmu pengetahuan, sebagai pendorong dan penyosong dalam dunia pendidikan, politik, social, dan budaya. Dengan pentingnya keberadaan WEB Brouser/ Internet dalam kehidupan masyarakat, manusia sendiri sebagai pengguna haruslah mampu mengetahui seluk beluk dan segala keguanaan yang ada dalam Internet dan/atau web brouwser, bahkan diharapkan mampu untuk memahami dan mengolah berbagai ilmu pengetahuan yang dibawanya dan juga element dasar web brouser itu sendiri, sehingga diharapakan kita/manusia mampu bukan saja menggunakan perkembangan teknologi informasi namun juga menyeimbangi perkembangan dunia teknologi informasi sehingga kita tidak tertinggal dengan perkembangan dunia teknologi informasi dan komunikasi dalam hal ini adalah permkembangan WEB Brouser dan/atau Internet.
            Dari berbagai kemajuan teknologi informasi dan komunikasi sesuai yang terpapar diatas merupakan teknologi informasi berbasis WEB, WEB  atau Word Wide Web adalah suatu ruang informasi yang dipakai oleh pengenal global yang disebut Pengidentifikasi Sumber Seragam untuk mengenal pasti sumber daya berguna. WWW sering dianggap sama dengan Internet secara keseluruhan, walaupun sebenarnya ia hanyalah bagian daripada Internet. Kegunaan ini tergolong masih baru dibandingkan surat elektronik, sebenarnya WWW merupakan kumpulan dokumen yang tersimpan di peladen web, dan yang peladennya tersebar di lima benua termasuk Indonesia yang terhubung menjadi satu melalui jaringan Internet. Dokumen-dokumen informasi ini disimpan atau dibuat dengan format HTML (Hypertext Markup Language), salah satunya degnan aplikasi HTML terbaru versi 5. HTML berbagai versi  disempurnakan oleh versi HTML5 merupakan suatu metode untuk mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen yang didalamnya terdapat code-code atau fungsi-fungsi yang bertujuan untuk membuat sebuah aplikasi atau tampilan yang berbasis Website (WEB). Keberadaan HTML ini sangatlah penting dalam dunia Internet yang menjadi pengolah, penjalan segala informasi yang ada diinternet.  Dengan pentingnya keberadaan HTML dalam dunia internet diharapakan, kita tidak hanya mampu sebagai penikmat hasil dari programmer namun juga harus mampu sebagai penganalisis dan juga pembuat, sehingga kita juga ikut serta sebagai pengembangn dunia teknologi informasi dan komunikasi.
Dengan hadirnya Aplikasi HTML dengan versi terbarunya HTML5 membuat dunia pengemangan WEB/ internet ini semakin tak terbendung, dunia teknologi informasi dan komnikasi seakan meninggalkan jauh dunia perkembangan manusia, sehingga sangat penting sekali bagi para pelajar/ pendidik untuk dapat bisa dan mampu untuk mengoperasikan dunia WEB dan/atau internet lebihnya menggunakan HTML5 sebagai pengelola dunia informasi kompunikasi berbasis WEB/internet.


     B.     Rumusan Masalah
Berdasarkan latar belakang di atas, rumusan masalah yang akan dibahas pada makalah ini adalah mengenai perkembangan dunia teknologi informasi berbasis WEB/Internet dengan keberadaan HTML5 dan juga pentingnya bagi para pelajar/ pendidikan dan berbagai kalangan dalam mendukung perkembangan pendidikan di indonesia, lebih detailnya adalah mengenai:
1.      Apakan HTML5 (Hypertext Markup Language) dan bagaimanakan keberadaanya dalam dunia teknologi informasi dan komunikasi.
2.      Bagaimanakah sejarah lahir dan keberadaan HTML5 (Hypertext Markup Language)?
3.      Bagaimanakah perkembangan HTML5 (Hypertext Markup Language) hingga saat ini?
4.      Apakah perbedaan-perbedaan HTML5 (Hypertext Markup Language) dengan versi sebelumnya
5.      Bagaimanakah cara kerja dasar HTML5 (Hypertext Markup Language)?
6.      Apa sajakah kelebihan dan kekurangan HTML5 (Hypertext Markup Language)?
7.      Apa sajakan struktur element dasar dari HTML5 (Hypertext Markup Language)?
8.      Bagaimankah cara menggunakan HTML5 (Hypertext Markup Language) dalam WEB/ Internet?

      C.    Tujuan
Tujuan dari penyusunan Makala ini adalah:
a.       Sebagai syarat untuk menyelesaikan mata kuliah Teknologi Informasi dan Komunikasi.
b.      Sebagai bahan pembelajaran mengenai perkembangan teknologi informasi khususnya HTML5 (Hypertext Markup Language).
c.       Dapat memahami, mengerti dan mendalami tentang teknologi HTML5 (Hypertext Markup Language), yang meliputi:
1.      HTML5 (Hypertext Markup Language) keberadaanya dalam dunia teknologi informasi dan komunikasi dan dunia pendidikan.
2.      sejarah lahir dan keberadaan HTML5 (Hypertext Markup Language).
3.      Perkembangan HTML5 (Hypertext Markup Language) hingga saat ini.
4.      Perbedaan-perbedaan HTML5 (Hypertext Markup Language) dengan versi sebelumnya.
5.      Cara kerja dasar HTML5 (Hypertext Markup Language).
6.      Kelebihan dan kekurangan HTML5 (Hypertext Markup Language)?
7.      Struktur element dasar dari HTML5 (Hypertext Markup Language)?

8.      Menggunakan HTML5 (Hypertext Markup Language) dalam WEB/ Internet?

...........................................................................................................................................

Tertarik dengan bahan ajar Makalah HTML ini?
dapatkah langsung, dengan klik link ini;  Makalah- Semua Tentang HTML5
versi ppt download disini

Tidak ada komentar:

Posting Komentar


widgets