APLIKASI ENSIKLOPEDIA KARAKTER WAYANG KULIT PURWA BERBASIS WEB. Laporan Tugas Akhir

Transkripsi

1 APLIKASI ENSIKLOPEDIA KARAKTER WAYANG KULIT PURWA BERBASIS WEB Laporan Tugas Akhir Diajukan Untuk Memenuhi Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang Riky Indarta NIM JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2015

2

3

4

5 LEMBAR PERSEMBAHAN Puji syukur kepada Allah SWT atas rahmat dan karunia nya sehingga penulis dapat menyelesaikan Tugas Akhir ini. Penulis menyampaikan ucapan terima kasih yang sebesar-besarnya kepada : 1. ALLAH SWT yang memberikan kelancaran dalam pengerjaan tugas akhir ini. 2. Kepada Bapak dan Ibu tercinta yang rela memberikan segalanya demi kelulusan anak tercintanya. 3. Kepada kakak laki-laki dan kakak perempuan saya yang selalu memberikan nasehat, doa, dan semangat sehingga terselesaikan tugas akhir ini. 4. Ellyana Tristya Martha, S.E yang sudah mendoakan dan selalu memberikan semangat, serta memotivasi saya sehingga terselesaikannya tugas akhir ini. 5. Bapak Yuda Munarko, S.Kom, M.Sc yang dengan sabar membimbing saya dalam menyelesaikan tugas akhir ini. 6. Bapak Ilyas Nuryasin, S.Kom, M.Kom yang dengan sabar membimbing saya dalam menyelesaikan tugas akhir ini. 7. Sahabat saya Irfan, Galih Swasono Jati, Setya Hadianto, Dwiky Satria, Luber Pambudi Raharjo, Rudini, Hafiz Arizki, dan Zakaria Apriliyanto yang tergabung dalam geng kapak pink yang selalu menemani saya dalam suka maupun duka. 8. Mbak Yayan Marthasari kasir kantin asri yang selalu memberikan kopi dan semangat serta doa. 9. Seluruh keluarga besar yang sudah mendoakan dan memberi semangat dan mendukung pengerjaan tugas akhir ini. 10. Seluruh teman-teman Informatika E yang istimewah dan fantastis yang selalu bersama mulai awal kuliah sampai saat ini. 11. Dan semua pihak yang telah membantu menyelesaikan Tugas Skripsi ini baik secara langsung maupun tidak langsung. vi

6 KATA PENGANTAR Dengan memanjatkan puji syukur kehadirat Allah SWT atas limpahan rahmat dan hidayah-nya sehingga penulis dapat menyelesaikan tugas akhir yang berjudul: APLIKASI ENSIKLOPEDIA KARAKTER WAYANG KULIT PURWA BERBASIS WEB Di dalam tulisan ini disajikan pokok-pokok bahasan tentang ensiklopedia digital yang meliputi informasi tentang beberapa gambar karakter wayang kulit purwa dan cara memaikan wayang kulit secara umum. Peneliti menyadari masih banyak kekurangan dan keterbatasan dalam penulisan tugas akhir ini. Untuk itu, penulis sangat mengaharapkan saran yang membangun agar tulisan ini dapat berguna untuk perkembangan ilmu pengetahuan kedepan. Malang, 15 januari 2015 Penulis Riky Indarta vii

7 DAFTAR ISI LEMBAR PERSETUJUAN... i LEMBAR PENGESAHAN... ii LEMBAR PERNYATAAN... iii ABSTRAK... iv ABSTRACT... v LEMBAR PERSEMBAHAN... vi KATA PENGANTAR... vii DAFTAR ISI... viii DAFTAR GAMBAR... xi DAFTAR TABEL... xiv BAB I PENDAHULUAN 1.1 Latar Belakang Rumusan Masalah Tujuan Batasan Masalah Metodologi Metode Pengumpulan Data Perancangan Sistem Pengujian Penulisan Laporan Sistematika Penulisan... 3 BAB II LANDASAN TEORI 2.1 Wayang Kulit Purwa Pengertian Website HTML Ensiklopedia... 9 BAB III ANALISA DAN PERANCANGAN SISTEM 3.1 Analisa Sistem Deskripsi Umum Aplikasi Analisa Kebutuhan Sistem viii

8 3.2 Perancangan Sistem Use-Case Diagram Actifity Diagram Sequence Diagram Desain Interface BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Sistem Lingkungan Implementasi Implementasi Antarmuka Halaman Awal Menu Cerita Menu Tutorial Sub Menu Textual Sub Menu Video Menu Galery Menu Games Sub Menu Tebak Gambar Sub Menu Pencocokan Gambar Halaman Login Admin Halaman Awal Admin Menu Galery Menu Cerita Pengujian Sistem Pengujian Fungsionalitas Aplikasi Pengujian Usability BAB V KESIMPULAN DAN SARAN 5.1 Kesimpulan Saran DAFTAR PUSTAKA LAMPIRAN ix

