PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

PLAGIAT PLAGIATMERUPAKAN MERUPAKANTINDAKAN TINDAKANTIDAK TIDAKTERPUJI TERPUJI

SISTEM INFORMASI MUSEUM WAYANG KEKAYON YOGYAKARTA BERBASIS WEB Studi Kasus : Museum Wayang Kekayon Yogyakarta

Skripsi Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer Program Studi Teknik Informatika

Oleh: Yohanes Wisnu Ari Pamungkas 105314028

PROGRAM STUDI TEKNIK INFORMATIKA JURUSAN TEKNIK INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI UNIVERSITAS SANATA DHARMA YOGYAKARTA 2015

i


WEB BASE INFORMATION SYSTEM OF WAYANG KEKAYON YOGYAKARTA MUSEUM Case Study: Wayang Kekayon Yogyakarta Museum

Thesis Presented as Partial Fulfillment of the Requirements To Obtain the Sarjana Komputer Degree In Informatics Engineering Study Program

By: Yohanes Wisnu Ari Pamungkas 105314028

INFORMATICS ENGINEERING STUDY PROGRAM DEPARTMENT OF INFORMATICS ENGINEERING FACULTY OF SCIENCE AND TECHNOLOGY SANATA DHARMA UNIVERSITY 2015

ii


iii


iv


Karya ini saya persembahkan kepada : Tuhan Yesus dan Bunda Maria yang selalu menyertai, memberkati

dan

memberikan Pertolongan dan Mukjizat untuk segala usaha yang saya lakukan sehingga skripsi ini dapat selesai dengan baik. Bapak Heribertus Sulistyo & Ibu Endang Yuliati, kedua orang tua saya yang selalu setia

dan dengan sabar

mendukung, mendoakan, dan memberikan

semangat. Fransiska Krisnawati, kakak saya yang tetap mendukung, mendoakan, dan memberikan semangat. Teman-teman Teknik Informatika angkatan 2010 untuk dukungannya.

v


HALAMAN MOTTO

“Tetap melakukan yang terbaik dan selalu berusaha menjadi yang lebih baik” “Berharap, Percaya dan Yakinlah bahwa Kuasa Tuhan akan selalu membawamu dalam kebahagiaan” “Selalu berdoa dan andalkan Kuasa Tuhan untuk segala urusan dan masalah yang kita hadapi” -Anonymous-

vi


vii


viii


ABSTRAK Promosi wisata Museum Wayang Kekayon Yogyakarta saat ini dilakukan melalui brosur, media sosial facebook, twitter, dan BBM. Alat promosi tersebut mempunyai keterbatasan masing- masing. Media sosial memiliki keterbatasan pada penyajian informasi yaitu pada jumlah informasi yang dapat ditampilkan. Sedangkan brosur terbatas pada waktu dan lokasi karena tidak semua orang mudah mendapatkan brosur secara cepat karena terkendala jarak dan waktu. Dari masalah tersebut, dibangun sistem informasi museum wayang kekayon dimana admin museum dapat menginformasikan semua informasi yang dimiliki oleh museum. Dengan demikian pengunjung dapat mengakses web untuk mendapatkan informasi mengenai Museum Wayang Kekayon Yogyakarta. Sistem ini dibangun dengan bahasa pemrograman PHP dan database MySQL. Sistem yang dibangun memiliki kemampuan untuk melihat profil museum, kegiatan museum, tokoh wayang, koleksi wayang dan juga pembelian tiket online. Setelah dilakukan uji coba di Museum Wayang Kekayon Yogyakarta ini diperoleh kesimpulan bahwa sistem ini secara umum mampu membantu mengatasi pemasalahan yang terjadi di Museum Wayang Kekayon Yogyakarta sebagai media promosi, sehingga masyarakat umum dapat dengan mudah memperoleh informasi tentang Museum Wayang Kekayon Yogyakarta. Kata Kunci: Sistem informasi, PHP, MySQL.

ix


ABSTRACT Tourism Promotion of Wayang Kekayon Yogyakarta Museum nowadays is only done by using the brochure, facebook, twitter and BBM. Those media have their own boundary. Social media has boundary on the information serving that is the amount of information which can be displayed. In other case, brochure has boundary on the time and location limitation because not all people can get the brochure. Considering those problems, there is new information system of Wayang Kekayon Yogyakarta Museum, where the administrator of the museum can inform all of the museum’s information. By doing that, the visitors can access the web and get the information about Wayang Kekayon Yogyakarta Museum. This system is developed by using the language of PHP program and MySQL database. The developed system has ability to see the museum’s profile, museum’s activity, puppet characters, puppet collection and online ticket buying. Based on the data after doing the system test and trial at Wayang Kekayon Yogyakarta Museum, it can be conclude that commonly the system can handling the problem in Wayang Kekayon Yogyakarta Museum as the promotion media, so that the society can get the information of Wayang Kekayon Yogyakarta Museum easily. Keywords: Information system, PHP, MySQL

x


KATA PENGANTAR Puji syukur penulis panjatkan kepada Tuhan Yang Maha Esa, atas berkat dan kasih-Nya, penulis dapat menyelesaikan skripsi yang berjudul : “SISTEM INFORMASI MUSEUM WAYANG YOGYAKARTA BERBASIS WEB” dengan baik.

KEKAYON

Pada kesempatan ini penulis juga ingin mengucapkan terima kasih kepada: 1. Bapak Drs. Haris Sriwindono, M.Kom., selaku dosen pembimbing yang telah meluangkan waktu dan dengan sabar membimbing dan memberikan pengarahan serta saran bagi penulis, sehingga skripsi ini dapat diselesaikan dengan baik. 2. Kepada keluarga, Bapak, Ibu dan kakak yang selalu memberikan kasih sayang, doa dan dukungan yang sangat besar kepada penulis. 3. Teman-teman

program

studi

Teknik

Informatika angkatan 2010

Universitas Santa Dharma atas dukungan, masukan dan doanya. 4. Semua pihak yang tidak dapat disebutkan satu persatu yang telah membantu penulis dalam proses penyelesaian skripsi. Dalam penulisan skripsi ini, masih banyak kekurangan dan hal yang perlu diperbaiki. Oleh karena itu penulis menerima kritik dan saran yang membangun dari pembaca. Akhirnya, penulis berharap semoga skripsi ini dapat berguna bagi pembaca. Penulis

Yohanes Wisnu Ari Pamungkas

xi


DAFTAR ISI

HALAMAN JUDUL ........................................................................................................... i HALAMAN JUDUL (BAHASA INGGRIS) ..................................................................... ii HALAMAN PERSETUJUAN........................................................................................... iii HALAMAN PENGESAHAN............................................................................................ iv HALAMAN PERSEMBAHAN ......................................................................................... v HALAMAN MOTTO ........................................................................................................ vi HALAMAN PERNYATAAN KEASLIAN KARYA ...................................................... vii HALAMAN PERSETUJUAN PUBLIKASI ................................................................... viii ABSTRAK ......................................................................................................................... ix ABSTRACT........................................................................................................................ x KATA PENGANTAR ....................................................................................................... xi DAFTAR ISI..................................................................................................................... xii DAFTAR GAMBAR ....................................................................................................... xvi DAFTAR TABEL............................................................................................................. xx

BAB 1 LATAR BELAKANG .................................................................................1 1.1 Latar Belakang ..............................................................................................1 1.2 Rumusan Masalah .........................................................................................2 1.3 Tujuan Penelitian ...........................................................................................2 1.4 Manfaat Penelitian .........................................................................................3 1.5 Batasan Masalah ............................................................................................3 1.6 Metodologi Penelitian ...................................................................................4 1.7 Sistematika Penulisan ....................................................................................5 BAB 2 LANDASAN TEORI ...................................................................................7 2.1 Sistem Informasi............................................................................................7 2.1.1 Pengertian Sistem .....................................................................................7 2.1.2 Pengertian Informasi ..............................................................................11 2.1.3 Pengertian Sistem Informasi ..................................................................12

xii


2.2 Sistem Informasi Berbasis Web ..................................................................14 2.3 PHP ..............................................................................................................15 2.4 MySQL ........................................................................................................17 2.5 XAMPP .......................................................................................................17 2.6 Notasi Pemodelan Sistem ............................................................................17 2.6.1 Use Case Diagram ..................................................................................17 2.6.2 Database Conceptual Design .................................................................19 2.6.3 Logical Design and Physical Design .....................................................20 2.6.4 Pemodelan Proses ..................................................................................21 2.7 Pengujian atau testing ..................................................................................24 2.8 Wayang ........................................................................................................26 2.8.1 Jenis Wayang .........................................................................................26 BAB III ANALISA DAN PERANCANGAN SISTEM ........................................28 3.1 Analisa Kebutuhan (System Analysis) ........................................................28 3.1.1 Deskripsi Umum Sistem Saat ini ...........................................................28 3.1.2 Deskripsi Umum Sistem yang akan Dibangun ......................................28 3.1.2.1 Analisa Kebutuhan Pengguna ....................................................29 3.1.2.2 Use Case Diagram .....................................................................30 3.1.3 Pemodelan Proses (Processing Modelling) ............................................47 3.1.3.1 Diagram Konteks (Context Diagram)........................................47 3.1.3.2 Diagram Berjenjang...................................................................48 3.1.3.3 Overview Diagram ....................................................................49 3.1.3.4 Data Flow Diagram Level 2 Proses 1 ........................................50 3.1.3.5 Data Flow Diagram Level 2 Proses 2 ........................................51 3.1.3.6 Data Flow Diagram Level 3 Proses 2.1 .....................................52 3.1.3.7 Data Flow Diagram Level 3 Proses 2.2 .....................................52 3.1.3.8 Data Flow Diagram Level 3 Proses 2.3 .....................................53

xiii


3.1.3.9 Data Flow Diagram Level 3 Proses 2.4 .....................................53 3.1.3.10 Data Flow Diagram Level 3 Proses 2.5 ...................................54 3.1.3.11 Data Flow Diagram Level 3 Proses 2.6 ...................................54 3.1.3.12 Data Flow Diagram Level 3 Proses 2.7 ...................................55 3.1.3.13 Data Flow Diagram Level 3 Proses 2.8 ...................................55 3.3.1.14 Data Flow Diagram Level 3 Proses 2.9 ...................................56 3.3.1.15 Data Flow Diagram Level 3 Proses 2.10 .................................56 3.3.1.16 Data Flow Diagram Level 3 Proses 2.11 .................................57 3.3.1.17 Data Flow Diagram Level 3 proses 1.7 ...................................57 3.3.1.18 Data Flow Diagram Level 3 proses 1.8 ...................................58 3.3.1.19 Data Flow Diagram Level 3 proses 1.9 ...................................58 3.3.1.20 Data Flow Diagram Level 3 proses 1.10 .................................58 3.3.1.21 Data Flow Diagram Level 4 proses 1.7.1 ................................59 3.2 Desain Sistem (System Design) ..................................................................60 3.2.1 Perancangan Basis Data .........................................................................60 3.2.1.1 Database Conceptual Design .....................................................60 3.2.1.2 Database Logical Design ...........................................................62 3.2.1.3 Database Physical Design ..........................................................64 3.2.2 Perancangan Antarmuka ........................................................................71 BAB IV IMPLEMENTASI SISTEM ....................................................................79 4.1 Spesifikasi Perangkat Keras dan Perangkat Lunak .....................................79 4.2 Implementasi (System Implementation) .....................................................79 4.1.1 Implementasi Basis Data ........................................................................79 4.1.2 Implementasi Sistem ..............................................................................87 4.1.2.1 Tampilan Untuk Pengunjung .....................................................87 4.1.2.2 Tampilan Untuk Admin .............................................................97 4.3 Hasil α test .................................................................................................110

xiv


4.3.1 Rencana Pengujian ...............................................................................110 4.3.2 Hasil Pengujian ....................................................................................111 4.3.3 Kesimpulan hasil pengujian α test .......................................................114 BAB V ANALISIS HASIL 5.1 Analisa Hasil Perangkat Lunak .................................................................115 5.2 Analisa Uji Coba Terhadap Pengguna ......................................................117 5.2.1 Form Kuisioner ....................................................................................117 BAB VI PENUTUP .............................................................................................124 6.1 Kesimpulan ................................................................................................124 6.2 Saran ..........................................................................................................125 DAFTAR PUSTAKA ..........................................................................................126 LAMPIRAN .........................................................................................................127

xv


DAFTAR GAMBAR

Gambar 2.1 Model Umum Sistem .........................................................................11 Gambar 2.2 Siklus Informasi .................................................................................12 Gambar 2.3 Simbol Use Case ................................................................................18 Gambar 2.4 Simbol Aktor ......................................................................................18 Gambar 2.5 Notasi dalam ERD..............................................................................20 Gambar 2.6 Simbol dari Kesatuan Luar/ Entitas Eksternal ...................................22 Gambar 2.7.Simbol Data Proses ............................................................................22 Gambar 2.8 Arus Data............................................................................................23 Gambar 2.9 Simbol Penyimpan Data .....................................................................23 Gambar 3.1 Use Case Diagram ..............................................................................30 Gambar 3.2 Diagram Konteks................................................................................47 Gambar 3.3 Diagram Berjenjang ...........................................................................48 Gambar 3.4 Diagram Overview .............................................................................49 Gambar 3.5 DFD Level 2 Proses 1 ........................................................................50 Gambar 3.6 DFD Level 2 Proses 2 ........................................................................51 Gambar 3.7 DFD Level 3 Kelola Data Golongan ..................................................52 Gambar 3.8 DFD Level 3 Kelola Data Cerita ........................................................52 Gambar 3.9 DFD Level 3 Kelola Data Tokoh .......................................................53 Gambar 3.10 DFD Level 3 Kelola Data Koleksi ...................................................53 Gambar 3.11 DFD Level 3 Kelola Data Profil ......................................................54 Gambar 3.12 DFD Level 3 Kelola Data Slider ......................................................54 Gambar 3.13 DFD Level 3 Kelola Data Komentar................................................55 Gambar 3.14 DFD Level 3 Kelola Data Kegiatan .................................................55 Gambar 3.15 DFD Level 3 Kelola Data Tiket .......................................................56 Gambar 3.15 DFD Level 3 Kelola Data Penjualan tiket........................................56

xvi


Gambar 3.15 DFD Level 3 Lihat Laporan Penjualan ............................................57 Gambar 3.16 DFD Level 3 Pemesanan Tiket ........................................................57 Gambar 3.17 DFD Level 3 Konfirmasi Pembayaran .............................................58 Gambar 3.18 DFD Level 3 Pencetakan Tiket ........................................................58 Gambar 3.19 DFD Level 3 Tampil Harga Tiket ....................................................58 Gambar 3.20 DFD Level 4 Pemilihan Tiket ..........................................................59 Gambar 3.21 ER Diagram ......................................................................................60 Gambar 3.22 ER Diagram ......................................................................................61 Gambar 3.23 Database Logical Design ..................................................................63 Gambar 3.24 Interface Menu Login .......................................................................70 Gambar 3.25 Interface Menu Golongan.................................................................70 Gambar 3.26 Interface Menu Tambah Golongan ..................................................71 Gambar 3.27 Interface Menu Cerita.......................................................................71 Gambar 3.28 Interface Menu Tambah Cerita ........................................................72 Gambar 3.29 Interface Menu Tokoh ......................................................................72 Gambar 3.30 Interface Menu Tambah Tokoh ........................................................73 Gambar 3.31 Interface Menu Koleksi ....................................................................73 Gambar 3.32 Interface Menu Tambah Koleksi ......................................................74 Gambar 3.33 Interface Menu Daftar Komentar .....................................................74 Gambar 3.34 Interface Menu Daftar Kegiatan .......................................................75 Gambar 3.35 Interface Menu Profil .......................................................................75 Gambar 3.36 Interface Menu Gambar Slider .........................................................76 Gambar 3.37 Interface Utama Pengunjung ............................................................76 Gambar 3.38 Interface Menu Profil .......................................................................77

Gambar 4.1 Halaman Utama Pengunjung ..............................................................88 Gambar 4.2 Halaman Profil ...................................................................................88

xvii


Gambar 4.3 Halaman Tokoh Wayang ....................................................................89 Gambar 4.4 Halaman Detail Tokoh Wayang .........................................................90 Gambar 4.5 Halaman Koleksi ................................................................................91 Gambar 4.6 Halaman Detail Koleksi .....................................................................92 Gambar 4.7 Halaman Kegiatan ..............................................................................93 Gambar 4.8 Halaman Kontak .................................................................................93 Gambar 4.9 Halaman Pesan Tiket ..........................................................................94 Gambar 4.10 Halaman Registrasi member ............................................................94 Gambar 4.11 Halaman Invoice ..............................................................................95 Gambar 4.12 Halaman Konfirmasi Tiket ...............................................................95 Gambar 4.13 Halaman Konfirmasi Pembayaran ...................................................96 Gambar 4.14 Halaman Print Tiket .........................................................................96 Gambar 4.15 Tiket Museum ..................................................................................97 Gambar 4.16 Login Admin ....................................................................................97 Gambar 4.17 Halaman Utama Admin ....................................................................98 Gambar 4.18 Tampilan Data Golongan Wayang ...................................................99 Gambar 4.19 Halaman Tambah Data Golongan ..................................................100 Gambar 4.20 Tampilan Data Golongan Wayang .................................................101 Gambar 4.21 Tampilan Data Tokoh Wayang ......................................................102 Gambar 4.22 Tampilan Cari Data Tokoh Wayang ..............................................103 Gambar 4.23 Tampilan Data Cerita .....................................................................104 Gambar 4.24 Tampilan Data Koleksi...................................................................104 Gambar 4.25 Tampilan Data Komentar ...............................................................105 Gambar 4.26 Tampilan Data Harga Tiket ............................................................106 Gambar 4.27 Tampilan Data Kegiatan.................................................................106 Gambar 4.28 Tampilan Data Profil ......................................................................107 Gambar 4.29 Tampilan Data Gambar Slider........................................................108

xviii


