17
BAB III
PERANCANGAN SISTEM
[image:1.516.86.438.181.529.2]3.1 Flowchart
Gambar 3.1. Flowchart
User memasukkan email dan kata sandi untuk pendaftaran
sebagai anggota. Email dan kata sandi harus diisi jika telah
terisi semua maka akan tersimpan di database tetapi jika
pemesanan dengan memasukkan nama, alamat, no telepon,
tanggal dan waktu. Semua data harus diisi jika tidak maka
akan terdapat pesan error jika sudah terisi semua maka
akan tersimpan di database dan akan tampil pada webpage
jadwal latihan.
3.2 Desain Antarmuka
a. Desain Halaman Utama Web
Berikut ini adalah desain dari halaman utama web.
Halaman ini menggunkan frame dengan 4 section yaitu
[image:2.516.85.437.190.593.2]header, content, navigasi dan footer.
Gambar 3.2. Desain Halaman Utama Web Section 1
Button 1
Section 2
Button 2
Button 3
Button 4
Keterangan :
Section 1 : Header
Section 2 : Content
Section 3 : Footer
Button 1 : Beranda
Button 2 : Galeri
Button 3 : Pesan
Button 4 : Jadwal
b. Desain Halaman Menu Galeri
Berikut ini adalah desain dari menu galeri web.
Halaman ini menggunkan frame dengan 4 section yaitu
header, content yang berisi foto alat musik, navigasi
[image:3.516.85.436.102.573.2]dan footer.
Gambar 3.3. Desain Halaman Menu Galeri Section 2
Section 1
Button 1
Button 2
Button 3
Button 4
< Button 5 >
Button 1 : Beranda
Button 2 : Galeri
Button 3 : Pesan
Button 4 : Jadwal
Button 5 : Panah kanan, kiri
a. Desain Halaman Menu Pesan
Berikut ini adalah desain dari menu pesan web.
Halaman ini menggunkan frame dengan 4 section yaitu
header, content yang berisi texbox untuk pemesanan
[image:4.516.85.435.97.586.2]jadwal latihan, navigasi dan footer.
Gambar 3.4. Desain Halaman Menu Pesan Section 1
Textbox 1 :
Texbox 4 Texbox 3 Button 1
Button 2
Button 3
Button 4 Textbox 2 :
Section 2
Keterangan :
Section 1 : Header
Section 2 : Content
Section 3 : Footer
Texbox 1 : Nama
Texbox 2 : Email
Texbox 3 : Input Nama
Texbox 4 : Input Email
Button 1 : Beranda
Button 2 : Galeri
Button 3 : Pesan
Button 4 : Jadwal
b. Desain Halaman Menu Jadwal
Berikut ini adalah desain dari menu jadwal web.
Halaman ini menggunkan frame dengan 4 section yaitu
header, content yang berisi tabel jadwal latihan,
Gambar 3.5. Desain Halaman Menu Jadwal
Keterangan :
Section 1 : Header
Section 2 : Content
Section 3 : Footer
Coloum 1 : Nama Band
Coloum 2 : Tanggal, Jam
Button 1 : Beranda
Button 2 : Galeri
Button 3 : Pesan
Buttton 4 : Jadwal
Button 3
Button 4
