PERANCANGAN APLIKASI ENSIKLOPEDIA CANDI BOROBUDUR BERBASIS HTML5 PADA BALAI KONSERVASI BOROBUDUR
NASKAH PUBLIKASI
diajukan oleh Dony Agung Prawoto 10.12.5171
kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA YOGYAKARTA 2015
1
2
PERANCANGAN APLIKASI ENSIKLOPEDIA CANDI BOROBUDUR BERBASIS HTML5 PADA BALAI KONSERVASI BOROBUDUR Dony Agung Prawoto1), Melwin Safrizal.2), 1) 2)
sistem Informasi STMIK AMIKOM Yogyakarta Sistem Informasi STMIK AMIKOM Yogyakarta
Jl Ringroad Utara, Condongcatur, Depok, Sleman, Yogyakarta Indonesia 55283 1)
Email :
[email protected] ,
[email protected])
Abstract - HTML5-Based Application Design Encyclopedia on Conservation Center Borobur development of informatics is currently very rapid. The most significant development is perkembanagan Website.di say this because an object can memeiliki influence and impression on society if the object has a dispenser suatau detailed information. Designing the application of this HTML5-based Encyclopedia Aplikas aimed to be an appeal more to the object, and a reference detailed information about the object and allows people to know the history contained in the object. in the writing of this sekripsi authors also conducted a systematic observation of the perception to go to the direct object [done / conducted] with the sense of the eye so as to produce objective results. other than the authors conducted interviews with experts on the object Setaf. the authors also use reference books - books that are the object of reducing the errors contained in the object description aplikasi.dalam sekripsi preparation is not separated from the shortcomings and advantages and disadvantages, shortcomings contained in this application ne lack of detail on each of each explanation. the excess is one can learn more tenteng objects that can cause a sense of interest and a sense of belonging and maintain objects that have noble values in history.
berguna bagi masyarakat belum bisa dirasakan manfaatnya karena dari segi publikasi yang kurang. Oleh karena itu penulis membuat Aplikasi Ensiklopedia Candi Borobudur berbasis HTML5 dengan mengunakan obyek Balai Konservasi Borobudur agar ilmu yang diperoleh salah satu instansi pemerintah ini bermanfaat bagi semua masyarakat. 1.2 Rumusan Masalah Rumusan masalah yang akan menjadi pokok bahasan berdasarkan latar belakang masalah yang penulis uraikan di atas adalah sebagai berikut : bagaimana merancang sebuah aplikasi Ensiklopedi candi Borobudur yang di jadikan sebagai media pembelajaran dan pengenalan BKB secara efektif? 1.3 Tujuan Penelitian Tujuan dari penelitian ini adalah menghasilkan aplikasi ensiklopedia Candi Borobudur sebagai alat bantu BKB untuk mempublikasikan informasi tentang Candi Borobudur dan mengenalkan BKB sebagai instansi yang menangani Candi Borobudur. 2. Landasan Teori 2.1 Tinjauan Pustaka Tipalayaow dan Setia Arlianta (2003) dari Universitas Kristen Petra pada tulisan yang berjudul Perancangan dan Pembuatan program aplikasi ensiklopedia hewan prasejarah berbasis multimedia. System membahas suatu media aplikasi yang dirancang untuk pembelajaran dengan hal hal yang menarik. Tugas akhir ini dirancang dengan menggunakan bahasa pemrograman Delphi 6.0 dan Microsoft Access 2000 sebagai databasenya [1]. Purnama dan puji (2003) dari Universitas Kristen Petra yang berjudul perancangan dan pembuatan program aplikasi ensiklopedia fauna berbasis multimedia. System ini mengunakan system operasi windows 32bit. Memiliki berbagai bagian bagian yang menarik seperti game,video,gambar[2]. Iwan Rijayana dan Mardiyanti Febby (2013) dari Universitas Widiatama yang berjudul Aplikasi ensiklopedia hewan vertebrata berbasis multimedia. System membahas mengenai kehidupan seluruh mahluk vertebrata .belum mengunakan media Online seperti website dan kurang memfokus pada suatu permasalahan[3]. berbagai sumber yang telah penulis amati. kebanyakan aplikasi belum bersifat online sehinga akses aplikasi sangat terbatas. Penguna harus memiliki ataupun
Key words: Applications HTML5-Based Encyclopedia, Borobur Conservation Center 1. Pendahuluan 1.1 Latar Belakang Masalah Indonesia merupakan negara yang memiliki beraneka ragam kekayaan yang melimpah terdiri seni budaya, suku, bahasa, sampai dengan beraneka ragam sejarah kebudayaan. Salah satunya Candi Borobudur yang ada di kota Magelang yang sudah menjadi ikon pariwisata kota sejuta bunga. Informasi mengenai Candi Borobudur tersebut tersedia di dalam Instansi Balai Konservasi Borobudur (BKB), seluruh hal–hal yang terdapat pada Candi Borobudur dari segi sejarah maupun filosofis yang terkandung dari bagian-bagian candi sudah di teliti ataupun di bukukan oleh Balai Konservasi Borobudur namun hal yang sangat bermanfaat tersebut,yang
3
mendownload aplikasi terlebih dahulu selain itu pokok dari pembahasan terlalu jamak,ataupun kurang fokos pada suatu bagian tertentu sehingga penulis akan membuat aplikasi Ensiklopedi secara online dan fokus pada suatu hal. 2.2
Beberapa browser sudah mendukung HTML5 seperti safari, chrome, firefox, dan opera. Kabarnya IE9 ( Internet Explorer ) akan mendukung beberapa fitur dari HTML5.Pembuatan HTML5 juga di karenakan Standard HTML4 yang dijumpai banyak memiliki kelemahan untuk mendukung aplikasi web yang interaktif. Akibat hal ini banyak orang menambahkan fitur baru baik disisi aplikasi web ataupun disisi browser. Solusi ini dikenal dengan plugin dan salah satunya adalah Flash dan Silverlight.
HTML5
HTML5 merupakan sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari World Wide Web, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML.
2.3 Website Secara makna sebuah WEBSITE adalah sekumpulan halaman informasi yang disediakan melalui jalur internet sehingga bisa diakses di seluruh dunia selama terkoneksi dengan jaringan internet. Website merupakan sebuah komponen yang terdiri dari teks, gambar, suara animasi sehingga menjadi media informasi yang menarik untuk dikunjungi oleh orang lain. 2.3 Bahasa Pemrograman PHP adalah bahasa pemrograman script server-side yang didesain untuk pengembangan web. Selain itu, PHP juga bisa digunakan sebagai bahasa pemrograman umum (wikipedia). PHP di kembangkan pada tahun 1995 oleh Rasmus Lerdorf, dan sekarang dikelola oleh The PHP Group. Situs resmi PHP beralamat di http://www.php.net. PHP disebut bahasa pemrograman server side karena PHP diproses pada komputer server. Hal ini berbeda dibandingkan dengan bahasa pemrograman client-side seperti JavaScript yang diproses pada web browser (client). Pada awalnya PHP merupakan singkatan dari Personal Home Page. Sesuai dengan namanya, PHP digunakan untuk membuat website pribadi. Dalam beberapa tahun perkembangannya, PHP menjelma menjadi bahasa pemrograman web yang powerful dan tidak hanya digunakan untuk membuat halaman web sederhana, tetapi juga website populer yang digunakan oleh jutaan orang seperti wikipedia, wordpress, joomla, dan lain-lain.
HTML5 merupakan hasil proyek dari W3C (World Wide Web Consortium dan WHATWG ( Web Hypertext Application Technology Working Group ). Dimana WHATWG bekerja dengan bentuk web dan aplikasi dan W3C merupakan pengembang dari XHTML 2.0 pada tahun 2006, kemudian mereka memutuskan untuk bekerja sama dan membentuk versi baru dari HTML. HTML5 merupakan sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari World Wide Web, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML. HTML5 merupakan hasil proyek dari W3C (World Wide Web Consortium dan WHATWG ( Web Hypertext Application Technology Working Group ). Dimana WHATWG bekerja dengan bentuk web dan aplikasi dan W3C merupakan pengembang dari XHTML 2.0 pada tahun 2006, kemudian mereka memutuskan untuk bekerja sama dan membentuk versi baru dari HTML. 2.2.1
Tujuan dibuatnya HTML5
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 HTML5 merupakan perangkat mandiri Proses pembangunan dapat terlihat untuk umum 2.2.2
Saat ini PHP adalah singkatan dari PHP: Hypertext Preprocessor, sebuah kepanjangan rekursif, yakni permainan kata dimana kepanjangannya terdiri dari singkatan itu sendiri: PHP: Hypertext Preprocessor. PHP dapat digunakan dengan gratis (free) dan bersifat Open Source. PHP dirilis dalam lisensi PHP License, sedikit berbeda dengan lisensi GNU General Public License (GPL) yang biasa digunakan untuk proyek Open Source.
Fitur baru dalam HTML5 Unsur kanvas untuk menggambar Video dan elemen audio untuk media pemutaran Dukungan yang lebih baik untuk penyimpanan secara offline Elemen konten yang lebih spesifik, seperti artikel, footer, header, nav, section Bentuk kontrol form seperti kalender, tanggal, waktu, email, url, search.
Kemudahan dan kepopuleran PHP sudah menjadi standar bagi programmer web di seluruh dunia. Menurut wikipedia pada februari 2014, sekitar 82% dari web server di dunia menggunakan PHP. PHP juga menjadi dasar dari aplikasi CMS (Content Management System) populer seperti Joomla, Drupal, dan WordPress.
4
Borobudur telah banyak penelitian-penelitian yag di lakukan dan telah banyak hasil penelitian yang telah di bukukan. terutama penelitian mengenai makana yang terkandung dalam bagian-bagian dari candi Broburur terutama relief yang ada pada candi Borobudur yang sampai saat ini banyak orang yang menafsirkan akan tetapi bukan berdasarkan ilmu Arkeolog seperti yang dilakukan oleh Balai Konservasi Borobudur.
2.4 Langkah-Langkah pengembangan aplikasi 2.4.1 Investigasi Sistem Melakukan studi kelayakan yaitu meninjau dari manfaat yang didapatkan serta perbandingan dengan biaya yang di keluarkan mengingat kebutuhan aplikasi yang di maksud oleh perusahaan/instansi/lembaga. 2.4.2 Analisis Sistem
3.2.1 Analisis Kebutuhan Fungsional Hal-hal yang terkait dengan fungsi aplikasi yang di buat oleh penulis ialah dapat di jadikan media pembelaaran bagi seluruh masyarakat,dan dapat di gunakan oleh instansi sebagai media pengenalan informative dalam ajang Pameran atau kegiatan-kegiatan instansi.
Menganalisis kebutuhan Perusahaan/instansi dan di analisis dari beberapa hal penghematan anggaran yang di krluarkan, manfaat atau kegunaan dari sis positif instansi atau pengaruh positif umum nantinya terhadap instansi.
2.4.3 Desain program 3.2.2 Analisis Kebutuhan Non-Fungsional Menurut Bapak Ikwan selaku Staff IT pada kantor Balai Konservasi Borobudur apikasi yang dibuat oleh penulis dapat di tambahakan (dimasukkan) pada website konservasiborobudur.org yaitu website instansi yang di jadikan obyek penulis agar website lebih maximal atau beragam 3.2.3 Analisis SWOT Metode Analisis (analysis) yang di ambil dalam pembuatan aplikasi ini adalah analisis SWOT karena aplikasi ini bersifat baru dan juga analisis tersebut meliputi Tabel 1 Analisis SWOT
Desain harus memenuhi spesifikasi sistem dan juga pengembangan pada hardwear, softwear dan brainwear. Dan bagaimana desain interface yang baik sehingga aplikasi mudah untuk digunakan. 2.4.4 Implementasi Sistem Dapat melakukan beberapa hal seperti evaluasi hardware (kinerja, biaya, kompatibilitas, teknologi, ergonomi, konektivitas, keluasan, software), evaluasi software (kualitas, efisiensi, fleksibilitas, keamanan, konektivitas, dokumentasi,dan hardwear), pengelolaan pengaruh perubahan sistem terhadap pemakaian akhir. 2.4.5 Pemeliharaan Sistem menggunakan proses tinjauan pascaimplementasi untuk mengawasi, mengevaluasi dan memodifikasi sistem bisnis sesuai kebutuhan serta terhadap sistem yang telah dibentuk karena perubahan pada informasi instansi maupun obyek.
3 Analisis dan Perancangan 3.1.2 Tinjauan Umum Candi Borobudur merupakan candi Budha terbesar yang berada di Kecamatan Borobudur, Kabupaten magelang, Provinsi Jawa Tengah selain sebagai destinasi wisatawan domestik maupun mancanegara candi Borobudur juga masih dijadikan tempat utama peribadatan umat budha setiap hari-hari tertentu terutama setiap bulan mei yang juga di kenal sebagai waisak. banyak buku-buku sejarah yang menceritakan awal mula didirikannnya candi Borobudur ini, akan tetapi kapan candi Borobudur ini didirkan tidak dapat di ketahui secara pasti. Balai Konservasi Borobudur merupakan Isnstansi pemerintah yang yang berada di sekitaran kompleks Candi Borobudur. selain bertugas merawat dan menjaga kelestarian candi Borobudur Instansi ini juga memiliki kegiatan yang sangat menarik salah satunya penelitian, dari berbagai penelitian yang di lakukan sejak Balai Konservasi Borobudur ini didirikan pada tahun 1991 dengan nama Balai Studi Konservasi dan Peningalan
5
setiap detail dari potongan bagian candi. Menjadikan penulis ingin menjabarkan arti perbagian dari potonganpotongan candi namun tetap berdasar pada ilmu yang logis ataupun ilmiah sehingga penulis mengangkat Balai Konservasi Borobudur sebagai instansi yang fokus dalam penanganan candi Borobudur yang sudah berpengalaman sebagai dasar dari pengambilan sumber matrei atau bahan artikel dari ensiklopedi tersebut. 3.5 Wawancara dengan Narasumber Wawancara dengan Bapak Iskandar M Sieregar S.si selaku Kepala Seksi Layanan Konservasi . beliau menegaskan bawa belum adanya sistem atau aplikasi ensiklopedi seperti perencanaan yang di buat oleh penulis sehingga bagus ataupun akan bermanfaat. Beliau juga menjelasan sebagus apapun aplikasi namun jiga tidak bermanfaat juga mubadzir. Wawancara dengan Staff Klompok kerja Dokumentasi (pokja) Bapak Ikwan. Beliaulah yang menjadi salah satu ahli IT pada Balai Konservasi Borobudur. beliau juga mengemukakan aplikasi yang dibuat penulis cukup menarik, terlalu banyaknya kegiatan yang dilakukan oleh Balai Konservasi Borobudur, menjadikan Bapak Ikwan kualahan dalam menangani bagian yang di rasa penting yaitu penelitian mengenai Aplikasi Ensiklopedia Candi Borobudur sehingga penjelasan lebih terfokus karena selama ini Aplikasi yang di buat berupa website hanya menjelaskan tentang kegiatan Balai Konservasi Borobudu
3.3 Struktur Link Website
Gambar1.Struktur Link Website Tabel 1 Perancangan dan Gambaran Apliksi
3.6 Analisis Kebutuhan Biaya Tabel analisis kebutuhan biaya 4 Implementasi dan Pembahasan 4.1 Alur Pembuatan Aplikasi
Gambar2.Alur pembuatan Aplikasi 4.2 Tabel 2 gambaran printscreen aplikasi dari awal pembuatan sampai selesai.
3.4 Deskripsi Permasalahan Obyek Candi Borobudur adalah candi Budha terbesar yang menjadi obyek wisata maupun kegiatan religi umat Budha yang sarat akan nilai-nilai pendidikan maupun moral dalam setiap bagian candi dari ujung ke ujung 6
penambahan fasilitas maupun fitur akan tetapi juga pada basic seperti font penulisan maupun tampilan aplikasi. . 4.4.4 Pemeliharaan Prefentif Pada tahapan ini adalah tidak lain sebagai pemeliharaan terhadap penanggulangan apabila terdapat cacat pada aplikasi sehingga akan langsung di perbaiki pada kemudian hari. Yang di lakukan penulis pada hal ini adalah yang sering di lakukan oleh kebanyakan pembuat Aplikasi yaitu pembuatan kuisioner yang dapat di isi oleh pengguna apliksi pasca menjalankan Apliksi maupun yang paling mudah adalah menyertakan contac person pembuat aplikasi pada Aplikasi sehingga pengguna Aplikasi akan langsung dapat memberikan masukan maupun komentar. Contac person pembuat aplikasi diletakkan pada bagian yang setrategis sehingga mudah di temukan Tabel 2 pengujian Aplikasi yang sudah support Adobe flash player dan belum support adobe flash player.
4.4 Pemeliharaan Apliksi 4.4.1 Pemeliharaa n Korektif Ke depan akan lebih meningkatk an fasilitas atu fitur yang terdapat pada Aplikasi Ensiklopedi Borobudur jika dirasa perlu guna menunjang kenyamanan bagi penguna Aplikasi ini. 4.4.2
Pemeliharaan Adaptif Pemeliharaan secara updating sistem, menginggat bahwa Candi Borobudur adalah candi yang sangat tua berkisar antara 1300 tahun yang lalu dan memiliki kompleks yang sangat luas serta banyak sekali bagian-bagian , akan banyak nantinya stetmen atau hasil dari penelitian yang baru, sehingga perlunya dan tidak dapat di tinggalkannya Pemeliharaan Adaptif guna menunjang Aplikasi sehingga Aplikasi juga mengalami perubahan sanma seperti hal maupun kejadian yang ada pada Candi Borobudur saat itu jugaPemeliharaan secara updating sistem, menginggat bahwa Candi Borobudur adalah candi yang sangat tua berkisar antara 1300 tahun yang lalu dan memiliki kompleks yang sangat luas serta banyak sekali bagian-bagian , akan banyak nantinya stetmen atau hasil dari penelitian yang baru, sehingga perlunya dan tidak dapat di tinggalkannya Pemeliharaan Adaptif guna menunjang Aplikasi sehingga Aplikasi juga mengalami perubahan sanma seperti hal maupun kejadian yang ada pada Candi Borobudur saat itu juga
5. Penutup 5.1 Kesimpulan Dari hasil pembahasan tentang Perancangan Aplikasi ensiklopedia candi Borobudur berbasis HTML5 pada Balai Konservasi Borobudur di atas,maka dapat di simpulkan bahwa: 1. Pengambilan file ataupu gambar - gambar proses foto dan scaning atau penjilitan buku tidak di lepsa sehingga hasil kurang bagus atau kurang maksimal. 2. Dari hasil testing uji Aplikasi ini dapat berjalan dengan perangkat komputer maupun gadged apapun jika memiliki kemampuan membaca Adobe flash player.
4.4.3
Pemeliharaan Pefektif (penyempurnaan) Hampir sama dengan pemeliharaan Korektif akan tetapi pada tahapan pemeliharaan ini sangat di tekankan pada penyempurnaan bukan hanya pada 7
3.
Dari hasil testing dari beberapa user (pemakai) mengatakan atau aplikasi ini sangat menarik dan mudah untuk di pergunakan. Di katakana menarik karena sumber yang di gunakan atau obyek yang di pergunakan belum pernah ada atau blum pernah kita jumpai di tempat manapun. Hanya dari kualitas gambar sudah bagus tapi belum maksimal. 4. Selain menghemat biaya dan ruang aplikasi ini juga menghemat tenaga,seseorang tidak memerluan tenaga besar untuk membawa PC atau gadged kemanapun dia pergi. 5.1 Saran Saran untuk Aplikasi ini agar dapat bermanfaat bagi penggunanya dan agar lebih baik lagi untuk kedepannya, yaitu : 1. Semakin banyak aplikasi seperti ini akan sangat membantu bagi kehidupan sehari – hari. Karena mempelajari sesuatu menjadi sangat simple dan mudah. 2. Tampilan interfacenya di buat semenarik mungkin agar user merasa senang mungkin di sesuaikan tema dari Aplikasi Ensiklopedi yang akan di olah. 3. Aplikasi ini dapat di gunakan atau di kembangkan secara spesifik dalam dunia pendidkan. 4. Mengacu pada era modernisasi perlunya sebuah solusi yang hemat,efisien,fleksibel dan serba cepat Aplikasi ini sangat cocok di gunakan. Demikian skripsi ini disusun, semoga dapat memberikan manfaat bagi masyarakat serta pembaca maupun peneliti selanjutnya. 6. 6.Daftar Pustaka [1]Arlianta Setya, Typalayao. 2013 .Aplikasi : Perancangan dan Pembuatan Program Aplikasi Ensiklopedia Hewan Prasejarah berbasis Multimedia. Universitas Kristen Petra [2] Purnama.Puji. 2013. Aplikasi : Perancangan dan Pembuatan program Aplikasi Ensiklopedia Fauna berbasis Multimedia.. Universitas Kristen Petra [3]Rijayana irwan. Mardiyanti febby. 2013. Aplikasi : Aplikasi Ensiklopedia Hewan Vertebrata berbasis Multimedia. Universitas Widiatama. [4] Enterprise. Jubille. 2012. HTML5 : Buku Pintar HTML5+CSS3+DreamWafer. Jakarta : Elex Media Computindo. [5]Sugianto, Mikael. 2011. Photoshop CS5 for Business. Jakarta : PT Elex Media Komputindo. [6]MADCOMS. 2011. Pemrograman : DremWeafer CS5 dan PHP MySQL. Jakarta : Andi Publisher. Dony Agung Prawoto, memperoleh gelar Sarjana Komputer(S.Kom), Jurusan Sistem Informasi STMIK AMIKOM Yogyakarta, lulus tahun 2015. Melwin Safrizal, memperoleh gelar Sarjana Sistem Informasi (S.Kom) di STMIK AMIKOM dan Teknik meraih gelar Master Of Engineering (M.Eng) di UGM. Saat ini menjadi dosen STMIK AMIKOM Yogyakarta.
8
