APLIKASI ENSIKLOPEDIA TARI DAERAH PULAU JAWA BERBASIS WEB

Transkripsi

1 APLIKASI ENSIKLOPEDIA TARI DAERAH PULAU JAWA BERBASIS WEB IBROHIM BINLADIN PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2013

2 APLIKASI ENSIKLOPEDIA TARI DAERAH PULAU JAWA BERBASIS WEB Laporan Tugas Akhir Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer Oleh : IBROHIM BINLADIN PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2013 ii

3

4

5 KATA PENGANTAR Dengan mengucapkan syukur alhamdulillah penulis panjatkan atas kehadirat Allah SWT yang telah melimpahkan rahmat dan karunianya, sehingga penulis dapat menyelesaikan laporan tugas akhir yang merupakan salah satu persyaratan untuk menyelesaikan program studi strata satu (S1) pada Jurusan Teknik Informatika Universitas Mercu Buana. Penulis menyadari sepenuhnya bahwa laporan tugas akhir ini masih jauh dari sempurna. Karena itu, semua kritik dan saran akan senantiasa penulis terima dengan senang hati dan sebagai masukkan yang berarti. Penyusunan laporan tugas akhir ini tidak lepas dari bantuan, bimbingan, dan dorongan dari berbagai pihak. Oleh karena itu, dengan segala kerendahan hati, penulis menyampaikan ucapan terima kasih kepada: 1. Ibu Desi Ramayanti, S.Kom., MT., selaku pembimbing tugas akhir pada Jurusan Teknik Informatika Universitas Mercu Buana. 2. Bapak Tri Daryanto, S.Kom., MT., selaku Kepala Program Studi pada Jurusan Teknik Informatika Universitas Mercu Buana. 3. Bapak Sabar Rudiarto, M.Kom., selaku Koordinator Tugas Akhir pada Jurusan Teknik Informatika Universitas Mercu Buana. 4. Bapak Bambang Hariyanto, Dr., MT., selaku Dekan Fakultas Ilmu Komputer Universitas Mercu Buana atas nasihat, saran dan motivasinya kepada penulis sehingga penulis merasa lebih terpacu untuk dapat menyelesaikan Laporan Tugas Akhir ini. 5. Seluruh Dosen Teknik Informatika Universitas Mercu Buana yang telah mendukung penulis baik semangat maupun materi. 6. Kedua orang tua dan keluarga, terutama ibu tercinta yang telah banyak memberikan do a, semangat dan bantuan, baik secara moril maupun materiil. 7. Sahabat-sahabat terbaik yang telah memberikan bantuan, do a dan motivasi untuk terus berusaha keras dan melangkah ke depan. iii v

6 8. Rekan-rekan seperjuangan, terutama kawan-kawan Angkatan 12 dan 13 yang telah memberikan semangat dan dukungan moral untuk terus menyelesaikan tugas akhir ini. Hanya do a yang dapat penulis panjatkan semoga Allah SWT membalas kebaikan dan selalu mencurahkan hidayah serta taufiknya, Amin. Akhir kata penulis berharap semoga laporan tugas akhir ini dapat bermanfaat bagi pembaca. Jakarta, 20 Februari 2013 Penulis iv vi

7 DAFTAR ISI Halaman LEMBAR PERNYATAAN...i LEMBAR PERSETUJUAN... ii KATA PENGANTAR... iii ABSTRAK... v ABSTRACT...vi DAFTAR ISI... vii DAFTAR GAMBAR... xiii DAFTAR TABEL... xvii BAB I PENDAHULUAN Latar Belakang Perumusan Masalah Ruang Lingkup / Batasan Masalah Metodologi Penelitian Tujuan dan Manfaat Penelitian Sistematika Penulisan... 7 BAB II LANDASAN TEORI Tari Daerah Sejarah Perkembangan Tarian Daerah Fungsi Tari Ensiklopedia Kategori Ensiklopedia Susunan Suatu Ensiklopedia Karakteristik Ensiklopedia Database Pengertian dan Konsep Database MySQL Relationship dalam Database Aplikasi Berbasis Web vii

