BAB III OBJEK DAN METODE PENELITIAN
4.2 Perancangan Sistem
4.2.4 Perancangan Basis Data
4.2.4.5 Kodefikasi
Kodefikasi dibuat untuk mengidentifikasi suatu objek secara singkat. Dengan adanya sistem kodefikasi ini diharapkan dapat mengklarifikasi data, memasukkan data ke dalam komputer dan mengambil data. Kode dibuat dalam kumpulan angka. Dalam Sistem Informasi Penjualan Pada Insane Supply.co Berbasis Web terdapat pengkodean yang bertujuan mempermudah dalam
memasukkan data dan dalam melakukan pencarian data. Adapun pengkodean tersebut diantaranya : 1. Id_orderdetail 01 No urut orderdetail 2. Id_Produk 01 No urut Produk 3. Id_Order 01 No urut Order
4.2.5 Perancangan Antar Muka
Perancangan antar muka merupakan tahapan untuk membuat tampilan atau disain dari sistem yang akan dibuat. Perancangan antar muka pemakai sangat penting untuk memenuhi kriteria yang mudah digunakan, menarik dan nyaman digunakan oleh pemakai. Oleh karena itu dibuatlah rancangan antar muka untuk memudahkan pemakai. Rancangan tampilan yang dibuat meliputi rancangan struktur menu, rancangan input dan rancangan output dari sistem yang akan dibuat.
4.2.5.1Struktur Menu
Struktur menu adalah bentuk umum dari suatu rancangan program untuk memudahkan pemakai dalam menjalankan program sehingga pada saat
menjalankan komputer pemakai (user) tidak mengalami kesulitan dalam memilih menu-menu yang digunakan.
Dibawah ini adalah gambar struktur menu user dan admin yaitu:
1. Struktur Menu Interface Publik
Menu Utama interface publik ini merupakan tampilan awal ketika user membuka aplikasi atau website Insane Supply.co. User hanya bisa mengakses menu Home, Produk, Cara Berbelanja, Profil, Kontak, Daftar / Submit dan disediakan juga menu pendaftaran bagi user yang ingin menjadi member dan juga bisa secara online. Berikut adalah gambar perancangan struktur menu interface publik.
Home
Struktur Menu User
Produk Cara Berbelanja Profil Kontak
Gambar 4.14 Struktur Menu User
2. Struktur Menu Admin
Menu interface ini adalah untuk admin, admin bisa mengolah data di interface yang dirancang ini , semua pengolahan data dilakukan disini
mulai dari, Home, Produk Data Member, Pemesanan, Penjualan dan Stok Barang.
Site
Struktur Menu Admin
Home Produk Data Member Pemesanan Penjualan Stok Barang
Gambar 4.15 Struktur Menu Admin
4.2.5.2Perancangan Input
1. Rancangan Input Tampilan Login Admin
Admin Login
User Name
Password
Submit
Gambar 4.16 Perancangan Input Login Admin Keterangan :
a. Mengisi Username dan Password terlebih dahulu.
b. Kemudian klik tombol “ Submit“ jika username dan password
2. Rancangan Input Tampilan Login Member Member Login User Name Password Submit Daftar
Gambar 4.17 Perancangan Input Login User Keterangan :
a. Mengisi Username dan Password terlebih dahulu.
b. Kemudian klik tombol “ Submit“ jika username dan password
benar.
c. Klik tombol “Daftar” untuk daftar member.
3. Rancangan Input Tampilan Form Pendaftaran Member
Form Pendaftaran Nama Lengkap Tempat Lahir Tanggal Lahir E-mail No. Telp Alamat Lengkap Provinsi Kode Pos Kota Daftar Hapus User name Password
Keterangan :
a. Mengisi Form data Member dengan identitas pribadi seperti Nama Lengkap, Tempat, Tanggal Lahir, Alamat Lengkap, Kota, Provinsi, Kodepos, No. Telp, E-mail, Username dan Password
b. Lalu klik tombol “Daftar”.
4. Rancangan Input Tampilan Form Data Pengiriman Form Data Pengiriman
Nama Lengkap Alamat Lengkap Provinsi Kode Pos Kota No. Telp Order Reset
Gambar 4.19 Perancangan Input Form Data Pengiriman Keterangan :
a. Mengisi Form data pengiriman dengan data barang yang akan dikirimkan seperti Nama Lengkap, Alamat Lengkap,Kota, Provinsi, Kodepos dan No Telepon
5. Rancangan Input Tampilan Form Data Konfirmasi Pembayaran
Form Konfirmasi Pembayaran Kode Pemesan
Nama Bank Anda
No. Rekening Tujuan Tanggal Pembayaran
Bukti Transfer/Kode Transfer
Simpan Konfirmasi No. Rekening Anda
Jumlah Pembayaran
Via Atm/teller/sms banking
Gambar 4.20 Perancangan Input Form Data Konfirmasi Pembayaran Keterangan :
a. Setelah memilih order lalu konsumen melakukan pengisian form konfirmasi pembayaran
b. Lalu klik tombol “simpan”, jika belum melakukan pembayaran.
6. Rancangan Input Tampilan Form Tambah Produk Tambah Produk Nama Produk Stok Warna Ukuran Bahan Berat Harga
Gambar Choose File Simpan
Kategori
Hapus
Gambar 4.21 Perancangan Input Form Tambah Produk Keterangan :
a. Form tambah produk pada admin menginputkan data produk yaitu Jenis Nama Produk, Kategori, Stok, Warna, Ukuran, Bahan, Berat, Harga dan Gambar
7. Rancangan Input Tampilan Form Ubah Data Produk Ubah Produk Nama Produk Stok Warna Ukuran Bahan Berat Harga
Gambar Choose File Update
Kategori
Gambar 4.22 Perancangan Input Form Ubah Data Produk Keterangan :
a. Jika ingin mengubah keterangan tentang produk, admin bisa mengubahnya di dalam menu produk.
b. Lalu pilih tombol edit untuk mengedit data tersebut
c. Lalu klik tombol “update”.
8. Rancangan Input Tampilan Data Member
No Nama TTL Email Telepon Alamat Provinsi Kota Kode Pos Hapus
Burning_my_soul_dika @yahoo.co.id Medan 14 Mei 1989
adika
1 085295099926 Bandung Sumatera Utara Medan 201444 X
9. Rancangan Input Tampilan Data Transaksi Kode
Pesanan
No Tanggal Pemesan Nama Penerima
Alamat, Kota
Total
Bayar Keterangan Aksi 1 61 06/01/2014 adika adika Medan, Medan
2014444 Sumatera Utara
865.000 Terkirim Details X V
Gambar 4.24 Perancangan Input Data Transaksi
10.Rancangan Input Tampilan Produk
Produk
Gambar
Celana Jeans Panjang Stok 42 Harga Rp 120.000
Edit Hapus
Gambar
Topi Hitam Putih Stok 15 Harga Rp 50.000
Edit Hapus
<<Edit Next>> Gambar
Celana Jeans Panjang Stok 100 Harga Rp 50.000
Edit Hapus
Gambar
Celana Jeans Panjang Stok 25 Harga Rp 75.000
Edit Hapus
Gambar
Celana Jeans Panjang Stok 30 Harga Rp 120.000
Edit Hapus
Gambar
Celana Jeans Panjang Stok 23 Harga Rp 150.000
Edit Hapus
Tambah Produk Baru