Perancangan Antarmuka Desain Sistem System Design

70

3.2.2 Perancangan Antarmuka

Username Password Sumit Admin Login Gambar 3.24 Interface Menu Login Tambah Golongan Kode Golongan Nama Golongan Ind Nama Golongan Ing Deskripsi ind Deskripsi ing Action Edit Hapus Edit Hapus Edit Hapus Edit Hapus Daftar Golongan Gambar 3.25 Interface Menu Golongan 71 Kode Golongan Nama Golongan [ Indonesia] Nama Golongan [ Inggris] Deskripsi [ Indonesia] Simpan Batal Tambah Golongan Gambar 3.26 Interface Menu Tambah Golongan Tambah Cerita Kode Cerita Judul Ind Judul Ing Sinopsis Ind Sinopsis Ing Action Edit Hapus Edit Hapus Edit Hapus Edit Hapus Daftar Cerita Cari Gambar 3.27 Interface Menu Cerita 72 Kode Cerita Judul [ Indonesia] Judul [ Inggris] Simpan Batal Tambah Cerita Sinopsis [ Indonesia] Sinopsis [ Inggris] Gambar 3.28 Interface Menu Tambah Cerita Tambah Tokoh Kode Tokoh Nama Tokoh Watak Ind Watak Ing Deskripsi Ind Action Edit Hapus Edit Hapus Edit Hapus Edit Hapus Daftar Tokoh Cari Deskripsi Ing Contoh Gambar Gambar 3.29 Interface Menu Tokoh 73 Kode Tokoh Nama Tokoh Simpan Batal Tambah Tokoh Watak [ Indonesia] Watak [ Inggris] Deskripsi [ Indonesia] Deskripsi [ Inggris] Contoh Gambar Kode Cerita Cerita Choose File Gambar 3.30 Interface Menu Tambah Tokoh Tambah Koleksi Kode Koleksi Kode Golongan Kode Tokoh Dekripsi Ind Dekripsi Ing Action Edit Hapus Edit Hapus Edit Hapus Edit Hapus Daftar Koleksi Cari Nama Koleksi Gambar Gambar 3.31 Interface Menu Koleksi 74 Kode Koleksi Kode Golongan Simpan Batal Tambah Koleksi Deskripsi [ Indonesia] Deskripsi [ Inggris] Gambar Choose File Kode Tokoh Nama Koleksi Gambar 3.32 Interface Menu Tambah Koleksi Nomor Nama Email Status Action Tampilkan Hapus Tampilkan Hapus Tampilkan Hapus Tampilkan Hapus Daftar Komentar Komentar Gambar 3.33 Interface Menu Daftar Komentar 75 Tambah Koleksi Nomer Nama Kegiatan ind Nama Kegiatan ing jam Dekripsi Ind Action Edit Hapus Edit Hapus Edit Hapus Edit Hapus Daftar Kegiatan tanggal Dekripsi ing Foto Preview Foto Preview Foto Preview Foto Preview Gambar 3.34 Interface Menu Daftar Kegiatan Id Profil Profil ind Profil ing Profil Museum Yogyakarta Status Action Edit Hapus Edit Hapus Edit Hapus Edit Hapus Preview Preview Preview Preview Tambah Profil Gambar 3.35 Interface Menu Profil 76 Nomor Judul gambar Keterangan ind gambar Action edit Hapus edit Hapus edit Hapus edit Hapus Daftar Gambar Slider Keterangan ing aktif Tambah gambar slider Gambar 3.36 Interface Menu Gambar Slider GAMBAR SLIDER AGENDA KEGIATAN KOMENTAR TESTIMONI HARGA TIKET Beranda Profil Tokoh Wayang Kontak Konfirmasi Tiket Koleksi Pesan Tiket Print Tiket HEADER FOOTER Gambar 3.37 Interface Utama Pengunjung 77 Beranda Profil Tokoh Wayang Kontak Konfirmasi Tiket Koleksi Pesan Tiket Print Tiket HEADER FOOTER Gambar Deskripsi Gambar 3.38 Interface Menu Profil 78

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.