8 2.4.1 HTML CSS Server Side Scripting (Pemrograman Sisi Server PHP) Client Side Scripting (Pemrograman Sisi Klien JavaScript) SEO ( Search Engine Optimization ) URL Rewriting (.htaccess) Modul Rewriting ( mod_rewrite ) Perangkat Lunak Penunjang Komodo Edit XAMPP PhpMyAdmin BAB III ANALISIS DAN PERANCANGAN SISTEM Tinjauan Umum Analisis Sistem Perancangan Aplikasi Perancangan ERD dan Struktur Data dan ERD (Entity Relationship Diagram) Struktur Tabel dan Tipe Data Perancangan Pemodelan Use Case Diagram Activity Diagram Sequence Diagram Perancangan Antarmuka (Interface) Desain Halaman Utama (Beranda) Desain Menu Log In dan Registrasi Desain Halaman Administrator Desain Menu Berita Desain Menu Input Berita Desain Menu Edit (Update) Berita Desain Menu Artikel Desain Menu Galeri Gambar viii

9 Desain Menu Galeri Video Desain Menu Bantuan Desain Menu Profil Desain Menu Hubungi Kami Desain Menu Forum Diskusi Desain Menu Tambah Topik Diskusi Desain Menu Tambah Tanggapan (Komentar) Diskusi BAB IV IMPLEMENTASI DAN PENGUJIAN Implementasi Aplikasi Lingkup Implementasi Perangkat Keras (Hardware) Perangkat Lunak (Software) Hasil Implementasi Pengujian Aplikasi Tujuan Pengujian Skenario Pengujian (Metode Black Box) Skenario Pengujian Terhadap Form Menu Utama Skenario Pengujian Terhadap Form Pencarian (Quick & Advanced) Skenario Pengujian Terhadap Form Login & Register Skenario Pengujian Terhadap Form Menu Admin di Halaman Administrator Skenario Pengujian Terhadap Form Input Data tarian Skenario Pengujian Terhadap Form Edit Data tarian Skenario Pengujian Terhadap Form Input Ragam Gerak/Bagian Tari Skenario Pengujian Terhadap Form Edit Ragam/Bagian tari ix

10 Skenario Pengujian Terhadap Form Input Berita Skenario Pengujian Terhadap Form Edit Berita Skenario Pengujian Terhadap Form Cut Off berita Skenario Pengujian Terhadap Form Menu Galeri Gambar Skenario Pengujian Terhadap Form Menu Galeri Video Skenario Pengujian Terhadap Form Menu Kuis Taripedia Skenario Pengujian Terhadap Form Menu Hubungi Kami Hasil Pengujian Hasil Pengujian Form Menu Utama Hasil Pengujian Form Pencarian (Quick & Advanced) Hasil Pengujian Form Login & Register Hasil Pengujian Form Menu Admin di Halaman Administrator Hasil Pengujian Form Input Data Tarian Hasil Pengujian Form Edit Data Tarian di Halaman Administrator Hasil Pengujian Form Input Ragam Gerak/Bagian Tari di Halaman Administrator Hasil Pengujian Form Edit Ragam/Bagian Tari di Halaman Administrator Hasil Pengujian Form Input Berita di Halaman Administrator Hasil Pengujian Form Edit Berita di Halaman Administrator Hasil Pengujian Form Cut Off Berita di Halaman Administrator x

11 Hasil Pengujian Form Menu Galeri Gambar di Halaman Pengunjung Hasil Pengujian Form Menu Galeri Video di Halaman Pengunjung Hasil Pengujian Form Menu Kuis Taripedia di Halaman Pengunjung Hasil Pengujian Form Menu Hubungi Kami di Halaman Pengunjung Pengujian Antarmuka Tampilan Form Menu Beranda (Home) Tampilan Form Menu Tarian Tampilan Form Menu Informasi Berita Tampilan Form Menu Informasi Artikel Tampilan Form Menu Galeri Gambar Tampilan Form Menu Galeri Video Tampilan Form Menu Unduh Tampilan Form Menu Ekstra Forum Tampilan Form Menu Ekstra Kuis Tampilan Form Menu Hubungi Kami Tampilan Form Menu Admin Input Tarian Tampilan Form Menu Admin Input Ragam Gerak / Bagian Tari Tampilan Form Menu Admin Input Berita Tampilan Form Menu Admin Input Konten Analisis Hasil Pengujian Kesimpulan Hasil Pengujian BAB V KESIMPULAN DAN SARAN Kesimpulan Saran DAFTAR PUSTAKA LAMPIRAN xi