Gambar 4.30 Tampilan Data Penjualan Tiket ......................................................108 Gambar 4.31 Tampilan Validasi Pembayaran .....................................................108 Gambar 4.32 Tampilan Laporan Penjualan Tiket ................................................109 Gambar 4.33 Tampilan Laporan Pertahun ...........................................................109 Gambar 4.34 Tampilan Grafik Laporan Pertahun................................................109 Gambar 5.1 Grafik pernyataan 1 untuk pengunjung museum .............................118 Gambar 5.2 Grafik pernyataan 2 untuk pengunjung museum .............................118 Gambar 5.3 Grafik pernyataan 3 untuk pengunjung museum .............................119 Gambar 5.4 Grafik pernyataan 4 untuk pengunjung museum .............................120 Gambar 5.4 Grafik pernyataan 4 untuk pengunjung museum .............................121

xix


DAFTAR TABEL

Tabel 3.1 Narasi Use Case Tambah Data Golongan .............................................31 Tabel 3.2 Narasi Use Case Edit Data Golongan ...................................................31 Tabel 3.3 Narasi Use Case Hapus Data Golongan ................................................31 Tabel 3.4 Narasi Use Case Tambah Data Tokoh ..................................................32 Tabel 3.5 Narasi Use Case Edit Data Tokoh.........................................................32 Tabel 3.6 Narasi Use Case Hapus Data Tokoh .....................................................33 Tabel 3.7 Narasi Use Case Cari Data Tokoh ........................................................33 Tabel 3.8 Narasi Use Case Tambah Data Cerita ...................................................33 Tabel 3.9 Narasi Use Case Edit Data Cerita .........................................................34 Tabel 3.10 Narasi Use Case Hapus Data Cerita ....................................................34 Tabel 3.11 Narasi Use Case Cari Data Cerita .......................................................34 Tabel 3.12 Narasi Use Case Tambah Data Koleksi ..............................................35 Tabel 3.13 Narasi Use Case Edit Data Koleksi.....................................................35 Tabel 3.14 Narasi Use Case Hapus Koleksi..........................................................36 Tabel 3.15 Narasi Use Case Cari Koleksi .............................................................36 Tabel 3.16 Narasi Use Case Tambah Data Kegiatan ............................................36 Tabel 3.17 Narasi Use Case Edit Data Kegiatan...................................................37 Tabel 3.18 Narasi Use Case Hapus Data Kegiatan ...............................................37 Tabel 3.19 Narasi Use Case Validasi Komentar ...................................................38 Tabel 3.20 Narasi Use Case Hapus Komentar .......................................................38 Tabel 3.21 Narasi Use Case Tambah Data Profil .................................................38 Tabel 3.22 Narasi Use Case Edit Data Profil ........................................................39 Tabel 3.23 Narasi Use Case Hapus Data Profil ....................................................39 Tabel 3.24 Narasi Use Case Tambah Data Harga Tiket .......................................39 Tabel 3.25 Narasi Use Case Edit Data Harga Tiket ..............................................40

xx


Tabel 3.26 Narasi Use Case Hapus Data Harga Tiket ..........................................40 Tabel 3.27 Narasi Use Case Tambah Data Gambar Slider ...................................41 Tabel 3.28 Narasi Use Case Edit Data Gambar Slider..........................................41 Tabel 3.29 Narasi Use Case Hapus Data Gambar Slider ......................................41 Tabel 3.30 Narasi Use Case Validasi Pembayaran ...............................................42 Tabel 3.31 Narasi Use Case Lihat Laporan Penjualan ..........................................42 Tabel 3.32 Narasi Use Case Lihat Tokoh Wayang ...............................................43 Tabel 3.33 Narasi Use Case Lihat Koleksi Wayang .............................................43 Tabel 3.34 Narasi Use Case Tambah Data komentar ...........................................43 Tabel 3.35 Narasi Use Case Lihat Data Kegiatan .................................................44 Tabel 3.36 Narasi Use Case Pesan Tiket ..............................................................44 Tabel 3.37 Narasi Use Case Konfirmasi Pembayaran ..........................................45 Tabel 3.38 Narasi Use Case Cetak Tiket ..............................................................45 Tabel 3.39 Struktur Tabel Golongan ......................................................................64 Tabel 3.40 Struktur Tabel Cerita ............................................................................64 Tabel 3.41 Struktur Tabel Tokoh ...........................................................................65 Tabel 3.42 Struktur Tabel Koleksi .........................................................................65 Tabel 3.43 Struktur Tabel Kegiatan .......................................................................66 Tabel 3.44 Struktur Tabel Fotokegiatan.................................................................66 Tabel 3.45 Struktur Tabel Profil ............................................................................67 Tabel 3.46 Struktur Tabel Slider ............................................................................67 Tabel 3.47 Struktur Tabel Lang .............................................................................68 Tabel 3.48 Struktur Tabel Komentar .....................................................................68 Tabel 3.49 Struktur Table Tiket .............................................................................68 Tabel 3.50 Struktur Tabel Admin ..........................................................................69 Tabel 3.51 Struktur Tabel Pemesan .......................................................................69 Tabel 3.52 Struktur Tabel Notapesanan .................................................................69

xxi


Tabel 3.53 Struktur Tabel Pemesanantiket ............................................................70 Tabel 4.1 Penjelasan Pengujian Sistem ................................................................110 Tabel 4.2 Pengujian Login ...................................................................................111 Tabel 4.3 Pengujian Data .....................................................................................112 Tabel 5.1 Tabel kuisioner pengunjung pernyataan 1 ...........................................116 Tabel 5.2 Tabel kuisioner pengunjung pernyataan 2 ...........................................117 Tabel 5.3 Tabel kuisioner pengunjung pernyataan 3 ...........................................118 Tabel 5.4 Tabel kuisioner pengunjung pernyataan 4 ...........................................119 Tabel 5.5 Tabel kuisioner pengunjung pernyataan 5 ...........................................120

xxii


BAB I PENDAHULUAN

1.1 Latar Belakang Museum Wayang Kekayon Yogyakarta merupakan salah satu objek wisata di kota Yogyakarta. Museum Wayang Kekayon Yogyakarta didirikan oleh tokoh guru besar UGM, almarhum Prof. DR. dr. KPH. Soejono Prawirohadikusumo pada tahun 1991. Museum ini diresmikan oleh Gubernur Yogyakarta saat itu, KGPAA Paku Alam VIII. Kekayon adalah simbol gunungan dalam wayang dan kata “kekayon” berasal dari kata “kayu” yang berarti pohon hidup, sehingga sebenarnya melambangkan kehidupan, karena gunungan wayang membawakan lambang konsep mitos Jawa yaitu Sangkan Paraning Dumadi. Sampai saat ini, Museum Wayang Kekayon Yogyakarta menyimpan koleksi puluhan jenis wayang nusantara dan mancanegara. Tujuan pembangunan museum ini adalah sebagai salah satu wujud pelestarian heritage (warisan) nusantara. Jumlah kunjungan wisatawan tidak selalu ramai setiap hari. Meskipun harga tiket sangat murah yaitu Rp 7.000,00 untuk turis lokal dan Rp 10.000,00 untuk turis asing. Umumnya jumlah rata-rata pengunjung setiap harinya 3-5 orang. Hal ini dikarenakan kurangnya publikasi yang menginformasikan daya tarik musium tersebut pada masyarakat umum. Promosi wisata Museum Wayang Kekayon Yogyakarta saat ini dilakukan melalui brosur, media sosial facebook, twitter, dan BBM. Alat promosi tersebut mempunyai keterbatasan masing- masing. Media sosial tersebut memiliki

1


keterbatasan pada penyajian informasi yaitu pada jumlah informasi yang dapat ditampilkan. Sedangkan brosur terbatas pada waktu dan lokasi karena tidak semua orang mudah mendapatkan brosur secara cepat karena terkendala jarak dan waktu. Dari latar belakang tersebut, penulis tertarik untuk membangun sistem informasi berbasis web yang diharapkan mampu memberikan informasi mengenai keberadaan museum dan koleksi yang dimiliki oleh Museum Wayang Kekayon Yogyakarta. Selain itu juga sebagai sarana mempromosikan Museum Wayang Kekayon Yogyakarta pada masyarakat luas. Sistem informasi yang akan dibangun berbasis web menggunakan PHP dan MySQL.

1.2 Rumusan Masalah Berdasarkan latar belakang di atas maka dapat dirumuskan permasalahan penelitian ini yaitu: 1. Bagaimana membangun sistem informasi berbasis web yang dapat memberikan informasi koleksi Museum Wayang Kekayon Yogyakarta serta sebagai sarana promosi pada masyarakat umum ? 2. Apakah sistem yang dibangun bermanfaat dan mudah digunakan bagi pengelola museum ? 3. Apakah sistem yang dibangun bermanfaat dan mudah digunakan bagi pengguna?

2


1.3 Tujuan Penelitian Tujuan penelitian ini adalah: 1. Membangun sistem informasi berbasis web yang dapat menampilkan informasi koleksi Museum Wayang Kekayon Yogyakarta. 2. Membangun sarana baru untuk promosi Museum Wayang Kekayon Yogyakarta.

1.4 Manfaat Penelitian Penelitian skripsi ini mempunyai manfaat bagi Museum Wayang Kekayon Yogyakarta antara lain: 1. Sarana promosi pada masyarakat umum mengenai keberadaan Museum Wayang Kekayon Yogyakarta. 2. Sebagai sarana edukasi kepada masyarakat umum mengenai kekayaan koleksi Museum Wayang Kekayon Yogyakarta. 3. Memudahkan masyarakat umum untuk mengetahui informasi kegiatan yang ada di Museum Wayang Kekayon Yogyakarta.

1.5 Batasan Masalah Untuk menghindari pembahasan yang terlalu luas maka penulis akan membatasi dalam penulisan ini dengan hal-hal sebagai berikut : 1. Sistem informasi ini khusus dibuat untuk Museum Wayang Kekayon Yogyakarta.

3


2. Sistem informasi terdiri dari dua modul. Modul pertama, website untuk mengelola database yang hanya dapat dilakukan oleh admin database. Sedangkan modul kedua, website untuk menampilkan informasi pada masyarakat umum. 3. Informasi yang disajikan dalam teks Bahasa Indonesia dan Bahasa Inggris. 4. Sistem informasi dibangun menggunakan bahasa pemrograman PHP dan database MySQL. Sedangkan untuk ujicoba website menggunakan server XAMPP.

1.6 Metodologi Penelitian Metode yang digunakan sebagai acuan dasar penelitian ini adalah System Development Life Cycle (Whitten, 2004) antara lain : 1. Pembangunan sistem dengan dengan metode waterfall, dengan langkah-langkah sebagai berikut :

a. Analisis sistem (System Analysis) Pada tahapan ini dibahas mengenai gambaran umum sistem saat ini, gambaran umum sistem yang akan dibangun dan analisis kebutuhan pengguna.

b. Desain Sistem (System Design) Pada tahap ini akan menghasilkan dokumen atau bisa dikatakan sebagai data yang berhubungan dengan kebutuhan user dalam pembuatan software, termasuk rencana yang akan dilakukan. c. Implementasi (Systems implementation)

4


Pada tahap ini merupakan proses pembuatan sistem sesuai dengan desain sistem yang telah direncanakan.

2. Uji coba dengan pengguna yaitu : Pengelola museum (admin) dan pengunjung museum.

1.7 Sistematika Penulisan Penulisan laporan penelitian ini menggunakan sistematika sebagai berikut: Bab I Pendahuluan Bab ini berisi tentang latar belakang masalah, rumusan masalah, tujuan penelitian, manfaat penelitian, batasan masalah, metodologi penelitian dan sistematika penulisan untuk mempermudah pemehaman pembacaan skripsi ini. Bab II Landasan Teori Bab ini membahas teori- teori yang digunakan untuk mendukung penulisan skripsi ini. Bab III Analisa dan Perancangan Sistem Bab ini berisi penjelasan gambaran umum sistem, analisa kebutuhan, pemodelan proses, pemodelan data, perancangan database dan perancangan antarmuka (interface) dari sistem informasi Museum Wayang Kekayon Yogyakarta Berbasis Web secara umum dan terperinci. Bab IV Implementasi Sistem Bab ini berisi uraian dari implementasi sistem ini dan coding program inti yang merupakan implementasi dari system informasi Museum Wayang Kekayon Yogyakarta.

5


Bab V Analisa Hasil Bab ini berisi penjelasan hasil akhir dari sistem ini serta pembahasannya tentang sistem informasi Museum Wayang Kekayon Yogyakarta Berbasis Web yang telah dibuat tersebut. Bab ini juga berisi hasil pengujian terhadap pengunjung maupun admin museum terhadap sistem informasi Museum Wayang Kekayon Yogyakarta Berbasis Web. Bab VI Penutup Bab ini berisi kesimpulan yang diambil dari analisa, desain dan implementasi serta uji coba yang telah dilakukan. Selain itu bab ini juga berisi saran yang bermanfaat dalam pengembangan sistem ini di waktu mendatang.

6


BAB II LANDASAN TEORI

Bab ini berisi penjelasan mengenai teori atau konsep yang terkait dengan rumusan masalah dalam penelitian ini. Konsep yang dijelaskan yaitu sistem informasi, website, MYSQL, PHP, XAMPP, Diagram-diagram, Pengujian atau Testing. Setiap konsep atau teori berisi penjelasan mengenai definisi, bagianbagian serta peran masing-masing bagian tersebut dalam penelitian ini. Hal-hal tersebut diuraikan dalam beberapa sub bab di bawah ini.

2.1 Sistem Informasi 2.1.1 Pengertian Sistem Menurut

Jogiyanto

(1999)

sistem

adalah

kumpulan

dari

elemenelemen yang berinteraksi untuk mencapai suatu tujuan tertentu. Suatu sistem mempunyai maksud tertentu. Ada yang menyebutkan maksud dari suatu sistem adalah untuk mencapai suatu tujuan (goal) dan ada yang menyebutkan untuk mencapai suatu sasaran (objectives). Goal biasanya dihubungkan dengan ruang lingkup yang lebih luas dan sasaran dalam ruang lingkup yang lebih sempit. Bila merupakan suatu sistem utama, seperti misalnya sistem bisnis, maka istilah goal lebih tepat diterapkan. Untuk sistem akuntansi atau sistem-sistem yang lainnya yang merupakan bagian atau subsistem dari sistem bisnis, maka istilah objectives yang lebih tepat. Jadi tergantung dari ruang lingkup dari mana

7


memandang sistem tersebut. Seringkali tujuan (goal) dan sasaran (objective) digunakan bergantian dan tidak dibedakan.

2.1.1.1 Karakteristik Sistem Jogiyanto (1999) mengemukakan bahwa sistem memiliki beberapa karakteristik tertentu, antara lain : 1. Komponen Sistem Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi, yang artinya saling bekerja sama melakukan satu kesatuan. Komponen-komponen sistem atau elemen-elemen sistem dapat berupa suatu subsistem atau bagian-bagian dari sistem. Setiap sistem tidak perduli betapapun kecilnya, selalu mengandung komponen-komponen atau subsistem-subsistem. Setiap subsistem mempunyai sifat-sifat dari sistem untuk menjalankan suatu fungsi tertentu dan mempengaruhi proses sistem secara keseluruhan. 2. Batasan Sistem Batasan sistem (boundary) merupakan daerah yang membatasi antara suatu sistem dengan sistem yang lainnya atau dengan lingkungan luarnya. Batas sistem ini memungkinkan suatu sistem dipandang sebagai satu kesatuan. Batas sustu sistem menunjukkan ruang lingkup (scope) dari sistem tersebut. 3. Lingkungan Luar Sistem

8


Lingkungan luar (environment) dari suatu sistem adalah apapun diluar batas dari sistem yang mempengaruhi operasi sistem. Lingkungan luar sistem dapat bersifat menguntungkan dan dapat juga bersifat merugikan sistem tersebut. 4. Penghubung Sistem Penghubung (interface) merupakan media penghubung antara satu subsistem dengan subsistem yang lainnya. Melalui penghubung ini memungkinkan sumber-sumber daya mengalir dari satu subsistem ke subsistem yang lainnya. Keluaran (output) dari satu subsistem akan menjadi masukan (input) untuk susbsistem yang lainnya dengan melalui penghubung. Dengan penghubung satu subsistem dapat berintegrasi dengan subsistem yang lainnya membentuk satu kesatuan. 5. Masukan Sistem Masukan (input) adalah energi yang dimasukkan ke dalam sistem. Masukan dapat berupa masukan perawatan (maintenance input) dan masukan sinyal (signal input). Maintenance input adalah energi yangdimasukkan supaya sistem tersebut dapat beroperasi. Signal input adalah energi yang diproses untuk didapatkan keluaran. Sebagai contoh di dalam sistem komputer, program adalah maintenance input yang digunakan untuk mengoperasikan komputernya dan data adalah signal input untuk diolah menjadi informasi.

9


6. Keluaran Sistem Keluaran (output) adalah hasil dari energi yang diolah dan diklasifikasikan menjadi keluaran yang berguna dan sisa pembuangan. Keluaran dapat merupakan masukan untuk subsistem yang lain atau kepada supra sistem. Misalnya untuk sistem komputer, panas yang dihasilkan adalah keluaran yang tidak berguna dan merupakan hasil sisa pembuangan, sedang informasi adalah keluaran yang dibutuhkan. 7. Pengolahan Sistem Suatu sistem dapat mempunyai suatu bagian pengolah yang akan merubah masukan menjadi keluaran. Suatu sistem produksi akan mengolah masukan berupa bahan baku dan bahan-bahan yang lain menjadi keluaran berupa barang jadi. Sistem akuntansi akan mengolah data-data transaksi menjadi laporan-laporan keuangan dan laporan-laporan lain yang dibutuhkan oleh manajemen. 8. Sasaran Sistem Suatu sistem pasti mempunyai tujuan (goal) atau sasaran (objective). Kalau suatu sistem tidak mempunyai sasaran, maka operasi sistem tidak akan ada gunanya. Sasaran dari sistem sangat menentukan sekali masukan yang dibutuhkan sistem dan keluaran yang akan dihasilkan sistem. Suatu sistem dikatakan berhasil bila mengenai sasaran atau tujuannya.

10


