3.2.2 Prosedur Pengadaan barang
Flow map pengadaan barang yang sedang berjalan pada toko trekking adalah sebagai berikut:
1. Penjaga toko akan memeriksa data stok barang. 2. Bila stok minim, maka penjaga toko akan membuat data barang yang akan di
pesan. 3. Penjaga toko akan mengirimkan data pesanan barang kepada supplier.
4. Supplier menerima data barang baru yang di pesan dari penjaga toko, supplier membuat faktur barang baru yang di pesan.
5. Setelah menerima faktur dari supplier, penjaga toko akan mencocokkan data pesanan dengan faktur barang. Bila tidak maka akan di kembalikan kepada
supplier untuk di sesuaikan dengan pesanan. Bila cocok maka barang akan di terima oleh penjaga toko untuk penginputan data stok barang.
6. Penjaga toko membuat laporan data barang baru untuk dijadikan arsip.
Flowmap Pengadaan Barang Penjaga toko
supplier
tidak
Tidak
ya
Faktur pemesanan
Stok Barang di input atau
di perbaharui Cocok
dengan pesannan?
Tersedia?
Pembuatan faktur pemesanan barang
A1 Memesan
barang Memeriksa
ketersediaan stok barang
Data stok barang
A1
Gambar 3. 2 Flowmap Pengadaan Barang
Keterangan : A1 : Arsip data stok barang oleh penjaga toko.
3.2.3 Prodedur Pembuatan Laporan
Prosedur pembuatan laporan yang dilakukan dengan mengumpulkan arsip dan data barang yang disimpan pemilik Toko Green Fashion yang sedang berlangsung
saat ini Gambar 3.3 adalah sebagai berikut: 1. Kasir membuat laporan faktur pembelian.
2. Penjaga toko membuat laporan stok barang. 3. Lalu kasir dan penjaga toko memberian laporan stok barang, dan faktur
pembelian yang sudah di catat kepada pemilik toko. 4. Pemilik toko memeriksa laporan stok barang dan faktur, bila tida sesuai maka
akan di kembalikan kepada kasir dan penjaga toko untuk di buat ulang, bila sesuai pemilik akan menyimpan untuk di jadikan arsip.
Flowmap pembuatan laporan
Pemilik Kasir
Penjaga Toko
Pembukuan penjualan
Memeriksa A1
Pembukuan data stok barang
A2
Laporan faktur pembelian barang Laporan stok barang
Laporan penjualan Pembuatan laporan
Pembuatan laporan
Sesuai?? ya
tidak
tidak Laporan penjualan
Laporan stok barang
A3
Gambar 3. 3 Flowmap Pembuatan Laporan
Keterangan : A1 : Arsip data stok barang oleh penjaga toko.
A2 : Arsip faktur penjualan oleh kasir. A3 : Arsip laporan penjualan dan stok barang.
3.2.4 Aturan Bisnis
Aturan bisnis di Toko Green Fashion yang sedang berlangsung saat ini adalah sebagai berikut:
1. Pengolahan manajemen produk. a. Stok produk yang ditawarkan adalah barang yang ready
stok.
b. Stok produk akan berkurang ketika proses selesai dipesan. c. Stok produk dibedakan yaitu pada sistem e-commerce dan Toko Green
Fashion. d. Jika stok produk pada sistem e-commerce habis, maka stok yang terdapat
pada toko akan dipindahkan ke sistem, begitu juga sebaliknya. e. Pelanggan dapat melakukan pesanan jika stok produk diinginkan tersedia.
2. Pengolahan Pemesanan Produk a. Member dapat melakukan pesanan jika stok produk diinginkan tersedia.
b. Harga belum termasuk ongkos pengiriman. c. Semua kegiatan transaksi akan diinformasikan melalui email.
3. Retur Produk a. Retur barang dilakukan apabila barang cacat atau rusak setelah barang
sampai di tangan konsumen 1 x 24 jam. b. Member memilih produk yang akan diretur. Lalu memilih alasan kenapa
barang di retur dan memasukan jumlah returnya.
c. Setelah memilih alasan retur, member menunggu konfirmasi dari admin. Bila operator setuju, maka member dapat mengirimkan produk dan
memberikan no resi kepada admin. d. Setelah admin menerima produk, lalu produk baru akan di kirimkan
beserta no resi kepada member. e. Waktu pengiriman produk retur disesuaikan dengan stok produk yang
tersedia, maksimum 1 minggu. f. Pembayaran pengiriman retur produk dilakukan oleh pelanggan.
g. Retur hanya bisa dilakukan dengan produk yang sama. h. Pengembalian produk tidak berlaku bila kerusakan oleh pelanggan.
i. Tidak bisa ditukar dengan uang. 4. Pembayaran
a. Batas waktu pembayaran adalah 1x24 jam dari waktu pesanan. b. Bila melewati batas waktu pembayaran, pesanan akan dibatalkan, dan
akan menjadi history pemesanan. c. Pembayaran dapat dilakukan dengan 2 metode yaitu dengan offline atau
online. d. Pembayaran offline : transfer antar bank atau setor tunai melalui bank.
e. Pembayaran online : dengan menggunakan paypal. f. Pesanan yang sudah dibayar tidak dapat dibatalkan.
5. Pengiriman a. Produk akan dikirim setelah adanya transaksi pembayaran.
b. Pengiriman pesanan dapat dilakukan ke alamat member sesuai data profil atau dapat dikirim ke alamat lain. Pengiriman dilakukan sesuai jam kerja
dari pihak Toko Green Fashion.
3.2.5 Analisis Masalah
Berdasarkan hasil penelitian yang telah dilakukan dengan cara observasi dan interview dengan pihak Toko Green Fashion bahwa toko tersebut masih memiliki
kendala seperti : 1. Proses promosi yang dilakukan belum optimal.
2. Proses transaksi yang dilakukan adalah konsumen harus datang ke toko, dalam hal ini menyulitkan pembelian jika berada di luar kota Bandung.
3.
Proses pembuatan laporan masih merekap dari berkas-berkas penjualan maupun stok barang sehingga membutuhkan waktu yang lama.
Berdasarkan permasalahan yang telah diuraikan maka perlu dibangunnya sistem yang terkomputerisasi untuk memaksimalkan dalam proses penjualannya.
3.2.6 Analisis Fitur
Fitur yang terdapat pada aplikasi ini terbagi menjadi beberapa fitur yaitu:
A. Administrative Tools Backend Office 1. Perancangan website dibuat berdasarkan permintaan dan kebutuhan Toko
Green Fashion. Sistem yang dibangun dapat menangani pengelolaan data produk dan layanan yang disediakan Toko Green Fashion serta
menampilkannya berdasarkan kategori. 2. Sistem menyediakan layanan pengaturan produk yaitu:
a. Data Produk. b. Data Kategori Produk Baju dan Kemeja.
c. Detail Produk Gambar, Deskripsi Produk, Harga, Ukuran. d. Manajemen Harga layanan yang dilakukan jika ada perubahan harga.
e. Rating Produk. f. Produksi Promosi.
g. Pengelolaan Stok. 3. Sistem menyediakan manajemen pemesanan yaitu:
a. Pemesan harus melakukan registrasi terlebih dahulu. b. Permintaan pemesanan akan dikonfirmasi oleh pemilik toko.
4. Manajemen pembayaran yang ditangani yaitu: a. Pembayaran Offline: Transfer via Bank BNI, BCA.
b. Pembayaran Online: Paypal 5. Manajemen Pengiriman yaitu:
a. Pada pengiriman barang dilakukan melalui jasa pengiriman kurir JNE, dan Pos.
b. Sistem mengolah kotakabupaten berikut harganya tiap kotakabupaten. 6. Pembuatan Laporan
Dalam pembuatan laporan dapat disusun dalam jangka perbulan. Terdapat beberapa laporan yang dibuat yaitu Laporan Penjualan, Laporan Pemesanan,
Laporan Produk. 7. Sebagai media promosi sistem yang dibangun akan berintegrasi dengan situs
jejaring sosial seperti facebook dan twitter. 8. Konfirmasi Pembayaran
Konfirmasi pembayaran dapat dilakukan dengan cara memberikan konfirmasi kepada pembeli melalui email.
9. BackUp dan Restore Sistem akan menggunakan fasilitas backup dan restore yang telah
disediakan oleh webhost yang digunakan. 10. Sistem yang dibangun memperhatikan keamanan pada saat terjadi
pertukaran data dan transaksi dengan memanfaatkan layanan SSL yang terdapat pada webhost. Dengan membuat koneksi yang ter-enkripsi antara
server dengan pengunjungnya. Selain itu, sistem akan melakukan validasi terhadap masukan pengguna untuk menghindari kesalahan masukan data
dan menggunakan username dan password saat login, password tersebut sudah ter-enkripsi.
B. Fitur Belanja Frontend 1. Pencarian Produk berdasarkan nama, fitur, harga, dan kategori.
2. Menampilkan produk terbaru, produk terlaku, produk yang sering dilihat. 3. Fasilitas pendaftaran member dan login member.
4. History pemesanan untuk mempermudah pembeli dalam melakukan transaksi pemesanan.
5. Pengiriman informasi mengenai konfirmasi pemesanan melalui email ke pembeli setiap ada perubahan status pesanan.
6. Zoom gambar produk. 7. Mendukung SEO Search Engine Optimization agar situs terdaftar di
search engine pada halaman-halaman depan. 8. Terdapat pengisian testimony komentar.
9. Pembeli dapat melakukan retur dengan ketentuan yang berlaku. C. Keamanan
1. Menggunakan IP-Dedicated untuk keamanan data pembeli. 2. Menggunakan SSL Secure Socket Layer untuk menjamin keamanan data
dan keamanan yang mendukung protokol https. Dengan membuat koneksi yang ter-enkripsi antara server atau situs dengan pengunjung.
3. Menggunakan username dan password oleh member yang sudah terdaftar untuk autentifikasi pengguna dan password yang udah ter-enkripsi.
D. Komunikasi Fasilitas yang dapat dipakai sebagai komunikasi antara pemesan dan
pemilik toko, diantaranya: 1. Menggunakan email yang telah di daftarkan pemesan saat pendaftaran.
2. Menggunakan Yahoo messenger untuk informasi real time secara online. 3. Memanfaatkan situs jejaring sosial untuk promosi dengan menggunakan
facebook dan twitter.
4. Menggunakan telepon untuk berbicara langsung atau dengan mengirimkan SMS Short Message Service.
3.2.7 Analisis Sistem Rekomendasi Collaborative Filtering
Menu rekomendasi merupakan menu yang akan menampilkan maksimal lima produk yang akan direkomendasikan kepada member tersebut. Rekomendasi tersebut
berasal dari perhitungan algoritma pembangkit rekomendasi. Member akan mendapatkan rekomendasi produk apabila member tersebut telah melakukan rating
satu atau lebih produk yang disediakan oleh sistem rekomendasi. Jadi jika member tersebut belum melakukan rating terhadap produk di sistem, maka member tersebut
akan mendapatkan rekomendasi rata-rata dari jumlah keseluruhan rating member. Pemberian nilai rekomendasi terdiri beberapa langkah, yaitu:
1. Pengecekan member, jika diketahui member A login ke sistem, maka sistem akan mengecek siapa saja member dengan riwayat pembelian atau
peratingan yang sama dengan member A. 2. Jika sudah diketahui member tersebut maka sistem akan menghitung
jumlah member yang sama dengan member A. 3. Setelah data sudah didapat maka pembangkitan rekomendasi akan
dihitung dengan persamaan:
Keterangan: B =
Nilai pembelian produk 1 jika membeli dan 0 jika tidak membeli Rating = Jumlah rating yang diberikan oleh member pada produk yang disuka.
100 = Nilai maksimum 100, nilai rekomendasi tertinggi adalah 100.
5 = Nilai maksimum rating yang diberikan oleh member.
1 = Nilai maksimum pembelian yang dilakukan oleh member, jika member
membeli produk lebih dari satu produk yang sama, dalam persamaan ini tetap akan dihitung membeli satu produk.
C = jumlah member yang mempunyai pola pembelian yang sama dengan
member yang melakukan login. Setelah
pembangkit rekomendasi
dihitung maka
sistem akan
merekomendasikan beberapa produk. Contoh : diasumsikan pembeli bernama Hana.
Tabel 3.1 Tabel Skenario Pembangkitan Rekomendasi.
Kode Barang
019 Hana
020 Ija
017 Laung
018 Ricky
014 Asep
LE0001 1
4
1 1
4
LE0002 1
5
1
3
1
3
1
2
LE0003 1
4
1
5
1
3
LE0001 1
2
1
4
1
2
1
2
1
3
LE0002 1
2
1
Keterangan: LE0001-LE0005
= kode produk yang ada pada toko. 014-020
= kode member yang sudah terdaftar. Angka 1 dan 0
= 0 jika member tidak membeli produk, 1 jika member membeli produk.
Angka superskrip 1-5= rating member yang diberikan oleh member. Skala rating
= 1 tidak suka, 2 sedikit suka, 3 lumayan suka, 4 suka, dan 5 sangat suka.
Dari data yang didapat pada Tabel 3.1, maka pembangkitan rekomendasi akan dihitung.
Rating Produk LE0001 =1410051 + 0 + 1110051 + 1410051 + 0 4= 45
Rating Produk LE0002 =1510051 + 1310051 + 0 + 1310051 + 1210051 4= 65
Rating Produk LE0003 =1410051 + 1510051 + 1310051 + 0 + 0 4= 60
Rating Produk LE0004 =1210051 + 1410051 + 1210051 + 1510051 + 1310051 4= 80
Rating Produk LE0005 =1210051 + 0 + 1110051 + 0 + 0 4= 15 Jadi rekomendasi produk untuk member yang bernama hana dengan kode
member 014 terdapat pada Tabel 3.2.
Tabel 3.2 Tabel Skenario Pembangkitan Rekomendasi.
No Kode
Barang Nilai
Rekomendasi
1 LE0004
80 2
LE0002 65
3 LE0003
60 4
LE0001 45
5 LE0005
15
3.2.8 Analisis Basis Data
Basis data adalah representasi kumpulan fakta yang saling berhubungan disimpan secara bersama sedemikian rupa dan tanpa pengulangan redudansi yang
tidak perlu, untuk memenuhi berbagai kebutuhan. Pada tahap ini digunakan untuk menganalisis data apa saja yang berelasi dan terlibat dalam pembuatan sistem.
3.2.9 Entity Relationship Diagram ERD
Entity Relationship Diagram ERD merupakan suatu alat pemodelan yang digunakan untuk menggambarkan hubungan antar entitas yang terjadi, berisi
komponen-komponen entitas dan relationship yang masing-masing dilengkapi dengan atribut-atribut yang merepresentasikan seluruh fakta dari sebagian dunia
nyata. Analisis basis data Aplikasi E-Commerce di Toko Green Fashion pada
Gambar 3.3 terdiri dari beberapa entitas, atribut, dan beberapa relationship, dapat dilihat pada gambar berikut:
bank Pembayaran
member Produk_detail
Ukuran
Produk Kategori
Kota
Provinsi memiliki
Order memiliki
memiliki
memiliki mengelola
memiliki
user memiliki
Id_kategori Nama_kategori
Id_order Id_order
Id_detail_order Harga
Tgl_masuk Id_kategori
Nama_produk Id_produk
Id_ukuran
berat No_ukuran
Id_ukuran
Nama_provinsi Id_provinsi
Id_kota Nama_kota
Id_membr Id_produk
stok Id_detailproduk
Id_produk Id_retur
Id_order Username_member
level username
Id_admin Id_ongkoskirim
Id_kota Id_jns_jas_pengiriman
Usrname_membr password
kodepos alamat
1
N N
1 1
1 N
1
N 1
1 1
N N
N N
melakukan Tgl_bayar
No_tans_rek Jnis_bayar
memiliki Nama_bank
No_rek
retur Order_detail
Id_member Id_kota
mengelola N
1 N
1 1
N N
Id_pembayaran Id_member
Id_kota Id_provinsi
Id_detail_retur 1
N memiliki
Id_retur Id_detail_retur
Jenis_kerusakan
password memiliki
Merk Gambar
Detail_retur
1 gambar
memiliki Id_gambar
gambar N
N Merk
memiliki Id_merk
Nama_merk N
1
Jas_pengiriman memiliki
Id_jasa_pengiriman Nama_jasa_pengiriman
1
memiliki Jns_jas_pengiriman
Id_jns_jas_pengiriman Nama_jas_pengiriman
N Ongkoskirim
memiliki 1
N 1
1
1
Gambar 3. 4 Entity Relationship Diagram
Kamus data ER: 1. Produk = {Id_produk, Id_kategori, Id_ukuran, Harga, Nama_produk, tgl_masuk,
id_gambar, berat, deskripsi, jml_bli, jum_dilihat, rating } 2. Member = { id_membr, username, Password, nama_lengkap, email, jk,
id_provinsi, id_ kota, kodepos, alamat , no_tlp, status, kode_aktifasi } 3. Orders = { id order, id_kab_kota, id_provinsi, id_member, id_jas_kirim,
total_ongkir, nama_lengkap, no_tlp, grand_total, status order, status_bayar, setatus pengiriman, tgl_order, jam_order, alamat, kode_pos, tgl_cart_temp,
tgl_jth_tempo, no_resi, tgl_diterima, tgl_dikirim} 4. Produk_detail = {Id_produk_detail, id_produk, stok, ukuran }
5. user = {id_user, id_provinsi, id_ kota, username, level, nama_lengkap, kode_aktifasi no_tlp, Password, email, status}
6. Pembayaran = {id_pembayaran, id_bank, id_order, tgl_bayar, Jnis_bayar, no_tans_rek, atas_nama, jnis bayar, bayar_Rp, bayar_dolar}
7. Bank = {id_bank, nama_bank, no_rek, atas_nama } 8. Jasa_pengiriman = { id_jas_pengiriman, Nama_jas_pengiriman }
9. Ongkos_jas_pengiriman = {id_ongkos_jas_pengiriman, id_jns_jas_pengiriman, id_kab_kot, id_ongkir}
10. Kota = {id_ kota, id_provinsi, Nama_kota} 11. Propinsi = { id_propinsi, nama_propinsi}
12. Jnis_jasa_pengiriman ={
id_jns_jas_pengiriman, id_jasa_pengiriman,
jenis_paket}
13. Kategori = { Id_kategori, nama_kategori } 14. Ukuran = { id_ukuran, no_ukuran}
15. Merk = { id_merk, nama_merk} 16. Retur = { id_retur, id_detail_produk, id_order, alasan, jumlah, status_retur,
tgl_retur, no_resi_retur} 17. Order_detail = { id_order_detail, id_order, id_produk, jumlah}
18. Detail_retur = { id_detail_retur, id_retur, jenis_kerusakan }
3.3 Analisis Kebutuhan Non Fungsional
Analisis non fungsional dilakukan untuk menghasilkan spesifikasi kebutuhan non fungsional. Spesifikasi kebutuhan non fungsional adalah spesifikasi yang rinci
tentang hal-hal yang akan dilakukan sistem ketika diimplementasikan serta komponen-komponen yang akan dilibatkan pada sistem yang akan dibangun.
Analisis Kebutuhan non fungsional terdiri dari : 1. Analisis Perangkat Keras Hardware
2. Analisis Perangkat Lunak Software 3. Analisis User
3.3.1 Analisis Perangkat Keras Hardware
Analisis perangkat keras dimaksudkan untuk mengetahui spesifikasi perangkat keras yang digunakan di Toko Green Fashion untuk 2 unit komputer,
yang masing-masing komputer di gunakan oleh pemilik toko dan bagian barang.
Perangkat keras yang ada saat ini
a. Processor dengan kecepatan 2 GHz + Motherboard b. Kapasitas Harddisk 80 GB
c. RAM 512 MB d. VGA Card 128 MB
e. Monitor f.
Lan Card 10100Mbps g. Mouse keyboard
Perangkat keras yang dibutuhkan
Analisis Perangkat Keras yang dibutuhkan untuk dapat menjalankan perangkat lunak yang akan dibangun. Perangkat keras yang dibutuhkan dalam menjalankan
aplikasi ini adalah : a. RAM minimal 1 GB
b. VGA Card minimal 256 MB c. Koneksi internet minimal 64 kbps
d. Lan Card 10100Mbps e. Mouse keyboard
Evaluasi kebutuhan perangkat keras
Setelah dilakukan analisis terhadap perangkat keras dimiliki oleh Toko Green Fashion sudah layak dan dapat mendukung aplikasi e-commerce yang akan dibangun,
hanya saja perlu adanya akses internet agar transaksi dapat berjalan maksimal karena
dilakukan secara online serta memudahkan dalam pengolahan database yang disimpan di server Server 5.1.41 dan printerEpson T20 standar untuk mencetak
laporan penjualan.
3.3.2 Analisis Perangkat Lunak Software
Perangkat lunak yang ada pada Toko Green Fashion
Analisis Perangkat Lunak yang digunakan pada Toko Green Fashion saat ini adalah sebagai berikut :
a. Windows XP SP 2 b. Microsoft office 2003
c. Adobe Reader
Perangkat Lunak yang dibutuhkan
Sistem Operasi yang digunakan pada Toko Green Fashion adalah Windows XP SP2 sehingga sudah sangat mencukupi untuk dapat menjalankan perangkat lunak
yang akan dibagun. Perangakat lunak yang dibutuhkan dalam pembangunan aplikasi ini adalah :
1. XAMPP sebagai Web Server 2. PHP
3. Macromedia Dreamweaver 8 sebagai editor PHP. 4. MySQL sebagai DBMS
5. Tool antarmuka design Microsoft Visio 2007
6. Adobe Reader
7. Mozila Firefox 3.6.13 sebagai browser
Evaluasi kebutuhan perangkat lunak
Sistem Operasi yang digunakan pada Toko Green Fashion adalah Windows XP SP 2 sehingga sudah mencukupi untuk dapat menjalankan perangkat lunak yang akan
dibangun, Adobe reader untuk membaca file laporan dan Mozila Firefox, Opera, Internet Explorer untuk web browser.
3.3.3 Analisis User
Analisis user dimaksudkan untuk mengetahui siapa saja user yang terlibat dalam sistem penjualan online beserta karakteristiknya.
Bagian yang terlibat saat ini dalam mengelola perusahaan
User yang terlibat saat ini dalam perusahaan dapat dilihat pada tabel 3.1 sebagai berikut.
Tabel 3. 1 Bagian yang terlibat saat ini
NO Jabatan
Keterangan 1
Pemilik toko 1. Lulusan D3
2. Usia 27 tahun 3. Menguasai komputer
4. Mengontrol kinerja karyawan 5. Mengelola penjualan dan pemasaran
2 Bagian kasir
1. Lulusan SMA 2. Usia 25
3. Menguasai komputer 4. Mengelola penjualan
3 Bagian barang
1. Lulusan SMA 2. Usia 26
3. Mengelola barang 4. Kurang menguasai komputer
User yang dibutuhkan
Pada sistem ini melibatkan melibatkan lima user, yaitu: pemilik, admin, operator, member, dan pengunjung, yang ada pada Toko Green Fashion.
Tabel 3. 2 Analisis Pengguna
TJ HA
TK JP
Pemilik Mengawasi
kinerja admin dan operator
Melihat laporan penjualan dan laporan barang.
Menggunaka n komputer
dan dapat menggunaka
n internet dan browsing
Cara menggunak
an aplikasi website e-
commerce
Admin Mengolah
data yang terdapat
dalam aplikasi
Melakukan pengolahan data pengelola, data member, data master seperti data
produk, data ongkos kirim, data jasa pengiriman, data bank, data jenis
kerusakan, data kota, data provinsi, data pemesanan, data transaksi penjualan,
pengolahan backup dan restore, dan membuat laporan penjualan
Menggunaka n komputer
dan dapat menggunaka
n internet dan browsing
Cara menggunak
an aplikasi website e-
commerce
Operator Barang
Mengolah data yang
terdapat dalam
aplikasi Melakukan pengolahan data produk, data
merk, dan membuat laporan barang Menggunaka
n komputer dan dapat
menggunaka n internet dan
browsing
Member Melakukan
pemesanan Melakukan pemesanan , mengubah data
pribadi, melihat history transaksi pembelian
Menggunaka n komputer
dan dapat menggunaka
n internet dan browsing
Pengunjung - Hanya dapat melihat katalog barang
Keterangan : TJ : Tanggung Jawab.
HA : Hak Akses. TK : Tingkat Kerterampilan.
JP : Jenis Pelatihan.
3.4 Analisis Kebutuhan Fungsional
3.4.1 Diagram Konteks
Diagram Konteks adalah diagram yang menggambarkan secara umum yang menjadi masukan, proses dan keluaran yang terjadi pada sebuah sistem. Diagram
konteks untuk perangkat lunak yang akan dibangun dapat dilihat pada gambar 3.4 sebagai berikut.
Membangun aplikasi e-commerce penjualan Baju
pada Toko green fashion
member Jejaring sosial
pengunjung
paypal admin
Web mail Operator
barang data registrasi, data kategori,
data produk,data detail produk info registrasi, info kategori,
info produk, info detail produk Pemilik
D a
ta p
e n
g o
la h
a n
m a
st e
r In
fo d
a ta
p e
n g
o la
h a
n ma
st e
r In
fo P
e mb
a y
a ra
n D
a ta
p e
m b
a ya
ra n
In fo
d a
ta p
ro d
u k
data produk, data merk, data ukuran,
data laporan produk, Info produk, info merk,
Info ukuran info laporan produk
data login, data merk data kategori, data produk
data detail produk, data ongkir, data kota
data provinsi, data jenis pengiriman,
data jasa pengiriman, data pesanan,
data detail pesanan data pengiriman
data transaksi pembayaran info login, info merk
info kategori, info produk info detail produk,
info ongkir, info kota info provinsi,
info jenis pengiriman, info jasa pengiriman,
info pesanan, info detail pesanan
info pengiriman info transaksi pembayaran
info aktivasi akun, info lupa password,
info retur, info konfirmasi pembayaran, info pesanan,
info pengiriman data laporan produk,
data laporan penjualan
info laporan produk, info laporan penjualan
Gambar 3. 5 Diagram Konteks Aplikasi E-Commerce Toko Green Fashion
3.4.2 Analisis Data Flow Diagram DFD
Data Flow Diagram merupakan suatu media yang digunakan untuk menggambarkan aliran data yang mengalir pada suatu sistem informasi. Dalam Data
Flow Diagram DFD terdiri dari entitas luar, aliran data, proses, dan penyimpanan data. Adapun Data Flow Diagram dari Pembangunan Aplikasi E-commerce di Toko
Green Fashion adalah sebagai berikut :
3.4.2.1 DFD Level 1
Berikut ini adalah DFD level 1 dari sistem yang akan dibangun.
1 pendaftaran
2 login
4 pengolahan
data user Pengunjung
member Data pendaftaran
Data pendaftaran member Info pendaftaran member
Member user
Info login Info login
Data login member Info login admin
admin In
fo l
o g
in In
fo d
a ta
a d
mi n
d a
ta a
d mi
n In
fo me
mb e
r Info data member
data member d
a ta
me mb
e r
5 pemesanan
produk Info pesanan
data pesanan
produk data produk
3 pengolahan data
master order detail
provinsi data order detail
d a
ta p
ro vi
n si
order kategori
Merk data order
data kategori d
a ta
me rk
data kategori data merk
data provinsi Data Member, Data Kategori
Data Produk, Data Detail Produk Data Ukuran, Data Merk
Data Ongkir, Data Kota Data Provinsi, Data Jenis
Pengiriman, Data Jasa Pengiriman, Data Detail Pesanan
Data Operator, Data Laporan Data Retur, Data Detail Retur
Data Pesanan, Data Konfirmasi Pembayaran, Data Bank
Info Member, Info Kategori Info Produk, Info Detail
Produk, Data Ukuran Data Merk, Info Ongkir
Info Kota, Info Provinsi Info Jenis Pengiriman
Info Jasa Pengiriman Info Detail Pesanan
Info Operator, Info Laporan Info Retur, Info Detail Retur
Info Konfirmasi Pembayaran
Info Pesanan, Info Bank
6 Pembuatan
laporan info order
data order info order detail
data order detail hubungi
Detail produk
gambar Ongkos
kirim retur
info data retur data retur
data retur
d a
ta g
a mb
a r
D a
ta d
e ta
il p ro
d u
k d
a ta
h u
b u
n g
i d
a ta
o n
g ko
s kiri m
paypal Info pembayaran
Data pembayaran
Jejaring sosial data produk
Info pendaftaran valid atau invalid
D a
ta me
mb e
r In
fo me
mb e
r data login admin
D a
ta l
a p
o ra
n p
e n
ju a
la n
D a
ta la
p o
ra n
p ro
d u
k
data order detail data order
ukuran D
a ta
u ku
ra n
Aktivasi akun Info aktivasi akun
In fo
tra n
sa ksi
p e
me sa
n a
n ,
p e
mb a
y a
ra n
, te
rki ri
m , re
tu r,
d ite
ri ma
Web email
7 pencarian
Data produk info produk
in fo
p ro
d u
k
D a
ta p
ro d
u k
D a
ta p
ro d
u k
, me
rk ,
ka te
g o
ri in
fo p
ro d
u k
, me
rk ,
ka te
g o
ri
jasapengiriman d
a ta
Ja sa
p e
n g
iri ma
n In
fo l
a p
o ra
n p
e n
ju a
la n
In fo
l a
p o
ra n
p ro
d u
k pemlilik
in fo
d a
ta l
a p
o ra
n d
a ta
l a
p o
ra n
Kota data kota
Operator barang
data operator Info operator
D a
ta p
ro d
u k,
d a
ta u
ku ra
n
D a
ta me
rk, d
a ta
ka te
g o
ri
In fo
p ro
d u
k ,
in fo
u ku
ra n
In fo
me rk
, in
fo ka
te g
o ri
Info login pemilik Data login pemilik
Info lupa password Data lupa password
In fo
o p
e ra
to r b
a ra
n g
D a
ta o
p e
ra to
r b
a ra
n g
D a
ta o
p e
ra to
r b a
ra n
g In
fo O
p e
ra to
r b a
ra n
g
Detail_retur D
a ta
d e
ta il re
tu r
d a
ta ko
ta data kategori
data merk
Gambar 3. 6 DFD level 1
3.4.2.2 DFD Level 2
1. DFD Level 2 Proses 1 Pendaftaran
Proses pendaftaran merupakan alur subproses dari proses pendaftaran dimana Pengunjung melakukan input data pendaftaran, setelah itu sistem akan
memverifikasi akun pendaftaran dengan aktivasi melalui web email.
1.1 Pengisian
data member
1.2 aktivasi
Pengunjung member
Info Pendaftaran valid atau invalid
Data pendaftaran member
data login member Data pendaftaran
Info data member
Web mail Data aktivasi akun pendaftaran
Info aktivasi akun pendaftaran
In fo
a kt
iva si
D a
ta a
kt iva
si
Info login member
Gambar 3. 7 DFD Level 2 Proses 1 Pendaftaran
2. DFD Level 2 Proses 2 Login
Proses login merupakan alur subproses dari proses login dimana operator, admin, produksi dan member melakukan input login dengan input username dan
verifikasi login dengan cek password, apabila password salah sistem memberikan info login invalid. Untuk member terdapat proses lupa password dengan
memasukkan email member ke sistem kemudian password baru akan di kirimkan melalui web email.
Admin
member Data admin
Data member user
member
2.1 Verifikasi login
Info login member Info login admin
Data login admin Info data login admin
Data login member
pemilik Operator
barang
Data pemilik Info pemilik
Data operator barang
Info operator barang
Info login member Info login pemilik
Info login operator barang Data login pemilik
Data login operator barang
Gambar 3. 8 DFD Level 2 Proses 2 Login
3. DFD Level 2 Proses 3 Pengolahan Data Master
Pengolahan data master merupakan alur subproses pengolahan data master dimana operator melakukan pengolahan data kategori, data produk, data detail
produk, data member, data ongkos kirim, data hubungi, data ukuran, data provinsi, data kota, dan data jasa pengiriman.
3.2 pengolahan
data provinsi
3.3 pengolahan
data kota 3.1
pengolahan data produk
kota provinsi
produk user
Data bank ongkoskirim
admin 3.11
pengolahan data
operator 3.6
pengolahan data bank
3.7 pengolahan
data ongkoskirim
info produk data produk
info provinsi data provinsi
data kota jejaring sosial
info produk data produk
data kota info kota
data provinsi info provinsi
data produk info produk
d at
a b
an k
inf o
b an
k D
at a
ba n
k Inf
o d
at a
ba nk
in fo
on gk
os k
ir im
d at
a o
ng k
o s
k ir
im d
at a
o ng
k o
s k
irim inf
o o
ng k
o s
k irim
inf o
o p
er at
or inf
o o
pe rat
o r
d at
a o
pe ra
to r
d a
ta o
pe rat
o r
info kota 3.4
pengolahan data
kategori d
at a
k a
te go
ri kategori
inf o
k at
e go
ri in
fo k
a te
go ri
d at
a k
at e
go ri
3.5 pengolahan
data merk d
a ta
u k
u ran
merk inf
o uk
ur a
n In
fo uk
ur a
n da
ta uk
ur an
i
3.9 pengolahan
data Jasa pengiriman
jasapengiriman Data jasa pengiriman
Info jasa pengiriman Data jasa pengiriman
Info jasa pengiriman Data kota
Data provinsi
Data ukuran Data kategori
Data jasa pengiriman Data kota
Data kategori 3.8
pengolahan data ukuran
da ta
re tu
r ukuran
in fo
re tu
r Inf
o re
tur da
ta ret
u r
3.10 pengolahan
data retur
retur da
ta merk
In fo
uk ur
a n
da ta
merk In
fo me
rk info kategori
info merk 3.12
pengolahan backup
restore data backup
Info restore Info backup
data restore
Gambar 3. 9 DFD Level 2 Proses 3 Pengolahan Data Master
4. DFD Level 2 Proses 4 Pengolahan Data User
Proses pengolahan data user dapat dilihat pada gambar 3.10 berikut ini.
User Admin
member 4.1
olah data member
4.2 olah data
operator member
info data admin
data admin data member
info data member data member
info data member
data member info data member
data admin info data admin
Operator barang
Info data Operator barang
Data operator barang
Data operator barang
Info operator barang
Web mail Info pendaftaran
Data pendaftaran
Gambar 3. 10 DFD Level 2 Proses 4 Pengolahan Data user
5. DFD Level 2 Proses 5 Pemesanan
Proses pemesanan dapat dilihat pasa gambar 3.11 berikut ini.
5.1 Pilih produk
pesanan
5.4 Input alamat
pengiriman 5.2
Hapus produk pesanan
5.3 Update produk
pesanan Produk
Detail_produk Kategori
Merk
Ukuran Info produk
Info detail_produk Info kategori
Info merk Info ukuran
Kota
Provinsi Ongkir
Info kota Info provinsi
Info ongkir Member
Data pesanan Info pesanan
Info pesanan Info pesanan
Data pesanan Data pesanan
5.5 Penyimpanan
pesanan
5.6 Pembayaran
5.7 Ubah status
pesanan Data konfirmasi
pembayaran Info konfirmasi
pembayaran Konfrimasi
Pembayaran Data konfirmasi
pembayaran Info konfirmasi
pembayaran
Info konfirmasi pembayaran Pesanan
D at
a p
esanan
Data pesanan D
at a
pesa nan
Data pengiriman admin
D at
a kon
firm a
si pembaya
ran Inf
o ko
nf irmasi
pemba yaran
Info status pesanan D
at a
st at
u s
pesan an
Mail server Info status pesanan
Jejaring Sosial
Inf o
pro duk
Detail_pesanan Inf
o pesa
nan Data pesanan
Data detail_pesanan
Info detail_pesanan
Info pesanan D
a ta
pesan an
D at
a p
engi ri
ma n
Gambar 3. 11 DFD Level 2 Proses 5 Pemesanan
6. DFD Level 2 Proses 6 Pembuatan Laporan
Pembuatan laporan merupakan alur proses laporan dimana operator dapat pengolah laporan data produk dan penjualan produk dapat dilihat pada gambar
3.12 berikut ini.
pemilik 6.3
cetak laporan
Info data laporan
Info data laporan Info laporan penjualan
Data laporan penjualan Info data laporan
admin
Data laporan penjualan 6.1
Pembuatan laporan produk
6.2 Pembuatan
laporan penjualan
Info laporan penjualan Data laporan produk
Info laporan produk Data laporan produk
Info laporan produk Operator barang
produk Produk detail
Data produk Data produk detail
orders Order detail
Data orders Data order detail Data produk detail
Data produk
Gambar 3. 12 DFD Level 2 Proses 6 Pembuatan laporan
3.4.2.3 DFD Level 3
19. DFD Level 3 Proses 3.1 Pengolahan Data Produk
Proses data produk dapat dilihat pada gambar 3.14 berikut ini.
3.1.1 Tambah produk
3.1.2 Edit produk
3.1.3 Hapus produk
3.1.5 Cari produk
Admin Produk
Info cari produk Data cari produk
Data cari produk Data hapus produk
Data edit produk Data produk
Data hapus produk Data edit produk
Data produk
Info hapus produk Info produk
Info edit produk
Info cari produk Info hapus produk
Info edit produk Info produk
3.1.6 Share produk
Data produk yang di share
Data produk yang di share
Kategori
Jejaring sosial
Info produk yang di share
Merk Info kategori
Info merk Info kategori
Info merk
pengunjung Data cari produk
In fo
ca ri
pr od
u k
3.1.4 Pengolahan
produk detail Produk_detail
Data produk_detail Info produk_detail
Data produk_detail Info produk_detail
operator
Data produk_detail Info produk_detail
Data hapus produk Info hapus produk
Data edit produk Info edit produk
Data produk Info produk
Gambar 3. 13 DFD Level 3 Proses 3.1 Pengolahan Data Produk
20. DFD Level 3 Proses 3.2 Pengolahan Data Provinsi
Proses pengolahan data provinsi dapat dilihat pada gambar 3.14 berikut ini.
data tambah provinsi 3.2.1
input data provinsi
3.2.3 hapus data
provinsi 3.2.2
edit data provinsi
provinsi admin
info tambah data provinsi
data hapus provinsi info edit provinsi
data edit provinsi data edit provinsi
Info edit provinsi
data hapus provinsi info data hapus provinsi
data tambah provinsi info tambah data provinsi
info hapus provinsi
Gambar 3. 14 DFD Level 3 Proses 3.2 Pengolahan Data Provinsi
21. DFD Level 3 Proses 3.3 Pengolahan Data Kota
Proses pengolahan data kota dapat dilihat pada gambar 3.15 berikut ini.
data tambah kota 3.3.1
Tambah data kota
3.3.3 Hapus data
kota 3.3.2
edit data kota
kota admin
info tambah data kota
data hapus kota info edit kota
data edit kota data tambah kota
info tambah data kota
data edit kota Info edit kota
data hapus kota info hapus kota
info hapus kota provinsi
data provinsi data provinsi
Gambar 3. 15 DFD Level 3 Proses 3.3 Pengolahan Data Kota
22. DFD Level 3 Proses 3.4 Pengolahan Data Kategori
Proses pengolahan data kategori dapat dilihat pada gambar 3.16 berikut ini.
data tambah kategori 3.4.1
Tambah data
kategori
3.4.3 hapus data
kategori 3.4.2
edit data kategori
kategori admin
info tambah kategori
data hapus kategori info edit kategori
data edit kategori data edit kategori
info edit kategori
data hapus kategori info hapus kategori
data tambah kategori info tambah kategori
info hapus kategori
Gambar 3. 16 DFD Level 3 Proses 3.4 Pengolahan Data Kategori
23. DFD Level 3 Proses 3.5 Proses Pengolahan Data merk
Proses pengolahan data merk dapat dilihat pada gambar 3.17 berikut ini.
5.2.1 Tambah merk
5.2.2 Edit merk
5.2.3 Hapus merk
Admin Merk
Data hapus merk Data edit merk
Data merk
Data hapus merk Data edit merk
Data merk
Info hapus merk Info merk
Info edit merk
Info hapus merk Info edit merk
Info merk
Gambar 3. 17 DFD Level 3 Proses 5.2 Proses Pengolahan Data Merk
24. DFD Level 3 Proses 3.6 Proses Pengolahan Data Bank
Proses pengolahan data bank dapat dilihat pada gambar 3.18 berikut ini.
data bank 3.6.1
Pengolahan data bank
3.6.2 Pengolahan
data paypal Bank
Admin Info bank
data bank info data bank
Data paypal Info paypal
Data paypal Info paypal
paypal
Gambar 3. 18 DFD Level 3 Proses 3.6 Proses Pengolahan Data Bank
25. DFD Level 3 Proses 3.7 Proses Pengolahan Data Ongkos Kirim
Proses pengolahan data ongkos kirim dapat dilihat pada gambar 3.19 berikut ini.
data tambah ongkoskirim 3.7.2
tambah data ongkoskirim
3.7.4 hapus data
ongkoskirim 3.7.3
edit data ongkoskirim
ongkoskirim Admin
info tambah data ongkoskirim
data hapus ongkoskirim info edit ongkoskirim
data edit ongkoskirim data edit ongkoskirim
Info edit ongkoskirim
info hapus ongkoskirim info hapus ongkoskirim
data hapus ongkoskirim data tambah ongkoskirim
info tambah data ongkoskirim jenispengiriman
kota data kota
data jnis pengiriman
data jnis pengiriman data kota
3.7.1 Tampilan
data ongkos kirim
data ongkoskirim data ongkoskirim
data ongkoskirim Info ongkoskirim
Data ongkos kirim
Gambar 3. 19 DFD Level 3 Proses 3.7 Proses Pengolahan Data Ongkos Kirim
26. DFD Level 3 Proses 3.8 Proses Pengolahan data Ukuran
Proses pengolahan data ukuran dapat dilihat pada gambar 3.20 berikut ini.
data tambah ukuran 3.8.1
Tambah data ukuran
3.8.3 Hapus data
ukuran 3.8.2
Edit data ukuran
Ukuran admin
info tambah data ukuran data tambah ukuran
info tambah data ukuran
info edit ukuran data edit ukuran
info hapus ukuran Data hapus ukuran
Data hapus ukuran info hapus ukuran
info edit ukuran data edit ukuran
Gambar 3. 20 DFD Level 3 Proses 3.8 Proses Pengolahan data Ukuran
27. DFD Level 3 Proses 3.9 Proses Pengolahan Data Jasa Pengiriman
Proses pengolahan data jasa pengiriman dapat dilihat pada gambar 3.21
berikut ini.
3.9.1 tambah data
jasa pengiriman
admin jasapengiriman
3.9.2 edit data jasa
pengiriman
3.9.3 hapus data jasa
pengiriman Data Tambah jasa pengiriman
Info Tambah jasa pengiriman Info Tambah jasa pengiriman
Data Tambah jasa pengiriman
Info edit jasa pengiriman Data edit jasa pengiriman
Data edit jasa pengiriman Info edit jasa pengiriman
Info hapus jasa pengiriman Data hapus jasa pengiriman
Data hapus jasa pengiriman Info hapus jasa pengiriman
3.9.4 Pengolahan
Jenis jasa pengiriman
Data Jenis jasa pengiriman Info Jenis jasa pengiriman
Info Jenis jasa pengiriman Data Jenis jasa pengiriman
jasapengiriman
Gambar 3. 21 DFD Level 3 Proses 3.9 Proses Pengolahan Data Jasa Pengiriman
28. DFD Level 3 Proses 3.10 Proses Pengolahan Data retur
Proses pengolahan data retur dapat dilihat pada gambar 3.22 berikut ini.
3.10.1 Retur
3.10.2 Edit status retur
3.10.3 Konfirmasi
Produk
Order
Retur Detail_produk
Detail_order
Detail_retur Mail
Admin Info ret
u r
Info orde r
Info detail_order Info
d et
a il_r
et u
r Info produk
Info detail_produk
In fo retur
Data retur Info retur
Data edit retur Inf
o ed
it ret u
r
Data edit retur Info edit retur
D ata
e di
t de
tai l_
re tur
Inf o
ed it detai
l_ retur
Data retur Info retur
Data detail_retur Info detail_retur
Member Data retur
Info retur D
a ta retur
D at
a de
tai l_re
tur
Gambar 3. 22 DFD Level 2 Proses 9 retur
29. DFD Level 3 Proses 3.11 Proses Pengolahan data Operator
Proses pemesanan dapat dilihat pada gambar 3.23 berikut ini.
3.11.1 Tambah
Operator
Operator Admin
Data Operator Info Operator
Data Operator Info Operator
Gambar 3. 23 DFD Level 3 Proses 5.1 Proses Pengolahan data Operator
7. DFD Level 3 Proses 12 Backup Restore Database
Diagram alur data pada DFD level 3 proses 12 Backup Restor Database adalah
sebagai berikit:
member
retur order detail
provinsi order
kategori kota
Ongkos kirim
produk jasapengiriman
Data bank User
ukuran 3.12.1
Backup database
3.12.2 Restor database
Data kota Data ongkos kirim
Data user
Data bank data bank
data provinsi data retur
data retur data produk
data produk data kategori
data kategori data order detail
data order detail data ukuran
data ukuran data member
data member data order
data order data kota
data ongkos kirim
admin Data jasa pengiriman
Data jasa pengiriman
d a
ta r
e s
to r
In fo
re s
to r
In fo
b e
c k
u p
d a
ta b
e c
k u
p 3.12.3
Backup gambar
data gambar In
fo g
a m
b a
r d
a ta
g a
m b
a r
merk data merk
data merk
Produk_detail pembayaran
Jenis_jasa_pengiriman
Jenis_kerusakan Data produk_detail
Data provinsi Data produk_detail
Data jenis_jasa_pengiriman
Data jenis_jasa_pengiriman
Data pembayaran Data pembayaran
Data jenis_kerusakan Data jenis_kerusakn
Gambar 3. 24 DFD Level 3 Proses 12 Backup Restore Database
3.4.2.4 DFD Level 4
1. DFD Level 4 Proses 3.6.1 Proses Pengolahan Data Bank
Proses pengolahan bank dapat dilihat pada gambar 3.25 berikut ini.
data tambah bank 3.6.1.1
Tambah data bank
3.6.1.3 Hapus data
bank 3.6.1.2
Edit data bank
bank admin
info tambah data bank data tambah bank
info tambah data bank
info edit bank data edit bank
info hapus bank Data hapus bank
Data hapus bank info hapus data bank
info edit bank data edit bank
Gambar 3. 25 DFD Level 4 Proses 3.6.1 Proses Pengolahan Data Bank
2. DFD Level 4 Proses 3.9.4 Proses Pengolahan Data Jenis Jasa Pengiriman
Proses pengolahan data jenis jasa pengiriman dapat dilihat pada gambar 3.26
berikut ini.
data tambah jenis jasa pengiriman
3.9.4.1 Tambah data
jenis jasa pengiriman
3.9.4.3 hapus data
jenis jasa pengiriman
3.9.4.2 edit data
jenis jasa pengiriman
Jenis jasa pengiriman
admin info data jasa
pengiriman
data hapus jenis jasa pengiriman info edit jenis jasa pengiriman
data edit jenis jasa pengiriman data edit jenis jasa pengiriman
info edit jenis jasa pengiriman
data hapus jnis jasa pengiriman info hapus jenis jasa pengiriman
data tambah jenis jasa pengiriman
info tambah data jasa pengiriman
info hapusjenis jasa pengiriman
Gambar 3. 26
DFD Level 4 Proses 3.9.4 Proses Pengolahan Data Jenis Jasa
Pengiriman
3.4.3 Spesifikasi proses
Spesifikasi proses digunakan untuk menggambarkan proses model aliran yang terdapat pada DFD. Spesifikasi proses dari gambaran DFD diatas akan dijelaskan
pada table 3.4 dibawah ini.
Tabel 3. 3 Spesifikasi Proses
No Detail
Keterangan 1.
No.Proses 1
Nama proses Pendaftaran
Deskripsi Pendaftaran data member
Source Pengunjung
Input Data registrasi
Output Info registrasi valid atau info invalid
Destination Pengunjung
Logika proses 1. Pengunjung
memasukan data
pendaftaran pada form pendaftaran. 2. Apabila data pendaftaran
valid, sistem akan menampilkan pesan
bahwa pendaftaran berhasil dan pengunjung mengaktifasinya, setelah
aktifasi selesai maka pengunjung dipersilahkan untuk login.
3. Apabila data tidak valid, sistem akan menampilkan pesan kesalahan dan
pengunjung diminta untuk mengisi kembali form pendaftaran.
2. No.proses
1.1 Nama proses
Input data pendaftaran Deskripsi
Menambah data member Source
Pengunjung Input
Data pendaftaran Output
Info pendaftaran
valid, info
pendaftaran invalid Destination
Pengunjung Logika proses
1. Pengunjung memasukan
data pendaftaran .
2. Sistem akan
menampilkan info
pendaftaran . 3.
No.proses 1.2
Nama proses Aktivasi
Deskripsi Melakukan aktivasi akun
Source Pengunjung
Input Data pendaftaran
Output Data login pemesan
Destination Proses login
Logika proses 1. Pengunjung membuka email dan
memilih tautan yang tersedia untuk melakukan aktivasi.
2. Sistem akan mengaktifkan akun member
dan masuk
kehalaman member.
4. No.Proses
2 Nama proses
Login Deskripsi
Verifikasi data login pemilik, admin, operator, dan member
Source Admin, operator, member
Input Data login user dan data login member
Output Info login invalid
Destination Pemilik, admin, operator, member
Logika proses 1. Pengguna Pemilik, admin, operator,
member mengisi data login pada form login.
2. Apabila data login valid, sistem akan menampilkan halaman akun user,
sedangkan untuk member sistem akan menampilkan halaman akun
member.
3. Apabila data login tidak valid, sistem akan menampilkan pesan kesalahan
dan meminta pengguna Pemilik, admin, operator, member untuk
memasukan kembali data login pada form login.
5. No.proses
3.1 Nama proses
Pengolahan data produk Deskripsi
Menampilkan data produk yang akan ditambah, diubah
Source Operator
Input Data
produk yang
akan diubah,
ditambah, ukuran, kategori Output
Info data produk yang sudah diubah, ditambah
Destination Operator, Admin
Logika proses 1. Operator, Admin memilih menu
pengolahan data barang. 2. Sistem
akan menampilkan
data barang.
3. Operator, Admin melakukan pengolahan data barang.
4. Sistem akan
menampilkan data
barang yang telah ditambah,dihapus atau diubah.
6. No.proses
3.1.1
Nama proses Input data produk
Deskripsi Menyimpan data produk
Source Operator, Admin
Input Data produk yang akan disimpan,
kategori, ukuran Output
Info data produk yang sudah disimpan Destination
Operator, Admin Logika proses
1. Operator, Admin memasukan data. 2. Sistem
akan menampilkan
data barang yang telah diinputkan.
7. No.proses
3.1.2 Nama proses
Edit data produk deskripsi
Mengubah data kota Source
Operator, Admin Input
Data produk yang akan diedit, data ukuran, data kategori
Output Data produk yang telah diedit
Destination Operator, Admin
Logika proses 1. Operator, Admin memilih menu
produk. 2. Kemudian Admin mengubah data
produk. 3. Sistem
akan menampilkan
data produk yang telah diubah.
8. No.proses
3.1.3 Nama proses
Hapus data produk Deskripsi
Menghapus data produk Source
Operator, Admin Input
Data produk yang akan dihapus Output
Data produk yang telah dihapus Destination
Operator, Admin Logika proses
1. Operator, Admin memilih menu produk.
2. Kemudian operator, Admin memilih data produk yang akan dihapus.
3. Sistem akan menghapus data produk yang telah dipilih.
9. No.proses
3.8 Nama proses
Pengolahan data detail produk Deskripsi
Mengolah data detail produk Source
Operator, Admin
Input Data detail produk yang akan diinput,
dihapus, diedit, data produk, data kategori
Output Data detail produk yang telah diinput,
dihapus, diedit Destination
Operator, Admin Logika proses
1. Operator, Admin memilih menu detail produk
2. Sistem akan menampilkan data detail produk.
10. No.proses
3.1.5 Nama proses
Pencarian Deskripsi
Mencari data produk Source
Pengunjung atau Member Input
Data Produk Output
Data Produk yang dicari Destination
Pengunjung atau Member Logika proses
Pengunjung atau member mencari data produk
11. No.proses
3.2 Nama proses
Pengolahan data provinsi Deskripsi
Mengolah data provinsi Source
Admin Input
Data provinsi yang akan diinput,
dihapus, diedit Output
Data provinsi yang telah diinput, dihapus, diedit
Destination Admin
Logika proses 1. Admin memilih menu provinsi
2. Sistem akan
menampilkan data
provinsi. 12.
No.proses 3.2.1
Nama proses Input data provinsi
Deskripsi Menambah data provinsi baru
Source Admin
Input Data provinsi yang akan diinput
Output Data provinsi yang telah diinput
Destination Admin
Logika proses 1. Admin memilih menu provinsi.
2. Kemudian Admin menambah data provinsi.
3. Sistem akan
menampilakn data
provinsi baru. 13.
No.proses 3.2.2
Nama proses Edit data provinsi
Deskripsi Mengubah data provinsi
Source Admin
Input Data provinsi yang akan diedit
Output Data provinsi yang telah diedit
Destination Admin
Logika proses 1. Admin memilih menu provinsi.
2. Kemudian Admin
memilih data provinsi yang akan diedit.
3. Sistem akan
menampilkan data
provinsi yang telah diedit. 14.
No.proses 3.2.3
Nama proses Hapus data provinsi
Deskripsi Menghapus data provinsi
Source Admin
Input Data provinsi yang akan dihapus
Output Data provinsi yang telah dihapus
Destination Admin
Logika proses 1. Admin memilih menu provinsi.
2. Kemudian Admin
memilih data provinsi yang akan dihapus.
3. Sistem akan
menghapus data
provinsi. 15.
No.proses 3.3
Nama proses Pengolahan data kota
Deskripsi Data kota yang akan diinput, edit, hapus
Source Admin
Input Data kota yang akan diinput, edit, hapus,
data kota Output
Data kota yang telah diinput, edit, hapus Destination
Admin Logika proses
1. Admin memilih menu kota. 3. Sistem akan menampilkan data kota.
16. No.proses
3.3.1 Nama proses
Input data kota Deskripsi
Menambah data kota baru Source
Admin Input
Data kota yang akan diinput, data
provinsi Output
Data kota yang telah diinput Destination
Admin Logika proses
1. Admin memilih menu kota. 2. Kemudian operator menambah data
kota. Sistem akan menampilkan data kota
yang telah ditambahkan.
17. No.proses
3.3.2 Nama proses
Edit data kota deskripsi
Mengubah data kota Source
Admin Input
Data kota yang akan diedit, data provinsi Output
Data kota yang telah diedit Destination
Admin Logika proses
1. Admin memilih menu kota. 2. Kemudian Admin mengubah data
kota. 4. Sistem akan menampilkan data kota
yang telah diubah. 18.
No.proses 3.3.3
Nama proses Hapus data kota
Deskripsi Menghapus data kota
Source Admin
Input Data kota yang akan dihapus
Output Data kota yang telah dihapus
Destination Admin
Logika proses 1. Admin memilih menu kota.
2. Kemudian operator memilih data kota yang akan dihapus.
3. Sistem akan menghapus data kota yang telah dipilih.
19. No.proses
3.4 Nama proses
Mengolah data kategori Deskripsi
Menambah data kategori baru Source
Admin Input
Data kategori
yang akan
diinput,diedit,dihapus Output
Data kategori
yang telah
diinput,diedit,dihapus Destination
Admin
Logika proses 1. Admin memilih menu kategori.
2. Sistem akan
menampilkan data
kategori. 20.
No.proses 3.4.1
Nama proses Input data kategori
Deskripsi Menambah data kategori baru
Source Admin
Input Data kategori yang akan diinput
Output Data kategori yang telah diinput
Destination Admin
Logika proses 1. Admin memilih menu kategori.
2. Kemudian Admin memasukan data kategori baru.
3. Sistem akan
menampilkan data
kategori baru. 21.
No.proses 3.4.2
Nama proses Edit data kategori
Deskripsi Mengubah data kategori
Source Admin
Input Data kategori yang akan diubah
Output Data kategori yang telah diubah
Destination Admin
Logika proses 1. Admin memilih menu kategori.
2. Kemudian admin memilih kategori yang akan diubah.
3. Sistem akan
menampilkan data
kategori yang telah diubah. 22.
No.proses 3.4.3
Nama proses Hapus data kategori
Deskripsi Menghapus data kategori
Source Admin
Input Data kategori yang akan dihapus
Output Data kategori yang telah dihapus
Destination Admin
Logika proses 1. Admin memilih menu kategori.
2. Kemudian admin
memilih data
kategori yang akan dihapus. 3. Sistem akan menghapus data kategori
yang dipilih. 23.
No.proses 3.5
Nama proses Mengolah data merk
Deskripsi Menambah data merk baru
Source Admin
Input Data merk yang akan diinput, diedit,
dihapus Output
Data merk yang telah diinput, diedit, dihapus
Destination Admin
Logika proses 1. Admin memilih menu merk .
2. Sistem akan menampilkan data merk. 24.
No.proses 3.5.1
Nama proses Input data merk
Deskripsi Menambah data merk baru
Source Admin
Input Data merk yang akan diinput
Output Data merk yang telah diinput
Destination Admin
Logika proses 4. Admin memilih menu merk .
5. Kemudian Admin memasukan data merk baru.
6. Sistem akan menampilkan data merk baru.
25. No.proses
3.5.2 Nama proses
Edit data merk Deskripsi
Mengubah data merk Source
Admin Input
Data merk yang akan diubah Output
Data merk yang telah diubah Destination
Admin Logika proses
4. Admin memilih menu merk . 5. Kemudian admin memilih merk yang
akan diubah. 6. Sistem akan menampilkan data merk
yang telah diubah. 26.
No.proses 3.5.3
Nama proses Hapus data merk
Deskripsi Menghapus data merk
Source Admin
Input Data merk yang akan dihapus
Output Data merk yang telah dihapus
Destination Admin
27. No.proses
3.6
Nama proses Pengolahan data bank
Deskripsi Mengolah data bank
Source Admin
Input Data member
Output Data member
Destination Admin
Logika proses 1. Admin memiliki menu bank.
2. System akan menampilkan data bank dan paypal
28. No.proses
3.6.1 Nama proses
Pengolahan data bank Deskripsi
Mengolah data bank Source
Admin Input
Data bank yang akan diinput, dihapus, diedit
Output Data bank yang telah diinput, dihapus,
diedit Destination
Admin Logika proses
1. Admin memilih menu bank 2. Sistem akan menampilkan data bank.
29. No.proses
3.6.1 Nama proses
pengolahan data paypal Deskripsi
Mengelola data paypal Source
Admin Input
Data paypal Output
Data paypal Destination
admin Logika proses
1. Admin memilih menu paypal 2. Sistem akan
menampilkan data paypal.
30. No.proses
3.6.1.1 Nama proses
Input data bank Deskripsi
Menambah data bank baru Source
Admin Input
Data bank yang akan diinput Output
Data bankyang telah diinput Destination
Admin Logika proses
1. Admin memilih menu bank. 2. Kemudian Admin menambah data
bank.
3. Sistem akan menampilakn data bank baru.
31. No.proses
3.6.2.1 Nama proses
Edit data bank Deskripsi
Mengubah data bank Source
Admin Input
Data bank yang akan diedit Output
Data bank yang telah diedit Destination
Admin Logika proses
1. Admin memilih menu bank. 2. Kemudian Admin memilih data bank
yang akan diedit. 3. Sistem akan menampilkan data bank
yang telah diedit. 32.
No.proses 3.6.3.1
Nama proses Hapus data bank
Deskripsi Menghapus data bank
Source Admin
Input Data bank yang akan dihapus
Output Data bank yang telah dihapus
Destination Admin
Logika proses 1. Admin memilih menu bank.
2. Kemudian Admin memilih data bank yang akan dihapus.
3. Sistem akan menghapus data bank. 33.
No.proses 3.7
Nama proses Pengolahan data ongkos kirim
deskripsi Mengolah data ongkos kirim
Source Admin
Input Data ongkos kirim yang akan diinput,
diedit, dihapus, data kota, data jasa pengiriman
Output Data ongkos kirim yang telah diinput,
diedit, dihapus Destination
Admin Logika proses
1. Admin memilih menu ongkos kirim. 2. Sistem akan menampilkan data
ongkos kirim.
34. No.proses
3.7.1 Nama proses
Input data ongkos kirim Deskripsi
Memasukan data ongkos kirim baru
Source Admin , member
Input Data ongkos kirim yang akan diinputkan,
data kota, data jasa pengiriman Output
Data ongkos kirim yang telah diinputkan Destination
Admin Logika proses
1. Admin memilih menu ongkos kirim. 2. Kemudian Admin menginputkan data
ongkos kirim. 3. Sistem
akan menampilkan
data ongkos kirim.
35. No.proses
3.7.2 Nama proses
Edit data ongkos kirim Deskripsi
Mengubah data ongkos kirim Source
Admin Input
Data ongkos kirim yang akan diubah, data kota, data jasa pengiriman
Output Data ongkos kirim yang telah diubah
Destination Admin
Logika proses 1. Admin memilih menu ongkos kirim.
2. Kemudian Operator memilih data ongkos kirim yang akan diubah.
3. Sistem akan
menampilkan data
ongkos kirim yang telah diubah. 36.
No.proses 3.7.3
Nama proses Hapus data ongkos kirim
Deskripsi Menghapus data ongkos kirim
Source Admin
Input Data ongkos kirim yang akan dihapus
Output Data ongkos kirim yang telah dihapus
Destination Admin
Logika proses 1. Admin memilih menu ongkos kirim.
2. Kemudian Admin memilih data ongkos kirim yang akan dihapus.
3. Sistem akan menghapus data ongkos kirim yang telah dipilih.
37. No.proses
3.8 Nama proses
Pengolahan data ukuran Deskripsi
Mengolah data ukuran Source
Admin
Input Data ukuran yang akan diinput, dihapus,
diedit, data detail produk Output
Data ukuran yang telah diinput, dihapus, diedit
Destination Admin
Logika proses 1. Admin memilih menu ukuran
2. Sistem akan menampilkan data ukuran.
38. No.proses
3.8.1 Nama proses
Input data ukuran Deskripsi
Menambah data ukuran baru Source
Admin Input
Data ukuran yang akan diinput, data detail produk
Output Data ukuran yang telah diinput
Destination Admin
Logika proses 1. Admin memilih menu ukuran.
2. Kemudian Admin menambah data ukuran.
3. Sistem akan menampilakn data ukuran baru.
39. No.proses
3.8.2 Nama proses
Edit data ukuran Deskripsi
Mengubah data ukuran Source
Admin Input
Data ukuran yang akan diedit, data detail produk
Output Data ukuran yang telah diedit
Destination Admin
Logika proses 1. Admin memilih menu ukuran.
2. Kemudian Admin memilih data ukuran yang akan diedit.
3. Sistem akan menampilkan data ukuran yang telah diedit.
40. No.proses
3.8.3 Nama proses
Hapus data ukuran Deskripsi
Menghapus data ukuran Source
Admin Input
Data ukuran yang akan dihapus Output
Data ukuran yang telah dihapus Destination
Admin
Logika proses 1. Admin memilih menu ukuran.
2. Kemudian Admin memilih data ukuran yang akan dihapus.
3. Sistem akan menghapus data ukuran. 41.
No. proses 3.9.1
Nama proses Tambah data jasa pengiriman
Source Admin
Input Data jasa pengiriman
Output Data jasa pengiriman yang sudah
ditambah Destination
Admin Logika proses
1. Admin memilih
menu jasa
pengiriman. 2. Kemudian Admin menambah data
jasa pengiriman. 3. Sistem menampilkan data jasa
pengiriman yang telah ditambah. 42.
No. proses 3.9.2
Nama proses Edit data jasa pengiriman
Source Admin
Input Data jasa pengiriman
Output Data jasa pengiriman yang sudah diedit
Destination Admin
Logika proses 1. Admin
memilih menu
jasa pengiriman.
2. Kemudian Admin mengedit data jasa pengiriman.
3. Sistem menampilkan data jasa pengiriman yang telah diedit.
43. No. proses
3.9.3 Nama proses
Hapus data jasa pengiriman Source
Admin Input
Data jasa pengiriman Output
Data jasa pengiriman yang sudah dihapus
Destination Admin
Logika proses 1. Admin
memilih menu
jasa pengiriman.
2. Kemudian Admin menghapus data
jasa pengiriman. 3. Sistem menampilkan data jasa
pengiriman yang telah dihapus. 44.
No.proses 3.10
Nama proses Pengolahan data retur
Deskripsi Mengelola data retur barang
Source Admin
Input Data barang yang akan diretur
Output Info data barang retur
Destination Admin
Logika proses 1. Admin memilih menu retur.
Sistem menampilkan data retur. 45.
No.proses 3.10.1
Nama proses Isi data retur
Deskripsi Mengisi data retur barang
Source Member
Input Data barang retur yang akan diisi
Output Data barang retur setelah diisi
Destination Admin
Logika proses 1. member memilih menu history.
Kemudian member memilih data produk yang akan direturkan.
46. No.proses
3.10.2 Nama proses
Tampilkan data retur Deskripsi
Menampilkan data retur Source
Admin Input
Data barang retur yang dimasukan Output
Data barang retur setelah dikonfirmasi Destination
Member Logika proses
1. Member memilih menu retur. 2. Kemudian member memilih detail
retur yang sudah dikonfirmasi Sistem menampilan data retur setelah
dikonfirmasi. 47.
No.proses 3.11
Nama proses Olah data operator
Deskripsi Menampilkan kelola data operator
Source Admin
Input Data operator yang akan diubah
Output Info data operator yang sudah diubah
Destination Admin
Logika proses 1. Admin masuk ke menu profil.
2. Admin dapat merubah data operator. 48.
No.proses 4
Nama proses Pengolahan data user
Deskripsi Info data member
Source Admin
Input Data member
Output Info member
Destination Admin
Logika proses 1. Admin dapat melihat data member
2. Admin dapat merubah status member. 49.
No.proses 4.1
Nama proses Olah data member
Deskripsi Mngolah data member
Source Member
Input Data
member yang
akan diubah
statusnya Output
Info member
yang telah
diubah statusnya
Destination Member
Logika proses 1. Admin masuk ke menu member.
2. Admin dapat merubah statusnya member.
50. No.proses
4.2 Nama proses
Olah data operator Deskripsi
Menampilkan kelola data operator Source
Admin Input
Data operator yang akan diubah Output
Info data operator yang sudah diubah Destination
Admin Logika proses
3. Admin masuk ke menu profil. 4. Admin dapat merubah data operator.
51. No. Proses
5 Nama
Pesanan Source
Operator, Pelanggan, database produk, database detail produk, database
kategori, database ukuran, database pesanan, database konfirmasi, jejaring
sosial, mail server, database kota, database, provinsi, database ongkir
Input Data pesanan yang akan diubah,
ditambah, dihapus, dikonfirmasi Output
Info pesanan yang akan diubah, ditambah, dihapus, dikonfirmasi
Destination Operator, Pelanggan, mail server
Logika Proses 1. Pelanggan memesan dengan memilih
produk dan masuk ke keranjang belanja 2. Pelanggan dapat tambah, ubah, hapus,
selesai 3. Pelanggan memilih pengiriman
pesanan 4. Pelanggan memilih proses
pembayaran 5. Pelanggan dapat melihat history
pesanan 6. Admin mengelola data pesanan
dipesan, dibayar, dikirim, diterima
7. Konfirmasi akan dikirim ke email
52. No. Proses
5.1 Nama
Pilih Produk Pesanan Source
Pelanggan, Pesanan, database produk, database detail produk, database
kategori, database merk, database ukuran, database pesanan, jejaring sosial
Input Data pesanan
Output Info pesanan
Destination Pelanggan, operator, mail server
Logika Proses 1. Pelanggan memilih produk kemudian
menentukan kuantitasnya.
2. Pelanggan dapat share produk ke jejaring sosial.
53. No. Proses
5.2 Nama
Hapus Produk Pesanan Source
Pelanggan, database pesanan Input
Data pesanan Output
Info pesanan Destination
Pelanggan, database Pesanan Logika Proses
Pelanggan menghapus data pesanan 54.
No. Proses 5.3
Nama Update Produk Pesanan
Source Pelanggan, database pesanan
Input Data pesanan
Output Info pesanan
Destination Pelanggan, database pesanan
Logika Proses Pelanggan mengupdate data pesanan
55. No. Proses
5.4 Nama
Input Alamat Pengiriman Source
Pelanggan, database kota, database provinsi, database ongkir
Input Data pengiriman, data kota, data
provinsi, data ongkir Output
Info pengiriman Destination
Pelanggan, database kota, database provinsi, database ongkir
Logika Proses 1. Pelanggan memasukan alamat
pengiriman 2. Jika alamat sudah diisi, proses belanja
akan valid
56. No. Proses
5.5 Nama
Penyimpanan Pesanan Source
Pelanggan, database pesanan, database detail pemesanan
Input Data produk, data pengiriman
Output Info pesanan
Destination Pelanggan, mail server
Logika Proses 1. Jika pelanggan selesai proses pesanan,
data akan disimpan
2. Data Pesanan akan dikirim ke email pelanggan
57. No. Proses
5.6 Nama
Pembayaran Source
Pelanggan, database konfirmasi pembayaran
Input Data konfirmasi pembayaran
Output Info konfirmasi pembayaran
Destination Pelanggan, Operator
Logika Proses 1. Pelanggan konfirmasi pembayaran
dengan mengisi form di sistem
2. Data konfirmasi akan tersimpan, dan diproses oleh
Operator No. Proses
5.7 58.
Nama Ubah Status Pesanan
Source Operator
Input Data status pesanan
Output Info status pesanan
Destination Operator, Email
Logika Proses 1. Operator memproses data pesanan
2. Data status pesanan akan dikirm ke email pelanggan
59. No.proses
6 Nama proses
Pembuatan laporan Deskripsi
Pembuatan laporan penjualan, produk Source
Admin Input
Data order, produk Output
Info atau cetak laporan order dan produk Destination
Admin Logika proses
1. Admin memilih menu laporan. 2. Sistem menampilkan data laporan
yang akan dicetak. 60.
No.proses 6.1
Nama proses Pembuatan laporan produk
Deskipsi Mencari data laporan produk
Source Operator barang
Input Data produk dan order
Output Informasi data produk dan order yang
akan dicetak Destination
Operator barang Logika proses
1. Operator barang memilih menu laporan data produk.
2. Kemudian operator barang memilih data laporan data produk yang akan
dibuat. 2. Sistem menampilkan data laporan
yang dipilih oleh operator barang. 61.
No.proses 6.2
Nama proses Pembuatan laporan penjualan
Deskripsi Mencari data laporan penjualan
Source Admin
Input Data penjualan
Output Data penjualan
3.4.4 K
am us
Dat a
U ntu
k me
njel ask
an sem
ua dat
a yang digunakan dalam sistem, digunakan kamus data. Kamus data untuk sistem ini diuraikan dalam tabel berikut :
Tabel 3. 4 Kamus data
Destination Admin
Logika proses 1. Admin memilih menu laporan data
penjualan. 2. Kemudian Admin memilih data
laporan penjualan yang akan dibuat. 2. Sistem menampilkan data laporan
penjualan yang dipilih oleh Admin 62.
No.proses 6.3
Nama proses Cetak laporan
Deskripsi Mencetak laporan
Source Admin
Input Data produk dan order
Output Informasi data produk dan order yang
akan dicetak Destination
Admin Logika proses
1. Admin memilih menu laporan. 2. Kemudian
admin memilih
data laporan yang akan dibuat.
3. Sistem menampilkan data laporan yang akan dicetak oleh admin.
63. No.proses
7 Nama proses
Pencarian Deskripsi
Mencari data produk Source
Pengunjung atau Member Input
Data Produk Output
Data Produk yang dicari Destination
Pengunjung atau Member Logika proses
Pengunjung atau member mencari data produk
No Detail Keterangan
1 Nama
Data login Deskripsi
Berisi data user yang digunakan untuk proses login
Struktur data Username dan password
Username Password
{0..9|a..z|A..Z} {0..9|a..z|A..Z}
2 Nama
Data members Deskripsi
Berisi data member Struktur data
Id_member + password + nama_lengkap + alamat+ jk + email + no_telp +
id_kab_kota + id_provinsi + kode_pos + status + kode_aktifasi
Id_member password
nama_lengkap level
alamat jk
email no_telp
id_kab_kota id_provinsi
kode_pos status
kode_aktifasi {0..9}
{0..9|a..z|A..Z} {a..z|A..Z}
{a..z|A..Z} {0..9|a..z|A..Z}
{PW} {0..9|a..z|A..Z|_-.}
{0..9} {0..9}
{0..9} {0..9}
{YN} {0..9|a..z|A..Z}
3 Nama
Data kategori Deskripsi
Data yang berisi tentang kategori produk Struktur data
Id_kategori + nama_kategori + parent_id + kategori _seo
Id_kategori Nama_kategori
Parent_id Kategori_seo
{0..9} {0..9|a..z|A..Z}
{0..9} {0..9}
4 Nama
cart_temp Deskripsi
data yang berisi data pemesanan sementara Struktur data
Id_cart_temp + id_produk + username + jumlah + id_member + id_produk_detail +
id_produk_opsi +
tgl_cart_temp +
jam_cart_temp + id_session Id_cart_temp
Id_produk Jumlah
Id_produk_detail {0..9}
{0..9} {0..9|a..z|A..Z}
{0..9}
Id_member Id_produk_opsi
Tgl_cart_temp Jam_cart_temp
Stok_temp Id_session
{0..9} {0..9}
{0..9} {date}
{time} {0..9}
5 Nama
Data order Deskripsi
Data yang berisi pesanan Struktur data
Id_order + jasa_kirim + jenis_kirim + no_transaksi
+ username
+ nama_kustomer + alamat + telepon +
email + status_order + status_bayar + status_pengiriman + kode_pos + tanggal _
order + tgl_bayar + tgl_batal + tot_order + dibayar + jam_order + id_prov + id_kota +
no_resi + jns_bayar
Id_order Id_jns_Jasa_kirim
Nama_lengkap Alamat
Telepon Status_order
Ststus_bayar Status_pengiriman
Kode_pos Tgl_order
Tgl_dikirim Tgl_di terima
Jam_order Id_kab_kota
Id_provinsi No_resi
Id_member Total_ongkir
Grand_total Tgl_jatuh_tempo
Setatus_retur No_resi_retur_member
No_resi_retur_toko {0..9}
{a..z|A..Z} {a..z|A..Z}
{0..9|a..z|A..Z} {0..9}
{a..z|A..Z} {a..z|A..Z}
{a..z|A..Z} {0..9}
{0..9} {0..9}
{0..9} {0..9}
{0..9} {0..9}
{0..9} {0..9|a..z|A..Z}
{0..9} {0..9}
{0..9} {0..9}
{0..9} {0..9}
6 Nama
Data order detail Deskripsi
Data yang berisi order detail
Struktur data Id_orders + id_produk + jumlah + total +
+ + id_produk_detail Id_orders_detail
Id_produk Jumlah
Id_produk_detail {0..9}
{0..9} {0..9}
{0..9}
7 Nama
Data pembayaran Deskripsi
Data yang berisi keterangan shoutbox Struktur data
Id_pembayaran + id_order + id_bank + no_trans_rek + atas_nama + Jnis bayar +
bayar_Rp + bayar_tgl + bayar_dolar
Id_pembayaran Id_order
Id_bank No_trans_rek
Atas_nama Jnis bayar
Bayar_RP Bayar_tgl
Bayar_dolar {0..9|a..z|A..Z}
{0..9|a..z|A..Z} {0..9|a..z|A..Z}
{0..9|a..z|A..Z} {a..z}
{date} {date}
{0..9|a..z|A..Z} {date}
8 Nama
Data produk Deskripsi
Data yang berisi produk Struktur data
Id_produk + id_kategori + nama_produk + + produk_seo + deskripsi + harga + berat
+ tgl_masuk + gambar + jml_dibeli + jlm_dilihat + id_kategori + id_ukuran +
reting + votes
Id_produk Id_kategori
Nama_produk Produk_seo
Deskripsi Harga
Berat Tanggal_masuk
Gambar Jml_Dibeli
Jml_dilihat Id_kategori
Id_ukuran Reting
votes {0..9|a..z|A..Z }
{0..9} {a..z|A..Z}
{a..z|A..Z} {a..z|A..Z}
{0..9} {0..9}
{date} {0..9|a..z|A..Z}
{0..9} {0..9}
{0..9} {0..9}
{0..9} {0..9}
9 Nama
Data kota Deskripsi
Berisi data kota Struktur data
Id_kota + id_prov + nama_kota + kabkota Id_kota
Id_prov Nama_kota
Kabkota {0..9}
{0..9} {a..z|A..Z}
{a..z|A..Z}
10 Nama
Data provinsi Deskropsi
Berisi data provinsi Struktur data
Id_prov + nama_prov Id_provinsi
Nama_kota {0..9}
{a..z|A..Z}
12 Nama
Ukuran Deskripsi
Berisi data Ukuran produk Struktur data
Id_ukuran + nama_ukuran Id_ukuran
nama_ukuran {0..9}
{0..9|a..z|A..Z}
13 Nama
Detail Produk Deskripsi
Berisi data produk yang memiliki opsi Struktur data
Id_detail_produk + id_produk + ukuran + stok
Id_detail_produk Id_produk
ukuran Stok
{0..9} {0..9}
{0..9} {0..9}
14 Nama
Data user Deskripsi
Berisi data admin dan petugas operator Struktur data
Id_user + username + password + nama_lengkap + email + no_telp + level +
blokir + id_sesion
Id_user Username
Password Nama_lengkap
Email No_telp
Level {0..9}
{0..9|a..z|A..Z} {0..9|a..z|A..Z}
{0..9|a..z|A..Z} {0..9|a..z|A..Z|_-.}
{0..9|a..z|A..Z} {0..9|a..z|A..Z}
Blokir Id_sesion
{0..9|a..z|A..Z} {0..9|a..z|A..Z}
15 Nama
Data ongkoskirim Deskripsi
Berisi data ongkos kirim berdasarkan kota tujuan
Struktur data id_ongkos + id_kota + ongkos_kirim
Id_ongkos Id_kota
Ongkos_kirim {0..9}
{0..9} {0..9}
16 Nama Data jenis_jasa_pengiriman
Deskripsi Berisi pilihan nama paket jenis pengiriman
Struktur data Id_jenisjasapengiriman+Id_jasapengirima
n+nama_jenispengiriman+deskripsi_jenisp engiriman
Id_jenisjasapengiriman Id_jasapengiriman
nama_jenispengiriman deskripsi_jenispengiriman
{0..9} {0..9}
{0..9|a..z|A..Z} {0..9|a..z|A..Z}
17 Nama Data jasa_ pengiriman
Deskripsi Berisi pilihan nama paket jenis pengiriman
Struktur data Id_jasapengiriman+Id_jasapengiriman+
nama_jenispengiriman+ deskripsi_jenispengiriman
Id_jasapengiriman Id_jasajasapengiriman
nama_jnis deskripsi_jenispengiriman
{0..9} {0..9}
{0..9|a..z|A..Z} {0..9|a..z|A..Z}
18 Nama Data retur
Deskripsi Data retur produk
Struktur data Id_retur+Id_order+
Id_produk_detail+ alasan+Jumlah+tgl_retur
Id_retur Id_order
Id_produk_detail Alasan
Jumlah Tgl_retur
{0..9} {0..9}
{0..9|a..z|A..Z} {a..z|A..Z}
{0..9} {0..9}
19 Nama
Data profil prusahaan
3.4.5 Perancangan Basis Data
Perancangan data atau lebih dikenal dengan perancangan basis data yaitu menciptakan atau merancang data yang terhubung dan disimpan secara bersama-
sama. Untuk menggambarkannya digunakanlah skema relasi dan perancangan struktur tabel. Dari dua hasil tersebut, implementasi basis data akan bisa dikerjakan.
3.4.6 Skema Relasi
Model data relasional merupakan model data di mana hubungan antar data, arti data dan batasannya dijelaskan dengan baris dan kolom. Secara formal, ke semuanya
itu digambarkan ke dalam skema relasi dan diagram skema. Adapun skema relasi yang terdapat dalam aplikasi e-commerce adalah sebagai berikut:
Deskripsi Data mengenai profil prusahaan
Struktur data Nama_prusahaan + deskripsi + alamat +
no_tlp + email + web + log Nama _prusahaan
Deskripsi Alamat
No_tlp Email
Web logo
{0..9|a..z|A..Z} {0..9|a..z|A..Z}
{0..9|a..z|A..Z} {0..9}
{0..9|a..z|A..Z|_-.} {0..9|a..z|A..Z|_-.}
{0..9|a..z|A..Z}
20 Nama
Data merk Deskripsi
Data yang berisi merk Struktur data
Id_merk+nama_merk Id_merk
Nama_merk {0..9}
{a..z|A..Z}
user
PK id_user
username password
nama_lengkap email
no_telp level
status kode_aktifasi
FK1 id_kota
ukuran
PK id_ukuran
nama_ukuran FK1
id_produk members
PK id_member
username password
nama_lengkap alamat
jk email
no_telp kode_pos
status kode_aktifasi
FK1 id_kota
FK2 id_provinsi
kota
PK id_kota
kota FK1
id_provinsi provinsi
PK id_provinsi
provinsi
jasa_pengiriman
PK id_jasa_pengiriman
nama_jasa_pengiriman url
logo jns_jasa_pengiriman
PK id_jns_jasa_pengiriman
jenis_pengiriman FK1
id_jasa_pengiriman ongkir
PK id_ongkir
ongkos FK1
id_jns_jasa_pengiriman FK2
id_kota orders
PK id_order
nama_lengkap alamat
no_telp kode_pos
total_ongkir grand_total
tgl_order tgl_jth_tempo
no_resi cara_pembayaran
status_order status_pengiriman
status_bayar tgl_kirim
tgl_diterima jam_order
FK1 id_member
FK2 id_kota
FK3 id_produk
FK4 id_pembayaran
produk_detail
PK id_produk_detail
stok FK1
id_produk merk
PK id_merk
nama_merk FK1
id_produk kategori
PK id_kategori
nama_kategori k_seo
gambar
PK id_gambar
gambar FK1
id_produk produk
PK id_produk
nama_produk p_seo
deskripsi harga
berat tgl_masuk
gambar_utama ratings
FK1 id_kategori
retur
PK id_retur
tgl_retur jumlah
status_retur no_resi_retur
FK1 id_orders_detail
detail_retur
PK id_detail_retur
jenis_kerusakan FK1
id_retur
pembayaran
PK id_pembayaran
no_trans_rek tgl_bayar
jenis_bayar FK1
id_bank bank
PK id_bank
nama_bank no_rek
orders_detail
PK id_orders_detail
jumlah FK1
id_order
Gambar 3. 27 Skema Relasi
3.4.7 Struktur Tabel
Rincian mengenai struktur tabel yang digunakan adalah sebagai berikut :
Tabel 3. 5 Tabel Members
Field Type
Keterangan Id_member
Int 11 Primery key
Password Varchar 30
Password member Nama_lengkap
Varchar 55 Nama lengkap member
Alamat Text
Alamat email member Jk
Int2 Jenis kelamin member
Email Varchar 35
Email member No_telp
Varchar 15 No telepon member
Id_ Kota smallint 3
Forigen key, References „kan_kota‟, id_ kota
Id_Provinsi smallint 3
Forigen key, References „provinsi, id_privinsi
Kode_pos int 5
Kode pos member Status
Int 2 Status member
Kode_aktifasi Varchar 100
Id yang digunakan untuk mencegah perubahan password
oleh pihak yang tidak bertanggung jawab
Tabel 3. 6 User
Field Type
Keterangan Id_user
Int 11 Primary key
Username Varchar 25
Username admin Password
Varchar 20 Password admin
Nama_lengkap Varchar 50
Nama lengkap admin Email
Varchar 30 Alamat email admins
No_telp Int 15
No telepon member Level
Int 2 Level user
Status Int 2
Status user Id_ Kota
smallint 3 Forigen key, References
„kan_kota‟, id_ kota
Id_Provinsi smallint 3
Forigen key, References „provinsi, id_privinsi
Kode_aktifasi text
Id yang digunakan untuk mencegah perubahan password
oleh pihak yang tidak bertanggung jawab
Tabel 3. 7 Produk
Field Type
Keterangan Id_produk
Int 11 Primary key
Id_kategori Int 11
Forigen key, References „kategori‟, id_kategori
Nama_produk Varchar 35
Nama produk Id_ukuran
Int 11 Forigen key, References
„ukuran;, id_ukuran
Id_merk Int 11
Foreign key, Refereces „merk;,id_merk
Produk_seo Varchar 40
- Deskripsi
Text Keterangan produk
Harga Int 20
Harga produk Berat
Decimal 5,2 Berat produk
Tgl_masuk date
Tanggal masuk produk Gambar
text Gambar produk
Jml_Dibeli Int 11
Produk yang terlaris dibeli Jum_dilihat
Int 11 Produk yang banyak dilihat
Reting Int11
Produk yang banyak di pilih Votes
Int11 Produk yang banyak di pilih
Tabel 3. 8 Detail Produk
Field Type
Keterangan Id_detailproduk
Int 11 Primary key
Id_produk Int 11
Forigen key, References „produk‟, id_produk
ukuran Varchar 15
Produk yang memiliki opsi
stok Int 5
Stok produk
Tabel 3. 9 Kategori
Field Type
Keterangan Id_produk
Int 11 Primary key
Parent_id Int 11
- nama_kategori
Varchar 35 Produk yang memiliki opsi
K_seo Varchar 40
Kategori ptoduk
Tabel 3. 10 Orders
Field Type
Keterangan Id_order
Int 11 Primary key
Id_member Int 11
Forigen key, References „produk‟, id_produk
Id_Jenis_jasa_kirim Int 11 Forigen key, References
„jnis_jas_kirim, id_jnis_jas_kirim
Total_ongkir int 20
Total ongkos kirim Nama_lengkap
Varchar 35 Nama pemesan
alamat Text
Alamat pemesan Telepon
Int 15 No telepon pemesan
Grand_total Int 20
Harga total
Status_order Int 1
Status order Status_bayar
Int 1 Status bayar
Status_pengiriman Int 1
Status pengiriman barang Kode_pos
Int 5 Kode pos pemesan
Tgl_order Date
Tanggal pemesanan Tgl_dikirim
Date Tanggal dibayar
Tgl_diterima Date
Tanggal pembatalan pesanan Tgl_jth_tempo
Date Tanggal jatuh tempo
Status_retur Int 1
Status retur No_res_ret_membr
Int 30 No resi retur member
Id_kab_Kota smallint 3
Forigen key, References „kan_kota‟, id_kab_kota
Id_Provinsi smallint 3
Forigen key, References „provinsi, id_privinsi
No_res_ret_toko Int 30
No resi retur toko
Tabel 3. 11 order detail
Field Type
Keterangan Id_orders
Int 11 Primery key
Id_produk Int 11
Forigen key, References „produk‟, id_produk
jumlah Int 11
Jumlah produk yang dipesan Id_produk_detail Int 11
Forigen key, References „produk_detail,
id_produk_detail
Tabel 3. 12 Provinsi
Field Type
Keterangan Id_prov
smallint 3 Primary key
provinsi Varchar 100
Nama provinsi
Tabel 3. 13 Kota
Field Type
Keterangan Id _kota
Smallint 3 Forigen key, References
„kan_kota‟, id_kota
id_provinsi Smallint 3
Forigen key, References „provinsi‟, id_provinsi
Kota Varchar 100
Nama kota
Tabel 3. 14 Bank
Field Type
Keterangan Id_bank
Int 11 Primary key
Nama_bank Varchar 20
Nama bank Atas_nama
Varchar 35 Email member
logo Text
Judul pesan url
Varchar 100 Isi pesan
No_rek Int 35
Tanggal pesan dipostingkan
Tabel 3. 15 Retur
Field Type
Keterangan Id_retur
Int 11 Primary key
Id_order int 11
Forigen key, References „order‟, id_order
Id_produk_detail int 11 Forigen key, References
„produk_detail‟, id_produk_detail
Alasan text
Alasan krusakan jumlah
int 11 Jumlah produk
Tgl_retur Date
Tgl retur Status_retur
int 4
Tabel 3. 16 Detail Retur
Field Type
Keterangan Id_Detail_retur
Int 11 Primary key
Id_order_detail int 11
Forigen key, References „order_detail‟,
id_order_detail
Id_retur int 11
Forigen key, References „retur‟, id_retur
Tabel 3. 17 jenis kerusakan
Field Type
Keterangan Id_Jenis_kerusakan Int 11
Primary key Id_Detail_retur
int 11 Forigen key, References „detail
retur‟, id_detail_retur Jenis_kerusakan
Date 15 Jenis kerusakan
Id_retur int 11
Forigen key, References „produk_detail‟,
id_produk_detail
Tabel 3. 18 Ongkos Jasa Pengiriman
Field Type
Keterangan Id_ong_jas_pngiriman
Int 11 Primary key
Id_kab_kota Smallint 3
Forigen key, References „kan_kota‟, id_kab_kota
Ongkos Int20
Jumlah ongkos kirim Id_jnis_jasa_pengiriman Int 11
Forigen key, References „jnis_jas_pengiriman‟,
id_jnis_jas_pengiriman
Tabel 3. 19 Pembayaran
Field Type
Keterangan Id_pembayaran
Int 11 primary key
Id_order Int 11
Forigen key, References „order‟, id_order
No_tans_rek varchar 20
No transaksi Atas_nama
varchar 20 Atas nama
Jnis_bayar varchar 20
Jenis pembayaran Bayar_rp
Int20 Bayar rupiah
Tgl_bayar date
Tanggal bayar Bayar_dolar
Int11 Bayar dengan dolar
Id _bank Int11
Forigen key, References „bank, id_bank
Tabel 3. 20 Ukuran
Nama field Tipe data
Ukuran Keterangan
id_ukuran Int11
11 Primary key
Nama_Ukuran Varchar 35
10 Nama ukuran
Tabel 3. 21 Jasa Pengiriman
Nama field Tipe data
Ukuran Keterangan
Id_Jasapengirirman Int11
11 Primary key
Nama_jasapengiriman Integer 30
11 Foreign Key, reference table
jasapengiriman id_ jasapengiriman
url Varchar
50 50
Nama jenis pengiriman logo
text 11
Lambing jasa kirim
Tabel 3. 22 jnis Jasa Pengiriman
Nama field Tipe data
Ukuran Keterangan
Id_jns_jas_pengiriman Int 11
11 Primary key
Id_jas_pengiriman Int 11
11 Forigen key, References
„jas_pengiriman, id_jas_pengiriman
Jnis_paket Varchar25
500 Menentukan jenis paket
Tabel 3. 23 Merk
Nama field Tipe data
Keterangan
Id_merk Int 11
Primary key Nama_merk
Varchar25 Menentukan nama merk
3.5 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.5.1 Perancangan struktur menu
Struktur menu dirancang sesuai dengan level pengguna sistem. Terdapat tiga pengguna aplikasi ini yaitu pengunjung, member, admin, dan operator. Adapun
Struktur menunya adalah sebagai berikut: 1. Perancangan struktur menu pengunjung
Menu Utama
Daftar Kontak
Kami Kategori
Tentang Kami
Cara Pengiriman
Cara pembayaran
Cara pemesanan
Cara Retur
View Tambah
Paket
Gambar 3. 28 Struktur Menu Pengunjung
2. Perancangan struktur menu member
Login Member
Beranda Kontak
kami Petunjuk
Keranjang belanja
History
History pesanan
Retur
History retur
Lupa pasword Profil
logout Ganti
password produk
Gambar 3. 29 Struktur Menu Member
3. Perancangan Struktur Menu admin
Login operator
home Restore
database Kategori
produk ukuran
Produk retur
Pemesanan di terima
Pemesanan di kirim
Pemesanan lunas
member Laporan
penjualan Laporan
produk Data bank
Jenis kirim Backup
database Kota
provinsi merk
Jenis kerusakan
Pemesanan dibayar
Pemesanan baru
Ongkos kirim
lihat hapus
edit tambah
Lupa pasword
Bank Paypal
Logout Ganti
password
Gambar 3. 30 Struktur Menu Admin
4. Perancangan Struktur Menu pemilik
Menu Utama
Login Lupa password
logout Lupa password
Laporan produk Laporan
penjualan Home
Gambar 3. 31 Struktur Menu pemilik
5. Perancangan Struktur Menu operator gudang
Menu Utama
Login Lupa password
logout Lupa password
produk Laporan produk
Home
Gambar 3. 32 Struktur Menu Operator gudang
3.5.2 Perancangan Antar Muka
Interface atau antarmuka merupakan tampilan dari suau program aplikasi yang berperan sebagai media komunikasi yang digunakan sebagai sarana berdialog
antara program dengan user. Sistem yang akan dibangun diharapkan menyediakan interface yang mudah dipahami dan digunakan oleh user.
Perancangan interface untuk aplikasi E-commerce di Toko Green Fashion adalah sebagai berikut :
3.5.2.1 Perancangan Antarmuka Pengunjung
1. Perancangan antarmuka halaman beranda
Green Fashion
BERANDA KONTAK KAMI
LOGIN DAFTAR
KATEGORI
NAMA KATEGORI PETUNJUK
NAMA KATEGORI CARI PRODUK
CARI
PRODUK TERBARU
PRODUK TERLARIS
PRODUK POPULER
Gambar Lihat detail
Gambar Lihat detail
Gambar Lihat detail
Gambar Lihat detail
Footer
P01
· Klik kontak kami
untuk menuju P02 ·
Klik login untuk menuju P11
· Klik daftar untuk
menuju P03 ·
Klik produk untuk menuju P04
· Klik cari untuk
menuju P05 ·
Klik gambar liat detail untuk menuju P04
· Klik retur untuk
menuju P06 ·
Klik kontak kami untuk menuju P07
· Klik petunjuk untuk
menuju P08
Gambar Lihat detail
Gambar Lihat detail
Gambar Lihat detail
Gambar Lihat detail
Gambar Lihat detail
Gambar Lihat detail
Gambar Lihat detail
Gambar 3. 33 Antarmuka Halaman Beranda
2. Perancangan antarmuka halaman kontak kami
Green Fashion
BERANDA KONTAK KAMI
LOGIN DAFTAR
KATEGORI
NAMA KATEGORI PETUNJUK
NAMA KATEGORI CARI PRODUK
CARI
PRODUK TERLARIS
PRODUK POPULER
Gambar Lihat detail
Footer
P02
Gambar Lihat detail
KOTAK KAMI
KOLOM YANG WAJIB DIISI Nama Lengkap
No tlp Email
Pesan anda reset
kirim ·
Klik kontak kami untuk menuju P02
· Klik login untuk
menuju P11 ·
Klik daftar untuk menuju P03
· Klik produk untuk
menuju P04 ·
Klik cari untuk menuju P05
· Klik gambar liat detail
untuk menuju P04 ·
Klik retur untuk menuju P06
· Klik kontak kami
untuk menuju P07 ·
Klik petunjuk untuk menuju P08
Gambar 3. 34 Antarmuka Halaman Kontak Kami
3. Perancangan antarmuka halaman daftar
Green Fashion
BERANDA KONTAK KAMI
LOGIN DAFTAR
KATEGORI
NAMA KATEGORI PETUNJUK
NAMA KATEGORI CARI PRODUK
CARI
PRODUK TERLARIS
PRODUK POPULER
Gambar Lihat detail
Footer Gambar
Lihat detail
P03
PENDAFTARAN
Silakan lengkapi formulir di bawah ini untuk menjadi member Greenfashion.com. Email
Nama lengkap Password
Konfirmasi password
Alamat
No. telepon Jenis klamin
Password harus lebih 5 karakter
Laki-laki Perempuan
Kode pos Provinsi
v Kabupatenkota
v
Daftar Batal
Kolom yang wajib diisi ·
Klik kontak kami untuk menuju P02
· Klik login untuk
menuju P11 ·
Klik daftar untuk menuju P03
· Klik produk untuk
menuju P04 ·
Klik cari untuk menuju P05
· Klik gambar liat detail
untuk menuju P04 ·
Klik retur untuk menuju P06
· Klik kontak kami
untuk menuju P07 ·
Klik petunjuk untuk menuju P08
Gambar 3. 35 Antarmuka Halaman Daftar
4. Pe rancangan antarmuka halaman produk
Green Fashion
BERANDA KONTAK KAMI
LOGIN DAFTAR
KATEGORI
NAMA KATEGORI PETUNJUK
NAMA KATEGORI CARI PRODUK
CARI
PRODUK TERLARIS
PRODUK POPULER
Gambar Lihat detail
Gambar Lihat detail
Gambar Lihat detail
Gambar Lihat detail
Footer
P04
Gambar Lihat detail
Gambar Lihat detail
Gambar Lihat detail
Gambar Lihat detail
Gambar Lihat detail
Gambar Lihat detail
Gambar Lihat detail
NAMA KATEGORI ·
Klik kontak kami untuk menuju P02
· Klik login untuk
menuju P11 ·
Klik daftar untuk menuju P03
· Klik produk untuk
menuju P04 ·
Klik cari untuk menuju P05
· Klik gambar liat detail
untuk menuju P04 ·
Klik retur untuk menuju P06
· Klik kontak kami
untuk menuju P07 ·
Klik petunjuk untuk menuju P08
Gambar 3. 36 Antarmuka Halaman Produk
5. Perancangan antarmuka halaman cari produk
Green Fashion
BERANDA KONTAK KAMI
LOGIN DAFTAR
KATEGORI
NAMA KATEGORI PETUNJUK
NAMA KATEGORI CARI PRODUK
CARI
PRODUK TERLARIS
PRODUK POPULER
Gambar Lihat detail
Footer Gambar
Lihat detail Gambar
Lihat detail Gambar
Lihat detail
Gambar Lihat detail
PENCARIAN
KATEGORI PENCARIAN Kata Pencarian
v
CARI HASIL PENCARIAN
P05
· Klik kontak kami
untuk menuju P02 ·
Klik login untuk menuju P11
· Klik daftar untuk
menuju P03 ·
Klik produk untuk menuju P04
· Klik cari untuk
menuju P05 ·
Klik gambar liat detail untuk menuju P04
· Klik retur untuk
menuju P06 ·
Klik kontak kami untuk menuju P07
· Klik petunjuk untuk
menuju P08
Gambar 3. 37 Antarmuka Halaman Cari Produk
6. Perancangan antarmuka detail produk
Green Fashion
BERANDA KONTAK KAMI
LOGIN DAFTAR
KATEGORI
NAMA KATEGORI PETUNJUK
NAMA KATEGORI CARI PRODUK
CARI
PRODUK TERLARIS
PRODUK POPULER
Gambar Lihat detail
Footer Gambar
Lihat detail
P12
Nama produk
Pesan Stok
Deskripsi
Produk terkait
Gambar Lihat detail
Ukuran Harga
Berat Diskon
Rating
Ukuran QTY
Pesan Produk
Gambar Lihat detail
Gambar Lihat detail
Gambar Lihat detail
· Klik kontak kami
untuk menuju P02 ·
Klik login untuk menuju P11
· Klik daftar untuk
menuju P03 ·
Klik produk untuk menuju P04
· Klik cari untuk
menuju P05 ·
Klik gambar liat detail untuk menuju P04
· Klik retur untuk
menuju P06 ·
Klik kontak kami untuk menuju P07
· Klik petunjuk untuk
menuju P08
Gambar 3. 38 Antarmuka Halaman Detail Produk
3.5.2.2 Perancangan Antarmuka Member
1. Perancangan antarmuka halaman beranda
Green Fashion
BERANDA KONTAK KAMI
KATEGORI
NAMA KATEGORI PETUNJUK
NAMA KATEGORI CARI PRODUK
CARI
PRODUK TERLARIS
PRODUK POPULER
Footer NO SERI JNE
SUBMIT NO SERI POS
SUBMIT Tracking Pengiriman
Gambar Lihat detail
M01
Gambar Lihat detail
Gambar Lihat detail
Gambar Lihat detail
Logout HI, member
MENU MEMBER ·
Klik kontak kami untuk menuju M02
· Klik prodak untuk
menuju M04 ·
Klik cari untuk menuju M05
· Klik gambar liat detail
untuk menuju M11 ·
Klik retur untuk menuju M03
· Klik tentang kami
untuk menuju M13 ·
Klik cara penjualan untuk menuju M14
· Klik profil untuk
menuju M06 ·
Klik histori untuk menuju M09
· Klik retur untuk
menuju M10 ·
Klik kranjang blanja untuk menuju M12
PRODUK TERBARU
Gambar Lihat detail
Gambar Lihat detail
Gambar Lihat detail
Gambar Lihat detail
SHOPPING CART
RP,- BARANG
Gambar 3. 39 Antarmuka Halaman Beranda
2. Perancangan antarmuka halaman kontak kami
Green Fashion
BERANDA KONTAK KAMI
KATEGORI
NAMA KATEGORI PETUNJUK
NAMA KATEGORI CARI PRODUK
CARI
Footer NO SERI JNE
SUBMIT NO SERI POS
SUBMIT Tracking Pengiriman
M02
Logout HI, member
MENU MEMBER
KOTAK KAMI
KOLOM YANG WAJIB DIISI Nama Lengkap
No tlp Email
Pesan anda reset
kirim ·
Klik kontak kami untuk menuju M02
· Klik prodak untuk
menuju M04 ·
Klik cari untuk menuju M05
· Klik gambar liat detail
untuk menuju M11 ·
Klik retur untuk menuju M03
· Klik tentang kami
untuk menuju M13 ·
Klik cara penjualan untuk menuju M14
· Klik profil untuk
menuju M06 ·
Klik histori untuk menuju M09
· Klik retur untuk
menuju M10 ·
Klik kranjang blanja untuk menuju M12
PRODUK TERLARIS
PRODUK POPULER
Gambar Lihat detail
Gambar Lihat detail
SHOPPING CART
RP,- BARANG
Gambar 3. 40 Antarmuka Halaman Kontak Kami
3. Perancangan antarmuka halaman produk
Green Fashion
BERANDA KONTAK KAMI
KATEGORI
NAMA KATEGORI PETUNJUK
NAMA KATEGORI CARI PRODUK
CARI
Footer NO SERI JNE
SUBMIT NO SERI POS
SUBMIT Tracking Pengiriman
M04
Logout HI, member
MENU MEMBER
Gambar Lihat detail
Gambar Lihat detail
Gambar Lihat detail
Gambar Lihat detail
Gambar Lihat detail
Gambar Lihat detail
Gambar Lihat detail
Gambar Lihat detail
Gambar Lihat detail
NAMA KATEGORI ·
Klik kontak kami untuk menuju M02
· Klik prodak untuk
menuju M04 ·
Klik cari untuk menuju M05
· Klik gambar liat detail
untuk menuju M11 ·
Klik retur untuk menuju M03
· Klik tentang kami
untuk menuju M13 ·
Klik cara penjualan untuk menuju M14
· Klik profil untuk
menuju M06 ·
Klik histori untuk menuju M09
· Klik retur untuk
menuju M10 ·
Klik kranjang blanja untuk menuju M12
PRODUK TERLARIS
PRODUK POPULER
Gambar Lihat detail
Gambar Lihat detail
SHOPPING CART
RP,- BARANG
Gambar 3. 41 Antarmuka Halaman Produk
4. Perancangan antarmuka halaman detail produk
Green Fashion
BERANDA KONTAK KAMI
KATEGORI
NAMA KATEGORI PETUNJUK
NAMA KATEGORI CARI PRODUK
CARI
Footer NO SERI JNE
SUBMIT NO SERI POS
SUBMIT Tracking Pengiriman
M11
Logout HI, member
MENU MEMBER
Nama produk
Pesan Stok
Deskripsi
Produk terkait
Gambar Lihat detail
Ukuran Harga
Berat Diskon
Rating
Ukuran QTY
Pesan Produk
Gambar Lihat detail
Gambar Lihat detail
Gambar Lihat detail
PRODUK TERLARIS
PRODUK POPULER
Gambar Lihat detail
Gambar Lihat detail
SHOPPING CART
RP,- BARANG
· Klik kontak kami
untuk menuju M02 ·
Klik prodak untuk menuju M04
· Klik cari untuk
menuju M05 ·
Klik gambar liat detail untuk menuju M11
· Klik retur untuk
menuju M03 ·
Klik tentang kami untuk menuju M13
· Klik cara penjualan
untuk menuju M14 ·
Klik profil untuk menuju M06
· Klik histori untuk
menuju M09 ·
Klik retur untuk menuju M10
· Klik kranjang blanja
untuk menuju M12
Gambar 3. 42 Antarmuka Halaman Detail Produk
5. Perancangan antarmuka halaman keranjang belanja
Green Fashion
BERANDA KONTAK KAMI
KATEGORI
NAMA KATEGORI PETUNJUK
NAMA KATEGORI CARI PRODUK
CARI
Footer NO SERI JNE
SUBMIT NO SERI POS
SUBMIT Tracking Pengiriman
M12
Logout HI, member
MENU MEMBER
Shoping Cart
Hapus Gambar
QTY Harga
Total Sub total
Hapus
Kembali belanja lanjutkan
Nama Update
· Klik kontak kami
untuk menuju M02 ·
Klik prodak untuk menuju M04
· Klik cari untuk
menuju M05 ·
Klik gambar liat detail untuk menuju M11
· Klik retur untuk
menuju M03 ·
Klik tentang kami untuk menuju M13
· Klik cara penjualan
untuk menuju M14 ·
Klik profil untuk menuju M06
· Klik histori untuk
menuju M09 ·
Klik retur untuk menuju M10
· Klik kranjang blanja
untuk menuju M12
PRODUK TERLARIS
PRODUK POPULER
Gambar Lihat detail
Gambar Lihat detail
SHOPPING CART
RP,- BARANG
Gambar 3. 43 Antarmuka Halaman Keranjang Blanja
6. Perancangan antar muka halaman cari produk
Green Fashion
BERANDA KONTAK KAMI
KATEGORI
NAMA KATEGORI PETUNJUK
NAMA KATEGORI CARI PRODUK
CARI
Footer NO SERI JNE
SUBMIT NO SERI POS
SUBMIT Tracking Pengiriman
M05
Logout HI, member
MENU MEMBER
Gambar Lihat detail
Gambar Lihat detail
Gambar Lihat detail
PENCARIAN
KATEGORI PENCARIAN Kata Pencarian
v
CARI HASIL PENCARIAN
PRODUK TERLARIS
PRODUK POPULER
Gambar Lihat detail
Gambar Lihat detail
SHOPPING CART
RP,- BARANG
· Klik kontak kami
untuk menuju M02 ·
Klik prodak untuk menuju M04
· Klik cari untuk
menuju M05 ·
Klik gambar liat detail untuk menuju M11
· Klik retur untuk
menuju M03 ·
Klik tentang kami untuk menuju M13
· Klik cara penjualan
untuk menuju M14 ·
Klik profil untuk menuju M06
· Klik histori untuk
menuju M09 ·
Klik retur untuk menuju M10
· Klik kranjang blanja
untuk menuju M12
Gambar 3. 44 Antarmuka Halaman Informasi Cari Produk
7. Perancangan antarmuka halaman profil
Green Fashion
BERANDA KONTAK KAMI
KATEGORI
NAMA KATEGORI PETUNJUK
NAMA KATEGORI CARI PRODUK
CARI
Footer NO SERI JNE
SUBMIT NO SERI POS
SUBMIT Tracking Pengiriman
M06
Logout HI, member
MENU MEMBER
PROFIL
Data member Data member
Data member Data member
Data member Data member
Data member Data member
Data member Data member
Data member Data member
Edit data
GANTI PASSWORD
Simpan Password Lama
Password baru Konfirmasi Password baru
· Klik kontak kami
untuk menuju M02 ·
Klik prodak untuk menuju M04
· Klik cari untuk
menuju M05 ·
Klik gambar liat detail untuk menuju M11
· Klik retur untuk
menuju M03 ·
Klik tentang kami untuk menuju M13
· Klik cara penjualan
untuk menuju M14 ·
Klik profil untuk menuju M06
· Klik histori untuk
menuju M09 ·
Klik retur untuk menuju M10
· Klik kranjang blanja
untuk menuju M12
PRODUK TERLARIS
PRODUK POPULER
Gambar Lihat detail
Gambar Lihat detail
SHOPPING CART
RP,- BARANG
Gambar 3. 45 Antarmuka Halaman Informasi Profil
8. Perancangan antar muka edit profil member
Green Fashion
BERANDA KONTAK KAMI
KATEGORI
NAMA KATEGORI PETUNJUK
NAMA KATEGORI CARI PRODUK
CARI
Footer NO SERI JNE
SUBMIT NO SERI POS
SUBMIT Tracking Pengiriman
M07
Logout HI, member
MENU MEMBER
EDIT PROFIL
Email Nama lengkap
Alamat
No. telepon Jenis klamin
Laki-laki Perempuan
Kode pos Provinsi
v Kabupatenkota
v
Daftar Batal
Kolom yang wajib diisi
PRODUK TERLARIS
PRODUK POPULER
Gambar Lihat detail
Gambar Lihat detail
SHOPPING CART
RP,- BARANG
· Klik kontak kami
untuk menuju M02 ·
Klik prodak untuk menuju M04
· Klik cari untuk
menuju M05 ·
Klik gambar liat detail untuk menuju M11
· Klik retur untuk
menuju M03 ·
Klik tentang kami untuk menuju M13
· Klik cara penjualan
untuk menuju M14 ·
Klik profil untuk menuju M06
· Klik histori untuk
menuju M09 ·
Klik retur untuk menuju M10
· Klik kranjang blanja
untuk menuju M12
Gambar 3. 46 Antarmuka Halaman informasi Edit Profil
9. Perancangan antarmuka halaman histori
Green Fashion
BERANDA KONTAK KAMI
KATEGORI
NAMA KATEGORI PETUNJUK
NAMA KATEGORI CARI PRODUK
CARI
Footer NO SERI JNE
SUBMIT NO SERI POS
SUBMIT Tracking Pengiriman
M09
Logout HI, member
MENU MEMBER
HISTORY PEMESANAN
NO No
pesanan Tanggal
pemesanan Status
bayar Tgl jatuh
tempo Status
pemesanan Aksi
Status pengiriman
· Klik kontak kami
untuk menuju M02 ·
Klik prodak untuk menuju M04
· Klik cari untuk
menuju M05 ·
Klik gambar liat detail untuk menuju M11
· Klik retur untuk
menuju M03 ·
Klik tentang kami untuk menuju M13
· Klik cara penjualan
untuk menuju M14 ·
Klik profil untuk menuju M06
· Klik histori untuk
menuju M09 ·
Klik retur untuk menuju M10
· Klik kranjang blanja
untuk menuju M12
PRODUK TERLARIS
PRODUK POPULER
Gambar Lihat detail
Gambar Lihat detail
SHOPPING CART
RP,- BARANG
Gambar 3. 47 Antarmuka Halaman Histori
10. Perancangan antarmuka detail pemesanan
Green Fashion
BERANDA KONTAK KAMI
KATEGORI
NAMA KATEGORI PETUNJUK
NAMA KATEGORI CARI PRODUK
CARI
Footer NO SERI JNE
SUBMIT NO SERI POS
SUBMIT Tracking Pengiriman
M15
Logout HI, member
MENU MEMBER
Detail pemasanan
Data pemesanan no
Nama produk Berat
Harga satuan Total
Sub Total Total Berat
Gran total Total ongkos kirim
Alamat PENGIRIMAN Status Pemesanan
Data pesanan Data pesanan
Data pesanan Data pesanan
Data member Data member
Data member Data member
Quantity Diskon
Pembayaran offline Pembayaran online
Data pembayaran Data pembayaran
Data pembayaran Data pembayaran
Data pembayaran Data pembayaran
Data pembayaran Data pembayaran
PRODUK TERLARIS
PRODUK POPULER
Gambar Lihat detail
Gambar Lihat detail
SHOPPING CART
RP,- BARANG
· Klik kontak kami
untuk menuju M02 ·
Klik prodak untuk menuju M04
· Klik cari untuk
menuju M05 ·
Klik gambar liat detail untuk menuju M11
· Klik retur untuk
menuju M03 ·
Klik tentang kami untuk menuju M13
· Klik cara penjualan
untuk menuju M14 ·
Klik profil untuk menuju M06
· Klik histori untuk
menuju M09 ·
Klik retur untuk menuju M10
· Klik kranjang blanja
untuk menuju M12
Gambar 3. 48 Antarmuka Halaman Detail Pemesanan
11. Perancangan antar muka halaman pembayaran
BERANDA KONTAK KAMI
KATEGORI
NAMA KATEGORI PETUNJUK
NAMA KATEGORI CARI PRODUK
CARI
Footer NO SERI JNE
SUBMIT NO SERI POS
SUBMIT Tracking Pengiriman
M17
Logout HI, member
MENU MEMBER
Detail pemasanan
Data pemesanan no
Nama produk Berat
Harga satuan Total
Sub Total Total Berat
Gran total Total ongkos kirim
Alamat PENGIRIMAN Status Pemesanan
Data pesanan Data pesanan
Data pesanan Data pesanan
Data member Data member
Data member Data member
Quantity Diskon
Pembayaran offline Pembayaran online
Paypal Jlh Transfer Pembayaran
Pilih Tujuan Bank Bank pembayar
No. rekening pembayaran Atas nama
Tanggal Pembayaran Konfirmasi
Kembali ·
Klik kontak kami untuk menuju M02
· Klik prodak untuk
menuju M04 ·
Klik cari untuk menuju M05
· Klik gambar liat detail
untuk menuju M11 ·
Klik retur untuk menuju M03
· Klik tentang kami
untuk menuju M13 ·
Klik cara penjualan untuk menuju M14
· Klik profil untuk
menuju M06 ·
Klik histori untuk menuju M09
· Klik retur untuk
menuju M10 ·
Klik kranjang blanja untuk menuju M12
PRODUK TERLARIS
PRODUK POPULER
Gambar Lihat detail
Gambar Lihat detail
SHOPPING CART
RP,- BARANG
Gambar 3. 49 Antarmuka Halaman Pembayaran
12. Perancangan antarmuka halaman retur
Green Fashion
BERANDA KONTAK KAMI
KATEGORI
NAMA KATEGORI PETUNJUK
NAMA KATEGORI CARI PRODUK
CARI
Footer NO SERI JNE
SUBMIT NO SERI POS
SUBMIT Tracking Pengiriman
M10
Logout HI, member
MENU MEMBER
Retur
Pilih produk NO
No pesanan
On retur Tgl Retur
Jumlah Status retur
Aksi
PRODUK TERLARIS
PRODUK POPULER
Gambar Lihat detail
Gambar Lihat detail
SHOPPING CART
RP,- BARANG
· Klik kontak kami
untuk menuju M02 ·
Klik prodak untuk menuju M04
· Klik cari untuk
menuju M05 ·
Klik gambar liat detail untuk menuju M11
· Klik retur untuk
menuju M03 ·
Klik tentang kami untuk menuju M13
· Klik cara penjualan
untuk menuju M14 ·
Klik profil untuk menuju M06
· Klik histori untuk
menuju M09 ·
Klik retur untuk menuju M10
· Klik kranjang blanja
untuk menuju M12
Gambar 3. 50 Antarmuka Halaman Retur
13. Perancangan antar muka halaman histori pemesanan retur
Green Fashion
BERANDA KONTAK KAMI
KATEGORI
NAMA KATEGORI PETUNJUK
NAMA KATEGORI CARI PRODUK
CARI
Footer NO SERI JNE
SUBMIT NO SERI POS
SUBMIT Tracking Pengiriman
M18
Logout HI, member
MENU MEMBER
History Retur
Kembali NO
No pesanan Tanggal Pemesanan
Status bayar Aksi
· Klik kontak kami
untuk menuju M02 ·
Klik prodak untuk menuju M04
· Klik cari untuk
menuju M05 ·
Klik gambar liat detail untuk menuju M11
· Klik retur untuk
menuju M03 ·
Klik tentang kami untuk menuju M13
· Klik cara penjualan
untuk menuju M14 ·
Klik profil untuk menuju M06
· Klik histori untuk
menuju M09 ·
Klik retur untuk menuju M10
· Klik kranjang blanja
untuk menuju M12
PRODUK TERLARIS
PRODUK POPULER
Gambar Lihat detail
Gambar Lihat detail
SHOPPING CART
RP,- BARANG
Gambar 3. 51 Antarmuka Halaman Retur
14. Perancangan antarmuka halaman detail pemesanan retur
Green Fashion
BERANDA KONTAK KAMI
KATEGORI
NAMA KATEGORI PETUNJUK
NAMA KATEGORI CARI PRODUK
CARI
Footer NO SERI JNE
SUBMIT NO SERI POS
SUBMIT Tracking Pengiriman
M19
Logout HI, member
MENU MEMBER
Detail Retur
Data pemesanan pilih
Nama produk QTY
Kirim Kembali
Ukuran
PRODUK TERLARIS
PRODUK POPULER
Gambar Lihat detail
Gambar Lihat detail
SHOPPING CART
RP,- BARANG
· Klik kontak kami
untuk menuju M02 ·
Klik prodak untuk menuju M04
· Klik cari untuk
menuju M05 ·
Klik gambar liat detail untuk menuju M11
· Klik retur untuk
menuju M03 ·
Klik tentang kami untuk menuju M13
· Klik cara penjualan
untuk menuju M14 ·
Klik profil untuk menuju M06
· Klik histori untuk
menuju M09 ·
Klik retur untuk menuju M10
· Klik kranjang blanja
untuk menuju M12
Gambar 3. 52 Antarmuka Halaman Retur
15. Perancangan antar muka detail pemesanan retur resi
Green Fashion
BERANDA KONTAK KAMI
KATEGORI
NAMA KATEGORI PETUNJUK
NAMA KATEGORI CARI PRODUK
CARI
Footer NO SERI JNE
SUBMIT NO SERI POS
SUBMIT Tracking Pengiriman
M20
Logout HI, member
MENU MEMBER
Retur Resi
Data pemesanan no
Nama produk QTY
Status Kirim
Kembali Ukuran
Kirim no resi : ·
Klik kontak kami untuk menuju M02
· Klik prodak untuk
menuju M04 ·
Klik cari untuk menuju M05
· Klik gambar liat detail
untuk menuju M11 ·
Klik retur untuk menuju M03
· Klik tentang kami
untuk menuju M13 ·
Klik cara penjualan untuk menuju M14
· Klik profil untuk
menuju M06 ·
Klik histori untuk menuju M09
· Klik retur untuk
menuju M10 ·
Klik kranjang blanja untuk menuju M12
PRODUK TERLARIS
PRODUK POPULER
Gambar Lihat detail
Gambar Lihat detail
SHOPPING CART
RP,- BARANG
Gambar 3. 53 Antarmuka Halaman Retur
3.5.2.3 Perancangan Antarmuka admin
1. Perancangan antarmuka halaman login admin
Green fashion
L01
Login Username
Password Login
Navigasi : 1. Klik Login untuk menuju ke B01
Lupa password??
Gambar 3. 54 Antarmuka Halaman Login Admin
2. Perancangan antarmuka halaman home
Home
Data Master Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Jenis kerusakan Laporan penjualan
Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Hi, admin
Home A01
· Klik member untuk
menuju A02 ·
Klik produk untuk menuju A03
· Klik kategori untuk
menuju A04 ·
Klik ukuran untuk menuju A05
· Klik data bank untuk
menuju A06 ·
Klik jasa kirim untuk menuju A19
· Klik ongkos kirim untuk
menuju A07 ·
Klik kota untuk menuju A08
· Klik provinsi untuk
menuju A09 ·
Klik member baru untuk menuju A10
· Klik pemesanan dibayar
untuk menuju A11 ·
Klik pemesanan lunas untuk menuju A12
· Klik pemesanan dikirim
untuk menuju A13 ·
Klik pemesanan di terima untuk menuju A14
· Klik retur untuk menuju
A15 ·
Klik backkap database untuk menuju A16
· Klik restor data base
untuk menuju A17 ·
Klik Ganti password untuk menuju A18
· Klik data operator untuk
menuju A19 Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima
Gambar 3. 55 Antarmuka Halaman Home
3. Perancangan antarmuka halaman member
Hi, admin
A02
NO Nama member
Email Np. Telepon
Status Aksi
Member
Home
Data Master Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Jenis kerusakan Laporan penjualan
Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima ·
Klik member untuk menuju A02
· Klik produk untuk menuju
A03 ·
Klik kategori untuk menuju A04
· Klik ukuran untuk menuju
A05 ·
Klik data bank untuk menuju A06
· Klik jasa kirim untuk
menuju A19 ·
Klik ongkos kirim untuk menuju A07
· Klik kota untuk menuju
A08 ·
Klik provinsi untuk menuju A09
· Klik member baru untuk
menuju A10 ·
Klik pemesanan dibayar untuk menuju A11
· Klik pemesanan lunas
untuk menuju A12 ·
Klik pemesanan dikirim untuk menuju A13
· Klik pemesanan di terima
untuk menuju A14 ·
Klik retur untuk menuju A15
· Klik backkap database
untuk menuju A16 ·
Klik restor data base untuk menuju A17
· Klik Ganti password
untuk menuju A18 ·
Klik data operator untuk menuju A19
Gambar 3. 56 Antarmuka Halaman Member
4. Perancangan antar muka edit member
Selamat datang di admin
A20
Simpan Nama lengkap
Jnis Klamin
Batal Kmbali
Edit data member
Email Address Alamat
Kode pos Provinsi
Pilih kota tujuan No telepon
Home
Data Master Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Jenis kerusakan Laporan penjualan
Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima ·
Klik member untuk menuju A02
· Klik produk untuk menuju
A03 ·
Klik kategori untuk menuju A04
· Klik ukuran untuk menuju
A05 ·
Klik data bank untuk menuju A06
· Klik jasa kirim untuk
menuju A19 ·
Klik ongkos kirim untuk menuju A07
· Klik kota untuk menuju
A08 ·
Klik provinsi untuk menuju A09
· Klik member baru untuk
menuju A10 ·
Klik pemesanan dibayar untuk menuju A11
· Klik pemesanan lunas
untuk menuju A12 ·
Klik pemesanan dikirim untuk menuju A13
· Klik pemesanan di terima
untuk menuju A14 ·
Klik retur untuk menuju A15
· Klik backkap database
untuk menuju A16 ·
Klik restor data base untuk menuju A17
· Klik Ganti password
untuk menuju A18 ·
Klik data operator untuk menuju A19
Gambar 3. 57 Antarmuka Edit Member
5. Perancangan antarmuka halaman ukuran
Selamat datang di admin
A05
Tambah | Prin NO
Nama Ukuran Aksi
Data Ukuran
Home
Data Master Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Jenis kerusakan Laporan penjualan
Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima ·
Klik member untuk menuju A02
· Klik produk untuk menuju
A03 ·
Klik kategori untuk menuju A04
· Klik ukuran untuk menuju
A05 ·
Klik data bank untuk menuju A06
· Klik jasa kirim untuk
menuju A19 ·
Klik ongkos kirim untuk menuju A07
· Klik kota untuk menuju
A08 ·
Klik provinsi untuk menuju A09
· Klik member baru untuk
menuju A10 ·
Klik pemesanan dibayar untuk menuju A11
· Klik pemesanan lunas
untuk menuju A12 ·
Klik pemesanan dikirim untuk menuju A13
· Klik pemesanan di terima
untuk menuju A14 ·
Klik retur untuk menuju A15
· Klik backkap database
untuk menuju A16 ·
Klik restor data base untuk menuju A17
· Klik Ganti password
untuk menuju A18 ·
Klik data operator untuk menuju A19
Gambar 3. 58 Antarmuka Halaman Ukuran
6. Perancangan antar muka halaman tambah ukuran
Selamat datang di admin
A21
Tambah Nama Ukuran
Batal Kmbali
Tambah Ukuran Home
Data Master Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Jenis kerusakan Laporan penjualan
Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima ·
Klik member untuk menuju A02
· Klik produk untuk menuju
A03 ·
Klik kategori untuk menuju A04
· Klik ukuran untuk menuju
A05 ·
Klik data bank untuk menuju A06
· Klik jasa kirim untuk
menuju A19 ·
Klik ongkos kirim untuk menuju A07
· Klik kota untuk menuju
A08 ·
Klik provinsi untuk menuju A09
· Klik member baru untuk
menuju A10 ·
Klik pemesanan dibayar untuk menuju A11
· Klik pemesanan lunas
untuk menuju A12 ·
Klik pemesanan dikirim untuk menuju A13
· Klik pemesanan di terima
untuk menuju A14 ·
Klik retur untuk menuju A15
· Klik backkap database
untuk menuju A16 ·
Klik restor data base untuk menuju A17
· Klik Ganti password
untuk menuju A18 ·
Klik data operator untuk menuju A19
Gambar 3. 59 Antarmuka Halaman Tambah Ukuran
7. Perancangan antarmuka halaman edit ukuran
Selamat datang di admin
A22
Tambah Nama Ukuran
Batal Kmbali
Edit Ukuran Home
Data Master Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Jenis kerusakan Laporan penjualan
Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima ·
Klik member untuk menuju A02
· Klik produk untuk menuju
A03 ·
Klik kategori untuk menuju A04
· Klik ukuran untuk menuju
A05 ·
Klik data bank untuk menuju A06
· Klik jasa kirim untuk
menuju A19 ·
Klik ongkos kirim untuk menuju A07
· Klik kota untuk menuju
A08 ·
Klik provinsi untuk menuju A09
· Klik member baru untuk
menuju A10 ·
Klik pemesanan dibayar untuk menuju A11
· Klik pemesanan lunas
untuk menuju A12 ·
Klik pemesanan dikirim untuk menuju A13
· Klik pemesanan di terima
untuk menuju A14 ·
Klik retur untuk menuju A15
· Klik backkap database
untuk menuju A16 ·
Klik restor data base untuk menuju A17
· Klik Ganti password
untuk menuju A18 ·
Klik data operator untuk menuju A19
Gambar 3. 60 Antarmuka Halaman Edit Ukuran
8. Perancangan antarmuka halaman produk
Selamat datang di admin
A03
Tambah NO Nama member Gambar Produk Berat KG
Harga Diskon
Data Produk
Tanggal Masuk
Aksi
Home
Data Master Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Jenis kerusakan Laporan penjualan
Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima ·
Klik member untuk menuju A02
· Klik produk untuk menuju
A03 ·
Klik kategori untuk menuju A04
· Klik ukuran untuk menuju
A05 ·
Klik data bank untuk menuju A06
· Klik jasa kirim untuk
menuju A19 ·
Klik ongkos kirim untuk menuju A07
· Klik kota untuk menuju
A08 ·
Klik provinsi untuk menuju A09
· Klik member baru untuk
menuju A10 ·
Klik pemesanan dibayar untuk menuju A11
· Klik pemesanan lunas
untuk menuju A12 ·
Klik pemesanan dikirim untuk menuju A13
· Klik pemesanan di terima
untuk menuju A14 ·
Klik retur untuk menuju A15
· Klik backkap database
untuk menuju A16 ·
Klik restor data base untuk menuju A17
· Klik Ganti password
untuk menuju A18 ·
Klik data operator untuk menuju A19
Gambar 3. 61 Antarmuka Halaman Produk
9. Perancangan antarmuka halaman tambah produk
Selamat datang di admin
A23
Tambah Nama Produk
Pilih Kategori
Batal Kmbali
Tambah produk
Pilih Ukuran Brat per KG
Harga Diskon
Deskripsi
Gambar
Home
Data Master Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Jenis kerusakan Laporan penjualan
Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima ·
Klik member untuk menuju A02
· Klik produk untuk menuju
A03 ·
Klik kategori untuk menuju A04
· Klik ukuran untuk menuju
A05 ·
Klik data bank untuk menuju A06
· Klik jasa kirim untuk
menuju A19 ·
Klik ongkos kirim untuk menuju A07
· Klik kota untuk menuju
A08 ·
Klik provinsi untuk menuju A09
· Klik member baru untuk
menuju A10 ·
Klik pemesanan dibayar untuk menuju A11
· Klik pemesanan lunas
untuk menuju A12 ·
Klik pemesanan dikirim untuk menuju A13
· Klik pemesanan di terima
untuk menuju A14 ·
Klik retur untuk menuju A15
· Klik backkap database
untuk menuju A16 ·
Klik restor data base untuk menuju A17
· Klik Ganti password
untuk menuju A18 ·
Klik data operator untuk menuju A19
Gambar 3. 62 Antarmuka Halaman Tambah Produk
10. Perancangan antarmuka edit produk
Selamat datang di admin
A24
Tambah Nama Produk
Pilih Kategori
Batal Kmbali
Edit produk
Pilih Ukuran Brat per KG
Harga Diskon
Deskripsi
Gambar
Home
Data Master Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Jenis kerusakan Laporan penjualan
Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima ·
Klik member untuk menuju A02
· Klik produk untuk menuju
A03 ·
Klik kategori untuk menuju A04
· Klik ukuran untuk menuju
A05 ·
Klik data bank untuk menuju A06
· Klik jasa kirim untuk
menuju A19 ·
Klik ongkos kirim untuk menuju A07
· Klik kota untuk menuju
A08 ·
Klik provinsi untuk menuju A09
· Klik member baru untuk
menuju A10 ·
Klik pemesanan dibayar untuk menuju A11
· Klik pemesanan lunas
untuk menuju A12 ·
Klik pemesanan dikirim untuk menuju A13
· Klik pemesanan di terima
untuk menuju A14 ·
Klik retur untuk menuju A15
· Klik backkap database
untuk menuju A16 ·
Klik restor data base untuk menuju A17
· Klik Ganti password
untuk menuju A18 ·
Klik data operator untuk menuju A19
Gambar 3. 63 Antarmuka Halaman Edit Pproduk
11. Perancangan antarmuka halaman kategori produk
Selamat datang di admin
A04
Tambah | Prin NO
Nama Kategori Aksi
Kategori Produk
· Klik member untuk
menuju A02 ·
Klik produk untuk menuju A03
· Klik kategori untuk
menuju A04 ·
Klik ukuran untuk menuju A05
· Klik data bank untuk
menuju A06 ·
Klik jasa kirim untuk menuju A19
· Klik ongkos kirim untuk
menuju A07 ·
Klik kota untuk menuju A08
· Klik provinsi untuk
menuju A09 ·
Klik member baru untuk menuju A10
· Klik pemesanan dibayar
untuk menuju A11 ·
Klik pemesanan lunas untuk menuju A12
· Klik pemesanan dikirim
untuk menuju A13 ·
Klik pemesanan di terima untuk menuju A14
· Klik retur untuk menuju
A15 ·
Klik backkap database untuk menuju A16
· Klik restor data base
untuk menuju A17 ·
Klik Ganti password untuk menuju A18
· Klik data operator untuk
menuju A19
Home
Data Master Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Jenis kerusakan Laporan penjualan
Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima
Gambar 3. 64 Antarmuka Halaman Kategori Produk
12. Perancangan antarmuka halaman tambah kategori produk
Selamat datang di admin
A25
Tambah Nama kategori
Batal Kmbali
Tambah Kategori Home
Data Master Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Jenis kerusakan Laporan penjualan
Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima ·
Klik member untuk menuju A02
· Klik produk untuk menuju
A03 ·
Klik kategori untuk menuju A04
· Klik ukuran untuk menuju
A05 ·
Klik data bank untuk menuju A06
· Klik jasa kirim untuk
menuju A19 ·
Klik ongkos kirim untuk menuju A07
· Klik kota untuk menuju
A08 ·
Klik provinsi untuk menuju A09
· Klik member baru untuk
menuju A10 ·
Klik pemesanan dibayar untuk menuju A11
· Klik pemesanan lunas
untuk menuju A12 ·
Klik pemesanan dikirim untuk menuju A13
· Klik pemesanan di terima
untuk menuju A14 ·
Klik retur untuk menuju A15
· Klik backkap database
untuk menuju A16 ·
Klik restor data base untuk menuju A17
· Klik Ganti password
untuk menuju A18 ·
Klik data operator untuk menuju A19
Gambar 3. 65 Antarmuka Halaman Tambah Kategori Produk
13. Perancangan antarmuka halaman edit kategori produk
Selamat datang di admin
A26
Tambah Nama kategori
Batal Kmbali
Edit Kategori Home
Data Master Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Jenis kerusakan Laporan penjualan
Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima ·
Klik member untuk menuju A02
· Klik produk untuk menuju
A03 ·
Klik kategori untuk menuju A04
· Klik ukuran untuk menuju
A05 ·
Klik data bank untuk menuju A06
· Klik jasa kirim untuk
menuju A19 ·
Klik ongkos kirim untuk menuju A07
· Klik kota untuk menuju
A08 ·
Klik provinsi untuk menuju A09
· Klik member baru untuk
menuju A10 ·
Klik pemesanan dibayar untuk menuju A11
· Klik pemesanan lunas
untuk menuju A12 ·
Klik pemesanan dikirim untuk menuju A13
· Klik pemesanan di terima
untuk menuju A14 ·
Klik retur untuk menuju A15
· Klik backkap database
untuk menuju A16 ·
Klik restor data base untuk menuju A17
· Klik Ganti password
untuk menuju A18 ·
Klik data operator untuk menuju A19
Gambar 3. 66 Antarmuka Halaman Edit Kategori Produk
14. Perancangan antarmuka halaman data bank
Selamat datang di admin
A06
Tambah NO
Nama bank Atas nama
Data Bank
No rek Aksi
· Klik member untuk
menuju A02 ·
Klik produk untuk menuju A03
· Klik kategori untuk
menuju A04 ·
Klik ukuran untuk menuju A05
· Klik data bank untuk
menuju A06 ·
Klik jasa kirim untuk menuju A19
· Klik ongkos kirim untuk
menuju A07 ·
Klik kota untuk menuju A08
· Klik provinsi untuk
menuju A09 ·
Klik pemesanan dibayar untuk menuju A10
· Klik pemesanan lunas
untuk menuju A11 ·
Klik pemesanan dikirim untuk menuju A12
· Klik pemesanan di terima
untuk menuju A13 ·
Klik retur untuk menuju A14
· Klik backkap database
untuk menuju A15 ·
Klik restor data base untuk menuju A16
· Klik Ganti password
untuk menuju A17 ·
Klik data operator untuk menuju A18
Home Data Master
Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Transaksi
Laporan penjualan Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima
Laporan Sistem
Admin
Gambar 3. 67 Antarmuka Halaman Data Bank
15. Perancangan antarmuka halaman tambah data bank
Selamat datang di admin
A28
Tambah Data Bank
Tambah Nama bank
Atas nama
Batal Kmbali
No. Rekening logo
Browse.. ·
Klik member untuk menuju A02
· Klik produk untuk menuju
A03 ·
Klik kategori untuk menuju A04
· Klik ukuran untuk menuju
A05 ·
Klik data bank untuk menuju A06
· Klik jasa kirim untuk
menuju A19 ·
Klik ongkos kirim untuk menuju A07
· Klik kota untuk menuju
A08 ·
Klik provinsi untuk menuju A09
· Klik pemesanan dibayar
untuk menuju A10 ·
Klik pemesanan lunas untuk menuju A11
· Klik pemesanan dikirim
untuk menuju A12 ·
Klik pemesanan di terima untuk menuju A13
· Klik retur untuk menuju
A14 ·
Klik backkap database untuk menuju A15
· Klik restor data base
untuk menuju A16 ·
Klik Ganti password untuk menuju A17
· Klik data operator untuk
menuju A18
Home Data Master
Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Transaksi
Laporan penjualan Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima
Laporan Sistem
Admin
Gambar 3. 68 Antarmuka Halaman Tambah Data Bank
16. Perancangan antar muka halaman edit data bank
Selamat datang di admin
A29
Edit Data Bank
Tambah Nama bank
Atas nama
Batal Kmbali
No. Rekening logo
Browse..
Home Data Master
Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Transaksi
Laporan penjualan Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima
Laporan Sistem
Admin
· Klik member untuk
menuju A02 ·
Klik produk untuk menuju A03
· Klik kategori untuk
menuju A04 ·
Klik ukuran untuk menuju A05
· Klik data bank untuk
menuju A06 ·
Klik jasa kirim untuk menuju A19
· Klik ongkos kirim untuk
menuju A07 ·
Klik kota untuk menuju A08
· Klik provinsi untuk
menuju A09 ·
Klik pemesanan dibayar untuk menuju A10
· Klik pemesanan lunas
untuk menuju A11 ·
Klik pemesanan dikirim untuk menuju A12
· Klik pemesanan di terima
untuk menuju A13 ·
Klik retur untuk menuju A14
· Klik backkap database
untuk menuju A15 ·
Klik restor data base untuk menuju A16
· Klik Ganti password
untuk menuju A17 ·
Klik data operator untuk menuju A18
Gambar 3. 69 Antarmuka Halaman Edit Data Bank
17. Perancangan antarmuka halaman jasa kirim
Selamat datang di admin
A19
Tambah NO
Nama Jasa Pengiriman Aksi
Data Jasa Kirim
Home Data Master
Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Transaksi
Laporan penjualan Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima
Laporan Sistem
Admin
· Klik member untuk
menuju A02 ·
Klik produk untuk menuju A03
· Klik kategori untuk
menuju A04 ·
Klik ukuran untuk menuju A05
· Klik data bank untuk
menuju A06 ·
Klik jasa kirim untuk menuju A19
· Klik ongkos kirim untuk
menuju A07 ·
Klik kota untuk menuju A08
· Klik provinsi untuk
menuju A09 ·
Klik pemesanan dibayar untuk menuju A10
· Klik pemesanan lunas
untuk menuju A11 ·
Klik pemesanan dikirim untuk menuju A12
· Klik pemesanan di terima
untuk menuju A13 ·
Klik retur untuk menuju A14
· Klik backkap database
untuk menuju A15 ·
Klik restor data base untuk menuju A16
· Klik Ganti password
untuk menuju A17 ·
Klik data operator untuk menuju A18
Gambar 3. 70 Antarmuka Halaman Jasa Kirim
18. Perancangan antarmuka tambah jasa kirim
Selamat datang di admin
A31
Tambah Nama jasa pengiriman
Batal Kmbali
Tambah jasa kirim
Logo jasa pengiriman Browse..
· Klik member untuk
menuju A02 ·
Klik produk untuk menuju A03
· Klik kategori untuk
menuju A04 ·
Klik ukuran untuk menuju A05
· Klik data bank untuk
menuju A06 ·
Klik jasa kirim untuk menuju A19
· Klik ongkos kirim untuk
menuju A07 ·
Klik kota untuk menuju A08
· Klik provinsi untuk
menuju A09 ·
Klik pemesanan dibayar untuk menuju A10
· Klik pemesanan lunas
untuk menuju A11 ·
Klik pemesanan dikirim untuk menuju A12
· Klik pemesanan di terima
untuk menuju A13 ·
Klik retur untuk menuju A14
· Klik backkap database
untuk menuju A15 ·
Klik restor data base untuk menuju A16
· Klik Ganti password
untuk menuju A17 ·
Klik data operator untuk menuju A18
Home Data Master
Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Transaksi
Laporan penjualan Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima
Laporan Sistem
Admin
Gambar 3. 71 Antarmuka Halaman Jasa Kkirim
19. Perancangan antarmuka halaman edit jasa pengiriman
Selamat datang di admin
A32
Tambah Nama jasa pengiriman
Batal Kmbali
Edit jasa kirim
Logo jasa pengiriman Browse..
Home Data Master
Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Transaksi
Laporan penjualan Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima
Laporan Sistem
Admin
· Klik member untuk
menuju A02 ·
Klik produk untuk menuju A03
· Klik kategori untuk
menuju A04 ·
Klik ukuran untuk menuju A05
· Klik data bank untuk
menuju A06 ·
Klik jasa kirim untuk menuju A19
· Klik ongkos kirim untuk
menuju A07 ·
Klik kota untuk menuju A08
· Klik provinsi untuk
menuju A09 ·
Klik pemesanan dibayar untuk menuju A10
· Klik pemesanan lunas
untuk menuju A11 ·
Klik pemesanan dikirim untuk menuju A12
· Klik pemesanan di terima
untuk menuju A13 ·
Klik retur untuk menuju A14
· Klik backkap database
untuk menuju A15 ·
Klik restor data base untuk menuju A16
· Klik Ganti password
untuk menuju A17 ·
Klik data operator untuk menuju A18
Gambar 3. 72 Antarmuka Halaman Edit jasa pengiriman
20. Perancangan antarmuka halaman ongkos kirim
Selamat datang di admin
A07
Tambah | Prin NO
Nama jasa pengiriman Jenis jasa pengiriman
Data ongkos kirim
Aksi ·
Klik member untuk menuju A02
· Klik produk untuk menuju
A03 ·
Klik kategori untuk menuju A04
· Klik ukuran untuk menuju
A05 ·
Klik data bank untuk menuju A06
· Klik jasa kirim untuk
menuju A19 ·
Klik ongkos kirim untuk menuju A07
· Klik kota untuk menuju
A08 ·
Klik provinsi untuk menuju A09
· Klik pemesanan dibayar
untuk menuju A10 ·
Klik pemesanan lunas untuk menuju A11
· Klik pemesanan dikirim
untuk menuju A12 ·
Klik pemesanan di terima untuk menuju A13
· Klik retur untuk menuju
A14 ·
Klik backkap database untuk menuju A15
· Klik restor data base
untuk menuju A16 ·
Klik Ganti password untuk menuju A17
· Klik data operator untuk
menuju A18
Home Data Master
Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Transaksi
Laporan penjualan Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima
Laporan Sistem
Admin
Gambar 3. 73 Antarmuka Halaman Ongkos kirim
21. Perancangan antarmuka halaman tambah ongkos kirim
Selamat datang di admin
A33
Tambah ongkos kirim
Pilih kota provinsi Pilih kota tujuan
Ongkos kirim Tambah
Batal Kmbali
Home Data Master
Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Transaksi
Laporan penjualan Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima
Laporan Sistem
Admin
· Klik member untuk
menuju A02 ·
Klik produk untuk menuju A03
· Klik kategori untuk
menuju A04 ·
Klik ukuran untuk menuju A05
· Klik data bank untuk
menuju A06 ·
Klik jasa kirim untuk menuju A19
· Klik ongkos kirim untuk
menuju A07 ·
Klik kota untuk menuju A08
· Klik provinsi untuk
menuju A09 ·
Klik pemesanan dibayar untuk menuju A10
· Klik pemesanan lunas
untuk menuju A11 ·
Klik pemesanan dikirim untuk menuju A12
· Klik pemesanan di terima
untuk menuju A13 ·
Klik retur untuk menuju A14
· Klik backkap database
untuk menuju A15 ·
Klik restor data base untuk menuju A16
· Klik Ganti password
untuk menuju A17 ·
Klik data operator untuk menuju A18
Gambar 3. 74 Antarmuka Halaman Tambah Ongkos Kirim
22. Perancangan antarmuka halaman edit ongkos kirim
Selamat datang di admin
A34
Edit ongkos kirim
Pilih kota provinsi Pilih kota tujuan
Ongkos kirim Tambah
Batal Kmbali
· Klik member untuk
menuju A02 ·
Klik produk untuk menuju A03
· Klik kategori untuk
menuju A04 ·
Klik ukuran untuk menuju A05
· Klik data bank untuk
menuju A06 ·
Klik jasa kirim untuk menuju A19
· Klik ongkos kirim untuk
menuju A07 ·
Klik kota untuk menuju A08
· Klik provinsi untuk
menuju A09 ·
Klik pemesanan dibayar untuk menuju A10
· Klik pemesanan lunas
untuk menuju A11 ·
Klik pemesanan dikirim untuk menuju A12
· Klik pemesanan di terima
untuk menuju A13 ·
Klik retur untuk menuju A14
· Klik backkap database
untuk menuju A15 ·
Klik restor data base untuk menuju A16
· Klik Ganti password
untuk menuju A17 ·
Klik data operator untuk menuju A18
Home Data Master
Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Transaksi
Laporan penjualan Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima
Laporan Sistem
Admin
Gambar 3. 75 Antarmuka Halaman Edit Ongkos Kirim
23. Perancangan antarmuka halaman kota
Selamat datang di admin
A08
Tambah NO
Koat provinsi
Data kota
Aksi
Home Data Master
Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Transaksi
Laporan penjualan Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima
Laporan Sistem
Admin
· Klik member untuk
menuju A02 ·
Klik produk untuk menuju A03
· Klik kategori untuk
menuju A04 ·
Klik ukuran untuk menuju A05
· Klik data bank untuk
menuju A06 ·
Klik jasa kirim untuk menuju A19
· Klik ongkos kirim untuk
menuju A07 ·
Klik kota untuk menuju A08
· Klik provinsi untuk
menuju A09 ·
Klik pemesanan dibayar untuk menuju A10
· Klik pemesanan lunas
untuk menuju A11 ·
Klik pemesanan dikirim untuk menuju A12
· Klik pemesanan di terima
untuk menuju A13 ·
Klik retur untuk menuju A14
· Klik backkap database
untuk menuju A15 ·
Klik restor data base untuk menuju A16
· Klik Ganti password
untuk menuju A17 ·
Klik data operator untuk menuju A18
Gambar 3. 76 Antarmuka Halaman Kota
24. Perancangan antarmuka halaman tambah kota
Selamat datang di admin
A35
Simpan Pilih provinsi
Nama kota Batal
Kmbali
Tambah kota
· Klik member untuk
menuju A02 ·
Klik produk untuk menuju A03
· Klik kategori untuk
menuju A04 ·
Klik ukuran untuk menuju A05
· Klik data bank untuk
menuju A06 ·
Klik jasa kirim untuk menuju A19
· Klik ongkos kirim untuk
menuju A07 ·
Klik kota untuk menuju A08
· Klik provinsi untuk
menuju A09 ·
Klik pemesanan dibayar untuk menuju A10
· Klik pemesanan lunas
untuk menuju A11 ·
Klik pemesanan dikirim untuk menuju A12
· Klik pemesanan di terima
untuk menuju A13 ·
Klik retur untuk menuju A14
· Klik backkap database
untuk menuju A15 ·
Klik restor data base untuk menuju A16
· Klik Ganti password
untuk menuju A17 ·
Klik data operator untuk menuju A18
Home Data Master
Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Transaksi
Laporan penjualan Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima
Laporan Sistem
Admin
Gambar 3. 77 Antarmuka Halaman Tambah Kota
25. Perancangan antarmuka Halaman edit kota
Selamat datang di admin
A36
Simpan Pilih provinsi
Nama kota Batal
Kmbali
Edit kota
Home Data Master
Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Transaksi
Laporan penjualan Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima
Laporan Sistem
Admin
· Klik member untuk
menuju A02 ·
Klik produk untuk menuju A03
· Klik kategori untuk
menuju A04 ·
Klik ukuran untuk menuju A05
· Klik data bank untuk
menuju A06 ·
Klik jasa kirim untuk menuju A19
· Klik ongkos kirim untuk
menuju A07 ·
Klik kota untuk menuju A08
· Klik provinsi untuk
menuju A09 ·
Klik pemesanan dibayar untuk menuju A10
· Klik pemesanan lunas
untuk menuju A11 ·
Klik pemesanan dikirim untuk menuju A12
· Klik pemesanan di terima
untuk menuju A13 ·
Klik retur untuk menuju A14
· Klik backkap database
untuk menuju A15 ·
Klik restor data base untuk menuju A16
· Klik Ganti password
untuk menuju A17 ·
Klik data operator untuk menuju A18
Gambar 3. 78 Antarmuka Halaman Tambah Kota
26. Perancangan antarmuka Halaman provinsi
Selamat datang di admin
A09
Tambah NO
provinsi Aksi
Data provinsi
· Klik member untuk
menuju A02 ·
Klik produk untuk menuju A03
· Klik kategori untuk
menuju A04 ·
Klik ukuran untuk menuju A05
· Klik data bank untuk
menuju A06 ·
Klik jasa kirim untuk menuju A19
· Klik ongkos kirim untuk
menuju A07 ·
Klik kota untuk menuju A08
· Klik provinsi untuk
menuju A09 ·
Klik pemesanan dibayar untuk menuju A10
· Klik pemesanan lunas
untuk menuju A11 ·
Klik pemesanan dikirim untuk menuju A12
· Klik pemesanan di terima
untuk menuju A13 ·
Klik retur untuk menuju A14
· Klik backkap database
untuk menuju A15 ·
Klik restor data base untuk menuju A16
· Klik Ganti password
untuk menuju A17 ·
Klik data operator untuk menuju A18
Home Data Master
Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Transaksi
Laporan penjualan Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima
Laporan Sistem
Admin
Gambar 3. 79 Antarmuka Halaman Provinsi
27. Perancangan antar muka halaman tambah prooinsi
Selamat datang di admin
A37
Tambah Nama provinsi
Batal Kmbali
Tambah provinsi
Home Data Master
Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Transaksi
Laporan penjualan Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima
Laporan Sistem
Admin
· Klik member untuk
menuju A02 ·
Klik produk untuk menuju A03
· Klik kategori untuk
menuju A04 ·
Klik ukuran untuk menuju A05
· Klik data bank untuk
menuju A06 ·
Klik jasa kirim untuk menuju A19
· Klik ongkos kirim untuk
menuju A07 ·
Klik kota untuk menuju A08
· Klik provinsi untuk
menuju A09 ·
Klik pemesanan dibayar untuk menuju A10
· Klik pemesanan lunas
untuk menuju A11 ·
Klik pemesanan dikirim untuk menuju A12
· Klik pemesanan di terima
untuk menuju A13 ·
Klik retur untuk menuju A14
· Klik backkap database
untuk menuju A15 ·
Klik restor data base untuk menuju A16
· Klik Ganti password
untuk menuju A17 ·
Klik data operator untuk menuju A18
Gambar 3. 80 Antarmuka Halaman Tambah Provinsi
28. Perancangan antarmuka halaman edit provinsi
Selamat datang di admin
A38
Tambah Nama provinsi
Batal Kmbali
Edit provinsi
· Klik member untuk
menuju A02 ·
Klik produk untuk menuju A03
· Klik kategori untuk
menuju A04 ·
Klik ukuran untuk menuju A05
· Klik data bank untuk
menuju A06 ·
Klik jasa kirim untuk menuju A19
· Klik ongkos kirim untuk
menuju A07 ·
Klik kota untuk menuju A08
· Klik provinsi untuk
menuju A09 ·
Klik pemesanan dibayar untuk menuju A10
· Klik pemesanan lunas
untuk menuju A11 ·
Klik pemesanan dikirim untuk menuju A12
· Klik pemesanan di terima
untuk menuju A13 ·
Klik retur untuk menuju A14
· Klik backkap database
untuk menuju A15 ·
Klik restor data base untuk menuju A16
· Klik Ganti password
untuk menuju A17 ·
Klik data operator untuk menuju A18
Home Data Master
Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Transaksi
Laporan penjualan Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima
Laporan Sistem
Admin
Gambar 3. 81 Antarmuka Halaman Edit Provinsi
29. Perancangan antarmuka halaman pemesanan baru
Selamat datang di admin
A10
NO No pesanan Nama pemesan Tgl
pesanan Jam
pesan Tgl jatuh
tempo
Data pemesanan baru
status Aksi
Home Data Master
Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Transaksi
Laporan penjualan Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima
Laporan Sistem
Admin
· Klik member untuk
menuju A02 ·
Klik produk untuk menuju A03
· Klik kategori untuk
menuju A04 ·
Klik ukuran untuk menuju A05
· Klik data bank untuk
menuju A06 ·
Klik jasa kirim untuk menuju A19
· Klik ongkos kirim untuk
menuju A07 ·
Klik kota untuk menuju A08
· Klik provinsi untuk
menuju A09 ·
Klik pemesanan dibayar untuk menuju A10
· Klik pemesanan lunas
untuk menuju A11 ·
Klik pemesanan dikirim untuk menuju A12
· Klik pemesanan di terima
untuk menuju A13 ·
Klik retur untuk menuju A14
· Klik backkap database
untuk menuju A15 ·
Klik restor data base untuk menuju A16
· Klik Ganti password
untuk menuju A17 ·
Klik data operator untuk menuju A18
Gambar 3. 82 Antarmuka Halaman Pemesanan Baru
30. Perancangan antarmuka halaman aksi pemesanan baru
Selamat datang di admin
A38
Data pemesanan baru
Data Status pemesanan :
Tgl dan jam pemesanan
Update status pesan : simpan
kembali Data pemesan
Nama pemesanan
: Alamat
: provinsi
: Kabupaten kode
pos No tlp
:
Data pemesanan NO
Nama produk berat
Harga satuan Diskon
QTY Sub total
Total QTY Sub Total
Total berat Total Ongkos Kirim
Grand Total Status pemesanan
: ·
Klik member untuk menuju A02
· Klik produk untuk menuju
A03 ·
Klik kategori untuk menuju A04
· Klik ukuran untuk menuju
A05 ·
Klik data bank untuk menuju A06
· Klik jasa kirim untuk
menuju A19 ·
Klik ongkos kirim untuk menuju A07
· Klik kota untuk menuju
A08 ·
Klik provinsi untuk menuju A09
· Klik pemesanan dibayar
untuk menuju A10 ·
Klik pemesanan lunas untuk menuju A11
· Klik pemesanan dikirim
untuk menuju A12 ·
Klik pemesanan di terima untuk menuju A13
· Klik retur untuk menuju
A14 ·
Klik backkap database untuk menuju A15
· Klik restor data base
untuk menuju A16 ·
Klik Ganti password untuk menuju A17
· Klik data operator untuk
menuju A18
Home Data Master
Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Transaksi
Laporan penjualan Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima
Laporan Sistem
Admin
Gambar 3. 83 Antarmuka Halaman Aksi Pemesanan Baru
31. Perancangan antarmuka halaman pemesanan di bayar
Selamat datang di admin
A11
NO No pesanan Nama
pemesan Tgl pesanan
Tgl pembayaran
Data pemesanan dibayar
status Aksi
Home Data Master
Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Transaksi
Laporan penjualan Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima
Laporan Sistem
Admin
· Klik member untuk
menuju A02 ·
Klik produk untuk menuju A03
· Klik kategori untuk
menuju A04 ·
Klik ukuran untuk menuju A05
· Klik data bank untuk
menuju A06 ·
Klik jasa kirim untuk menuju A19
· Klik ongkos kirim untuk
menuju A07 ·
Klik kota untuk menuju A08
· Klik provinsi untuk
menuju A09 ·
Klik pemesanan baru untuk menuju A10
· Klik pemesanan dibayar
untuk menuju A11 ·
Klik pemesanan lunas untuk menuju A12
· Klik pemesanan dikirim
untuk menuju A13 ·
Klik pemesanan di terima untuk menuju A14
· Klik retur untuk menuju
A15 ·
Klik backkap database untuk menuju A16
· Klik restor data base
untuk menuju A17 ·
Klik Ganti password untuk menuju A18
· Klik edit operator untuk
menuju A19
Gambar 3. 84 Antarmuka Halaman Pemesanan Dibayar
32. Perncangan antarmuka halaman pemesanan lunas
Selamat datang di admin
A12
NO No pesanan
Nama pemesan
Tgl pesanan Tgl
pembayaran
Data pemesanan lunas
status Aksi
Home Data Master
Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Transaksi
Laporan penjualan Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima
Laporan Sistem
Admin
· Klik member untuk
menuju A02 ·
Klik produk untuk menuju A03
· Klik kategori untuk
menuju A04 ·
Klik ukuran untuk menuju A05
· Klik data bank untuk
menuju A06 ·
Klik jasa kirim untuk menuju A19
· Klik ongkos kirim untuk
menuju A07 ·
Klik kota untuk menuju A08
· Klik provinsi untuk
menuju A09 ·
Klik pemesanan baru untuk menuju A10
· Klik pemesanan dibayar
untuk menuju A11 ·
Klik pemesanan lunas untuk menuju A12
· Klik pemesanan dikirim
untuk menuju A13 ·
Klik pemesanan di terima untuk menuju A14
· Klik retur untuk menuju
A15 ·
Klik backkap database untuk menuju A16
· Klik restor data base
untuk menuju A17 ·
Klik Ganti password untuk menuju A18
· Klik edit operator untuk
menuju A19
Gambar 3. 85 Antarmuka Halaman Pemesanan Lunas
33. Perancangan antarmuka halaman aksi pembayaran lunas
Selamat datang di admin
A40
Data pemesanan dibayar
Data pemesan Nama
pemesanan Tgl jam
pemesanan provinsi
: Kabupaten kode
pos No tlp
:
Data pemesanan NO Nama produk
berat Harga satuan
Diskon QTY
Sub total Total QTY
Sub Total Total berat
Total Ongkos Kirim Grand Total
No. pemesanan :
Status pembayar
kembali Status pengirim
Tgl dan jam pemesanan
: Tgl pembayaran
: No transaksi no
rekning :
Nomonal pembayaran
: Cara pembayaran
: ·
Klik member untuk menuju A02
· Klik produk untuk menuju
A03 ·
Klik kategori untuk menuju A04
· Klik ukuran untuk menuju
A05 ·
Klik data bank untuk menuju A06
· Klik jasa kirim untuk
menuju A19 ·
Klik ongkos kirim untuk menuju A07
· Klik kota untuk menuju
A08 ·
Klik provinsi untuk menuju A09
· Klik pemesanan baru
untuk menuju A10 ·
Klik pemesanan dibayar untuk menuju A11
· Klik pemesanan lunas
untuk menuju A12 ·
Klik pemesanan dikirim untuk menuju A13
· Klik pemesanan di terima
untuk menuju A14 ·
Klik retur untuk menuju A15
· Klik backkap database
untuk menuju A16 ·
Klik restor data base untuk menuju A17
· Klik Ganti password
untuk menuju A18 ·
Klik edit operator untuk menuju A19
Home Data Master
Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Transaksi
Laporan penjualan Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima
Laporan Sistem
Admin
Gambar 3. 86 Antarmuka Halaman Aksi Pembayaran Lunas
34. Perancangan antar muka halaman pemesanan di kirim
Selamat datang di admin
A13
NO No pesanan Nama
pemesan Tgl pesanan
Tgl pembayaran
Data pemesanan dikirim
status Aksi
Home Data Master
Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Transaksi
Laporan penjualan Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima
Laporan Sistem
Admin
· Klik member untuk
menuju A02 ·
Klik produk untuk menuju A03
· Klik kategori untuk
menuju A04 ·
Klik ukuran untuk menuju A05
· Klik data bank untuk
menuju A06 ·
Klik jasa kirim untuk menuju A19
· Klik ongkos kirim untuk
menuju A07 ·
Klik kota untuk menuju A08
· Klik provinsi untuk
menuju A09 ·
Klik pemesanan baru untuk menuju A10
· Klik pemesanan dibayar
untuk menuju A11 ·
Klik pemesanan lunas untuk menuju A12
· Klik pemesanan dikirim
untuk menuju A13 ·
Klik pemesanan di terima untuk menuju A14
· Klik retur untuk menuju
A15 ·
Klik backkap database untuk menuju A16
· Klik restor data base
untuk menuju A17 ·
Klik Ganti password untuk menuju A18
· Klik edit operator untuk
menuju A19
Gambar 3. 87 Antarmuka Halaman Pemesanan di kirim
35. Perancangan antarmuka halaman aksi pemesanan di kirim
Selamat datang di admin
A42
Data pemesanan dikirim
Data pemesan Nama
pemesanan :
Tgl jam pemesanan
: provinsi
: Kabupaten
kode pos No tlp
:
NO Nama produk berat
Harga satuan Diskon
QTY Sub total
Total QTY Sub Total
Total berat Total Ongkos Kirim
Grand Total No. pemesanan
: Status pembayar
:
kembali Status pengirim
: Tgl dan jam
pemesanan :
Tgl pembayaran :
No transaksi no rekning
: Nomonal
pembayaran :
Cara pembayaran : ·
Klik member untuk menuju A02
· Klik produk untuk menuju
A03 ·
Klik kategori untuk menuju A04
· Klik ukuran untuk menuju
A05 ·
Klik data bank untuk menuju A06
· Klik jasa kirim untuk
menuju A19 ·
Klik ongkos kirim untuk menuju A07
· Klik kota untuk menuju
A08 ·
Klik provinsi untuk menuju A09
· Klik pemesanan baru
untuk menuju A10 ·
Klik pemesanan dibayar untuk menuju A11
· Klik pemesanan lunas
untuk menuju A12 ·
Klik pemesanan dikirim untuk menuju A13
· Klik pemesanan di terima
untuk menuju A14 ·
Klik retur untuk menuju A15
· Klik backkap database
untuk menuju A16 ·
Klik restor data base untuk menuju A17
· Klik Ganti password
untuk menuju A18 ·
Klik edit operator untuk menuju A19
Home Data Master
Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Transaksi
Laporan penjualan Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima
Laporan Sistem
Admin
Gambar 3. 88 Antarmuka Halaman Aksi Pemesanan di kirim
36. Prancangan antarmuka halaman di terima
Selamat datang di admin
A14
NO No pesanan Nama
pemesan Tgl
pengiriman Tgl diterima
Data pemesanan diterima
status Aksi
Home Data Master
Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Transaksi
Laporan penjualan Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima
Laporan Sistem
Admin
· Klik member untuk
menuju A02 ·
Klik produk untuk menuju A03
· Klik kategori untuk
menuju A04 ·
Klik ukuran untuk menuju A05
· Klik data bank untuk
menuju A06 ·
Klik jasa kirim untuk menuju A19
· Klik ongkos kirim untuk
menuju A07 ·
Klik kota untuk menuju A08
· Klik provinsi untuk
menuju A09 ·
Klik pemesanan baru untuk menuju A10
· Klik pemesanan dibayar
untuk menuju A11 ·
Klik pemesanan lunas untuk menuju A12
· Klik pemesanan dikirim
untuk menuju A13 ·
Klik pemesanan di terima untuk menuju A14
· Klik retur untuk menuju
A15 ·
Klik backkap database untuk menuju A16
· Klik restor data base
untuk menuju A17 ·
Klik Ganti password untuk menuju A18
· Klik edit operator untuk
menuju A19
Gambar 3. 89 Antarmuka Halaman Aksi diterima
37. Perancangan antarmuka halaman retur
Selamat datang di admin
A15
NO No retur
No pemesanan Nama
pemesanan Tgl retur
Data retur
status Aksi
· Klik member untuk
menuju A02 ·
Klik produk untuk menuju A03
· Klik kategori untuk
menuju A04 ·
Klik ukuran untuk menuju A05
· Klik data bank untuk
menuju A06 ·
Klik jasa kirim untuk menuju A19
· Klik ongkos kirim untuk
menuju A07 ·
Klik kota untuk menuju A08
· Klik provinsi untuk
menuju A09 ·
Klik pemesanan baru untuk menuju A10
· Klik pemesanan dibayar
untuk menuju A11 ·
Klik pemesanan lunas untuk menuju A12
· Klik pemesanan dikirim
untuk menuju A13 ·
Klik pemesanan di terima untuk menuju A14
· Klik retur untuk menuju
A15 ·
Klik backkap database untuk menuju A16
· Klik restor data base
untuk menuju A17 ·
Klik Ganti password untuk menuju A18
· Klik edit operator untuk
menuju A19
Home Data Master
Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Transaksi
Laporan penjualan Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima
Laporan Sistem
Admin
Gambar 3. 90 Antarmuka Halaman Retur
38. Perancangan antarmuka halamman ganti password
Selamat datang di admin
A18
Tambah Password lama
Password baru
Batal Kmbali
Ganti password
Konfirmasi password baru
Home Data Master
Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Transaksi
Laporan penjualan Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima
Laporan Sistem
Admin
· Klik member untuk
menuju A02 ·
Klik produk untuk menuju A03
· Klik kategori untuk
menuju A04 ·
Klik ukuran untuk menuju A05
· Klik data bank untuk
menuju A06 ·
Klik jasa kirim untuk menuju A19
· Klik ongkos kirim untuk
menuju A07 ·
Klik kota untuk menuju A08
· Klik provinsi untuk
menuju A09 ·
Klik pemesanan baru untuk menuju A10
· Klik pemesanan dibayar
untuk menuju A11 ·
Klik pemesanan lunas untuk menuju A12
· Klik pemesanan dikirim
untuk menuju A13 ·
Klik pemesanan di terima untuk menuju A14
· Klik retur untuk menuju
A15 ·
Klik backkap database untuk menuju A16
· Klik restor data base
untuk menuju A17 ·
Klik Ganti password untuk menuju A18
· Klik edit operator untuk
menuju A19
Gambar 3. 91 Antarmuka Halaman ganti password
39. Perancangan antar muka halaman laporan transaksi
Selamat datang di admin
A43
Laporan Transaksi
Cetak Jenis Transaksi
Tanggal Mulai
Batal Kmbali
Tanggal Akhir ·
Klik member untuk menuju A02
· Klik produk untuk menuju
A03 ·
Klik kategori untuk menuju A04
· Klik ukuran untuk menuju
A05 ·
Klik data bank untuk menuju A06
· Klik jasa kirim untuk
menuju A19 ·
Klik ongkos kirim untuk menuju A07
· Klik kota untuk menuju
A08 ·
Klik provinsi untuk menuju A09
· Klik pemesanan baru
untuk menuju A10 ·
Klik pemesanan dibayar untuk menuju A11
· Klik pemesanan lunas
untuk menuju A12 ·
Klik pemesanan dikirim untuk menuju A13
· Klik pemesanan di terima
untuk menuju A14 ·
Klik retur untuk menuju A15
· Klik backkap database
untuk menuju A16 ·
Klik restor data base untuk menuju A17
· Klik Ganti password
untuk menuju A18 ·
Klik edit operator untuk menuju A19
Home Data Master
Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Transaksi
Laporan penjualan Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima
Laporan Sistem
Admin
Gambar 3. 92 Antarmuka Laporan Transaksi
40. Perancangan antarmuka laporan produk
Selamat datang di admin
A44
Laporan Produk
Cetak Tanggal Mulai
Batal Kmbali
Tanggal Akhir
Home Data Master
Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Transaksi
Laporan penjualan Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima
Laporan Sistem
Admin
· Klik member untuk
menuju A02 ·
Klik produk untuk menuju A03
· Klik kategori untuk
menuju A04 ·
Klik ukuran untuk menuju A05
· Klik data bank untuk
menuju A06 ·
Klik jasa kirim untuk menuju A19
· Klik ongkos kirim untuk
menuju A07 ·
Klik kota untuk menuju A08
· Klik provinsi untuk
menuju A09 ·
Klik pemesanan baru untuk menuju A10
· Klik pemesanan dibayar
untuk menuju A11 ·
Klik pemesanan lunas untuk menuju A12
· Klik pemesanan dikirim
untuk menuju A13 ·
Klik pemesanan di terima untuk menuju A14
· Klik retur untuk menuju
A15 ·
Klik backkap database untuk menuju A16
· Klik restor data base
untuk menuju A17 ·
Klik Ganti password untuk menuju A18
· Klik edit operator untuk
menuju A19
Gambar 3. 93 Perancangan antarmuka Laporan Produk
41. Perancangan antar muka data operator
Selamat datang di admin
A19
Data operator
NO Nama lengkap Username
No. tlp Email
Status Aksi
Tambah ·
Klik member untuk menuju A02
· Klik produk untuk menuju
A03 ·
Klik kategori untuk menuju A04
· Klik ukuran untuk menuju
A05 ·
Klik data bank untuk menuju A06
· Klik jasa kirim untuk
menuju A19 ·
Klik ongkos kirim untuk menuju A07
· Klik kota untuk menuju
A08 ·
Klik provinsi untuk menuju A09
· Klik pemesanan baru
untuk menuju A10 ·
Klik pemesanan dibayar untuk menuju A11
· Klik pemesanan lunas
untuk menuju A12 ·
Klik pemesanan dikirim untuk menuju A13
· Klik pemesanan di terima
untuk menuju A14 ·
Klik retur untuk menuju A15
· Klik backkap database
untuk menuju A16 ·
Klik restor data base untuk menuju A17
· Klik Ganti password
untuk menuju A18 ·
Klik edit operator untuk menuju A19
Home Data Master
Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Transaksi
Laporan penjualan Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima
Laporan Sistem
Admin
Gambar 3. 94 Perancangan Antarmuka Data Operator
42. Perancangan antar muka tambah data operator
Selamat datang di admin
A45
Tambah operator
Tambah Nama lengkap
username
Batal Kmbali
passwoed email
Home Data Master
Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Transaksi
Laporan penjualan Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima
Laporan Sistem
Admin
· Klik member untuk
menuju A02 ·
Klik produk untuk menuju A03
· Klik kategori untuk
menuju A04 ·
Klik ukuran untuk menuju A05
· Klik data bank untuk
menuju A06 ·
Klik jasa kirim untuk menuju A19
· Klik ongkos kirim untuk
menuju A07 ·
Klik kota untuk menuju A08
· Klik provinsi untuk
menuju A09 ·
Klik pemesanan baru untuk menuju A10
· Klik pemesanan dibayar
untuk menuju A11 ·
Klik pemesanan lunas untuk menuju A12
· Klik pemesanan dikirim
untuk menuju A13 ·
Klik pemesanan di terima untuk menuju A14
· Klik retur untuk menuju
A15 ·
Klik backkap database untuk menuju A16
· Klik restor data base
untuk menuju A17 ·
Klik Ganti password untuk menuju A18
· Klik edit operator untuk
menuju A19
Gambar 3. 95
Perancangan Antarmuka Tambah Operator
43. Perancanga antar muka edit data operator
Selamat datang di admin
A46
Edit operator
Simpan Nama lengkap
Batal Kmbali
level ·
Klik member untuk menuju A02
· Klik produk untuk menuju
A03 ·
Klik kategori untuk menuju A04
· Klik ukuran untuk menuju
A05 ·
Klik data bank untuk menuju A06
· Klik jasa kirim untuk
menuju A19 ·
Klik ongkos kirim untuk menuju A07
· Klik kota untuk menuju
A08 ·
Klik provinsi untuk menuju A09
· Klik pemesanan baru
untuk menuju A10 ·
Klik pemesanan dibayar untuk menuju A11
· Klik pemesanan lunas
untuk menuju A12 ·
Klik pemesanan dikirim untuk menuju A13
· Klik pemesanan di terima
untuk menuju A14 ·
Klik retur untuk menuju A15
· Klik backkap database
untuk menuju A16 ·
Klik restor data base untuk menuju A17
· Klik Ganti password
untuk menuju A18 ·
Klik edit operator untuk menuju A19
Home Data Master
Member
Produk Kategori produk
Ukuran Merk
Jasa kirim Ongkos Kirim
kota Provinsi
Bank
Transaksi
Laporan penjualan Laporan produk
Backup Database Restor Database
Data operator Ganti Password
Logout Pemesanan baru
Pemesanan dibayar Pemesanan lunas
Pemesanan dikirim Produk retur
Pemesanan diterima
Laporan Sistem
Admin
Gambar 3. 96 Perancangan Antarmuka Edit operator
3.5.2.5 Perancangan Antarmuka Operator
1. Perancangan antarmuka halaman login Pemilik
HEADER
L01
Login Username
Password Login
Navigasi : 1. Klik Login untuk menuju ke B01
Lupa password??
Gambar 3. 97 Antarmuka login pemilik
2. Perancangan antarmuka halaman home operator
Selamat datang di admin
Home P01
· Klil lapran penjualan
untuk menuju P01 ·
Klik laporan produk menuju ke P02
· Klik ganti password
menuju ke P03 ·
Klik logout untuk menuju L01
Home
Laporan penjualan Laporan produk
Ganti Password Logout
Laporan Pemilik
Gambar 3. 98 Antarmuka Halaman Home Pemilik
3. Perancangan antar muka halaman laporan transaksi
Selamat datang di admin
P02
Laporan Transaksi
Cetak Jenis Transaksi
Tanggal Mulai
Batal Kmbali
Tanggal Akhir
Home
Laporan penjualan Laporan produk
Ganti Password Logout
Laporan Pemilik
· Klil lapran penjualan
untuk menuju P01 ·
Klik laporan produk menuju ke P02
· Klik ganti password
menuju ke P03 ·
Klik logout untuk menuju L01
Gambar 3. 99 Antarmuka Laporan Transaksi
4. Perancangan antarmuka halaman laporan produk
Selamat datang di admin
P02
Home
Laporan penjualan Laporan produk
Ganti Password Logout
Laporan Pemilik
· Klil lapran penjualan
untuk menuju P01 ·
Klik laporan produk menuju ke P02
· Klik ganti password
menuju ke P03 ·
Klik logout untuk menuju L01
Laporan Produk
Cetak Tanggal Mulai
Batal Kmbali
Tanggal Akhir
Gambar 3. 100 Perancangan antarmuka laporan produk
5. Perancangan antar muka ganti password
Selamat datang di admin
P03
Home
Laporan penjualan Laporan produk
Ganti Password Logout
Laporan Pemilik
· Klil lapran penjualan
untuk menuju P01 ·
Klik laporan produk menuju ke P02
· Klik ganti password
menuju ke P03 ·
Klik logout untuk menuju L01
Ganti Password
Cetak Password lama
Password baru
Batal Kmbali
Konfirmasi Password Baru
Gambar 3. 101 Perancangan Antarmuka Ganti Password
3.5.2.6 Perancangan Antarmuka Operator
1. Perancangan antarmuka halaman login operator Barang
HEADER
L01
Login Username
Password Login
Navigasi : 1. Klik Login untuk menuju ke C01
Lupa password??
Gambar 3. 102 Antarmuka login operator barang
2. Perancangan antarmuka halaman home
Selamat datang di admin ·
Klil lapran produk untuk menuju B02
· Klik produk menuju ke
B03 ·
Klik ganti password menuju ke B04
· Klik logout untuk menuju
L01
Home
Data Master
Produk Laporan produk
Ganti Password Logout
Laporan
Barang
Gambar 3. 103 Perancangan antarmuka Home
3. Perancangan antarmuka laporan produk
Selamat datang di admin
B02
Laporan Produk
Cetak Tanggal Mulai
Batal Kmbali
Tanggal Akhir
Data Master
Produk Laporan produk
Ganti Password Logout
Laporan
Barang
· Klil lapran produk untuk
menuju B02 ·
Klik produk menuju ke B03
· Klik ganti password
menuju ke B04 ·
Klik logout untuk menuju L01
Gambar 3. 104 Perancangan antarmuka Laporan Produk
4. Perancangan antarmuka produk
Selamat datang di admin
B03
Tambah NO Nama member
Gambar Produk
Berat KG Harga Diskon
Data Produk
Tanggal Masuk
Aksi Merk
· Klil lapran produk untuk
menuju B02 ·
Klik produk menuju ke B03
· Klik ganti password
menuju ke B04 ·
Klik logout untuk menuju L01
Data Master
Produk Laporan produk
Ganti Password Logout
Laporan
Barang
Gambar 3. 105
Perancangan antarmuka Produk
5. Perancangan antarmuka ganti password
Selamat datang di admin
B04
Ganti Password
Cetak Password lama
Password baru
Batal Kmbali
Konfirmasi Password Baru ·
Klil lapran produk untuk menuju B02
· Klik produk menuju ke
B03 ·
Klik ganti password menuju ke B04
· Klik logout untuk menuju
L01
Data Master
Produk Laporan produk
Ganti Password Logout
Laporan
Barang
Gambar 3. 106 Antarmuka Halaman Ganti Password
3.5.2.7 Perancangan Antarmuka Pesan
Silahkan isi fail yang kosong: Namalengkap harus di isi
Email harus di isi Pesan harus di isi
Login member terlebih dahulu W01
Email harus diisi W04
Stok tidak mencukupi W07
Berat harus diisi W10
Kode chaptca harus diisi W13
W02
Password harus diisi W05
Deskripsi harus diisi W08
Nama provinsi harus diisi W11
Ukuran harus diisi W14
Maaf email atau password anda salah
W03
Nama produk harus diisi W06
Nama Kategori harus diisi W09
Nama kota harus diisi W12
Nama Bank harus diisi W15
No. rekening harus diisi W16
Nama lengkap harus diisi W17
Level harus diisi W18
Jumlah karakter harus lebih dari 5 W19
Kode pos harus diisi W22
No. telp harus diisi W20
Nama produk harus diisi W21
Merek harus diisi W25
Berat harus diisi W23
isi tidak boleh kosong W24
Jenis kelamin harus diisi W28
Username harus diisi W27
Alamat harus diisi W26
Harga harus diisi W29
QTY harus diisi W30
Untuk produk ukuran stok tidak mencukupi
W31 Apakah anda yakin hapus produk
ukuran W32
Gambar harus diisi W33
Data berhasil disimpan W34
Anda yakin data akan di hapus W35
Pesan harus diisi W36
Atas nama harus diisi W36
Jasa pengiriman harus diisi W37
Jenis transaksi harus diisi W38
3.5.3 Jaringan Sematik
Setelah melakukan perancangan antarmuka dan perancangan pesan maka dilakukanlah perancangan terhadap aliran dari menu-menu yang ada di program akan
digambarkan dalam sebuah jaringan semantic dibawah ini :
1. Jaringan Semantik Pengunjung
P01 P02
P11 P03
P04 P05
P12 W02, W36
W04, W05, W11, W12, W13, W17, W19, W20, W22, W26, W28
W09, W24
W01, W14, W30
Gambar 3. 107 Jaringan Semantik Pengunjung
2. Jaringan Semantik Member
M01 M02
M04 M05
M10 M08
M14 M06
M11 M07
M15 M12
M17
M09
M17
M20 M19
M18
M21 W02, W04, W05, W36
W07, W31, W32 W09, W24
W07, W14, W30
W05, W19
W04, W05, W11, W12, W17, W20 W03
W30, W35 W04, W11, W12, W17, W20, W22, W24, W26, W34
W15 W15, W16, W17, W34
Gambar 3. 108 Jaringan Semantik Member
3. Jaringan semantik Admin
A02 A20
A01 A05
A04 A03
A06 A19
A07 A22
A21 A23
A24 A25
A25
A29 A28
A31 A32
A33 A08
A35 A36
A10 A11
W35
A09
A38 A39
A12 A13
A41 A14
A15 A43
A44 A19
A18
A34 A42
A40 W04, W11, W12, W17, W20, W22, W26, W28, W34
W14, W34 W14, W34
W35 W06, W08, W09, W10, W14, W25, W29, W33, W34
W35 W09, W34
W35 W15, W16, W36, W34
W35 W34, W37
W35
W12, W34 W35
W11, W34 W34
W34 W05, W19, W34
W04, W19, W18, W17, W34, W35
W06, W08, W09, W10, W14, W25, W29, W33, W34
W09, W34
W15, W16, W34, W36
W34, W37 W35
W11, W12, W34
W11, W12, W34 W12, W34
A37 W11, W34
W34 W34
Gambar 3. 109 Jaringan Semantik Admin
4. Jaringan Semantik pemilik
P01 P02
P03 P04
P05 P06
P08 P07
W05, W19, W34 W24
W24, W38
Gambar 3. 110 Jaringan semantik pemilik
5. Jaringan Semantik operator barang
B01 B02
B03 B04
B08 W05, W19, W34
W34, W35
W24
Gambar 3. 111 Jaringan semantik operator barang
3.6 Perancangan Prosedural
Sebagai langkah terakhir dalam perancangan yaitu merancang prosedural yang akan diimplementasikan ke dalam sistem. Prosedur ini akan digunakan sebagai
algoritma dasar dalam mengkodekan prosedur yang ada. Adapun perancangan
prosedural untuk pembangunan aplikasi e-commerce yang akan dibangun adalah sebagai berikut :
1. Prosedural Login
Valid Valid
Tidak
Masuk ke Menu Utama
Masuk ke Menu Utama
Ya Validasi Username
password Validasi Username
password Username
dan Password
Kelengkapan data
Kelengkapan data
lengkap lengkap
Ya Tidak
Prosedural Login.
2. Prosedural Tambah Data
Mulai Mulai
Proses Penyimpanan Data
Proses Penyimpanan Data
Valid Valid
Menampilkan Pesan
kesalahan Menampilkan
Pesan kesalahan
tidak ya
gagal
Menampilkan Pesan Data
berhasil Disimpan
Menampilkan Pesan Data
berhasil Disimpan
berhasil
selesai selesai
Validasi Inputan Validasi Inputan
Kelengkapan data Kelengkapan data
Lengkap Lengkap
tidak ya
Tambah data
Prosedural tambah Data.
3. Prosedural Ubah Data
mulai mulai
Valid Valid
tidak Menampilkan
pesan kesalahan
Menampilkan pesan
kesalahan
ya
Menampilkan Pesan data
Berhasil Diubah
Menampilkan Pesan data
Berhasil Diubah
Selesai Selesai
Proses Ubah Data Proses Ubah Data
berhasil gagal
Kelengkapan data Kelengkapan data
Validasi inputan Validasi inputan
Lengkap Lengkap
tidak ya
Data yang akan diubah
Prosedural Ubah Data.
4. Prosedural Cari Data
mulai mulai
Valid Valid
Menampilkan pesan
kesalahan Menampilkan
pesan kesalahan
tidak ya
Proses Pencarian Proses Pencarian
Data Ditemukan ? Data Ditemukan ?
tidak Menamppilkan
Pesan Data tidak
Ditemukan Menamppilkan
Pesan Data tidak
Ditemukan
Menampilkan data
Menampilkan data
ya
Selesai Selesai
Validasi Inputan Validasi Inputan
Data Cari
Prosedural Cari Data.
5. Prosedural Hapus Data
mulai mulai
tidak ya
Menampilkan Pesan data
Berhasil dihapus
Menampilkan Pesan data
Berhasil dihapus
Selesai Selesai
Proses Hapus Data
Proses Hapus Data
Data yang akan dihapus
Menampilkan Pesan Data akan
dihapus?
Prosedural Hapus Data.
209
BAB IV IMPLEMENTASI DAN PENGUJIAN
4.1 Implementasi
Tahap implementasi
sistem merupakan
tahap menterjemahkan
perancangan, berdasarkan hasil analisis dalam bahasa yang dapat dimengerti oleh mesin serta penerapan perangkat lunak pada keadaan yang sesungguhnya. Untuk
mendukung aplikasi yang akan diterapkan pada lingkungan implementasi, maka dalam hal ini menggunakan perangkat keras dan perangkat lunak yang menunjang
dalam membangun aplikasi E-commerce penjualan baju pada Toko Green Fashion.
4.1.1 Implementasi Perangkat Keras
Perangkat keras yang dibutuhkan oleh Member baik itu dari sisi pengunjung, operator, pemilik dan admin bersifat relatif, tergantung dari
spesifikasi yang dimiliki dan akan digunakan, namun sebagai gambaran berikut sistem minimal
yang dapat dipakai: a. Processor dengan kecepatan minimal 2 GHz + Motherboard
b. Kapasitas Harddisk minimal 80 GB c. RAM minimal 512 GB
d. VGA Card minimal 128 MB e. Monitor
f. Lan Card 10100Mbps g. Koneksi internet minimal 64 kbps
h. Mouse keyboard
4.1.2 Implementasi Perangkat Lunak
Spesifikasi perangkat lunak yang digunakan untuk membangun aplikasi website e-commerce adalah sebagai berikut:
1. XAMPP sebagai Web Server 2. PHP
3. Macromedia Dreamweaver 8 sebagai editor PHP. 4. MySQL sebagai DBMS
5. Tool antarmuka design Microsoft Visio 2007 6. Adobe Reader
7. Mozila Firefox 3.6.13 sebagai browser 4.1.3 Implementasi Basis Data
Pembuatan basis data dilakukan dengan menggunakan database MySQL 5.0. Implementasi basis data dalam bahasa SQL adalah sebagai berikut :
1. Tabel User
CREATE TABLE IF NOT EXISTS `user` `id_user` int11 NOT NULL AUTO_INCREMENT,
`username` varchar25 NOT NULL, `password` varchar20 NOT NULL,
`nama_lengkap` varchar50 NOT NULL, `no_telp` int15 NOT NULL,
`email` varchar30 NOT NULL,
`level` int2 NOT NULL COMMENT 1=admin, 2=pemilik, 3=gudang,
`status` int2 NOT NULL DEFAULT 0 COMMENT 1=aktif, 0=non aktif,
`kode_aktifasi` text NOT NULL, `status_login` int1 NOT NULL DEFAULT 0 COMMENT
1=login, 0 = tidak login, PRIMARY KEY `id_user`
ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=4 ;
2. Tabel Jasa_pengiriman
CREATE TABLE IF NOT EXISTS `jasa_pengiriman` `id_jasa_pengiriman` int11 NOT NULL AUTO_INCREMENT,
`nama_jasa_pengiriman` varchar30 NOT NULL, PRIMARY KEY `id_jasa_pengiriman`
ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=3 ;
3. Tabel kategori
CREATE TABLE IF NOT EXISTS `kategori` `id_kategori` int11 NOT NULL AUTO_INCREMENT,
`parent_id` int11 NOT NULL DEFAULT 0, `nama_kategori` varchar35 NOT NULL,
`k_seo` varchar40 NOT NULL, PRIMARY KEY `id_kategori`
ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=7 ;
4. Tabel kota
CREATE TABLE IF NOT EXISTS `kota` `id_kota` smallint3 NOT NULL AUTO_INCREMENT,
`id_provinsi` smallint3 NOT NULL, `kota` varchar100 NOT NULL,
PRIMARY KEY `id_kota`, KEY `id_provinsi` `id_provinsi`
ENGINE=InnoDB DEFAULT CHARSET=utf8 AUTO_INCREMENT=440 ;
5. Tabel members
CREATE TABLE IF NOT EXISTS `members` `id_member` int11 NOT NULL AUTO_INCREMENT,
`password` varchar30 NOT NULL, `nama_lengkap` varchar55 NOT NULL,
`alamat` text NOT NULL, `jk` int2 NOT NULL COMMENT 1= laki-laki, 2=perempuan,
`email` varchar35 NOT NULL, `no_telp` varchar20 DEFAULT NULL,
`id_kab_kota` smallint3 NOT NULL, `id_provinsi` smallint3 NOT NULL,
`kode_pos` int5 NOT NULL, `status` int2 NOT NULL COMMENT 1=aktif, 0=non aktif,
`kode_aktifasi` varchar50 NOT NULL, `session_member` varchar255 DEFAULT NULL,
PRIMARY KEY `id_member`, KEY `id_kab_kota` `id_kab_kota`,
KEY `id_provinsi` `id_provinsi` ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=23 ;