12 DAFTAR GAMBAR Halaman Gambar 2.1 Klasifikasi tari-tarian... 9 Gambar 2.2 Contoh Tabel Database Gambar 2.3 Hierarki Database Gambar 2.4 Aplikasi web untuk kepentingan menjual produk secara online Gambar 2.5 Komponen Aplikasi Berbasis Web Gambar 2.6 Dokumen HTML paling sederhana Gambar 2.7 Mekanisme pemanggilan aplikasi web bertipe HTML Gambar 2.8 Contoh Penulisan CSS sederhana Gambar 2.9 Mekanisme pemanggilan aplikasi web bertipe PHP Gambar 2.10 Contoh penulisan Bahasa Pemrograman PHP Gambar 2.11 Contoh penggunaan kode PHP di dalam kode HTML Gambar 2.12 Contoh Penulisan JavaScript Gambar 2.13 Struktur URL yang buruk dan sulit dipahami Gambar 2.14 Struktur URL yang baik dan mudah dipahami Gambar 2.15 Contoh penulisan file.htaccess untuk mengontrol akses file atau direktori Gambar 2.16 Contoh penulisan file.htaccess untuk memproteksi direktori Gambar 2.17 Contoh penulisan URL Rewriting menggunakan file.htaccess Gambar 2.18 Tampilan awal Komodo Edit Gambar 2.19 XAMPP Gambar 2.20 Halaman Awal PhpMyAdmin Gambar 3.1 ER Diagram Aplikasi Ensiklopedia Tari Daerah Berbasis Web Gambar 3.2 Use Case Diagram Gambar 3.3 Activity diagram log in ke aplikasi ensiklopedia berbasis web xii

13 Gambar 3.4 Activity diagram register di aplikasi ensiklopedia berbasis web Gambar 3.5 Activity diagram membaca informasi atau deskripsi tarian daerah Gambar 3.6 Activity diagram mencari tarian daerah kata kunci pencarian Gambar 3.7 Activity diagram mencari dan membaca berita Gambar 3.8 Activity diagram mencari dan membaca artikel Gambar 3.9 Activity diagram melihat galeri gambar tari daerah Gambar 3.10 Activity diagram melihat galeri video tari daerah Gambar 3.11 Activity diagram memberi komentar di dalam detail tarian, berita dan artikel Gambar 3.12 Activity diagram mengikuti jajak pendapat ( polling ) Gambar 3.13 Activity diagram menambahkan berita baru Gambar 3.14 Activity diagram memverifikasi berita yang diinput oleh wartawan Gambar 3.15 Activity diagram menghubungi penulis web ( Hubungi kami ) Gambar 3.16 Activity diagram bermain kuis taripedia Gambar 3.17 Activity diagram mengunduh file dari aplikasi ensiklopedia 82 Gambar 3.18 Activity diagram menambah dan mengubah topik forum Gambar 3.19 Activity diagram menambah, mengubah dan menghapus tanggapan Gambar 3.20 Sequence diagram log in ke aplikasi ensiklopedia tari daerah berbasis web Gambar 3.21 Sequence diagram register di aplikasi ensiklopedia berbasis Web Gambar 3.22 Sequence diagram membaca informasi atau deskripsi tarian Daerah Gambar 3.23 Sequence diagram mencari tarian daerah dengan pencarian cepat dan lanjutan xiii