2.1.1.2 Model Umum Sistem Secara umum model suatu sistem terdiri dari masukan (input), pengolahan (process) dan keluaran (output), seperti pada gambar 2.1

Gambar 2.1 Model Umum Sistem

2.1.2 Pengertian Informasi Menurut Jogiyanto (1999), informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya. Sumber dari informasi adalah data. Data merupakan bentuk jamak dari bentuk tunggal datum atau data-item. Data adalah kenyataan yang menggambarkan suatu kejadian-kejadian dan kesatuan nyata. Kejadiankejadian (event) adalah sesuatu yang terjadi pada saat yang tertentu. Di dalam dunia bisnis, kejadian-kejadian nyata yang sering terjadi adalah perubahan dari suatu nilai yang disebut dengan transaksi. Misalnya penjualan adalah transaksi perubahan nilai barang menjadi nilai uang atau nilai piutang dagang. Kesatuan nyata (fact dan entity) adalah berupa suatu obyek nyata seperti tempat, benda dan orang yang betul-betul ada dan terjadi.

11


2.1.2.1 Siklus Informasi Data merupakan bentuk yang masih mentah yang belum dapat bercerita banyak, sehingga perlu diolah lebih lanjut. Data diolah melalui suatu model untuk dihasilkan informasi. Data yang diolah melalui suatu model menjadi informasi, penerima kemudian menerima informasi tersebut, membuat suatu keputusan dan melakukan tindakan, yang berarti menghasilkan suatu tindakan yang lain yang akan membuat sejumlah data kembali. Data tersebut akan ditangkap sebagai input, diproses kembali lewat suatu model dan seterusnya membentuk suatu siklus yaitu yang disebut dengan siklus informasi.

Gambar 2.2 Siklus Informasi

2.1.3 Pengertian Sistem Informasi Menurut (Hall, 2001), yang dimaksud dengan sistem informasi adalah sebuah rangkaian prosedur formal di mana data dikelompokkan,

12


diproses menjadi informasi, dan didistribusikan kepada pemakai. Jenisjenis sistem informasi : 1. Sistem Pemerolehan Transaksi (TPS) TPS merupakan hasil perkembangan dari pembentukan kantor elektronik, dimana sebagian dari pekerjaan rutin diotomatisasi termasuk untuk pemrosesan transaksi. Pada TPS, data yang dimasukkan merupakan data-data transaksi yang terjadi. Kemudian data-data tersebut akan diproses untuk menghasilkan informai yang akurat sesuai dengan kebutuhannya. 2. Sistem Informasi Manajemen (SIM) SIM adalah sebuah kelengkapan pengelolaan dari proses-proses yang menyediakan informasi untuk manajer guna mendukung operasioperasi dan pembuatan keputusan dalam sebuah organisasi. 3. Sistem Pendukung Keputusan (SPK) SPK merupakan peningkatan dari SIM dengan penyediaan prosedurprosedur khusus dan pemodelan yang unik yang akan edrmembantu manajer dalam memperoleh alternatif keputusan. 4. Sistem Informasi Akuntansi (SIA) SIA merupakan sistem informasi yang menyediakan informasi yang dipakai oleh fungsi akuntansi. Sistem ini mencakup semua transaksi yang berhubungan dengan keuangan dalam perusahaan. 5. Sistem Informasi Manufaktur (SIM)

13


Sistem yang bekerja sama dengan sistem informasi lain untuk mendukung manajemen perusahaan dalam menyelesaikan masalah yang berhubungan dengan produk atau jasa yang dihasilkan perusahaan. 6. Sistem Informasi Pemasaran (SIP) SIP menyediakan informasi yang dipakai oleh fungsi pemasaran. Misalnya berupa ringkasan penjualan. 7. Sistem Informasi Akademik Sistem yang digunakan untuk membantu proses belajar mengajar di suatu instansi pendidikan. 8. Sistem Informasi SDM Sistem informasi yang menyediakan informasi yang dipakai oleh fungsi personalia. Misalnya berisi informasi gaji, ringkasan pajak, tunjangan hingga kinerja pegawai.

2.2 Sistem Informasi Berbasis Web Sistem Informasi berbasis Web adalah sebuah sistem informasi yang menggunakan teknologi web atau internet untuk memberikan informasi dan layanan kepada pengguna atau sistem lain / aplikasi lain (Agustinus, 2013). Sebuah sistem informasi web biasanya terdiri dari satu atau lebih aplikasi web yang masing-masing komponen mempunyai fungsi tertentu. Dimana masingmasing komponen tersebut saling dukung satu dengan yang lainnya guna mencapai fungsi Sistem Informasi berbasis Web secara umum. Karena berbasis

14


web, syarat pertama tentu harus ada sebuah web server yang dapat mendukung Sistem Informasi tersebut. Saat ini web server yang paling dikenal adalah Apache Web Server. Hal lain yang juga menjadi syarat mutlak adalah Software Pemrograman Web. Harus ada sebuah bahasa pemrograman web sebagai pendamping HTML (HyperText Markup Language). Salah satu yang terkenal yang paling populer adalah PHP. Dan yang terpenting juga adalah database untuk menyimpan dan memanajemen data. Database yang digunakan harus mampu menangani berjuta-juta data dan dapat diakses dengan cepat. Salah satu database yang direkomendasikan adalah Oracle atau MySQL.

2.3 PHP PHP (Personal Home Page) atau yang sekarang PHP (Hypertext Preprocessor) merupakan salah satu bahasa server-side yang didesain khusus untuk aplikasi web. PHP adalah bahasa server-side scripting yang menyatu dengan HTML untuk membuat halaman web yang dinamis.File yang hanya berisi kode HTML tidak mendukung pembuatan aplikasi yang melibatkan database karena HTML dirancang untuk menyajikan informasi yang bersifat statis (tampilan yang isinya tetap hingga web master atau penanggung jawab web melakukan perubahan isi). Oleh karena itu, selanjutnya muncul pemikiran untuk membuat suatu perantara yang memungkinkan aplikasi bisa menghasilkan sesuatu yang bersifat dinamis dan berinteraksi dengan database. Akhirnya, lahirlah berbagai perantara seperti PHP, ASP, dan JSP. Bila PHP mendeteksi adanya interaksi dengan database, maka PHP akan melakukan permintaan pada database

15


server dan hasil dari database server diproses lebih lanjut. Setelah semua isi file diproses, maka hasilnya (berupa suatu kode HTML) diserahkan ke web server. Selanjutnya, web server mengirimkan kode HTML kepada pemakai. PHP sendiri adalah perangkat lunak yang bersifat free (gratis). Pemakai bisa mengunduhnya di Internet melalui situs www.php.net. Namun, perlu diketahui, PHP terkadang dikemas dalam bundel perangkat lunak, misalnya pada WAMP5. Hal yang menarik lainnya adalah PHP bersifat multiplatform. Artinya, PHP dapat berjalan pada berbagai sistem, seperti Windows, Linux, dan UNIX. Kode PHP dapat dilekatkan pada kode HTML dengan menggunakan tag . Belajar HTML Selamat Belajar HTML.
Pada contoh tersebut, baris adalah kode atau skrip PHP. Sedangkan baris printf(“Tgl. Sekarang: %s “, Date(“d F Y”)); merupakan sebuah pernyataan PHP yang digunakan untuk

16


menampilkan tulisan, Tgl. Sekarang: dan diikuti dengan tanggal, bulan, dan tahun (diperoleh melalui pemanggilan fungsi Date( )).

2.4 MySQL MySQL (My Structure Query Language) adalah sebuah program pembuat database yang mampu menyimpan, menerima dan mengirimkan data dalam jumlah yang besar dengan cepat. MySQL merupakan program pengakses database yang bersifat jaringan sehingga dapat digunakan untuk multi user (banyak pengguna). MySQL merupakan sebuah database server yang bersifat free, yang artinya bebas digunakan untuk keperluan pribadi / usaha tanpa harus membeli atau membayar lisensinya. MySQL menggunakan bahasa Query standar yang dimiliki oleh SQL (Structure Query Language).

2.5 XAMPP XAMPP adalah paket distribusi gratis berisi Apache Web Server, PHP, MySQL dan PerlFTP Server dan PHPMyAdmin. Paket distribusi ini memudah pengembang website untuk menggunakan Apache Web Server. XAMPP dapat dijalankan pada platform LINUX, Solaris dan Windows.

2.6 Notasi Pemodelan Sistem 2.6.1 Use Case Diagram Use Case diagram adalah diagram yang menggambarkan interaksi antara sistem dengan sistem eksternal dan pengguna. Use case diagram

17


akan menggambarkan secara grafikal pengguna sistem dan cara user berinteraksi dengan sistem (Whitten, 2004).

2.6.1.1 Simbol Use Case dan Aktor Use case digambarkan secara grafik dengan bentuk elips horizontal dengan nama dari user case tertera dibawah atau didalam elips.

Gambar 2.3 Simbol Use Case

Aktor merupakan segala sesuatu yang dibutuhkan untuk berinteraksi dengan sistem untuk mengubah informasi. Aktor dapat berupa orang, organisasi atau sistem informasi yang lain atau juga mungkin adalah suatu waktu kejadian.

Gambar 2.4 Simbol Aktor

18


2.6.2 Database Conceptual Design Hasil dari fase ini disebut sebagai conceptual schema dan dinyatakan dalam conceptual data model yang menggunakan

Entity

Relationship Diagram (ERD). ERD merupakan alat yang digunakan untuk membantu dalam proses pemodelan data. Dua komponen utama pembentuk ERD adalah entitas dan relasi. Entitas adalah sebuah objek yang nyata ada dan dibedakan dari sesuatu yang lain. Setiap entitas pasti memiliki atribut yang mendeskripsikan karakteristik dari entitas tersebut. Sedangkan relasi adalah hubungan antara entitas. Ada beberapa macam relasi yang dapat digambarkan dalam ERD yaitu: 1. Relasi Satu lawan Satu (One to One Relationship) Relasi ini terjadi bila tiap anggota entity A hanya boleh berpasangan dengan tepat satu anggota entity B. Hubungan 1 : 1 mencakup juga relasi 1 : 0 dan 0 : 1. 2. Relasi Satu lawan Banyak (One to Many Relationship) Relasi ini terjadi bila tiap anggota entity A berpasangan lebih dari satu anggota entity B. Hubungan one to manu mencakup relasi 1 : 1, 0 : 1, 1 : 1. 3. Relasi Banyak lawan Banyak (many to many Relationship) Relasi ini terjadi bila tiap anggota entity AA boleh berpasangan ddengan lebih dari satu anggota entity B, begitu juga sebalikya tiap anggota B boleh berpasangan dengan lebih dari satu anggota entity A. Relasi ini mencakup 1 : *, 1 : 1, 1 : 0, 0 : 1

19


Entitas

Atribut

Atribut Penghubung antara entitas dan relasinya

Atribut Kunci

Internal Identifier

Internal Identifier

Gambar 2.5 Notasi dalam ERD

2.6.3 Logical Design and Physical Design Dalam fase

logical design ini dilakukan proses transaksi dari

conceptual schema yang sudah dibuat pada fase sebelumnya. Hassil dari fase ini disebut sebagai logical scema dan dinyatakan dalam logical data model yang digambarkan menggunakan relational model. Dalam fase ini harus dilakukan beberapa optimalisasi terhadap operasi-operasi yang akan dilakukan terhadap data-data yang ada. Teknik yang biasa digunakan untuk melakukan optimalisasi ini dinamakan normalisasi. Normalisasi adalah suatu proses pengelompokan elemen data ke dalam sejumlah table yang mempresentasikan sejumlah entitas dan relasinya. Langkah normalisasi bertujuan : 1. Sebagai alat penolong dalam proses perancangan database. 2. Untuk meminimalkan grup elemen data yang sama dan berulangulang (redundansi) dalam database karena hal tersebut menyebabkan akses menjadi lambat dan meborokan tempat penyimpanan.

20


3. Untuk

memudahkan

proses

penyisian,

penghausan,

dan

pengembangan database. Sedangkan untuk fase

physical design harus dipastikan bahwa

logical schema yang sudah dibuat pada fase sebelumnya dilengkapi dengan detail-detal yang diperlukan untuk pengimplementasian secara fisik pada Database Management System (DBMS) yang akan digunakan. Hasil dari fase ini disebut sebagai physical schema.

2.6.4 Pemodelan Proses DFD digunakan untuk menggambarkan sistem yang ada atau system

baru

yang

akan

dikembangkan

secara

logika

tanpa

mempertimbangkan lingkungan fisik dimana data itu mengalir dan disimpan. DFD tingkat 0 disebut juga dengan model sistem fundamental atau model konteks atau diagram konteks, merepresentasikan seluruh elemen system sebagai sebuah bubble tunggal dengan data input dan output yang di tujukan dengan anak panah yang masuk dan keluar secara berurutan (Pressman, 2002). Empat simbol yang digunakan untuk memetakan gerakan diagram alir data adalah: external entity (kesatuan luar) atau boundary (batas sistem), data flow (arus data), process, data store (simpanan data). 1. Entitas Eksternal atau Kesatuan Luar

21


Sistem akan menerima input dan menghasilkan output kepada lingkungan luarnya. Kesatuan luar adalah kesatuan di luar sistem yang dapat berupa orang, organisasi, atau sistem lainnya yang akan memberikan input atau menerima output dari sistem. Kesatuan luar disimbolkan dengan suatu notasi persegi empat.

Gambar 2.6 Simbol dari Kesatuan Luar/ Entitas Eksternal 2. Proses Suatu proses adalah kegiatan atau kerja yang dilakukan oleh orang, mesin atau komputer. Arus data masuk kedalam proses untuk dihasilkan arus data yang akan keluar dari proses. Suatu proses dapat ditunjukkan dengan symbol lingkaran sebagai berikut: Nomor proses

Gambar 2.7.Simbol Data Proses Setiap proses harus diberi penjelasan lengkap meliputi: Identitas proses berupa angka di atas dan nama proses yang ditulis di tengahtengah simbol proses. 3. Arus Data Arus data atau data flow diberi simbol anak panah. Arus data mengalir diantara proses, simpanan data dan kesatuan luar. Arus data ini 22


menunjukkan arus dari data yang dapat berupa masukan untuk sistem atau hasil dari proses sistem dan dapat berbentuk :formulir, laporan tercetak, tampilan output di layar monitor, suara, surat, data yang direkamke file dan sebagainya. Arus data diberi nama yang jelas dan mempunyai arti.

Gambar 2.8 Arus Data 4. Penyimpanan Data Berfungsi untuk menyimpan data atau file. Adapun symbol dari obyek data adalah sebagai berikut :

Gambar 2.9 Simbol Penyimpan Data Nama dari data store menunjukkan nama dari tabel data, misalnya table langganan, table transaksi, table arsipfaktur dan sebagainya. Didalam penggambaran simpanan data DFD perlu diperhatikan bahwa hanya proses saja yang dapat berhubungan dengan simpanan data karena yang menggunakan atau mengubah data pada simpanan data adalah suatu proses. Arus data yang menuju simpanan data menunjukkan proses update data yaitu penambahan, menghapus, atau merubah nilai data. Sedangkan

23


arus data yang berasal dari simpanan data kesuatu proses dapat berarti bahwa proses tersebut menggunakan data yang ada di simpanan data. 2.7 Pengujian atau testing Menurut Simarmata (2010:301) “pengujian adalah proses eksekusi suatu program untuk menentukan kesalahan”. 1. Proses-proses pengujian

a. Pengujian alfa adalah pengujian operasional yang aktual atau tim penguji independen pada pengembang. Pengujian alfa sering digunakan untuk perangkat lunak off-the-shelf sebagai bentuk pengujian penerimaan internal, sebelum perangkat lunak masuk kedalam pengujian beta.

b. Pengujian beta dilakukan setelah pengujian alfa. Versi perangkat lunak dikenal juga dengan versi beta yang dirilis untuk pengguna terbatas di luar tim pemrograman. Perangkat lunak dilepaskan ke dalam kelompok masyarakat agar pengujian lebih lanjut dapat memastikan bahwa produk memiliki beberapa kesalahan atau bug. Terkadang, versi beta tersedia untuk umum untuk meningkatkan masukan.

2. Jenis-Jenis pengujian

a. Black Box Testing Menurut Rizky (2011:264), black box testing adalah tipe testing yang memperlakukan perangkat lunak yang tidak diketahui kinerja

24


internalnya. Sehingga para tester memandang perangkat lunak seperti layaknya sebuah “kotak hitam” yang tidak penting dilihat isinya, tapi cukup dikenai proses testing di bagian luar. Jenis testing ini hanya memandang perangkat lunak dari sisi spesifikasi dan kebutuhan yang telah didefinisikan pada saat awal perancangan. Sebagai contoh, jika terdapat sebuah perangkat lunak yang merupakan sebuah sistem informasi inventory di sebuah perusahaan. Maka pada jenis whitebox testing, perangkat lunak tersebut akan berusaha dibongkar listing programnya untuk kemudian dites menggunakan teknikteknik yang ada. Sedangkan pada jenis blackbox testing, perangkat lunak tersebut akan dieksekusi kemudian berusaha dites apakah telah memenuhi kebutuhan pengguna yang didefinisikan pada saatawal tanpa harus membongkar listing programnya.

b. White BoxTesting Menurut Rizky (2011:261), whitebox testing secara umum merupakan jenis testing yang lebih berkonsentrasi terhadap “isi” dari perangkat lunak itu sendiri. Jenis ini lebih banyak berkonsentrasi kepada source code dari perangkat lunak yang dibuat sehingga membutuhkan proses testing yang jauh lebih lama dan lebih “mahal” dikarenakan membutuhkan ketelitian dari para tester serta kemampuan teknis pemrograman bagi para testernya.

25


Akibatnya jenis testing tersebut hanya dapat dilakukan jika perangkat lunak telah dinyatakan selesai dan telah melewati tahapan analisa awal. Jenis testing ini juga membutuhkan inputan data yang dianggap cukup memenuhi syarat agar perangkat lunak benar-benar dinyatakan memenuhi kebutuhan pengguna.

2.8

