36
9. Staff toko memperoleh harga dan melakukan perhitungan total bayar yang harus di bayar oleh konsumen.
10. Staff toko membuat nota pembayaran sebagai bukti transaksi. 11. Nota pembayaran yang terdiri dari 2 rangkap, satu rangkap diberikan
kepada konsumen beserta barang yang dibeli oleh konsumen dan satu rangkap lagi diarsipkan oleh staff toko.
Prosedur penjualan barang pada toko Anugrah dapat dilihat pada gambar III.1 berikut ini :
37
Penjualan Staff Toko
Konsumen Bagian Gudang
Data barang Data barang
Pengecekan stok barang
yang akan dibeli
Data barang tidak tersedia
Tersedia Tidak Tersedia
Data barang yang ingin dibeli
Tersedia
Perhitungan total bayar
Nota Pembayaran Nota Pembayaran
A1 1
2 Nota kosong
Total bayar yang sudah dihitung
Penulisan Nota
1 Data barang tidak
tersedia Data barang
Data barang yang ingin dibeli
Gambar III.1 Flowmap Penjualan Barang
Keterang : A1 = Arsip Nota Penjualan
38
III.1.3.2 Prosedur Pengadaan Barang
Pengadaan barang adalah tahapan proses pengadaan barang dari supplier kepada toko Anugrah. Prosedur pengadaan barang pada toko Anugrah adalah
sebagai berikut : 1. Bagian gudang memberikan daftar barang yang akan dipesan kepada
pemilik toko. 2. Pemilik toko membuat surat pemesanan barang 2 rangkap.
3. 1 rangkap surat pemesanan barang di buat arsip, sedangkan yang satunya lagi untuk supplier.
4. Pemilik toko melakukan validasi surat pemesanan. 5. Pemilik toko memberikan surat pemesanan kepada supplier.
6. Supplier menerima surat pemesanan dari pemmilik toko. 7. Supplier membuat faktur pembelian barang 2 rangkap.
8. 1 rangkap faktur diberikan kepada pemilik toko, sedangkan yang satunya lagi untuk supplier.
9. Faktur pembelian barang diterima oleh pemilik toko di buat arsip. Prosedur pengadaan barang dapat dilihat pada gambar III.2 berikut ini :
39
Pengadaan Barang Bagian Gudang
Pemilik Toko Supplier
Daftar barang yang akan dipesan
Daftar barang yang akan dipesan
Pembuatan surat
pemesanan
Surat Pemesanan 1
2
Validasi A1
Surat pemesanan yang telah di
validasi Surat pemesanan
yang telah di validasi
Pembuatan faktur
pembelian barang
Faktur pembelian barang
1 2
Faktur pembelian barang
A2
Gambar III.2 Flowmap Pengadaan Barang
Keterangan : A1 = Arsip Surat Pemesanan, A2 = Arsip Faktur Pembelian Barang
40
III.1.4 Analisis Kebutuhan Non Fungsional
Analisis kebutuhan non fungsional untuk mengetahui spesifikasi kebutuhan untuk sistem. Spesifikasi kebutuhan ini melibatkan analisis perangkat
keras hardware, analisis perangkat lunak software, analisis pengguna user, analisis keamanan security, dan analisis Search Engine Optimazion SEO.
III.1.4.1 Analisis Perangkat Keras Hardware
Perangkat keras adalah seluruh komponen atau unsur peralatan yang digunakan untuk menunjang pembangunan suatu sistem. Toko Anugrah memiliki
seperangkat komputer dengan spesifikasi sebagai berikut : 1. Processor dengan kecepatan 2.0 GHz.
2. RAM sebesar 256 MB. 3. Kapasitas harddisk sebesar 40 GB.
4. Monitor VGA dengan resolusi 1024 x 768. 5. Keyboard dan mouse.
6. Printer. Kebutuhan minimal perangkat keras untuk sistem yang akan dibangun
memiliki spesifikasi sebagai berikut : 1. Processor dengan kecepatan 1.8 GHz.
2. RAM sebesar 256 MB.
41
3. Kapasitas harddisk minimal 20 GB. 4. Monitor VGA dengan resolusi 1024 x 768.
5. Keyboard dan mouse. Setelah dilakukan analisis terhadap perangkat keras yang dimiliki oleh
toko Anugrah, maka dapat diambil kesimpulan bahwa perangkat keras yang sudah ada layak dan dapat mendukung sistem e-Commerce yang akan dibangun, namun
demikian diperlukan juga akses internet yang memadai agar transaksi dapat berjalan maksimal karena dilakukan secara online serta memudahkan dalam
pebgolahan database yang tersimpan di server.
III.1.4.2 Analisis Perangkat Lunak Software
Perangkat komputer yang dimiliki oleh toko Anugrah memiliki sistem operasi Windows XP dan untuk browser menggunakan Mozilla Firefox 10.0,
Google Chrome 15.0, Internet Explorer dan terpasang pula aplikasi Microsoft Office 2007.
Perngkat lunak yang digunakan dalam membangun aplikasi ini adalah sebagai berikut :
1. Sistem Operasi Windows 7 Ultimate. 2. Adobe Dreamweaver 5.5.
3. Menggunakan PHP v5.3.8 dan MySQL v5.5.16. 4. Menggunakan XAMPP v1.7.7 sebagai web server.
42
5. Mozilla Firefox 11.0 dan Google Chrome 18.0 Perangkat lunak yang dibutuhkan untuk mengakses aplikasi yang akan
dibangun memiliki spesifikasi minimal sebagai berikut : 1. Sistem Operasi Windows, Linux, dan sebagainya.
2. Browser internet seperti Internet Explorer, Mozilla Firefox, Google Chrome, dan sebagainya.
Berdasarkan data tersebut, maka perangkat lunak di toko Anugrah telah mencukupi untuk mengelola aplikasi e-Commerce yang akan dibangun.
III.1.4.3 Analisis Pengguna User
Analisis pengguna dilakukan untuk mengetahui fakta dan kebutuhan pengguna yang akan menggunakan sistem yang akan dibangun sehingga dapat
diketahui tingkat pengalaman dan pemahaman pengguna terhadap komputer. Terdapat tiga kategori pengguna dari sistem yang akan dibangun, yaitu
admin, member dan pengunjung.
Tabel III.1 Karakteristik Pengguna Fakta
Pengguna Tanggung Jawab
Hak Akses Tingkat Keterampilan
Pengalaman Admin
Menangani pengolahan data
penjualan, data retur, data
master, pengiriman dan
pembuatan laporan.
Menjalankan aplikasi sesuai
dengan tugasnya. Mengerti serta dapat
menggunakan komputer, mengetahui
bagaimana melakukan pengolahan dan
perawatan terhadap database yang ada
pada website, dan memiliki pengetahuan
tentang internet. Mengoperasikan
komputer dan mengakses
internet.
43
Tabel III.2 Karakteristik Pengguna Kebutuhan
Pengguna Tanggung Jawab
Hak Akses Tingkat Keterampilan
Pengalaman Admin
Menangani pengolahan data
penjualan, data retur, data
master, pengiriman dan
pembuatan laporan.
Menjalankan aplikasi sesuai
dengan tugasnya. Mengerti serta dapat
menggunakan komputer, mengetahui
bagaimana melakukan pengolahan dan
perawatan terhadap database yang ada
pada website, dan memiliki pengetahuan
tentang internet. Mengoperasikan
komputer dan mengakses
internet.
Member -
Melihat produk dan melakukan
transaksi pembelian
produk. -
Mengoperasikan komputer dan
mengakses internet.
Pengunjung - Melihat produk
dan melakukan registrasi.
- Mengoperasikan
komputer dan mengakses
internet.
Kebutuhan pengguna untuk sistem ini minimal dapat mengoperasikan komputer dan terbiasa mengakses internet. Berdasarkan data diatas, dapat
disimpulkan bahwa setiap pengguna dapat mengakses dan menggunakan sistem yang akan dibangun.
III.1.4.4 Analisis Keamanan Security
Keamanan yang digunakan adalah sebagai berikut : 1. Ip-Dedicated, yaitu IP yang digunakan secara eksklusif untuk keamanan
dengan IP 74.82.184.168. 2. Secure Socket Layer SSL yang digunakan pada proses transaksi.
3. Menggunakan username dan password untuk mengakses situs.
44
III.1.4.5 Analisis Search Engine Optimazion SEO
Penempatan suatu kata kunci yang dapat dibaca dalam menemukan suatu lokasi, kategori, atau nama produk dari suatu perusahaan yang dapat digunakan
oleh user dalam mengakses kebutuhan yang dimaksud melalui search engine seperti google. Adapun penempatan kata kunci yang dimaksud yaitu dengan
menggunakan penulisan di dalam header web toko Anugrah seperti berikut ini :
meta name=description content=?php include keywordmeta_descrip.php; ? meta name=keywords content=?php include keywordmeta_keyword.php; ?
Isi dari dari meta_descrip.php adalah sebagai berikut :
?php sql = mysql_queryselect nama_produk,deskripsi from produk where id_produk=_GET[id];
j = mysql_fetch_arraysql; if isset_GET[id]{
decrip = str_replace,``,j[deskripsi]; decrip = str_replace,`,decrip;
echo j[nama_produk]. .nl2braddslashesdecrip.; }
else{ echo _COMPANY_NAME. Toko Anugrah Online - Kami menjual berbagai macam alat
perabotan keperluan rumah tangga.; }
?
Isi dari meta_keyword.php adalah sebagai berikut :
?php echo
_COMPANY_LINK.,._COMPANY_LINKNAME.,._COMPANY_NAME.,._COMPANY_PLA CE.,._COMPANY_MAIL., toko perabotan rumah tangga, perabot, sendok, piring, garpu,
panci, blender, mixer, anugrah, bandung, parakanmuncang, magic com; ?
45
Agar nama produk yang di pasang di web dapat terbaca di search engine maka digunakan image alt seperti berikut :
link rel=image_src href=?php include keywordmeta_image.php; ?
Isi dari meta_image.php adalah sebagai berikut :
?php sql = mysql_queryselect photo from gambar where id_produk=_GET[id];
j = mysql_fetch_arraysql; if isset_GET[id]{
echo http:._COMPANY_LINK.img_produk.j[photo]; }
else{ echo http:._COMPANY_LINK.._COMPANY_LOGO;
} ?
III.2 Aturan Bisnis
Aturan bisnis dari sistem yang akan dibangun adalah sebagai berikut : 1. Pengelolaan stok :
a. Stok barang akan berkurang ketika member telah melakukan checkout. b. Stok barang akan dikembalikan apabila member membatalkan barang
yang sudah dipesan atau tidak melakukan pembayaran dalam jangka waktu 1 x 24 jam.
c. Jika dalam pemesanan produk ada 2 member atau lebih melakukan pemesanan produk yang sama secara bersamaan dengan jumlah
pemesanan produk melebihi stok yang ada, maka produk yang dipesan akan diberikan kepada member yang memesan pertama kali dan untuk
46
member yang kedua atau selanjutnya akan diberi informasi bahwa stok barang yang tersedia telah habis atau kurang dari pemesanan.
Member dapat melanjutkan belanja dengan stok yang tersisa atau dapat membatalkan pemesanan produk tersebut.
2. Aturan bisnis pembayaran : a. Member akan diberikan jangka waktu 1 x 24 jam untuk melakukan
pembayaran, apabila dalam tenggang waktu tersebut member belum juga melakukan pembayaran, maka pemesanan barang secara otomatis
akan dibatalkan oleh sistem dan stok akan dikembalikan. b. Pembayaran dapat dilakukan secara offline maupun online :
1. Pembayaran offline, pembayaran menggunakan Account Bank BNI, pembayaran dapat dilakukan dengan cara transfer atau setor
tunai. 2. Pembayaran online, pembayaran online dengan menggunakan
fasilitas Payment Gateway PayPal. 3. Aturan diskon :
Dalam melakukan penjualan, toko Anugrah memberikan harga diskon. Diskon diiputkan secara manual oleh admin. Penentuan diskon
sepenuhnya berada ditangan pemilik toko. Pemberian diskon yang diberikan pada produk dimulai dari 5 sampai 20.
47
4. Aturan pembelian : a. Untuk melakukan pemesanan produk anda harus terdaftar dulu ebagai
member di anugrahonlineshop.com. b. Member dapat melakukan login dengan menggunakan username dan
password yang telah didaftarkan. 5. Aturan retur :
a. Hanya produk yang status pengirimannya telah diterima oleh member yang bisa direturkan.
b. Batas waktu untuk mereturkan produk adalah 1 hari setelah produk telah diterima oleh member.
c. Produk yang dapat direturkan : 1. Produk yang tidak sesuai dengan yang dipesan atau salah kirim.
2. Produk yang dibeli dalam keadaan cacat. 3. Produk yang dibeli mengalami kerusakan yang disebabkan oleh
pihak toko bukan kerusakan yang dilakukan oleh member. d. Jika barang yang diretur stoknya sudah habis, maka akan menunggu
stok baru selama 3 tiga hari. Jika sudah lebih dari 3 tiga hari, maka produk yang diretur akan diuangkan.
e. Ongkos kirim retur ditanggung oleh member.
48
III.3 Analisis Basis Data
Setiap aplikasi e-Commerce pasti membutuhkan data untuk menghasilkan informasi yang dibutuhkan. Data yang ada saling berhubungan atau berelasi antara
satu dengan yang lainnya untuk menyajikan informasi yang benar. Apabila data yang ada tidak saling berelasi, maka tidak akan terbentuk suatu pengolahan data
menjadi informasi untuk memodelkan relasi data dalam model analisis perangkat lunak terstruktur digunakan sebuah alat bantu berupa diagram yang disebut
dengan diagram ER Entity Relationship.
III.3.1 Entity Relationship Diagram ERD
Dari hasil analisis, terdapat data yang akan dipakai dalam proses pembangunan aplikasi penjualan berbasis web. Dari data yang telah diperoleh
akan digunakan untuk mendesain basis data dengan atribut-atribut yang melengkapinya. Dalam hal ini akan digunakan Entity Relationship Diagram
ERD untuk merancang basis data.
49
members orders
produk kategori
sub_kategori komentar
memiliki
memiliki
memiliki orders_detail
kota detail_retur
ongkoskirim provinsi
merk memiliki
hubungi
N N
memiliki
memiliki retur
memiliki
memiliki memiliki
memiliki
memiliki id_detail_retur
id_retur
id_orders id_orders
id_gambar id_komentar
id_kategori
id_subkategori id_merk
id_produk username
id_hubungi
id_ongkos id_kota
id_prov gambar
N
1 N
1
N 1
N
1 1
N N
1
N
1 1
N 1
N
vote orders_temp
1 N
memiliki
1 N
1 memiliki
N
1 N
id_orders_temp memiliki
N
1 memiliki
1 N
memiliki 1
N id
Jenis_pengiriman
Jasa_pengiriman memiliki
memiliki N
1 N
N
1 memiliki
1 id_jenis_pengiriman
jasa_kirim memiliki
1 N
memiliki
memiliki N
1 N
1 memiliki
1 N
1
memiliki N
memiliki N
1
Gambar III.3 Entity Reletionship Diagram
50
III.3.2 Kamus Data Entity Relationship
Kamus data adalah katalog fakta tentang data dan kebutuhan informasi suatu sistem informasi
[8]
. Pada tabel III.3 berikut adalah kamus data entity relationship.
Tabel III.3 Kamus Data Entity Relationship
No. Entitas
Atribut 1.
detail_retur {id_detail_retur, id_retur, id_produk, jumlah, alasan,
status_produk_retur} 2.
gambar {id_gambar, id_produk, nama_gambar, photo}
3. hubungi
{id_hubungi, nama, email, subjek, pesan, tanggal} 4.
jasa_pengiriman {jasa_kirim, perusahaan}
5. jenis_pengiriman
{id_jenis_pengiriman, jasa_kirim, nama_jenis} 6.
kategori {id_kategori, nama_kategori, kategori_seo}
7. komentar
{id_komentar, id_produk, nama, komentar, tgl_komentar, jam_komentar, aktif}
8. kota
{id_kota, id_prov, nama_kota, kabkota} 9.
members {id_member, username, password, nama_lengkap, alamat, jk, email,
no_telp, kota, provinsi, kode_pos, level, blokir, id_session} 10.
merk {id_merk, nama_merk}
11. ongkoskirim
{id_ongkos, id_kota, ongkos_kirim, jenis_jasa, lama_kirim} 12.
orders {id_orders, jasa_kirim, no_transaksi, username, nama_kustomer,
alamat, telepon, email, status_order, status_bayar, status_pengiriman, kode_pos, tgl_order, tgl_bayar, tgl_batal, tgl_sampai, tot_order,
dibayar_dlr, dibayar_rp, jam_order, id_prov, id_kota, no_resi, jenis_bayar, ongkos, atas_nama, kode_trx, no_rek, track_table,
track_tujuan, track_petugas, track_tgl_terima, track_penerima, track_status, track_tgl_kirim, type_trx, paket_name}
13. orders_detail
{id_orders, id_produk, jumlah, total, diskon, harga, pkt_id} 14.
ordes_temp {id_orders_temp, id_produk, username, jumlah, harga, diskon,
tgl_order_temp, jam_order_temp, stok_temp, id_session, pkt_id} 15.
produk {id_produk, id_kategori, id_subkategori, nama_produk, id_merk,
produk_seo, deskripsi, harga, diskon, berat, tgl_masuk, gambar, stok, dibeli, dilihat}
16. provinsi
{id_prov, nama_prov} 17.
retur {id_retur, username, id_orders, tgl_retur, status_retur, no_resi_retur,
biaya} 18.
sub_kategori {id_subkategori, id_kategori, nama_subkategori, subkategori_seo}
19. vote
{id, username, date, vote}
51
III.4 Analisis Kebutuhan Fungsional
Analisis kebutuhan fungsional bertujuan untuk mengetahui proses informasi yang mengalir melalui perangkat lunak. Untuk menggambarkan proses
informasi secara umum digunakan alat bantu, yaitu Diagram Konteks, Data Flow Diagram DFD, Kamus Data dan Spesifikasi Proses.
III.4.1 Diagram Konteks
Diagram konteks merupakan suatu alat untuk menggambarkan sistem secara garis besar atau secara keseluruhan yang berisi entiitas dan informasi yang
mengalir diantara keduanya. Diagram konteks pada Aplikasi e-Commerce di toko Anugrah dapat dilihat pada gambar III.4.
Aplikasi e-Commerce Penjualan Toko Anugrah
Admin Pengunjung
Member
Mail Server Facebook
Paypal Info Login Admin
Info Produk Info Kategori
Info Sub Kategori Info Merk
Info Gambar Info Provinsi
Info Kota Info Orders
Info Orders Setail Info Status Bayar
Info No Resi Info Status Pengiriman
Info Retur Info Hubungi
Laporan Penjualan Data Login Admin
Data Produk Data Kategori
Data Sub kategori Data Merk
Data Gambar Data Provinsi
Data Kota Data Orders
Data Orders Detail Data Status Bayar
Data No Resi Data Status Pengiriman
Data Retur Data Hubungi
Laporan Penjualan
Data Login Member Data Member
Data Orders Data Orders Detail
Data Orders Temp Data Alamat Pengirimann
Data Jenis Pengiriman Data Retur
Data Detail Retur Data Vote
Data Hubungi Data komentar
Info Login Member Info Member
Info Orders Info Orders Detail
Info Orders Temp Info Alamat Pengiriman
Info Jenis Pengiriman Info History Orders
Info Retur Info Detail Retur
Info Vote Info Hubungi
Info Komentar Info Registrasi
Info Ordes Temp Info Hubungi
Data registrasi Data Orders Temp
Data Hubungi Info Aktivasi
Info Aktivasi Info Orders
Info Orders Detail Info Retur
Info Detail Retur Data Orders
Status Bayar Info Produk
Data Aktivasi Data Orders
Data Orders Detail Data Retur
Data Detail Retur BCA
Info Kurs
Gambar III.4 Diagram Konteks
52
III.4.2 Data Flow Diagram DFD
Data Flow Diagram DFD adalah sebuah alat yang menggambarkan aliran data sampai sebuah sistem selesai, dan kerja atau proses dilakukan dalam
sistem tersebut
[8]
. DFD akan menjelaskan aliran data di diagram konteks dengan lebih rinci.
1.0 Registrasi
2.0 Login
4.0 Pengolahan Data Master
5.0 Transaksi
3.0 Update Profile
6.0 History Orders
7.0 Pembuatan
Laporan 8.0
Retur 9.0
Vote
10.0 Komentar
11.0 Kontak
Admin Pengunjung
Member
Paypal
Mail Server Facebook
Info Hubungi Data Hubungi
Data Registrasi Info Aktivasi
Hubungi Data Hubungi
Info Hubungi
Member Data Registrasi
Info Registrasi Data Registrasi
Data Login Member Data Login Member
Data Member Data Member
Data Member Data Member
Produk Merk
Kategori Sub Kategori
Gambar Data Produk
Data Produk Vote
Data Vote Data Vote
Info Vote Produk Data Vote Produk
Kota Provinsi
Ongkos kirim Jasa Pengiriman
Data Provinsi Data Provinsi
Data Kota Data Kota
Data Jasa Pengiriman Data Jasa Pengiriman
Data Ongkos Kirim Data Ongkos Kirim
Orders
Orders detail Orders Temp
Data Merk Data Kategori
Data Sub Kategori Data Gambar
Data Gambar Data Kategori
Data Sub Kategori Data Merk
Data Orders Detail Data Orders Detail
Data Orders
Data Orders Data Orders
Status Bayar Data Orders Temp
Data Orders Temp
Data Orders Data Orders
Data Orders Detail Data Orders Detail
Data Orders
Data Orders Data Orders Detail
Data orders detail Info Orders
Info Orders Detail Info Orders Temp
Info Alamat Pengiriman Info Jenis Pengiriman
Data Orders
Info Orders Info History Orders
Status Login Member Valid Info Member
Data Member Info Login Member
Data Login Member Info Vote
Data Vote Info Hubungi
Data Hubungi
Retur
Detail Retur Data Retur
Data Detail Retur Info Retur
Info Detail Retur Data Retur
Data Retur Data Detail Retur
Data Detail Retur Info Orders
Info Orders Detail Info Aktivasi
Info Retur Info Detail Retur
Data Orders Data Orders
Data Orders Detail Data Orders Detail
Laporan Penjualan Laporan Produk
Laporan Penjualan Laporan Produk
Status Login Admin Valid admin
Data Login Admin Data Login Admin
Data Login Admin
Info Login Admin Info Login Admin
Info Produk Info Kategori
Info Sub Kategori Info Merk
Info Gambar Info Provinsi
Info Kota Info Orders
Info Orders Setail Info Status Bayar
Info No Resi Info Status Pengiriman
Info Retur Info Hubungi
Laporan Penjualan Status Login Member Valid
Data Login Admin Data Produk
Data Kategori Data Sub kategori
Data Merk Data Gambar
Data Provinsi Data Kota
Data Orders Data Orders Detail
Data Status Bayar Data No Resi
Data Status Pengiriman Data Retur
Data Hubungi Laporan Penjualan
Status Login Admin Valid Komentar
Data Komentar Data Komentar
Info Komentar Data Komentar
Status Login Member Valid Status Login Member Valid
Status Login Member Valid Status Login Member Valid
Data Orders Data Orders Detail
Data Orders Temp Data Alamat Pengiriman
Data Jenis Pengiriman Info Produk
Data Retur Data Retur
Jenis Pengiriman Data Jenis Pengiriman
Data Jenis Pengiriman
12.0 Pengolahan
Data Orders Data Produk
Data Produk
Gambar III.5 DFD Level 1
53
1.1 Isi
Form Registrasi
1.2 Aktivasi
Pengunjung Mail server
Member
Info Aktivasi Data Registrasi
Info Aktivasi
Data Registrasi Data Registrasi
Data Registrasi Data Registrasi
Gambar III.6 DFD Level 2 Proses 1.0 Registrasi
2.1 Verifikasi
Username
2.2 Verifikasi
Password
2.3 Lupa password
Admin Admin
Member Status Login Admin Valid
Status Login Member Valid
Member Data Login Admin
Data Login Admin Data Login Admin
Data Login Admin
Data Login Admin Data Login Admin
Data Login Admin Info Login Admin
Data Email Admin Data Username Admin
Info Login Admin Data Login Member
Data Login Member Data Login Member
Data Login Member Data Login Member
Data Login Member Data Login Member
Data Email Member Data Username Member
Info Login Member
Info Login Member Info Login Member
Info Login Member Invalid Data Login Member
Data Login Admin Info Login Admin
Info Login Admin Invalid Status Login Admin Valid
Status Login Member Valid
Gambar III.7 DFD Level 2 Proses 2.0 Login
54
4.1 Pengolahan
Data Kategori
4.2 Pengolahan
Data Sub Kategori
4.3 Pegolahan
Data Produk
4.4 Pegolahan
Data Merk
4.5 Pengolahan
Data Jasa Pengiriman
4.6 Pengolahan
Data Jenis Pengiriman
4.7 Pengolahan
Data Ongkos Kirim
4.8 Pengolahan
Data Provinsi
4.09 Pengolahan
Data Kota
4.10 Pengolahan
Data Member Admin
Facebook Info Kategori
Data Kategori
Info Sub Kategori Data sub Kategori
Info Produk Info Gambar
Data Produk Data Gambar
Info Merk Data Merk
Info Jasa Pengiriman Data Jasa Pengiriman
Info Jenis Pengiriman Data Jenis Pengiriman
Data Ongkos Kirim Info Ongkos Kirim
Info data member Info status member
Data member Data status member
Info Kota Data Kota
Info Provinsi Data Provinsi
Kategori
Merk Sub Kategori
Jasa Pengiriman Produk
Jenis Pengiriman
Ongkos Kirim
Provinsi
Kota
Member Gambar
Data Kategori Data Kategori
Data Sub Kategori Data Sub Kategori
Data Produk Data Produk
Data Gambar Data Gambar
Info Produk Data Merk
Data Merk
Data Jasa Pengiriman Data Jasa Pengiriman
Data Jenis Pengiriman Data Jenis Pengiriman
Data Ongkos Kirim Data Ongkos Kirim
Data Provinsi Data Provinsi
Data Kota Data Kota
Data Member Data Member
Status Login Admin Valid Status Login Admin Valid
Status Login Admin Valid Status Login Admin Valid
Status Login Admin Valid Status Login Admin Valid
Status Login Admin Valid Status Login Admin Valid
Status Login Admin Valid Status Login Admin Valid
Gambar III.8 DFD Level 2 Proses 4.0 Pengolahan Data Master
55
5.1 Tambah Item
Pemesanan
5.2 Edit Item
Pemesanan
5.3 Hapus Item
Pemesanan
5.4 Konfirmasi
Pengiriman
5.5 Checkout
5.6 Konfirmasi
Pembayaran Member
Mail server Paypal
Orders Orders Detail
Orders Temp Data Orders Temp
Info Orders Temp Data Orders Temp
Info Orders Temp Data Orders Temp
Info Orders Temp Data Orders Temp
Data Orders Temp
Data Orders Temp Data Orders Temp
Data Orders Temp Data Orders Temp
Data Orders Temp Data Orders Temp
Data Orders Data Orders
Data Orders Data Orders
Data Orders Status Bayar
Data Orders Data Orders
Info Alamat Pengiriman Info Jenis Pengiriman
Data Alamat Pengiriman Data Jenis Pengiriman
Data Orders Detai Data Orders Detail
Data Orders Detail Data Orders Detail
Info Orders Info Orders Detail
Data Orders Detail Data Orders Detail
Data Orders Info Orders
Satus Login Member Valid
Satus Login Member Valid
Satus Login Member Valid
Satus Login Member Valid
Satus Login Member Valid
Satus Login Member Valid
Gambar III.9 DFD Level 2 Proses 5.0 Transaksi
56
6.1 Cari Data
History Orders
6.2 Cancel
Data Orders
6.3 Tampil Detail
History Ordes Member
Orders Orders Detail
Info History Orders Info Orders
Data Orders Data Orders
Info Orders
Data Orders Detail Data Orders Detail
Data Orders Detail Data Orders Detail
Data Orders Data Orders
Data Orders Data Orders
Data Orders Detail Data Orders Detail
Data Orders Data Orders
Status Login Member Valid
Status Login Member Valid
Status Login Member Valid
Gambar III.10 DFD Level 2 Proses 6.0 History Orders
7.1 Cari Laporan
Penjualan
7.2 Cetak Laporan
Penjualan Admin
Orders Laporan Penjualan
Laporan Penjualan Laporan Penjualan
Data Orders Data Orders
Data Orders Data Orders
Status Login Admin Valid Status Login Admin Valid
7.3 Cari Laporan
Produk
7.4 Cetak Laporan
Produk Produk
Data Produk Data Produk
Laporan Produk Data Produk
Data Produk Status Login Admin Valid
Status Login Admin Valid Laporan Produk
Gambar III.11 DFD Level 2 Proses 7.0 Pembuatan Laporan
57
8.1 Pilih Orders
Yang diretur
8.2 Tambah
Data Retur
8.3 Cari
Data Retur
8.4 Tampil Detail
Data Retur Mail server
Member Orders
Orders Detail Retur
Detail Retur Data retur
Data detail retur Info retur
Info detail retur
Data retur Info retur
Info retur Data Orders
Info Retur Info Detail Retur
Data Orders Data Orders
Data Retur Data Retur
Data Detail Retur Data Detail Retur
Data Detail Retur Data Detail Retur
Data Retur Data Retur
Data Retur
Data Retur Data Orders Detail
Data Orders Detail Status Login Member Valid
Status Login Member Valid
Status Login Member Valid
Status Login Member Valid
Gambar III.12 DFD Level 2 Proses 8.0 Pengolahan Retur
12.1 Cari
Data Orders
12.2 Menampilkan
Detail Orders
12.3 Pengolahan
Produk Retur Admin
Orders Data Orders
Info Orders
Data Orders Data Status Bayar
Data No Resi Label Pengiriman
Info Orders Info Status Bayar
Info No Resi Label Pengiriman
Data Retur Data Status Retur
Data No Resi Retur Info Retur
Info Status Retur Info No Resi Retur
Orders Detail
Retur Detail Retur
Data Orders Data Orders
Data Orders Data Orders
Data Orders Detail Data Orders Detail
Data Orders Detail Data Orders Detail
Retur Retur
Data Detail Retur Data Detail Retur
Mail Server Info Orders
Info Orders Detail
Info Retur Info Detail Rertur
Status Login Admin Valid
Status Login Admin Valid
Status Login Admin Valid
Gambar III.13 DFD Level 2 Proses 12.0 Pengolahan Data Orders
58
4.1.1 Tambah
Data Kategori
4.1.2 Edit
Data Kategori
4.1.3 Hapus
Data Kategori
4.1.4 Cari
Data Kategori Admin
Kategori Data Kategori
Info Kategori Data Kategori
Info Kategori
Data Kategori Info Kategori
Data Kategori Info Kategori
Data Kategori Data Kategori
Data Kategori Data Kategori
Data Kategori Data Kategori
Data Kategori Data Kategori
Status Login Admin Valid
Status Login Admin Valid
Status Login Admin Valid
Status Login Admin Valid
Gambar III.14 DFD Level 3 Proses 4.1 Pengolahan Data Kategori
4.2.1 Tambah Data
Sub Kategori
4.2.2 Edit Data
Sub Kategori
4.2.3 Hapus Data
Sub Kategori
4.2.4 Cari Data
Sub Kategori Admin
Sub Kategori Data Sub Kategori
Info Sub Kategori Data Sub Kategori
Info Sub Kategori
Data Sub Kategori Info Sub Kategori
Data Sub Kategori Info Sub Kategori
Data Sub Kategori Data Sub Kategori
Data Sub Kategori Data Sub Kategori
Data Sub Kategori Data Sub Kategori
Data Sub Kategori Data Sub Kategori
Status Login Admin Valid
Status Login Admin Valid
Status Login Admin Valid
Status Login Admin Valid
Gambar III.15 DFD Level 3 Proses 4.2 Pengolahan Data Sub Kategori
59
4.3.1 Tambah
Data Produk
4.3.2 Edit
Data Produk
4.3.3 Hapus
Data Produk
4.3.4 Pengolahan
Data Gambar
4.3.5 Cetak
Data Produk
4.3.6 Cari
Data Produk Admin
Facebook
Merk
Produk
Gambar Info Produk
Data Produk Data Produk
Info Produk Data Produk
Info Produk
Data Produk Data Produk
Data Produk
Data Produk Data Produk
Data Produk
Data Produk Data Gambar
Data Gambar Data Produk
Data Produk
Data Produk Data Produk
Data Gambar Info Gambar
Data Produk Info Produk
Data Produk Info Produk
Status Login Admin Valid Status Login Admin Valid
Status Login Admin Valid Status Login Admin Valid
Status Login Admin Valid Info Produk
Status Login Admin Valid
Gambar III.16 DFD Level 3 Proses 4.3 Pengolahan Data Produk
60
4.4.1 Tambah
Data Merk
4.4.2 Edit
Data Merk
4.4.3 Hapus
Data Merk
4.4.4 Cari
Data Merk Admin
Merk Data Merk
Info Merk Data Merk
Info Merk
Data Merk Info Merk
Data Merk Info Merk
Data Merk Data Merk
Data Merk Data Merk
Data Merk Data Merk
Data Merk Data Merk
Status Login Admin Valid
Status Login Admin Valid
Status Login Admin Valid
Status Login Admin Valid
Gambar III.17 DFD Level 3 Proses 4.4 Pengolahan Data Merk
4.5.1 Tambah
Data Jasa Pengiriman
4.5.2 Edit
Data Jasa Pengiriman
4.5.3 Hapus
Data Jasa Pengiriman
Admin Jasa Pengiriman
Data Jasa Pengiriman Info Jasa Pengiriman
Data Jasa Pengiriman Info Jasa Pengiriman
Info Jasa Pengiriman
Data Jasa Pengiriman Data Jasa Pengiriman
Data Jasa Pengiriman
Data Jasa Pengiriman Data Jasa Pengiriman
Data Jasa Pengiriman Data Jasa Pengiriman
Status Login Admin Valid
Status Login Admin Valid
Status Login Admin Valid
Gambar III.18 DFD Level 3 Proses 4.5 Pengolahan Data Jasa Pengiriman
61
4.6.1 Tambah
Data Jenis Pengiriman
4.6.2 Edit
Data Jenis Pengiriman
4.6.3 Cari
Data Jenis Pengiriman
4.6.4 Hapus
Data Jenis Pengiriman
Admin Jenis Pengiriman
Info Jenis Pengiriman Data Jenis Pengiriman
Info Jenis Pengiriman Data Jenis Pengiriman
Data Jenis Pengiriman Info Jenis Pengiriman
Data Jenis Pengiriman Info Jenis Pengiriman
Data Jenis Pengiriman Data Jenis Pengiriman
Data Jenis Pengiriman Data Jenis Pengiriman
Data Jenis Pengiriman Data Jenis Pengiriman
Data Jenis Pengiriman Data Jenis Pengiriman
Status Login Admin Valid
Status Login Admin Valid
Status Login Admin Valid
Status Login Admin Valid
Gambar III.19 DFD Level 3 Proses 4.6 Pengolahan Data Jenis Pengiriman
4.7.1 Tambah Data
Ongkos Kirim
4.7.2 Edit Data
Ongkos Kirim
4.7.3 Hapus Data
Ongkos Kirim
4.7.4 Cari Data
Ongkos Kirim Admin
Kota Ongkos Kirim
Info Ongkos Kirim
Data Ongkos Kirim Data Ongkos Kirim
Info Ongkos Kirim Data Kota
Data Kota
Data ongkos kirim Info Ongkos Kirim
Data Ongkos Kirim Info Ongkos Kirim
Data Ongkos Kirim Data Ongkos Kirim
Data Ongkos Kirim Data Ongkos Kirim
Data Ongkos Kirim Data Ongkos Kirim
Data Ongkos Kirim Data Ongkos Kirim
Status Login Admin Valid
Status Login Admin Valid
Status Login Admin Valid
Status Login Admin Valid Jasa Pengiriman
Gambar III.20 DFD Level 3 Proses 4.7 Pengolahan Data Ongkos Kirim
62
4.8.1 Tambah
Data Provinsi
4.8.2 Edit
Data Provinsi
4.8.3 Cari
Data Provinsi
4.8.4 Hapus
Data Provinsi Admin
Provinsi Info Provinsi
Data Provinsi Info Provinsi
Data Provinsi
Data Provinsi Data Provinsi
Info Provinsi
Info Provinsi Data Provinsi
Data Provinsi Data Provinsi
Data Provinsi Data Provinsi
Data Provinsi Data Provinsi
Data Provinsi Status Login Admin Valid
Status Login Admin Valid
Status Login Admin Valid
Status Login Admin Valid
Gambar III.21 DFD Level 3 Proses 4.8 Pengolahan Data Provinsi
4.9.1 Tambah
Data kota
4.9.2 Edit
Data kota
4.9.3 Cari
Data kota
4.9.4 Hapus
Data kota Admin
kota Info Kota
Data Kota Info Kota
Data Kota
Data Kota Data Kota
Info Kota
Info Kota Data Kota
Data Kota Data Kota
Data Kota Data Kota
Data Kota Data Kota
Data Kota Status Login Admin Valid
Status Login Admin Valid
Status Login Admin Valid
Status Login Admin Valid Provinsi
Data Provinsi
Data Provinsi
Gambar III.22 DFD Level 3 Proses 4.9 Pengolahan Data Kota
63
4.10.1 Cari
Data Member
4.10.2 Edit
Status Member Admin
Member
Info Status Member Info Member
Data Member
Data Status Member Data Member
Data Member Data Member
Data Member Status Login Admin Valid
Status Login Admin Valid
Gambar III.23 DFD Level 3 Proses 4.10 Pengolahan Data Member
5.4.1 Update Alamat
Pengiriman
5.4.2 Pilih Jenis
pengiriman Member
Ongkos Kirim Orders
Orders Detail Data Alamat Pengiriman
Data Jenis Pengiriman Info Jenis Pengiriman
Info Alamat Pengiriman
Data Ongkos Kirim Data Orders
Data Orders Data Orders
Data Orders Data Orders Detail
Data Orders Detail
Data Orders Detail Data Orders Detail
Status Login Member Valid Status Login Member Valid
Gambar III.24 DFD Level 3 Proses 5.4 Pengolahan Konfirmasi Pengiriman
64
5.6.1 Pemilihan
Orders
5.6.2 Pilih Jenis
Pembayaran
5.6.3 Pembayaran
Transfer
5.6.4 Pembayaran
Paypal Member
Paypal Orders
Orders Detail
Info Orders Data Orders
Info Orders Data Orders
Data orders Data Orders
Data Orders Data Orders
Data Orders Data Orders Detail
Data Orders Detail
Data Orders Data Orders
Data Orders Data Orders
Data Orders
Status Bayar Data Orders
Status Login Member Valid
Status Login Member Valid
Status Login Member Valid
Status Login Member Valid
Gambar III.25 DFD Level 3 Proses 5.6 Pengolahan Konfirmasi Pembayaran
12.2.1 Update Status
Orders
12.2.2 Input No Resi
Pengiriman
12.2.3 Cetak Label
Pengiriman Admin
Mail Server Orders
Orders Detail Data Status Orders
Info Status Orders
Label Pengiriman Label Pengiriman
Info No Resi Data No Resi
Data Orders Data Orders
Data Orders Detail Data Orders Detail
Data Orders Data Orders
Data Orders Detail Data Orders Detail
Data Orders Data Orders
Data Orders Detail Data Orders Detail
Info Orders Info Orders Detail
Info Orders Info Orders Detail
Status Login Admin Valid
Status Login Admin Valid
Status Login Admin Valid
Gambar III.26 DFD Level 3 Proses 12.2 Menampilkan Detail Orders
65
12.3.1 Update Status
Retur
12.3.2 Input No Resi
Retur Admin
Mail Server Retur
Detail Retur Info Status Retur
Data Status Retur
Info No Resi Retur Data No Resi Retur
Data Retur Data Retur
Data Detail Retur Data Detail Retur
Data Retur
Data Retur Data Detail Retur
Data Detail Retur Info Retur
Info Detail Retur
Info Retur Info Detail Retur
Status Login Admin Valid
Status Login Admin Valid
Gambar III.27 DFD Level 3 Proses 12.3 Pengolahan Produk Retur
4.3.4.1 Tambah
Data Gambar
4.3.4.2 Hapus
Data Gambar Admin
Gambar Produk
Data Gambar
Data Gambar Info Gambar
Info Gambar
Data Gambar Data Gambar
Data Gambar Data Gambar
Data Gambar
Status Login Admin Valid Status Login Admin Valid
Gambar III.28 DFD Level 4 Proses 4.3.4 Pengolahan Data Gambar
66
III.4.3 Spesifikasi Proses
Spesifikasi proses digunakan untuk menggambarkan proses model aliran yang terdapat pada DFD. Spesifikasi proses dari DFD yang telah dibuat dapat
dijelaskan pada tabel III.4 berikut :
Tabel III.4 Spesifikasi Proses
No. Detail
Keterangan 1.
Nomor Proses 1.0
Nama Proses Registrasi
Source Pengunjung
Input Data Registrasi
Output Info Registrasi
Destination Pengunjung
Deskripsi Proses ini digunakan untuk Registarsi Pengunjung
Logika proses 1. User menekan tombol daftar tampilkan layar registrasi
2. User mengisi form registrasi proses 1.1 3. Jika data registrasi valid maka sistem akan akan mengirimkan
data registrasi ke alamat email pengunjung untuk melakukan aktivasi proses 1.2
4. Jika data registrasi invalid maka pengunjung harus mengulangi mengisi form registrasi
2. Nomor Proses
2.0 Nama Proses
Login Source
1. Admin 2. Member
Input 1. Data Login Admin
2. Data Login Member Output
1. Info Login Admin 2. Info Login Member
3. Info Login Admin Invalid 4. Info Login Member Invalid
Destination 1. Admin
2. Member Deskripsi
Proses login digunakan oleh admin dan member untuk mengakses aplikasi
Logika proses 1. User membuka halaman login
2. Jika user adalah admin maka tampilkan layar menu login admin 3. Jika user adalah member maka tampilkan layar menu login
member 4. Admin atau member memasukan username dan password
5. Cek ke dalam database 6. Jika sesuai maka admin atau member masuk ke form menu
7. Jika tidak maka kembali ke point 4 untuk melakukan login
kembali 3.
Nomor Proses 3.0
Nama Proses Update Profile
Source Member
Bersambung
67
No. Detail
Keterangan Input
1. Status Login Member Valid 2. Data Member
Output Info Member
Destination Member
Deskripsi Proses ini digunakan oleh member untuk merubah data profile
member. Logika Proses
1. Status login member valid 2. User menekan tombol profil tampilkan layar menu update profile
3. Member mengubah data member yang lama dengan data member yang baru
4. Jika benar maka data member yang baru akan disimpan ke database
5. Jika tidak maka ulangi perubahan data member 4.
Nomor Proses 4.0
Nama Proses Pengolahan Data Master
Source Admin
Input 1. Status Login Admin Valid
2. Data Kategori 3. Data Sub Kategori
4. Data Produk 5. Data Gambar
6. Data Merk 7. Data Ongkos Kirim
8. Data Provinsi 9. Data Kota
10. Data Member 11. Data Status Member
12. Data Jasa Pengiriman 13. Data Jenis Pengiriman
Output 1. Info Kategori
2. Info Sub Kategori 3. Info Produk
4. Info Gambar 5. Info Merk
6. Info Ongkos Kirim 7. Info Provinsi
8. Info Kota 9. Info Member
10. Info Status Member 11. Info Jasa Pengiriman
12. Info Jenis Pengiriman
Destination Admin
Deskripsi Proses ini digunakan oleh admin untuk mengolah data master.
Logika Proses 1. Status login admin valid
2. Admin menekan menu pengolahan tampilkan layar menu data master
3. Admin dapat memilih menu yang terdapat pada data master 4. Admin dapat menambah, mengubah, mencari dan menghapus
data – data yang ada
5. Jika memilih menu kategori, maka tampilkan data kategori Proses 4.1
6. Jika memilih menu sub kategori, maka tampilkan data sub kategori Proses 4.2
7. Jika memilih menu produk, maka tampilkan data produk Proses
Tabel III.4 Spesifikasi Proses Lanjutan
Bersambung,
68
No. Detail
Keterangan 4.3
8. Jika memilih menu merk, maka tampilkan data merk Proses 4.4 9. Jika memilih menu jasa pengiriman, maka tampilkan data jasa
pengiriman Proses 4.5 10. Jika memilih menu jenis pengiriman, maka tampilkan data jenis
pengiriman Proses 4.6 11. Jika memilih menu ongkos kirim, maka tampilkan data ongkos
kirim Proses 4.7 12. Jika memilih menu provinsi, maka tampilkan data provinsi
Proses 4.8 13. Jika memilih menu kota, maka tampilkan data kota Proses 4.9
14. Jika memilih menu member, maka tampilkan data member Proses 4.10
5. Nomor Proses
5.0 Nama Proses
Transaksi Source
Member Input
1. Status Login Member Valid 2. Data Orders
3. Data Orders Detail 4. Data Orders Temp
5. Data Alamat Pengiriman 6. Data Jenis Pengiriman
Output 1. Info Orders
2. Info Orders Detail 3. Info Orders Temp
4. Info Alamat Pengiriman 5. Info Jenis Pengiriman
Destination Member
Deskripsi Proses ini digunakan untuk melakukan pemesanan produk
Logika Proses 1. Status login member valid
2. Member melakukan transaksi tampilkan layar menu transaksi 3.
Member memilih produk yang akan dibeli 4. Jika produk dipesan ditambahkan, maka menuju ke tambah item
pemesanan Proses 5.1 5. Jika produk yang dipesan ingin di edit, maka menuju ke edit item
pemesanan Proses 5.2 6. Jika produk tidak jadi dipesan, maka menuju ke hapus item
pemesanan Proses 5.3 7. Jika produk yang dipesan akan dikirim, maka mmenuju ke
konfirmasi pengiriman Proses 5.4 8. Jika selesai belanja, maka menuju ke checkout Proses 5.5
9. Jika produk yang dipesan akan dibayar, maka menuju ke konfirmasi pembayaran Proses 5.6
6. Nomor Proses
6.0 Nama Proses
History Orders Source
1. Member 2. Proses 5.0
Input 1. Status Login Member Valid
2. Data Orders Output
1. Info Orders 2. Info History Orders
Destination Member
Deskripsi Proses ini digunakan untuk melihat History orders yang dilakukan
oleh member
Tabel III.4 Spesifikasi Proses Lanjutan
Bersambung,
69
No. Detail
Keterangan Logika Proses
1. Member memilih tombol pesanan tampilkan layar history orders 2. Member memilih history orders
3. Sistem menampilkan history orders yang dipilih 4. Jika member ingin mencari history orders, maka menuju ke cari
data orders proses 6.1 5. Jika member ingin membatalkan produk yang dipesan, maka
menuju ke cancel data orders proses 6.2 6. Jika member ingin mengetahui detail orders, maka menuju ke
detail history orders Proses 6.3 7.
Nomor Proses 7.0
Nama Proses Pembuatan Laporan
Source Data Orders
Input 1. Status Login Admin Valid
2. Laporan Penjualan 3. Laporan Produk
Output 1. Laporan Penjualan
2. Laporan Produk Destination
Admin Deskripsi
Proses ini digunakan untuk pembuatan laporan Logika Proses
1. Admin memilih menu laporan penjualan tampilkan layar pembuatan laporan penjualan
2. Jika admin ingin mencari laporan penjualan, maka menuju ke cari laporan penjualan Proses 7.1
3. Jika admin ingin mencetak laporan penjualan, maka menuju ke cetak laporan penjualan Proses 7.2
4. Admin memilih menu laporan produk tampilkan layar pembuatan laporan produk
5. Jika admin ingin mencari laporan produk, maka menuju ke cari laporan produk Proses 7.3
6. Jika admin ingin mencetak laporan produk, maka menuju ke cetak laporan produk Proses 7.4
8. Nomor Proses
8.0 Nama Proses
Retur Source
Member
Input 1. Status Login Member Valid
2. Data Retur 3. Data Detail Retur
Output 1. Info Retur
2. Info Detail Retur
Destination Admin
Deskripsi Proses ini digunakan untuk retur produk
Logika Proses 1. Status login member valid
2. Member memilih menu retur tampilkan layar menu retur 3. Member memilih orders yang akan diretur Proses 8.1
4. Jika memilih tambah data retur, maka akan menuju ke tambah data retur Proses 8.2
5. Jika memilih cari data retur, maka menuju ke cari data retur Proses 8.3
6. Jika memilih detail produk yang diretur, maka menuju ke detail data retur Proses 8.4
9. Nomor Proses
9.0 Nama Proses
Vote Source
Member
Tabel III.4 Spesifikasi Proses Lanjutan
Bersambung,
70
No. Detail
Keterangan Input
1. Status Login Member Valid 2. Data Vote
Output Info Vote
Destination Member
Deskripsi Proses ini digunakan untuk memberikan rating terhadap produk
Logika proses 1. Status login member valid
2. Member memilih menu vote tampilkan layar vote produk 3. Member Melakukan pengisian vote produk
10. Nomor Proses
10.0 Nama Proses
Komentar Source
Member Input
Data Komentar Output
Info Komentar Destination
Member Deskripsi
Proses ini digunakan untuk menampilkan informasi komentar Logika Proses
1. Member memilih menu komentar tampilkan layar komentar 2. Member mengisi form komentar
11. Nomor Proses
11.0 Nama Proses
Kontak Source
Pengunjung dan Member Input
Data Hubungi Output
Info Hubungi Destination
Pengunjung Deskripsi
Proses ini digunakan untuk menghubungi administrator Logika Proses
1. User memilih menu kontak tampilkan layar hubungi 2. User mengisi form hubungi
12. Nomor Proses
12.0 Nama Proses
Pengolahan Data Orders Source
Admin Input
1. Status Login Admin Valid 2. Data Orders
3. Data Orders Detail 4. Data Retur
5. Data Detail Retur 6. Data Status Bayar
7. Data No Resi 8. Data Status Retur
9. Data No Resi Retur
Output 1. Info Orders
2. Info Orders Detail 3. Info Retur
4. Info Detail Retur 5. Info Status Bayar
6. Info No Resi 7. Info Status Retur
8. Info No Resi Retur
Destination Admin
Deskripsi Proses ini digunakan oleh admin untuk mengolah data orders
Logika Proses 1. Status login admin valid
2. Admin menekan menu orders tampilkan layar menu orders 3. Admin dapat memilih menu yang terdapat pada pengolahan orders
4. Admin dapat mencari dan menampilkan detail orders serta
mengolah data produk retur
Tabel III.4 Spesifikasi Proses Lanjutan
Bersambung,
71
No. Detail
Keterangan 5. Jika memilih Cari, maka menuju ke cari data orders Proses 12.1
6. Jika memilih Detail, maka menuju ke detail orders Proses 12.2 7. Jika memilih menu produk retur, maka menuju ke pengolahan
produk retur Proses 12.3 13.
Nomor Proses 1.1
Nama Proses Isi Form Registrasi
Source Pengunjung
Input Data Registrasi
Output Info registrasi
Destination Pengunjung
Deskripsi Proses ini digunakan untuk pengisian data member
Logika Proses 1. User menekan tombol daftar akun tampilkan layar form registrasi
2. User mengisi data registrasi 3. Jika data registrasi benar maka lanjutkan ke aktivasi proses 1.2
4. Jika salah maka user harus mengulang pengisian form registrasi
14. Nomor Proses
1.2 Nama Proses
Aktivasi
Source Pengunjung
Input Data Registrasi
Output Info Registrasi
Destination Pengunjung
Deskripsi Proses ini digunakan untuk mengecek aktivasi pengunjung
Logika Proses 1. User menekan tombol aktivasi tampilkan layar aktivasi
2. System mengirim data aktivasi ke email user 3. user mengecek data aktivasi ke email
4. Jika data aktivasi ada maka member akan di arahkan menuju link
login member 5. Member bisa melakukan login
15. Nomor Proses
2.1 Nama Proses
Verifikasi Username Source
1. Admin 2. Member
Input 1. Data Login Admin
2. Data Login Member Output
1. Info Login Admin 2. Info Login Member
3. Status Login Admin Valid 4. Status Login Member Valid
Destination 1. Admin
2. Member 3. Proses 2.0
Deskripsi Proses ini digunakan untuk memeriksa username
Logika Proses 1. User melakukan login
2. Jika user adalah admin maka tampilkan layar menu login admin 3. Jika user adalah member maka tampilkan layar menu login
member 4. User memasukan data username
5. Sistem memeriksa ke database 6. Jika username sesuai maka admin atau member mengisi password
7. Jika tidak maka admin atau member memasukan kembali data
username 16.
Nomor Proses 2.2
Nama Proses Verifikasi Password
Tabel III.4 Spesifikasi Proses Lanjutan
Bersambung,
72
No. Detail
Keterangan Source
1. Admin 2. Member
Input 1. Data Login Admin
2. Data Login Member 3. Status Login Admin Valid
4. Status Login Member Valid
Output 1. Info Login Admin
2. Info Login Member 3. Info Login Admin Invalid
4. Info Login Member Invalid 5. Status Login Admin Valid
6. Status Login Member Valid
Destination 1. Admin
2. Member 3. Proses 2.0
Deskripsi Proses ini digunakan untuk memeriksa password
Logika Proses 1. User melakukan login
2. Jika user adalah admin maka tampilkan layar menu login admin 3. Jika user adalah member maka tampilkan layar menu login
member 4. Admin atau member memasukan data password, jika username
telah diisi 5. Sistem memeriksa ke database
6. Jika password sesuai maka admin atau member masuk ke dalam sistem
7. Jika tidak maka admin atau member memasukan kembali data username dan password
17. Nomor Proses
2.3 Nama Proses
Lupa Password Source
1. Member 2. Admin
Input 1. Data Login Member
2. Data Login Admin Output
1. Info Login Member 2. Info Login Admin
Destination 1. Member
2. Admin Deskripsi
Proses ini digunakan jika lupa password Logika Proses
1. User menekan tombol lupa password 2. Jika user adalah admin maka tampilkan layar menu lupa password
admin 3. Jika user adalah member maka tampilkan layar menu lupa
password member 4. User mengisi username dan email
5. Sistem memeriksa database 6. Jika cocok, maka password baru akan dikirimkan ke email user
7. Jika tidak kembali ke point 4
18. Nomor Proses
4.1 Nama Proses
Pengolahan Data Kategori Source
Admin Input
1. Status Login Admin Valid 2. Data Kategori
Output Info Kategori
Destination 1. Admin
Tabel III.4 Spesifikasi Proses Lanjutan
Bersambung,
73
No. Detail
Keterangan 2. Proses 4.0
Deskripsi Proses ini digunakan untuk melakukan pengolahan data kategori
Logika Proses 1. Status login admin valid
2. Admin memilih menu kategori, tampilkan layar menu pengolahan data kategori
3. Admin dapat menambah, mengubah, menghapus dan mencari data kategori
4. Jika memilih Tambah, maka menuju ke tambah data kategori Proses 4.1.1
5. Jika memilih Edit, maka menuju ke edit data kategori Proses 4.1.2
6. Jika memilih Hapus, maka menuju ke hapus data kategori Proses 4.1.3
7. Jika memilih Cari maka menuju ke cari data kategori Proses 4.1.4
19. Nomor Proses
4.2 Nama Proses
Pengolahan Data Sub Kategori Source
Admin Input
1. Status Login Admin Valid 2. Data Sub Kategori
Output Info Sub Kategori
Destination 1. Admin
2. Proses 4.0 Deskripsi
Proses ini digunakan untuk melakukan pengolahan data sub kategori Logika Proses
1. Status login admin valid 2. Admin memilih menu sub kategori, tampilkan layar menu
pengolahan data sub kategori 3. Admin dapat menambah, mengubah, menghapus dan mencari
data sub kategori 4. Jika memilih Tambah, maka menuju ke tambah data sub kategori
Proses 4.2.1 5. Jika memilih Edit, maka menuju ke edit data sub kategori proses
4.2.2 6. Jika memilih Hapus, maka menuju ke hapus data sub kategori
Proses 4.2.3 7. Jika memilih Cari, maka menuju ke cari data sub kategori Proses
4.2.4 20.
Nomor Proses 4.3
Nama Proses Pengolahan Data Produk
Source Admin
Input 1. Status Login Admin Valid
2. Data Produk Output
Info Produk Destination
1. Admin 2. Proses 4.0
Deskripsi Proses ini digunakan untuk melakukan pengolahan data produk
Logika Proses 1. Status login admin valid
2. Admin memilih menu produk, tampilkan layar menu pengolahan data produk
3. Admin dapat menambah, mengubah, menghapus dan mencari data produk
4. Jika memilih Tambah, maka menuju ke tambah data produk Proses 4.3.1
5. Jika memilih Edit, maka menuju ke edit data produk 4.3.2
Tabel III.4 Spesifikasi Proses Lanjutan
Bersambung,
74
No. Detail
Keterangan 6. Jika memilih Hapus, maka menuju ke hapus data produk proses
4.3.3 7. Jika ingin mengolah data gambar, maka menuju ke pengolahan
data gambar Proses 4.3.4 8. Jika ingin mencetak data produk, maka menuju ke cetak data
produk Proses 4.3.5 9. Jika memilih Cari, maka menuju ke cari data produk Proses
4.3.6 21.
Nomor Proses 4.4
Nama Proses Pengolahan Data Merk
Source Admin
Input 1. Status Login Admin Valid
2. Data Merk Output
Info Merk Destination
1. Admin 2. Proses 4.0
Deskripsi Proses ini digunakan untuk melakukan pengolahan data Merk
Logika Proses 1. Status login admin valid
2. Admin memilih menu merk, tampilkan layar menu pengolahan data merk
3. Admin dapat menambah, mengubah, menghapus dan mencari data Merk
4. Jika memilih Tambah, maka menuju ke tambah data merk Proses 4.4.1
5. Jika memilih Edit, maka menuju ke edit data merk Proses 4.4.2 6. Jika memilih Hapus, maka menuju ke hapus data merk Proses
4.4.3 7. Jika memilih Cari, maka menuju ke cari data merk Proses 4.4.4
22. Nomor Proses
4.5 Nama Proses
Pengolahan Data Jasa Pengiriman Source
Admin Input
1. Status Login Admin Valid 2. Data Jasa Pengiriman
Output Info Jasa Pengiriman
Destination 1. Admin
2. Proses 4.0 Deskripsi
Proses ini digunakan untuk melakukan pengolahan data jasa pengiriman
Logika Proses 1. Status login admin valid
2. Admin memilih menu jasa pengiriman, tampilkan layar menu pengolahan data jasa pengiriman
3. Admin dapat menambah, mengubah dan menghapus data jasa pengiriman
4. Jika memilih Tambah, maka menuju ke tambah data jasa pengiriman Proses 4.5.1
5. Jika memilih Edit, maka menuju ke edit data jasa pengiriman Proses 4.5.2
6. Jika meilih Hapus, maka menuju ke hapus data jasa pengiriman Proses 4.5.3
23. Nomor Proses
4.6 Nama Proses
Pengolahan Data Jenis Pengiriman Source
Admin Input
1. StatusLlogin Admin Valid
Tabel III.4 Spesifikasi Proses Lanjutan
Bersambung,
75
No. Detail
Keterangan 2. Data Jenis Pengiriman
Output Info Jenis Pengiriman
Destination 1. Admin
2. Proses 4.0 Deskripsi
Proses ini digunakan untuk melakukan pengolahan data jenis pengiriman
Logika Proses 1. Status login admin valid
2. Admin memilih menu jenis pengiriman, tampilkan layar menu pengolahan data jenis pengiriman
3. Admin dapat menambah, mengubah, mencari dan menghapus data jenis pengiriman
4. Jika memilih Tambah, maka menuju ke tambah data jenis pengiriman Proses 4.6.1
5. Jika memilih Edit, maka menuju ke edit data jenis pengiriman Proses 4.6.2
6. Jika memilih Cari, maka menuju ke cari data jenis pengiriman Proses 4.6.3
7. Jika memilih Hapus, maka menuju ke hapus data jenis pengiriman Proses 4.6.4
24. Nomor Proses
4.7 Nama Proses
Pengolahan Data Ongkos Kirim Source
Admin Input
3. Status Login Admin Valid 4. Data Ongkos Kirim
Output Info Ongkos Kirim
Destination 1. Admin
2. Proses 4.0 Deskripsi
Proses ini digunakan untuk melakukan pengolahan data Ongkos Kirim Logika Proses
1. Status login admin valid 2. Admin memilih menu ongkos kirim, tampilkan layar menu
pengolahan data ongkos kirim 3. Admin dapat menambah, mengubah, menghapus dan mencari data
ongkos kirim 4. Jika memilih Tambah, maka menuju ke tambah data ongkos kirim
Proses 4.7.1 5. Jika memilih Edit, maka menuju ke edit data ongkos kirim Proses
4.7.2 6. Jika memilih Hapus, maka menuju ke hapus data ongkos kirim
Proses 4.7.3 7. Jika memilih Cari, maka menuju ke cari data ongkos kirim
Proses 4.7.4 25.
Nomor Proses 4.8
Nama Proses Pengolahan Data Provinsi
Source Admin
Input 1. Status Login Admin Valid
2. Data Provinsi Output
Info Provinsi Destination
1. Admin 2. Proses 4.0
Deskripsi Proses ini digunakan untuk melakukan pengolahan data provinsi
Logika Proses 1. Status login admin valid
2. Admin memilih menu provinsi, tampilkan layar menu pengolahan data provinsi
Tabel III.4 Spesifikasi Proses Lanjutan
Bersambung,
76
No. Detail
Keterangan 3. Admin dapat menambah, mengubah, mencari dan menghapus
data provinsi 4. Jika memilih Tambah, maka menuju ke tambah data provinsi
proses 4.8.1 5. Jika memilih Edit, maka menuju ke edit data provinsi Proses
4.8.2 6. Jika memilih Cari, maka menuju ke cari data provinsi Proses
4.8.3 7. Jika memilih Hapus, maka menuju ke hapus data provinsi Proses
4.8.4
26. Nomor Proses
4.9 Nama Proses
Pengolahan Data Kota Source
Admin Input
1. Status Login Admin Valid 2. Data Kota
Output Info Kota
Destination 1. Admin
2. Proses 4.0 Deskripsi
Proses ini digunakan untuk melakukan pengolahan data kota Logika Proses
1. Status login admin valid 2. Admin memilih menu kota, tampilkan layar menu pengolahan
data kota 3. Admin dapat menambah, mengubah, mencari dan menghapus
data kota 4. Jika memilih Tambah, maka menuju ke tambah data kota Proses
4.9.1 5. Jika memilih Edit, maka menuju ke edit data kota Proses 4.9.2
6. Jika memilih Cari, maka menuju ke cari data kota Proses 4.9.3 7. Jika memilih Hapus, maka menuju ke hapus data kota Proses
4.9.4
27. Nomor Proses
4.10 Nama Proses
Pengolahan Data Member Source
Admin Input
1. Status Login Admin Valid 2. Data Member
3. Data Status Member Output
1. Info Member 2. Info Status Member
Destination 1. Admin
2. Proses 4.0 Deskripsi
Proses ini digunakan untuk melakukan pengolahan data member Logika Proses
1. Status login admin valid 2. Admin memilih menu member, tampilkan layar menu pengolahan
data member 3. Jika admin ingin mencari data member maka menuju ke cari data
member Proses 4.10.1 4. Jika admin ingin mengubah status member maka menuju ke edit
status member proses 4.10.2
28. Nomor Proses
5.1 Nama Proses
Tambah Item Pemesanan Source
Member Input
1. Status Login Member Valid 2. Data Orders Temp
Tabel III.4 Spesifikasi Proses Lanjutan
Bersambung,
77
No. Detail
Keterangan Output
Info Orders Temp Destination
1. Member 2. Proses 5.0
Deskripsi Proses ini digunakan untuk menambah item pemesanan
Logika Proses 1. Status login member valid
2. Member melakukan transaksi, tampilkan layar transaksi 3. Member memilih produk yang dibeli
4. Jika beli simpan produk di keranjang orders temp 5. Jika tidak member tidak jadi membeli
29. Nomor Proses
5.2 Nama Proses
Edit Item Pemesanan Source
Member Input
1. Status Login Member Valid 2. Data Orders Temp
Output Info Orders Temp
Destination 1. Member
2. Proses 5.0 Deskripsi
Proses ini digunakan untuk mengubah item pemesanan Logika Proses
1. Status Login member valid 2. Member memilih menu keranjang, tampilkan layar menu
keranjang orders temp 3. Member dapat mengedit jumlah item pemesanan
4. Jika memilih Edit, maka ubah jumlah pemesanan 5. Jika tidak member bisa memilih melanjutkan belanja atau selesai
belanja 30.
Nomor Proses 5.3
Nama Proses Hapus Item Pemesanan
Source Member
Input 1. Status Login Member Valid
2. Data Orders Temp Output
Info Orders Temp Destination
1. Member 2. Proses 5.0
Deskripsi Proses ini digunakan untuk menghapus item pemesanan
Logika Proses 1. Status login member valid
2. Member memilih menu keranjang, tampilkan layar menu keranjang orders temp
3. Member memilih simbol silang untuk menghapus item pemesanan
4. Simpan perubahan ke keranjang orders Temp 31.
Nomor Proses 5.4
Nama Proses Konfirmasi Pengiriman
Source Member
Input 1. Status Login Member Valid
2. Data Alamat Pengiriman 3. Data Jenis Pengiriman
Output 1. Info Alamat Pengirim
2. Info Jenis Pengiriman Destination
1. Member 2. Proses 5.0
Deskripsi Proses ini digunakan untuk menentukan alamat pengiriman
pemesanan dan jenis pengiriman Logika Proses
1. Status login member valid
Tabel III.4 Spesifikasi Proses Lanjutan
Bersambung,
78
No. Detail
Keterangan 2. Member masuk menu konfirmasi pengiriman, tampilkan layar
menu konfirmasi pengiriman 3. Member memilih Update alamat pengiriman, maka menuju ke
Update alamat pengiriman Proses 5.4.1 4. member memilih jenis pengiriman, maka menuju ke pilih jenis
pengiriman Proses 5.4.2 32.
Nomor Proses 5.5
Nama Proses Checkout
Source Member
Input 1. Status Login Member Valid
2. Data Orders 3. Data Orders Detail
Output 1. Info Orders Temp
2. Info Orders 3. Info Orders Detail
Destination 1. Member
2. Proses 5.0 Deskripsi
Proses ini digunakan untuk menyimpan data Orders Temp ke data Orders dan Orders detail
Logika Proses 1. Status login member valid
2. Member memilih checkout, tampilkan pilihan checkout 3. Jika member selesai belanja maka semua pemesanan yang ada di
keranjang akan dipindahkan ke pemesanan dan detail pemesanan 4. Simpan ke database
33. Nomor Proses
5.6 Nama Proses
Konfirmasi Pembayaran Source
Member Input
1. Status Login Member Valid 2. Data Orders
3. Data Orders Detail Output
1. Info Orders 2. Info Orders Detail
Destination 1. Member
2. Proses 5.0 Deskripsi
Proses ini digunakan untuk menentukan jenis pembayaran Logika Proses
1. Status login member valid 2. Member masuk menu konfirmasi pembayaran, tampilkan layar
menu konfirmasi pembayaran 3. Member memilih data orders yang akan dipesan
Proses 5.6.1 4. Jika member memilih jenis pembayaran, maka menuju ke pilih
jenis pembayaran Proses 5.6.2 5. Jika member ingin melakukan pembayaran secara offline, maka
menuju ke Transfer Proses 5.6.3 6. Jika member ingin melakukan pembayaran secara online, maka
menuju ke paypal Proses 5.6.4 34.
Nomor Proses 6.1
Nama Proses Cari Data History Orders
Source Member
Input 1. Status Login Member Valid
2. Data Orders Output
Info Orders Destination
1. Member
Tabel III.4 Spesifikasi Proses Lanjutan
Bersambung,
79
No. Detail
Keterangan 2. Proses 6.0
Deskripsi Proses ini digunakan untuk mencari History Orders
Logika Proses 1. Status login member valid
2. Member memilih cari history orders, tampilkan layar cari history orders
3. member memasukan kata kunci data history orders yang dicari 4. Cek ke database
5. Jika sesuai, maka muncul data history orders yang dicari 6. Jika tidak muncul pesan kesalahan
35. Nomor Proses
6.2 Nama Proses
Cancel Data Orders Source
Member Input
1. Status Login Member Valid 2. Data Orders
Output Info Orders
Destination 1. Member
2. Proses 6.0 Deskripsi
Proses ini digunakan untuk membatalkan pesanan yang telah diorders Logika Proses
1. Status login member valid 2. Member memilih menu pesanan, tampilkan layar history orders
3. Jika member memilih tombol batal, maka muncul pesan konfirmasi
4. Jika memilih ya, maka data orders yang dipesan dibatalkan 5. Jika memilih tidak, maka data orders tidak jadi dibatalkan
36. Nomor Proses
6.3 Nama Proses
Tampil Detail History Orders Source
Member Input
Status Login Member Valid Output
Info Orders Destination
3. Member 4. Proses 6.0
Deskripsi Proses ini digunakan untuk melihat detail History orders
Logika Proses 1. Status login member valid
2. Member memilih menu pesanan, tampilkan layar history orders 3. Jika member memilih tombol detail, maka muncul detail orders
history orders 37.
Nomor Proses 7.1
Nama Proses Cari Laporan Penjualan
Source Admin
Input 1. Status Login Admin Valid
2. Request laporan penjualan Output
Laporan Penjualan Destination
1. Admin 2. Proses 7.0
Deskripsi Proses ini digunakan untuk mencari laporan penjualan
Logika Proses 1. Status login admin valid
2. Admin memilih menu laporan penjualan, tampilkan layar menu laporan penjualan
3. Admin memasukan tanggal untuk melakukan pencarian laporan penjualan
4. Jika laporan penjualan ditemukan, maka tampil laporan penjualan 5. Jika data pencarian tidak ditemukan, maka muncul pesan
kesalahan
Tabel III.4 Spesifikasi Proses Lanjutan
Bersambung,
80
No. Detail
Keterangan 38.
Nomor Proses 7.2
Nama Proses Cetak Laporan Penjualan
Source Pengolahan Data Orders
Input 1. Status Login Admin Valid
2. Data Orders 3. Request Laporan Penjualan
Output Laporan Penjualan
Destination 1. Admin
2. Proses 7.0 Deskripsi
Proses ini digunakan untuk mencetak laporan penjualan Logika Proses
1. Status login admin valid 2. Tampilkan layar menu laporan penjualan
3. Admin akan mencetak laporan penjualan sesuai data laporan penjualan yang dicari
39. Nomor Proses
7.3 Nama Proses
Cari Laporan Produk Source
Pengolahan Data Produk Input
1. Status Login Admin Valid 2. Request Laporan Produk
Output Laporan Produk
Destination 1. Admin
2. Proses 7.0 Deskripsi
Proses ini digunakan untuk mencari laporan penjualan Logika Proses
1. Status login admin valid 2. Admin memilih menu laporan produk, tampilkan layar menu
laporan produk 3. Admin memasukan tanggal untuk melakukan pencarian laporan
produk 4. Jika laporan produk ditemukan, maka tampil laporan penjualan
5. Jika data pencarian tidak ditemukan, maka muncul pesan kesalahan
40. Nomor Proses
7.4 Nama Proses
Cetak Laporan Produk Source
Pengolahan Data Produk Input
1. Status Login Admin Valid 2. Data Produk
3. Request Laporan Produk Output
Laporan Produk Destination
1. Admin 2. Proses 7.0
Deskripsi Proses ini digunakan untuk mencetak laporan produk
Logika Proses 1. Status login admin valid
2. Tampilkan layar menu laporan produk 3. Admin akan mencetak laporan prodduk sesuai data laporan produk
yang dicari 41.
Nomor Proses 8.1
Nama Proses Pilih Orders yang diretur
Source Member
Input 1. Status Login Member Valid
2. Data Orders Output
Data Orders Destination
Member Deskripsi
Proses ini digunakan untuk pemilihan order yang akan diretur
Tabel III.4 Spesifikasi Proses Lanjutan
Bersambung,
81
No. Detail
Keterangan Logika Proses
1. Status login member valid 2. Member memilih menu pesanan, tampilkan layar menu orders
3. Member memilih orders yang akan diretur 4. Muncul pesan konfirmasi
42. Nomor Proses
8.2 Nama Proses
Tambah Data Retur Source
Member Input
1. Status Login Member Valid 2. Data Orders
3. Data Retur 4. Data Detail Retur
Output 1. Info Orders
2. Info Retur 3. Info Detail Retur
Destination Member
Deskripsi Proses ini digunakan untuk menambah data retur
Logika Proses 1. Status login member valid
2. Member memilih menekan tombol tambah retur, tampilkan layar tambah data retur
3. Member mengisi data retur baru 4. Jika benar maka simpan data retur baru ke database
5. Jika gagal tampilkan pesan kesalahan
43. Nomor Proses
8.3 Nama Proses
Cari Data Retur Source
Member Input
1. Status Login Member Valid 2. Data Orders
3. Data Retur Output
1. Info Orders 2. Info Retur
Destination Member
Deskripsi Proses ini digunakan untuk mencari data retur
Logika Proses 1. Status login member valid
2. Member memilih cari data retur, tampilkan layar cari data retur 3. Member memasukan kata kunci data retur yang dicari
4. Sistem memeriksa ke database 5. Jika sesuai muncul data retur yang dicari
6. Jika tidak muncul pesan kesalahan
44. Nomor Proses
8.4 Nama Proses
Tampil Detaill Data Retur Source
Member Input
1. Status Login Member Valid 2. Data Retur
3. Data Detail Retur Output
1. Data Retur 2. Data Detail Retur
Destination Member
Deskripsi Proses ini digunakan melihat detail retur
Logika Proses 1. Status login member valid
2. Member memilih menu retur, tampilkan layar menu retur 3. Member memilih data retur
4. Jika Member menekan tombol detail, maka muncul detail data
retur
Tabel III.4 Spesifikasi Proses Lanjutan
Bersambung,
82
No. Detail
Keterangan 45.
Nomor Proses 4.1.1
Nama Proses Tambah Data Kategori
Source Admin
Input 1. Status Login Admin Valid
2. Data Kategori Output
Info Kategori Destination
1. Admin 2. Proses 4.1
Deskripsi Proses ini digunakan untuk menambah data kategori
Logika Proses 1. Status login admin valid
2. Admin memilih menu tambah kategori, tampilkan layar tambah data kategori
3. Admin mengisi data kategori baru 4. Jika benar maka simpan data kategori baru ke database
5. Jika gagal tampilkan pesan kesalahan
46. Nomor Proses
4.1.2 Nama Proses
Edit Data Kategori Source
Admin Input
1. Status Login Admin Valid 2. Data Kategori
Output Info Kategori
Destination 1. Admin
2. Proses 4.1 Deskripsi
Proses ini digunakan untuk mengedit data kategori Logika Proses
1. Status login admin valid 2. Admin memilih menu edit data kategori, tampilkan layar edit data
kategori 3. Admin mengubah data kategori lama dengan data kategori baru
4. Jika benar maka ganti data kategori lama dengan data kategori baru
5. Simpan data kategori baru ke database 6. Jika gagal tampilkan pesan kesalahan
47. Nomor Proses
4.1.3 Nama Proses
Hapus Data Kategori Source
Admin Input
1. Status Login Admin Valid 2. Data Kategori
Output Info Kategori
Destination 1. Admin
2. Proses 4.1 Deskripsi
Proses ini digunakan untuk menghapus data kategori Logika Proses
1. Status login admin valid 2. Admin memilih menu data kategori, tampilkan layar menu
pengolahan data kategori 3. Admin memilih data kategori yang akan dihapus
4. Muncul pesan konfirmasi penghapusan data kategori 5. Jika Ya maka data kategori dihapus
6. Simpan perubahan ke database 7. Jika tidak maka data kategori batal dihapus
48. Nomor Proses
4.1.4 Nama Proses
Cari Data Kategori Source
Admin Input
1. Status Login Admin Valid
Tabel III.4 Spesifikasi Proses Lanjutan
Bersambung,
83
No. Detail
Keterangan 2. Data Kategori
Output Info Kategori
Destination 1. Admin
2. Proses 4.1 Deskripsi
Proses ini digunakan untuk mencari data kategori Logika Proses
1. Status login admin valid 2. Admin memilih menu kategori, tampilkan layar pengolahan data
kategori 3. Admin memasukan kata kunci data kategori yang dicari
4. Sistem memeriksa ke database 5. Jika sesuai muncul data kategori yang dicari
6. Jika tidak muncul pesan kesalahan
49. Nomor Proses
4.2.1 Nama Proses
Tambah Data Sub Kategori Source
Admin Input
1. Status Login Admin Valid 2. Data Sub Kategori
Output Info Sub Kategori
Destination 1. Admin
2. Proses 4.2 Deskripsi
Proses ini digunakan untuk menambah data sub kategori Logika Proses
1. Status login admin valid 2. Admin memilih tambah data sub kategori, tampilkan layar tambah
data sub kategori 3. Admin mengisi data sub kategori baru
4. Jika benar maka simpan data sub kategori baru ke database 5. Jika gagal tampilkan pesan kesalahan
50. Nomor Proses
4.2.2 Nama Proses
Edit Data Sub Kategori Source
Admin Input
1. Status Login Admin Valid 2. Data Sub Kategori
Output Info Sub Kategori
Destination 1. Admin
2. Proses 4.2 Deskripsi
Proses ini digunakan untuk mengubah data sub kategori Logika Proses
1. Status login admin valid 2. Admin Memilih menu edit data sub kategori, tampilkan layar edit
data sub kategori 3. Admin mengubah data sub kategori lama dengan data sub
kategori baru 4. Jika benar maka ganti data sub kategori lama dengan data sub
kategori baru 5. Simpan data sub kategori baru ke database
6. Jika gagal tampilkan pesan kesalahan 51.
Nomor Proses 4.2.3
Nama Proses Hapus Data Sub Kategori
Source Admin
Input 1. Status Login Admin Valid
2. Data Sub Kategori Output
Info Sub Kategori Destination
1. Admin 2. Proses 4.2
Tabel III.4 Spesifikasi Proses Lanjutan
Bersambung,
84
No. Detail
Keterangan Deskripsi
Proses ini digunakan untuk menghapus data sub kategori Logika Proses
1. Status login admin valid 2. Admin memilih menu sub kategori, tampilkan layar menu
pengolahan data sub kategori 3. Admin memilih data sub kategori yang akan dihapus
4. Muncul pesan konfirmasi penghapusan data sub kategori 5. Jika Ya maka data produk dihapus
6. Simpan perubahan ke database 7. Jika tidak maka data sub kategori batal dihapus
52. Nomor Proses
4.2.4 Nama Proses
Cari Data Sub Kategori Source
Admin Input
1. Status Login Admin Valid 2. Data Sub Kategori
Output Info Sub Kategori
Destination 1. Admin
2. Proses 4.2 Deskripsi
Proses ini digunakan untuk mencari data sub kategori Logika Proses
1. Status login admin valid 2. Admin memilih menu sub kategori, tampilkan layar pengolahan
data sub kategori 3. Admin memasukkan kata kunci data sub kategori yang dicari
4. Sistem memeriksa ke database 5. Jika sesuai muncul data sub kategori yang dicari
6. Jika tidak muncul pesan kesalahan
53. Nomor Proses
4.3.1 Nama Proses
Tambah Data Produk Source
Admin Input
1. Status Login Admin Valid 2. Data Produk
Output Info Produk
Destination 8. Admin
9. Proses 4.3 Deskripsi
Proses ini digunakan untuk mengolah data produk Logika Proses
1. Status Login Admin Valid 2. Admin memilih menu tambah data produk, Tampilkan layar
tambah data produk 3. Admin mengisis data produk baru
4. Jika benar maka simpan data produk baru ke database 5. Jika gagal tampilkan pesan kesalahan
54. Nomor Proses
4.3.2 Nama Proses
Edit Data Produk Source
Admin Input
1. Status Login Admin Valid 2. Data Produk
Output Info Produk
Destination 1. Admin
2. Proses 4.3 Deskripsi
Proses ini digunakan untk mengubah data produk Logika Proses
1. Status Login Admin Valid 2. Admin memilih edit data produk, Tampilkan layar edit data
produk 3. Admin mengubah data produk lama dengan data produk baru
Tabel III.4 Spesifikasi Proses Lanjutan
Bersambung,
85
No. Detail
Keterangan 4. Jika benar maka ganti data produk lama dengan data produk baru
5. Simpan data produk baru ke database 6. Jika gagal tampilkan pesan kesalahan
55. Nomor Proses
4.3.3 Nama Proses
Hapus Data Produk Source
Admin Input
1. Status Login Admin Valid 2. Data Produk
Output Info Produk
Destination 1. Admin
2. Proses 4.3 Deskripsi
Proses ini digunakan untuk menghapus data produk Logika Proses
1. Status login admin valid 2. Admin memilih menu produk, tampilkan layar menu pengolahan
data produk 3. Admin memilih data produk yang akan di hapus
4. Muncul pesan konnfirmasi penghapusan data produk 5. Jika Ya maka data produk di hapus
6. Simpan perubahan ke database 7. Jika tidak maka data produk batal di hapus
56. Nomor Proses
4.3.4 Nama Proses
Pengolahan Data Gambar Source
Admin Input
1. Status Login Admin Valid 2. Data Gambar
Output Info Gambar
Destination 1. Admin
2. Proses 4.3 Deskripsi
Proses ini digunakan untuk mengolah data gambar Logika Proses
1. Status login admin valid 2. Memilih menu gambar Tampilkan layar menu pengolahan data
gambar 3. Jika Tambah, maka menuju ke tambah data gambar Proses
4.3.4.1 4. Jika jika Hapus, maka menuju ke hapus data gambar Proses
4.3.4.2 57.
Nomor Proses 4.3.5
Nama Proses Cetak Data Produk
Source Admin
Input 1. Status Login Admin Valid
2. Data Produk Output
Info Produk Destination
Admin Deskripsi
Proses ini digunakan untuk mencetak data produk Logika Proses
1. Status login admin valid 2. Admin memilih menu produk, tampilkan layar menu pengolahan
data produk 3. Admin memilih tombol cetak produk, maka data produk di cetak
58. Nomor Proses
4.3.6 Nama Proses
Cari Data Produk Source
Admin Input
1. Status Login Admin Valid 2. Data Produk
Tabel III.4 Spesifikasi Proses Lanjutan
Bersambung,
86
No. Detail
Keterangan Output
Info Produk Destination
Admin Deskripsi
Proses ini digunakan untuk mencari data produk Logika Proses
1. Status login admin valid 2. Admin memilih menu produk, tampilkan layar pengolahan data
produk 3. Admin memasukkan kata kunci data produk yang di cari
4. Sistem memeriksa ke database 5. Jika sesuai muncul data produk yang di cari
6. Jika tidak muncul pesan kesalahan
59. Nomor Proses
4.4.1 Nama Proses
Tambah Data Merk Source
Admin Input
1. Status Login Admin Valid 2. Data Merk
Output Info Merk
Destination 1. Admin
2. Proses 4.4 Deskripsi
Proses ini digunakan untuk menambah data merk Logika Proses
1. Status login admin valid 2. Admin memilih menu tambah merk, tampilkan layar tambah data
merk 3. Admin mengisi data merk baru
4. Jika benar maka simpan data merk ke database 5. Jika gagal tampilkan pesan kesalahan
60. Nomor Proses
4.4.2 Nama Proses
Edit Data Merk Source
Admin Input
1. Status Login Admin Valid 2. Data Merk
Output Info Merk
Destination 1. Admin
2. Proses 4.4 Deskripsi
Proses ini digunakan untuk mengubah data merk Logika Proses
1. Status login admin valid 2. Admin memilih edit data merk, tampilkan layar edit data merk
3. Admin mengubah data merk lama dengan data merk baru 4. Jika benar maka ganti data merk lama dengan data merk baru
5. Simpan data merk baru ke database 6. Jika gagal tampilkan pesan kesalahan
61. Nomor Proses
4.4.3 Nama Proses
Hapus Data Merk Source
Admin Input
1. Status Login Admin Valid 2. Data Merk
Output Info Merk
Destination 1. Admin
2. Proses 4.5 Deskripsi
Proses ini digunakan untuk menghapus data merk Logika Proses
1. Status login admin valid 2. Admin memilih menu merk, tampilkan layar menu pengolahan
data merk 3. Admin memilih data merk yang akan di hapus
Tabel III.4 Spesifikasi Proses Lanjutan
Bersambung,
87
No. Detail
Keterangan 4. Muncul pesan konfirmasi penghapusan data merk
5. Jika Ya, maka data merk di hapus 6. Simpan perubahan ke database
7. Jika tidak maka data merk batal di hapus
62. Nomor Proses
4.4.4 Nama Proses
Cari Data Merk Source
Admin Input
1. Status Login Admin Valid 2. Data Merk
Output Info Merk
Destination 1. Admin
2. Proses 4.4 Deskripsi
Proses ini digunakan untuk mencari data merk Logika Proses
1. Status login admin valid 2. Admin memilih menu merk, tampilkan layar pengolahan data
merk 3. Admin memasukkan kata kunci data merk yang di cari
4. Sistem memeriksa ke database 5. Jika sesuai muncul data merk yang di cari
6. Jika tidak muncul pesan kesalahan
63. Nomor Proses
4.5.1 Nama Proses
Tambah Data Jasa Pengiriman Source
Admin Input
1. Status Login Admin Valid 2. Data Jasa Pengiriman
Output Info Jasa pengiriman
Destination 1. Admin
2. Proses 4.5 Deskripsi
Proses ini digunakan untuk menambah data jasa pengiriman Logika Proses
1. Status login admin valid 2. Admin memilih tambah data jasa pengiriman, Tampilkan layar
tambah data jasa pengiriman 3. Admin mengisi data jasa pengiriman baru
4. Jika benar, maka simpan data jasa pengiriman baru ke database 5. Jika gagal tampilkan pesan kesalahan
64. No Proses
4.5.2 Nama Proses
Edit Data Jasa Pengiriman Source
Admin Input
1. Status Login Admin Valid 2. Data Jasa Pengiriman
Output Info Jasa Pengiriman
Destination 1. Admin
2. Proses 4.5 Deskripsi
Proses ini digunakan untuk mengubah data jasa pengiriman Logika Proses
1. Status login admin valid 2. Admin memilih menu edit data jasa pengiriman, tampilkan layar
edit data jasa pengiriman 3. Admin mengubah data jasa pengiriman lama dengan data jasa
pengiriman baru 4. Jika benar maka ganti data jasa pengiriman lama dengan data jasa
pengiriman baru 5. Simpan data jasa pengiriman baru ke database
6. Jika gagal tampilkan pesan kesalahan
Tabel III.4 Spesifikasi Proses Lanjutan
Bersambung,
88
No. Detail
Keterangan 65.
No Proses Proses 4.5.3
Nama Proses Hapus Data Jasa Pengiriman
Source Admin
Input 1. Status Login Admin Valid
2. Data Jasa Pengiriman Output
Info Jasa Pengiriman Destination
1. Admin 2. Proses 4.5
Deskripsi Proses ini digunakan untuk menghapus data jasa pengiriman
Logika Proses 1. Status login admin valid
2. Admin memilih menu jasa pengiriman, tampilkan layar menu pengolahan data jasa pengiriman
3. Admin memilih data jasa pengiriman yang akan di hapus 4. Muncul pesan konfirmasi penghapusan data jasa pengiriman
5. Jika Ya, maka data jasa pengiriman di hapus 6. Simpan perubahan ke database
7. Jika tidak maka data jasa pengiriman batal di hapus
66. No Proses
Proses 4.6.1 Nama Proses
Tambah Data Jenis Pengiriman Source
Admin Input
1. Status Login Admin Valid 2. Data Jenis Pengiriman
Output Info Jenis Pengiriman
Destination 1. Admin
2. Proses 4.6 Deskripsi
Proses ini digunakan untuk menambah data jenis pengiriman Logika Proses
1. Status login admin valid 2. Admin memilih menu tambah data jenis pengiriman, tampilkan
layar tambah data jenis pengiriman 3. Admin mengisi data jenis pengiriman baru
4. Jika benar, maka simpan data jenis pengiriman baru ke database 5. Jika gagal tampilkan pesan kesalahan
67. No Proses
Proses 4.6.2 Nama Proses
Edit Data Jenis Pengiriman Source
Admin Input
1. Status Login Admin Valid 2. Data Jenis Pengiriman
Output Info Jenis Pengiriman
Destination 1. Admin
2. Proses 4.6 Deskripsi
Proses ini digunakan untuk mengubah data jenis pengiriman Logika Proses
1. Status login admin valid 2. Admin memilih menu edit data jenis pengiriman, tampilkan layar
edit data jenis pengiriman 3. Admin mengubah data jenis pengiriman lama dengan data jenis
pengiriman baru 4. Jika benar maka ganti data jenis pengiriman lama dengan data
jenis pengiriman baru 5. Simpan data jenis pengiriman baru ke database
6. Jika gagal tampilkan pesan kesalahan 68.
No Proses Proses 4.6.3
Nama Proses Cari Data Jenis Pengiriman
Source Admin
Tabel III.4 Spesifikasi Proses Lanjutan
Bersambung,
89
No. Detail
Keterangan Input
1. Status Login Admin Valid 2. Data Jenis Pengiriman
Output Info Jenis Pengiriman
Destination 1. Admin
2. Proses 4.6 Deskripsi
Proses ini digunakan untuk mencari data jenis pengiriman Logika Proses
1. Status login admin valid 2. Admin memilih menu jenis pengiriman, tampilkan layar
pengolahan data jenis pengiriman 3. Admin memasukkan kata kunci data jenis pengiriman yang di cari
4. Sistem memeriksa ke database 5. Jika sesuai muncul data jenis pengiriman yang di cari
6. Jika tidak muncul pesan kesalahan
69. No Proses
Proses 4.6.4 Nama Proses
Hapus Data Jenis Pengiriman Source
Admin Input
1. Status Login Admin Valid 2. Data Jenis Pengiriman
Output Info Jenis Pengiriman
Destination 1. Admin
2. Proses 4.6 Deskripsi
Proses ini digunakan untuk menghapus data jenis pengiriman Logika Proses
1. Status login admin valid 2. Admin memilih menu jenis pengiriman, tampilkan layar menu
pengolahan data jenis pengiriman 3. Admin memilih data jenis pengiriman yang akan di hapus
4. Muncul pesan konfirmasi penghapusan data jenis pengiriman 5. Jika Ya, maka data jenis pengiriman di hapus
6. Simpan perubahan ke database 7. Jika tidak maka data jenis pengiriman batal di hapus
70. Nomor Proses
4.7.1 Nama Proses
Tambah Data Ongkos Kirim Source
Admin Input
1. Status Login Admin Valid 2. Data Ongkos Kirim
Output Info Ongkos Kirim
Destination 1. Admin
2. Proses 4.7 Deskripsi
Proses ini digunakan untuk menambah data ongkos kirim Logika Proses
1. Status login admin valid 2. Admin memilih menu tambah ongkos kirim, tampilkan layar
tambah data ongkos kirim 3. Admin mengisi data ongkos kirim baru
4. Jika benar maka simpan data ongkos kirim baru ke database 5. Jika gagal tampilkan pesan kesalahan
71. Nomor Proses
4.7.2 Nama Proses
Edit Data Ongkos Kirim Source
Admin Input
1. Status Login Admin Valid 2. Data Ongkos Kirim
Output Info Ongkos Kirim
Destination 1. Admin
2. Proses 4.7
Tabel III.4 Spesifikasi Proses Lanjutan
Bersambung,
90
No. Detail
Keterangan Deskripsi
Proses ini digunakan untuk mengubah data ongkos kirim Logika Proses
1. Status login admin valid 2. Admin memilih menu edit data ongkos kirim, tampilkan layar edit
data ongkos kirim 3. Admin mengubah data ongkos kirim lama dengan data ongkos
kirim baru 4. Jika benar maka ganti data ongkos kirim lama dengan data ongkos
kirim baru 5. Simpan data ongkos kirim baru ke database
6. Jika gagal tampilkan pesan kesalahan 72.
Nomor Proses 4.7.3
Nama Proses Hapus Data Ongkos Kirim
Source Admin
Input 1. Status Login Admin Valid
2. Data Ongkos Kirim Output
Info Ongkos Kirim Destination
1. Admin 2. Proses 4.7
Deskripsi Proses ini digunakan untuk menghapus data ongkos kirim
Logika Proses 1. Status login admin valid
2. Admin memilih menu ongkos kirim, tampilkan layar menu pengolahan data ongkos kirim
3. Admin memilih data ongkos kirim yang akan di hapus 4. Mmuncul pesan konfirmasi penghapusan data ongkos kirim
5. Jika Ya maka data ongkos kirim di hapus 6. Simpan perubahan ke database
7. Jika tidaak maka data ongkos kirim batal di hapus
73. Nomor Proses
4.7.4 Nama Proses
Cari Data Ongkos Kirim Source
Admin Input
1. Status Login Admin Valid 2. Data Ongkos Kirim
Output Info Ongkos Kirim
Destination 1. Admin
2. Proses 4.7 Deskripsi
Proses ini digunakan untuk mencari data ongkos kirim Logika Proses
1. Status login admin valid 2. Admin memilih menu ongkos kirim, tampilkan layar pengolahan
data ongkos kirim 3. Admin memasukkan kata kunci data ongkos kirim yang akan di
cari 4. Sistem memeriksa ke database
5. Jika sesuai muncul data ongkos kiirim yang di cari 6. Jika tidak muncul pesan kesalahan
74. Nomor Proses
4.8.1 Nama Proses
Tambah Data Provinsi Source
Admin Input
1. Status Login Admin Valid 2. Data Provinsi
Output Info Provinsi
Destination 1. Admin
2. Proses 4.8 Deskripsi
Proses ini digunakan untuk menambah data provinsi
Tabel III.4 Spesifikasi Proses Lanjutan
Bersambung,
91
No. Detail
Keterangan Logika Proses
1. Status login admin valid 2. Admin memilih menu tambah data provinsi, tampilkan layar
tambah data provinsi 3. Admin mengisi data provinsi baru
4. Jika benar maka simpan data provinsi baru ke database 5. Jika gagal tampilkan pesan kesalahan
75. Nomor Proses
4.8.2 Nama Proses
Edit Data Provinsi Source
Admin Input
1. Status Login Admin Valid 2. Data Provinsi
Output Info Provinsi
Destination 1. Admin
2. Proses 4.8 Deskripsi
Proses ini digunakan untuk mengubah data provinsi Logika Proses
1. Status login admin valid 2. Admin memilih edit data provinsi, tampilkan layar edit data
provinsi 3. Admin mengubah data provinsi lama dengan data provinsi baru
4. Jika benar maka ganti data provinsi lama dengan data provinsi baru
5. Simpan data provinsi baru ke database 6. Jika gagal tampilkan pesan kesalahan
76. Nomor Proses
4.8.3 Nama Proses
Cari Data Provinsi Source
Admin Input
1. Status Login Admin Valid 2. Data Provinsi
Output Info Provinsi
Destination 1. Admin
2. Proses 4.8 Deskripsi
Proses ini digunakan untuk mencari data provinsi Logika Proses
1. Status login admin valid 2. Admin memilih menu provinsi, Tampilkan layar pengolahan data
provinsi 3. Admin memasukkan kata kunci data provinsi yang di cari
4. Sistem memeriksa ke database 5. Jika sesuai muncul data provinsi yang di cari
6. Jika tidak muncul pesan kesalahan
77. Nomor Proses
4.8.4 Nama Proses
Hapus Data Provinsi Source
Admin Input
1. Status Login Admin Valid 2. Data Provinsi
Output Info Provinsi
Destination 1. Admin
2. Proses 4.8 Deskripsi
Proses ini digunakan untuk menghapus data provinsi Logika Proses
1. Status login admin valid 2. Admin memilih menu provinsi, tampilkan layar menu pengolahan
data provinsi 3. Admin memilih data provinsi yang akan di hapus
4. Muncul pesan konfirmasi penghapusan data provinsi
Tabel III.4 Spesifikasi Proses Lanjutan
Bersambung,
92
No. Detail
Keterangan 5. Jika Ya maka data provinsi di hapus
6. Simpan perubahan data ke database 7. Jika tidak maka data provinsi batal di hapus
78. Nomor Proses
4.9.1 Nama Proses
Tambah Data Kota Source
Admin Input
1. Status Login Admin Valid 2. Data Kota
Output Info Kota
Destination 1. Admin
2. Proses 4.9 Deskripsi
Proses ini digunakan untuk menambah data kota Logika Proses
1. Status login admin valid 2. Admin memilih menu tambah kota, tampilkan layar tambah data
kota 3. Admin mengisi data kota baru
4. Jika benar maka simpan data kota baru ke database 5. Jika gagal tampilkan pesan kesalahan
79. Nomor Proses
4.9.2 Nama Proses
Edit Data Kota Source
Admin Input
1. Status Login Admin Valid 2. Data Kota
Output Info Kota
Destination 1. Admin
2. Proses 4.9 Deskripsi
Proses ini digunakan untuk mengubah data kota Logika Proses
1. Status login admin valid 2. Admin memilih menu edit data kota, tampilkan layar edit data
kota 3. Admin mengubah data kota lama dengan data kota baru
4. Jika benar maka ganti data kota lama dengan data kota baru 5. Simpan data kota baru ke database
6. Jika gagal tampilkan pesan kesalahan
80. Nomor Proses
4.9.3 Nama Proses
Cari Data Kota Source
Admin Input
1. Status Login Admin Valid 2. Data Kota
Output Info Kota
Destination 1. Admin
2. Proses 4.9 Deskripsi
Proses ini digunakan untuk mencari data kota Logika Proses
1. Status login admin valid 2. Admin memilih menu kota, tampilkan layar pengolahan data kota
3. Admin memasukkan kata kunci data kota yang dicari 4. Sistem memeriksa ke database
5. Jika sesuai muncul data kota yang dicari 6. Jika tidak muncul pesan kesalahan
81. Nomor Proses
4.9.4 Nama Proses
Hapus Data Kota Source
Admin Input
1. Status Login Admin Valid
Tabel III.4 Spesifikasi Proses Lanjutan
Bersambung,
93
No. Detail
Keterangan 2. Data Kota
Output Info Kota
Destination 1. Admin
2. Proses 4.9 Deskripsi
Proses ini digunakan untuk menghapus data kota Logika Proses
1. Status login admin valid 2. Admin memilih menu kota, tampilkan layar menu pengolahan
data kota 3. Admin memilih data kota yang akan dihapus
4. Muncul pesan konfirmasi penghapusan data kota 5. Jika Ya maka data kota dihapus
6. Simpan perubahan ke database 7. Jika tidak maka data kota batal dihapus
82. Nomor Proses
4.10.1 Nama Proses
Cari Data Member Source
Admin Input
1. Status Login Admin Valid 2. Data Member
Output Info Member
Destination Admin
Deskripsi Proses ini digunakan untuk mencari data member
Logika Proses 1. Status login admin valid
2. Admin memilih menu member, tampilkan layar pengolahan data member
3. Admin memasukkan kata kunci data member yang dicari 4. Sistem memeriksa ke database
5. Jika sesuai muncul data member yang dicari 6. Jika tidak muncul pesan kesalahan
83. Nomor Proses
4.10.2 Nama Proses
Edit Status Member Source
Admin Input
1. Status Login Admin Valid 2. Data Status Member
Output Info Status Member
Destination 1. Admin
2. Proses 4.10 Deskripsi
Proses ini digunakan untuk melakukan pengolahan data member Logika Proses
1. Status login admin valid 2. Admin memilih menu member, tampilkan layar menu pengolahan
data member 3. Admin dapat mengubah status member
4. Jika status member tidak diblokir maka member dapat mengakses akun member
5. Jika status member diblokir maka member tidak dapat mengakses
akun member
84. Nomor Proses
12.1 Nama Proses
Cari Data Orders Source
1. Admin 2. Data Orders
Input 1. Status Login Admin Valid
2. Data Orders Output
Info Orders Destination
Admin
Tabel III.4 Spesifikasi Proses Lanjutan
Bersambung,
94
No. Detail
Keterangan Deskripsi
Proses ini digunakan untuk mencari data orders Logika Proses
1. Status login admin valid 2. Admin memilih menu order, tampilkan layar pengolahan data
orders 3. Admin dapat melakukan pencarian data orders
85. Nomor Proses
12.2 Nama Proses
Menampilkan Detail Orders Source
Data Orders Input
1. Status Login Admin Valid 2. Data Orders
3. Data Status Bayar 4. Data No Resi
Output 1. Info Orders
2. Info Status Bayar 3. Info No Resi
4. Label Pengiriman
Destination 1. Data Orders
2. Admin 3. Member
4. Proses 12.0
Deskripsi Proses ini digunakan untuk mengubah status orders
Logika Proses 1. Status login admin valid
2. Admin memilih menu orders baru, tampilkan layar menu orders baru
3. Admin dapat merubah status orders baru menjadi status ordersnya dibatalkan
4. Admin memilih menu orders bayar, tampilkan layar menu orders bayar
5. Admin dapat mengubah status bayar dari dibayar menjadi lunas 6. Admin memilih menu orders lunas, tampilkan layar menu orders
lunas 7. Admin dapat menambahkan no resi pengiriman
8. Admin memilih menu orders, tampilkan layar menu orders 9. Admin dapat mencetak label pengiriman
86. Nomor Proses
12.3 Nama Proses
Pengolahan Produk Retur Source
Admin Input
1. Status Login Admin Valid 2. Data Retur
3. Data Detail Retur 4. Data Status Retur
5. Data No Resi Retur
Output 1. Info Retur
2. Info Detail Retur 3. Info Status Retur
4. Info No Resi Retur
Destination 1. Admin
2. Proses 12.0 Deskripsi
Proses ini digunakan untuk mengolah data produk retur Logika Proses
1. Status login admin valid 2. Admin memilih menu produk retur, tampilkan layar menu produk
retur 3. Admin mengubah data retur
4. Admin mengubah status retur lama dengan status retur baru
Tabel III.4 Spesifikasi Proses Lanjutan
Bersambung,
95
No. Detail
Keterangan 5. Jika benar maka ganti status retur lama dengan status retur baru
6. Simpan status retur ke database 7. Admin menginputkan no resi retur
8. Simpan no resi retur ke database
87. Nomor Proses
12.2.1 Nama Proses
Update Status Orders Source
Admin Input
1. Status Login Admin Valid 2. Data Status Orders
3. Data Orders Output
1. Info Status Orders 2. Info Orders
Destination 1. Admin
2. Data Orders 3. Member
4. Proses 12.0
Deskripsi Proses ini digunakan untuk mengubah Status Orders
Logika Proses 1. Status login admin valid
2. Admin dapat memilih menu orders baru, order dibayar, orders lunas, orders dikirim, atau order diterima
3. Admin dapat mengubah status order 88.
Nomor Proses 12.2.2
Nama Proses Input No Resi Pengiriman
Source Admin
Input 1. Status Login Admin Valid
2. Data No Resi 3. Data Orders
Output 1. Info No Resi
2. Info Orders Destination
1. Admin 2. Member
3. Proses 12.0 Deskripsi
Proses ini digunakan untuk menambahkan no resi pengiriman Logika Proses
1. Status login admin valid 2. Admin memilih menu orders lunas, tampilkan layar menu orders
lunas 3. Admin dapat menambahkan no resi pengiriman
89. Nomor Proses
12.2.3 Nama Proses
Cetak Label Pengiriman Source
Admin Input
1. Status Login Admin Valid 2. Data Orders
3. Data Detail Orders Output
Label Pengiriman Destination
1. Admin 2. Proses 12.0
Deskripsi Proses ini digunakan untuk mencetak label pengiriman
Logika Proses 1. Status login admin valid
2. Admin memilih menu orders, tampilkan layar menu orders 3. Admin dapat mencetak label pengiriman
90. Nomor Proses
12.3.1 Nama Proses
Update Status Retur Source
Admin
Tabel III.4 Spesifikasi Proses Lanjutan
Bersambung,
96
No. Detail
Keterangan Input
1. Status Login Admin Valid 2. Data Retur
Output Info Retur
Destination Admin
Deskripsi Proses ini digunakan untuk mengubah status retur
Logika Proses 1. Status login admin valid
2. Admin memilih menu produk retur, tampilkan layar menu retur 3. Admin mengubah data retur
4. Admin mengubah status retur lama dengan status retur baru 5. Jika benar maka ganti status retur lama dengan status retur baru
6. Simpan status retur ke database
91. Nomor Proses
12.3.2 Nama Proses
Input No Resi Retur Source
Admin Input
1. Status Login admin Valid 2. Data No Resi Retur
Output Info No Resi Retur
Destination 1. Admin
2. Member Deskripsi
Proses ni digunakan untuk mengupdate no resi retur Logika Proses
1. Status login admin valid 2. Admin memilih menu produk retur, tampilkan layar menu retur
3. Admin menginputkan no resi retur 4. Simpan no resi retur ke database
92. Nomor Proses
5.4.1 Nama Proses
Update Alamat Pengiriman Source
Member Input
Data Alamat Pengiriman Output
Info Alamat Pengiriman Destination
Data Orders Deskripsi
Proses ini digunakan untuk mengubah alamat pengiriman Logika Proses
1. Status login member valid 2. Member masuk menu alamat pengiriman, tampilkan layar Update
alamat pengiriman 3. Jika diganti Maka alamat pengiriman akan dikirim ke alamat
pengiriman terbaru 4. Simpan ke database
5. Jika tidak diganti Maka alamat pengiriman menggunakan alamat akun member
6. Simpan ke database 93.
Nomor Proses 5.4.2
Nama Proses Pilih Jenis Pengiriman
Source Member
Input 1. Status Login Member Valid
2. Data Jenis Pengiriman Output
Info Jenis Pengiriman Destination
Member Deskripsi
Proses ini digunakan untuk mengolah jenis pengiriman Logika Proses
1. Status login member valid 2. Member masuk menu jenis pengiriman, tampilkan menu jenis
pengiriman 3. Member memilih jenis pengiriman
Nomor Proses 5.6.1
Tabel III.4 Spesifikasi Proses Lanjutan
Bersambung,
97
No. Detail
Keterangan 94.
Nama Proses Pemilihan Orders
Source Member
Input 1. Status Login Member Valid
2. Data Orders Output
Data Orders Destination
Member Deskripsi
Proses ini digunakan untuk pemilihan orders Logika Proses
1. Status login member valid 2. Member melakukan order, tampilkan layar menu orders
3. Member melakukan pemilihan orders untuk melakukan pembayaran
95. Nomor Proses
5.6.2 Nama Proses
Pilih Jenis Pembayaran Source
Member Input
1. Status Login Member Valid 2. Data Orders
Output Info Orders
Destination Member
Deskripsi Proses ini digunakan untuk memilih jenis pengiriman
Logika Proses 1. Status login member valid
2. Member memilih menu pembayaran, Tampilkan layar menu pembayaran
3. Jika admin memilih jenis pembayaran offline maka menuju ke pembayaran transfer proses 5.6.3
4. Jika admin memilih jenis pembayaran online maka menuju ke pembayaran paypal proses 5.6.4
95. Nomor Proses
5.6.3 Nama Proses
Pembayaran Transfer Source
Member Input
1. Status Login Member Valid 2. Data Orders
Output Info Orders
Destination 1. Member
2. Proses 5.6 Deskripsi
Proses ini digunakan untuk melakukan pembayaran menggunakan metode transfer
Logika Proses 1. Status login Member valid
2. Member memilih metode pembayararan, tampilkan layar pembayaran metode transfer
3. Member mengisi form pembayaran 96.
Nomor Proses 4.6.4
Nama Proses Pembayaran Paypal
Source Member
Input 1. Status Login Member Valid
2. Data Orders 3. Status Bayar
Output 1. Info Orders
2. Data Orders Destination
1. Member 2. Proses 5.6
Deskripsi Proses ini digunakan untuk pembayaran secara online yaitu melalui
paypal Logika Proses
1. Status login Member valid
Tabel III.4 Spesifikasi Proses Lanjutan
Bersambung,
98
No. Detail
Keterangan 2. Member memilih metode pembayaran, tampilkan layar
pembayaran metode paypal 3. Member akan langsung diarahkan menuju link paypal untuk
melakukan pembayaran 97.
Nomor Proses 4.3.4.1
Nama Proses Tambah Data Gambar
Source Admin
Input 1. Status Login Admin Valid
2. Data Gambar Output
Info Gambar Destination
Admin Deskripsi
Proses ini digunakan untuk menambah data gambar Logika Proses
1. Status login admin valid 2. Admin menilih menu tambah gambar, tampilkan layar menu
tambah data gambar 3. Admin mengisi data gambar baru
4. Jika benar maka simpan data gambar baru ke database 5. Jika gagal tampilkan pesan kesalahan
98. Nomor Proses
4.3.4.2 Nama Proses
Hapus Data Gambar Source
Admin Input
1. Status Login Admin Valid 2. Data Gambar
Output Info Gambar
Destination Admin
Deskripsi Proses ini digunakan untuk menghapus data gambar
Logika Proses 1. Status login admin valid
2. Admin memilih menu pengolahan data gambar, tampilkan layar menu pengolahan data gambar
3. Admin memilih data gambar yang akan dihapus 4. Muncul pesan konfirmasi penghapusan data gambar
5. Jika Ya maka data gambar dihapus 6. Jika tidak maka data gambar batal dihapus
III.4.4 Kamus Data
Kamus data adalah katalog fakta tentang data dan kebutuhan informasi suatu sistem informasi
[8]
. Dengan menggunakan kamus data, analisis sistem dapat mengidentifikasikan data yang mengalir dalam sistem.
Kamus data dibuat berdasarkan arus data yang ada dalam Data Flow Diagram DFD sifatnya adalah global, hanya ditunjukkan arus datanya saja.
Tabel III.4 Spesifikasi Proses Lanjutan
99
Kamus data untuk DFD aplikasi e-Commerce toko Anugrah dapat dilihat pada tabel III.5 berikut.
Tabel III.5 Kamus Data
Nama Data Login Admin
Where used how used Proses 2.0 Login
Proses 2.1 Verifikasi Username Proses 2.2 Verifikasi Password
Proses 2.3 Lupa Password
Deskripsi Data login admin berisi data login admin
Struktur data useradmin + password + email
useradmin password
email [A-Z|a-z|0-9]
[A...Z|a...z|0...9|||||||?||\ |+|,|.|;|’|”]
[A...Z|a...z|0...9|||||||?||\ |+|,|.|;|’|”]
Nama Status Login Admin Valid
Where used how used Proses 4.0 Pengolahan Data Master
Proses 4.1 Pengolahan Data Kategori Proses 4.1.1 Tambah Data Kategori
Proses 4.1.2 Edit Data Kategori Proses 4.1.3 Hapus Data Kategori
Proses 4.1.4 Cari Data Kategori Proses 4.2 Pengolahan Data Sub Kategori
Proses 4.2.1 Tambah Data Sub Kategori Proses 4.2.2 Edit Data Sub Kategori
Proses 4.2.3 Hapus Data Sub Kategori Proses 4.2.4 Cari Data Sub Kategori
Proses 4.3 Pengolahan Data Produk Proses 4.3.1 Tambah Data Produk
Proses 4.3.2 Edit Data Produk Proses 4.3.3 Hapus Data Produk
Proses 4.3.4 Pengolahan Data Gambar Proses 4.3.4.1 Tambah Data Gambar
Proses 4.3.4.2 Hapus Data Gambar Proses 4.3.5 Cetak Data Produk
Proses 4.3.6 Cari Data Produk Proses 4.4 Pengolahan Data Merk
Proses 4.4.1 Tambah Data Merk Proses 4.4.2 Edit Data Merk
Proses 4.4.3 Hapus Data Merk Proses 4.4.4 Cari Data Merk
Proses 4.5 Pengolahan Data Jasa Pengiriman Proses 4.5.1 Tambah Data Jasa Pengiriman
Proses 4.5.2 Edit Data Jasa Pengiriman Proses 4.5.3 Hapus Data Jasa Pengiriman
Proses 4.6 Pengolahan Data Jenis Pengiriman Proses 4.6.1 Tambah Data Jenis Pengiriman
Proses 4.6.2 Edit Data Jenis Pengiriman Proses 4.6.3 Cari Data Jenis Pengiriman
Proses 4.6.4 Hapus Data Jenis Pengiriman Proses 4.7 Pengolahan Data Ongkos Kirim
Bersambung,
100
Proses 4.7.1 Tambah Data Ongkos Kirim Proses 4.7.2 Edit Data Ongkos Kirim
Proses 4.7.3 Hapus Data Ongkos Kirim Proses 4.7.4 Cari Data Ongkos Kirim
Proses 4.8 Pengolahan Data Provinsi Proses 4.8.1 Tambah Data Provinsi
Proses 4.8.2 Edit Data Provinsi Proses 4.8.3 Cari Data Provinsi
Proses 4.8.4 Hapus Data Provinsi Proses 4.9 Pengolahan Data Kota
Proses 4.9.1 Tambah Data Kota Proses 4.9.2 Edit Data Kota
Proses 4.9.3 Cari Data Kota Proses 4.9.4 Hapus Data Kota
Proses 4.10 Pengolahan Data Member Proses 4.10.1 Cari Data Member
Proses 4.10.2 Edit Status Member Proses 7.0 Pembuatan Laporan
Proses 7.1 Cari Laporan Penjualan Proses 7.2 Cetak Laporan Penjualan
Proses 7.3 Cari Laporan Produk Proses 7.4 Cetak Laporan Produk
Proses 12 Pengolahan Data Orders Proses 12.1 Cari Data Orders
Proses 12.2 Menampilkan Detail Orders Proses 12.2.1 Update Status Orders
Proses 12.2.2 Input No Resi Pengiriman Proses 12.2.3 Cetak Label Pengiriman
Proses 12.3 Pengolahan Produk Retur Proses 12.3.1 Update Status Retur
Proses 12.3.2 Input No Resi Retur
Deskripsi Status login admin valid menyatakan bahwa data login admin valid
sehingga admin bisa mengakses aplikasi Struktur data
Status status
[TRUE], [FALSE] Nama
Info Login Admin Invalid Where used how used Proses 2 Login
Proses 2.2 Verifikasi Password Deskripsi
Info login admin jika status login admin invalid maka aplikasi akan memberitahukan kepada admin bahwa data login admin invalid
sehingga admin tidak bisa mengakses aplikasi Struktur data
Status status
[TRUE], [FALSE] Nama
Data Login Member Where used how used
Proses 2 Login Proses 2.1 Verifikasi Username
Proses 2.2 Verifikasi Password Proses 2.3 Lupa Password
Deskripsi Data login member berisi username dan password member yang
digunakan pada saat member melakukan login Struktur data
username + password + email username
password email
[A...Z|a...z] [A...Z|a...z|0...9||||||||?||\
|+|,|.|;|’|”|] [A...Z|a...z|0...9||||||||?||\
|+|,|.|;|’|”|] Nama
Status Login Member Valid
Tabel III.5 Kamus Data Lanjutan
Bersambung,
101
Where used how used Proses 5.0 Transaksi
Proses 5.1 Tambah Item Pemesanan Proses 5.2 Edit Item Pemesanan
Proses 5.3 Hapus Item Pemesanan Proses 5.4 Konfirmasi Pengiriman
Proses 5.4.1 Update Alamat Pengiriman Proses 5.4.2 Pilih Jenis Pengiriman
Proses 5.5 Checkout Proses 5.6 Konfirmasi Pembayaran
Proses 5.6.1 Pemilihan Orders Proses 5.6.2 Pilih Jenis Pembayaran
Proses 5.6.3 Pembayaran Transfer Proses 5.6.4 Pembayaran Paypal
Proses 6.0 History Orders Proses 6.1 Cari Data History Orders
Proses 6.2 Cancel Data Orders Proses 6.3 Tampil Detail History Orders
Proses 8.0 Pengolahan Retur Proses 8.1 Pilih Orders Yang Diretur
Proses 8.2 Tambah Data Retur Proses 8.3 Cari Data Retur
Porses 8.4 Tampil Detail Data Retur Proses 3.0 Update Profile
Proses 9.0 Vote
Deskripsi Status login member valid menyatakan bahwa data login member
valid sehingga member bisa mengakses aplikasi Struktur data
Status status
[TRUE], [FALSE] Nama
Info Login Member Invalid Where used how used Proses 2 Login
Proses 2.2 Verifikasi Password Deskripsi
Info login member invalid jika status login member invalid maka aplikasi akan memberitahukan kepada member bahwa data login
member invalid sehingga member tidak bisa mengakses aplikasi Struktur data
Status Status
[TRUE], [FALSE] Nama
Data Vote Where used how used Proses 9.0 Vote
Deskripsi Berisi Seluruh data vote
Struktur data id + username + date + vote
id username
date vote
[0-9] [A-Z|a-z|0-9]
Date [0-9]
Nama Data Kategori
Where used how used Proses 4.0 Pengolahan Data Master
Proses 4.1 Pengolahan Data Kategori Proses 4.1.1 Tambah Data Kategori
Proses 4.1.2 Edit Data Kategori Proses 4.1.3 Hapus Data Kategori
Proses 4.1.4 Cari Data Kategori
Deskripsi Berisi seluruh data kategori
Struktur data id_kategori + nama_kategori + kategori_seo
id_kategori nama_kategori
[0-9] [A-Z|a-z]
Tabel III.5 Kamus Data Lanjutan
Bersambung,
102
kategori_seo [a-z]
Nama Data Sub Kategori
Where used how used Proses 4.0 Pengolahan Data Master
Proses 4.2 Pengolahan Data Sub kategori Proses 4.2.1 Tambah Data Sub kategori
Proses 4.2.2 Edit Data Sub kategori Proses 4.2.3 Hapus Data Sub kategori
Proses 4.2.4 Cari Data Sub kategori
Deskripsi Berisi seluruh data sub kategori
Struktur data id_subkategori + id_kategori + nama_subkategori + subkategori_seo
id_subkategori id_kategori
nama_kategori kategori_seo
[0-9] [0-9]
[A-Z|a-z] [a-z]
Nama Data Produk
Where used how used Proses 4.0 Pengolahan Data Master
Proses 4.3 Pengolahan Data Produk Proses 4.3.1 Tambah Data Produk
Proses 4.3.2 Edit Data Produk Proses 4.3.3 Hapus Data Produk
Proses 4.3.4 Pengolahan Data Gambar Proses 4.3.5 Cetak Data Produk
Proses 4.3.6 Cari Data Produk
Deskripsi Berisi seluruh Data Produk
Struktur data id_produk + id_kategori + id_subkategori + nama_produk + id_merk
+ produk_seo + deskripsi + harga + diskon + berat + tgl_masuk + gambar + stok + dibeli + dilihat
id_produk id_kategori
id_subkategori nama_produk
id_merk produk_seo
deskripsi harga
diskon berat
tgl_masuk gambar
dibeli dilihat
[0-9] [0-9]
[0-9] [A-Z|a-z]
[0-9] [a-z]
[A...Z|a...z|0...9|||||||?||\
|+|,|.|;|’|”|] [0-9]
[0-9] [0-9]
Date [A-Z|a-z|0-9]
[0-9] [0-9]
Nama Data Gambar
Where used how used Proses 4.0 Pengolahan Data Master
Proses 4.3 Pengolahan Data Produk Proses 4.3.4 Pengolahan Data Gambar
Proses 4.3.4.1 Tambah Data Gambar Proses 4.3.4.2 Hapus data Gambar
Deskripsi Berisi seluruh data gambar
Struktur data id_gambar + id_produk + nama_gambar + photo
id_gambar id_produk
nama_gambar photo
[0-9] [0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
Nama Data Merk
Proses 4.0 Pengolahan Data Master
Tabel III.5 Kamus Data Lanjutan
Bersambung,
103
Where used how used Proses 4.4 Pengolahan Data Merk
Proses 4.4.1 Tambah Data Merk Proses 4.4.2 Edit Data Merk
Proses 4.4.3 Hapus Data Merk Proses 4.4.3 Cari Data Merk
Deskripsi Berisi seluruh data merk
Struktur data id_merk + nama_merk
id_merk nama_merk
[0-9] [A-Z|a-z|0-9]
Nama Data Jasa Pengiriman
Where used how used Proses 4.0 Pengolahan Data Master
Proses 4.5 Pengolahan Data Jasa Pengiriman Proses 4.5.1 Tambah Data Jasa Pengiriman
Proses 4.5.2 Edit Data Jasa Pengiriman Proses 4.5.3 Hapus Data Jasa Pengiriman
Deskripsi Berisi seluruh data jasa pengiriman
Stsruktur data jasa_kirim + perusahaan
jasa_kirim perusahaan
[0-9] [A-Z|a-z]
Nama Data Jenis Pengiriman
Where used how used Proses 4.0 Pengolahan Data Master
Proses 4.6 Pengolahan Data Jenis Pengiriman Proses 4.6.1 Tambah Data Jenis Pengiriman
Proses 4.6.2 Edit Data Jenis Pengiriman Proses 4.6.3 Cari Data Jenis Pengiriman
Proses 4.6.4 Hapus Data Jenis Pengiriman
Deskripsi Berisi seluruh data jenis pengiriman
Struktur data id_jenis_pengiriman + jasa_kirim + nama_jenis
id_jenis_pengiriman jasa_kirim
nama_jenis [0-9]
[A-Z|a-z] [A-Z|a-z]
Nama Data Ongkos Kirim
Where used how used Proses 4.0 Pengolahan Data Master
Proses 4.7 Pengolahan Data Ongkos Kirim Proses 4.7.1 Tambah Data Ongkos Kirim
Proses 4.7.2 Edit Data Ongkos Kirim Proses 4.7.3 Hapus Data Ongkos Kirim
Proses 4.7.4 Cari Data Ongkos Kirim
Deskripsi Berisi seluruh data ongkos kirim
Struktur data id_ongkos + id_kota + ongkos_kirim + jenis_jasa + lama_kirim
id_ongkos id_kota
ongkos_kirim jenis_jasa
lama_kirim [0-9]
[0-9] [0-9]
[A-Z|a-z] [0-9]
Nama Data Provinsi
Where used how used Proses 4.0 Pengolahan Data Master
Proses 4.8 Pengolahan Data Provinsi Proses 4.8.1 Tambah Data Provinsi
Proses 4.8.2 Edit Data Provinsi Proses 4.8.3 Cari Data Provinsi
Proses 4.8.4 Hapus Data Provinsi
Deskripsi Berisi seluruh data provinsi
Struktur data id_prov + nama_prov
Tabel III.5 Kamus Data Lanjutan
Bersambung,
104
id_prov nama_prov
[0-9] [A-Z|a-z]
Nama Data Kota
Where used how used Proses 4.0 Pengolahan Data Master
Proses 4.9 Pengolahan Data Kota Proses 4.9.1 Tambah Data Kota
Proses 4.9.2 Edit Data Kota Proses 4.9.3 Cari Data Kota
Proses 4.9.4 Hapus Data Kota
Deskripsi Berisi seluruh 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]
Nama Data Member
Where used how used Proses 3.0 Update Profile
Proses 4.0 Pengolahan Data Master Proses 4.10 pengolahan Data Member
Proses 4.10.1 Cari Data Member Proses 4.10.2 Edit Status Member
Deskripsi Berisi seluruh data member
Struktur data id_member + username + password + nama_lengkap + alamat + jk +
email + no_telp + kota + provinsi + kode_pos + blokir + id_session id_member
username password
nama_lengkap alamat
jk email
no_telp kota
provinsi kode_pos
blokir id_session
[0-9] [A-Z|a-z|0-9]
[A...Z|a...z|0...9|||||||?||\ |+|,|.|;|’|”|]
[A-Z|a-z] [A-Z|a-z|0-9]
[A-Z|a-z] [A...Z|a...z|0...9||||||||?||\
|+|,|.|;|’|”|] [0-9]
[A-Z|a-z] [A-Z|a-z]
[0-9] Enum
[A-Z|a-z|0-9]
Nama Data Orders
Where used how used Proses12.0 Pengolahan Data Orders Proses12.1 Cari Data Orders
Proses12.2 Menampilkan Detail Orders Proses12.2.1 Update Status Orders
Proses12.2.2 Input No Resi Pengiriman Proses12.2.3 Cetak Label Pengiriman
Proses 5.5 Checkout Proses 5.6 Konfirmasi Pembayaran
Proses 5.6.1 Pemilihan Orders Proses 5.6.2 Pilih jenis pembayaran
Proses 5.6.3 Pembayaran Transfer Proses 5.6.4 Pembayaran Paypal
Proses 6.0 History Orders Proses 6.1 Cari Data History Orders
Proses 6.2 Cancel Data Orders
Deskripsi Berisi seluruh data orders
Tabel III.5 Kamus Data Lanjutan
Bersambung,
105
Struktur data id_orders + jasa_kirim + no_transaksi + username + nama_kustomer
+ alamat + telepon+ email + status_order + status_bayar + status_pengiriman + kode_pos + tgl_order + tgl_bayar + tgl_batal +
tgl_sampai + tot_order + dibayar_dlr + dibayar_rp + jam_orders + id_prov + id_kota + no_resi + jenis_bayar + ongkos + atas_nama +
kode_trx + no_rek + track_table + track_tujuan + track_petugas + track_tgl_terima + track_penerima + track_status + track_tgl_kirim +
type_trx + paket_name
id_orders jasa_kirim
no_transaksi username
nama_kustomer alamat
telpon email
status_order status_bayar
status_pengiriman kode_pos
tgl_order tgl_bayar
tgl_batal tgl_sampai
tot_order dibayar_dlr
dibayar_rp jam _orders
id_prov id_kota
no_resi jenis_bayar
ongkos atas_nama
kode_trx no_rek
track_table track_tujuan
track_petugas track_tgl_terima
track_penerima track_status
track_tgl_kirim type_trx
paket_name [0-9]
[A-Z|a-z] [0-9]
[A-Z|a-z|0-9] [A-Z|a-z]
[A-Z|a-z|0-9] [0-9]
[A-Z|a-z|0-9] [A-Z|a-z]
[A-Z|a-z] [A-Z |a-z]
[0-9] Date
Date Date
Date [0-9]
[0-9] [0-9]
Time [0-9]
[0-9] [0-9]
[A-Z|a-z] [0-9]
[A-Z|a-z] [A-Z|a-z]
[0-9] [A-Z|a-z]
[A-Z|a-z] [A-Z|a-z]
Date [A-Z|a-z]
[A-Z|a-z] Date
[A-Z|a-z] [A-Z|a-z]
Nama Data Orders Detail
Where used how used Proses 12.0 Pengolahan Data Orders
Proses 12.1 Cari Data Orders Proses 12.2 Manampilkan Detail Orders
Proses 12.2.1 Update Status Orders Proses 12.2.2 Input No Resi Pengiriman
Proses 12.2.3 Cetak Label Pengiriman Proses 5.0 Transaksi
Proses 5.4 Konfirmasi Pengiriman Proses 5.4.1 Update Alamat Pengiriman
Tabel III.5 Kamus Data Lanjutan
Bersambung,
106
Proses 5.4.2 Pilih Jenis Pengiriman Proses 5.5 Checkout
Proses 5.6 Konfirmasi Pembayaran Deskripsi
Berisi seluruh data orders detail Struktur data
id_orders + id_produk + jumlah + total + diskon + harga + pkt_id id_orders
id_produk jumlah
total diskon
harga pkt_id
[0-9] [0-9]
[0-9] [0-9]
[0-9] [0-9]
[0-9]
Nama Data Orders Temp
Where used how used Proses 5.0 Transaksi
Proses 5.1 Tambah Item Pemesanan Proses 5.2 Edit Item Pemesanan
Proses 5.3 Hapus Item Pemesanan
Deskripsi Berisi seluruh data orders temp
Struktur data id_orders_temp + id_produk + username + jumlah + harga + diskon +
tgl_order_temp + jam_ order_temp + stok_temp + id_session + pkt_id id_ orders_temp
id_produk username
jumlah harga
diskon tgl_order_temp
jam_order_temp stok_ temp
id_session [0-9]
[0-9] [A-Z|a-z|0-9]
[0-9] [0-9]
[0-9] Date
Time [0-9]
[A-Z|a-z|0-9]
Nama Data Retur
Where used how used Proses 8.0 Retur
Proses 8.2 Tambah Data Retur Proses 8.3 Cari Data Retur
Proses 8.4 Tampil Detail Data Retur Proses 12.0 Pengolahan Data Orders
Proses 12.3 Pengolahan Produk Retur Proses 12.3.1 Update Status Retur
Proses 12.3.2 Input No Resi Retur
Deskripsi Data retur yaitu produk yang akan dikembalikan
Struktur Data id_retur + username + id_orders + tgl_retur + status_retur +
no_resi_retur + biaya id_retur
username id_orders
tgl_retur status_retur
no_resi_retur biaya
[0-9] [A-Z|a-z|0-9]
[0-9] Date
[A-Z|a-z] [0-9]
[0-9]
Nama Detail Retur
Where used how used Proses 8.0 Retur
Proses 8.2 Tambah Data Retur Proses 8.3 Cari Data Retur
Proses 8.4 Tampil Detail Data Retur Proses 12.0 Pengolahan Data Orders
Tabel III.5 Kamus Data Lanjutan
Bersambung,
107
Proses 12.3 Pengolahan Produk Retur Proses 12.3.1 Update Status Retur
Proses 12.3.2 Input No Resi Retur Deskripsi
Berisi seluruh data detail retur Struktur Data
id_detail_retur + id_retur + id_produk + jumlah + alasan + status_produk_retur
id_detail_retur id_retur
id_produk jumlah
alasan status_produk_retur
[0-9] [0-9]
[0-9] [0-9]
[A-Z|a-z] [A-Z|a-z]
Nama Data Hubungi
Where used how used Proses 11.0 Kontak Deskripsi
Berisi data hubungi Struktur Data
id_hubungi + nama + email + subjek + pesan + tanggal id_hubungi
nama email
subjek pesan
tanggal [0-9]
[A-Z|a-z] [A...Z|a...z|0...9||||||||?||\
|+|,|.|;|’|”|] [A...Z|a...z|0...9||||||||?||\
|+|,|.|;|’|”|] [A...Z|a...z|0...9||||||||?||\
|+|,|.|;|’|”|] Date
III.5 Perancangan Sistem
Perancangan akan dimulai setelah tahap analisis terhadap sistem selesai dilakukan. Perancangan dapat didefinisikan sebagai proses aplikasi berbagai
teknik dan prinsip bagi tujuan pendefinisian suatu perangkat, suatu proses atau sistem dalam detail yang memadai untuk memungkinkan realisasi fisiknya.
Perancangan digambarkan sebagai proses multi-langkah dimana representasi struktur data. Struktur program, karakteristik interface, dan detail prosedur,
disintesis dari persyaratan informasi.
III.5.1 Perancangan Basis Data
Perancangan basis data merupakan perancangan yang dibuat untuk memberikan gambaran tentang basis data yang akan digunakan pada aplikasi yang
Tabel III.5 Kamus Data Lanjutan
108
akan dibangun. Perancangan basiss data terbagi menjadi dua yaitu diagram relasi dan struktur tabel.
III.5.1.1 Diagram Relasi
Proses relasi antar file merupakan gabungan antar file yang mempunyai primary key kunci utama yang sama, sehingga file-file tersebut menjadi satu
kesatuan yang dihubungkan oleh field atribut kunci tersebut. Pada proses ini elemen-elemen data dikelompokkan menjadi satu file database beserta entitas dan
hubungannya. Adapun skema relasi untuk Aplikasi e-Commerce pada Toko Anugrah bisa dilihat pada gambar III.29 berikut ini.
109
Gambar III.29 Diagram Relasi
110
III.5.1.2 Struktur Tabel
Perancangan struktur tabel adalah perancangan tabel-tabel yang akan digunakan pada database. Berikut adalah struktur tabel yang terdapat dalam
database aplikasi e-Commerce pada toko Anugrah. 1.
Tabel Detail Retur Tabel detail retur digunakan untuk menyimpan semua data detail retur.
Secara umum, struktur tabel yang akan digunakan dapat dilihat pada tabel III.6 berikut.
Tabel III.6 Tabel Detail Retur
Nama Field Tipe
Size Kunci
Keterangan id_detail_retur
integer 5
primary key auto_increment
id_retur integer
5 foreign key, refreturid_retur
not null id_produk
integer 5
foreign key, refprodukid_produk not null
jumlah integer
10 not null
alasan text
not null status_produk_retur varchar
20 not null
2. Tabel Gambar
Tabel gambar digunakan untuk menyimpan semua data gambar. Secara umum, struktur tabel yang akan digunakan dapat dilihat pada tabel III.7 berikut.
Tabel III.7 Tabel Gambar
Nama Field Tipe
Size Kunci
Keterangan id_gambar
integer 5
primary key auto_increment
id_produk integer
5 foreign key, refprodukid_produk
not null nama_gambar varchar 100
not null photo
varchar 100 not null
111
3. Tabel Hubungi
Table hubungi digunakan untuk menyimpan semua data hubungi. Secara umum, struktur tabel yang akan digunakan dapat dilihat pada tabel III.8 berikut.
Tabel III.8 Tabel Hubungi
Nama Field Tipe
Size Kunci
Keterangan id_hubungi
integer 5
primary key auto_increment
nama varchar 50
not null email
varchar 30 foreign key, refmembersemail
not null subjek
varchar 100 not null
pesan text
not null tanggal
date not null
4. Tabel Jasa Pengiriman
Tabel jasa pengiriman digunakan untuk menyimpan semua data jasa pengiriman. Secara umum, struktur tabel yang akan digunakan dapat dilihat pada
tabel III.9 berikut.
Tabel III.9 Tabel Jasa Pengiriman
Nama Field Tipe
Size Kunci
Keterangan jasa_kirim
varchar 25
primary key not null
perusahaan varchar
100
5. Tabel Jenis Pengiriman
Tabel jenis pengiriman digunakan untuk menyimpan semua data jenis pengiriman. Secara umum, struktur tabel yang akan digunakan dapat dilihat pada
tabel III.10 berikut.
112
Tabel III.10 Tabel Jenis Pengiriman
Nama Field Tipe
Size Kunci
Keterangan id_jenis_pengiriman integer
11 Primary key
Auto_increment jasa_kirim
varchar 25 Foreign key,
refjasa_pengirimanjasa_kirim Not null
nama_jenis varchar 30
Not null
6. Tabel Kategori
Tabel kategori digunakan untuk menyimpan semua data kategori. Secara umum, struktur tabel yang akan digunakan dapat dilihat pada tabel III.11 berikut.
Tabel III.11 Tabel Kategori
Nama Field Tipe
Size Kunci
Keterangan id_kategori
integer 5
primary key auto_increment
nama_kategori varchar 100 not null
kategori_seo varchar 100
not null
7. Tabel Komentar
Tabel komentar digunakan untuk menyimpan semua data komentar. Secara umum, struktur tabel yang akan digunakan dapat dilihat pada tabel III.12
berikut.
Tabel III.12 Tabel Komentar
Nama Field Tipe
Size Kunci
Keterangan id_komentar
integer 5
primary key auto_increment
id_produk integer
5 foreign key, refprodukid_produk
not null nama
vvarchar 50 foreign key, refmembersnama_lengkap
not null komentar
text not null
tgl_komentar date
not null jam_komentar time
not null aktif
Enum
113
8. Tabel Kota
Tabel kota digunakan untuk menyimpan semua data kota. Secara umum, struktur tabel yang akan digunakan dapat dilihat pada tabel III.13 berikut.
Tabel III.13 Tabel Kota
Nama Field Tipe
Size Kunci
Keterangan id_kota
integer 10
auto_increment id_prov
integer 10
foreign key, refprovinsiid_prov nama_kota
varchar 50
kabkota varchar
20
9. Tabel Members
Tabel members digunakan untuk menyimpan semua data members. Secara umum, struktur tabel yang akan digunakan dapat dilihat pada tabel III.14 berikut.
Tabel III.14 Tabel members
Nama field Tipe
Size Kunci
Keterangan Id_member
integer 5
auto_increment Username
varchar 50 primary key
unique Password
varchar 50 not null
Nama_lengkap varchar 100 not null
Alamat text
not null Jk
enum ‘P’, ‘W’
Email varchar 30
not null No_telp
varchar 13 not null
Kota integer
10 foreign key, ref kotaid_kota
not null Provinsi
integer 10
not null Kode_pos
varchar 5 not null
Level enum
‘member’ Blokir
enum ‘Y’, ‘N’
Id_session varchar 100
not null
10. Tabel Merk
114
Tabel merk digunakan untuk menyimpan semua data merk. Secara umum, struktur tabel yang akan digunakan dapat dilihat pada tabel III.15 berikut.
Tabel III.15 Tabel Merk
Nama Field Tipe
Size Kunci
Keterangan id_merk
integer 5
primary key auto_increment
nama_merk varchar 50 not null
11. Tabel Ongkos Kirim
Tabel ongkos kirim digunakan untuk menyimpan semua data ongkos kirim. Secara umum, struktur tabel yang akan digunakan dapat dilihat pada tabel III.16
berikut.
Tabel III.16 Tabel Ongkos Kirim
Nama Field Tipe
Size Kunci
Keterangan id_ongkos
integer 5 primary key
auto_increment id_kota
integer 10 foreign key, refkotaid_kota
ongkos_kirim integer 10 jenis_jasa
integer 11 foreign key,
refjenis_pengirimanid_jenis_pengiriman not null
lama_kirim integer 11
not null
12. Tabel Orders
Tabel orders digunakan untuk menyimpan semua data order. Secara umum, struktur tabel yang akan digunakan dapat dilihat pada tabel III.17 berikut.
Tabel III.17 Tabel Orders
Nama Field Tipe
Size Kunci
Keterangan id_orders
integer 5
primary key auto_increment
jasa_kirim integer
11 foreign key,
not null
Bersambung
115
Nama Field Tipe
Size Kunci
Keterangan refjenis_pengirimanid_jenis_pengiri
man no_transaksi
varchar 20
not null username
varchar 50
foreign key, refmemberusername not null
nama_kustomer varchar
50 not null
alamat text
not null telepon
varchar 13
not null email
varchar 30
not null status_order
varchar 30
not null status_bayar
varchar 30
not null status_pengiriman
varchar 30
not null kode_pos
integer 5
not null tgl_order
date not null
tgl_bayar date
not null tgl_batal
date not null
tgl_sampai date
not null tot_order
integer 10
not null dibayar_dlr
double 10,2
not null dibayar_rp
integer 10
not null jam_order
time not null
id_prov integer
10 foreign key, refprovinsiid_prov
not null id_kota
integer 10
foreign key, refkotaid_kota not null
no_resi varchar
20 not null
jenis_bayar varchar
20 not null
ongkos double
not null atas_nama
varchar 50
kode_trx varchar
20 no_rek
integer 20
not null track_table
text not null
track_tujuan varchar
256 track_petugas
varchar 256
track_tgl_terima varchar
75 track_penerima
varchar 256
track_status varchar
25 track_tgl_kirim
date not null
type_trx char
1 paket_name
varchar 100
13. Tabel Orders Detail
Tabel orders detail digunakan untuk menyimpan semua data orders detail. Secara umum, struktur tabel yang akan digunakan dapat dilihat pada tabel III.18
berikut.
Tabel III.17 Tabel Orders Lanjutan
116
Tabel III.18 Tabel Orders Detail
Nama Field Tipe
Size Kunci
Keterangan id_orders
integer 11 foreign key, refordersid_orders
auto_increment id_produk
integer 11 foreign key, refprodukid_produk
jumlah integer 5
not null total
integer 10 not null
diskon integer 3
not null harga
integer 10 not null
pkt_id integer 11
14. Tebel Orders Temp
Tabel orders temp digunakan untuk menyimpan semua data orders temp. Secara umum, struktur tabel yang akan digunakan dapat dilihat pada tabel III.19
berikut.
Tabel III.19 Tabel Orders Temp
Nama Field Tipe
Size Kunci
Keterangan id_orders_temp
integer 5
primary key auto_increment
id_produk integer
5 foreign key, refprodukid_produk
username varchar 50
jumlah integer
5 not null
harga integer
10 not null
diskon integer
3 not null
tgl_order_temp date
not null jam_order_temp time
not null stok_temp
integer 5
not null id_session
varchar 50 not null
pkt_id integer
11
15. Tabel Produk
Tabel produk digunakan untuk menyimpan semua data produk. Secara umum, struktur tabel yang akan digunakan dapat dilihat pada tabel III.20 berikut.
117
Tabel III.20 Tabel Produk
Nama Field Tipe
Size Kunci
Keterangan id_produk
integer 5
primary key auto_increment
id_kategori integer
5 foreign key, refkategoriid_kategori
id_subkategori integer 5
foreign key, refsub_kategoriid_subkategori
not null nama_produk
varchar 100
not null id_merk
integer 5
foreign key, refmerkid_merk produk_seo
varchar 100
not null deskripsi
text not null
harga integer
20 not null
diskon integer
3 not null
berat decimal 5,2
not null tgl_masuk
date not null
gambar varchar
100 not null
stok integer
5 not null
dibeli integer
5 not null
dilihat integer
5 not null
16. Tabel Provinsi
Tabel provinsi digunakan untuk menyimpan semua data provinsi. Secara umum, struktur tabel yang akan digunakan dapat dilihat pada tabel III.21 berikut.
Tabel III.21 Tabel Provinsi
Nama Field Tipe
Size Kunci
Keterangan id_prov
integer 10
auto_increment nama_prov
varchar 100
not null
17. Tabel Retur
Tabel retur digunakan untuk menyimpan semua data retur. Secara umum, struktur tabel yang akan digunakan dapat dilihat pada tabel III.22 berikut.
118
Tabel III.22 Tabel Retur
Nama Field Tipe
Size Kunci
Keterangan id_retur
integer 5
primary key auto_increment
username varchar 50
foreign key, refmembersusername id_orders
integer 5
foreign key, refordersis_orders tgl_retur
date not null
status_retur varchar 20
not null no_resi_retur varchar 20
not null biaya
varchar 12
18. Tabel Sub Kategori
Tabel sub kategori digunakan untuk menyimpan semua data sub kategori. Secara umum, struktur tabel yang akan digunakan dapat dilihat pada tabel III.23
berikut.
Tabel III.23 Tabel Sub Kategori
Nama Field Tipe
Size Kunci
Keterangan id_subkategori
integer 5
primary key auto_increment
id_kategori integer
5 foreign key, refkategoriid_kategori
nama_kategori varchar 20
not null subkategori_seo varchar 20
not null
19. Tabel Vote
Tabel vote digunakan untuk menyimpan semua data vote. Secara umum, struktur tabel yang akan digunakan dapat dilihat pada tabel III.24 berikut.
Tabel III.24 Tabel Vote
Nama Field Tipe
Size Kunci
Keterangan id
integer 5
foreign key, refprodukid_produk username
varchar 50
foreign key, refmembersusername date
datetime not null
vote integer
11 not null
119
III.5.2 Perancangan Struktur Menu
Perancangan struktur menu dari aplikasi e-Commerce pada toko Anugrah adalah sebagai berikut :
1. Struktur menu pengunjung dari aplikasi e-Commerce pada toko Anugrah
dapat dilihat pada gambar III.30 berikut.
Beranda Produk
Keranjang Belanja
Tentang Kami Kontak
Cara Pembelian Cari Produk
Login Daftar
Lihat Menu
Pengunjung
Daftar Keranjang
Belanja Tambah Data
Keranjang Belanja
Edit Data Keranjang
Belanja Hapus Data
Keranjang Belanja
Gambar III.30 Struktur Menu Pengunjung
2. Struktur menu member dari aplikasi e-Commerce pada toko Anugrah
dapat dilihat pada gambar III.31 berikut.
120
Produk Keranjang
Belanja Tentang Kami
Kontak Cara Pembelian
Cari Produk Profil
Pesanan Retur
Logout Beranda
Login
Lihat Daftar
Keranjang Belanja
Tambah Data Keranjang
Belanja Edit Data
Keranjang Belanja
Hapus Data keranjang
Belanja Cari History
Pemesanan Daftar History
Pemesanan Cari Retur
Produk Tambah Retur
Produk Daftar Retur
Produk Edit Profil
Member
Gambar III.31 Struktur Menu Member
3. Struktur menu admin dari aplikasi e-Commerce pada toko Anugrah dapat
dilihat pada gambar III.32 berikut.
Login Home
Pengolahan Orders
Pengaturan Backup
Restore Laporan
Penjualan Logout
Kategori Sub Kategori
Daftar Kategori Tambah Data
Kategori Edit Data
Kategori Hapus Data
Kategori Cari Data
Kategori Daftar Sub
Kategori Tambah Data
Sub Kategori Edit Data Sub
Kategori Hapus Data Sub
Kategori Cari Data Sub
Kategori Merk
Daftar Merk Tambah Data
Merk Edit Data Merk
Hapus Data Merk
Cari Data Merk Produk
Daftar Produk Tambah Data
Produk Edit Data
Produk Hapus Data
Produk Gambar
Cetak Data Produk
Cari Data Produk
Daftar Ganbar Tambah Data
Gambar Hapus Data
Gambar Provinsi
Daftar Provinsi Tambah Data
Provinsi Edit Data
Provinsi Cari Data
Provinsi Hapus Data
Provinsi Kota
Daftar Kota Tambah Data
Kota Edit Data Kota
Cari Data Kota Hapus Data
Kota Jasa
Pengiriman Daftar Jasa
Pengiriman Tambah Data
Jasa Pengiriman
Edit Data Jasa Pengiriman
Hapus Data Jasa
Pengiriman Jenis
Pengiriman Daftar Jenis
Pengiriman Tambah Data
jenis Pengiriman
Edit Data Jenis Pengiriman
Cari Data Jenis Pengiriman
Hapus Data Jenis
Pengiriman Ongkos Kirim
Daftar Ongkos Kirim
Tambah Data Ongkos Kirim
Edit Data Ongkos Kirim
Hapus Data Ongkos Kirim
Cari Data Ongkos Kirim
Members Daftar
Members Cari Data
Member Edit Status
Member Order Baru
Order Dibayar Order Lunas
Order Dikirim Order Diterima
Produk Retur Daftar Order
Baru Daftar Order
Dibayar Daftar Order
Lunas Daftar Order
Dikirim Daftar Order
Diterima Daftar Produk
Retur Update Status
Bayar Update Status
Bayar Update Status
Bayar Update No Resi
Update Status Pengiriman
Update Status Retur
Update No Resi Retur
Ganti Password Hubungi Kami
Cara Pembelian Profil
Perusahaan Syarat
Kondisi Daftar Hubungi
Kami Balas Pesan
Hubungi Hapus Data
Hubungi Edit Data Cara
Pembelian Edit Data Profil
Perusahaan Edit Data Syarat
Kondisi Backup
Database Restore
Database Daftar Laporan
Penjualan Cari Laporan
Penjualan Cetak Laporan
Penjualan Manajemen
Modul Tambah Data
Modul Edit Data
Modul Hapus Data
Modul Daftar Modul
Daftar Laporan Produk
Cari Laporan Produk
Cetak Laporan Produk
Gambar III.32 Struktur Menu Admin
121
III.5.3 Perancangan Antarmuka
Interface atau antarmuka merupakan tampilan suatu program aplikasi yang berperan sebagai media komunikasi yang digunakan sebagai sarana berdialog
antara program dengan user. Sistem yang akan dibangun diharapkan dapat menyediakan interface yang mudah dipahami dan digunakan oleh user.
Perancangan interface untuk aplikasi e-Commerce toko Anugrah adalah sebagai berikut :
III.5.3.1 perancangan Antarmuka Pengunjung
1. Perancangan antarmuka tampilan home untuk pengunjung Gambar III.33.
T01 Navigasi :
1. Klik Beranda menuju ke T01 2. Klik Produk menuju ke T02
3. Klik Keranjang Belanja menuju ke T03 4. Klik Tentang Kami menuju ke T04
5. Klik Kontak menuju ke T05 6. Klik Cara Pembelian menuju ke T06
7. Klik Login menuju ke T07 8. Klik Daftar menuju ke T08
9. Klik Selengkapnya menuju ke T09 Header
Footer Beranda
Produk Tentang Kami
Keranjang Belanja
Kontak Cara Pembelian
Produk Terbaru
Nama Produk Gambar
Selengkapnya Nama Produk
Gambar Selengkapnya
Nama Produk Gambar
Selengkapnya Nama Produk
Gambar Selengkapnya
Nama Produk Gambar
Selengkapnya Nama Produk
Gambar Selengkapnya
Nama Produk Gambar
Selengkapnya Nama Produk
Gambar Selengkapnya
Nama Produk Gambar
Selengkapnya Login
Username Password
Login Lupa Password ?
Daftar Akun Keranjang Belanja
Produk Terlaris Gambar
Gambar Customer Service
Cari Cari
Kategori
Produk Favorite Gambar
Pembayaran BNI
Paypal Facebook
KURS Gambar
Gambar Gambar
Gambar
Gambar III.33 Tampilan Home Pengunjung
122
2. Perancangan antarmuka tampilan semua produk untuk pengunjung
Gambar III.34.
T02 Navigasi :
1. Klik Beranda menuju ke T01 2. Klik Produk menuju ke T02
3. Klik Keranjang Belanja menuju ke T03 4. Klik Tentang Kami menuju ke T04
5. Klik Kontak menuju ke T05 6. Klik Cara Pembelian menuju ke T06
7. Klik Login menuju ke T07 8. Klik Daftar menuju ke T08
9. Klik Selengkapnya menuju ke T09 Header
Footer Beranda
Produk Tentang Kami
Keranjang Belanja
Kontak Cara Pembelian
All Produk Nama Produk
Gambar Selengkapnya
Nama Produk Gambar
Selengkapnya Nama Produk
Gambar Selengkapnya
Nama Produk Gambar
Selengkapnya Nama Produk
Gambar Selengkapnya
Nama Produk Gambar
Selengkapnya Nama Produk
Gambar Selengkapnya
Nama Produk Gambar
Selengkapnya Nama Produk
Gambar Selengkapnya
Login Username
Password Login
Lupa Password ? Daftar Akun
Keranjang Belanja Produk Terlaris
Gambar Gambar
Customer Service Cari
Cari Kategori
Produk Favorite Gambar
Pembayaran BNI
Paypal Facebook
Nama Produk Gambar
Selengkapnya Nama Produk
Gambar Selengkapnya
Nama Produk Gambar
Selengkapnya Hal : 1|
KURS
Gambar III.34 Tampilan Semua Produk Pengunjung
3. Perancangan antarmuka tampilan keranjang belanja pengunjung Gambar
III.35.
T03 Navigasi :
1. Klik Beranda menuju ke T01 2. Klik Produk menuju ke T02
3. Klik Keranjang Belanja menuju ke T03 4. Klik Tentang Kami menuju ke T04
5. Klik Kontak menuju ke T05 6. Klik Cara Pembelian menuju ke T06
7. Klik Login menuju ke T07 8. Klik Daftar menuju ke T08
9. Klik Selengkapnya menuju ke T09 Header
Footer Beranda
Produk Tentang Kami
Keranjang Belanja
Kontak Cara Pembelian
Keranjang Belanja Login
Username Password
Login Lupa Password ?
Daftar Akun Keranjang Belanja
Produk Terlaris Gambar
Gambar Customer Service
Cari Cari
Kategori Produk Favorite
Gambar Pembayaran
BNI Paypal
Facebook No
Harga Jumlah
Detail Produk Aksi
Gambar Produk Sub Total
Gambar Update
Hapus Total Bayar :
Lanjutkan Belanja Lanjutkan
KURS
Gambar III.35 Tampilan Keranjang Belanja Pengunjung
123
4. Perancangan antarmuka tampilan tentang kami pengunjung Gambar
III.36.
T04 Navigasi :
1. Klik Beranda menuju ke T01 2. Klik Produk menuju ke T02
3. Klik Keranjang Belanja menuju ke T03 4. Klik Tentang Kami menuju ke T04
5. Klik Kontak menuju ke T05 6. Klik Cara Pembelian menuju ke T06
7. Klik Login menuju ke T07 8. Klik Daftar menuju ke T08
9. Klik Selengkapnya menuju ke T09 Header
Footer Beranda
Produk Tentang Kami
Keranjang Belanja
Kontak Cara Pembelian
Profile Perusahaan Login
Username Password
Login Lupa Password ?
Daftar Akun Keranjang Belanja
Produk Terlaris Gambar
Gambar Customer Service
Cari Cari
Kategori Produk Favorite
Gambar Pembayaran
BNI Paypal
Facebook Profile Perusahaan
Gambar
KURS
Gambar III.36 Tampilan Tentang Kami Pengunjung
5. Perancangan antarmuka tampilan kontak pengunjung Gambar III.37.
T05 Navigasi :
1. Klik Beranda menuju ke T01 2. Klik Produk menuju ke T02
3. Klik Keranjang Belanja menuju ke T03 4. Klik Tentang Kami menuju ke T04
5. Klik Kontak menuju ke T05 6. Klik Cara Pembelian menuju ke T06
7. Klik Login menuju ke T07 8. Klik Daftar menuju ke T08
9. Klik Selengkapnya menuju ke T09 Header
Footer Beranda
Produk Tentang Kami
Keranjang Belanja
Kontak Cara Pembelian
Hubungi Kami Login
Username Password
Login Lupa Password ?
Daftar Akun Keranjang Belanja
Produk Terlaris Gambar
Gambar Customer Service
Cari Cari
Kategori Produk Favorite
Gambar Pembayaran
BNI Paypal
Facebook Nama
Email Subjek
Pesan Kirim
KURS
Gambar III.37 Tampilan Kontak Pengunjung
124
6. Perancangan antarmuka tampilan cara pembelian pengunjung Gambar
III.38.
T06 Navigasi :
1. Klik Beranda menuju ke T01 2. Klik Produk menuju ke T02
3. Klik Keranjang Belanja menuju ke T03 4. Klik Tentang Kami menuju ke T04
5. Klik Kontak menuju ke T05 6. Klik Cara Pembelian menuju ke T06
7. Klik Login menuju ke T07 8. Klik Daftar menuju ke T08
9. Klik Selengkapnya menuju ke T09 Header
Footer Beranda
Produk Tentang Kami
Keranjang Belanja
Kontak Cara Pembelian
Deskripsi Cara Pembelian Cara Pembelian
Login Username
Password Login
Lupa Password ? Daftar Akun
Keranjang Belanja Produk Terlaris
Gambar Gambar
Customer Service Cari
Cari Kategori
Produk Favorite Gambar
Pembayaran BNI
Paypal Facebook
KURS
Gambar III.38 Tampilan Cara Pembelian Pengunjung
7. Perancangan antarmuka tampilan login pengunjung Gambar III.39.
T07 Navigasi :
1. Klik Beranda menuju ke T01 2. Klik Produk menuju ke T02
3. Klik Keranjang Belanja menuju ke T03 4. Klik Tentang Kami menuju ke T04
5. Klik Kontak menuju ke T05 6. Klik Cara Pembelian menuju ke T06
7. Klik Login menuju ke T07 8. Klik Daftar menuju ke T08
9. Klik Selengkapnya menuju ke T09 Header
Footer Beranda
Produk Tentang Kami
Keranjang Belanja
Kontak Cara Pembelian
Login Username
Password Login
Lupa Password ? Daftar Akun
Keranjang Belanja Produk Terlaris
Gambar Gambar
Customer Service Cari
Cari Kategori
Produk Favorite Gambar
Pembayaran BNI
Paypal Facebook
KURS Produk Terbaru
Nama Produk Gambar
Selengkapnya Nama Produk
Gambar Selengkapnya
Nama Produk Gambar
Selengkapnya Nama Produk
Gambar Selengkapnya
Nama Produk Gambar
Selengkapnya Nama Produk
Gambar Selengkapnya
Nama Produk Gambar
Selengkapnya Nama Produk
Gambar Selengkapnya
Nama Produk Gambar
Selengkapnya Gambar
Gambar Gambar
Gambar
Gambar III.39 Tampilan Login Pengunjung
125
8. Perancangan antarmuka tampilan daftar pengunjung Gambar III.40.
T08 Navigasi :
1. Klik Beranda menuju ke T01 2. Klik Produk menuju ke T02
3. Klik Keranjang Belanja menuju ke T03 4. Klik Tentang Kami menuju ke T04
5. Klik Kontak menuju ke T05 6. Klik Cara Pembelian menuju ke T06
7. Klik Login menuju ke T07 8. Klik Daftar menuju ke T08
9. Klik Selengkapnya menuju ke T09 Header
Footer Beranda
Produk Tentang Kami
Keranjang Belanja
Kontak Cara Pembelian
Registrasi Akun Login
Username Password
Login Lupa Password ?
Daftar Akun Keranjang Belanja
Produk Terlaris Gambar
Gambar Customer Service
Cari Cari
Kategori Produk Favorite
Gambar Pembayaran
BNI Paypal
Facebook
Data Member
Username Nama Lengkap
Email Jenis Kelamin
Telepon
Alamat Member
Alamat
Password Member
KotaKabupaten Kode Pos
Password Provinsi
Ulangi Password Laki - laki
Perempuan
Daftar
KURS
Gambar III.40 Tampilan Daftar Pengunjung
9. Perancangan antarmuka tampilan detail produk pengunjung Gambar
III.41.
T09 Navigasi :
1. Klik Beranda menuju ke T01 2. Klik Produk menuju ke T02
3. Klik Keranjang Belanja menuju ke T03 4. Klik Tentang Kami menuju ke T04
5. Klik Kontak menuju ke T05 6. Klik Cara Pembelian menuju ke T06
7. Klik Login menuju ke T07 8. Klik Daftar menuju ke T08
9. Klik Selengkapnya menuju ke T09 Header
Footer Beranda
Produk Tentang Kami
Keranjang Belanja
Kontak Cara Pembelian
Detail Produk Login
Username Password
Login Lupa Password ?
Daftar Akun Keranjang Belanja
Produk Terlaris Gambar
Gambar Customer Service
Cari Cari
Kategori Produk Favorite
Gambar Pembayaran
BNI Paypal
Facebook Detail Produk
Gambar
KURS Share |
Jumlah Beli
Nama Produk Gambar
Selengkapnya Nama Produk
Gambar Selengkapnya
Nama Produk Gambar
Selengkapnya Komentar
Produk Lainnya
Gambar III.41 Tampilan Detail Produk Pengunjung
126
10. Perancangan antarmuka tampilan selesai daftar untuk pengunjung
Gambar III.42.
T10 Navigasi :
1. Klik Beranda menuju ke T01 2. Klik Produk menuju ke T02
3. Klik Keranjang Belanja menuju ke T03 4. Klik Tentang Kami menuju ke T04
5. Klik Kontak menuju ke T05 6. Klik Cara Pembelian menuju ke T06
7. Klik Login menuju ke T07 8. Klik Daftar menuju ke T08
9. Klik Selengkapnya menuju ke T09 Header
Footer Beranda
Produk Tentang Kami
Keranjang Belanja
Kontak Cara Pembelian
Terimakasih telah menjadi member kami. silakan cek email anda untuk mengaktifkan akun anda.
Login Username
Password Login
Lupa Password ? Daftar Akun
Keranjang Belanja Produk Terlaris
Gambar Gambar
Customer Service Cari
Cari Kategori
Produk Favorite Gambar
Pembayaran BNI
Paypal Facebook
KURS
Gambar III.42 Tampilan Selesai Daftar Pengunjung
11. Perancangan antarmuka tampilan peringatan login untuk pengunjung
Gambar III.43.
T11 Navigasi :
1. Klik Beranda menuju ke T01 2. Klik Produk menuju ke T02
3. Klik Keranjang Belanja menuju ke T03 4. Klik Tentang Kami menuju ke T04
5. Klik Kontak menuju ke T05 6. Klik Cara Pembelian menuju ke T06
7. Klik Login menuju ke T07 8. Klik Daftar menuju ke T08
9. Klik Selengkapnya menuju ke T09 Header
Footer Beranda
Produk Tentang Kami
Keranjang Belanja
Kontak Cara Pembelian
Checkout Login
Username Password
Login Lupa Password ?
Daftar Akun Keranjang Belanja
Produk Terlaris Gambar
Gambar Customer Service
Cari Cari
Kategori Produk Favorite
Gambar Pembayaran
BNI Paypal
Facebook Untuk berbelanja diwebsite kami anda harus login
Untuk sekarang ini anda belum login Klik disini untuk Login Atau Klik disini untuk menjadi Member di ANUGRAH
KURS
Gambar III.43 Tampilan Peringatan Login Pengunjung
127
III.5.3.2 Perancangan Antarmuka Member
1. Perancangan antarmuka tampilan home untuk member Gambar III.44.
T12 Navigasi :
1. Klik Beranda menuju ke T12 2. Klik Produk menuju ke T13
3. Klik Keranjang Belanja menuju ke T14 4. Klik Tentang Kami menuju ke T15
5. Klik Kontak menuju ke T16 6. Klik Cara Pembelian menuju ke T17
7. Klik Profil menuju ke T18 8. Klik Pesanan menuju ke T19
9. Klik Retur menuju ke T20 10. Klik Selengkapnya menuju ke T21
Header
Footer Beranda
Produk Tentang Kami
Keranjang Belanja
Kontak Cara Pembelian
Selamat Datang Keranjang Belanja
Produk Terlaris Gambar
Gambar Customer Service
Cari Cari
Kategori Produk Favorite
Gambar Pembayaran
BNI Paypal
Facebook Hi, Username
Profil Pesanan
Retur Keluar
KURS Produk Terbaru
Nama Produk Gambar
Selengkapnya Nama Produk
Gambar Selengkapnya
Nama Produk Gambar
Selengkapnya Nama Produk
Gambar Selengkapnya
Nama Produk Gambar
Selengkapnya Nama Produk
Gambar Selengkapnya
Nama Produk Gambar
Selengkapnya Nama Produk
Gambar Selengkapnya
Nama Produk Gambar
Selengkapnya Gambar
Gambar Gambar
Gambar
Gambar III.44 Tampilan Home Member
2. Perancangan antarmuka tampilan semua produk untuk member Gambar
III.45.
T13 Navigasi :
1. Klik Beranda menuju ke T12 2. Klik Produk menuju ke T13
3. Klik Keranjang Belanja menuju ke T14 4. Klik Tentang Kami menuju ke T15
5. Klik Kontak menuju ke T16 6. Klik Cara Pembelian menuju ke T17
7. Klik Profil menuju ke T18 8. Klik Pesanan menuju ke T19
9. Klik Retur menuju ke T20 10. Klik Selengkapnya menuju ke T21
Header
Footer Beranda
Produk Tentang Kami
Keranjang Belanja
Kontak Cara Pembelian
All Produk Nama Produk
Gambar Selengkapnya
Nama Produk Gambar
Selengkapnya Nama Produk
Gambar Selengkapnya
Nama Produk Gambar
Selengkapnya Nama Produk
Gambar Selengkapnya
Nama Produk Gambar
Selengkapnya Nama Produk
Gambar Selengkapnya
Nama Produk Gambar
Selengkapnya Nama Produk
Gambar Selengkapnya
Selamat Datang Keranjang Belanja
Produk Terlaris Gambar
Gambar Customer Service
Cari Cari
Kategori Produk Favorite
Gambar Pembayaran
BNI Paypal
Facebook Hi, Username
Profil Pesanan
Retur Keluar
Nama Produk Gambar
Selengkapnya Nama Produk
Gambar Selengkapnya
Nama Produk Gambar
Selengkapnya Hal : 1|
KURS
Gambar III.45 Tampilan Semua Produk Member
128
3. Perancangan antarmuka tampilan keranjang belanja untuk member
Gambar III.46.
T14 Navigasi :
1. Klik Beranda menuju ke T12 2. Klik Produk menuju ke T13
3. Klik Keranjang Belanja menuju ke T14 4. Klik Tentang Kami menuju ke T15
5. Klik Kontak menuju ke T16 6. Klik Cara Pembelian menuju ke T17
7. Klik Profil menuju ke T18 8. Klik Pesanan menuju ke T19
9. Klik Retur menuju ke T20 10. Klik Selengkapnya menuju ke T21
Header
Footer Beranda
Produk Tentang Kami
Keranjang Belanja
Kontak Cara Pembelian
Keranjang Belanja Selamat Datang
Keranjang Belanja Produk Terlaris
Gambar Gambar
Customer Service Cari
Cari Kategori
Produk Favorite Gambar
Pembayaran BNI
Paypal Facebook
Hi, Username Profil
Pesanan Retur
Keluar No
Harga Jumlah
Detail Produk Aksi
Gambar Produk Sub Total
Gambar Update
Hapus Total Bayar :
Lanjutkan Belanja Lanjutkan
KURS
Gambar III.46 Tampilan Keranjang Belanja Member
4. Perancangan antarmuka tampilan tentang kami member Gambar III.47.
T15 Navigasi :
1. Klik Beranda menuju ke T12 2. Klik Produk menuju ke T13
3. Klik Keranjang Belanja menuju ke T14 4. Klik Tentang Kami menuju ke T15
5. Klik Kontak menuju ke T16 6. Klik Cara Pembelian menuju ke T17
7. Klik Profil menuju ke T18 8. Klik Pesanan menuju ke T19
9. Klik Retur menuju ke T20 10. Klik Selengkapnya menuju ke T21
Header
Footer Beranda
Produk Tentang Kami
Keranjang Belanja
Kontak Cara Pembelian
Profile Perusahaan Selamat Datang
Keranjang Belanja Produk Terlaris
Gambar Gambar
Customer Service Cari
Cari Kategori
Produk Favorite Gambar
Pembayaran BNI
Paypal Facebook
Hi, Username Profil
Pesanan Retur
Keluar Profile Perusahaan
Gambar
KURS
Gambar III.47 Tampilan Tentang Kami Member
129
5. Perancangan antarmuka tampilan kontak member Gambar III.48.
T16 Navigasi :
1. Klik Beranda menuju ke T12 2. Klik Produk menuju ke T13
3. Klik Keranjang Belanja menuju ke T14 4. Klik Tentang Kami menuju ke T15
5. Klik Kontak menuju ke T16 6. Klik Cara Pembelian menuju ke T17
7. Klik Profil menuju ke T18 8. Klik Pesanan menuju ke T19
9. Klik Retur menuju ke T20 10. Klik Selengkapnya menuju ke T21
Header
Footer Beranda
Produk Tentang Kami
Keranjang Belanja
Kontak Cara Pembelian
Hubungi Kami Selamat Datang
Keranjang Belanja Produk Terlaris
Gambar Gambar
Customer Service Cari
Cari Kategori
Produk Favorite Gambar
Pembayaran BNI
Paypal Facebook
Hi, Username Profil
Pesanan Retur
Keluar Nama
Email Subjek
Pesan Kirim
KURS
Gambar III.48 Tampilan Kontak Member
6. Perancangan antarmuka tampilan cara pembelian member Gambar III.49.
T17 Navigasi :
1. Klik Beranda menuju ke T12 2. Klik Produk menuju ke T13
3. Klik Keranjang Belanja menuju ke T14 4. Klik Tentang Kami menuju ke T15
5. Klik Kontak menuju ke T16 6. Klik Cara Pembelian menuju ke T17
7. Klik Profil menuju ke T18 8. Klik Pesanan menuju ke T19
9. Klik Retur menuju ke T20 10. Klik Selengkapnya menuju ke T21
Header
Footer Beranda
Produk Tentang Kami
Keranjang Belanja
Kontak Cara Pembelian
Deskripsi Cara Pembelian Cara Pembelian
Selamat Datang Keranjang Belanja
Produk Terlaris Gambar
Gambar Customer Service
Cari Cari
Kategori Produk Favorite
Gambar Pembayaran
BNI Paypal
Facebook Hi, Username
Profil Pesanan
Retur Keluar
KURS
Gambar III.49 Tampilan Cara Pembelian Member
130
7. Perancangan antarmuka tampilan profil untuk member Gambar III.50.
T18 Navigasi :
1. Klik Beranda menuju ke T12 2. Klik Produk menuju ke T13
3. Klik Keranjang Belanja menuju ke T14 4. Klik Tentang Kami menuju ke T15
5. Klik Kontak menuju ke T16 6. Klik Cara Pembelian menuju ke T17
7. Klik Profil menuju ke T18 8. Klik Pesanan menuju ke T19
9. Klik Retur menuju ke T20 10. Klik Selengkapnya menuju ke T21
Header
Footer Beranda
Produk Tentang Kami
Keranjang Belanja
Kontak Cara Pembelian
Profile Selamat Datang
Keranjang Belanja Produk Terlaris
Gambar Gambar
Customer Service Cari
Cari Kategori
Produk Favorite Gambar
Pembayaran BNI
Paypal Facebook
Hi, Username Profil
Pesanan Retur
Keluar Username
Nama Email
No Tlp Alamat
Provinsi KotaKabupaten
Kode Pos Update
tidak bisa diedit
KURS
Gambar III.50 Tampilan Profil Member
8. Perancangan antarmuka tampilan history untuk member Gambar III.51.
T19 Navigasi :
1. Klik Beranda menuju ke T12 2. Klik Produk menuju ke T13
3. Klik Keranjang Belanja menuju ke T14 4. Klik Tentang Kami menuju ke T15
5. Klik Kontak menuju ke T16 6. Klik Cara Pembelian menuju ke T17
7. Klik Profil menuju ke T18 8. Klik Pesanan menuju ke T19
9. Klik Retur menuju ke T20 10. Klik Selengkapnya menuju ke T21
Header
Footer Beranda
Produk Tentang Kami
Keranjang Belanja
Kontak Cara Pembelian
History Pesanan Selamat Datang
Keranjang Belanja Produk Terlaris
Gambar Gambar
Customer Service Cari
Cari Kategori
Produk Favorite Gambar
Pembayaran BNI
Paypal Facebook
Hi, Username Profil
Pesanan Retur
Keluar Cari
Cari Pesanan : No. Order Tgl. Order Tgl. Expire Status Order
Status Bayar Status Pengiriman Aksi
Batal|Detail Halaman : 1
KURS
Gambar III.51 Tampilan History Member
131
9. Perancangan antarmuka tampilan history retur untuk member Gambar
III.52.
T20 Navigasi :
1. Klik Beranda menuju ke T12 2. Klik Produk menuju ke T13
3. Klik Keranjang Belanja menuju ke T14 4. Klik Tentang Kami menuju ke T15
5. Klik Kontak menuju ke T16 6. Klik Cara Pembelian menuju ke T17
7. Klik Profil menuju ke T18 8. Klik Pesanan menuju ke T19
9. Klik Retur menuju ke T20 10. Klik Selengkapnya menuju ke T21
Header
Footer Beranda
Produk Tentang Kami
Keranjang Belanja
Kontak Cara Pembelian
History Retur Produk Selamat Datang
Keranjang Belanja Produk Terlaris
Gambar Gambar
Customer Service Cari
Cari Kategori
Produk Favorite Gambar
Pembayaran BNI
Paypal Facebook
Hi, Username Profil
Pesanan Retur
Keluar Cari
Cari Retur : No
ID. Retur ID. Order
Nama Produk Jumlah
Status Aksi
Detail Halaman : 1
Tgl. Retur
KURS
Gambar III.52 Tampilan History Retur Produk Member
10. Perancangan antarmuka tampilan detail produk untuk member Gambar
III.53.
T21 Navigasi :
1. Klik Beranda menuju ke T12 2. Klik Produk menuju ke T13
3. Klik Keranjang Belanja menuju ke T14 4. Klik Tentang Kami menuju ke T15
5. Klik Kontak menuju ke T16 6. Klik Cara Pembelian menuju ke T17
7. Klik Profil menuju ke T18 8. Klik Pesanan menuju ke T19
9. Klik Retur menuju ke T20 10. Klik Selengkapnya menuju ke T21
Header
Footer Beranda
Produk Tentang Kami
Keranjang Belanja
Kontak Cara Pembelian
Selamat Datang Keranjang Belanja
Produk Terlaris Gambar
Gambar Customer Service
Cari Cari
Kategori Produk Favorite
Gambar Pembayaran
BNI Paypal
Facebook Hi, Username
Profil Pesanan
Retur Keluar
KURS Detail Produk
Detail Produk Gambar
Share | Jumlah
Beli Komentar
Produk Lainnya Komentar :
Nama Komentar
Gambar Kode masukkan 6 kode diatas
Rating Kirim
Bad Excelent
Gambar III.53 Tampilan Detail Produk Member
132
11. Perancangan antarmuka tampilan alamat pengiriman untuk member
Gambar II.54.
T22 Navigasi :
1. Klik Beranda menuju ke T12 2. Klik Produk menuju ke T13
3. Klik Keranjang Belanja menuju ke T14 4. Klik Tentang Kami menuju ke T15
5. Klik Kontak menuju ke T16 6. Klik Cara Pembelian menuju ke T17
7. Klik Profil menuju ke T18 8. Klik Pesanan menuju ke T19
9. Klik Retur menuju ke T20 10. Klik Selengkapnya menuju ke T21
Header
Footer Beranda
Produk Tentang Kami
Keranjang Belanja
Kontak Cara Pembelian
Deskripsi Cara Pembelian Checkout
Selamat Datang Keranjang Belanja
Produk Terlaris Gambar
Gambar Customer Service
Cari Cari
Kategori Produk Favorite
Gambar Pembayaran
BNI Paypal
Facebook Hi, Username
Profil Pesanan
Retur Keluar
Data Pengiriman Nama Penerima
Email Telepon
Kode Pos Alamat Pengiriman
Kotakabupaten Provinsi
Alamat Kembali
Lanjutkan KURS
Pilih Alamat Alamat Akun
Alamat Lain
Gambar III.54 Tampilan Alamat Pengiriman Member
12. Perancangan antarmuka tampilan jenis pengiriman member Gambar
III.55.
T23 Navigasi :
1. Klik Beranda menuju ke T12 2. Klik Produk menuju ke T13
3. Klik Keranjang Belanja menuju ke T14 4. Klik Tentang Kami menuju ke T15
5. Klik Kontak menuju ke T16 6. Klik Cara Pembelian menuju ke T17
7. Klik Profil menuju ke T18 8. Klik Pesanan menuju ke T19
9. Klik Retur menuju ke T20 10. Klik Selengkapnya menuju ke T21
Header
Footer Beranda
Produk Tentang Kami
Keranjang Belanja
Kontak Cara Pembelian
Konfirmasi Jenis Pengiriman Selamat Datang
Keranjang Belanja Produk Terlaris
Gambar Gambar
Customer Service Cari
Cari Kategori
Produk Favorite Gambar
Pembayaran BNI
Paypal Facebook
Hi, Username Profil
Pesanan Retur
Keluar Data Pemesanan
Data Alamat Pengiriman Data Pesanan Barang
Detail Pesanan Barang Jasa Pengiriman
Silakan Pilih Jenis Pengiriman : Kembali
Checkout KURS
Jenis pengiriman yang tersedia untuk kota ... Jasa Pengiriman : ... ,Biaya : ... , Lama Kirim : ...
Jasa Pengiriman : ... ,Biaya : ... , Lama Kirim : ...
Gambar III.55 Tampilan Jenis Pengiriman Member
133
13. Perancangan antarmuka tampilan konfirmasi pemesanan untuk member
Gambar III.56.
T24 Navigasi :
1. Klik Beranda menuju ke T12 2. Klik Produk menuju ke T13
3. Klik Keranjang Belanja menuju ke T14 4. Klik Tentang Kami menuju ke T15
5. Klik Kontak menuju ke T16 6. Klik Cara Pembelian menuju ke T17
7. Klik Profil menuju ke T18 8. Klik Pesanan menuju ke T19
9. Klik Retur menuju ke T20 10. Klik Selengkapnya menuju ke T21
Header
Footer Beranda
Produk Tentang Kami
Keranjang Belanja
Kontak Cara Pembelian
Detail Pemesanan Selamat Datang
Keranjang Belanja Produk Terlaris
Gambar Gambar
Customer Service Cari
Cari Kategori
Produk Favorite Gambar
Pembayaran BNI
Paypal Facebook
Hi, Username Profil
Pesanan Retur
Keluar Data Pemesanan
Data Alamat Pengiriman Data Status Pesanan Barang
Status Pesanan Barang Data Detail Pesanan Barang
Detail Pesanan Barang Konfirmasi Pesanan
Klik Disini Untuk Melakukan Pembayaran KURS
Gambar III.56 Tampilan Konfirmasi Pemesanan Member
14. Perancangan antarmuka tampilan konfirmasi pembayaran untuk member
Gambar III.57.
T25 Navigasi :
1. Klik Beranda menuju ke T12 2. Klik Produk menuju ke T13
3. Klik Keranjang Belanja menuju ke T14 4. Klik Tentang Kami menuju ke T15
5. Klik Kontak menuju ke T16 6. Klik Cara Pembelian menuju ke T17
7. Klik Profil menuju ke T18 8. Klik Pesanan menuju ke T19
9. Klik Retur menuju ke T20 10. Klik Selengkapnya menuju ke T21
Header
Footer Beranda
Produk Tentang Kami
Keranjang Belanja
Kontak Cara Pembelian
Detail Pemesanan Selamat Datang
Keranjang Belanja Produk Terlaris
Gambar Gambar
Customer Service Cari
Cari Kategori
Produk Favorite Gambar
Pembayaran BNI
Paypal Facebook
Hi, Username Profil
Pesanan Retur
Keluar Data Pemesanan
Data Alamat Pengiriman Data Status Pesanan Barang
Status Pesanan Barang Data Detail Pesanan Barang
Detail Pesanan Barang Form Pembayaran
Data Form Pembayaran PEMBAYARAN MELALUI BANK Setor Tunai Transfer
BNI PEMBAYARAN MELALUI PAYPAL
PayPal Back
KURS
Gambar III.57 Tampilan Konfirmasi Pembayaran Member
134
15. Perancangan antarmuka tampilan detail history untuk member Gambar
III.58.
T26 Navigasi :
1. Klik Beranda menuju ke T12 2. Klik Produk menuju ke T13
3. Klik Keranjang Belanja menuju ke T14 4. Klik Tentang Kami menuju ke T15
5. Klik Kontak menuju ke T16 6. Klik Cara Pembelian menuju ke T17
7. Klik Profil menuju ke T18 8. Klik Pesanan menuju ke T19
9. Klik Retur menuju ke T20 10. Klik Selengkapnya menuju ke T21
Header
Footer Beranda
Produk Tentang Kami
Keranjang Belanja
Kontak Cara Pembelian
History Pesanan Selamat Datang
Keranjang Belanja Produk Terlaris
Gambar Gambar
Customer Service Cari
Cari Kategori
Produk Favorite Gambar
Pembayaran BNI
Paypal Facebook
Hi, Username Profil
Pesanan Retur
Keluar Data Pemesanan
Data Alamat Pengiriman Data Status Pesanan Barang
Status Pesanan Barang Data Detail Pesanan Barang
Detail Pesanan Barang Back
KURS
Gambar III.58 Tampilan Detail History Member
16. Perancangan antarmuka tampilan selesai transaksi untuk member Gambar
III.59
T27 Navigasi :
1. Klik Beranda menuju ke T12 2. Klik Produk menuju ke T13
3. Klik Keranjang Belanja menuju ke T14 4. Klik Tentang Kami menuju ke T15
5. Klik Kontak menuju ke T16 6. Klik Cara Pembelian menuju ke T17
7. Klik Profil menuju ke T18 8. Klik Pesanan menuju ke T19
9. Klik Retur menuju ke T20 10. Klik Selengkapnya menuju ke T21
Header
Footer Beranda
Produk Tentang Kami
Keranjang Belanja
Kontak Cara Pembelian
Transaksi Selesai Transaksi Selesai
Selamat Datang Keranjang Belanja
Produk Terlaris Gambar
Gambar Customer Service
Cari Cari
Kategori Produk Favorite
Gambar Pembayaran
BNI Paypal
Facebook Hi, Username
Profil Pesanan
Retur Keluar
KURS
Gambar III.59 Tampilan Selesai Transaksi Member
135
17. Perancangan antarmuka tampilan detail retur untuk member Gambar
III.60.
T28 Navigasi :
1. Klik Beranda menuju ke T12 2. Klik Produk menuju ke T13
3. Klik Keranjang Belanja menuju ke T14 4. Klik Tentang Kami menuju ke T15
5. Klik Kontak menuju ke T16 6. Klik Cara Pembelian menuju ke T17
7. Klik Profil menuju ke T18 8. Klik Pesanan menuju ke T19
9. Klik Retur menuju ke T20 10. Klik Selengkapnya menuju ke T21
Header
Footer Beranda
Produk Tentang Kami
Keranjang Belanja
Kontak Cara Pembelian
Detail Retur Selamat Datang
Keranjang Belanja Produk Terlaris
Gambar Gambar
Customer Service Cari
Cari Kategori
Produk Favorite Gambar
Pembayaran BNI
Paypal Facebook
Hi, Username Profil
Pesanan Retur
Keluar Data Status Pesanan Barang Retur
Status Pesanan Barang Retur Data Detail Pesanan Barang Retur
Detail Pesanan Barang Retur
KURS
Gambar III.60 Tampilan Detail Retur Member III.5.3.3
Perancangan Antarmuka Admin
1. Perancangan antarmuka tampilan login admin Gambar III.61.
T29 Navigasi :
1. Klik Lupa Password menuju ke T30 2. Klik tombol login menuju ke T31
Footer ADMIN DASHBOARD
Gambar Username
Password Login
Lupa Password ? Header
Gambar III.61 Tampilan Login Admin
136
2. Perancangan antarmuka tampilan lupa password unruk admin Gambar
III.62.
T30 Navigasi :
1. Klik tombol proses untuk mengirim password ke alamat email
2. Klik tombol kembali ke login menuju T29
Footer RESET PASSWORD ADMIN DASHBOARD
Gambar Email
Username Proses
Kembali Ke Login Header
Gambar III.62 Tampilan Lupa Password Admin
3. Perancangan antarmuka tampilan home untuk admin Gambar III.63.
T31 Navigasi :
1. Klik Home menuju ke T31 2. Klik Kategori Produk menuju ke T32
3. Klik Sub Kategori menuju ke T33 4. Klik Merk menuju ke T34
5. Klik Produk menuju ke T35 6. Klik Provinsi menuju ke T36
7. Klik Kota menuju ke T37 8. Klik Jasa Kirim menuju ke T38
9. Klik Jenis Pengiriman menuju ke T39 10. Klik Ongkos Kirim menuju ke T40
11. Klik Members menuju ke T41 12. Klik Order Baru menuju ke T42
13. Klik Order Dibayar menuju ke T43 14. Klik Order Lunas menuju ke T44
15. Klik Order Dikirim menuju ke T45 16. Klik Order Diterima menuju ke T46
17. Klik Produk Retur menuju ke T47 18. Klik Manajemen Modul menuju ke T48
19. Klik Ganti Password menuju ke T49 20. Klik Hubungi Kami menuju ke T50
21. Klik Cara Pembelian menuju ke T51 22. Klik Profil Perusahaan menuju ke T52
23. Klik Syarat Kondisi menuju ke T53 24. Klik Backup Database menuju ke T54
25. Klik Restore Database menuju ke T55 26. Klik Laporan Penjualan Diterima
menuju ke T56 27. klik Laporan Produk menuju ke T57
28. Klik Logout menuju ke T58 Header
Footer Home
Pengolahan Orders
Pengaturan Backup Restore
Laporan Penjualan Logout
ORDER TERAKHIR
Kategori Produk Sub Kategori
Merk Produk
Provinsi Kota
Jasa Kirim Jenis Pengiriman
Ongkos Kirim Members
Order Baru Order Dibayar
Order Lunas Order Dikirim
Order Diterima Produk Retur
Manajemen Modul Ganti Password
Hubungi Kami Cara Pembelian
Profile Perusahaan Backup Database
Restore Database Laporan Penjualan Diterima
Laporan Produk Syarat Kondisi
Notifikasi Retur
Gambar III.63 Tampilan Home Admin
137
4. Perancangan antarmuka tampilan kategori produk untuk admin Gambar
III.64.
T32 Navigasi :
1. Klik Home menuju ke T31 2. Klik Kategori Produk menuju ke T32
3. Klik Sub Kategori menuju ke T33 4. Klik Merk menuju ke T34
5. Klik Produk menuju ke T35 6. Klik Provinsi menuju ke T36
7. Klik Kota menuju ke T37 8. Klik Jasa Kirim menuju ke T38
9. Klik Jenis Pengiriman menuju ke T39 10. Klik Ongkos Kirim menuju ke T40
11. Klik Members menuju ke T41 12. Klik Order Baru menuju ke T42
13. Klik Order Dibayar menuju ke T43 14. Klik Order Lunas menuju ke T44
15. Klik Order Dikirim menuju ke T45 16. Klik Order Diterima menuju ke T46
17. Klik Produk Retur menuju ke T47 18. Klik Manajemen Modul menuju ke T48
19. Klik Ganti Password menuju ke T49 20. Klik Hubungi Kami menuju ke T50
21. Klik Cara Pembelian menuju ke T51 22. Klik Profil Perusahaan menuju ke T52
23. Klik Syarat Kondisi menuju ke T53 24. Klik Backup Database menuju ke T54
25. Klik Restore Database menuju ke T55 26. Klik Laporan Penjualan Diterima
menuju ke T56 27. klik Laporan Produk menuju ke T57
28. Klik Logout menuju ke T58 29. Klik Tambah Kategori menuju ke T59
30. Klik Edit menuju ke T60 31. Klik Hapus untuk menghapus kategori
Header
Footer Home
Pengolahan Orders
Pengaturan Backup Restore
Laporan Penjualan Logout
Kategori
Kategori Produk Sub Kategori
Merk Produk
Provinsi Kota
Jasa Kirim Jenis Pengiriman
Ongkos Kirim Members
Order Baru Order Dibayar
Order Lunas Order Dikirim
Order Diterima Produk Retur
Manajemen Modul Ganti Password
Hubungi Kami Cara Pembelian
Profile Perusahaan Backup Database
Restore Database Laporan Penjualan Diterima
Laporan Produk
Cari Kategori Tambah Kategori
Cari NO
NAMA KATEGORI AKSI
Edit Hapus
Syarat Kondisi Notifikasi Retur
Gambar III.64 Tampilan Kategori Produk
5. Perancangan antarmuka tampilan sub kategori untuk admin Gambar
III.65.
T33 Navigasi :
1. Klik Home menuju ke T31 2. Klik Kategori Produk menuju ke T32
3. Klik Sub Kategori menuju ke T33 4. Klik Merk menuju ke T34
5. Klik Produk menuju ke T35 6. Klik Provinsi menuju ke T36
7. Klik Kota menuju ke T37 8. Klik Jasa Kirim menuju ke T38
9. Klik Jenis Pengiriman menuju ke T39 10. Klik Ongkos Kirim menuju ke T40
11. Klik Members menuju ke T41 12. Klik Order Baru menuju ke T42
13. Klik Order Dibayar menuju ke T43 14. Klik Order Lunas menuju ke T44
15. Klik Order Dikirim menuju ke T45 16. Klik Order Diterima menuju ke T46
17. Klik Produk Retur menuju ke T47 18. Klik Manajemen Modul menuju ke T48
19. Klik Ganti Password menuju ke T49 20. Klik Hubungi Kami menuju ke T50
21. Klik Cara Pembelian menuju ke T51 22. Klik Profil Perusahaan menuju ke T52
23. Klik Syarat Kondisi menuju ke T53 24. Klik Backup Database menuju ke T54
25. Klik Restore Database menuju ke T55 26. Klik Laporan Penjualan Diterima
menuju ke T56 27. klik Laporan Produk menuju ke T57
28. Klik Logout menuju ke T58 29. Klik Tambah Sub Kategori menuju ke
T61 30. Klik Edit menuju ke T62
31. Klik Hapus untuk menghapus sub kategori
Header
Footer Home
Pengolahan Orders
Pengaturan Backup Restore
Laporan Penjualan Logout
Sub Kategori
Kategori Produk Sub Kategori
Merk Produk
Provinsi Kota
Jasa Kirim Jenis Pengiriman
Ongkos Kirim Members
Order Baru Order Dibayar
Order Lunas Order Dikirim
Order Diterima Produk Retur
Manajemen Modul Ganti Password
Hubungi Kami Cara Pembelian
Profile Perusahaan Backup Database
Restore Database Laporan Penjualan Diterima
Laporan Produk
Cari Sub Kategori Tambah Sub Kategori
Cari NO
NAMA SUBKATEGORI AKSI
Edit Hapus
KATEGORI Syarat Kondisi
Notifikasi Retur
Gambar III.65 Tampilan Sub Kategori
138
6. Perancangan antarmuka tampilan merk untuk admin Gambar III.66.
T34 Navigasi :
1. Klik Home menuju ke T31 2. Klik Kategori Produk menuju ke T32
3. Klik Sub Kategori menuju ke T33 4. Klik Merk menuju ke T34
5. Klik Produk menuju ke T35 6. Klik Provinsi menuju ke T36
7. Klik Kota menuju ke T37 8. Klik Jasa Kirim menuju ke T38
9. Klik Jenis Pengiriman menuju ke T39 10. Klik Ongkos Kirim menuju ke T40
11. Klik Members menuju ke T41 12. Klik Order Baru menuju ke T42
13. Klik Order Dibayar menuju ke T43 14. Klik Order Lunas menuju ke T44
15. Klik Order Dikirim menuju ke T45 16. Klik Order Diterima menuju ke T46
17. Klik Produk Retur menuju ke T47 18. Klik Manajemen Modul menuju ke T48
19. Klik Ganti Password menuju ke T49 20. Klik Hubungi Kami menuju ke T50
21. Klik Cara Pembelian menuju ke T51 22. Klik Profil Perusahaan menuju ke T52
23. Klik Syarat Kondisi menuju ke T53 24. Klik Backup Database menuju ke T54
25. Klik Restore Database menuju ke T55 26. Klik Laporan Penjualan Diterima
menuju ke T56 27. klik Laporan Produk menuju ke T57
28. Klik Logout menuju ke T58 29. Klik Tambah Merk menuju ke T63
30. Klik Edit menuju ke T64 31. Klik Hapus untuk menghapus merk
Header
Footer Home
Pengolahan Orders
Pengaturan Backup Restore
Laporan Penjualan Logout
Merk
Kategori Produk Sub Kategori
Merk Produk
Provinsi Kota
Jasa Kirim Jenis Pengiriman
Ongkos Kirim Members
Order Baru Order Dibayar
Order Lunas Order Dikirim
Order Diterima Produk Retur
Manajemen Modul Ganti Password
Hubungi Kami Cara Pembelian
Profile Perusahaan Backup Database
Restore Database Laporan Penjualan Diterima
Cari Merk Tambah Merk
Cari NO
NAMA MERK AKSI
Edit Hapus
Syarat Kondisi Laporan Produk
Notifikasi Retur
Gambar III.66 Tampilan Merk
7. Perancangan antarmuka tampilan produk untuk admin Gambar III.67.
T35 Navigasi :
1. Klik Home menuju ke T31 2. Klik Kategori Produk menuju ke T32
3. Klik Sub Kategori menuju ke T33 4. Klik Merk menuju ke T34
5. Klik Produk menuju ke T35 6. Klik Provinsi menuju ke T36
7. Klik Kota menuju ke T37 8. Klik Jasa Kirim menuju ke T38
9. Klik Jenis Pengiriman menuju ke T39 10. Klik Ongkos Kirim menuju ke T40
11. Klik Members menuju ke T41 12. Klik Order Baru menuju ke T42
13. Klik Order Dibayar menuju ke T43 14. Klik Order Lunas menuju ke T44
15. Klik Order Dikirim menuju ke T45 16. Klik Order Diterima menuju ke T46
17. Klik Produk Retur menuju ke T47 18. Klik Manajemen Modul menuju ke T48
19. Klik Ganti Password menuju ke T49 20. Klik Hubungi Kami menuju ke T50
21. Klik Cara Pembelian menuju ke T51 22. Klik Profil Perusahaan menuju ke T52
23. Klik Syarat Kondisi menuju ke T53 24. Klik Backup Database menuju ke T54
25. Klik Restore Database menuju ke T55 26. Klik Laporan Penjualan Diterima
menuju ke T56 27. klik Laporan Produk menuju ke T57
28. Klik Logout menuju ke T58 29. Klik Tambah Produk menuju ke T65
30. Klik Cetak Laporan Produk untuk membuat laporan produk
31. Klik Edit menuju ke T66 32. Klik Gambar menuju Ke T67
33. Klik Stok menuju ke T68 34. Klik Hapus untuk menghapus produk
Header
Footer Home
Pengolahan Orders
Pengaturan Backup Restore
Laporan Penjualan Logout
Produk
Kategori Produk Sub Kategori
Merk Produk
Provinsi Kota
Jasa Kirim Jenis Pengiriman
Ongkos Kirim Members
Order Baru Order Dibayar
Order Lunas Order Dikirim
Order Diterima Produk Retur
Manajemen Modul Ganti Password
Hubungi Kami Cara Pembelian
Profile Perusahaan Backup Database
Restore Database Laporan Penjualan Diterima
Laporan Produk
Cari Produk Tambah Produk
Cari NO
NAMA PRODUK AKSI
Edit Hapus
Cetak Laporan Produk GAMBAR
Gambar Gambar
Stok STOK PCS BERAT KG
HARGA DISKON
TGL. MASUK Syarat Kondisi
Notifikasi Retur
Gambar III.67 Tampilan Produk
139
8. Perancangan antarmuka tampilan provinsi untuk admin Gambar III.68.
T36 Navigasi :
1. Klik Home menuju ke T31 2. Klik Kategori Produk menuju ke T32
3. Klik Sub Kategori menuju ke T33 4. Klik Merk menuju ke T34
5. Klik Produk menuju ke T35 6. Klik Provinsi menuju ke T36
7. Klik Kota menuju ke T37 8. Klik Jasa Kirim menuju ke T38
9. Klik Jenis Pengiriman menuju ke T39 10. Klik Ongkos Kirim menuju ke T40
11. Klik Members menuju ke T41 12. Klik Order Baru menuju ke T42
13. Klik Order Dibayar menuju ke T43 14. Klik Order Lunas menuju ke T44
15. Klik Order Dikirim menuju ke T45 16. Klik Order Diterima menuju ke T46
17. Klik Produk Retur menuju ke T47 18. Klik Manajemen Modul menuju ke T48
19. Klik Ganti Password menuju ke T49 20. Klik Hubungi Kami menuju ke T50
21. Klik Cara Pembelian menuju ke T51 22. Klik Profil Perusahaan menuju ke T52
23. Klik Syarat Kondisi menuju ke T53 24. Klik Backup Database menuju ke T54
25. Klik Restore Database menuju ke T55 26. Klik Laporan Penjualan Diterima
menuju ke T56 27. klik Laporan Produk menuju ke T57
28. Klik Logout menuju ke T58 29. Klik Tambah Provinsi menuju ke T69
30. Klik Edit menuju ke T70 31. Klik Hapus untuk menghapus provinsi
Header
Footer Home
Pengolahan Orders
Pengaturan Backup Restore
Laporan Penjualan Logout
Provinsi
Kategori Produk Sub Kategori
Merk Produk
Provinsi Kota
Jasa Kirim Jenis Pengiriman
Ongkos Kirim Members
Order Baru Order Dibayar
Order Lunas Order Dikirim
Order Diterima Produk Retur
Manajemen Modul Ganti Password
Hubungi Kami Cara Pembelian
Profile Perusahaan Backup Database
Restore Database Laporan Penjualan Diterima
Laporan Produk
Cari Provinsi Tambah Provinsi
Cari NO
NAMA PROVINSI AKSKI
Edit Hapus
Syarat Kondisi Notifikasi Retur
Gambar III.68 Tampilan Provinsi
9. Perancangan antarmuka tampilan kota untuk admin Gambar III.69.
T37 Navigasi :
1. Klik Home menuju ke T31 2. Klik Kategori Produk menuju ke T32
3. Klik Sub Kategori menuju ke T33 4. Klik Merk menuju ke T34
5. Klik Produk menuju ke T35 6. Klik Provinsi menuju ke T36
7. Klik Kota menuju ke T37 8. Klik Jasa Kirim menuju ke T38
9. Klik Jenis Pengiriman menuju ke T39 10. Klik Ongkos Kirim menuju ke T40
11. Klik Members menuju ke T41 12. Klik Order Baru menuju ke T42
13. Klik Order Dibayar menuju ke T43 14. Klik Order Lunas menuju ke T44
15. Klik Order Dikirim menuju ke T45 16. Klik Order Diterima menuju ke T46
17. Klik Produk Retur menuju ke T47 18. Klik Manajemen Modul menuju ke T48
19. Klik Ganti Password menuju ke T49 20. Klik Hubungi Kami menuju ke T50
21. Klik Cara Pembelian menuju ke T51 22. Klik Profil Perusahaan menuju ke T52
23. Klik Syarat Kondisi menuju ke T53 24. Klik Backup Database menuju ke T54
25. Klik Restore Database menuju ke T55 26. Klik Laporan Penjualan Diterima
menuju ke T56 27. klik Laporan Produk menuju ke T57
28. Klik Logout menuju ke T58 29. Klik Tambah Kota menuju ke T71
30. Klik Edit menuju ke T72 31. Klik Hapus untuk menghapus kota
Header
Footer Home
Pengolahan Orders
Pengaturan Backup Restore
Laporan Penjualan Logout
Kota
Kategori Produk Sub Kategori
Merk Produk
Provinsi Kota
Jasa Kirim Jenis Pengiriman
Ongkos Kirim Members
Order Baru Order Dibayar
Order Lunas Order Dikirim
Order Diterima Produk Retur
Manajemen Modul Ganti Password
Hubungi Kami Cara Pembelian
Profile Perusahaan Backup Database
Restore Database Laporan Penjualan Diterima
Laporan Produk
Cari Kota Tambah Kota
Cari NO
NAMA KOTA Aksi
Edit Hapus
PROVINSI KABKOTA
Syarat Kondisi Notifikasi Retur
Gambar III.69 Tampilan Kota
140
10. Perancangan antarmuka tampilan jasa kirim untuk admin Gambar III.70.
T38 Navigasi :
1. Klik Home menuju ke T31 2. Klik Kategori Produk menuju ke T32
3. Klik Sub Kategori menuju ke T33 4. Klik Merk menuju ke T34
5. Klik Produk menuju ke T35 6. Klik Provinsi menuju ke T36
7. Klik Kota menuju ke T37 8. Klik Jasa Kirim menuju ke T38
9. Klik Jenis Pengiriman menuju ke T39 10. Klik Ongkos Kirim menuju ke T40
11. Klik Members menuju ke T41 12. Klik Order Baru menuju ke T42
13. Klik Order Dibayar menuju ke T43 14. Klik Order Lunas menuju ke T44
15. Klik Order Dikirim menuju ke T45 16. Klik Order Diterima menuju ke T46
17. Klik Produk Retur menuju ke T47 18. Klik Manajemen Modul menuju ke T48
19. Klik Ganti Password menuju ke T49 20. Klik Hubungi Kami menuju ke T50
21. Klik Cara Pembelian menuju ke T51 22. Klik Profil Perusahaan menuju ke T52
23. Klik Syarat Kondisi menuju ke T53 24. Klik Backup Database menuju ke T54
25. Klik Restore Database menuju ke T55 26. Klik Laporan Penjualan Diterima
menuju ke T56 27. klik Laporan Produk menuju ke T57
28. Klik Logout menuju ke T58 29. Klik Tambah Jasa Kirim menuju ke T73
30. Klik Edit menuju ke T74 31. Klik Hapus untuk menghapus jasa kirim
Header
Footer Home
Pengolahan Orders
Pengaturan Backup Restore
Laporan Penjualan Logout
Jasa Kirim
Kategori Produk Sub Kategori
Merk Produk
Provinsi Kota
Jasa Kirim Jenis Pengiriman
Ongkos Kirim Members
Order Baru Order Dibayar
Order Lunas Order Dikirim
Order Diterima Produk Retur
Manajemen Modul Ganti Password
Hubungi Kami Cara Pembelian
Profile Perusahaan Backup Database
Restore Database Laporan Penjualan Diterima
Laporan Produk
Tambah Jasa Kirim NO
PERUSAHAAN AKSI
Edit Hapus
JASA KIRIM Syarat Kondisi
Notifikasi Retur
Gambar III.70 Tampilan Jasa Kirim
11. Perancangan antarmuka jenis pengiriman untuk admin Gambar III.71.
T39 Navigasi :
1. Klik Home menuju ke T31 2. Klik Kategori Produk menuju ke T32
3. Klik Sub Kategori menuju ke T33 4. Klik Merk menuju ke T34
5. Klik Produk menuju ke T35 6. Klik Provinsi menuju ke T36
7. Klik Kota menuju ke T37 8. Klik Jasa Kirim menuju ke T38
9. Klik Jenis Pengiriman menuju ke T39 10. Klik Ongkos Kirim menuju ke T40
11. Klik Members menuju ke T41 12. Klik Order Baru menuju ke T42
13. Klik Order Dibayar menuju ke T43 14. Klik Order Lunas menuju ke T44
15. Klik Order Dikirim menuju ke T45 16. Klik Order Diterima menuju ke T46
17. Klik Produk Retur menuju ke T47 18. Klik Manajemen Modul menuju ke T48
19. Klik Ganti Password menuju ke T49 20. Klik Hubungi Kami menuju ke T50
21. Klik Cara Pembelian menuju ke T51 22. Klik Profil Perusahaan menuju ke T52
23. Klik Syarat Kondisi menuju ke T53 24. Klik Backup Database menuju ke T54
25. Klik Restore Database menuju ke T55 26. Klik Laporan Penjualan Diterima
menuju ke T56 27. klik Laporan Produk menuju ke T57
28. Klik Logout menuju ke T58 29. Klik Tambah Jenis Pengiriman menuju
ke T75 30. Klik Edit menuju ke T76
31. Klik Hapus untuk menghapus jenis pengiriman
Header
Footer Home
Pengolahan Orders
Pengaturan Backup Restore
Laporan Penjualan Logout
Jenis Pengiriman
Kategori Produk Sub Kategori
Merk Produk
Provinsi Kota
Jasa Kirim Jenis Pengiriman
Ongkos Kirim Members
Order Baru Order Dibayar
Order Lunas Order Dikirim
Order Diterima Produk Retur
Manajemen Modul Ganti Password
Hubungi Kami Cara Pembelian
Profile Perusahaan Backup Database
Restore Database Laporan Penjualan Diterima
Laporan Produk
Tambah Jenis Pengiriman NO
JENIS PENGIRIMAN AKSI
Edit Hapus
JASA PENGIRIMAN Cari Jenis Pengiriman
Cari Syarat Kondisi
Notifikasi Retur
Gambar III.71 Tampilan Jenis Pengiriman
141
12. Perancangan antarmuka tampilan ongkos kirim untuk admin Gambar
III.72.
T40 Navigasi :
1. Klik Home menuju ke T31 2. Klik Kategori Produk menuju ke T32
3. Klik Sub Kategori menuju ke T33 4. Klik Merk menuju ke T34
5. Klik Produk menuju ke T35 6. Klik Provinsi menuju ke T36
7. Klik Kota menuju ke T37 8. Klik Jasa Kirim menuju ke T38
9. Klik Jenis Pengiriman menuju ke T39 10. Klik Ongkos Kirim menuju ke T40
11. Klik Members menuju ke T41 12. Klik Order Baru menuju ke T42
13. Klik Order Dibayar menuju ke T43 14. Klik Order Lunas menuju ke T44
15. Klik Order Dikirim menuju ke T45 16. Klik Order Diterima menuju ke T46
17. Klik Produk Retur menuju ke T47 18. Klik Manajemen Modul menuju ke T48
19. Klik Ganti Password menuju ke T49 20. Klik Hubungi Kami menuju ke T50
21. Klik Cara Pembelian menuju ke T51 22. Klik Profil Perusahaan menuju ke T52
23. Klik Syarat Kondisi menuju ke T53 24. Klik Backup Database menuju ke T54
25. Klik Restore Database menuju ke T55 26. Klik Laporan Penjualan Diterima
menuju ke T56 27. klik Laporan Produk menuju ke T57
28. Klik Logout menuju ke T58 29. Klik Tambah Ongkos Kirim menuju ke
T77 30. Klik Edit menuju ke T78
31. Klik Hapus untuk menghapus ongkos kirim
Header
Footer Home
Pengolahan Orders
Pengaturan Backup Restore
Laporan Penjualan Logout
Ongkos Kirim
Kategori Produk Sub Kategori
Merk Produk
Provinsi Kota
Jasa Kirim Jenis Pengiriman
Ongkos Kirim Members
Order Baru Order Dibayar
Order Lunas Order Dikirim
Order Diterima Produk Retur
Manajemen Modul Ganti Password
Hubungi Kami Cara Pembelian
Profile Perusahaan Backup Database
Restore Database Laporan Penjualan Diterima
Laporan Produk
Tambah Ongkos Kirim NO
LAMA KIRIM AKSI
Edit Hapus
NAMA KOTA Cari Ongkos Kirim
Cari ONGKOS KIRIM
KABKOTA JENIS PENGIRIMAN
Syarat Kondisi Notifikasi Retur
Gambar III.72 Tampilan Ongkos Kirim
13. Perancangan antarmuka tampilan members untuk admin Gambar III.73.
T41 Navigasi :
1. Klik Home menuju ke T31 2. Klik Kategori Produk menuju ke T32
3. Klik Sub Kategori menuju ke T33 4. Klik Merk menuju ke T34
5. Klik Produk menuju ke T35 6. Klik Provinsi menuju ke T36
7. Klik Kota menuju ke T37 8. Klik Jasa Kirim menuju ke T38
9. Klik Jenis Pengiriman menuju ke T39 10. Klik Ongkos Kirim menuju ke T40
11. Klik Members menuju ke T41 12. Klik Order Baru menuju ke T42
13. Klik Order Dibayar menuju ke T43 14. Klik Order Lunas menuju ke T44
15. Klik Order Dikirim menuju ke T45 16. Klik Order Diterima menuju ke T46
17. Klik Produk Retur menuju ke T47 18. Klik Manajemen Modul menuju ke T48
19. Klik Ganti Password menuju ke T49 20. Klik Hubungi Kami menuju ke T50
21. Klik Cara Pembelian menuju ke T51 22. Klik Profil Perusahaan menuju ke T52
23. Klik Syarat Kondisi menuju ke T53 24. Klik Backup Database menuju ke T54
25. Klik Restore Database menuju ke T55 26. Klik Laporan Penjualan Diterima
menuju ke T56 27. klik Laporan Produk menuju ke T57
28. Klik Logout menuju ke T58 29. Klik Blokir untuk memblokir member
Header
Footer Home
Pengolahan Orders
Pengaturan Backup Restore
Laporan Penjualan Logout
Members
Kategori Produk Sub Kategori
Merk Produk
Provinsi Kota
Jasa Kirim Jenis Pengiriman
Ongkos Kirim Members
Order Baru Order Dibayar
Order Lunas Order Dikirim
Order Diterima Produk Retur
Manajemen Modul Ganti Password
Hubungi Kami Cara Pembelian
Profile Perusahaan Backup Database
Restore Database Laporan Penjualan Diterima
Laporan Produk
NO BLOKIR
AKSI Blokir
USERNAME Cari Ongkos Members
Cari NO TLP
NAMA USER EMAIL
Syarat Kondisi Notifikasi Retur
Gambar III.73 Tampilan Members
142
14. Perancangan antarmuka tampilan order baru untuk admin Gambar III.74.
T42 Navigasi :
1. Klik Home menuju ke T31 2. Klik Kategori Produk menuju ke T32
3. Klik Sub Kategori menuju ke T33 4. Klik Merk menuju ke T34
5. Klik Produk menuju ke T35 6. Klik Provinsi menuju ke T36
7. Klik Kota menuju ke T37 8. Klik Jasa Kirim menuju ke T38
9. Klik Jenis Pengiriman menuju ke T39 10. Klik Ongkos Kirim menuju ke T40
11. Klik Members menuju ke T41 12. Klik Order Baru menuju ke T42
13. Klik Order Dibayar menuju ke T43 14. Klik Order Lunas menuju ke T44
15. Klik Order Dikirim menuju ke T45 16. Klik Order Diterima menuju ke T46
17. Klik Produk Retur menuju ke T47 18. Klik Manajemen Modul menuju ke T48
19. Klik Ganti Password menuju ke T49 20. Klik Hubungi Kami menuju ke T50
21. Klik Cara Pembelian menuju ke T51 22. Klik Profil Perusahaan menuju ke T52
23. Klik Syarat Kondisi menuju ke T53 24. Klik Backup Database menuju ke T54
25. Klik Restore Database menuju ke T55 26. Klik Laporan Penjualan Diterima
menuju ke T56 27. klik Laporan Produk menuju ke T57
28. Klik Logout menuju ke T58 29. Klik Detail menuju ke T79
30. Klik Cari untuk mencari pesanan Header
Footer Home
Pengolahan Orders
Pengaturan Backup Restore
Laporan Penjualan Logout
Order Baru
Kategori Produk Sub Kategori
Merk Produk
Provinsi Kota
Jasa Kirim Jenis Pengiriman
Ongkos Kirim Members
Order Baru Order Dibayar
Order Lunas Order Dikirim
Order Diterima Produk Retur
Manajemen Modul Ganti Password
Hubungi Kami Cara Pembelian
Profile Perusahaan Backup Database
Restore Database Laporan Penjualan Diterima
Laporan Produk
NO. ORDER AKSI
Detail NAMA KONSUMEN
Cari Berdasarkan No Pesanan Cari
STATUS TGL. ORDER
JAM Syarat Kondisi
Notifikasi Retur
Gambar III.74 Tampilan Order Baru
15. Perancangan antarmuka tampilan order dibayar untuk admin Gambar
III.75.
T43 Navigasi :
1. Klik Home menuju ke T31 2. Klik Kategori Produk menuju ke T32
3. Klik Sub Kategori menuju ke T33 4. Klik Merk menuju ke T34
5. Klik Produk menuju ke T35 6. Klik Provinsi menuju ke T36
7. Klik Kota menuju ke T37 8. Klik Jasa Kirim menuju ke T38
9. Klik Jenis Pengiriman menuju ke T39 10. Klik Ongkos Kirim menuju ke T40
11. Klik Members menuju ke T41 12. Klik Order Baru menuju ke T42
13. Klik Order Dibayar menuju ke T43 14. Klik Order Lunas menuju ke T44
15. Klik Order Dikirim menuju ke T45 16. Klik Order Diterima menuju ke T46
17. Klik Produk Retur menuju ke T47 18. Klik Manajemen Modul menuju ke T48
19. Klik Ganti Password menuju ke T49 20. Klik Hubungi Kami menuju ke T50
21. Klik Cara Pembelian menuju ke T51 22. Klik Profil Perusahaan menuju ke T52
23. Klik Syarat Kondisi menuju ke T53 24. Klik Backup Database menuju ke T54
25. Klik Restore Database menuju ke T55 26. Klik Laporan Penjualan Diterima
menuju ke T56 27. klik Laporan Produk menuju ke T57
28. Klik Logout menuju ke T58 29. Klik Detail menuju ke T79
30. Klik Cari untuk mencari pesanan Header
Footer Home
Pengolahan Orders
Pengaturan Backup Restore
Laporan Penjualan Logout
Order Dibayar
Kategori Produk Sub Kategori
Merk Produk
Provinsi Kota
Jasa Kirim Jenis Pengiriman
Ongkos Kirim Members
Order Baru Order Dibayar
Order Lunas Order Dikirim
Order Diterima Produk Retur
Manajemen Modul Ganti Password
Hubungi Kami Cara Pembelian
Profile Perusahaan Backup Database
Restore Database Laporan Penjualan Diterima
Laporan Produk
NO. ORDER AKSI
Detail NAMA KONSUMEN
Cari Berdasarkan No Pesanan Cari
STATUS BAYAR TGL. ORDER
JAM. ORDER Syarat Kondisi
Notifikasi Retur
Gambar III.75 Tampilan Order Dibayar
143
16. Perancangan antarmuka tampilan order lunas untuk admin Gambar III.76.
T44 Navigasi :
1. Klik Home menuju ke T31 2. Klik Kategori Produk menuju ke T32
3. Klik Sub Kategori menuju ke T33 4. Klik Merk menuju ke T34
5. Klik Produk menuju ke T35 6. Klik Provinsi menuju ke T36
7. Klik Kota menuju ke T37 8. Klik Jasa Kirim menuju ke T38
9. Klik Jenis Pengiriman menuju ke T39 10. Klik Ongkos Kirim menuju ke T40
11. Klik Members menuju ke T41 12. Klik Order Baru menuju ke T42
13. Klik Order Dibayar menuju ke T43 14. Klik Order Lunas menuju ke T44
15. Klik Order Dikirim menuju ke T45 16. Klik Order Diterima menuju ke T46
17. Klik Produk Retur menuju ke T47 18. Klik Manajemen Modul menuju ke T48
19. Klik Ganti Password menuju ke T49 20. Klik Hubungi Kami menuju ke T50
21. Klik Cara Pembelian menuju ke T51 22. Klik Profil Perusahaan menuju ke T52
23. Klik Syarat Kondisi menuju ke T53 24. Klik Backup Database menuju ke T54
25. Klik Restore Database menuju ke T55 26. Klik Laporan Penjualan Diterima
menuju ke T56 27. klik Laporan Produk menuju ke T57
28. Klik Logout menuju ke T58 29. Klik Detail menuju ke T79
30. Klik Cari untuk mencari pesanan Header
Footer Home
Pengolahan Orders
Pengaturan Backup Restore
Laporan Penjualan Logout
Order Lunas
Kategori Produk Sub Kategori
Merk Produk
Provinsi Kota
Jasa Kirim Jenis Pengiriman
Ongkos Kirim Members
Order Baru Order Dibayar
Order Lunas Order Dikirim
Order Diterima Produk Retur
Manajemen Modul Ganti Password
Hubungi Kami Cara Pembelian
Profile Perusahaan Backup Database
Restore Database Laporan Penjualan Diterima
Laporan Produk
NO. ORDER AKSI
Detail NAMA KONSUMEN
Cari Berdasarkan No Pesanan Cari
TGL. BAYAR TGL. ORDER
JAM ORDER NO. RESI
STATUS BAYAR Syarat Kondisi
Notifikasi Retur
Gambar III.76 Tampilan Order Lunas
17. Perancangan antarmuka tampilan order dikirim untuk admin Gambar
III.77.
T45 Navigasi :
1. Klik Home menuju ke T31 2. Klik Kategori Produk menuju ke T32
3. Klik Sub Kategori menuju ke T33 4. Klik Merk menuju ke T34
5. Klik Produk menuju ke T35 6. Klik Provinsi menuju ke T36
7. Klik Kota menuju ke T37 8. Klik Jasa Kirim menuju ke T38
9. Klik Jenis Pengiriman menuju ke T39 10. Klik Ongkos Kirim menuju ke T40
11. Klik Members menuju ke T41 12. Klik Order Baru menuju ke T42
13. Klik Order Dibayar menuju ke T43 14. Klik Order Lunas menuju ke T44
15. Klik Order Dikirim menuju ke T45 16. Klik Order Diterima menuju ke T46
17. Klik Produk Retur menuju ke T47 18. Klik Manajemen Modul menuju ke T48
19. Klik Ganti Password menuju ke T49 20. Klik Hubungi Kami menuju ke T50
21. Klik Cara Pembelian menuju ke T51 22. Klik Profil Perusahaan menuju ke T52
23. Klik Syarat Kondisi menuju ke T53 24. Klik Backup Database menuju ke T54
25. Klik Restore Database menuju ke T55 26. Klik Laporan Penjualan Diterima
menuju ke T56 27. klik Laporan Produk menuju ke T57
28. Klik Logout menuju ke T58 29. Klik Detail menuju ke T79
30. Klik Cari untuk mencari pesanan Header
Footer Home
Pengolahan Orders
Pengaturan Backup Restore
Laporan Penjualan Logout
Order Dikirim
Kategori Produk Sub Kategori
Merk Produk
Provinsi Kota
Jasa Kirim Jenis Pengiriman
Ongkos Kirim Members
Order Baru Order Dibayar
Order Lunas Order Dikirim
Order Diterima Produk Retur
Manajemen Modul Ganti Password
Hubungi Kami Cara Pembelian
Profile Perusahaan Backup Database
Restore Database Laporan Penjualan Diterima
Laporan Produk
NO. ORDER AKSI
Detail NAMA KONSUMEN
Cari Berdasarkan No Pesanan Cari
TGL. ORDER JAM ORDER
STATUS PENGIRIMAN Syarat Kondisi
Notifikasi Retur
Gambar III.77 Tampilan Order Dikirim
144
18. Perancangan antarmuka tampilan order diterima untuk admin Gambar
III.78.
T46 Navigasi :
1. Klik Home menuju ke T31 2. Klik Kategori Produk menuju ke T32
3. Klik Sub Kategori menuju ke T33 4. Klik Merk menuju ke T34
5. Klik Produk menuju ke T35 6. Klik Provinsi menuju ke T36
7. Klik Kota menuju ke T37 8. Klik Jasa Kirim menuju ke T38
9. Klik Jenis Pengiriman menuju ke T39 10. Klik Ongkos Kirim menuju ke T40
11. Klik Members menuju ke T41 12. Klik Order Baru menuju ke T42
13. Klik Order Dibayar menuju ke T43 14. Klik Order Lunas menuju ke T44
15. Klik Order Dikirim menuju ke T45 16. Klik Order Diterima menuju ke T46
17. Klik Produk Retur menuju ke T47 18. Klik Manajemen Modul menuju ke T48
19. Klik Ganti Password menuju ke T49 20. Klik Hubungi Kami menuju ke T50
21. Klik Cara Pembelian menuju ke T51 22. Klik Profil Perusahaan menuju ke T52
23. Klik Syarat Kondisi menuju ke T53 24. Klik Backup Database menuju ke T54
25. Klik Restore Database menuju ke T55 26. Klik Laporan Penjualan Diterima
menuju ke T56 27. klik Laporan Produk menuju ke T57
28. Klik Logout menuju ke T58 29. Klik Detail menuju ke T79
30. Klik Cari untuk mencari pesanan Header
Footer Home
Pengolahan Orders
Pengaturan Backup Restore
Laporan Penjualan Logout
Order Sudah Diterima
Kategori Produk Sub Kategori
Merk Produk
Provinsi Kota
Jasa Kirim Jenis Pengiriman
Ongkos Kirim Members
Order Baru Order Dibayar
Order Lunas Order Dikirim
Order Diterima Produk Retur
Manajemen Modul Ganti Password
Hubungi Kami Cara Pembelian
Profile Perusahaan Backup Database
Restore Database Laporan Penjualan Diterima
Laporan Produk
NO. ORDER AKSI
Detail NAMA KONSUMEN
Cari Berdasarkan No Pesanan Cari
TGL. ORDER TGL. SAMPAI
STATUS PENGIRIMAN TGL. BAYAR
Syarat Kondisi Notifikasi Retur
Gambar III.78 Tampilan Order Diterima
19. Perancangan antarmuka tampilan produk retur untuk admin Gambar
III.79.
T47 Navigasi :
1. Klik Home menuju ke T31 2. Klik Kategori Produk menuju ke T32
3. Klik Sub Kategori menuju ke T33 4. Klik Merk menuju ke T34
5. Klik Produk menuju ke T35 6. Klik Provinsi menuju ke T36
7. Klik Kota menuju ke T37 8. Klik Jasa Kirim menuju ke T38
9. Klik Jenis Pengiriman menuju ke T39 10. Klik Ongkos Kirim menuju ke T40
11. Klik Members menuju ke T41 12. Klik Order Baru menuju ke T42
13. Klik Order Dibayar menuju ke T43 14. Klik Order Lunas menuju ke T44
15. Klik Order Dikirim menuju ke T45 16. Klik Order Diterima menuju ke T46
17. Klik Produk Retur menuju ke T47 18. Klik Manajemen Modul menuju ke T48
19. Klik Ganti Password menuju ke T49 20. Klik Hubungi Kami menuju ke T50
21. Klik Cara Pembelian menuju ke T51 22. Klik Profil Perusahaan menuju ke T52
23. Klik Syarat Kondisi menuju ke T53 24. Klik Backup Database menuju ke T54
25. Klik Restore Database menuju ke T55 26. Klik Laporan Penjualan Diterima
menuju ke T56 27. klik Laporan Produk menuju ke T57
28. Klik Logout menuju ke T58 29. Klik Batal untuk membatalkan
30. Klik Konfirmasi menuju ke T80 31. Klik Cari untuk mencari produk retur
Header
Footer Home
Pengolahan Orders
Pengaturan Backup Restore
Laporan Penjualan Logout
Data Retur
Kategori Produk Sub Kategori
Merk Produk
Provinsi Kota
Jasa Kirim Jenis Pengiriman
Ongkos Kirim Members
Order Baru Order Dibayar
Order Lunas Order Dikirim
Order Diterima Produk Retur
Manajemen Modul Ganti Password
Hubungi Kami Cara Pembelian
Profile Perusahaan Backup Database
Restore Database Laporan Penjualan Diterima
Laporan Produk
NO. RETUR AKSI
NO. ORDER Cari Berdasarkan :
Cari NAMA KUSTOMER
TGL. RETUR STATUS
TGL. ORDER Batal
konfirmasi Syarat Kondisi
Notifikasi Retur
Gambar III.79 Tampilan Produk Retur
145
20. Perancangan antarmuka tampilan manajemen modul untuk admin Gambar
III.80.
T48 Navigasi :
1. Klik Home menuju ke T31 2. Klik Kategori Produk menuju ke T32
3. Klik Sub Kategori menuju ke T33 4. Klik Merk menuju ke T34
5. Klik Produk menuju ke T35 6. Klik Provinsi menuju ke T36
7. Klik Kota menuju ke T37 8. Klik Jasa Kirim menuju ke T38
9. Klik Jenis Pengiriman menuju ke T39 10. Klik Ongkos Kirim menuju ke T40
11. Klik Members menuju ke T41 12. Klik Order Baru menuju ke T42
13. Klik Order Dibayar menuju ke T43 14. Klik Order Lunas menuju ke T44
15. Klik Order Dikirim menuju ke T45 16. Klik Order Diterima menuju ke T46
17. Klik Produk Retur menuju ke T47 18. Klik Manajemen Modul menuju ke T48
19. Klik Ganti Password menuju ke T49 20. Klik Hubungi Kami menuju ke T50
21. Klik Cara Pembelian menuju ke T51 22. Klik Profil Perusahaan menuju ke T52
23. Klik Syarat Kondisi menuju ke T53 24. Klik Backup Database menuju ke T54
25. Klik Restore Database menuju ke T55 26. Klik Laporan Penjualan Diterima
menuju ke T56 27. klik Laporan Produk menuju ke T57
28. Klik Logout menuju ke T58 28. Klik Batal untuk membatalkan
29. Klik Konfirmasi menuju ke T81 30. Klik Cari untuk mencari produk retur
Header
Footer Home
Pengolahan Orders
Pengaturan Backup Restore
Laporan Penjualan Logout
Data Modul
Kategori Produk Sub Kategori
Merk Produk
Provinsi Kota
Jasa Kirim Jenis Pengiriman
Ongkos Kirim Members
Order Baru Order Dibayar
Order Lunas Order Dikirim
Order Diterima Produk Retur
Manajemen Modul Ganti Password
Hubungi Kami Cara Pembelian
Profile Perusahaan Backup Database
Restore Database Laporan penjualan diterima
Laporan Produk
NO AKSI
NAMA MODUL Tambah Modul
URUTAN AKTIF
LINK Edit|Hapus
Syarat Kondisi Notifikasi Retur
Gambar III.80 Tampilan Manajemen Modul
21. Perancangan antarmuka tampulan antarmuka tempilan ganti password
untuk admin Gambar 3.81.
T49 Navigasi :
1. Klik Home menuju ke T31 2. Klik Kategori Produk menuju ke T32
3. Klik Sub Kategori menuju ke T33 4. Klik Merk menuju ke T34
5. Klik Produk menuju ke T35 6. Klik Provinsi menuju ke T36
7. Klik Kota menuju ke T37 8. Klik Jasa Kirim menuju ke T38
9. Klik Jenis Pengiriman menuju ke T39 10. Klik Ongkos Kirim menuju ke T40
11. Klik Members menuju ke T41 12. Klik Order Baru menuju ke T42
13. Klik Order Dibayar menuju ke T43 14. Klik Order Lunas menuju ke T44
15. Klik Order Dikirim menuju ke T45 16. Klik Order Diterima menuju ke T46
17. Klik Produk Retur menuju ke T47 18. Klik Manajemen Modul menuju ke T48
19. Klik Ganti Password menuju ke T49 20. Klik Hubungi Kami menuju ke T50
21. Klik Cara Pembelian menuju ke T51 22. Klik Profil Perusahaan menuju ke T52
23. Klik Syarat Kondisi menuju ke T53 24. Klik Backup Database menuju ke T54
25. Klik Restore Database menuju ke T55 26. Klik Laporan Penjualan Diterima
menuju ke T56 27. klik Laporan Produk menuju ke T57
28. Klik Logout menuju ke T58 29. Klik proses untuk mengganti password
30. Klik batal untuk membatalkan Header
Footer Home
Pengolahan Orders
Pengaturan Backup Restore
Laporan Penjualan Logout
Kategori Produk Sub Kategori
Merk Produk
Provinsi Kota
Jasa Kirim Jenis Pengiriman
Ongkos Kirim Members
Order Baru Order Dibayar
Order Lunas Order Dikirim
Order Diterima Produk Retur
Manajemen Modul Ganti Password
Hubungi Kami Cara Pembelian
Profile Perusahaan Backup Database
Restore Database Laporan Penjualan Diterima
Ganti Password
Masukkan Password Lama Masukkan Password Baru
Masukkan Lagi Password Baru proses
Batal Laporan Produk
Syarat Kondisi Notifikasi Retur
Gambar III.81 Tampilan Ganti Password
146
22. Perancangan antarmuka tampilan hubungi kami untuk admin Gambar
III.82.
T50 Navigasi :
1. Klik Home menuju ke T31 2. Klik Kategori Produk menuju ke T32
3. Klik Sub Kategori menuju ke T33 4. Klik Merk menuju ke T34
5. Klik Produk menuju ke T35 6. Klik Provinsi menuju ke T36
7. Klik Kota menuju ke T37 8. Klik Jasa Kirim menuju ke T38
9. Klik Jenis Pengiriman menuju ke T39 10. Klik Ongkos Kirim menuju ke T40
11. Klik Members menuju ke T41 12. Klik Order Baru menuju ke T42
13. Klik Order Dibayar menuju ke T43 14. Klik Order Lunas menuju ke T44
15. Klik Order Dikirim menuju ke T45 16. Klik Order Diterima menuju ke T46
17. Klik Produk Retur menuju ke T47 18. Klik Manajemen Modul menuju ke T48
19. Klik Ganti Password menuju ke T49 20. Klik Hubungi Kami menuju ke T50
21. Klik Cara Pembelian menuju ke T51 22. Klik Profil Perusahaan menuju ke T52
23. Klik Syarat Kondisi menuju ke T53 24. Klik Backup Database menuju ke T54
25. Klik Restore Database menuju ke T55 26. Klik Laporan Penjualan Diterima
menuju ke T56 27. klik Laporan Produk menuju ke T57
28. Klik Logout menuju ke T58 29. Klik Balas menuju ke T82
30. Klik Hapus untuk menghapus hubungi kami
Header
Footer Home
Pengolahan Orders
Pengaturan Backup Restore
Laporan Penjualan Logout
Hubungi Kami
Kategori Produk Sub Kategori
Merk Produk
Provinsi Kota
Jasa Kirim Jenis Pengiriman
Ongkos Kirim Members
Order Baru Order Dibayar
Order Lunas Order Dikirim
Order Diterima Produk Retur
Manajemen Modul Ganti Password
Hubungi Kami Cara Pembelian
Profile Perusahaan Backup Database
Restore Database Laporan Penjualan Diterima
Laporan Produk
NO NAMA
EMAIL TANGGAL
AKSI SUBJEK
Balas Hapus
Syarat Kondisi Notifikasi Retur
Gambar III.82 Tampilan Hubungi Kami
23. Perancangan antarmuka tampilan cara pembelian untuk andmin Gambar
III.83.
T51 Navigasi :
1. Klik Home menuju ke T31 2. Klik Kategori Produk menuju ke T32
3. Klik Sub Kategori menuju ke T33 4. Klik Merk menuju ke T34
5. Klik Produk menuju ke T35 6. Klik Provinsi menuju ke T36
7. Klik Kota menuju ke T37 8. Klik Jasa Kirim menuju ke T38
9. Klik Jenis Pengiriman menuju ke T39 10. Klik Ongkos Kirim menuju ke T40
11. Klik Members menuju ke T41 12. Klik Order Baru menuju ke T42
13. Klik Order Dibayar menuju ke T43 14. Klik Order Lunas menuju ke T44
15. Klik Order Dikirim menuju ke T45 16. Klik Order Diterima menuju ke T46
17. Klik Produk Retur menuju ke T47 18. Klik Manajemen Modul menuju ke T48
19. Klik Ganti Password menuju ke T49 20. Klik Hubungi Kami menuju ke T50
21. Klik Cara Pembelian menuju ke T51 22. Klik Profil Perusahaan menuju ke T52
23. Klik Syarat Kondisi menuju ke T53 24. Klik Backup Database menuju ke T54
25. Klik Restore Database menuju ke T55 26. Klik Laporan Penjualan Diterima
menuju ke T56 27. klik Laporan Produk menuju ke T57
28. Klik Logout menuju ke T58 29. Klik Update untuk mengupdate cara
pembelian 30. klik Batal untuk membatalkan
Header
Footer Home
Pengolahan Orders
Pengaturan Backup Restore
Laporan Penjualan Logout
Cara Pembelian
Kategori Produk Sub Kategori
Merk Produk
Provinsi Kota
Jasa Kirim Jenis Pengiriman
Ongkos Kirim Members
Order Baru Order Dibayar
Order Lunas Order Dikirim
Order Diterima Produk Retur
Manajemen Modul Ganti Password
Hubungi Kami Cara Pembelian
Profile Perusahaan Backup Database
Restore Database Laporan penjualan diterima
Laporan Produk
Update Batal
Syarat Kondisi Notifikasi Retur
Gambar III.83 Tampilan Cara Pembelian
147
24. Perancangan antarmuka tampilan profile perusahaan untuk admin Gambar
III.84.
T52 Navigasi :
1. Klik Home menuju ke T31 2. Klik Kategori Produk menuju ke T32
3. Klik Sub Kategori menuju ke T33 4. Klik Merk menuju ke T34
5. Klik Produk menuju ke T35 6. Klik Provinsi menuju ke T36
7. Klik Kota menuju ke T37 8. Klik Jasa Kirim menuju ke T38
9. Klik Jenis Pengiriman menuju ke T39 10. Klik Ongkos Kirim menuju ke T40
11. Klik Members menuju ke T41 12. Klik Order Baru menuju ke T42
13. Klik Order Dibayar menuju ke T43 14. Klik Order Lunas menuju ke T44
15. Klik Order Dikirim menuju ke T45 16. Klik Order Diterima menuju ke T46
17. Klik Produk Retur menuju ke T47 18. Klik Manajemen Modul menuju ke T48
19. Klik Ganti Password menuju ke T49 20. Klik Hubungi Kami menuju ke T50
21. Klik Cara Pembelian menuju ke T51 22. Klik Profil Perusahaan menuju ke T52
23. Klik Syarat Kondisi menuju ke T53 24. Klik Backup Database menuju ke T54
25. Klik Restore Database menuju ke T55 26. Klik Laporan Penjualan Diterima
menuju ke T56 27. klik Laporan Produk menuju ke T57
28. Klik Logout menuju ke T58 29. Klik Update untuk mengupdate profile
perusahaan 30. klik Batal untuk membatalkan
Header
Footer Home
Pengolahan Orders
Pengaturan Backup Restore
Laporan Penjualan Logout
Profile Perusahaan
Kategori Produk Sub Kategori
Merk Produk
Provinsi Kota
Jasa Kirim Jenis Pengiriman
Ongkos Kirim Members
Order Baru Order Dibayar
Order Lunas Order Dikirim
Order Diterima Produk Retur
Manajemen Modul Ganti Password
Hubungi Kami Cara Pembelian
Profile Perusahaan Backup Database
Restore Database Laporan Penjualan Diterima
Laporan Produk
Update Batal
Gambar Syarat Kondisi
Notifikasi Retur
Gambar III.84 Tampilan Profile Perusahaan
25. Perancangan antarmuka tampilan syarat dan kondisi untuk admin Gambar
III.85.
T53 Navigasi :
1. Klik Home menuju ke T31 2. Klik Kategori Produk menuju ke T32
3. Klik Sub Kategori menuju ke T33 4. Klik Merk menuju ke T34
5. Klik Produk menuju ke T35 6. Klik Provinsi menuju ke T36
7. Klik Kota menuju ke T37 8. Klik Jasa Kirim menuju ke T38
9. Klik Jenis Pengiriman menuju ke T39 10. Klik Ongkos Kirim menuju ke T40
11. Klik Members menuju ke T41 12. Klik Order Baru menuju ke T42
13. Klik Order Dibayar menuju ke T43 14. Klik Order Lunas menuju ke T44
15. Klik Order Dikirim menuju ke T45 16. Klik Order Diterima menuju ke T46
17. Klik Produk Retur menuju ke T47 18. Klik Manajemen Modul menuju ke T48
19. Klik Ganti Password menuju ke T49 20. Klik Hubungi Kami menuju ke T50
21. Klik Cara Pembelian menuju ke T51 22. Klik Profil Perusahaan menuju ke T52
23. Klik Syarat Kondisi menuju ke T53 24. Klik Backup Database menuju ke T54
25. Klik Restore Database menuju ke T55 26. Klik Laporan Penjualan Diterima
menuju ke T56 27. klik Laporan Produk menuju ke T57
28. Klik Logout menuju ke T58 29. Klik Update untuk mengupdate syarat
dan kondisi 30. klik Batal untuk membatalkan
Header
Footer Home
Pengolahan Orders
Pengaturan Backup Restore
Laporan Penjualan Logout
Cara Persyaratan
Kategori Produk Sub Kategori
Merk Produk
Provinsi Kota
Jasa Kirim Jenis Pengiriman
Ongkos Kirim Members
Order Baru Order Dibayar
Order Lunas Order Dikirim
Order Diterima Produk Retur
Manajemen Modul Ganti Password
Hubungi Kami Cara Pembelian
Profile Perusahaan Backup Database
Restore Database Laporan Penjualan Diterima
Laporan Produk
Update Batal
Syarat Kondisi Notifikasi Retur
Gambar III.85 Tampilan Syarat dan Kondisi
148
26. Perancangan antarmuka tampilan backup database untuk admin Gambar
III.86.
T54 Navigasi :
1. Klik Home menuju ke T31 2. Klik Kategori Produk menuju ke T32
3. Klik Sub Kategori menuju ke T33 4. Klik Merk menuju ke T34
5. Klik Produk menuju ke T35 6. Klik Provinsi menuju ke T36
7. Klik Kota menuju ke T37 8. Klik Jasa Kirim menuju ke T38
9. Klik Jenis Pengiriman menuju ke T39 10. Klik Ongkos Kirim menuju ke T40
11. Klik Members menuju ke T41 12. Klik Order Baru menuju ke T42
13. Klik Order Dibayar menuju ke T43 14. Klik Order Lunas menuju ke T44
15. Klik Order Dikirim menuju ke T45 16. Klik Order Diterima menuju ke T46
17. Klik Produk Retur menuju ke T47 18. Klik Manajemen Modul menuju ke T48
19. Klik Ganti Password menuju ke T49 20. Klik Hubungi Kami menuju ke T50
21. Klik Cara Pembelian menuju ke T51 22. Klik Profil Perusahaan menuju ke T52
23. Klik Syarat Kondisi menuju ke T53 24. Klik Backup Database menuju ke T54
25. Klik Restore Database menuju ke T55 26. Klik Laporan Penjualan Diterima
menuju ke T56 27. klik Laporan Produk menuju ke T57
28. Klik Logout menuju ke T58 29. Klik Backup Data untuk membackup
database Header
Footer Home
Pengolahan Orders
Pengaturan Backup Restore
Laporan Penjualan Logout
Backup Database
Kategori Produk Sub Kategori
Merk Produk
Provinsi Kota
Jasa Kirim Jenis Pengiriman
Ongkos Kirim Members
Order Baru Order Dibayar
Order Lunas Order Dikirim
Order Diterima Produk Retur
Manajemen Modul Ganti Password
Hubungi Kami Cara Pembelian
Profile Perusahaan Backup Database
Restore Database Laporan Penjualan Diterima
Laporan Produk
Backup Data Syarat Kondisi
Notifikasi Retur
Gambar III.86 Tampilan Backup Database
27. Perancangan antarmuka tampilan restore database untuk admin Gambar
III.87.
T55 Navigasi :
1. Klik Home menuju ke T31 2. Klik Kategori Produk menuju ke T32
3. Klik Sub Kategori menuju ke T33 4. Klik Merk menuju ke T34
5. Klik Produk menuju ke T35 6. Klik Provinsi menuju ke T36
7. Klik Kota menuju ke T37 8. Klik Jasa Kirim menuju ke T38
9. Klik Jenis Pengiriman menuju ke T39 10. Klik Ongkos Kirim menuju ke T40
11. Klik Members menuju ke T41 12. Klik Order Baru menuju ke T42
13. Klik Order Dibayar menuju ke T43 14. Klik Order Lunas menuju ke T44
15. Klik Order Dikirim menuju ke T45 16. Klik Order Diterima menuju ke T46
17. Klik Produk Retur menuju ke T47 18. Klik Manajemen Modul menuju ke T48
19. Klik Ganti Password menuju ke T49 20. Klik Hubungi Kami menuju ke T50
21. Klik Cara Pembelian menuju ke T51 22. Klik Profil Perusahaan menuju ke T52
23. Klik Syarat Kondisi menuju ke T53 24. Klik Backup Database menuju ke T54
25. Klik Restore Database menuju ke T55 26. Klik Laporan Penjualan Diterima
menuju ke T56 27. klik Laporan Produk menuju ke T57
28. Klik Logout menuju ke T58 29. Klik Choose File untuk memilih
database 30. Klik Restore untuk restore database
Header
Footer Home
Pengolahan Orders
Pengaturan Backup Restore
Laporan Penjualan Logout
Restore
Kategori Produk Sub Kategori
Merk Produk
Provinsi Kota
Jasa Kirim Jenis Pengiriman
Ongkos Kirim Members
Order Baru Order Dibayar
Order Lunas Order Dikirim
Order Diterima Produk Retur
Manajemen Modul Ganti Password
Hubungi Kami Cara Pembelian
Profile Perusahaan Backup Database
Restore Database Laporan Penjualan Diterima
Laporan Produk
Restore Choose File
Syarat Kondisi Notifikasi Retur
Gambar III.87 Tampilan Restore Database
149
28. Perancangan antarmuka tampilan laporan penjualan untuk admin Gambar
III.88.
T56 Navigasi :
1. Klik Home menuju ke T31 2. Klik Kategori Produk menuju ke T32
3. Klik Sub Kategori menuju ke T33 4. Klik Merk menuju ke T34
5. Klik Produk menuju ke T35 6. Klik Provinsi menuju ke T36
7. Klik Kota menuju ke T37 8. Klik Jasa Kirim menuju ke T38
9. Klik Jenis Pengiriman menuju ke T39 10. Klik Ongkos Kirim menuju ke T40
11. Klik Members menuju ke T41 12. Klik Order Baru menuju ke T42
13. Klik Order Dibayar menuju ke T43 14. Klik Order Lunas menuju ke T44
15. Klik Order Dikirim menuju ke T45 16. Klik Order Diterima menuju ke T46
17. Klik Produk Retur menuju ke T47 18. Klik Manajemen Modul menuju ke T48
19. Klik Ganti Password menuju ke T49 20. Klik Hubungi Kami menuju ke T50
21. Klik Cara Pembelian menuju ke T51 22. Klik Profil Perusahaan menuju ke T52
23. Klik Syarat Kondisi menuju ke T53 24. Klik Backup Database menuju ke T54
25. Klik Restore Database menuju ke T55 26. Klik Laporan Penjualan Diterima
menuju ke T56 27. klik Laporan Produk menuju ke T57
28. Klik Logout menuju ke T58 Header
Footer Home
Pengolahan Orders
Pengaturan Backup Restore
Laporan Penjualan Logout
Laporan Penjualan
Kategori Produk Sub Kategori
Merk Produk
Provinsi Kota
Jasa Kirim Jenis Pengiriman
Ongkos Kirim Members
Order Baru Order Dibayar
Order Lunas Order Dikirim
Order Diterima Produk Retur
Manajemen Modul Ganti Password
Hubungi Kami Cara Pembelian
Profile Perusahaan Backup Database
Restore Database Laporan Penjualan Diterima
Laporan Produk
Mulai Tanggal Sampai Tanggal
Cari Batal
Cetak Syarat Kondisi
Notifikasi Retur
Gambar III.88 Tampilan Laporan Penjualan
29. Perancangan antarmuka tampilan laporan produk untuk admin Gambar
III.89.
T57 Navigasi :
1. Klik Home menuju ke T31 2. Klik Kategori Produk menuju ke T32
3. Klik Sub Kategori menuju ke T33 4. Klik Merk menuju ke T34
5. Klik Produk menuju ke T35 6. Klik Provinsi menuju ke T36
7. Klik Kota menuju ke T37 8. Klik Jasa Kirim menuju ke T38
9. Klik Jenis Pengiriman menuju ke T39 10. Klik Ongkos Kirim menuju ke T40
11. Klik Members menuju ke T41 12. Klik Order Baru menuju ke T42
13. Klik Order Dibayar menuju ke T43 14. Klik Order Lunas menuju ke T44
15. Klik Order Dikirim menuju ke T45 16. Klik Order Diterima menuju ke T46
17. Klik Produk Retur menuju ke T47 18. Klik Manajemen Modul menuju ke T48
19. Klik Ganti Password menuju ke T49 20. Klik Hubungi Kami menuju ke T50
21. Klik Cara Pembelian menuju ke T51 22. Klik Profil Perusahaan menuju ke T52
23. Klik Syarat Kondisi menuju ke T53 24. Klik Backup Database menuju ke T54
25. Klik Restore Database menuju ke T55 26. Klik Laporan Penjualan Diterima
menuju ke T56 27. klik Laporan Produk menuju ke T57
28. Klik Logout menuju ke T58 Header
Footer Home
Pengolahan Orders
Pengaturan Backup Restore
Laporan Penjualan Logout
Laporan Produk
Kategori Produk Sub Kategori
Merk Produk
Provinsi Kota
Jasa Kirim Jenis Pengiriman
Ongkos Kirim Members
Order Baru Order Dibayar
Order Lunas Order Dikirim
Order Diterima Produk Retur
Manajemen Modul Ganti Password
Hubungi Kami Cara Pembelian
Profile Perusahaan Backup Database
Restore Database Laporan Penjualan Diterima
Laporan Produk
Mulai Tanggal Sampai Tanggal
Cari Batal
Cetak Syarat Kondisi
Notifikasi Retur
Gambar III.89 Tampilan Laporan Produk
150
30. Perancangan antarmuka tampilan logout untuk admin Gambar III.90.
T58
Footer Logout Administrator
Logout Berhasil Header
Gambar III.90 Tampilan Logout Admin III.5.4
Perancangan Pesan
Pada tabel dan gambar dibawah ini merupakan perancangan pesan yang terdapat pada aplikasi e-Commerce di toko Anugrah. Adapun tampilan pesan yang
akan dibuat adalah sebagai berikut : 1.
Perancangan Pesan
Tabel III.25 Tabel Perancangan Pesan
No. No. Pesan
Isi Pesan No. Form
1. M01
Username or password salah T29
2. M02
Username harus diisi T29
3. M03
Password harus diisi T29
4. M04
Keranjang belanja masih kosong T03, T14
5. M05
Nama kategori harus diisi T32
6. M06
Nama kategori tidak boleh kosong T32
7. M07
Nama kategori sudah digunakan T32
8. M08
Berhasil update kategori T32
9. M09
Nama subkategori harus diisi T33
10. M10
Nama subkategori tidak boleh kosong T33
11. M11
Nama sub kategori sudah digunakan T33
Bersambung,
151
No. No. Pesan
Isi Pesan No. Form
12. M12
Subkategori berhasil diinputkan T33
13. M13
Berhasil update subkategori T33
14. M14
Nama merk harus diisi T34
15. M15
Nama merk tidak boleh kosong T34
16. M16
Merk baru berhasil diinput T34
17. M17
Nama merk sudah digunakan T34
18. M18
Berhasil update merk T34
19. M19
Nama produk harus diisi T35
20. M20
Data produk berhasil diinputkan T35
21. M21
Data produk berhasil diupdate T35
22. M22
Ketegori harus diisi T35
23. M23
Subkategori harus diisi T35
24. M24
Merk haris diisi T35
25. M25
Berat harus diisi T35
26. M26
Harga harus diisi T35
27. M27
Diskon harus diisi T35
28. M28
Deskripsi harus diisi T35
29. M29
Gambar harus diisi T35
30. M30
Gambar produk berhasil ditambahkan T35
31. M31
Stok harus diisi T35
32. M32
Stok harus diisi angka T35
33. M33
Nama provinsi harus diisi T36
34. M34
Nama provinsi sudah digunakan T36
35. M35
Nama kota harus diisi T37
36. M36
Nama kota sudah digunakan T37
37. M37
Nama jasa kirim sudah digunakan T38
38. M38
Nama jenis pengiriman sudah digunakan T39
39. M39
Ongkos kirim harus diisi dengan angka T40
40. M40
Username invalid T08
41. M41
Nama lengkap harus diisi T08
42. M42
Email tidak valid T08
43. M43
Jenis kelamin harus diisi T08
44. M44
Alamat harus diisi T08
45. M45
Hanya boleh diisi angka T08
46. M46
Password minimal 6 karakter T08
47. M47
Login Failed-please try again T12
2. Perancangan Pesan Konfirmasi
Perancangan pesan konfirmasi dapat dilihat pada gambar III.91 berikut.
Tabel III.25 Tabel Perancangan Pesan Lanjutan
152
M48 Konfirmasi Hapus
OK Cancel
Anda yakin akan menghapus data kategori ? M49
Konfirmasi Hapus OK
Cancel Anda yakin akan menghapus data subkategori ?
M50 Konfirmasi Hapus
OK Cancel
Anda yakin akan menghapus data merk ? M51
OK Cancel
Anda yakin akan menghapus data produk ?
M52
OK Cancel
Anda yakin akan menghapus data provinsi ? M53
OK Cancel
Anda yakin akan menghapus data kota ?
M54
OK Cancel
Anda yakin akan menghapus data Jasa kirim ? M55
OK Cancel
Anda yakin akan menghapus data jenis pengiriman ?
M56
OK Cancel
Anda yakin akan menghapus data ongkos kirim ?
M59
OK Cancel
Anda yakin akan memblokir user ? Konfirmasi Hapus
Konfirmasi Hapus Konfirmasi Hapus
Konfirmasi Hapus Konfirmasi Hapus
Konfirmasi Hapus
Konfirmasi Blokir M58
OK Cancel
Anda yakin akan mengupdate status bayar ? Konfirmasi Order
M57
OK Cancel
Anda yakin akan menghapus data gambar ? Konfirmasi Hapus
Gambar III.91 Perancangan Pesan Konfirmasi
153
III.5.5 Jaringan Semantik
Jaringan semantik pada sistem yang akan dibangun dibedakan sesuai denga jenis penggunanya yaitu pengunjung, member, dan admin. Jaringan
semantiknya dapat dilihat pada gambar dibawah ini. 1.
Jaringan Semantik Pengunjung
T05 T02
T01
T06 T07
T04 T03
T08 M04
Gambar III.92 Jaringan Semantik Pengunjung
2. Jaringan Semantik Member
T27 T26
T28
T16 T13
T12
T17 T18
T15 T14
T19 M47
M04 T21
T22
T23
T24 T25
Gambar III.93 Jaringan Semantik Member
154
3. Jaringan Semantik Admin
T38 T32
T31
T40 T42
T36 T34
T44 T35
T43 T37
T46
T45 T33
T39 T41
M05-M08 M48
M09-M13 M49
M14-M18 M50
M19-M32 M51
M57
M33-M34 M52
M35-M36 M53
M37 M54
M38 M55
M39 M56
M59 M58
Gambar III.94 Jaringan Semantik Admin III.5.6
Perancangan Prosedural
Perancangan prosedural ini akan digunakan sebagai algoritma dasar dalam pengkodean prosedur yang ada. Adapun perancangan prosedural untuk
membangun aplikasi e-Commerce yang akan dibangun adalah sebagai berikut :
155
1. Login Admin
Mulai
Memasukkan Username
dan Password
Cek Username dan Password
Apakan Username dan Password Valid ?
Tampilkan Pesan Data Login Salah
Masuk Menu Admin
Selesai Valid
Invalid
Gambar III.95 Prosedur Login Admin
156
2. Tambah Data
Mulai
Input Data yang Akan
Ditambah
Pengecekan Data Kosong
Apakah Data Kosong ?
Pengecekan Data Sudah Digunakan
Apakah Data Sudah Digunakan ?
Tambah Data Tersimpan
Tampilkan Pesan Data Kosong
Tampilkan Pesan Data Sudah
Digunakan
Tampilkan Pesan Data Berhasil
Ditambahkan Tambah Data
Berhasil
Selesai Tidak
Tidak Ya
Ya Tidak
Gambar III.96 Prosedur Tambah Data
157
3. Edit Data
Mulai
Input Data yang Akan
Diedit
Pengecekan Data Kosong
Apakah Data Kososng ?
Pengecekan Data Sudah Digunakan
Apakah Data Sudah Digunakan ?
Tambah Data Tersimpan
Data Berhasil Diedit
Selesai Tampilkan Pesan
Data Berhasil Diedit
Tampilkan Pesan Data Kosong
Tampilkan Pesan Data Sudah
Digunakan Tidak
Ya
Ya Tidak
Gambar III.97 Prosedur Edit Data
158
4. Cari Data
Mulai Input Data
yang Akan Dicari
Pengecekan Data yang Akan Dicari
Apakah Data Ditemukan ?
Tampil Data yang Dicari
Selesai Tampilkan Pesan
Data Tidak Ditemukan
Ya Tidak
Gambar III.98 Prosedur Cari Data
5. Hapus Data
Mulai Pilih Data yang Akan
Dihapus
Pengecekan Konfirmasi
Penghapusan
Apakah Data Akan Dihapus ?
Data Dihapus Data Tidak Dihapus
Selesai Ya
Tidak
Gambar III.99 Prosedur Hapus Data
159
6. Cetak Laporan
Mulai Input
Tanggal Cetak
Laporan Cari Laporan
Apakah Data Ditemukan ?
Data yang Akan Dicetak
Cetak Laporan Selesai
Tampilkan Pesan Data Tidak
Ditemukan Ya
Tidak
Gambar III.100 Prosedur Cetak Laporan
7. Registrasi
Mulai Input Data
Registrasi Pengecekan Data
Kosong Apakah Data
Kosong ? Simpan Data
Registrasi Berhasil Selesai
Tampilkan Pesan Data Kosong
Tampilkan Pesan Terima Kasih Anda Telah Berhasil Registrasi Silakan Anda Cek Email
Anda Untuk Melakukan Aktivasi
Gambar III.101 Prosedur Registrasi
160
8. Edit Profile Member
Mulai
Input Data Member
yang Akan Diubah
Pengecekan Data Profile Member
Tampil Pesan Data Gagal
Disimpan Cek Kelengkapan
Data Profile ?
Data Member Berhasil Diubah
Selesai Tidak
Ya
Gambar III.102 Prosedur Edit Profile Member
161
9. Pembelian
Mulai
Login
Cek Username dan Password
Apakan Data Login Valid ?
Tampilkan Pesan Username atau
Password Salah
Pilih Kategori
Pilih Produk Untuk Pembelian
Pilih Pengirirman
Checkout
Selesai Ya
Tidak
Konfirmasi Pembayaran
Gambar III.103 Prosedur Pembelian
162
10. Retur
Mulai
Login
Cek Username dan Password
Apakah Login Valid ?
Pilih Pemesanan Produk yang Akan
Diretur Tampilkan Pesan
Data Retur Telah Dikirim
Retur Produk Berhasil
Selesai Valid
Tampilkan Pesan Username atau
Password Salah Invalid
Gambar III.104 Prosedur Retur
163
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM
Pada bab ini akan dilakukan implementasi dan pengujian terhadap sistem yang baru. Tahapan ini dilakukan setelah perancangan selesai dilakukan dan
selanjutnya akan diimplementasikan pada bahasa pemrograman yang akan digunakan. Setelah implementasi maka dilakukan pengujian sistem yang baru
dimana akan dilihat kekurangan-kekurangan pada aplikasi yang baru untuk pengembangan sistem selanjutnya.
IV.1 Implementasi
Setelah sistem dianalisis dan di desain secara rinci, maka selanjuutnya akan menuju ke tahap implementasi. Tujuan dari implementasi ini adalah untuk
mengkonfirmasikan modul program perancangan pada para pelaku sistem sehingga pengguna dappat memberi masukan kepada pembangunan sistem.
IV.1.1 Kebutuhan Perangkat Keras
Toko Anugrah memiliki seperangkat komputer dengan spesifikasi sebagai berikut :
1. Processor dengan kecepatan 2.0 GHz. 2. RAM sebesar 256 MB.
3. Kapasitas Harddisk sebesar 40 GB. 4. Monitor VGA dengan resolusi 1024 x 768.
164
5. Keyboard dan mouse. 6. Printer.
Kebutuhan minimal perangkat keras yang akan dibangun memilik spesifikasi sebagai berikut :
1. Processor dengan kecepatan minimal 1.8 GHz. 2. RAM sebesar 256 MB.
3. Kapasitas Harddisk minimal 20 GB. 4. Monitor VGA dengan resolusi 1024 x 768.
5. Keyboard dan mouse.
IV.1.2 Kebutuhan Perangkat Lunak
Perangkat komputer yang dimiliki oleh toko Anugrah memiliki sistem operasi Windows XP dan untuk browser menggunakan Mozilla Firefox 10.0.
Google Chrome 15.0, Internet Explorer dan terpasang pula aplikasi Microsoft Office 2007.
Perangkat lunak yang digunakan dalam membangun aplikasi ini adalah sebagai berikut :
1. Sistem Operasi Windows 7 Ultimate. 2. Adobe Dreamweaver 5.5.
3. Menggunakan PHP v5.3.8 dan MySQL v5.5.16.
165
4. Menggunakan XAMPP v1.7.7 sebagai web server. 5. Mozilla Firefox 11.0 dan Google Chrome 18.0.
Perangkat lunak yang dibutuhkan untuk mengakses aplikasi yang akan dibangun memiliki spesifikasi minimal sebagai berikut :
1. Sistem Operasi Windows, Linux dan sebagainya. 2. .Browser internet seperti Internet Explorer, Mozilla Firefox, Google
Chroome dan sebagainya.
IV.1.3 Implementasi Database
Pembuatan database dilakukan dengan menggunakan DBMS MySQL. Implementasi database dalam bahasa SQL dapat dilihat pada tabel IV.1 berikut.
Tabel IV.1 Implementasi Database
No. Nama Tebel
Query 1.
detail_retur CREATE TABLE IF NOT EXISTS `detail_retur`
`id_detail_retur` int5 NOT NULL AUTO_INCREMENT, `id_retur` int5 NOT NULL,
`id_produk` int5 NOT NULL, `jumlah` int10 NOT NULL,
`alasan` text NOT NULL, `status_produk_retur` varchar20 NOT NULL,
PRIMARY KEY `id_detail_retur`, KEY `id_produk` `id_produk`,
KEY `id_retur` `id_retur`, CONSTRAINT `detail_retur_ibfk_2` FOREIGN KEY `id_produk`
REFERENCES `produk` `id_produk` ON DELETE CASCADE ON UPDATE CASCADE,
CONSTRAINT `detail_retur_ibfk_1` FOREIGN KEY `id_retur` REFERENCES `retur` `id_retur` ON DELETE CASCADE ON
UPDATE CASCADE ENGINE=InnoDB AUTO_INCREMENT=6 DEFAULT
CHARSET=latin1;
2. gambar
CREATE TABLE IF NOT EXISTS `gambar` `id_gambar` int5 NOT NULL AUTO_INCREMENT,
`id_produk` int5 NOT NULL,
Bersambung,
166
No. Nama Tebel
Query `nama_gambar` varchar100 NOT NULL,
`photo` varchar100 NOT NULL, PRIMARY KEY `id_gambar`,
KEY `id_produk` `id_produk`, CONSTRAINT `gambar_ibfk_1` FOREIGN KEY `id_produk`
REFERENCES `produk` `id_produk` ON DELETE CASCADE ON UPDATE CASCADE
ENGINE=InnoDB AUTO_INCREMENT=17 DEFAULT CHARSET=latin1;
3. hubungi
CREATE TABLE IF NOT EXISTS `hubungi` `id_hubungi` int5 NOT NULL AUTO_INCREMENT,
`nama` varchar50 NOT NULL, `email` varchar30 NOT NULL,
`subjek` varchar100 NOT NULL, `pesan` text NOT NULL,
`tanggal` date NOT NULL, PRIMARY KEY `id_hubungi`,
KEY `nama` `nama`, KEY `email` `email`,
CONSTRAINT `hubungi_ibfk_1` FOREIGN KEY `email` REFERENCES `members` `email` ON UPDATE CASCADE
ENGINE=InnoDB DEFAULT CHARSET=latin1;
4. jasa_pengiriman
CREATE TABLE IF NOT EXISTS `jasa_pengiriman` `jasa_kirim` varchar25 NOT NULL,
`perusahaan` varchar100 DEFAULT NULL, PRIMARY KEY `jasa_kirim`
ENGINE=InnoDB DEFAULT CHARSET=latin1;
5. jenis_pengiriman
CREATE TABLE IF NOT EXISTS `jenis_pengiriman` `id_jenis_pengiriman` int11 NOT NULL AUTO_INCREMENT,
`jasa_kirim` varchar25 NOT NULL, `nama_jenis` varchar30 NOT NULL,
PRIMARY KEY `id_jenis_pengiriman`, KEY `jasa_kirim` `jasa_kirim`
ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=5 ;
6. kategori
CREATE TABLE IF NOT EXISTS `kategori` `id_kategori` int5 NOT NULL AUTO_INCREMENT,
`nama_kategori` varchar100 NOT NULL, `kategori_seo` varchar100 NOT NULL,
PRIMARY KEY `id_kategori` ENGINE=InnoDB DEFAULT CHARSET=latin1
AUTO_INCREMENT=2 ;
7. komentar
CREATE TABLE IF NOT EXISTS `komentar` `id_komentar` int5 NOT NULL AUTO_INCREMENT,
`id_produk` int5 NOT NULL, `nama` varchar50 NOT NULL,
`komentar` text NOT NULL, `tgl_komentar` date NOT NULL,
`jam_komentar` time NOT NULL, `aktif` enumY,N NOT NULL,
PRIMARY KEY `id_komentar`, KEY `id_produk` `id_produk`,
KEY `nama` `nama`, CONSTRAINT `komentar_ibfk_2` FOREIGN KEY `nama`
Tabel IV.1 Implementasi Database Lanjutan
Bersambung,
