Start
Tampil halaman home
Baca link
Home ?
Tampil halaman home
Profil ?
Tampil halaman profil
Contact us ?
Tampil halaman contact us
y
y
y n
n
x
n
Buku tamu ?
y
n
Buku tamu Buku
Tamu
Sejarah Kebaya ?
Tampil halaman sejarah kebaya
y
4.3 Flowchart Sistem
Flowchart merupakan bagan yang menunjunkkan alir di dalam program atau prosedur sistem secara logika. Adapun flowchart yang digunakan penulis adalah:
Gambar 4.3. Flowchart Halaman Utama
Universitas Sumatera Utara
Login
Tampil halaman login admin
Input username,pass-
word
Ketemu ?
Pesan
y n
Menu administrator
Admin
Gambar 4.4 Flowchart Halaman Login Admin
Universitas Sumatera Utara
Admin
Tampilkan Menu Admin
Baca Menu Admin
Pilihan 1 ?
Pilihan 2 ?
Pilihan 3 ?
Pilihan 4 ?
Logout ?
Data produk
Browse prodduk Browse data
pemesanan produk
A
B C
x
n
n n
n y
y y
y
Keterangan: Pilihan 1 = data produk
Pilihan 2 = browse data produk Pilihan 3 = browse data pemesanan produk
Pilihan 4 = buku tamu n
y
Lihat buku tamu
Gambar 4.5 Flowchart Halaman Administrator
Universitas Sumatera Utara
A
Tampilkan halaman produk
Input data produk
Kirim ?
Simpan data
Produk Batal
?
Kosongkan form
Admin
y n
y n
Gambar 4.6 Flowchart Halaman Produk
Universitas Sumatera Utara
B
Tampilkan halaman browse
produk
Hapus ?
Hapus data
Produk Edit
?
Baca kode produk
Admin
y
Tampilkan data produk
Edit data produk
Kirim data ?
Update data
y n
y n
n
Gambar 4.7 Flowchart Halaman Browse Produk
Universitas Sumatera Utara
C
Tampilkan halaman browse
pemesanan produk
Hapus ?
Hapus data
Pemesanan produk
Admin
y n
Gambar 4.8 Flowchart Halaman Pemesanan Produk 4.4 Mempersiapkan Database Server
Pada tahap ini dipersiapkan tempat untuk menampung data di server, data tersebut nantinya akan diproses oleh program yang kita buat pada tahap pemograman, baik
penambahan, pengeditan, penghapusan dan menampilkan isi database ke halaman web. Database terdiri dari tabel-tabel yang dibuat dengan program MySQL.
Universitas Sumatera Utara
Adapun database yang dibuat adalah database rumah_mode dengan tabel sebagai berikut:
Tabel 4.1 Tabel Produk Field
Data Type Size
Description
Kd_prod Char
4 Kode produk
Nm_prod Varchar
50 Nama produk
Hrg_prod Float
8 Harga produk
Gambar Varchar
50 File gambar
Merek Varchar
50 Merek
Tabel 4.2 Tabel Member Field
Data Type Size
Description
Kd_member Char
4 Kode member
Nm_member Varchar 50
Nama member Almt
Varchar 50
Alamat member Kd_wil
Char 4
Kode wilayah Email
Varchar 50
Email Login
Varchar 20
Login Pass
Char 10
Password
Tabel 4.3 Tabel Pemesanan Produk Field
Data Type Size
Description
No_pesan Integer
4 No. pemesanan produk
Tgl_pesan Date
12 Tgl. Pemesanan produk
Kd_member Char
4 Kode member
Tabel 4.4 Tabel Detil Pemesanan Produk Field
Data Type Size
Description
No_pesan Integer
4 No. pemesanan produk
Tgl_pesan Date
12 Tgl. Pemesanan produk
Kd_ prod Char
4 Kode produk
Jlh_ prod Integer
4 Jumlah produk
Universitas Sumatera Utara
Tabel 4.5 . Tabel Buku Tamu
Field Data Type
Size Description
Id_tamu Integer
4 Id. Tamu
Nama Varchar
50 Nama
Email Varchar
50 Email
Komentar Longtext
- komentar
Universitas Sumatera Utara
Tabel Buku Tamu Id_tamu
Nama Email
Komentar Tabel Pemesanan
Produk No_pesan
Kd_prod Jlh_prod
Tabel Member Kd_member
Nm_member Almt
Kd_wil Email
Login Pass
Tabel Produk Kd_prod
Nm_prod Hrg_prod
Gambar Merek
Tabel Detail Pemesanan
Produk No_pesan
Tgl_pesan Kd_member
M
M M
1 M
1
4.5 Relasi Antartabel