Wayang Arti harafiah dari wayang adalah “bayangan” tetapi dalam perjalanan waktu pengertian wayang tersebut berubah dan kini wayang dapat berarti pertunjukan atau teater atau dapat pula berarti aktor dan aktris (Pandam Guritno, 1988:7). Dilihat dari sudut pandang keistilahan ada beberapa pendapat mengenai asal kata wayang. Pendapat pertama mengatakan wayang berasal dari kata wayangan atau bayangan yaitu sumber ilham, yang maksudnya yaitu ide dalam menggambarkan wujud tokoh. Sedangkan pada pendapat kedua mengatakan kata wayang berasal dari Wad dan Hyang, artinya leluhur (Pandam Guritno, 1988:11).

2.8.1 Jenis Wayang Menurut Pandam Guritno (1988:12) aneka ragam jenis wayang dapat digolongkan atas lima golongan yaitu : 1. Wayang kulit, yaitu wayang yang pelakunya muncul di panggung adalah boneka-boneka dua dimensi yang terbuat dari kulit atau tulang belulang.

26


2. Wayang Golek, yaitu wayang yang pelakunya muncul di panggung adalah boneka-boneka tiga dimensi yang terbuat dari kayu. 3. Wayang Wong atau Wayang Orang, yaitu wayang yang pelakunya muncul di panggung adalah orang. 4. Wayang Beber, yaitu wayang yang pelakunya hanya digambarkan di atas kertas lebar yang digulung dan direntangkan (dibeber) dalam pertunjukan. 5. Wayang Klithik, yaitu wayang yang pelakunya muncul di panggung adalah boneka-boneka yang terbuat dari kayu pipih.

27


BAB III ANALISA DAN PERANCANGAN SISTEM

Dalam Bab III ini menjelaskan gambaran umum sistem, analisa kebutuhan, pemodelan proses, desain sistem, perancangan database dan perancangan interface yang dibangun oleh penulis. 3.1 Analisa Kebutuhan (System Analysis) 3.1.1 Deskripsi Umum Sistem Saat ini

Saat ini Museum Wayang Kekayon Yogyakarta dikelola secara manual. Untuk dapat menikmati koleksi museum pengunjung harus berkunjung secara langsung ke museum. Sebelum masuk kedalam museum pengunjung diharuskan mengisi buku tamu dan membayar uang masuk. Didalam museum pengunjung dapat melihat koleksi wayang yang disimpan dengan baik, namun belum ada fasilitas untuk pengunjung agar dapat memberikan komentar tentang museum. Museum juga sering mengadakan kegiatan yang dapat disaksikan oleh para pengunjung secara gratis . Pihak museum melakukan promosi dengan menggunakan brosur, media sosial dan jejaring sosial. Cara ini dianggap kurang tepat karena informasi yang disampaikan terbatas sehingga masyarakat umum kurang mengetahui tentang keberadaan museum. 3.1.2 Deskripsi Umum Sistem yang akan Dibangun

Sistem yang akan dibangun adalah sistem informasi Museum Wayang Kekayon Yogyakarta berbasis web. Sistem ini dapat diakses oleh

28


2 user yaitu admin museum dan pengunjung. Tujuan dibuatnya sistem ini adalah sebagai media promosi tentang keberadaan Museum Wayang Kekayon Yogyakarta. Pengunjung juga dapat memberikan komentar tentang museum dan juga dapat mengetahui informasi kegiatan- kegiatan yang akan diadakan oleh pihak museum secara lengkap. Selain itu pengunjung yang akan melakukan kunjungan langsung ke Museum Wayang Kekayon Yogyakarta juga dapat melakukan pemesanan tiket terlebih dahulu memamui web. 3.1.2.1 Analisa Kebutuhan Pengguna

User yang terlibat dalam sistem ini : a. Admin Museum Admin bertugas untuk mengelola golongan wayang, mengelola tokoh wayang, mengelola cerita wayang, mengelola koleksi wayang, mengelola tiket, mengelola komentar, mengelola profil, mengelola kegiatan, mengelola gambar slider dan mengelola penjualan tiket, lihat laporan penjualan.

b. Pengunjung Pengunjung dapat langsung mengakses website ini untuk melihat profil museum, tokoh wayang, koleksi wayang, kegiatan museum, gambar slider, harga tiket memberikan komentar, melakukan pemesanan tiket, mendaftar sebagai member, konfirmasi pembayaran, cetak tiket.

29


3.1.2.2 Use Case Diagram 3.1.2.2.1. Use Case Diagram Kelola Golongan

Kelola Komentar

Tambah Golongan

Tambah Komentar

Edit Golongan

Validasi Komentar

Hapus Golongan

Hapus Komentar

Kelola Cerita

Kelola Koleksi

Tambah Cerita

Tambah Koleksi

Edit Cerita

Edit Koleksi

Hapus Cerita

Hapus Koleksi

Cari Cerita

Cari Koleksi

Kelola Kegiatan

Admin

Lihat Koleksi

Tambah Kegiatan

Kelola Tokoh

Edit Kegiatan

Tambah Tokoh

Hapus Kegiatan

Edit Tokoh

Lihat Kegiatan

Hapus Tokoh Cari Tokoh

Kelola Profil Lihat Tokoh

Tambah Profil

Pengunjung Edit Profil

Kelola Harga Tiket

Hapus Profil

Tambah Harga Tiket

Lihat Profil

Edit Harga Tiket Hapus Harga Tiket

Kelola Penjualan Tiket Lihat Harga Tiket Pesan Tiket Kelola Slider

Laporan penjualan

Tambah Slider

Konfirmasi Pembayaran Validasi pembayaran

Edit Slider Hapus Slider

Cetak Invoice

Lihat Slider

Cetak Tiket Login member Daftar member

Gambar 3.1 Use Case Diagram

30


3.1.2.2.2. Narasi Use Case Tabel 3.1 Narasi Use Case Tambah Data Golongan Nama Use Case : Aktor : Deskripsi : Skenario Use Case :

Tambah golongan Admin Use case ini menggambarkan aktor yang melakukan tambah golongan Aksi Aktor Reaksi Sistem Step 1 : Step 2 : Aktor klik menu Sistem menampilkan halaman “Data Golongan” data golongan Step 3 : Aktor klik menu “Tambah Golongan”

Step 4 : Sistem menampilkan halaman tambah golongan

Step 5 : Aktor mengisikan data golongan secara lengkap, lalu klik button “Simpan”

Step 6 : Sistem akan menyimpan data golongan dan akan menampilakan data golongan yang sudah tersimpan.

Tabel 3.2 Narasi Use Case Edit Data Golongan Nama Use Case : Aktor : Deskripsi : Skenario Use Case :

Edit golongan Admin Use case ini menggambarkan aktor yang melakukan edit golongan Aksi Aktor Reaksi Sistem Step 1 : Step 2 : Aktor klik menu Sistem menampilkan halaman “Edit” data golongan yang akan diubah Step 3 : Aktor mengisikan data Step 4 : golongan yang akan Sistem menyimpan data diubah lalu klik button golongan yang telah diubah “Simpan” dan menampilkan tersimpan.

Tabel 3.3 Narasi Use Case Hapus Data Golongan Nama Use Case : Aktor :

Hapus golongan Admin

31


Deskripsi : Skenario Use Case :

Use case ini menggambarkan aktor yang melakukan hapus golongan Aksi Aktor Reaksi Sistem Step 1 : Step 2 : Aktor klik menu Sistem akan menghapus data “Hapus” dan menampilkan data yang tersimpan

Tabel 3.4 Narasi Use Case Tambah Data Tokoh Nama Use Case : Aktor : Deskripsi : Skenario Use Case :

Tambah tokoh Admin Use case ini menggambarkan aktor yang melakukan tambah tokoh Aksi Aktor Reaksi Sistem Step 1 : Step 2 : Aktor klik menu Sistem menampilkan halaman “Data Tokoh” tokoh Step 3 : Aktor klik menu “Tambah Tokoh”

Step 4 : Sistem menampilkan halaman tambah tokoh

Step 5 : Aktor mengisikan data tokoh secara lengkap, lalu klik button “Simpan”

Step 6 : Sistem akan menyimpan data tokoh dan akan menampilakan data tokoh yang sudah tersimpan.

Tabel 3.5 Narasi Use Case Edit Data Tokoh Nama Use Case : Aktor : Deskripsi : Skenario Use Case :

Edit tokoh Admin Use case ini menggambarkan aktor yang melakukan edit tokoh Aksi Aktor Reaksi Sistem Step 1 : Step 2 : Aktor klik menu Sistem menampilkan halaman “Edit” data tokoh yang akan diubah Step 3 : Aktor mengisikan data tokoh yang akan diubah lalu klik button

Step 4 : Sistem menyimpan data tokoh yang telah diubah dan menampilkan data yang telah

32


“Simpan”

diubah.

Tabel 3.6 Narasi Use Case Hapus Data Tokoh Nama Use Case : Aktor : Deskripsi : Skenario Use Case :

Hapus tokoh Admin Use case ini menggambarkan aktor yang melakukan hapus tokoh Aksi Aktor Reaksi Sistem Step 1 : Step 2 : Aktor klik menu Sistem akan menghapus data “Hapus” tokoh dan menampilkan data tokoh yang tersimpan

Tabel 3.7 Narasi Use Case Cari Data Tokoh Nama Use Case : Aktor : Deskripsi : Skenario Use Case :

Cari tokoh Admin Use case ini menggambarkan aktor yang melakukan cari tokoh Aksi Aktor Reaksi Sistem Step 1 : Step 2 : Aktor klik menu Sistem akan menampilkan data “Data Tokoh” tokoh. Step 3 : Masukan nama tokoh pada field pencarian lalu klik button “cari”

Step 4 : Sistem akan mencari tokoh berdasarkan masukan nama tokoh dan menampikan data tokoh yang dicari.

Tabel 3.8 Narasi Use Case Tambah Data Cerita Nama Use Case : Aktor : Deskripsi : Skenario Use Case :

Tambah Cerita Admin Use case ini menggambarkan aktor yang melakukan tambah cerita Aksi Aktor Reaksi Sistem Step 1 : Step 2 : Aktor klik menu Sistem menampilkan halaman “Data Cerita” cerita Step 3 :

Step 4 :

33


Aktor klik menu “Tambah Cerita”

Sistem menampilkan halaman tambah cerita

Step 5 : Aktor mengisikan data cerita secara lengkap, lalu klik button “Simpan”

Step 6 : Sistem akan menyimpan data cerita dan akan menampilakan data cerita yang sudah tersimpan.

Tabel 3.9 Narasi Use Case Edit Data Cerita Nama Use Case : Aktor : Deskripsi : Skenario Use Case :

Edit cerita Admin Use case ini menggambarkan aktor yang melakukan edit cerita Aksi Aktor Reaksi Sistem Step 1 : Step 2 : Aktor klik menu Sistem menampilkan halaman “Edit” data cerita yang akan diubah Step 3 : Aktor mengisikan data cerita yang akan diubah lalu klik button “Simpan”

Step 4 : Sistem menyimpan data cerita yang telah diubah dan menampilkan data yang telah diubah.

Tabel 3.10 Narasi Use Case Hapus Data Cerita Nama Use Case : Aktor : Deskripsi : Skenario Use Case :

Hapus cerita Admin Use case ini menggambarkan aktor yang melakukan hapus cerita Aksi Aktor Reaksi Sistem Step 1 : Step 2 : Aktor klik menu Sistem akan menghapus data “Hapus” cerita dan menampilkan data cerita yang tersimpan

Tabel 3.11 Narasi Use Case Cari Data Cerita Nama Use Case : Aktor : Deskripsi :

Cari cerita Admin Use case ini menggambarkan aktor yang melakukan cari

34


Skenario Use Case :

cerita Aksi Aktor Step 1 : Aktor klik menu “Data cerita” Step 3 : Masukan judul cerita pada field pencarian lalu klik button “cari”

Reaksi Sistem Step 2 : Sistem akan menampilkan data cerita. Step 4 : Sistem akan melakukan pencarian berdasarkan masukan judul cerita dan menampikan data cerita yang dicari.

Tabel 3.12 Narasi Use Case Tambah Data Koleksi Nama Use Case : Aktor : Deskripsi : Skenario Use Case :

Tambah koleksi Admin Use case ini menggambarkan aktor yang melakukan tambah koleksi Aksi Aktor Reaksi Sistem Step 1 : Step 2 : Aktor klik menu Sistem menampilkan halaman “Data Koleksi” koleksi Step 3 : Aktor klik menu “Tambah Koleksi”

Step 4 : Sistem menampilkan halaman tambah koleksi

Step 5 : Aktor mengisikan data koleksi secara lengkap, lalu klik button “Simpan”

Step 6 : Sistem akan menyimpan data koleksi dan akan menampilakan data koleksi yang sudah tersimpan.

Tabel 3.13 Narasi Use Case Edit Data Koleksi Nama Use Case : Aktor : Deskripsi : Skenario Use Case :

Edit koleksi Admin Use case ini menggambarkan aktor yang melakukan edit koleksi Aksi Aktor Reaksi Sistem Step 1 : Step 2 : Aktor klik menu Sistem menampilkan halaman “Edit” data koleksi yang akan diubah

35


Step 3 : Aktor mengisikan data koleksi yang akan diubah lalu klik button “Simpan”

Step 4 : Sistem menyimpan data koleksi yang telah diubah dan menampilkan data yang telah diubah.

Tabel 3.14 Narasi Use Case Hapus Koleksi Nama Use Case : Aktor : Deskripsi : Skenario Use Case :

Hapus koleksi Admin Use case ini menggambarkan aktor yang melakukan hapus koleksi Aksi Aktor Reaksi Sistem Step 1 : Step 2 : Aktor klik menu Sistem akan menghapus data “Hapus” koleksi dan menampilkan data koleksi yang tersimpan Tabel 3.15 Narasi Use Case Cari Koleksi

Nama Use Case : Aktor : Deskripsi : Skenario Use Case :

Cari koleksi Admin Use case ini menggambarkan aktor yang melakukan cari koleksi Aksi Aktor Reaksi Sistem Step 1 : Step 2 : Aktor klik menu Sistem akan menampilkan data “Data koleksi” koleksi. Step 3 : Masukan nama koleksi pada field pencarian lalu klik button “cari”

Step 4 : Sistem akan melakukan pencarian berdasarkan masukan nama koleksi dan menampikan data koleksi yang dicari.

Tabel 3.16 Narasi Use Case Tambah Data Kegiatan Nama Use Case : Aktor : Deskripsi :

Tambah kegiatan Admin Use case ini menggambarkan aktor yang melakukan tambah kegiatan

36


Skenario Use Case :

Aksi Aktor Step 1 : Aktor klik menu “Data Kegiatan”

Reaksi Sistem Step 2 : Sistem menampilkan halaman data kegiatan

Step 3 : Aktor klik menu “Tambah Kegiatan”

Step 4 : Sistem menampilkan halaman tambah kegiatan

Step 5 : Aktor mengisikan data kegiatan secara lengkap, lalu klik button “Simpan”

Step 6 : Sistem akan menyimpan data kegiatan dan akan menampilakan data kegiatan yang sudah tersimpan.

Tabel 3.17 Narasi Use Case Edit Data Kegiatan Nama Use Case : Aktor : Deskripsi : Skenario Use Case :

Edit kegiatan Admin Use case ini menggambarkan aktor yang melakukan edit kegiatan Aksi Aktor Reaksi Sistem Step 1 : Step 2 : Aktor klik menu Sistem menampilkan halaman “Edit” data kegiatan yang akan diubah Step 3 : Aktor mengisikan data Step 4 : kegiatan yang akan Sistem menyimpan data diubah lalu klik button kegiatan yang telah diubah dan “Simpan” menampilkan data yang telah diubah.

Tabel 3.18 Narasi Use Case Hapus Data Kegiatan Nama Use Case : Aktor : Deskripsi : Skenario Use Case :

Hapus kegiatan Admin Use case ini menggambarkan aktor yang melakukan hapus kegiatan Aksi Aktor Reaksi Sistem Step 1 : Step 2 : Aktor klik menu Sistem akan menghapus data “Hapus” kegiatan dan menampilkan data kegiatan yang tersimpan

37


Tabel 3.19 Narasi Use Case Validasi Komentar Nama Use Case : Aktor : Deskripsi : Skenario Use Case :

Validasi Komentar Admin Use case ini menggambarkan aktor yang Memvalidasi komentar yang masuk Aksi Aktor Reaksi Sistem Step 1 : Step 2 : Aktor klik menu Sistem menampilkan halaman “Data Komentar” data komentar Step 3 : Aktor klik menu “Tampilkan”

Step 4 : Sistem menampilkan komentar yang masuk

Tabel 3.20 Narasi Use Case Hapus Komentar Nama Use Case : Aktor : Deskripsi : Skenario Use Case :

Hapus Komentar Admin Use case ini menggambarkan aktor yang melakukan hapus komentar Aksi Aktor Reaksi Sistem Step 1 : Step 2 : Aktor klik menu Sistem akan menghapus data “Hapus” dan menampilkan data yang tersimpan

Tabel 3.21 Narasi Use Case Tambah Data Profil Nama Use Case : Aktor : Deskripsi : Skenario Use Case :

Tambah Profil Admin Use case ini menggambarkan aktor yang melakukan tambah Profil Aksi Aktor Reaksi Sistem Step 1 : Step 2 : Aktor klik menu Sistem menampilkan halaman “Data Profil” profil Step 3 : Aktor klik menu “Tambah Profil”

Step 4 : Sistem menampilkan halaman tambah profil

38


Step 5 : Aktor mengisikan data profil secara lengkap, lalu klik button “Simpan”

Step 6 : Sistem akan menyimpan data profil dan akan menampilakan data profil yang sudah tersimpan.

Tabel 3.22 Narasi Use Case Edit Data Profil Nama Use Case : Aktor : Deskripsi : Skenario Use Case :

Edit profil Admin Use case ini menggambarkan aktor yang melakukan edit profil Aksi Aktor Reaksi Sistem Step 1 : Step 2 : Aktor klik menu Sistem menampilkan halaman “Edit” data profil yang akan diubah Step 3 : Aktor mengisikan data profil yang akan diubah lalu klik button “Simpan”