14 Gambar 3.24 Sequence diagram mencari dan membaca berita Gambar 3.25 Sequence diagram mencari dan membaca artikel Gambar 3.26 Sequence diagram melihat galeri gambar tari daerah Gambar 3.27 Sequence diagram melihat galeri video tari daerah Gambar 3.28 Sequence diagram memberi komentar di dalam detail tarian, berita dan artikel Gambar 3.29 Sequence diagram mengikuti jajak pendapat ( polling ) Gambar 3.30 Sequence diagram menambahkan berita baru Gambar 3.31 Sequence diagram verifikasi berita yang diinput oleh wartawan Gambar 3.32 Sequence diagram menghubungi penulis web ( Hubungi kami ) Gambar 3.33 Sequence diagram bermain kuis taripedia Gambar 3.34 Sequence diagram mengunduh file dari aplikasi ensiklopedia Gambar 3.35 Sequence diagram menambah dan mengubah topik Gambar 3.36 Sequence diagram menambah dan mengubah tanggapan.. 94 Gambar 3.37 Kerangka Awal Aplikasi ensiklopedia tari daerah berbasis web Gambar 3.38 Perancangan Halaman Utama (Beranda) Gambar 3.39 Form Log In and Register Gambar 3.40 Halaman Administrator (Manajemen Konten dan Modul) 98 Gambar 3.41 Menu Berita Gambar 3.42 Menu (form) Input Berita di Halaman Administrator Gambar 3.43 Menu (form) Edit Berita di Halaman Administrator Gambar 3.44 Menu Artikel pada Halaman Pengunjung Gambar 3.45 Menu Galeri Gambar pada Halaman Pengunjung Gambar 3.46 Menu Galeri Video Pada Halaman Pengunjung Gambar 3.47 Menu Bantuan Aplikasi di halaman Pengunjung Gambar 3.48 Menu Profil di halaman pengunjung Gambar 3.49 Menu Hubungi Kami di halaman pengunjung Gambar 3.50 Menu Forum Diskusi di halaman pengunjung xiv

15 Gambar 3.51 Menu Tambah Topik Diskusi di halaman pengunjung Gambar 3.52 Menu Tambah Tanggapan Diskusi di halaman pengunjung Gambar 4.1 Tampilan Form Menu Utama (Beranda) Gambar 4.2 Tampilan Form Menu Tarian di Halaman Pengunjung Gambar 4.3 Tampilan Form Menu Informasi Berita Gambar 4.4 Tampilan Form Menu Informasi Artikel Gambar 4.5 Tampilan Form Menu Galeri Gambar Gambar 4.6 Tampilan Form Menu Galeri Video Gambar 4.7 Tampilan Form Menu Unduh Gambar 4.8 Tampilan Form Menu Ekstra Forum Gambar 4.9 Tampilan Form Menu Ekstra Kuis Gambar 4.10 Tampilan Form Menu Hubungi Kami Gambar 4.11 Tampilan Form Menu Admin Input Tarian Gambar 4.12 Tampilan Form Menu Admin Input Ragam Gerak / Bagian Tari Gambar 4.13 Tampilan Form Menu Admin Input Berita Gambar 4.14 Tampilan Form Menu Admin Input Konten xv

16 DAFTAR TABEL Halaman Tabel 2.1 Perbandingan Ensiklopedia Konvensional dan Ensiklopedia Digital Tabel 3.1 Analisis Fitur-fitur Web terkait Budaya Indonesia Tabel 3.2 Kamus data untuk data pengguna Tabel 3.3 Kamus data untuk data tarian daerah Tabel 3.4 Kamus data untuk data provinsi Tabel 3.5 Kamus data untuk data pulau Tabel 3.6 Kamus data untuk kategori tarian Tabel 3.7 Kamus data untuk data berita Tabel 3.8 Kamus data untuk kategori topik forum diskusi Tabel 3.9 Kamus data untuk data ragam gerak dan bagian tari Tabel 3.10 Kamus data untuk data konten (artikel) Tabel 3.11 Kamus data untuk data komentar pengguna Tabel 3.12 Kamus data untuk modul-modul administrator Tabel 3.13 Kamus data untuk pelaporan user (pengunjung) Tabel 3.14 Kamus data untuk topik forum diskusi Tabel 3.15 Kamus data untuk tanggapan forum diskusi Tabel 3.16 Kamus data untuk counter pengunjung Tabel 3.17 Kamus data untuk pesan atau saran dari pengunjung (contact us) Tabel 3.18 Kamus data untuk statistik pengunjung Tabel 3.19 Kamus data untuk banner Tabel 3.20 Kamus data untuk id tarian dan id ragam gerak tarian Tabel 3.21 Kamus data untuk video tarian Tabel 3.22 Kamus data untuk profil pengguna Tabel 3.23 Kamus data untuk polling pengunjung Tabel 3.24 Kamus data untuk unduh dokumen (file) Tabel 3.25 Skenario use case log in ke aplikasi ensiklopedia berbasis web xvi

