Institutional Repository | Satya Wacana Christian University: Perancangan dan Implementasi Media Ajar Wayang Mahabarata Menggunakan HTML5 dan CSS3

Perancangan dan Implementasi Media Ajar Wayang
Mahabarata Menggunakan HTML5 dan CSS3
1)

Yohanes Kristiana,2)Hendry,3)Adriyanto Juliastomo Gundo
Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
Jl. Diponegoro 52-60, Salatiga 50711, Indonesia

Email :1) kristianayohanes@gmail.com 2)hendry.honk@gmail.com3)adriyanto.j@gmail.com
Abstract

Wayang or Puppet Shadow is one of big famous Indonesian Art that has been patented by
UNESCO since 2003 as a world heritage. But preservation of wayang or pupet shadow heritage
is less, thats seen seen through a search on the site www.google.com, no wayang or pupet
shadow instructional media as way to preservation of wayang or puppet shadow heritage. Using
HTML5 and CSS3 are true problem solving because with a new HTML5 element that is
multimedia is used for containing video as a material of learning. Using CSS3 also helpful to
make a good website design. According to problem and problem solving method, produced
Website Of Learning that can load video as a material of learning using HTML5 and CSS3.
Keyword : Instructional Media, Wayang Mahabarata, HTML5, CSS3

Abstrak
Wayang merupakan kesenian asli Indonesia yang sudah diresmikan sebagai warisan budaya
dunia/internasional sejak tahun 2003 oleh UNESCO. Namun pelestarian budaya wayang
sangatlah kurang, terlihat melalui pencarian di situs www.google.com, tidak ada media ajar
wayang sebagai salah satu cara pelestarian wayang. Penggunaan HTML5 dan CSS3 merupakan
pemecahan masalah yang tepat dikarenakan dengan adanya elemen baru pada HTML5 yaitu
multimedia yang digunakan untuk memuat video sebagai materi ajar. Penggunaan CSS3 juga
membantu dalam pembuatan desain website. Berdasarkan pada masalah dan metode pemecahan
masalah yang ada, maka dibangun sebuah media ajar wayang mahabarata yang dapat memuat
video salah satu materi ajar menggunakan HTML5 dan CSS3.
Kata kunci : Media ajar, Wayang Mahabarata, HTML5, CSS3
1

Mahasiswa Fakultas Teknologi Informasi Universitas Kristen Satya Wacana
Staff Pengajar Fakultas Teknologi Informasi Universitas Kristen Satya Wacana
3
Staff Pengajar Fakultas Teknologi Informasi Universitas Kristen Satya Wacana
2