Step 4 : Sistem menyimpan data profil yang telah diubah dan menampilkan data yang telah diubah.

Tabel 3.23 Narasi Use Case Hapus Data Profil Nama Use Case : Aktor : Deskripsi : Skenario Use Case :

Hapus profil Admin Use case ini menggambarkan aktor yang melakukan hapus profil Aksi Aktor Reaksi Sistem Step 1 : Step 2 : Aktor klik menu Sistem akan menghapus data “Hapus” profil dan menampilkan data profil yang tersimpan

Tabel 3.24 Narasi Use Case Tambah Data Harga Tiket Nama Use Case : Aktor : Deskripsi : Skenario Use Case :

Tambah Harga Tiket Admin Use case ini menggambarkan aktor yang melakukan tambah harga tiket Aksi Aktor Reaksi Sistem Step 1 : Step 2 :

39


Aktor klik menu “Harga Tiket”

Sistem menampilkan halaman harga tiket

Step 3 : Aktor klik menu “Tambah Tiket”

Step 4 : Sistem menampilkan halaman tambah tiket

Step 5 : Aktor mengisikan data tiket secara lengkap, lalu klik button “Simpan”

Step 6 : Sistem akan menyimpan data tiket dan akan menampilakan data tiket yang sudah tersimpan.

Tabel 3.25 Narasi Use Case Edit Data Harga Tiket Nama Use Case : Aktor : Deskripsi : Skenario Use Case :

Edit harga tiket Admin Use case ini menggambarkan aktor yang melakukan edit hatga tiket Aksi Aktor Reaksi Sistem Step 1 : Step 2 : Aktor klik menu Sistem menampilkan halaman “Edit” data tiket yang akan diubah Step 3 : Aktor mengisikan data tiket yang akan diubah lalu klik button “Simpan”

Step 4 : Sistem menyimpan data tiket yang telah diubah dan menampilkan data yang telah diubah.

Tabel 3.26 Narasi Use Case Hapus Data Harga Tiket Nama Use Case : Aktor : Deskripsi : Skenario Use Case :

Hapus harga tiket Admin Use case ini menggambarkan aktor yang melakukan hapus harga tiket Aksi Aktor Reaksi Sistem Step 1 : Step 2 : Aktor klik menu Sistem akan menghapus data tiket dan “Hapus” menampilkan data tiket yang tersimpan

40


Tabel 3.27 Narasi Use Case Tambah Data Gambar Slider Nama Use Case : Aktor : Deskripsi : Skenario Use Case :

Tambah gambar slider Admin Use case ini menggambarkan aktor yang melakukan tambah gambar slider Aksi Aktor Reaksi Sistem Step 1 : Step 2 : Aktor klik menu Sistem menampilkan halaman “Data Gambar Slider” gambar slider Step 3 : Aktor klik menu “Tambah Gambar Slider” Step 5 : Aktor mengisikan data gambar slider secara lengkap, lalu klik button “Simpan”

Step 4 : Sistem menampilkan halaman tambah gambar slider Step 6 : Sistem akan menyimpan data gambar slider dan akan menampilakan data gambar slider yang sudah tersimpan.

Tabel 3.28 Narasi Use Case Edit Data Gambar Slider Nama Use Case : Aktor : Deskripsi : Skenario Use Case :

Edit harga slider Admin Use case ini menggambarkan aktor yang melakukan edit gambar slider Aksi Aktor Reaksi Sistem Step 1 : Step 2 : Aktor klik menu Sistem menampilkan halaman “Edit” data gambar slider yang akan diubah Step 3 : Aktor mengisikan data Step 4 : gambar slider yang Sistem menyimpan data akan diubah lalu klik gambar slider yang telah button “Simpan” diubah dan menampilkan data yang telah diubah.

Tabel 3.29 Narasi Use Case Hapus Data Gambar Slider Nama Use Case : Aktor :

Hapus gambar slider Admin

41


Deskripsi : Skenario Use Case :

Use case ini menggambarkan aktor yang melakukan hapus gambar slider Aksi Aktor Reaksi Sistem Step 1 : Step 2 : Aktor klik menu Sistem akan menghapus data “Hapus” gambar slider dan menampilkan data gambar slider yang tersimpan

Tabel 3.30 Narasi Use Case Validasi Pembayaran Nama Use Case : Aktor : Deskripsi : Skenario Use Case :

Validasi Pembayaran Admin Use case ini menggambarkan aktor yang melakukan validasi pembayaran Aksi Aktor Reaksi Sistem Step 1 : Step 2 : Aktor klik menu Sistem akan menampilkan data “Data Penjualan Tiket” penjualan tiket. Step 3 : Aktor memilih data penjualan yang akan divalidasi pembayarannya lalu klik button “detail” Step 5 : Aktor akan merubah status pembayaran dan klik button “Save”

Step 4 : Sistem akan menampilkan secara detail data penjualan tiket. Step 6 : Sistem akan menyimpan perubahan status pembayaran.

Tabel 3.31 Narasi Use Case Lihat Laporan Penjualan Nama Use Case : Aktor : Deskripsi : Skenario Use Case :

Lihat laporan penjualan Admin Use case ini menggambarkan aktor yang melakukan lihat laporan penjualan Aksi Aktor Reaksi Sistem Step 1 : Step 2 : Aktor klik menu Sistem akan menampilkan “Laporan Penjualan halaman laporan penjualan Tiket” tiket.

42


Step 3 : Step 4 : Aktor memilih tanggal Sistem akan menampilkan data laporan yang diinginkan laporan penjualan tiket. lalu klik button “Tampilkan” Tabel 3.32 Narasi Use Case Lihat Tokoh Wayang Nama Use Case : Aktor : Deskripsi : Skenario Use Case :

Lihat Tokoh Wayang Pengunjung Use case ini menggambarkan aktor yang melihat tokoh wayang Aksi Aktor Reaksi Sistem Step 1 : Step 2 : Aktor klik menu Sistem menampilkan halaman “Tokoh Wayang” tokoh wayang Step 3 : Aktor klik nama tokoh wayang

Step 4 : Sistem menampilkan detail informasi tentang tokoh wayang.

Tabel 3.33 Narasi Use Case Lihat Koleksi Wayang Nama Use Case : Aktor : Deskripsi : Skenario Use Case :

Lihat Koleksi Wayang Pengunjung Use case ini menggambarkan aktor yang melihat koleksi wayang Aksi Aktor Reaksi Sistem Step 1 : Step 2 : Aktor klik menu Sistem menampilkan halaman “koleksi” koleksi wayang Step 3 : Step 4 : Aktor klik nama koleksi Sistem menampilkan detail wayang informasi tentang koleksi wayang.

Tabel 3.34 Narasi Use Case Tambah Data komentar Nama Use Case : Aktor : Deskripsi :

Tambah Komentar Pengunjung Use case ini menggambarkan aktor yang menambahkan

43


Skenario Use Case :

komentar Aksi Aktor Step 1 : Aktor mengisikan data pada bagian kolom “komentar” Step 2 : Aktor klik button “Submit”

Reaksi Sistem

Step 3 : Sistem menyimpan data komentar.

Tabel 3.35 Narasi Use Case Lihat Data Kegiatan Nama Use Case : Aktor : Deskripsi : Skenario Use Case :

Lihat Kegiatan Pengunjung Use case ini menggambarkan aktor yang melihat kegiatan Aksi Aktor Reaksi Sistem Step 1 : Aktor klik menu “Beranda” Step 2 : Aktor klik nama kegiatan yang ada pada kolom “Agenda Kegiatan”

Step 3 : Sistem menampilkan secara detail data kegiatan

Tabel 3.36 Narasi Use Case Pesan Tiket Nama Use Case : Aktor : Deskripsi : Skenario Use Case :

Pesan Tiket Pengunjung Use case ini menggambarkan aktor yang melihat pesan tiket Aksi Aktor Reaksi Sistem Step 1 : Step 2 : Aktor klik menu “Pesan Sistem menampilkan halaman Tiket” pemesanan tiket Step 3 : Aktor memasukan data pemesanan tiket secara lengkap lalu klik button “proses”

Step 4 : Sistem akan menampilkan data pemesanan tiket Step 6 : Sistem akan meminta aktor

44


Step 5 : Setelah Aktor yakin pada pesanan tersebut klik button “Submit” Step 7 : Klik “Registrasi member” Step 9 : Aktor mengisikan data secara lengkap lalu klik button “Simpan”

untuk memasukan data pemesan. Step 8 : Sistem akan menampilkan halaman registrasi pemesan. Step 10 : Sistem akan menyimpan data pemesann tiket.

Tabel 3.37 Narasi Use Case Konfirmasi Pembayaran Nama Use Case : Aktor : Deskripsi : Skenario Use Case :

Konfirmasi Pembayaran Pengunjung Use case ini menggambarkan aktor yang konfirmasi pembayaran Aksi Aktor Reaksi Sistem Step 1 : Step 2 : Aktor klik menu Sistem menampilkan halaman “Konfirmasi Tiket” login untuk konfirmasi pembayaran tiket. Step 3 : Aktor mengisikan data Step 4 : secara lengkap lalu klik Sistem akan menampilkan data “Submit” pemesanan tiket Step 5 : Aktor mengisikan data secara lengkap lalu klik button “Simpan”

Step 6 : Sistem akan menyimpan data konfirmasi pembayaran tiket.

Tabel 3.38 Narasi Use Case Cetak Tiket Nama Use Case : Aktor : Deskripsi : Skenario Use Case :

Cetak Tiket Pengunjung Use case ini menggambarkan aktor yang akan melakukan cetak tiket Aksi Aktor Reaksi Sistem Step 1 : Step 2 :

45


Aktor klik menu “Print Tiket”

Sistem menampilkan halaman login untuk cetak tiket.

Step 3 : Aktor mengisikan data secara lengkap lalu klik “Submit”

Step 4 : Sistem akan menampilkan tiket yang sudah divalidasi pembayarannya oleg admin.

Step 5 : Aktor klik button “Print Tiket”

46


3.1.3

Pemodelan Proses (Processing Modelling) 3.1.3.1 Diagram Konteks (Context Diagram)

-pencarian tokoh dan koleksi -komentar -pendaftaran costumer -pemesanan tiket -login costumer -konfirmasi tiket -cetak tiket

Admin

-data profil -data koleksi -data cerita -data tokoh -data golongan -data kegiatan -data komentar -data slider -data tiket -penjualan tiket -laporan penjualan tiket

0 Sistem Infromasi Museum Kekayon

Pengunjung

-daftar komentar -info tokoh -info koleksi -info profil -info kegiatan -info kontak -harga tiket -username & password

Gambar 3.2 Diagram Konteks

47


3.1.3.2 Diagram Berjenjang

Kelola data golongan

Admin

Kelola data komentar

daftar harga tiket

Kelola data harga tiket

daftar koleksi

Kelola data koleksi

daftar tokoh

hapus harga tiket

edit harga tiket

input harga tiket

cari koleksi

hapus koleksi

edit koleksi

input koleksi

cari tokoh

hapus tokoh

edit tokoh

input tokoh

Kelola data tokoh

daftar cerita

Kelola data cerita

daftar golongan

input cerita

hapus cerita

edit cerita

input golongan

edit golongan

hapus golongan

cari cerita

Sistem Informasi Museum Wayang Kekayon Yogyakarta

daftar slider

Kelola data slider

daftar kegiatan

input slider

Kelola data kegiatan

daftar profil

input kegiatan

edit slider

Kelola data profil

Aktivasi komentar

input profil

edit kegiatan

hapus slider

Tampil laporan penjualan

Validasi pembayaran

Tampil semua

Tampil berdasarkan status

Cari berdasarkan noinvoice

Kelola data penjualan tiket

Hapus komentar

edit profil

hapus kegiatan hapus profil

View kegiatan

Proses tampil profil

Proses tampil komentar

Proses tampil tokoh

pengunjung

Proses tampil koleksi

Proses tampil kegiatan

Proses pemesanan tiket

Simpat tiket dipilih

Proses cetak tiket

Edit tiket dipilih

Simpat tiket dipilih

Proses konfirmasi tiket

Pemilihan tiket

Pendaftaran member

Login member

Cetak invoice

Gambar 3.3 Diagram Berjenjang

48


3.1.3.3 Overview Diagram Cetak Tiket Pemesanan Tiket Konfirmasi Tiket Harga tiket

Data notapemesanan

Info Kegiatan Daftar tokoh wayang Daftar Koleksi Profil Museum Konfirmasi login Profi dtslider

data komentar Data pemesan

profil

dtgolongan golongan

Koleksi

pemesan

dtKoleksi dttokoh dtKegiatan

kodecerita

notapemes anan

1 Proses Front End (User)

bahasa Golongan wayang Daftar komentar

Pengunjung

pemesanan tiket

Data pemesanantiket

daftar tokoh Pendaftaran costumer Login

komentar

kdtokoh

dtfotokegiatan

slider Kegiatan tokoh

Foto Kegiatan

dt notapemesanan

cerita

dt pemesanantiket dt kegiatan

Data pemesan

dttokoh dtgolongan

dtFotokegiatan

dtKoleksi

dt komentar

dtcerita

profil

Data penjualan tiket

Data tiket

Laporan penjualan tiket

Data profil

Data foto kegiatan

Data cerita

Data golongan

Data tokoh

Data koleksi

Data kegiatan

Data gambar slider

Approve komentar

2 Proses Admin

Admin

Gambar 3.4 Diagram Overview

49


3.1.3.4 Data Flow Diagram Level 2 Proses 1

1.1 Tampil Slider

Gb slider, keterangan

dtprofil

dtprofil

1.3 Tampil tokoh

dttokoh

slider

dtslider

1.2 Tampil profil

profil

dtcerita

cerita

dttokoh 1.4 Tampil golongan

Pengunjung

tokoh

dtgolongan

golongan

Kodegolongan dtkoleksi dttokoh

1.5 Tampil koleksi

dtcerita

dtkomentar 1.6 komentar

dtkomentar

dtkomentar

komentar

Tiket Data pemesanan tiket No.pemesanan

1.7 Pemesanan Tiket

dt tiket

dtnotapemesanan

notapesanan

dtpemesan

pemesan

dtpemesanantiket Username,passwd,nopesan

dtpemesan Upload bukti pembayaran

Pemesanan tiket

1.8 Konfirmasi pembayaran

dtnotapemesanan

dtpemesanantiket Username,passwd,nopesan Tiket cetak online

Harga tiket

1.9 Pencetakan Tiket

1.10 Tampil Harga Tiket

dtnotapemesanan

dt tiket

Gambar 3.5 DFD Level 2 Proses 1

50


3.1.3.5 Data Flow Diagram Level 2 Proses 2 2.2 Kelola Cerita

Data Cerita

cerita

Data Tokoh

Data Cerita

Data Cerita 2.3 Kelola Tokoh

Data Tokoh

tokoh

Data Tokoh 2.4 Kelola Koleksi

Data Koleksi

Data Koleksi

koleksi

Data Golongan Admin

Data Golongan

Data Profil

Data Slider

2.1 Kelola Golongan

2.5 Kelola Profil

Data Profil

2.6 Kelola slider

Data Slider

2.7 Kelola Komentar

Data komentar

2.8 Kelola kegiatan

Data kegiatan

Data Tokoh

2.9 Kelola harga tiket

profil

slider

Data Komentar

Data Kegiatan

Data Foto Kegiatan

Data Tiket

golongan

Data Tiket

komentar

kegiatan

fotokegiatan

tiket

Data Tiket Validasi Pembayaran

Laporan penjualan

2.10 Kelola Penjualan Tiket 2.11 Lihat laporan Penjualan Tiket

Data Pemesan

Pemesan

Data Notapesanan

Nota pesanan

Data Notapesanan Data pemesanan tiket

Pemesanan tiket

Gambar 3.6 DFD Level 2 Proses 2

51


3.1.3.6 Data Flow Diagram Level 3 Proses 2.1 Konfirmasi Tambah

Admin Data Golongan

Kode Golongan

2.1.1 Input Golongan

2.1.2 Edit Golongan

Konfirmasi Edit

Data Golongan

Kode Golongan

Data Golongan Berubah

golongan Kode Golongan Konfirmasi Hapus

2.1.3 Hapus Golongan

Kode Golongan Data Golongan Terhapus

Gambar 3.7 DFD Level 3 Kelola Data Golongan


Admin Data Cerita Data Cerita

Kode Cerita

2.2.1 Input Cerita

2.2.2 Edit Cerita

Kode Cerita

Konfirmasi Ubah Data Cerita Berubah

Kode Cerita

2.2.3 Hapus Cerita

Konfirmasi Hapus

Kode Cerita

golongan

Kode Cerita Data Cerita Terhapus

2.2.4 Cari Cerita

Data Cerita

Kode Cerita

Gambar 3.8 DFD Level 3 Kelola Data Cerita

52


3.1.3.8 Data Flow Diagram Level 3 Proses 2.3 cerita

Konfirmasi Tambah

Admin Kode Cerita

Data Tokoh Data Tokoh

Kode Tokoh

2.3.1 Input Tokoh

2.3.2 Edit Tokoh

Kode Tokoh

Konfirmasi Ubah Data Tokoh Berubah

Kode Tokoh Konfirmasi Hapus

Kode Tokoh

2.3.3 Hapus Tokoh

tokoh

Kode Tokoh Data Tokoh Terhapus

2.3.4 Cari Tokoh

Data Tokoh

Kode Tokoh

Gambar 3.9 DFD Level 3 Kelola Data Tokoh

3.1.3.9 Data Flow Diagram Level 3 Proses 2.4 tokoh

Konfirmasi Tambah

Admin Kode Tokoh

Data Koleksi

Kode Koleksi

2.4.1 Input Koleksi

2.4.2 Edit Koleksi

Data Koleksi Berubah

Konfirmasi Ubah

Kode Koleksi Konfirmasi Hapus

2.4.3 Hapus Koleksi

koleksi

Kode Koleksi Data Koleksi Terhapus

Kode Koleksi

Kode Koleksi

Kode Koleksi

Kode Golongan

Data Koleksi

Data Koleksi

2.4.4 Cari Koleksi

golongan

Gambar 3.10 DFD Level 3 Kelola Data Koleksi

53



