Entity Relationship Diagram Struktur File

78 Tabel 4.10. Struktur File Tbm_Kategori No Nama file Tipe Data Size Key Keterangan 1. Idkategori Int 11 PK Nomor id Kategori 2. kategori Varchar 60 Nama kategori Tabel 4.11. Struktur File Tbm_Member No Nama file Tipe Data Size Key Keterangan 1 Id Int 11 PK Nomor Id member 2 Username Varchar 100 FK Nama member 3 Nama Varchar 100 Nama lengkap 4 Alamat Varchar 100 Alamat member 5 Idarea Int 4 FK Nomor id area 6 Email Varchar 100 Alamat email 7 Telp Varchar 14 Nomor telepon 8 Tgldaftar Date Tanggal daftar 9 Hit Int 11 Hit Tabel 4.12. Struktur File Tbm_Pembayaran No Nama file Tipe Data Size Key Keterangan 1 Idbukti Int 11 PK Nomor id pembayaran 2 Notran Varchar 35 FK Nomophr transfer 3 Pemilikrek Varchar 100 Pemilik rekening 4 Bankasal Varchar 35 Nama bank asal 5 Banktujuan Varchar 100 Nama bank tujuan 6 Nominal Double Jumlah pembayaran 7 Tgltransfer Date Tanggal transfer 8 Konfirmasi Int 3 Konfirmasi pembayaran 9 Tglmasuk Date Tanggal pembayaran Tabel 4.13. Struktur File Tbm_Pemesan No Nama file Tipe Data Size Key Keterangan 1 Id Int 11 PK Nomor Id pemesan 2 Notran Varchar 35 FK Nomor transaksi 3 Idmember Int 8 Nomor id member 4 Nama Varchar 100 Nama member 5 Alamat Varchar 100 Alamat member 6 Idarea Int 6 Nomor id area 7 Telp Varchar 14 Nomor Telepon 8 Email Varchar 100 Alamat email 9 Totalbayar Int 11 Total bayar pemesan 10 Status Int 4 Status pemesan 11 Haribeli Varchar 35 Hari pembelian 12 Tglbeli Date Tanggal pembelian 13 Jambeli Time Jam pembelian 79 14 kadaluarsa Date Kadaluarsa Tabel 4.14. Struktur File Tbm_produk No Nama file Tipe Data Size Key Keterangan 1 Idproduk Int 11 PK Nomor id Produk 2 Idsubkategori Int 11 Nomor id subkategori 3 Kode Varchar 35 Kode produk 4 Nama Varchar 100 Nama produk 5 Ket Text Keterangan produk 6 Gambar Varchar 100 Gambar produk 7 Counter Int 11 Jumlah beli 8 Hari Varchar 35 Hari 9 Tgl date Tanggal 10 Jam Time Jam Tabel 4.15. Struktur File User No Nama file Tipe Data Size Key Keterangan 1 Username Int 100 PK Nomor id user 2 Password Varchar 50 Password 3 Nama Varchar 100 Nama user 4 Level Varchar 20 Jenis user 5 Blokir enum Y,N Blokir user 6 Id_session Varchar 100 Id_session 4.1.4.5. Kodefikasi Kodefikasi berguna untuk memudahkan dalam mengelompokkan data dan pemrosesan data tersebut. Dengan adanya sistem kodifikasi ini diharapkan dapat mengklasifikasikan data. Selain itu kodifikasi juga dapat membantu dalam mengidentifikasi suatu objek, sehingga kesalahan dalam identifikasi objek dapat dihindari, kode dapat dibentuk dari kumpulan huruf, angka dan karakter khusus. Untuk lebih jelasnya dapat dilihat dibawah ini. a. Id produk SE-20-22 Tanggal produk masuk Nomor urut produk ke 20 Nama depan produk, ‘SE’ untuk produk Semen 80 b. Kode transaksi JO-14-02-08-007 Nomor Urut pemesanan ke 007 Tanggal transaksi Bulan transaksi Tahun transaksi Nama depan pemesan , ‘john’ untuk john c. Kode Status + - = MenambahMengurangi Jumlah Produk = Update, Memperbarui Jumlah Produk yang di update = Menghapus produk = Pembayaran belum di konfirmasi = Pembayaran sudah di konfirmasi = Pembayaran di tolak = Update Status d. Kode Keranjang Keranjang bertipe data integer dengan auto increment yaitu penambahan bilangan secara otomatis, sehingga akan terus meningkat. Contoh 1, 2, 3 dst. e. Kode Area Kodifikasi Area merupakan wilayah kota itu sendiri. Misalnya wilayah Cimahi Utara, kodifikasinya adalah Cimahi Utara. f. Kode Alamat Pengiriman Alamat Pengiriman bertipe data integer dengan auto increment yaitu penambahan bilangan secara otomatis, sehingga akan terus meningkat. Contoh 1, 2, 3 dst.

