Perancangan Basis Data Perancangan Sistem

orders_temp : id_orders_temp, id_session, jumlah, tgl_order_temp, jam_order_temp, stok_temp orders : id_orders, status_orders, tgl_order, jam_order produk : id_produk, nama_produk, produk_seo, deskripsi, harga, stok, berat, tgl_masuk, gambar, dibeli, diskon, nama_bahan, jenis kategori : id_kategori, nama_kategori, kategori_seo konfirmasip : id_konfirmasi, namabankp, namap, tanggal, jumlah_transfer, kode_transfer, no_rek kustomer : id_kustomer, password, nama_lengkap, alamat, alamat _pembeli, email, telpon, blokir kota : id_kota, id_perusahaan, nama_kota, ongkos_kirim Bentuk Normal Ketiga 3 Suatu relasi dalam normal III, jika relasi tersebut sudah dalam bentuk normal II dan setiap atribut tidak tergantung secara transitif pada primary key. orders_temp : id_orders_temp, id_produk, id_session, jumlah, tgl_order_temp, jam_order_temp, stok_temp orders : id_orders, status_orders, tgl_order, jam_order, id_kustomer produk : id_produk, id_kategori, nama_produk, produk_seo, deskripsi, harga, stok, berat, tgl_masuk, gambar, dibeli, diskon, nama_bahan, jenis kategori : id_kategori, nama_kategori, kategori_seo orders_detail : id_orders, id_produk, jumlah konfirmasip : id_konfirmasi, id_orders, namabankp, namap, tanggal, jumlah_transfer, kode_transfer, no_rek kustomer : id_kustomer, password, nama_lengkap, alamat, alamat_pembeli, email, telpon, id_kota, id_session, blokir kota : id_kota, id_perusahaan, nama_kota, ongkos_kirim 4.2.4.2.Relasi Tabel Merupakan sebuah hubungan yang terjadi pada suatu tabel dengan tabel yang lainnya yang berfungsi untuk mengatur operasi suatu database. Dibawah ini terdapat gambar relasi tabel : Tabel 4.10. Relasi Tabel 4.2.4.3.Entity Relationship Diagram ERD ERD yaitu suatu model jaringan yang menggunakan susunan data yang disimpan dalam sistem secara abstrak. Berikut ini adalah contoh ERD dari Sistem Informasi Penjualan pada Mannequin Plastic : Memiliki Kota Kostumer Melakukan Orders Memiliki Konfirmasi Pembayaran Memiliki Memiliki Produk Memiliki Orders_temp Kategori 1 N 1 N 1 N N N 1 N 1 N Gambar 4.10. ERD 4.2.4.4.Struktur File Struktur file berfungsi sebagai rancangan dalam database sistem informasi yang akan dibuat. 1. Nama File : kustomer Tabel. 4.2. Struktur File Kustomer No Nama Field Jenis Size Key Keterangan 1 2 3 4 5 6 7 8 9 10 id_kustomer password nama_lengkap alamat alamat_pembeli email telpon id_kota id_session blokir Integer Varchar Varchar Text Varchar Varchar Varchar Integer Varchar Enum 5 50 100 100 100 20 5 100 PK FK Id Kustomer Password Kustomer Nama Lengkap Kustomer Alamat Pengiriman Alamat Pembeli Email Kustomer Telpon Kustomer Kota Kustomer Id Session Kustomer Blokir Kustomer 2. Nama File : produk Tabel. 4.3. Struktur File Produk No Nama Field Jenis Size Key Keterangan 1 2 id_produk id_kategori Integer Integer 5 5 PK FK Id Produk Id Kategori Produk 3 4 5 6 7 8 9 10 11 12 13 14 nama_produk produk_seo deskripsi harga stok berat tgl_masuk gambar dibeli diskon nama_bahan jenis Varchar Varchar Text Integer Integer Decimal Date Varchar Integer Integer Varchar Varchar 100 100 20 5 5,2 100 5 5 30 30 Nama Produk Produk Seo Deskripsi Produk Harga Produk Stok Produk Berat Produk Tanggal Masuk Produk Gambar Produk Dibeli Diskon Produk Nama Bahan Produk Jenis Produk 3. Nama File : kategori Tabel. 4.4. Struktur File Kategori No Nama Field Jenis Size Key Keterangan 1 2 3 id_kategori nama_kategori kategori_seo Integer Integer Varchar 5 100 100 PK Id Kategori Nama Kategori Nama Kategori 4. Nama File : orders Tabel. 4.5. Struktur File Orders No Nama Field Jenis Size Key Keterangan 1 2 3 4 5 id_orders status order tgl_order jam_order id_kustomer Integer Varchar Date Time Integer 5 50 11 PK FK Id Order Status Order Tanggal Order Jam Order Id Kustomer Order 5. Nama File : orders_detail Tabel. 4.6. Struktur File Orders Detail No Nama Field Jenis Size Key Keterangan 1 2 3 id_orders id_produk jumlah Integer Integer Integer 5 5 5 FK FK Id Order Dalam Keranjang Id Produk Jumlah Produk 6. Nama File : orders_temp Tabel. 4.7. Struktur File Orders Temp No Nama Field Jenis Size Key Keterangan 1 2 3 4 id_orders_temp id_produk id_session jumlah Integer Integer Varchar Integer 5 5 100 5 PK FK Id Order Dalam Keranjang Id Produk Id Session Jumlah Produk 5 6 7 tgl_order_temp jam_order_temp stok_temp Date Time Integer 5 Tanggal Pesan Jam Pesan Stok Order Temp 7. Nama File : konfirmasip Tabel. 4.8. Struktur File Konfirmasi Pembayaran No Nama Field Jenis Size Key Keterangan 1 2 3 4 5 6 7 8 id_konfirmasi id_orders namabankp namap tanggal jumlah_transfer kode_transfer no_rek Integer Integer Varchar Varchar Varchar Varchar Varchar Varchar 11 11 20 20 20 20 20 30 PK FK Id Konfirmasi Pembayaran Id Order Konfirmasi Pembayaran Nama Bank Nama Pembeli Tanggal Konfirmasi Pembayaran Jumlah Transfer Kode Transfer No Rekening 8. Nama File : kota Tabel. 4.9. Struktur File Kota No Nama Field Jenis Size Key Keterangan 1 2 3 4 id_kota id_perusahaan nama_kota ongkos_kirim Integer Integer Varchar Integer 3 10 100 10 PK Id Kota Id Perusahaan Nama Kota Ongkos Kirim 4.2.4.5.Kodifikasi Kodifikasi digunakan untuk menjabarkan item-item data yang bersifat unik. Dalam perancangan ini penulis melakukan kodefikasi pada proses pengolahan data produk. id_kategori : xxxxx Keterangan : Menunjukan nomor urut kategori, menggunakan auto_increment, nomor akan bertambah dengan sendirinya. id_konfirmasi : xxxxxxxxxxx Keterangan : Menunjukan nomor urut konfirmasi pembayaran, menggunakan auto_increment, nomor akan bertambah dengan sendirinya. id_kota: xxx Keterangan : Menunjukan nomor urut kota, menggunakan auto_increment, nomor akan bertambah dengan sendirinya. id_kustomer : xxxxx Keterangan : Menunjukan nomor urut kustomer, menggunakan auto_increment, nomor akan bertambah dengan sendirinya. id_orders : xxxxx Keterangan : Menunjukan nomor urut orders, menggunakan auto_increment, nomor akan bertambah dengan sendirinya. id_orders_temp: xxxxx Keterangan : Menunjukan nomor urut orders temp, menggunakan auto_increment, nomor akan bertambah dengan sendirinya. id_produk : xxxxx Keterangan : Menunjukan nomor urut produk, menggunakan auto_increment, nomor akan bertambah dengan sendirinya.

