8
2. Tinjauan Pustaka
Meskipun bukan teknologi baru, penggunaan dan manfaat HTML5 dan CSS3 telah dapat dirasakan banyak orang. Pada penelitian Eksplorasi HTML5 dengan
studi kasus Jejaring Sosial Untuk Pembelajaran Kolaboratif menyatakan bahwa fitur-fitur HTML5 dapat diimplementasikan dengan menggunakan kode-kode
Javascript pada sisi client. Drag-and-drop dapat dilakukan dengan baik sehingga data yang diinginkan mampu dipindah ke tempat yang dimaksud saat drop
dilakukan. Tetapi kekurangan drag-and-drop dan HTML5 masih didukung sebagian besar perambah web modern[4].
Penggunaan HTML5 dan CSS3 sebagai media pembelajaran salah satunya adalah website wayang mahabarata. Menggunakan HTML5 elemen sectioning
semantics, multimedia untuk audio dan video tanpa script yang panjang, dengan CSS3 tidak diperlukan kode program berulang untuk tampilan yang sama. Adanya
website ini membuat siswa dapat belajar secara mandiri dengan video dan grafis yang ditampilkan dengan baik, juga dapat digunakan di sekolah sebagai sarana
pelestarian budaya wayang [5].
Keunggulan dari HTML 5 beberapa di antaranya adalah kode pemrograman yang lebih sederhana dan dinamis akan memberikan kemudahan bagi
pengembang developer, didukung dengan adanya elemen-elemen baru seperti Semantik header, nav, footer dll.. Tidak seperti versi sebelumnya yang
menggunakan bantuan Flash atau Silverlight, Javascript HTML5 tetap dapat menampilkan gambar maupun video dengan kualitas tinggi tanpa bantuan plugin
lain. Selain itu terdapat pula chace aplikasi online, halaman website akan tetap dapat di refresh meskipun server dalam keadaan mati, beban server berkurang
tetapi load tetap berjalan dengan cepat. Tetapi dengan berbagai kelebihan yang dimiliki HTML 5 masih memiliki kekurangan pada keterbatasan browser modern
untuk akses [6].
Cascading Style Sheet CSS digunakan dalam kode HTML yang dapat membuat dan mengendalikan kumpulan komponen atau style menjadi lebih
terstruktur, menarik dan mudah dikelola. Seperti HTML5 CSS dikembangkan oleh W3C World Wide Web Consortium.
Beberapa keunggulan dari CSS3 yaitu adanya transformasi 2D atau 3D dan dapat memberikan sudut bayangan, efek ini juga dapat digunakan untuk teks,
tabel, kolom maupun grafis. Menyediakan pilihan font yang lebih beragam dengan visual warna dan dapat mengurangi ukuran file yang akan di upload dan tidak
membutuhkan plugin atau software tambahan lainnya. Tidak seperti versi sebelumnya yang menggunakan tag berulang untuk tampilan yang sama tidak
berlaku untuk CSS3, hal ini akan memberikan efektifitas waktu dengan script sederhana. Berbagai keunggulan yang disediakan membuat tampilan website
menjadi lebih menarik dan interaktif [7].
9
3. Metode Penelitian
Kategori