Harga Integer
20 Stok
Integer 5
Tgl_Masuk Date
Gambar Varchar
100
3.5 Perancangan Diagram Alir flowchart
Diagram alir flowchart ini menjelaskan secara rinci langkah-langkah dari proses program. Flowchart dibuat dengan menggunakan simbol-simbol tertentu yang
menyatakan setiap langkah program. Berikutlah ini adalah bentuk-bentuk flowchart dari toko buku online.
3.5.1 Flowchart Home
Seorang pengunjung bisa melihat dan memilih link-link yang terdapat pada menu utama. Menu utama menampilkan update produk terbaru. Flowchart menu utama
dapat dilihat pada gambar 3.2.
Universitas Sumatera Utara
Y
Y
Y Y
Y Y
Y
Y Y
Y
Y Y
Y
Y Y
Y
Y N
Y
Y
Gambar 3.2 Flowchart Menu Utama
Start
End Buka Koneksi Database
Tutup Koneksi Database Menu Halaman
Beranda Profil
Kategori Produk
Order
Langkah Pembelian
Close Tampilan Utama
Berisi Produk Buku
Cara Pembelian A
C B
Admin Prosedur Login
D
Universitas Sumatera Utara
3.5.2 Flowchart Produk
Halaman ini ditunjukkan untuk pengunjung yang hendak melihat aneka jenis buku, beserta harga dari masing-masing buku. Pada halaman ini terdapat kategori buku
seperti: Buku Komputer, Buku Internet, Buku Photoshop Grafis, Islam, anak-anak, dan berbagai macam jenis buku yang lain. Flowchart cara produk penjualan dapat
dilihat pada gambar 3.3.
Y Y
Y N
Y Y
Y Y
N Y
Y
Y
Y Y
Y
Y
Gambar 3.3 Flowchart Produk
Pilih Kategori
Tambah kekeranjang
Kekeranjang Belanja
Simpan Pesanan
Isi Data Lengkap
Konfirmasi Order
End Database
-
Buku Komputer
-
Buku Internet
-
Buku Islam
-
Buku anak-anak
-
Komik Nama
Buku
Nama Buku
Cara Pembelian
Jumlah Pesanan
B
Universitas Sumatera Utara
3.5.3 Flowchart Pembelian
Halaman ini ditunjukkan untuk pengunjung yang ingin memesan atau membeli buku. Dimana pembeli dapat melihat data toko dan dapat memesan produk di form yang
telah disediakan di halaman ini. Flowchart cara pembelian dapat dilihat pada gambar 3.4.
Y
Y N
Y Y
Y Y Y
Y
Y
Gambar 3.4 Flowchart Pembelian
Email
Database C
Pemesanan Pembelian
Informasi data Penjual
Masukkan data pembeli
Masukkan Nama Jumlah pesanan
Pilih Pengiriman
yang disediakan
JNE
Universitas Sumatera Utara
3.5.4 Flowchart Admin
Halaman admin ini hanya bias diakses oleh administrator. Username dan password dari administrator harus sesuai dengan tabel admin. Jika username dan password
benar maka admin akan masuk ke halaman administrator dan jika username dan password salah maka akan timbul pesan error dan untuk login kembali. Flowchart
admin dapat dilihat pada gambar 3.5 dibawah ini.
Y
Y
Y
N Y
Y
Y
Y
Gambar 3.5 Flowchart Login Admin
Login
Isi ‘ User Id’ ‘password’
Cek ‘user Id’ ‘password’ benar
Salah ‘User Id’ atau ‘password’
D
Buka Halaman Admin
Tampilah Halaman Admin
-
Catalog - Employes
-
Customers - Preferences
-
Order - Tools
-
Payment
-
Shipping
-
Stats
-
Modules
Logout
Universitas Sumatera Utara
3.6 Entity Relationship Diagram ERD