9 DAFTAR GAMBAR Gambar Halaman Gambar 3.1 Use Case Gambar 3.2 Activity Diagram Login Admin Gambar 3.3 Activity Diagram Kelola Data Cerita (Insert) Gambar 3.4 Activity Diagram Kelola Data Cerita (Update) Gambar 3.5 Activity Diagram Kelola Data Cerita (Delete) Gambar 3.6 Activity Diagram Kelola Data Galery (Insert) Gambar 3.7 Activity Diagram Kelola Data Galery (Update) Gambar 3.8 Activity Diagram Kelola Data Galery (Delete) Gambar 3.9 Activity Diagram View Data Home Gambar 3.10 Activity Diagram View Data Galery Gambar 3.11 Activity Diagram View Data Cerita Gambar 3.12 Activity Diagram View Data Tutorial Memainkan Gambar 3.13 Activity Diagram View Data About Gambar 3.14 Activity Diagram View Game Tebak Gambar Gambar 3.15 Activity Diagram View Game Pencocokan Gambar Gambar 3.16 Sequence Diagram Login Admin Gambar 3.17 Sequence Diagram Kelola Data Cerita Gambar 3.18 Sequence Diagram Kelola Data Galery Gambar 3.19 Sequence Diagram User View Data x

10 Gambar 3.20 Tampilan Interface Halaman Home Gambar 3.21 Tampilan Interface Halaman Cerita Gambar 3.22 Tampilan Interface Halaman Galery Gambar 3.23 Tampilan Interface Halaman Tutorial Gambar 3.24 Tampilan Interface Halaman About Gambar 3.25 Tampilan Interface Halaman Game Tebak Gambar Gambar 3.26 Tampilan Interface Halaman Game Pencocokan Gambar Gambar 3.27 Tampilan Interface Halaman Login Gambar 3.28 Tampilan Interface Halaman Admin Gambar 4.1 Menu Home Gambar 4.2 Menu Cerita Gambar 4.3 Sub Menu Textual Gambar 4.4 Sub Menu Video Gambar 4.5 Script Menampilkan Video Gambar 4.6 Menu Galery Gambar 4.7 Script Galery Gambar 4.8 Menu Tebak Gambar Gambar 4.9 Script Random Soal Gambar 4.10 Hasil Dari Jawaban Kuis Gambar 4.11 Script Proses Koreksi Dan Nilai Gambar 4.12 Game Pencocokan Gambar Gambar 4.13 Script Pengocokan Gambar xi

11 Gambar 4.14 Hasil Nilai Game Pencocokan Gambar Gambar 4.15 Script Proses Pencocokan Gambar Gambar 4.16 Login Admin Gambar 4.16 Script Proses Login Gambar 4.18 Halaman Awal Admin Gambar 4.19 Tabel Database Galery Gambar 4.20 Script Tabel Database Galery Gambar 4.21 Form Tambah Galery Gambar 4.22 Script Tambah Cerita Gambar 4.23 Form Update Galery Gambar 4.24 Script Update Galery Gambar 4.25 Scrript Proses Create, Update, dan Delete Galery Gambar 4.26 Tabel Database Cerita Gambar 4.27 Script Tabel Database Cerita Gambar 4.28 Form Tambah Cerita Gambar 4.29 Script Tambah Cerita Gambar 4.30 Form Update Galery Gambar 4.31 Script Update Galery Gambar 4.32 Scrript Proses Create, Update, dan Delete Cerita xii

12 DAFTAR TABEL Tabel Halaman Tabel 3.1 Kebutuhan Sistem Tabel 3.2 Penjelasan Use Case Tabel 4.1 Spesifikasi Tabel 4.2 Pengujian Fungsionalitas Aplikasi Tabel 4.3 Penilaian Responden Mahasiswa UMM Jurusan Teknik Informatika Tabel 4.4 Persentase nilai berdasarkan aspek xiii

13 DAFTAR PUSTAKA [2] Wayang kulit. Diakses pada tanggal 5 mei [3] Wayang Purwa. Diakses pada tanggal 6 mei [4] Html 5 dan kelebihannya. Diakses pada tanggal 5 mei [5] Makalah mengenal html 5. Di unduh pada 12 oktober Disusun_untuk_Memenuhi_Tugas_Mata_Kuliah_Teknologi_Informasi_da n_komunikasi_yang_diampu_oleh_septia_lutfi [6] Sejarah website dan teknologi html. Diakses pada tanggal 10 oktober [1] Kesenian wayang kulit purwa islam. Diakses pada tanggal 5 mei [7] Perbedaan web statis dan web dinamis. Diakses pada 10 Oktober [8] Ensiklopedia. Diakses pada 12. Oktober