Model Entity Relationship yang berisi komponen-komponen himpunan entitas dan himpunan relasi yang dilengkapi dengan atribut-atribut yang
merepresentasikan seluruh fakta yang ditinjau dapat digambarkan dengan lebih sistematis dengan menggunakan Entity Relationship Diagram ERD. Dalam hal
ini ERD memuat hubungan atau relasi yang terjadi pada tabel. Aplikasi toko online Mulya Hadi Craft mempunyai Entity Relationship Diagram sebagai
berikut :
Pelanggan memesan
Produk Kategori
Provinsi
kd_propinsi
memiliki memiliki
nm_propinsi ongkos_kirim
uid_plg nama
kelamin alamat
kota kd_propinsi
negara kd_post
email telp_rumah
telp_hp no_fax
status_pesan userID
passID kd_koleksi
kd_kategori ukuran
warna nama_brg
harga diskon
stok keterangan
file_gambar
keterangan kd_kategori
nm_kategori
1 M
1 M
1
1
no_pesan uid_plg
tgl jam
status_bayar unik_transfer
jumlah kd_koleksi
Pemesanan dipesan
M 1
id_pesan
Gambar 3.8 Entity Relationship Diagram ERD
3.3.3 Relasi Antar Tabel
Relasi yang terjadi antara tabel ditunjukkan seperti gambar berikut :
pelanggan
uid_plg nama
kelamin alamat
kota kd_propinsi
negara kdpost
email telp_rumah
telp_hp no_fax
status_pesan userID
passID
pemesanan
id_pesan no_pesan
uid_plg tanggal
jam status_bayar
unik_transfer kd_koleksi
jumlah
propinsi
kd_propinsi nm_propinsi
ongkos_kirim
konfirmasi
no_pesan jml_bayar
bank_asal rek_asal
atas_nama rek_tujuan
tgl_transfer
kategori
kd_kategori nm_kategori
keterangan
koleksi
kd_koleksi kd_kategori
warna ukuran
nama_brg file_gambar
harga diskon
stok keterangan
Gambar 3.9 Relasi Antar Tabel
3.4 Desain Interface
Tampilan antar muka user interface yang baik akan sangat berpengaruh bagi pemakai, karena dengan desain yang baik maka interaksi antara pemakai
dengan computer human-computer-interaction akan lebih mudah pula. Rancangan interface antar muka aplikasi toko online pada toko Mulya
Hadi Craft ini mengelompokan menu user menjadi 3 bagian, yaitu Halaman administrator, pelanggan dan pengunjung. Dimana setiap hak akses mereka
berbeda-beda. Ketiga halaman tersebut akan dijabarkan pada pembahasan berikut ini :
3.4.1 Halaman Administrator
Halaman administrator ini tidak ditampilkan sebagai link dalam halaman manapun karena demi keamanan website. Untuk mengaksesnya maka
administrator harus menulis alamat URL-nya sendiri. 1. Form Login Administrator
Form login administrator digunakan untuk masuk sebagai administrator yang di dalamnya terdapat link-link untuk pengaturan isi dari halaman
yang bisa diakses oleh pelanggan dan pengunjung, antara lain form ganti password, form tambah berita, form tambah koleksi, form tambah
kategori, form tambah provinsi, form data pelanggan, form data koleksi, form data kategori, form data provinsi, form berita, form buku tamu dan
form kontak. Cara menjalan kan form ini adalah dengan memasukan username dan password dengan benar sesuai dengan database admin.
Bila username dan password tidak sesuai maka login gagal. Untuk mengakses halaman administrator maka perlu memasukkan URL
http:localhosttokoadminindex.php . Tampilan form seperti berikut :
Username Password
Login Reset
LOGIN ADMINISTRATOR
Gambar 3.10 Desain Form Login Administrator 2. Form Administrator Home
Form Administrator Home
adalah form default dari halaman administrator dimana ketika administrator login maka akan masuk ke
form ini. Pada form ini terdapat tiga menu utama untuk manajemen website yaitu :
a. Menu tambah data digunakan untuk menambah data baru b. Menu manajemen data untuk menghapus atau mengedit data
