3.2 Perancangan Struktur Database
Database adalah kumpulan file-file yang saling berelasi antara file yang satu dengan file yang lain sehingga membentuk satu kesatuan. Dalam sebuah database, dapat kita temui
lebih dari satu tabel. Pada tabel biasanya terdiri dari field-field tipe, tipe data, jumlah karakter pada tiap field yang di input dan keterangan tambahan lainnya.
Dalam perancangan “SISTEM INFORMASI PENJUALAN PRODUK KECANTIKAN BERBASIS WEB DENGAN MENGGUNAKAN PHP DAN
MySQL ”, penulis membuat 5 tabel dalam database yang diberi nama kyeopta.
Tabel-tabel tersebut terdiri atas :
Tabel 3.1 Tabel Admin No.
Field Type
1 Nama
Varchar30 2
Pass Varchar50
Tabel 3.2 Tabel Keranjang No.
Field Type
1 Id
Varchar20 2
Kode_produk Varchar10
3 Tanggal
Varchar20 4
Jumlah Int3
Universitas Sumatera Utara
Tabel 3.3 Tabel Pembeli No.
Field Type
1 Id
Varchar20 2
Nama Varchar50
3 Alamat
Text 4
Kd_pos Varchar10
5 No.hp
Varchar20 6
Email Varchar100
7 Kota
Varchar30
Tabel 3.4 Tabel Produk No.
Field Type
1 Kode_produk
Varchar10 2
Nama_produk Varchar30
3 Harga
Int10 4
Stok Int3
5 Kategori
Varchar50 6
Sub_kategori Varchar50
7 Pembelian
Int5 8
Gambar Varchar50
9 Tanggal
Varchar20
Tabel 3.5 Tabel Transaksi No.
Field Type
1 Id
Varchar20 2
Kode_produk Varchar10
3 Gambar
Varchar100 4
Nama_produk Varchar50
5 Jumlah
Int3 6
Harga Int3
7 Tot_Harga
Int4
Universitas Sumatera Utara
3.3 Flowchart
Flowchart atau bagan alir adalah bagan chart yang menunjukkan alir flow di dalam program atau prosedur sistem secara logika dan digunakan untuk alat bantu komunikasi
dan dokumentasi.
Dibawah ini adalah tabel simbol-simbol flowchart beserta fungsinya :
No. Simbol
Fungsi
1 Terminal. untuk memulai dan mengakhiri suatu
program. 2
Proses. suatu simbol yang menunjukkan setiap pengolahan yang dilakukan oleh komputer.
3 Input-Output.
untuk memasukkan
data maupun
menunjukkan hasil dari suatu proses. 4
Decision. suatu kondisi yang akan menghasilkan beberapa kemungkinan jawaban atau pilihan.
5 Preddifined Process. suatu simbol untuk menyediakan
tempat pengolahan data dalam storage. 6
Connector. suatu prosedur akan masuk dan keluar melalui simbol ini dalam lembar yang sama.
7 Arus atau Flow. prosedur yang dapat dilakukan dari atas
kebawah, bawah keatas, dari kekanan, atau dari kekiri. 8
Document. Merupakan simbol untuk data yang berbentuk informasi.
9 Untuk menyatakan sekumpulan langkah proses yang
ditulis sebagai prosedur. 10
Untuk menyimpan data.
Universitas Sumatera Utara
3.3.1 Flowchart halaman utama
Flowchart ini menjelaskan bagan dari halaman menu utama website. Di dalam tampilan halaman utama tersebut ada beberapa halaman yang telah disajikan oleh admin tentang
produk-produk populer agar dapat dilihat oleh user.
tidak ya
tidak ya
tidak ya
tidak ya
tidak ya
GAMBAR 3.4 Flowchart halaman utama
start Halaman Utama
home
wajah
badan
tangan rambut
kaki
stop home
produk wajah
produk badan
produk tangan
produk kaki produk rambut
Universitas Sumatera Utara
3.3.2 Flowchart halaman admin
Flowchart ini menjelaskan bagan dari halaman web administrator. Untuk masuk ke halaman ini admin harus login terlebih dahulu. Jika username dan password yang di
masukkan benar maka akan masuk ke halaman admin, dan jika salah maka akan masuk kembali ke halaman login admin semula.
salah
benar
GAMBAR 3.5 Flowchart Login
start
Username, password
login
Halaman admin
stop Kembali ke
halaman login admin
Universitas Sumatera Utara
ya ya ya
tidak tidak
ya
tidak
ya ya
GAMBAR 3.6 Flowchart halaman admin
3.3.3 Flowchart pembelian
Flowchart ini menjelaskan tentang jalannya proses pembelian. Calon pembeli melakukan proses pemesanan dengan mengisi form pembelian kemudian di submit.
start
Halaman admin
produk produk
customer
setting Edit, hapus,
tambah, detail
Lihat data pembeli
pembelian
hapus detail
Ganti password Form edit
password
stop Form edit,
hapus, tambah,
detail
Universitas Sumatera Utara
tidak ya
tidak ya
GAMBAR 3.7 Flowchart pembelian
start
wajah rambut
badan tangan
kaki
beli stop
Keranjang belanja
bayar stop
Form isi data
Data pembelian
stop
Universitas Sumatera Utara
3.4 Perancangan Halaman Website