17 Tabel 3.26 Skenario use case register (registrasi) di aplikasi ensiklopedia berbasis web Tabel 3.27 Skenario use case membaca informasi atau deskripsi tarian daerah Tabel 3.28 Skenario use case mencari tarian daerah dengan pencarian cepat Tabel 3.29 Skenario use case mencari dan membaca berita Tabel 3.30 Skenario use case mencari dan membaca artikel Tabel 3.31 Skenario use case melihat galeri gambar tari daerah Tabel 3.32 Skenario use case melihat galeri video tari daerah Tabel 3.33 Skenario use case memberi komentar di dalam detail tarian, berita dan artikel Tabel 3.34 Skenario use case mengikuti jajak pendapat ( polling ) Tabel 3.35 Skenario use case menambahkan berita baru Tabel 3.36 Skenario use case verifikasi berita yang diinput oleh wartawan Tabel 3.37 Skenario use case menghubungi penulis web (Hubungi kami) Tabel 3.38 Skenario use case bermain kuis taripedia Tabel 3.39 Skenario use case mengunduh file dari aplikasi ensiklopedia Tabel 3.40 Skenario use case berkomentar (memberi tanggapan) dan posting topik di forum diskusi Tabel 4.1 Spesifikasi Perangkat Keras Tabel 4.2 Skenario Pengujian Form Menu Utama Tabel 4.3 Skenario Pengujian Form Pencarian (Quick & Advanced) Tabel 4.4 Skenario Pengujian Form Login & Register Tabel 4.5 Skenario Pengujian Form Menu Admin di Halaman Administrator Tabel 4.6 Skenario Pengujian Form Input Data Tarian xvii

18 Tabel 4.7 Skenario Pengujian Form Edit Data Tarian di Halaman Administrator Tabel 4.8 Skenario Pengujian Form Input Ragam Gerak/Bagian Tari di Halaman Administrator Tabel 4.9 Skenario Pengujian Form Edit Ragam/Bagian Tari di Halaman Administrator Tabel 4.10 Skenario Pengujian Form Input Berita di Halaman Administrator Tabel 4.11 Skenario Pengujian Form Edit Berita di Halaman Administrator Tabel 4.12 Skenario Pengujian Form Cut Off Berita di Halaman Administrator Tabel 4.13 Skenario Pengujian Form Menu Galeri Gambar di Halaman Pengunjung Tabel 4.14 Skenario Pengujian Form Menu Galeri Video di Halaman Pengunjung Tabel 4.15 Skenario Pengujian Form Menu Kuis Taripedia di Halaman Pengunjung Tabel 4.16 Skenario Pengujian Form Menu Hubungi Kami di Halaman Pengunjung Tabel 4.17 Hasil Pengujian Form Menu Utama di Halaman Pengunjung Tabel 4.18 Hasil Pengujian Form Pencarian (Quick & Advanced) Tabel 4.19 Hasil Pengujian Form Login dan Register Tabel 4.20 Hasil Pengujian Form Menu Admin di Halaman Administrator Tabel 4.21 Hasil Pengujian Form Input Data Tarian Tabel 4.22 Hasil Pengujian Form Edit Data Tarian di Halaman Administrator Tabel 4.23 Hasil Pengujian Form Input Ragam Gerak/Bagian Tari di Halaman Administrator xviii

19 Tabel 4.24 Hasil Pengujian Form Edit Ragam Gerak/Bagian Tari di Halaman Administrator Tabel 4.25 Hasil Pengujian Form Input Berita di Halaman Administrator Tabel 4.26 Hasil Pengujian Form Edit Berita di Halaman Administrator Tabel 4.27 Hasil Pengujian Form Cut Off Berita di Halaman Administrator Tabel 4.28 Hasil Pengujian Form Menu Galeri Gambar di Halaman Pengunjung Tabel 4.29 Hasil Pengujian Form Menu Galeri Video di Halaman Pengunjung Tabel 4.30 Hasil Pengujian Form Menu Kuis Taripedia di Halaman Pengunjung Tabel 4.31 Hasil Pengujian Form Menu Hubungi Kami di Halaman Pengunjung xix