Admin Data Profil Data profil

idprofil

2.5.1 Input Profil

2.5.2 Edit Profil

idprofil

Konfirmasi Ubah Data Profil Berubah

idprofil

2.5.3 Hapus Profil

profil

idprofil

Konfirmasi Hapus Data Profil Terhapus

idprofil

Data Profil

2.5.4 view Cerita

idprofil

Gambar 3.11 DFD Level 3 Kelola Data Profil


Admin Data Slider

id

2.6.1 Input Slider

2.6.2 Edit Slider

Data Slider

id

Konfirmasi Edit Data Slider Berubah

slider id Konfirmasi Hapus

2.6.3 Hapus Slider

id Data Slider Terhapus

Gambar 3.12 DFD Level 3 Kelola Data Slider

54


3.1.3.12 Data Flow Diagram Level 3 Proses 2.7 Konfirmasi Aktivasi

Admin Konfirmasi Aktivasi

2.7.1 Aktivasi komentar

Ubah Status

Status Berubah

idkomentar

2.7.2 Hapus Komentar

idkomentar

komentar Konfirmasi Hapus

Data Komentar terhapus

Gambar 3.13 DFD Level 3 Kelola Data Komentar

3.1.3.13 Data Flow Diagram Level 3 Proses 2.8 fotokegiatan

Konfirmasi Tambah

Admin idkegiatan

Data Kegiatan Data Kegiatan

idkegiatan

2.8.1 Input Kegiatan

2.8.2 Edit Kegiatan

idkegiatan

Konfirmasi Ubah Data Kegiatan Berubah

idkegiatan Konfirmasi Hapus

2.8.3 Hapus Kegiatan

kegiatan

idkegiatan

Data Kegiayan Terhapus

idkegiatan

2.8.4 View kegiatan

idkegiatan

idkegiatan

Gambar 3.14 DFD Level 3 Kelola Data Kegiatan

55



Admin Data Tiket

Kode tiket

2.9.1 Input Tiket

2.9.2 Edit Tiket

Data Tiket

Kode tiket

Konfirmasi Edit Data Tiket Berubah

tiket Kode Tiket

2.9.3 Hapus Tiket

Kode Tiket

Konfirmasi Hapus Data Tiket Terhapus

Gambar 3.15 DFD Level 3 Kelola Data Tiket

3.3.1.15 Data Flow Diagram Level 3 Proses 2.10 No invoice

Admin Data penjualan

2.10.1 Cari berdasarkan noinvoice

No invoice

Status pembayaran

Data penjualan

2.10.2 Tampil berdasarkan status

Status pembayaran

Nota pesanan Status pembayaran Data penjualan

Status pembayaran

2.10.3 Tampil semua

2.10.4 Validasi status pembayaran

Status pembayaran

Status pembayaran

Gambar 3.15 DFD Level 3 Kelola Data Penjualan tiket

56


3.3.1.16 Data Flow Diagram Level 3 Proses 2.11

admin

2.11.1 Proses laporan penjualan tiket

Data pesanan

dtpesanan

Nota pesanan

Data pesanan

Gambar 3.15 DFD Level 3 Lihat Laporan Penjualan

3.3.1.17 Data Flow diagram Level 3 proses 1.7 Data tiket

tiket

pengunjung 1.7.1 Pemilihan Tiket

Data pemilihan tiket

Nota pemesanan Tanggal kunjungan Dan id pemesanan

ID Pemesanan

Tiket dipilih dan jumlah tiket

Biodata 1.7.2 Pendaftaran Member

ID Member

ID Pemesanan Data pemesan

Nota pemesanan

pemesan

Username, password

Invoice pemesanan

ID Member

Data pemesan

pemesanantiket

1.7.3 Login Member

data pemesanan Detil pemesanan 1.7.4 Cetak invoice

Gambar 3.16 DFD Level 3 Pemesanan Tiket

57


3.3.1.18 Data Flow diagram Level 3 proses 1.8 Konfirmasi login

Username Passwd nopemesanan

pengunjung

1.8.1 login

Data pemesan

Nota pemesanan

Username,passwd,nppesan

1.8.2 upload

Foto struk

Nota pemesanan

Foto struk

Gambar 3.17 DFD Level 3 Konfirmasi Pembayaran

3.3.1.19 Data Flow diagram Level 3 proses 1.9 Konfirmasi login

pengunjung

Username Passwd nopemesanan

1.9.1 login

Data pemesan

Nota pemesanan

dtnotapemesanan

Nota pemesanan

No pemesan

1.9.2 upload

Tiket cetak

Gambar 3.18 DFD Level 3 Pencetakan Tiket

3.3.1.20 Data Flow diagram Level 3 proses 1.10

pengunjung

Daftar harga

1.10.1 Proses tampil harga tiket

dttiket

tiket

Data harga tiket

Gambar 3.19 DFD Level 3 Tampil Harga Tiket

58


3.3.1.21 Data Flow Diagram Level 4 proses 1.7.1 Data pemilihan tiket pengunjung Data tiket

1.7.1.1. Simpan Tiket Dipilih

Tanggal kunjungan Dan id pemesanan

tiket Data tiket Data pemilihan tiket

1.7.1.2 Edit Tiket Dipilih

Nota pemesanan Tiket dipilih dan jumlah tiket

Tiket dipilih dan jumlah tiket

pemesanantiket

Tanggal kunjungan Dan id pemesanan

Gambar 3.20 DFD Level 4 Pemilihan Tiket

59


3.2 Desain Sistem (System Design) 3.2.1 Perancangan Basis Data 3.2.1.1 Database Conceptual Design sinopsis_ing sinopsis_ind

judul_ing

kodecerita

judul_ind

cerita 1

namagolongan_ ing deskrip_ind

namagolongan_ ind kodegolongan

Namakoleksi_i nd

Namakoleksi_i ng gambar

kodekoleksi

Memiliki deskrip_ind deskrip_ind

deskrip_ind

N M

golongan

N

Memiliki koleksi

tokoh

gambar

kodetokoh

watak_ind

namatokoh deskrip_ind

tanggal

jam

Nama_kegiatan

watak_ing deskrip_ind

foto

video deskrip_ind deskrip_ind

Id_kegiatan

Id_foto

deskrip_ind

deskrip_ind

kegiatan

N

1 Memiliki

fotokegiatan

Gambar 3.21 ER Diagram

60


profiling profilind

status

idprofil

id

profil

idkomentar

label

lang

nama password username

admin

komentar

passwd

ing ind

slider

nama email komentar status

tgl

nama

text_ind text_ing img active

title

tglbayar

alamat email

tglp idn

idktp

tglk status total tglkonfirmasi

kodetiket harga jml id

harga noinvoice

Jenistiket_ind Jenistiket_ing

noinvoice

M

N

1 pemesan

Nota pesanan

Memiliki fotostruk

Terdiri dari

N Jenis tiket

pengirim

bankasal banktujuan

metodetranfer

Gambar 3.22 ER Diagram

61


3.2.1.2 Database Logical Design

golongan

koleksi

kodegolongan * namagolongan_ind namagolongan_ing deskrip_ind deskrip_ing

Kodekoleksi * Kodetokoh ** Kodegolongan ** Namakoleksi_ind Namakoleksi_ing deskrip_ind deskrip_ing gambar

kegiatan Id_kegiatan * Nama_kegiatan Tanggal Jam video deskrip_ind deskrip_ing pemesan Idktp * Passwd Nama Alamat email

profil idprofil * profilind profiling status

cerita kodecerita * judul_ind judul_ing sinopsis_ind sinopsis_ing tokoh Kodetokoh * Kodecerita ** namatokoh watak_ind watak_ing deskrip_ind deskrip_ing gambar

foto Id_foto * Id_kegiatan ** Foto deskrip_ind deskrip_ing

Nota pesanan Idn * Idktp ** Tglp Tglk status Total Tglbayar tglkonfirmasi Bankasal Banktujuan Metodetransfer pengirim Fotostruk noinvoice slider id * title text_ind text_ing img active

Pemesanan tiket id * idn ** kodetiket ** Jml harga noinvoice

komentar idkomentar* tlg nama email komentar status

lang label * ind ing

Jenis tiket kodetiket * jenistiket_ind jenistiket_ing harga

admin username * password nama

Gambar 3.23 Database Logical Design

62


3.2.1.3 Database Physical Design

Tabel 3.39 Struktur Tabel Golongan Nama Field

Tipe Data

Keterangan

Kodegolongan

varchar(5)

Primary key untuk golongan

able

namagolongan_ind

varchar(20)

Field untuk nama golongan dalam bahasa indonesia

namagolongan_ing

varchar(20)

Field untuk nama golongan dalam bahasa inggris

deskrip_ind

Longtext

Field untuk deskripsi golongan dalam bahasa indonesia

deskrip_ing

Longtext

Field untuk deskripsi golongan dalam bahasa indonesia

Tabel 3.40 Struktur Tabel Cerita Nama Field

Tipe Data

Keterangan

Kodecerita

varchar(5)

Primary key untuk cerita

able

judul_ind

varchar(100)

Field untuk judul dalam bahasa Indonesia

judul_ing

varchar(100)

Field untuk judul dalam bahasa inggris

sinopsis_ind

Longtext

Field untuk sinopsis dalam bahasa Indonesia

sinopsis_ing

Longtext

Field untuk sinopsis dalam bahasa Indonesia

63


Tabel 3.41 Struktur Tabel Tokoh Nama Field

Tipe Data

Keterangan

Kodetokoh

varchar(5)

Primary key untuk tokoh

able

Kodecerita

char(5)

Foreign key untuk menghubungkan dengan able cerita

Namatokoh

varchar(30)

Field untuk nama tokoh

watak_ind

Longtext

Field untuk watak dalam bahasa Indonesia

watak_ing

Longtext

Field untuk watak dalam bahasa Indonesia

deskrip_ind

Longtext

Field untuk deskripsi dalam bahasa Indonesia

deskrip_ing

Longtext


Gambar

varchar(50)

Field untuk gambar

Tabel 3.42 Struktur Tabel Koleksi Nama Field

Tipe Data

Keterangan

Kodekoleksi

char(5)

Primary key untuk koleksi

able

Kodetokoh

char(5)

Foreign key untuk menghubungkan dengan able tokoh

Kodegolongan

char(5)

Foreign key untuk menghubungkan dengan able golongan

Namakoleksi_ind

varchar(50)

Field untuk nama koleksi indonesia

Namakoleksi_ing

Varchar(50)

Field untuk nama koleksi inggris

64


deskrip_ind

Longtext

Field untuk deskripsi dalam bahasa indonesia

deskrip_ing

Longtext


Gambar

varchar(100)

Field untuk gambar

Tabel 3.43 Struktur Tabel Kegiatan Nama Field

Tipe Data

Keterangan

Idkegiatan

int(3)

Primary key untuk tabel kegiatan

Namakegiatan_ind

varchar(60)

Field untuk nama kegiatan dalam bahasa indonesia

Namakegiatan_ing

varchar(30)

Field untuk nama kegiatan dalam bahasa inggris

Tanggal

Date

Field untuk tanggal kegiatan

Jam

Time

Field untuk jam kegiatan

deskrip_ind

Longtext

Field untuk deskripsi kegiatan dalam bahasa Indonesia

Deskrip_ing

Longtext

Field untuk deskripsi kegiatan dalam bahasa Indonesia

Video

varchar(30)

Field untuk video

Tabel 3.44 Struktur Tabel Fotokegiatan Nama Field

Tipe Data

Keterangan

Idfoto

int(3)

Primary key untuk tabel fotokegiatan

Idkegiatan

int(3)

Foreign key untuk menghubungkan dengan tabel kegiatan

65


Deskrip_ind

Text

Field untuk dekripsi dalam bahasa indonesia

Deskrip_ing

Text

Field untuk dekripsi dalam bahasa inggris

Foto

Varchar(60)

Field untuk foto

Tabel 3.45 Struktur Tabel Profil Nama Field

Tipe Data

Keterangan

Idprofil

int(3)

Primary key untuk tabel profil

Profilind

Longtext

Field untuk profil dalam bahasa indonesia

Profiling

Longtext

Field untuk profil dalam bahasa inggris

Status

Int(1)

Field untuk status

Tabel 3.46 Struktur Tabel Slider Nama Field

Tipe Data

Keterangan

Id

int(11)

Primary key untuk tabel slider

Title

Varchar(30)

Field untuk judul

Text_ing

Varchar(255)

Field untuk teks gambar dalam bahasa inggris

Text_ing

Varchar(255)

Field untuk teks gambar dalam bahasa indonesia

Img

Varchar(225)

Field untuk gambar

Active

Int(2)

Field untuk status

66


Tabel 3.47 Struktur Tabel Lang Nama Field

Tipe Data

Keterangan

Label

Varchar(30)

Primary key untuk tabel lang

Ind

Longtext

Field untuk label dalam bahasa indonesia

Ing

Longtext

Field untuk label dalam bahasa inggris

Tabel 3.48 Struktur Tabel Komentar Nama Field

Tipe Data

Keterangan

Idkomentar

int(11)

Primary key untuk table komentar

Tgl

Date

Field untuk tanggal

Nama

Varchar(30)

Field untuk nama

Email

Varchar(20)

Field untuk email

Komentar

Text

Field untuk komentar

Status

Int(1)

Field untuk status

Tabel 3.49 Struktur Table Jenis Tiket Nama Field

Tipe Data

Keterangan

Kodetiket

Varchar(5)

Primary key untuk tabel tiket

Jenistiket_ind

Varchar(100)

Field untuk jenis tiket dalam bahasa indonesia

Jenistiket_ing

Varchar(100)

Field untuk jenis tiket dalam bahasa inggris

Harga

Float

Field untuk harga tiket

67


Tabel 3.50 Struktur Tabel Admin Nama Field

Tipe Data

Keterangan

Username

Varchar(14)

Primary key untuk tabel admin

Password

Varchar(10)

Field untuk password

Nama

Varchar(20)

Field untuk nama

Tabel 3.51 Struktur Tabel Pemesan Nama Field

Tipe Data

Keterangan

Idktp

Varchar(20)

Primary key untuk tabel pemesan

Passwd

Varchar(8)

Field untuk password

Nama

Varchar(30)

Field untuk nama

Alamat

Varchar(50)

Field untuk alamat

Email

Varchar(50)

Field untuk email

Tabel 3.52 Struktur Tabel Notapesanan Nama Field

Tipe Data

Keterangan

Idn

int(11)

Primary key untuk table notapesanan

Idktp

Varchar(20)

Foreign key untuk menghubungkan dengan tabel pemesan

Tglp

Date

Field untuk tanggal pesan

Tglk

Date

Field untuk tanggal kunjung

Status

Varchar(20)

Field untuk status

Total

Float

Field untuk total

Tglbayar

Date

Field untuk tanggal bayar

68


Tglkonfirmasi

Date

Field untuk tanggal konfirmasi

Bankasal

Varchar(30)

Field untuk bank asal

Banktujuan

Varchar(30)

Field untuk bank tujuan

metodetransfer

Varchar(30)

Field untuk metode transfer

Pengirim

Varchar(30)

Field untuk nama pengirim

Fotostruk

Varchar(100)

Field untuk fotostruk

Noinvoice

Varcar(20)

Field untuk invoice

Tabel 3.53 Struktur Tabel Pemesanantiket Nama Field

Tipe Data

Keterangan

Id

Varchar(10)

Primary key untuk tabel pemesanantiket

Idn

Varchar(8)

Foreign key untuk menghubungkan dengan tabel notapesanan

Kodetiket

Varchar(30)

Foreign key untuk menghubungkan dengan tabel tiket

Jml

Varchar(50)

Field untuk jumlah tiket

Harga

Varchar(50)

Field untuk harga tiket

Noinvoice

Varchar(20)

Foreign key untuk menghubungkan dengan tabel notapesanan

69


3.2.2 Perancangan Antarmuka

Admin Login Username

Password

Sumit

Gambar 3.24 Interface Menu Login

Daftar Golongan Tambah Golongan

Kode Golongan

Nama Golongan Ind

Nama Golongan Ing

Deskripsi ind

Deskripsi ing

Action Edit

Hapus

Edit

Hapus

Edit

Hapus

Edit

Hapus

Gambar 3.25 Interface Menu Golongan

70


Tambah Golongan Kode Golongan

Nama Golongan [ Indonesia]

Nama Golongan [ Inggris] Deskripsi [ Indonesia]

Simpan

Batal

Gambar 3.26 Interface Menu Tambah Golongan

Daftar Cerita Tambah Cerita

Kode Cerita

Cari

Judul Ind

Judul Ing

Sinopsis Ind

Sinopsis Ing

Action Edit

Hapus

Edit

Hapus

Edit

Hapus

Edit

Hapus

Gambar 3.27 Interface Menu Cerita

71


Tambah Cerita Kode Cerita

Judul [ Indonesia]

Judul [ Inggris] Sinopsis [ Indonesia]

Sinopsis [ Inggris]

Simpan

Batal

Gambar 3.28 Interface Menu Tambah Cerita

Daftar Tokoh Tambah Tokoh

Kode Tokoh

Nama Tokoh

Cari

Watak Ind

Watak Ing

Deskripsi Ind

Deskripsi Contoh Ing Gambar

Action Edit

Hapus

Edit

Hapus

Edit

Hapus

Edit

Hapus

Gambar 3.29 Interface Menu Tokoh

72


Tambah Tokoh Kode Tokoh

Nama Tokoh Watak [ Indonesia]

Watak [ Inggris]

Deskripsi [ Indonesia]

Deskripsi [ Inggris]

Contoh Gambar

Choose File

Kode Cerita / Cerita

Simpan

Batal

Gambar 3.30 Interface Menu Tambah Tokoh

Daftar Koleksi Tambah Koleksi

Kode Koleksi

Cari

Kode Golongan

Kode Tokoh

Nama Koleksi

Dekripsi Ind

Dekripsi Ing

Gambar

Action Edit

Hapus

Edit

Hapus

Edit

Hapus

Edit

Hapus

Gambar 3.31 Interface Menu Koleksi

73


Tambah Koleksi Kode Koleksi

Kode Golongan

Kode Tokoh Nama Koleksi

