69
4.2.5.1. Struktur Menu
1. Struktur Menu Utama
Menu Utama
Home Info
Registrasi Pengguna
Login
Gambar 4.9 Struktur menu utama
70
2. Struktur Menu Admin
Login Admin Genre
Klasifikasi Film
Daftar Tambah
Daftar Tambah
Kode Theater
Theater Daftar
Tambah Daftar
Tambah Film
Jadwal Daftar
Tambah Daftar
Tambah Berita
Image Galery
Daftar Tambah
Daftar Tambah
Setting Logout
Edit Template
Gambar 4.10 Struktur menu admin
71
3. Struktur Menu User
Login User
Home Info
Registrasi Pengguna
Login Menu User
Gambar 4.11 Struktur menu user
4.2.5.2. Perancangan Input
Untuk menghasilkan informasi, diperlukan perancangan input sebagai dasar dalam perancangansuatu sistem, sehingga menghasilkan suatu output yang
diharapkan. Perancangan yang terdapat dalam sistem informasi pemesanan tiket online di bioskop ini adalah :
1. Perancangan tampilan halaman login a. Halaman login admin
Admin Panel Login
Username :
Password :
Enter
Gambar 4.12 Halaman login admin
72
b. Halaman login user
Login
Username :
Password :
Submit Form Reset Form
Gambar 4.13 Halaman login user 2. Perancangan input form registrasi pemesan
Id User :
User :
Password :
Konfirmasi Password :
Nama :
Jenis Kelamin :
Tanggal Lahir :
Umur :
Alamat :
NO. Telepon :
Kota :
E-mail :
Registrasi Pemesan
Submit Form Reset Form
Gambar 4.14 Perancangan input form registrasi pemesan
73
3. Perancangan input form Pesan Tiket
Layar
No. Tiket No. Kursi
Informasi Tiket
Saya setuju dengan tiket ini Next
JUDUL FILM : JADWAL TAYANG FILM
Sinopsis Nama Theater ;
Tanggal Tayang
Jam Tayang Kursi Tersedia Harga Tiket pesan
pesan pesan
pesan pesan
Gambar 4.15 Perancangan input pemesanan tiket
74
4. Perancangan input form genre
Genre
Kode Genre :
Nama Genre :
Submit Reset
Gambar 4.16 Perancangan input form genre 5. Perancangan input form klasifikasi film
Klasifikasi Film
Kode Klasifikasi Film :
Nama Klasifikasi Film :
Submit Reset
Inisial Klasifikasi Film :
Gambar 4.17 Perancangan input form klasifikasi film
75
6. Perancangan input form theater
Theater
Kode Kategori Theater : Nama Theater
:
Submit Reset
Kode Theater :
Gambar 4.18 Perancangan input form theater 7. Perancangan input form film
Id Film :
Judul Film :
Kode Genre :
Kode Klasifikasi :
Tahun Produksi :
Rumah Produksi :
Sinopsis :
Foto Film :
Durasi :
Film
Submit Form Reset Form
Browse
Gambar 4.19 Perancangan input form film
76
8. Perancangan input form Berita
Id Berita :
Judul Berita :
Tanggal Posting :
Jam Posting :
Isi Berita :
Foto Berita :
Berita
Submit Reset
Browse
Gambar 4.20 Perancangan input form berita
4.2.5.3. Perancangan Output
Kategori