4.2.5. Perancangan Antar Muka

Perancangan antar muka atau yang disebut dengan nama perancangan input output sengatlah penting dalam merencanakan pembuatan program. Selain memudahkan perancang membuat program juga memudahkan user untuk berinteraksi dengan program atau interface. Maka perancangan antar muka sangatlah penting bagi pembuatan suatu program. Dibawah ini adalah tampilan antarmuka yang dirancang pada sistem informasi penjualan berbasis web pada mannequin plastic . Gambar 4.11. Desain Antar Muka User Gambar diatas merupakan desain antarmuka user konsumen yang akan digunakan pada website Mannequin Plastic. Pada bagian atas, atau biasa disebut dengan header, terdapat beberapa bagian yaitu logo, cari, login anggota, dan menu navigasi. Bagian logo merupakan bagian diletakkannya gambar logo perusahaan. cari adalah bagian kolom pencarian yang digunakan user untuk mencari produk yang diinginkan, login anggota ialah . Sedangkan menu navigasi merupakan bagian ditempatkannya menu-menu seperti beranda, profil, produk dll. Pada bagian tengah, dibagi menjadi 2 bagian yaitu kiri dan kanan. Bagian kiri merupakan isi dari website. Sedangkan Bagian kanan akan ditempatkan sidebar- sidebar atau fungsi-fungsi penunjang website seperti keranjang belanja, kategori produk dll. Bagian inilah yang dinamis dan akan selalu berganti sesuai dengan menu yang dipilih oleh user. Di bawah konten terdapat sidebar yang berisikan tentang kami, sekilas info dll. Sedangkan bagian paling bawah atau disebut dengan footer adalah bagian statis yang memuat copyright dari website. Antarmuka user berbeda dengan antarmuka web administrator. Dibawah ini merupakan desain antarmuka yang dibuat untuk web admnistrator : Gambar 4.12. Desain Antar Muka Admin Desain antarmuka web administrator dibuat berbeda dengan antarmuka user. Antarmuka web administrator dibuat menjadi 4 bagian yaitu header, control panel, dan konten. header akan ditempatkan nama Mannequin Administrator administrator. Control panel adalah menu-menu yang dapat digunakan untuk memanajemen website.Terdapat menu-menu yang terdapat di control panel diantarnaya, seperti menu utama yang berisikan ganti header, edit menu utama, edit sub menu, edit profil dll, lalu menu modul web yang berisikan ganti header dll, serta menu manajemen admin yang berisikan ganti password . Bagian konten merupakan isi dari website. Bagian inilah yang dinamis dan akan selalu berganti sesuai dengan menu yang dipilih oleh web administrator. 4.2.5.1.Struktur Menu Struktur menu sering digunakan untuk user sebagai petunjuk penggunaan. Dibawah ini adalah gambar struktur menu untuk user : Gambar 4.13. Struktur Menu User Dibawah ini adalah gambar struktur menu untuk user :