Deskripsi [ Indonesia]

Deskripsi [ Inggris]

Gambar

Choose File

Simpan

Batal

Gambar 3.32 Interface Menu Tambah Koleksi

Daftar Komentar Nomor

Nama

Email

Komentar

Status

Action Tampilkan

Hapus

Tampilkan

Hapus

Tampilkan

Hapus

Tampilkan

Hapus

Gambar 3.33 Interface Menu Daftar Komentar

74


Daftar Kegiatan Tambah Koleksi

Nomer

Nama Kegiatan ind

Nama Kegiatan ing

tanggal

jam

Dekripsi Ind

Dekripsi ing

Action Edit

Hapus

Foto

Preview

Edit

Hapus

Foto

Preview

Edit

Hapus

Foto

Preview

Edit

Hapus

Foto

Preview

Gambar 3.34 Interface Menu Daftar Kegiatan

Profil Museum Yogyakarta Tambah Profil

Id Profil

Profil ind

Profil ing

Status

Action Edit

Hapus

Preview

Edit

Hapus

Preview

Edit

Hapus

Preview

Edit

Hapus

Preview

Gambar 3.35 Interface Menu Profil

75


Daftar Gambar Slider Tambah gambar slider Nomor

Judul gambar

Keterangan ind

Keterangan ing

gambar

aktif

Action edit

Hapus

edit

Hapus

edit

Hapus

edit

Hapus

Gambar 3.36 Interface Menu Gambar Slider

HEADER

Beranda

Profil

Tokoh Wayang

Koleksi

Kontak

Pesan Tiket

Konfirmasi Tiket

Print Tiket

GAMBAR SLIDER

AGENDA KEGIATAN

HARGA TIKET

KOMENTAR

TESTIMONI

FOOTER

Gambar 3.37 Interface Utama Pengunjung

76


HEADER

Beranda

Profil

Tokoh Wayang

Koleksi

Kontak

Pesan Tiket

Konfirmasi Tiket

Print Tiket

Gambar Deskripsi

FOOTER

Gambar 3.38 Interface Menu Profil

77


BAB IV IMPLEMENTASI SISTEM

Pada tahap ini menjelaskan tentang spesifikasi perangkat keras dan lunak, implementasi basis data, implementasi system dan pengujian α test. 4.1 Spesifikasi Perangkat Keras dan Perangkat Lunak Perangkat keras yang digunakan untuk membangun sistem adalah sebagai berikut : Processor

: Intel Core i7

Memori

: 2GB

Harddisk

: 500GB

Perangkat lunak yang digunakan untuk membangun sistem adalah sebagai berikut: Sistem Operasi

: Windows 7

Bahasa Pemrograman

: PHP

Database

: MySQL

4.2 Implementasi (System Implementation) 4.1.1 Implementasi Basis Data Pada tahap ini dilakukan pembangunan basis data menggunakan MySQL untuk menunjang sistem yang akan dibangun. Basis data yang dibangun terdiri dari tabel-tabel yang telah dirancang pada bab sebelumnya.

78


Berikut query untuk membuat database museum wayang kekayon dan tabel-tabel yang ada di dalamnya: 

Tabel Golongan CREATE TABLE golongan( kodegolongan varchar(5), namagolongan_ind varchar(20), namagolongan_ing varchar(20), deskrip_ind longtext, deskripsi_ing longtext, PRIMARY KEY (kodegolongan));



Tabel Cerita CREATE TABLE cerita( kodecerita varchar(5), judul_ind varchar(100), judul_ing varchar(100), sinopsis_ind longtext, sinopsis_ing longtext, PRIMARY KEY (kodecerita));



Tabel Tokoh CREATE TABLE tokoh( kodetokoh varchar(5),

79


namatokoh varchar(30), watak_ind longtext, watak_ing longtext, deskripsi_ind longtext, deskripsi_ing longtext, gambar varchar(50), kodecerita char(5), PRIMARY KEY (kodetokoh), FOREIGN KEY(kodecerita) REFERENCES cerita(kodecerita));



Tabel Koleksi CREATE TABLE koleksi( kodekoleksi char(5), kodetokoh char(5), kodegolongan char(5), namakoleksi_ind varchar(50), namakoleksi_ing varchar(50), deskrip_ind longtext, deskrip_ing longtext, gambar varchar(100), PRIMARY KEY (kodekoleksi), FOREIGN KEY(kodetokoh) REFERENCES tokoh(kodetokoh), FOREIGN KEY(kodegolongan) golongan(kodegolongan));

REFERENCES

80




Tabel Kegiatan CREATE TABLE kegiatan( idkegiatan int(3), namakegiatan_ind varchar(60), namakegiatan_ing varchar(30), tanggal date, jam time, deskrip_ind longtext, deskrip_ing longtext, video varchar(60), PRIMARY KEY (idkoleksi));



Tabel Foto Kegiatan CREATE TABLE fotokegiatan( idfoto int(3), idkegiatan int(3), deskrip_ind text, deskrip_ind text, foto varchar(60), PRIMARY KEY (idfoto), FOREIGN KEY(idkegiatan) REFERENCES kegiatan(idkegiatan));

81




Tabel Profil CREATE TABLE profil( idprofil int(3), profilind longtext, profiling longtext, status int(1), gambar varchar(100), PRIMARY KEY (idprofil));



Tabel Gambar Slider CREATE TABLE slider( id int(11), tittle varchar(30), text_ing varchar(255), text_ind varchar(255), img varchar(255), active int(2), PRIMARY KEY (id));



Tabel Lang CREATE TABLE lang( label varchar(30), ind longtext,

82


ing longtext. PRIMARY KEY (label));



Tabel Komentar CREATE TABLE komentar( idkomentar int(11), tgl date, nama varchar(30), email varchar(20), komentar text, status int(1), PRIMARY KEY (idkomentar));



Tabel Admin CREATE TABLE admin( username varchar(14), password varchar(10), nama varchar(20), PRIMARY KEY (username));



Tabel Jenis Tiket CREATE TABLE jenis tiket( kodetiket varchar(5),

83


jenistiket_ind varchar(100), harga float, jenistiket_ing varchar(100), PRIMARY KEY (kodetiket));



Tabel Pemesan CREATE TABLE pemesan( idktp varchar(20), passwd varchar(8), nama varchar(30), alamat varchar(50), email varchar(50), PRIMARY KEY (idp));



Tabel Nota Pesanan CREATE TABLE notapesanan( idn int(11), idktp varchar(20), tglp date, tglk date, status varchar(20), total float, tglbayar date, tglkonfirmasi date,

84


bankasal varchar(30), banktujuan varchar(30), metodetransfer varchar(30), pengirim varchar(30), fotostruk varchar(100), noinvoice varchar(10), PRIMARY KEY (idn), FOREIGN KEY(idktp) REFERENCES pemesan(idktp));



Tabel Pemesanan Tiket CREATE TABLE pemesanantiket( id int(11), idn int(11), kodetiket varchar(5), jml int(11), harga float, noinvoice varchar(10), PRIMARY KEY (id), FOREIGN KEY(idn) REFERENCES notapemesanan(idn) FOREIGN KEY(noinvoice) REFERENCES notapemesanan(noinvoice) FOREIGN KEY(kodetiket) REFERENCES tiket(kodetiket));

85


4.1.2 Implementasi Sistem 4.1.2.1 Tampilan Untuk Pengunjung a.

Halaman Utama Pengunjung Halaman utama pengunjung adalah halaman yang pertama kali muncul ketika pengunjung mengakses sistem informasi Museum Wayang Kekayon Yogyakarta. Pada halaman ini terdapat menu beranda, profil, tokoh wayang, koleksi, kontak, pesan tiket, konfirmasi tiket dan print tiket. Pada halaman ini juga terdapat kolom untuk informasi agenda kegiatan, jam buka museum, harga tiket dan kolom untuk memberikan komentar. Pada bagian atas halaman terdapat icon bendera untuk memilih bahasa.

86


Gambar 4.1 Halaman Utama Pengunjung b.

Halaman Profil Halaman

profil

adalah

halaman

yang

memberikan

informasi profil museum. Pada halaman ini pengunjung dapat mengetahui latar belakang pendirian Museum Wayang Kekayon Yogyakarta.

Gambar 4.2 Halaman Profil

87


c.

Halaman Tokoh Wayang Halaman tokoh wayang adalah halaman yang memberikan informasi tentang tokoh-tokoh wayang. Pada halaman ini pengunjung dapat mengetahui berbagai tokoh wayang yang ada.

Gambar 4.3 Halaman Tokoh Wayang

d.

Halaman Detail Tokoh Wayang Halaman detail tokoh wayang adalah halaman yang memberikan informasi secara detail tentang tokoh wayang. Pada halaman ini pengunjung dapat mengetahui informasi secara detail tentang tokoh wayang. Informasi tentang tokoh wayang meliputi : nama tokoh, cerita, sinopsis cerita, watak tokoh dan dekripsi tokoh.

88


Gambar 4.4 Halaman Detail Tokoh Wayang

e.

Halaman Koleksi Halaman koleksi adalah halaman yang memberikan informasi tentang koleksi wayang yang dimiliki oleh museum. Pada menu koleksi memiliki submenu yang bertujuan untuk membedakan koleksi wayang museum berdasarkan golongannya. Submenu tersebut terdiri dari : wayang klitik, wayang kulit, wayang beber, wayang golek, wayang wong.

89


Gambar 4.5 Halaman Koleksi

f.

Halaman Detail Koleksi Halaman detail koleksi adalah halaman yang memberikan informasi secara detail tentang koleksi museum. Pada halaman ini pengunjung dapan mengetahui informasi secara detail tentang koleksi wayang museum yang meliputi : nama koleksi dan deskripsi koleksi.

90


Gambar 4.6 Halaman Detail Koleksi

g.

Halaman Kegiatan Halaman kegiatan adalah halaman yang memberikan informasi tentang kegiatan yang akan dilakukan oleh pihak museum. Pada halaman ini pengunjung dapat mengetahui nama kegiatan, tanggal, jam, deskripsi kegiatan, foto kegiatan dan juga video kegiatan.

91


Gambar 4.7 Halaman Kegiatan

h.

Halaman Kontak Halaman kontak adalah halaman yang memberikan informasi alamat, nomer telepon dan alamat facebook museum.

Gambar 4.8 Halaman Kontak

92


i.

Halaman Pesan Tiket Halaman pesan tiket adalah halaman yang dapat digunakan pengunjung untuk melakukan pemesanan tiket. Untuk melakukan pemesanan tiket pengunjung diwajibkan mengisikan data yang diminta secara lengkap.

Gambar 4.9 Halaman Pesan Tiket

Gambar 4.10 Halaman Registrasi member Pada saat pemesanan tiket, apabila pengunjung belum memiliki terdaftar sebagai member maka pengunjung diharuskan mendaftar

93


sebagai member. Setelah pengunjung mendaftar sebagai member barulah pemesanan dapat dilanjutkan.

Gambar 4.11 Halaman Invoice

j.

Halaman Konfirmasi Tiket Halaman konfirmasi pembayaran adalah halaman untuk mengkonfirmasi pembayaran tiket setelah melakukan pembayaran via transfer. Pada halaman ini pengunjung diharuskan mengisikan nomor pemesanan yang didapat saat melakukan pemesanan tiket dan juga login member.

Gambar 4.12 Halaman Konfirmasi Tiket

94


Gambar 4.13 Halaman Konfirmasi Pembayaran

k.

Halaman Print Tiket Halaman print tiket adalah halaman bagi pengunjung untuk mencetak tiket. Pengunjung yang sudah melakukan konfirmasi pembayaran dan sudah divalidasi oleh admin dapat melakukan print tiket. Print tiket dilakukan dengan cara memasukan no pemesanan dan login member.

Gambar 4.14 Halaman Print Tiket

95


Gambar 4.15 Tiket Museum

4.1.2.2 Tampilan Untuk Admin a.

Halaman Login Tampilan pada gambar 4.16 merupakan halaman login untuk Admin. Admin menginputkan username dan password dengan benar maka dapat masuk ke dalam sistem.

Gambar 4.16 Login Admin

96


b.

Halaman Utama Admin Halaman utama admin adalah halaman yang pertama kali ditampilkan saat admin sudah berhasil login. Pada halaman ini terdapat beberapa menu yang dapat digunakan oleh admin untuk mengelola sistem informasi Museum Wayang Kekayon. Menu yang terdapat pada halaman utama admin adalah : home, data golongan wayang, data tokoh wayang, data cerita, data koleksi wayang, data komentar, harga tiket, data kegiatan, data profil, data gambar slider, data penjualan tiket, laproran penjualan tiket dan logout.

Gambar 4.17 Halaman Utama Admin

c.

Halaman Data Golongan Wayang Tampilan pada gambar 4.18 merupakan tampilan kelola data golongan wayang yang dapat dilihat oleh admin. Disini admin

97


dapat menambah data golongan wayang, mengedit data dan menghapus data.

Gambar 4.18 Tampilan Data Golongan Wayang

d.

Halaman Tambah Data Golongan Wayang Tampilan pada gambar 4.19 merupakan tampilan halaman tambah data golongan wayang. Tampilan ini akan muncul ketika admin klik menu tambah golongan. Pada halaman tambah data golongan admin dapat menginputkan nama golongan dan deskripsi.

98


Gambar 4.19 Halaman Tambah Data Golongan

LISTING PROGRAM elseif ($module=='golongan' AND $act=='input'){ if (mysql_query("INSERT INTO golongan (kodegolongan, namagolongan_ind, namagolongan_ing, deskrip_ind, deskrip_ing) VALUES('$_POST[kodegolongan]','$_POST[nama_ind]','$_POST[nama_ing]','$_POST[desk_ind ]','$_POST[desk_ing]')")) { echo "<SCRIPT>window.alert('Data Golongan Berhasil di Entry');window.location='../../media.php?module=".$module."'"; } else { echo "<SCRIPT>window.alert('Data Golongan Gagal di Entry');window.location='../../media.php?module=".$module."'"; }}

e.

Hapus Data Golongan Wayang Admin dapat melakukan hapus data golongan wayang dengan cara klik menu hapus yang ada pada halaman data golongan wayang. Dengan demikian data golongan wayang akan terhapus.

99


