Perancangan Struktur Tabel Perancangan Basis Data

127 Tabel 3.13 Tabel Merek Nama Tabel : merek Primary Key : id_merek Nama field Tipe data Ukuran Keterangan Id_merek Integer 10 PK Nama_merek Varchar 50 Nama merek Tabel 3.14 Tabel Warna Nama Tabel : warna Primary Key : id_warna Nama field Tipe data Ukuran Keterangan Id_warna Integer 10 PK Nama_warna Varchar 50 Nama warna Tabel 3.15 Tabel Ukuran Nama Tabel : ukuran Primary Key : id_ukuran Nama field Tipe data Ukuran Keterangan Id_ukuran Integer 10 PK Nama_ukuran Varchar 50 Nama ukuran Tabel 3.16 Tabel Kategori Nama Tabel : kategori Primary Key : id_kategori Nama field Tipe data Ukuran Keterangan Id_kategori Integer 10 PK Nama_kategori Varchar 50 Nama kategori Status_kategori Integer 10 Status kategori Tabel 3.17 Tabel Subkategori Nama Tabel : subkategori Primary Key : id_subkategori Nama field Tipe data Ukuran Keterangan Id_subkategori Integer 10 PK Id_kategori Integer 10 Foreign Key, reference table kategori id_kategori Nama_subkategori Varchar 50 Nama subkategori 128 Tabel 3.18 Tabel Produk Nama Tabel : produk Primary Key : id_produk Nama field Tipe data Ukuran Keterangan Id_produk Integer 10 PK Id_merek Integer 10 Foreign Key, reference table merek id_merek Id_subkategori Integer 10 Foreign Key, reference table subkategori id_subkategori Nama_produk Varchar 50 Nama produk Keterangan_produk Text - Keterangan produk Berat_produk Integer 10 Berat produk Harga_produk Integer 10 harga produk Diskon_produk Integer 10 Diskon produk Hits_produk Integer 10 Banyak produk di lihat Gambar_produk Varchar 100 Gambar utama produk Status_produk Integer 10 Status produk Tabel 3.19 Tabel Detail Produk Nama Tabel : detail_produk Primary Key : id_detil_produk Nama field Tipe data Ukuran Keterangan Id_detil_produk Integer 10 PK Id_warna Integer 10 Foreign Key, reference table warna id_warna Id_ukuran Integer 10 Foreign Key, reference table ukuran id_ukuran Id_produk Integer 10 Foreign Key, reference table produk id_produk Stok_produk Integer 10 Jumlah produk yang tersedia Tabel 3.20 Tabel Order Nama Tabel : order Primary Key : id_order Nama field Tipe data Ukuran Keterangan Id_order Integer 10 PK Id_member Integer 10 Foreign Key, reference table member id_member Id_biaya Integer 10 Foreign Key, reference table biaya_pengiriman id_biaya Id_administr ator Integer 10 Foreign Key, reference table administrator id_administrator 129 Tgl_pesan Datetime - Tanggal pemesanan Tgl_bayar Datetime - Tanggal pembayaran Tgl_kirim Datetime - Tanggal pengiriman Tgl_terkirim Datetime - Tanggal diterima pemesan Tgl_expired Datetime - Tanggal expired pemesanan Nomor_resi_ pengiriman Varchar 50 Resi pengiriman Total_pengiri man Integer 10 Biaya total dengan biaya pengiriman Total_order Integer 10 Total biaya order Jenis_pemba yaran Integer 10 Jenis pembayaran order Tabel 3.21 Tabel Detail Order Nama Tabel : detail_order Primary Key : id_detail_order Nama field Tipe data Ukuran Keterangan Id_detail_order Integer 10 PK Id_detil_produk Integer 10 Foreign Key, reference table detail_produk id_warna Id_order Integer 10 Foreign Key, reference table order id_order Jumlah_order Integer 10 Jumlah order Harga_order Integer 10 Harga order Diskon_order Integer 10 Diskon order Tabel 3.22 Tabel Retur Nama Tabel : retur Primary Key : id_retur Nama field Tipe data Ukuran Keterangan Id_retur Integer 10 PK Id_order Integer 10 Foreign Key, reference table order id_order Tgl_retur Datetime - Tanggal retur Status_retur Integer 10 Status retur Tabel 3.23 Tabel Detail Retur Nama Tabel : detail_retur Primary Key : id_detail_retur Nama field Tipe data Ukuran Keterangan Id_detail_retur Integer 10 PK Id_retur Integer 10 Foreign Key, reference table retur id_retur 130 Id_detail_order Integer 10 Foreign Key, reference table detail_orderid_detail_order Jml_retur Integer 10 Jumlah produk yang diretur Alasan_retur Text - Alasan retur Tabel 3.24 Tabel Kontak Nama Tabel : kontak Primary Key : id_kontak Nama field Tipe data Ukuran Keterangan Id_kontak Integer 10 PK Id_administrator Integer 10 Foreign Key, reference table administrator id_administrator Nama Varchar 50 Nama pengunjungmember Email Varchar 50 Email pengunjungmember Isi_kontak Text - Pesan yang disampaikan Tgl_kontak Datetime - Tanggal melaukan kontak Status_kontak Integer 10 Status kontak