4.2. Perancangan Antar Muka

Perancangan antarmuka merupakan tahap yang harus dikerjakan pada proses pembuatan sebuah program atau aplikasi. Antarmuka atau interface adalah suatu 81 bagian yang berhubungan langsung dengan pengguna aplikasi.. Pada perancangan ini dibuat 3 bagian, yaitu perancangan antarmuka user, perancangan antarmuka member dan perancangan antarmuka admin.

A. Perancangan Antar Muka User

Perancangan ini pengunjung tidak bisa melakukan pemesanan produk yang terdapat pada website tersebut sebelum melakukan pendataran terlebih dahulu. Pada Perancangan ini pengunjung hanya dapat melilah produk dan produk detil yang di pasarkan dan daftar sebagain member. Logo Menu Kategori Produk Banner Katalog Produk Footer Pencarian Produk Terlaris Kontak Kami Login Gambar 4.8. Rancangan Antar Muka Website User.

B. Perancangan Antarmuka Member

Dalam perancangan ini member dapat melakukan pemesanan produk dan fitur yang lainnya yang telah di sediakan pada website tersebut. Hal tersebut dapat dilakukan karena sudah melakukan pendaftaran sebagai member pada website tersebut. Berikut ini adalah tampilan antarmuka member yang dirancang pada sistem e-Commerce TB. Dewi Mandiri. 82 Logo Menu Kategori Produk Banner Katalog Produk Footer Pencarian Produk Terlaris Kontak Kami Member Gambar 4.9. Rancangan Antar Muka Website Member Perancangan tampilan halaman member dan non member tidak jauh berbeda, hanya saja bagi yang terdaftar dan login sebagai member, member dapat melihat informasi dan melakukan pemesanan produk.

C. Perancangan Antar Muka Admin

Dalam perancangan ini yang dapat mengakses hanyalah admin yang bekerja pada perusahaan tersebut untuk menglola website tersebut untuk melakukan aksi input, edit dan hapus data yang berada pada aplikasi yang berbasis website tersebut. Berikut ini adalah tampilan antarmuka admin yang dirancang pada sistem website penjualan TB. Dewi Mandiri 83 . Logo Administrator TB. Dewi Mandiri Dashboard Tabel Master Data Barang Data Kategori Data Sub Kategori Data Wilayah Data Slide Data Info Data Member Data User Daftar Berita Info Stok Barang Data Stok Stok Kritis Riwayat Stok Pemesanan Data Pembayaran Data Pemesan Laporan Penjualan Laporan Stok Logout Gambar 4.10. Rancangan Antar Muka Website Admin Pada halaman admin, terdapat banyak pilihan menu yang terdapat di bagian kiri yang berfungsi untuk mengatur sesuai dengan fungsi dari menu tersebut. 4.2.1. Struktur Menu Struktur menu merupakan bentuk utama dari suatu rancangan program yang berfungsi untuk memudahkan dalam menjalankan suatu program sesuai dengan kebutuhannya. Berikut ini adalah struktur menu Sistem Informasi Penjualan Online pada TB. Dewi Mandiri.