LISTING PROGRAM if ($module=='golongan' AND $act=='hapus'){ if(isset($_GET['id'])){ $id = $_GET['id']; if(mysql_query("DELETE FROM golongan WHERE kodegolongan='$id'")){ echo "<SCRIPT>window.alert('Data Golongan Berhasil di Hapus');window.location='../../media.php?module=".$module."'"; }else{ echo "<SCRIPT>window.alert('Data Golongan Gagal di Hapus');window.location='../../media.php?module=".$module."'"; }}

f.

Halaman Edit Data Golongan Wayang Tampilan edit data golongan wayang akan tampil ketika admin memilih menu edit. Pada halaman ini akan terdapat field untuk melakaukan edit data golongan wayang.

Gambar 4.20 Tampilan Data Golongan Wayang LISTING PROGRAM elseif ($module=='golongan' AND $act=='update'){ if($_POST){ $update = "UPDATE golongan SET kodegolongan= '$_POST[kodegolongan]', namagolongan_ind = '$_POST[nama_ind]', namagolongan_ing = '$_POST[nama_ing]', deskrip_ind= '$_POST[desk_ind]',

100


deskrip_ing= '$_POST[desk_ing]'"; $update .= " where kodegolongan ='".$_POST['id']."'"; if (mysql_query($update)) { echo"<SCRIPT>window.alert('Data Golongan Berhasil di update');window.location='../../media.php?module=".$module."'"; }else{ echo "<SCRIPT>window.alert('Data Golongan Gagal di Update');window.location='../../media.php?module=".$module."'"; }}}}

g.

Halaman Data Tokoh Wayang Tampilan pada gambar 4.21 merupakan tampilan data tokoh wayang yang dapat dilihat oleh admin. Disini admin dapat menambah data tokoh wayang, mengedit data dan menghapus data.

Gambar 4.21 Tampilan Data Tokoh Wayang

h.

Halaman Cari Data Tokoh Wayang Admin dapat melakukan pencarian pada halaman data tokoh wayang. Untuk melakukan pencarian data tokoh wayang

101


admin menginputkan nama tokoh wayang pada field pencarian dan klik button cari.

Gambar 4.22 Tampilan Cari Data Tokoh Wayang LISTING PROGRAM $tampil="SELECT * FROM tokoh"; if (isset($_POST['cari'])) { $tampil.=" where tokoh.namatokoh like '%".$_POST['cari']."%'"; echo "Hasil pencarian dengan kata kunci '".$_POST['cari']."'";} $tampil.=" ORDER BY namatokoh DESC LIMIT $posisi,$batas";

i.

Halaman Data Cerita Tampilan pada gambar 4.23

merupakan tampilan data

cerita yang dapat dilihat oleh admin. Disini admin dapat menambah data cerita, mengedit data dan menghapus data.

102


Gambar 4.23 Tampilan Data Cerita

j.

Halaman Koleksi Wayang Tampilan pada gambar 4.24 merupakan tampilan data koleksi wayang yang dapat dilihat oleh admin. Disini admin dapat menambah data koleksi wayang, mengedit data dan menghapus data.

Gambar 4.24 Tampilan Data Koleksi

103


k.

Halaman Komentar Tampilan pada gambar 4.25 merupakan tampilan data komentar yang dapat dilihat oleh admin. Disini admin dapat menghapus dan menampilkan komentar.

Gambar 4.25 Tampilan Data Komentar LISTING PROGRAM if($module=='komen' AND $act=='aktif'){ $id = $_GET['id']; $sql = "update komentar set status=1 where idkomentar=$id"; if(mysql_query($sql)){ echo "<SCRIPT>window.alert('Komentar Berhasil di Approve');window.location='../../media.php?module=".$module."'"; } else{ echo "<SCRIPT>window.alert('Komentar Gagal di Approve');window.location='../../media.php?module=".$module."'"; } }}

l.

Halaman Harga Tiket Tampilan pada gambar 4.26 merupakan tampilan data harga tiket yang dapat dilihat oleh admin. Disini admin dapat menambah data harga tiket, mengubah data dan menghapus data.

104


Gambar 4.26 Tampilan Data Harga Tiket

m. Halaman Data Kegiatan Tampilan pada gambar 4.27 merupakan tampilan data Kegiatan yang dapat dilihat oleh admin. Disini admin dapat menambah data kegiatan, mengubah data dan menghapus data.

Gambar 4.27 Tampilan Data Kegiatan

105


n.

Halaman Data Profil Tampilan pada gambar 4.28 merupakan tampilan data Profil yang dapat dilihat oleh admin. Disini admin dapat menambah data profil, mengubah data, menghapus data dan melihat data.

Gambar 4.28 Tampilan Data Profil

o.

Halaman Data Gambar Slider Tampilan pada gambar 4.29 merupakan tampilan data gambar slider yang dapat dilihat oleh admin. Disini admin dapat menambah data gambar slider, mengubah data dan menghapus data.

106


Gambar 4.29 Tampilan Data Gambar Slider

p.

Halaman Data Penjualan Tiket Tampilan pada gambar 4.30 merupakan tampilan data penjualan tiket yang dapat dilihat oleh admin. Disini admin dapat melihat data pemesanan tiket dan memvalidasi pembayaran tiket.

Gambar 4.30 Tampilan Data Penjualan Tiket

107


q.

Halaman validasi pembayaran tiket Tampilan validasi pembayaran tiket akan tampil ketika admin memilih menu detail. Pada halaman ini akan terdapat field untuk melakaukan validasi pembayaran tiket.

Gambar 4.31 Tampilan Validasi Pembayaran

r.

Halaman Laporan Penjualan Tiket Pada halaman laporan penjualan tiket ini admin dapat melihat laporan tentang penjualan tiket. Admin dapat memilih tanggal yang diinginkan untuk mendapatkan laporan penjualan. Selain itu admin dapat melihat laporan penjualan dalam satu tahun untuk setiap jenis tiket yang terjual. Admin juga dapat melihat grafik penjualan tiket yang terjual tiap bulan selama satu tahun.

108


Gambar 4.32 Tampilan Laporan Penjualan Tiket

Gambar 4.33 Tampilan Laporan Pertahun

Gambar 4.34 Tampilan Grafik Laporan Pertahun

109


4.3 Hasil α test 4.3.1 Rencana Pengujian

Tabel 4.1 Penjelasan Pengujian Sistem Uji

Butir Uji

Jenis Pengujian

Login

Login

Black Box

Pengolahan Data

Olah data golongan, olah Black Box data tokoh, olah data cerita, olah data koleksi, olah data tiket, olah data komentar, olah data profil, olah data kegiatan, olah data slider, olah data penjualan tiket.

4.3.2 Hasil Pengujian 1. Pengujian Login Berikut ini adalah hasil pengujian sistem menggunakan Black Box :

Tabel 4.2 Pengujian Login Data yang

Yang

dimasukan

Diharapkan

Username dan

Akan menmpilkan

Yang Terjadi

Kesimpulan

Menampilkan

Memenuhi

110


password terisi

halaman utama

halaman utama

dengan benar

admin

admin

Username dan

Akan

Menampilkan

password kosong

menampilakan

“Masukan data

“Masukan data

login dengan

login dengan

benar”

Memenuhi

benar” Username dan

Akan

Menampilakan

password salah

menampilkan

“Maaf, Username

“Maaf, Username

dan password

dan password

salah! Silahkan

salah! Silahkan

LOGIN kembali.”

Memenuhi

LOGIN kembali.”

2. Pengujian Pengolahan Data

Tabel 4.3 Pengujian Data Hasil Uji (Data normal) Data masukan

Yang diharapkan

Yang terjadi

Kesimpulan

Klik tombol

Mengisi tiap field wajib

Tombol “Simpan”

Memenuhi

“Tambah”

isi, jika di isi semua

dapat berfungsi

maka “Data Berhasil di

sesuai yang

111


Entry”. Jika tidak

diharapkan.

mengisi field maka akan muncul “data belum di isi”. Klik tombol

Menginputkan data

Tombol “edit”

“Edit”

yang akan di edit pada

dapat berfungsi

field yang akan diedit.

sesuai yang

Jika data telah

diharapkan.

Memenuhi

diinputkan maka akan menampilkan “Data Berhasil di Update” jika data tidak diedit maka data tetap seperti data awal. Klik tombol

Memilih data yang akan Tombol “hapus”

“Hapus”

dihapus dan klik tombol berfungsi sesuai hapus, maka akan

Memenuhi

yang diharapkan.

muncul pesan “Anda yakin akan menghapus data ini?”. Jika klik “ok” akan muncul “data berhasil dihapus” jika klik “cencel” data tidak

112


terhapus. Klik tombol

Menginputkan kata

Tombol “cari”

“Cari”

kunci yang ingin dicari

berfungsi sesuai

pada field cari, klik

yang diharapkan.

Memenuhi

tombol “cari” untuk mencari. Jika kata kunci yang dicari tersedia maka data yang dicari akan ditampilkan, jika kata kunci yang dicari tidak tersedia maka data tidak akan tampil. Hasil Uji (Data Salah) Data Masukan

Yang diharapkan

Textfield kosong

Muncul pesan data Textfield berfungsi Memenuhi belum diisi.

Pengamatan

Kesimpulan

sesuai yang diharapkan.

4.3.3 Kesimpulan hasil pengujian α test Berdasarkan hasil pengujian dengan kasus uji dia atas dapat ditarik kesimpulan bahwa secara fungsional sistem sudah sesuai dengan yang diharapkan. Data username, password, data golongan, data tokoh, data

113


cerita, data koleksi, data tiket, data komentar, data profil, data kegiatan, data slider, data penjualan tiket dapat disimpan pada database MySQL.

114


BAB V ANALISIS HASIL

Pada bab ini dilakukan analisa hasil implementasi Sistem informasi Museum Wayang Kekayon Yogyakarta Berbasis Web yang telah dibuat. Sebelum dilakukan pengujian terhadap pengguna apakah sistem ini sesuai dengan kebutuhan pengguna, dilakukan terlebih dahulu pengujian sistem keseluruhan modul dalam satu sistem.

5.1 Analisa Hasil Perangkat Lunak Berdasarkan hasil implementasi Sistem Informasi Museum Wayang Kekayon Yogyakarta berbasis web menggunakan PHP, MySQL ini dapat dianalisa bahwa sistem ini dapat berjalan baik, dengan fungsi-fungsi : kelola data golongan, kelola data cerita, kelola data tokoh, kelola data koleksi, kelola data profil, kelola data slider, kelola data komentar, kelola data kegiatan, kelola data harga tiket, kelola penjualan tiket, lihat laporan penjualan tiket. Adapun kelebihan dan kekurangan dari sistem ini adalah sebagai berikut : Kelebihan : a. Sistem

Informasi

Museum

Wayang

Kekayon

Yogyakarta

ini

dapat

menyampaikan informasi dalam dua bahasa yaitu bahasa Indonesia dan bahasa Inggris.

115


b. Admin dapat mengelola data-data yang berkaitan dengan museum wayang kedalam sistem sehingga data tersebut dapat digunakan atau ditampilkan

secara cepat.

c. Sistem Informasi Museum Wayang Kekayon ini dapat menampilakan informasi tentang tokoh wayang, koleksi wayang dan kegiatan museum.

d. Terdapat fasilitas untuk melakukan pemesanan tiket secara online.

e. Pengunjung dapat memberikan komentar pada pihak admin sehingga bisa terjalin komunikasi antara pihak pengunjung dan admin museum.

Kekurangan : a. Tidak adanya fasilitas untuk mengingatkan nomor invoice apabila pemesan tiket lupa dengan nomor invoice. b. Tidak adanya fasilitas pemberitahuan kepada pemesan tiket online untuk mencetak tiket apabila pembayaran tiket online sudah divalidasi oleh admin. c. Tampilan web masih sederhana.

116


5.2 Analisa Hasil Uji coba terhadap Pengguna Uji coba terhadap pengguna dilakukan dengan cara menyebar kuisioner kepada 32 pengunjung museum dan 2 admin Musem Wayang Kekayon Yogyakarta.

5.2.1

Form Kuisioner Form kuisioner disebarkan untuk pengguna sistem informasai Museum Wayang Kekayon Yogyakarta ini adalah : a) Form untuk pengunjung museum (lihat lampiran ke-1) b) Form untuk admin museum (lihat lampiran ke-2)

5.2.2

Hasil dan Pembahasan Hasil jawaban responden kemudian diolah sehingga memperoleh gambaran sebagai berikut :

5.2.2.1 Hasil uji coba terhadap pengunjung museum Pernyataan 1 : Sistem informasi museum wayang kekayon yogyakarta berbasis web ini tepat guna/bermanfaat dalam membantu memperoleh informasi tentang museum. Hasil kuisioner pernyataan 1 ditunjukan pada tabel 5.1 dan selanjutnya ditampilkan dengan grafik pada gambar 5.1.

117


Tabel 5.1 Tabel kuisioner pengunjung pernyataan 1 Jawaban Sangat setuju Setuju Ragu-ragu Tidak setuju Sangat tidak setuju Total Nilai Akhir

Bobot (0-4) 4 3 2 1 0

Jumlah Responden 14 18 0 0 0 32 total nilai / total responden

Nilai 56 54 0 0 0 110 3,43

Gambar 5.1 Grafik pernyataan 1 untuk pengunjung museum Dari perhitungan pada tabel 5.1 diketahui bahwa secara umum sistem informasi museum wayang kekayon yogyakarta ini dapat membatu dalam memperoleh informasi tentang museum.

Pernyataan 2 : Sistem informasi museum wayang kekayon yogyakarta ini efisien dalam pencarian informasi wayang. Hasil kuisioner pernyataan 2 ditunjukan pada tabel 5.2 dan selanjutnya ditampilkan dengan grafik pada gambar 5.2.

118



Bobot (0-4) 4 3 2 1 0


Nilai 32 57 10 0 0 99 3,09

Gambar 5.2 Grafik pernyataan 2 untuk pengunjung museum Dari perhitungan pada tabel 5.2 diketahui bahwa secara umum sistem informasi museum wayang kekayon yogyakarta berbasis web ini dapat mempercepat proses pencarian informasi data wayang.

Pernyataan 3 : Sistem informasi museum wayang kekayon yogyakarta ini efisien dalam pencarian informasi tentang kegiatan museum. Hasil kuisioner pernyataan 3 ditunjukan pada tabel 5.3 dan selanjutnya ditampilkan dengan grafik pada gambar 5.3.

119



Bobot (0-4) 4 3 2 1 0


Nilai 40 63 2 0 0 105 3,28

Gambar 5.3 Grafik pernyataan 3 untuk pengunjung museum Dari perhitungan pada tabel 5.3 diketahui bahwa secara umum sistem informasi museum wayang kekayon yogyakarta berbasis web ini dapat mempercepat proses pencarian informasi tentang kegiatan museum.

Pernyataan 4 : Menu-menu pada sistem informasi museum wayang kekayon yogyakarta berbasis web ini mudah dipahami dan digunakan. Hasil kuisioner pernyataan 4 ditunjukan pada tabel 5.4 dan selanjutnya ditampilkan dengan grafik pada gambar 5.4. 120



Bobot (0-4) 4 3 2 1 0


Nilai 44 48 10 0 0 102 3,18

Gambar 5.4 Grafik pernyataan 4 untuk pengunjung museum Dari perhitungan pada tabel 5.4 dapat dianalisa bahwa secara umum menu-menu yang terdapat pada situs ini mudah digunakan dan dipahami.

Pernyataan 5 : Penggunaan fitur pemesanan tiket online pada sistem informasi museum wayang kekayon yogyakarta berbasis web mempermudah dalam mendapatkan tiket. Hasil kuisioner pernyataan 5 ditunjukan pada tabel 5.5 dan selanjutnya ditampilkan dengan grafik pada gambar 5.5.

121



Bobot (0-4) 4 3 2 1 0


Nilai 32 51 14 0 0 97 3,03

Gambar 5.5 Grafik pernyataan 4 untuk pengunjung museum Dari perhitungan

pada tabel 5.5 dapat dianalisa bahwa secara

umum penggunaan fitur pemesanan tiket online mempermudah dalam mendapatkan tiket.

5.2.2.2 Hasil uji coba terhadap admin museum Dari hasil jawaban yang diberikan oleh responden (admin museum) dapat diketahui bahwa secara umum admin lebih menyukai sistem ini daripada sistem manual. Hal ini dikarenakan sistem informasi ini dapat membantu pihak museum dalam menyelesaikan masalah yang selama ini dihadapi. Masalah tersebut yaitu keterbatasan

122


informasi yang disampaikan oleh pihak museum sebagai sarana promosi dan edukasi tentang keberadaan museum wayang kekayon yogyakarta kepada masyarakat umum. SS S R TS STS

: Sangat Setuju : Setuju : Ragu : Tidak Setuju : Sangat Tidak Setuju

Pernyataan SS Sistem informasi museum wayang kekayon yogyakarta berbasis web ini dapat membantu saya secara efektif dalam mengelola data wayang. Sistem informasi museum wayang kekayon  yogyakarta berbasis web ini mempercepat tugas saya dalam proses pemberian informasi . Menu-menu pada sistem informasi museum  wayang kekayon yogyakarta berbasis web ini dapat mudah dipahami dan mudah digunakan. Proses memasukkan, menghapus, dan mengubah  data terkait dengan data wayang, dapat dilakukan dengan mudah. sistem informasi museum wayang kekayon yogyakarta berbasis web ini memiliki tampilan yang menarik. Secara umum saya lebih menyukai system informasi museum wayang kekayon yogyakarta berbasis web ini daripada proses penyimpanan data dan pencarian data wayang secara manual.

S

R

TS



 

123

STS


BAB VI PENUTUP

6.1 Kesimpulan Berdasarkan hasil analisis, desain, dan implementasi, serta uji coba sistem ini dapat disimpulkan bahwa : a. Sistem informasi museum wayang kekayon yogyakarta ini berhasil dibuat dengan menggunakan bahasa pemrograman PHP, basis data MySQL yang dapat digunakan oleh pengujung dan admin museum. b. Sistem informasi museum wayang kekayon Yogyakarta berbasis web ini dapat digunakan sebagai sarana baru untuk membantu admin museum dalam mempromosikan keberadaan museum dan saranan edukasi tentang wayang kepada masyarakat umum. c. Sistem informasi museum wayang kekayon yogyakarta ini berfungsi dengan baik yaitu dapat untuk kelola data golongan, kelola data cerita, kelola data tokoh, kelola data koleksi, kelola data profil, kelola data slider, kelola data komentar, kelola data kegiatan, kelola data harga tiket, kelola penjualan tiket, lihat laporan penjualan tiket. d. Berdasarkan uji coba dengan pengguna sistem informasi museum wayang kekayon yogyakarta ini dinilai bermanfaat untuk memperoleh informasi tentang keberadaan museum wayang kekayon, efisien dalam pencarian informasi wayang, informasi tentang kegiatan museum dan menu-menu yang terdapat pada situs ini mudah dipahami dan digunakan.

124


6.2 Saran Saran yang penulis dapat berikan dalam mengembangkan sistem ini selanjutnya adalah : a. Untuk pengiriman notifikasi pemesanan tiket dibuat secara otomatis. b. Memperbaiki tampilan agar lebih menarik.

125


DAFTAR PUSTAKA

Jeffrey L Whitten, Lonnie D Bentley,Victor M.Barlow,2004,System Analysis & Design Methods, Sixth Edition, Irwin. Hartono, Jogiyanto, 1999, Analisis & Disain Sistem Informasi: Pendekatan Terstruktur Teori dan Praktek Aplikasi Bisnis, Yogyakarta: Andi Offset. Jogiyanto.HM

(1990).

Analisis

&

Disain

Sitem

Informasi.

Andi

Offset.Yogyakarta. Kleindl, B. (2010). Strategic Electronic Marketing : Managing E-Business. Gramedia.

126


LAMPIRAN a. Form kuisioner untuk pengunjung museum KUISIONER SISTEM INFORMASI MUSEUM WAYANG KEKAYON YOGYAKARTA BERBASIS WEB Studi Kasus : Museum Wayang Kekayon Yogyakarta Nama Alamat Status Tanggal SS S R TS STS

: : : :


Pernyataan Sistem informasi museum wayang kekayon yogyakarta berbasis web ini bermanfaat dalam membantu memperoleh informasi tentang keberadaan museum wayang kekayon. Sistem informasi museum wayang kekayon yogyakarta berbasis web ini efisien dalam pencarian informasi wayang. Sistem informasi museum wayang kekayon yogyakarta berbasis web ini efisien dalam pencarian informasi kegiatan yang diadakan oleh museum. Menu- menu pada sistem informasi museum wayang kekayon yogyakarta berbasis web ini mudah dipahami dan digunakan. Pemesanan tiket secara online mempermudah saya dalam mendapatkan tiket.

SS

S

R

TS

STS

Saran : .....................................................................................

127


b. Form kuisioner untuk Admin Museum KUISIONER SISTEM INFORMASI MUSEUM WAYANG KEKAYON YOGYAKARTA BERBASIS WEB Studi Kasus : Museum Wayang Kekayon Yogyakarta

Nama : Status : Admin Museum Batik Yogyakarta SS S R TS STS


Pernyataan Sistem informasi museum wayang kekayon yogyakarta berbasis web ini dapat membantu saya secara efektif dalam mengelola data wayang. Sistem informasi museum wayang kekayon yogyakarta berbasis web ini mempercepat tugas saya dalam proses pemberian informasi . Menu-menu pada sistem informasi museum wayang kekayon yogyakarta berbasis web ini dapat mudah dipahami dan mudah digunakan. Proses memasukkan, menghapus, dan mengubah data terkait dengan data wayang, dapat dilakukan dengan mudah sistem informasi museum wayang kekayon yogyakarta berbasis web ini memiliki tampilan yang menarik Secara umum saya lebih menyukai sistem informasi museum wayang kekayon yogyakarta berbasis web ini daripada proses pinyimpanan data dan pencarian data wayang secara manual

SS

S

R

TS

STS

Saran : .....................................................................................

128

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Recommend Documents