3.4 Perancangan Arsitektur

Setelah melakukan perancangan data pada sistem yang dibangun, maka dilakukanlah perancangan arsitektur. Perancangan arsitektur yang telah dibuat meliputi beberapa perancangan diantaranya perancangan struktur menu, spesifikasi antarmuka, perancangan keluaran dan jaringan semantik.

3.4.1 Perancanagan Struktur Menu

Struktur menu dirancang sesuai dengan level pengguna sistem. Terdapat tiga pengguna aplikasi ini yaitu administrator, member dan pengunjung. Adapun Struktur menunya adalah sebagai berikut: 1. Perancangan Struktur Menu Pengunjung 131 Home Tentang Kami Produk pendaftaran Log in Keranjang belanja Hubungi Lihat Tambah Gambar 3.27 Struktur Menu Pengunjung 2. Perancangan Struktur Menu Member Home Tentang Kami Produk Log out Log in Keranjang belanja Hubungi Lihat Tambah Lupa Password Profil member Histori pemesanan Ubah password member ubah hapus Gambar 3.28 Struktur Menu Member 132 3. Perancangan Struktur Menu Administrator Menu utama Log in Pengolahan data master Pengolahan data order Pengolahan data retur Pengolahan data laporan Pengolahan data administrator Logout Ubah Password Ubah Profile Laporan Stok barang Laporan Penjualan Laporan Retur Laporan Harian Laporan Bulanan Laporan Tahunan Data Retur Konfirmasi Data retur Data Transaksi Konfirmasi Data Transaksi Provinsi kota Jasa pengiriman Paket pengiriman Biaya pengiriman Merek Warna Ukuran Kategori Subkategori Produk Member Lihat Tambah Ubah Hapus Gambar 3.29 Struktur Menu Administrator

3.4.2 Perancangan Antarmuka

Spesifikasi antarmuka merupakan suatu bentuk tampilan dari program yang akan dibuat untuk kebutuhan interface dengan user. Spesifikasi antarmuka terdiri dari Perancangan tampilan menu, tampilan form, tampilan pesan, keluaran dan jaringan semantik.

3.4.2.1 Perancangan Antarmuka Pengunjung dan Member

a. Perancangan Antamuka Menu Utama Home

Berikut dapat dilihat perancangan antar muka menu utama Home dari pembangunan aplikasi e-commerce pada Toko Persada Computer yang tercantum pada gambar 3.32 dibawah ini: 133 - klik produk terbaru menuju F01 - klik cara pemesanan menuju F02 - klik Syarat ketentuan menuju F03 - klik pendaftaran menuju F04 - klik login menuju F05 - klik tentang kami menuju F06 - klik produk diskon menuju F07 - klik produk terlaris menuju F08 - klik hubungi kami menuju F09 - klik keranjang belanja menuju F10 F01 Cara pemesanan | Syaratketentuan| pendaftaran| log in Keranjang Belanja Header Tentang kami Produk terbaru Produk diskon Produk terlaris Hubungi kami Pencarian Gambar Kategori Teks Teks Teks Teks Teks Produk Specsial Gambar Produk Terbaru Gambar Deatil Gambar Deatil Gambar Deatil Gambar Deatil Gambar Deatil Gambar Deatil Gambar Deatil Gambar Deatil Customer service Gambar Gambar 3.30 Perancangan Antarmuka Menu Utama

b. Perancangan Antamuka Cara Pemesanan

Berikut dapat dilihat perancangan antarmuka cara pemesanan dari pembangunan aplikasi e-commerce pada Toko Persada Computer yang tercantum pada gambar 3.33 dibawah ini: