33
BAB III ANALISIS DAN PERANCANGAN SISTEM
III.1. Analisis Sistem yang sedang Berjalan
Pada bab ini akan menjelaskan mengenai analisis sistem yang sedang berjalan, dengan tujuan untuk mengetahui proses kegiatan yang ada pada CV. Contingent.
Tahap ini sangat penting, karena tahap ini sangat menunjang untuk tahap-tahap selanjutnya.
III.1.1 Analisis Masalah
Selama ini kegiatan penjualan dan pembelian yang dilakukan pada CV. Contingent sudah menggunakan media internet sebagai strategi pemasarannya seperti
sistem pemasaran dengan memanfaatkan fasilitas blog dan website perusahaan, akan tetapi fasilitas yang dimiliki perusahaan masih belum optimal, seperti sistem
pembayaran yang ada masih dilakukan transfer antar rekening, sistem keamanan website perusahaan masih rawan terhadap para hacker dan website perusahaan yang
ada masih banyak kekurangannya, seperti tampilan website yang tidak komunikatif. Untuk mengelola kegiatan tersebut agar menjadi lebih baik lagi maka perusahaan
tersebut membutuhkan sebuah perubahan dari sistem yang sudah ada, aplikasi berbasis web dengan keamanan dan pembayaran secara online dikira sangat penting
untuk melakukan pemasaran, penjualan, yang cukup optimal bagi perusahaan yang bergerak di bidang perdagangan. Melalui media internet e-commerce digunakan
sebagai strategi pemasaran, penjulan dan pembelian dengan melakukan perancangan sebuah sistem pendukung proses penjualan dengan tetap mempertahankan konsep-
konsep e-commerce dan strateginya. Berdasarkan permasalahan di atas penulis membatasi dalam pembangunan
aplikasi yang akan dibuat. Adapun batasan pembatasan masalah yang akan penulis batasi adalah sebagai berikut:
1. Pembayaran dengan paypal atau transfer antar bank. 2. Sistem keamanan dengan HTTPS SSL.
3. Produk ini hanya mengelola tiga jenis produk yaitu AERON, THIN dan LUTANIK.
4. Pengiriman hanya dilakukan dengan TIKI dan JNE. Untuk
Proses pengiriman barang akan dilakukan setelah pihak CV. Contingent menerima
bukti pembayaran yang dilakukan secara online paypal maupun offline transfer anatar bank atas pembelian produk tersebut, dan CV. Contingent
akan menelepon konsumen sehari sebelum proses pengiriman.
5. Sistem komunikasi antara sistem dengan user dengan email, telepon terhadap admin dan YM.
6. Sistem Promosi dengan facebook.
III.1.2. Analisis Dokumen
Analisis dokumen merupakan kegiatan menganalisis seluruh dokumen dasar yang digunakan dan mengalir pada sebuah sistem yang sedang berjalan. Adapun
jenis-jenis dokumen yang digunakan pembangunan aplikasi ecommerce pada CV. Contingent yang sedang berjalan yaitu data barang, faktur pembelian, surat pesanan,
faktur penjualan, surat jalan, tanda terima barang, data stok barang, rekap data barang dan laporan penjualan. Adapun rincian dari masing-masing dokumen tersebut dapat
dilihat pada tabel 3.1. Tabel III.1 Tabel Analisis Dokumen
No Dokumen
Uraian 1 Pembelian
data barang Deskripsi
: Barang yang akan diberikan kepada konsumen
Fungsi : Sebagai informasi barang yang akan
diberikan kepada konsumen. Sumber
: Bagian gudang Atribut
: Tanggal, Nama pemesan, Alamat , No Telepon, Nama barang, Jenis barang,
Satuan, Jumlah, Harga. 2
Faktur Penjualan
Deskripsi : Bukti transaksi penjulan yang diberikan
bagian administrasi kepada konsumen.
Fungsi : Untuk mencatat dan bukti transaksi
penjualan. 3
Surat Jalan Deskripsi
: Bukti barang yang akan dikirim ke konsumen
Fungsi : Untuk bukti pengiriman barang
Sumber : Bagian penjualan
Atribut : Tanggal, Nama pemesan, Alamat , No
Telepon, Nama barang, Jenis barang, Satuan, Jumlah, harga.
Tabel III.1 Tabel Analisis Dokumen lanjutan No
Dokumen Uraian
4 Tanda
Terima Barang
Deskripsi : Bukti barang yang dipesan telah dikirim
Fungsi : Untuk bukti barang yang dikirim telah
diterima. Sumber
: Bagian pengiriman. Atribut
: Tanggal, Nama pemesan, Alamat , No Telepon, Nama, barang, Satuan, Jumlah,
harga. 5 Data
Stok Barang
Deskripsi : Catatan persediaan barang keluar masuk
Barang. Fungsi
: Mengetahui persediaan barang Sumber
: Bagian gudang. Atribut
: Tanggal, Nama barang,Jenis barang, Jumah. 6
Surat Jalan Deskripsi
: Bukti barang yang akan dikirim ke konsumen
Fungsi : Untuk bukti pengiriman barang
Sumber : Bagian penjualan.
Atribut : Tanggal, Nama pemesan, Alamat, No,
Telepon, Nama Barang, Jenis barang, Satuan, Jumlah,
harga. 7 Laporan
Data Barang
Deskripsi : Catatan persediaan barang atau keluar
masuk barang.
Fungsi : Mengetahui persediaan barang.
Sumber : Bagian gudang.
Atribut : Tanggal, Nama barang, nama, Jenis barang,
jumlah. 8 Laporan
Penjualan Deskripsi
: Catatan penjualan barang Fungsi
: Mengetahui laporan penjualan Sumber
: Bagian penjualan Atribut
: Tanggal, Nama barang, Jenis barang, jumlah, satuan, Harga.
9 Data Stok
Barang Deskripsi
: Catatan persediaan barang keluar masuk barang
Fungsi : Mengetahui persediaan barang
Sumber : Bagian gudang
Atribut : Tanggal, Nama barang, Jenis barang,
Jumah.
III.2.9. Analisis Prosedur
Pada tahapan ini akan dianalisis mengenai prosedur-prosedur yang sedang berjalan pada CV.Contingent, sehingga dari analisis ini diperoleh beberapa prosedur
diantaranya proses dan penjualan. Untuk lebih jelasnya dapat dilihat pada gambar 3.1.
III.1.3.1. Prosedur Penjualan yang Berjalan Saat Ini
Pada prosedur pemesanan terdapat beberapa entitas yang terlibat didalamnya diantaranya: konsumen, kasir, pimpinan.
1. Konsumen melakukan pemesanan terhadap barang yang akan dibeli. 2. Kasir akan mencatat pemesanan barang, dan setelah diproses kasir akan
memnerikan data detail pemesana barang kepada bagian produksi untuk dicek.
3. Bagian produksi akan mengecek stok data barang dan menghasilkan empat rangkap, rangkap pertama jika barang tidak ada akan diberikan kepada kasir
setelah itu kasir akan memberikan kepada konsumen. 4. Rangkap kedua, jika barang tersedia maka barang akan direkap dan akan
digunakan oleh bagian produksi untuk pembuatan laporan data barang yang akan diberikan kepada pimpinan.
5. Rangkap ketiga akan diberikan kepada kasir untuk pembuatan laporan data penjualan dan pembuatan faktur penjualan.
6. Setelah mendapat rekap data barang yang akan dipesan, kasir akan membuat laporan data penjualan yang akan diberikan kepada pimpinan dan faktur
penjualan yang menghasilkan tiga rangkap, rangkap pertama berwarna putih untuk konsumen, warna kedua berwarna merah untuk arsip, warna ketiga
berwarna kuning untuk pimpinan perusahaan. 7. Rangkap keempat akan diberikan kepada Bagian pengiriman untuk
pembuatan surat jalan dan pembuatan kwitansi tanda terima barang yang menghasilkan dua rangkap, rangkap pertama diarsipkan dan rangkap kedua
diberikan kepada konsumen. Adapun prosedur transaksi penjualan tersebut dapat diihat pada Gambar III.1
flowmap pemesanan dan penjualan.
Gambar III.1 FlowMap penjualan yang sedang berjalan Keterangan :
A : Arsip faktur penjualan barang
B : Arsip kwitansi tanda terima barang
III.1.4. Analisis Aliran Informasi
Dalam tahap ini akan dianalisis dari aliran informasi dari aplikasi yang akan dibuat berikut ini analisis dari aliran informasi yang akan dibuat:
III.1.4.1. Kebutuhan Data
Dalam proses pengolahan data penjualan, pembayaran dan pemesanan maka dibutuhkan data untuk menjalankan pemprosesan. Data yang dibutuhkan untuk
mengolah data, seperti pada tabel III.2. Tabel III.2 Kebutuhan data
N0 Nama Data
Fungsi Sumber
1 Informasi konsumen
Bagian Admin Kasir
2 Laporan data
penjualan Mengetahui laporan data penjualan
Kasir
3 Laporan data
barang Mengetahui persediaan barang Bagain
produksi
III.1.4.2. Informasi yang Dihasilkan
Adapun informasi yang dihasilkan dari prosedur-prosedur yang digambarkan pada tabel III.3.
Tabel III.3 Informasi yang dihasilkan
No Nama
Informasi Tujuan
Fungsi 1
Informasi konsumen
Bagian admin Informasi mengenai identitas konsumen
2 Informasi
penjualan Bagian admin
dan Pimpinan Informasi tentang jumlah pemesanan
barang 3
Informasi pembayaran
Bagian operator
CV.Contingent dan Pimpinan
informasi tentang jumlah penjualan barang
4 Informasi stok
barang Bagian
administrator, bagian gudang,
dan Pimpinan informasi tentang jumlah stok barang
5 Informasi
pemesanan barang
Bagian admin, dan pimpinan
informasi mengenai pemesanan barang
III.1.5. Analisis Pengkodean
Kode merupakan penyajian dalam mengklafikasikan data sehingga mudah dalam proses masukan ke dalam sistem program. Pengunaan kode biasanya untuk
mengidentifikasi data, simbol kode biasanya digunakan pada hampir semua proses yang ada keterkaitannya dengan data.
Kode barang
Error Objects cannot be created from editing field codes.
Untuk jenis produk kodenya adalah sebagai berikut : 001 :
AERON 002 :
LUNATIC 003
: THIN Contoh :
Kode barang A.08.001.012 Barang dengan jenis THIN dengan nomor produksi 12, diproduksi pada tahun 2010
III.1.6. Analisis Konseptual Basis Data
Dalam memodelkan data dan menggambarkan hubungan antara data digunakan alat bantu yaitu diagram E-R, sehingga dari diagram E-R dapat dilihat
hubungan antar entitas. Diagram E-R yang diusulkan untuk sistem yang akan dibangun dapat dilihat pada gambar III.2 dibawah ini.
Konsumen
Pembelian
Produk Memiliki
Det_pembelian Konfirmasi_
kirim Forwarder
Ongkos_kirim Kota
Memiliki Provinsi
Memiliki Kategori
Admin Mengelola
Mengelola
Berita 1
N N
M N
M
N N
1 N
1 1
N
no Kode_produk
Id_konsumen Id_konsumen
Kode_produk Id_kategori
Id_kategori Id_admin
Id_admin Id_admin
Id_berita Id
Id_pembelian Id_forwarder
Id_forwarder Id_kirim
Id_forwarder Id_provinsi
Id_kabkota Id_kabkota
Id_provinsi Id_provinsi
Id_konsumen Id_pembelian
Id_pembelian
N 1
N M
1
pengiriman
Id_forwarder Id_konsumen
id
N M
Konfirmasi_bank Memiliki
id Id_pembelian
N 1
Memiliki 1
Ukuran N
Kode_produk Id_ukuran
Gambar III.2 ERD
III.1.7. Software Requirement SpecificationSRS
Dokumen SRS ini menjelaskan requirement untuk mengimplementasikan fitur-fitur pada pembangunan aplikasi ecommerece contin jaket motor sport.
III.1.7.1. Administrator
1. Login Menu ini digunakan untuk masuk kedalam sistem agar dapat melakukan
transaksi. 2. Melihat kategori
Menu ini digunakan untuk melihat menambah atau menghapus kategori 3. Melihat stock
Menu ini digunakan untuk melihat, mengubah, dan menghapus data kategori. 4. Menambah data barang
Menu ini digunakan untuk menambah data barang. 5. Melihat data barang
Menu ini digunakan untuk melihat, mengubah, dan menghapus data barang 6. Melihat data pesanan
Menu ini digunakan untuk melihat, mengubah status pesanan, dan penyesuaian data detail pesanan.
7. Mengirim pesan ke konsumen Menu ini digunakan untuk melakukan pengiriman pesan ke konsumen
8.Logout Menu ini digunakan untuk keluar dari sistem.
III.1.7.2. Pengunjung
1. Melihat lihat data barang Informasi barang yang ditawarkan pada CV.Contingent.
2. Melakukan registrasi Tahap yang harus dilakukan untuk dapat melakukan transaksi pemesanan
barang adalah melakukan registrasi. 3. Melihat menu kontak
Menu ini digunakan untuk menghubungi pihak Pada CV.Contingent 4. Melihat menu profil
Menu ini digunakan untuk melihat profil CV.Contingent 5. Melihat menu cara pesan
Menu ini digunakan untuk melihat cara cara pemesanan 6. Cek status pemesanan
Menu ini digunakan untuk melakukan cek status pemesanan yang dilakukan oleh pemesan yang belum menjadi member.
III.1.7.3. Konsumen
1. Login
Menu ini digunakan untuk masuk kedalam sistem agar dapat melakukan transaksi.
2. Melihat data barang
Informasi barang yang ditawarkan pada CV.Contingent. 3.
Melihat kategori Menu ini digunakan untuk melihat kategori barang yang ada pada
CV.Contingent. 4.
Melihat menu cara pemesanan Menu ini digunakan untuk melihat cara pemesanan barang.
5. Melihat pesan dari administrator
Menu ini digunakan untuk membaca pesan dari administrator. 6.
Menulis pesan untuk administrator Menu ini digunakan jika user ingin mengirimkan pesan ke administrator.
7. Mengubah profil
Menu ini digunakan untuk mengubah profil konsumen. 8.
Logout Menu ini digunakan untuk keluar dari sistem.
III.1.8. Analisis Kebutuhan Non Fungsional
Pada tahap ini akan dijelaskan kebutuhan non fungsional dari aplikasi yang akan dibangun .
III.1.8.1. Analisis User
1. Adapun karakterisik dari administrator yaitu : yang harus dimiliki
administrator yaitu kemampuan dasar di bidang komputer dan
mengoperasikan Sistem Operasi Windows XP, pemahaman yang cukup untuk mengelola data dalam web serta memiliki pengetahuan tentang internet.
2. Karakteristik untuk layanan pengunjung yaitu : Mengerti kualifikasi yang
harus dimiliki yaitu dapat melakukan browsing di internet. 3.
Karakteristik untuk layanan konsumen yaitu : Mengerti kualifikasi yang harus dimiliki yaitu dapat melakukan browsing di internet.
III.1.8.2. Analisis Perangkat Keras
Perangkat keras merupakan komponen atau unsur peralatan yang digunakan untuk menunjang pembangunan sistem informasi.
Adapun spesifikasi perangkat keras yang ada di CV. Contingent yaitu : 1. Processor intel Pentium 4 1.7 Ghz dengan kapasitas memori 1 Gb
2. Monitor LG 17 “ 3. Harddisk 80 GB
4. DVD rom asus 16Xmax 5. Mouse dan keyboard
6. printer Epson Stylus T11 7. Cpd, paket Game 1 Mb
Sedangkan spesifikasi yang digunakan sistem yang akan di bangun yaitu : 1. Processor intel Pentium 4 1.7 Ghz dengan kapasitas memori 1 Gb
2. Monitor LG 17 “
3. Harddisk minimal 20 GB
4. DVD rom asus 16Xmax 5. Mouse dan keyboard
6. printer Epson Stylus T11 7. Cpd, paket Game 1 Mb
Berdasarkan spesifikasi di atas maka dalam pembangunan aplikasi ini tidak ada perubahan dalam spesifikasi perangkat keras.
III.1.8.3. Analisis Perangkat Lunak
Kebutuhan perangkat lunak merupakan faktor-faktor yang harus dipenuhi untuk merancang sebuah perangkat lunak sehingga perangkat lunak tersebut
sesuai dengan maksud dan tujuan perangkat lunak tersebut dibuat. Spesifikasi perangkat lunak yang ada pada CV. Contingent yaitu :
1. Windows Xp service pack 2
2. Microsoft Office 2007
3. Internet explorer
4. Adobe reader 6.0
Spesifikasi perangkat lunak yang dibutuhkan untuk membagun aplikasi e- commerce pada CV.Contingent adalah :
1. Windows xp sebagai sistem operasi 2.
PHP 3. Macromedia Dreamweaver 8
4. MySQL sebagai Database 5.
Web Server phpMyadmin 6.
Mozila sebagai browser
III.1.8.4. Analisis Jaringan
Aplikasi ini bekerja pada jaringan tingkat internet dimana computer client dan server terkoneksi dengan internet agar bisa saling berhubungan dengan jaringan
internet maka administrator dan user harus memiliki kontrak dengan provider internet.
III.1.9. Analisis Kebutuhan Fungsional
Analisis ini diperlukan untuk menentukan masukan yang diperlukan sistem, keluaran yang akan dihasilkan sistem, lingkup proses yang digunakan untuk
mengolah masukan menjadi keluaran.
III.1.9.1. Diagram Konteks
Diagram konteks merupakan gambaran secara umum mengenai sebuah sistem yang dirancang secara global, yaitu suatu diagram yang mempresentasikan atau
menggambarkan hubungan antara sistem dengan luar lingkungan luar sistem yang
mempengaruhi operasi sistem. Sistem ditunjukkan dalam satu lingkungan yang menggambarkan keseluruhan proses dalam sistem hubungannya dengan entitas.
Diagram konteks yang sedang berjalan pada CV.Contingent dapat dilihat pada gambar III.3.
Website E-Commerece penjualan jaket pada
CV.Contingent
pengunjung Konsumen
Administrator
-Data registrasi pengunjung -Cari kategori
-Cari produk
-Info data registrasi pengunjung -Info kategori
-Info produk -Info cara pembelian
-Info berita -Data login konsumen
-Data lupa pasword -Konfirmasi logout
-Cari kategori -Cari produk
-Reques data kategori -Reques data produk
-Reques pembelian -Data pengiriman
-Info login valid -Info login invalid
-Info lupa password -Info ganti password
-Info perubahan profil -Info kategori
-Info porduk -Info ukuran
-Info pembelian -info det_pembelian
-Info ongkos kirim -Info Berita
-Info pengiriman -Data Login admin
-Data admin -Data kategori
-Data berita -Data provinsi
-Data kab_kota -Data produk
-Data Berita_konsumen -Data pembelian
-Reques konfirmasi kirim -Data det_pembelian
-Data ongkos kirim -Data forwarder
-Data ukuran
-Info login valid -Info login Invalid
-Info perubahan pasword admin -Info konfirmasi pengiriman
-Info kategori -Info berita
-Info provinsi -Info kab_kota
-Info produk -Info berita
-Info pembelian -Info det_pembelian
-Info ongkos Kirim -Info forwarder
-Info ukuran
Gambar III.3 Diagram konteks
III.1.9.2. Data Flow Diagram
Data Flow Diagram DFD merupakan model grafis dari sebuah sistem yang menunjukkan sebuah aliran sistem, berikut ini DFD Level 0 dapat dilihat pada
gambar III.4.
Registrasi
Pengelolaan konsumen
Login konsumen Login Admin
Cari Produk
Pengelolaan data master
Admin Pengunjung
-I nf
o ke tp
gor i
-I nf
o P rodu
k
Berita Kategori
Tab_provinsi Kab_kota
Produk Data berita
Info berita Data kategori
Inf o dat
a ka te
gor i
D a
ta p
rovi n
si In
fo p
ro v
in s
i Dat
a kab
_ ko
ta In
fo k
a b
_ k
o ta
D at
a pr od
uk -I
nfo pr
od uk
-I n
fo k
a tego
ri Konsumen
Admin Data ko
nsume n
Info data konsumen Info data registrasi pengunjung
Data registrasi pengunjung Data konsumen
Info konsumen
Konsumen In
fo l
o gi
n va
lid In
fo l
o g
in in
va lid
D a
ta lo
gi n kon
s ume
n D
a ta
ko nsu
m en
Info konsumen
-Data Login Konsumen -Data lupa pasword
Info login_valid Info login_invalid
Info lupa pasword -I
nf o ke
te g
o ri
-I nf
o pr o
d u
k
In fo
k a
te g
o ri
In fo
pr odu
k View data produk
Login valid
In fo
k a
te go
ri In
fo Pr
od u
k -Info kategori
-Info produk -info ukuran
Transaksi L
o g
in V
a lid
-I nf
o pe m
b e
lia n
-I nf
o de t_
pe m
b el
ia n
-I nf
o on gk
s o
k ir
im R
equ es pe
mbe lia
n Det_pembelian
Data det_pembelian info det_pembelian
D e
t_pe mbe
lia n
View history Log
in v alid
Info pembelian, det_pembelian
D a
ta lo
g in
A d
m in
In fo
lo g
in v
ali d
In fo
lo gin
in va
lid Data login admin
-Info login valid -Info login invalid
-D at
a kat e
g o
ri -D
at a ber
it a
-D at
a ta b_p
rovi nsi
-D at
a kab _ko
ta -D
at a pr
od uk
-D at
a pem bel
ia n
-D at
a det _p
emb e
lian -D
at a ong
kos K
ir im
-D at
a fo rw
a rder
Lo gi
n admi n
va lid
In fo
p e
mbe lia
n In
fo d
e t_
p e
m be
lian In
fo de
t_ pe
mbel ia
n
In fo
p e
mb eli
a n
-I nf
o ka b
_ k
o ta
-I nf
o on g
k o
s k
ir im
-I nf
o k
a tego
ri -I
nf o ber
it a
-I nf
o ta b_p
rovi nsi
-I nf
o kab _ko
ta -I
nf o pr
od uk
-I nf
o pem bel
ia n
-I nf
o det _p
emb e
lian -I
nf o ong
kos k
ir im
-I nf
o fo rw
a rder
1.0
Info data admin 2.0
3.0 4.0
6.0 7.0
8.0
9.0 10
-C ar
i k at
ego ri
-C ar
i p rodu
k
Reques data kategori Reques data produk
Reques data ukuran -Ca
ri k
a te
g o
ri -C
ar i pr
odu k
-Info data konsumen -Info password
-Info perubahan profil
Info Data Forwarder Data Ongkos Kirim
-I nf
o ong kos
k ir
im -I
nf o kab
_ko ta
Data Forwarder
Ongkos_kirim Forwarder
Info Forwarder Informasi Berita
Data admin -Info kategori
-info data produk Pengelolaan
Administrator
Da ta
a d
m in
In fo
a d
mi n
Lo gi
n admi n va
lid Info data admin
5.0 Info perubahan pasowrd admin
Konfirmasi_kirim -Info det_pembelian
-info konfirmasi kirim Reques konfirmasi kirim
Info konfirmasi kirim Pembelian
Data pembelian Info pembelian
Pengiriman -Data pegiriman
Info Pengiriman
Data forwarder In
fo fo
rw a
rd e
r Konfirma
si_bank R
equ es pe
mbel ian
D e
t_pe mbel
ia n
In fo
r D e
t_ pem
bel ia
n
Ukuran Data ukuran
In fo
u k
ura n
Inf o pr
od uk
Info ukuran Data konsumen
Data admin
L o
gi n ad
min va
lid
Gambar III.4 DFD Level 0
2.1 Verifikasi
Username
Admin
2.2 Verifikasi
Password Admin
Data login admin
-Info login valid -Info login invalid
Verifikasi Username Admin Valid -Info Login valid
-Info Login Invalid Data login admin
-Info Login valid -Info Login Invalid
-Info login valid -Info login invalid
Data login admin Data login admin
Info login valid Info login invalid
Gambar III.5 DFD Level 1 P0.2 Login Admin
Gambar III.6 DFD Level 1 P0.3 Login Konsumen
Gambar III.7 DFD Level 1 P0.5 Pengelolaan Data Konsumen
Gambar III.8 DFD Level 1 P0.6 Pengelolaan Data Master
9.1 PilihProduk
9.2 Ubah detail
pembelian
9.5 CheckOut
9.6 Pengiriman
Konsumen Produk
Pembelian
Detail_pembelian Data detail_pembelian
Info detail_pembelian Info pembelian
Data pembelian Info produk
Data detail_pembelian Info detail_pembelian
Request data produk Info produk
-Reques Pembelian Info pembelian
Info det_pembelian Info ongkos kirim
Data ongkos kirim Info ongkos kirim
Data ongkos kirim In
fo d
e ta
il_ p
e mb
el ia
n Data pembelian
Info pembelian
Kab_kota Data kab_kota
- Info kab_kota - Info ongkos kirim
Data Produk Data produk
Info produk
Ongkos Kirim TambahProduk
9.3
pengiriman Data pengiriman
Data forwarder Info pengiriman
Info Forwarder Pembayaran
Konfirmasi Bank
Data_det pembelian Info det_pembelian
Data ongkos Kirim Info ongkos kirim
Reques pembelian Data_det pembelian
Info Det_pembelian 9.7
Info produk Reques produk
9.4 Hapus
pembelian Data pembelian
Info pembelian
In fo
de ta
il_ p
e mb
el ia
n
d a
ta de
ta il_
pe mbel
ian Info pembelian
Info det_pembelian Data produk
Info produk
Gambar III.9 DFD Level 1 P0.9 Pengelolaan Data Transaksi
Tambah Berita
Edit Berita Info berita
Data berita Info berita
Data berita
Info berita Data berita
Info berita Data berita
6.1.1
6.1.2 administrator
Berita
Hapus Berita 6.1.3
Data berita Info berita
Data berita Info berita
Gambar III.10 DFD Level 2 P0.6.1 Pengelolaan Data Berita
Gambar III.11 DFD Level 2 P0.6.2 Pengelolaan Data Pembelian
Tambah produk
Edit produk produk
Data kategori Data kategori
Data Produk Info data kategori
Info data produk
Data kategori -Data kategori
-Data produk 6.3.2
6.3.3 6.3.1
Cari produk Kategori
administrator Data kategori
Info data kategori Data kategori
Info data kategori Data produk
Data produk Info data produk
Info dat produk Info Data produk
Info data produk
Hapus produk
Data produk Info dat produk
Data kategori -Data kategori
-Data produk Info Data produk
Info data produk
Gambar III.12 DFD Level 2 P0.6.3 Pengelolaan Data Produk
Gambar III.13 DFD Level 2 P0.6.4 Pengelolaan Data Kategori
Gambar III.14 DFD Level 2 P0.6.5 Pengelolaan Data Kabupaten Kota
Gambar III.15 DFD Level 2 P0.6.6 Pengelolaan Data Provinsi
6.7.2 Tambah
ongkos kirim
6.7.3 Edit
Ongkos Kirim
Administrator Ongkos
Kirim Data kategori produk
Info ongkos Kirim Data ongkos kirim
Info ongkos kirim
Info ongkos kirim Data ongkos kirim
Data ongkos kirim Cari ongkos
kirim Info Ongkos Kirim
Data Ongkos Kirim Data Ongkos Kirim
Info Ongkos Kirim 6.7.1
Info ongkos kirim
6.7.3 Hapus
Ongkos Kirim
Info ongkos Kirim Data kategori produk
Data ongkos kirim Info ongkos kirim
Gambar III.16 DFD Level 2 P0.6.7 Pengelolaan Data Ongkos Kirim
Gambar III.17 DFD Level 2 P0.6.8 Pengelolaan Data Forwader
III.1.9.3. Spesifikasi Proses
Spesifikasi proses digunakan untuk menggambarkan proses model aliran yang terdapat pada DFD . Spesifikasi proses dari gambaran DFD di atas akan dijelaskan
seperti pada tabel III.4. Tabel III.4 Spesifikasi Proses
No Proses
Keterangan
1 No.Proses 1.0
Nama Registrasi Source Pengunjung
Input Data
konsumen Output
Info data konsumen Destination Pengunjung
Logika proses Begin
{pengunjung memasukkan data} If data lengkap
Then {data disimpan}
Else {pesan eror ditampilkan}
End
2 No.proses 2.0
Nama Login Admin
Source Administrator Input
username, password administrator Output
Login valid, login invalid Destination administrator
Logika proses Begin
{ administrator memasukkan data login} {sistem memanggil data penguna sesuai data login}
If username dan password sesuai Then
{antar muka terbuka sesuai hak akses} Else
{antar muka tetap seperti awal dan data login dihapus} End
Tabel III.4 Spesifikasi Proses lanjutan No
Proses Keterangan
3 No.proses 3.0
Nama Login Konsumen
Source Konsumen, Input Username,passwordkonsumen
Output Login valid, Login invalid
Destination Konsumen, Logika proses
Begin Begin
{ konsumen memasukkan data login} {sistem memanggil data penguna sesuai data login}
If username dan password sesuai Then
{antar muka terbuka sesuai hak akses} Else
{antar muka tetap seperti awal dan data login dihapus} End
4 No.proses 4.0
Nama Kelola data
konsumen Source Konsumen,administrator
Input Data konsumen,data administrator
Output Info data konsumen, info data administrator
Destination Konsumen, administrator
Logika proses Begin
{konsumen,administrator mengubah, dan menghapus data ke dalam database}
If password lama salah Then
{tampilkan pesan error} Else
{data disimpan di dalam database} End.
Tabel III.4 Spesifikasi Proses lanjutan No
Proses Keterangan
5 No.proses 6.0
Nama Pengelolaan data master
Source Administrator Input
Data kategori, data produk, data pesanan, data berita, data provinsi, data kab_kota,data ongkos kirim, data
Forwader,
Output Info data kategori, info data produk, Info data pesanan,
info data berita, info data provinsi, info data kab_kota, info data ongkos kirim, info data Forwader.
Destination Administrator Logika proses
Begin {administrator menambah, mengubah, atau menghapus
data ke dalam database} If data tidak lengkap
Then {tampilkan status error}
Else {data disimpan ke database}
End.
6 No.proses 7.0
Nama View data barang
Source Konsumen, pengunjung
Input - Output
Info data barang, info data kategori Destination Konsumen,
pengunjung Logika proses
Begin {data dari database di panggil dan ditampilkan}
End
7 No.proses 8.0
Nama Cari produk
Source Konsumen ,
pengunjung Input -
Output info data kategori, info data barang
Destination Konsumen, pengunjung
Logika proses Begin
If konsumen memilih kategori then
{data barang di tampilkan} Else {hanya tampilkan data kategori} End
Tabel III.4 Spesifikasi Proses lanjutan No
Proses Keterangan
8 No.proses 9.0
Nama Transaksi Source Konsumen
Input Data
pesanan Output
Info data pesanan Destination Konsumen
Logika proses Begin
{konsumen memilih produk} {konsumen memasukan data pesanan}
{konsumen mengubah detail pesanan} {konsumen melakukan cekout}
{konsumen mengisi data pembayaran} If data tidak lengkap
Then {tampilkan pesan error}
Else If jumlah stock Then
{konfirmasi kesalahan} Else pembelian berhasil
Then {pilih data pembayaran}
Else kirim data pembayaran} Then
End
9 No.proses 2.1
Nama Verifikasi Username
Source Administrator, Suver administrator
Input Data login
Admin, Data login Suver admin
Output Info login invalid, valid
Destination Admin, suver admin
Logika proses Begin
{Admin, suver admin memasukkan data login} If username valid
Then {username valid}
Else if username invalid Then
{username invalid} End
Tabel III.4 Spesifikasi Proses lanjutan No
Proses Keterangan
10 No.proses 2.2
Nama Verifikasi Pasword
Source Admin, suver admin
Input Data login
Admin, Data login suver admin
Output Info Data login Administrator
Destination Konsumen Logika proses
Begin {Administrator memasukkan data login}
If pasword valid Then
{pasword valid} Else if username invalid
Then {password invalid}
End
11 No.proses 3.1
Nama Verifikasi Username
Source Konsumen Input Data
login Konsumen
Output Info login konsumen invalid
Destination Konsumen Logika proses
Begin {Konsumen memasukkan data login}
If username valid Then
{username valid} Else if username invalid
Then {username invalid}
End
Tabel III.4 Spesifikasi Proses lanjutan No
Proses Keterangan
12 No.proses 3.2
Nama Verifikasi Pasword
Source Konsumen Input Data
login Konsumen
Output Info Data login Konsumen
Destination Konsumen Logika proses
Begin {Konsumen memasukkan data login}
If pasword valid Then
{pasword valid} Else if username invalid
Then {password invalid}
End
13 No.proses 4.1
Nama Mengubah profil
Source Konsumen Input
Data konsumen yang akan diubah Output
Info data konsumen yang telah, diubah, Destination -
Konsumen - Tabel konsumen
Logika proses Begin
{ konsumen mengubah data konsumen yang ada dalam database}
End
14 No.proses 4.2
Nama Mengubah Pasword
Source Konsumen Input
Pasword konsumen yang akan diubah Output
Info pasword konsumen yang telah diubah Destination -
Konsumen - Tabel konsumen
Logika proses Begin
{ konsumen mengubah pasword yang ada dalam database}
End
Tabel III.4 Spesifikasi Proses lanjutan No
Proses Keterangan
15 No.proses 6.1
Nama Kelola berita
Source Administrator Input Data
berita Output
Info data berita Destination Administrator
Logika proses Begin
{administrator mengelola data berita} If data berita lengkap
Then {data disimpan di database}
Else {konfirmasi terjadi kesalahan}
End
16 No.proses 6.2
Nama Kelola pembelian
Source Administrator Input Data
pembelian Output
Info data pembelian Destination Administrator
Tabel pembelian Logika proses
Begin {administrator mengelola data pembelian}
If data pembelian lengkap Then
{data disimpan di database} Else
{konfirmasi terjadi kesalahan} End
Tabel III.4 Spesifikasi Proses lanjutan No
Proses Keterangan
17 No.proses 6.3
Nama Kelola produk
Source Administrator Input Data
produk Output
Info data produk Destination Administrator
Logika proses Begin
{administrator mengelola data produk} If data lengkap
Then {data disimpan di database}
Else {konfirmasi terjadi kesalahan}
End
18 No.proses 6.4
Nama Kelola kategori
Source Administrator Input Data
kategori Output
Info data kategori Destination Administrator
Logika proses Begin
{administrator mengelola data kategori} If data kategori lengkap
Then {data disimpan di database}
Else {konfirmasi terjadi kesalahan}
End
Tabel III.4 Spesifikasi Proses lanjutan No
Proses Keterangan
19 No.proses 6.5
Nama Kelola Kab_kota
Source Administrator Input Data
Kab_kota Output
Info data Kab_kota Destination Administrator
Logika proses Begin
{administrator mengelola data Kab_kota} If data kategori lengkap
Then {data disimpan di database}
Else {konfirmasi terjadi kesalahan}
End
20 No.proses 6.6
Nama Kelola Provinsi
Source Administrator Input Data
Provinsi Output
Info data Provinsi Destination Administrator
Logika proses Begin
{administrator mengelola data provinsi} If data kategori lengkap
Then {data disimpan di database}
Else {konfirmasi terjadi kesalahan}
End
21 No.proses 6.7
Nama Kelola Ongkos Kirim
Source Administrator Input
Data Ongkos kirim Output
Info data ongkos kirim Destination Administrator
Logika proses Begin
{administrator mengelola data ongkos kirim} If data ongkos kirim lengkap
Then {data disimpan di database} Else {konfirmasi terjadi kesalahan} End
Tabel III.4 Spesifikasi Proses lanjutan No
Proses Keterangan
22 No.proses 6.8
Nama Kelola Forwader
Source Administrator Input Data
Forwader Output Info
data Forwader
Destination Administrator Logika proses
Begin {administrator mengelola data Forwader}
If data Forwader lengkap Then
{data disimpan di database} Else
{konfirmasi terjadi kesalahan} End
23 No.proses 6.1.1
Nama Menambah berita
Source Administrator Input Data
berita Output
Info data berita Destination Administrator
Logika proses Begin
{admin menambah berita member } If data tidak lengkap
Then {konfirmasi kesalahan}
Else {data kategori di simpan di database}
End
24 No.proses 6.1.2
Nama Menambah berita
Source Administrator Input Data
berita Output
Info data berita Destination Administrator
Logika proses Begin
{admin menambah berita } If data tidak lengkap Then {konfirmasi kesalahan}
Else {data kategori di simpan di database} End
Tabel III.4 Spesifikasi Proses lanjutan No
Proses Keterangan
25 No.proses 6.2.1
Nama Cari Pembelian
Source Administrator Input Data
pembelian Output
Info data pembelian Destination Administrator
Logika proses Begin
{cari pembelian,cari berdasarkan id pembelian, nama dan kode produk}
If data data ditemukan Then
{data di tampilkan} End
26 No.proses 6.2.2
Nama Edit Status pembelian
Source Administrator Input Data
pembelian Output
Info data pembelian Destination Administrator
Logika proses Begin
{mengedit data pembelian} If pilih tombol Edit
Then {verifikasi sudah dikirim atau gagal dikirim }
Else If pilih ya then
{update satus pengiriman} End
27 No.proses 6.2.3
Nama Kirim Pembelian
Source Administrator Input Data
pembelian Output
Info data pembelian Destination Administrator
Logika proses Begin
{admin mengkonfrimasi data pengiriman, Pilih jasa pengiriman}
If data lengkap Then {data siap dikirim} End
Tabel III.4 Spesifikasi Proses lanjutan No
Proses Keterangan
30 No.proses 6.3.1
Nama Cari Produk
Source Administrator Input
Data data produk, data kategori Output
Info data kategori, info data produk Destination Administrator
Logika proses Begin
{admin mencari produk berdasarkan nama,kategori dan status}
If admin mencari produk Then
{tampilkan form berdasarkan nama, End
31 No.proses 6.3.2
Nama Tambah Produk
Source Administrator Input
Data data produk, data kategori Output
Info data kategori, info data produk Destination Administrator
Logika proses Begin
{admin menambah produk } If admin tambah produk
Then {tampilkan form produk terbaru,
End
32 No.proses 6.3.3
Nama Cari Produk
Source Administrator Input
Data data produk, data kategori Output
Info data kategori, info data produk Destination Administrator
Logika proses Begin
{admin mngubah produk} If admin memilih kategori
Then {tampilkan data produk}
Else if {data diubah} Then {data baru disimpan dalam database}
End
Tabel III.4 Spesifikasi Proses lanjutan No
Proses Keterangan
33 No.proses 6.4.1
Nama Menambah kategori
Source Administrator Input Data
kategori Output
Info data kategori Destination Administrator
Logika proses Begin
{admin menambah data kategori} If data lengkap
Then {meminta konfirmasi}
If pilih yes {data ditambahkan ke database}
Else {proses dibatalkan}
End
34 No.proses 6.4.2
Nama Edit kategori
Source Administrator Input Data
kategori Output
Info data kategori Destination Administrator
Logika proses Begin
{admin mengedit data kategori} If data lengkap
Then {meminta konfirmasi}
If pilih yes {data ditambahkan ke database}
Else {proses dibatalkan}
End
Tabel III.4 Spesifikasi Proses lanjutan No
Proses Keterangan
35 No.proses 6.5.1
Nama Mencari data kab_kota
Source Administrator Input Data
Kota Output Info
dataKota Destination Administrator
Logika proses Begin
{admin mencari data kota} If data data lengkap
Then {konfirmasi data ditemukan} Else
{data ditemukan} End
36 No.proses 6.5.2
Nama Menambah data
kota Source Administrator
Input Data kota
Output Info data kota
Destination Administrator Logika proses
Begin {admin menambah data kota}
If data tidak lengkap Then {konfirmasi kesalahan}
Else {data kota disimpan di database} End
37 No.proses 6.5.3
Nama Edit data kota
Source Administrator Input Data
kota Output
Info data kota Destination Administrator
Logika proses Begin
{admin mengubah data kota} If data tidak lengkap
Then {konfirmasi kesalahan}
Else {data kota disimpan di database}
End
Tabel III.4 Spesifikasi Proses lanjutan No
Proses Keterangan
38 No.proses 6.6.1
Nama Mencari data provinsi
Source Administrator Input Data
provinsi Output
Info data provinsi Destination Administrator
Logika proses Begin
{admin mencari data provinsi} If data data lengkap
Then {konfirmasi data ditemukan}
Else {data ditemukan}
End
39 No.proses 6.6.2
Nama Menambah data
provinsi Source Administrator
Input Data provinsi
Output Info data provinsi
Destination Administrator Logika proses
Begin {admin menambah data provinsi}
If data tidak lengkap Then
{konfirmasi kesalahan} Else
{data provinsi disimpan di database} End
Logika proses Begin
{admin mengubah data provinsi} If data tidak lengkap
Then {konfirmasi kesalahan}
Else {data provinsi disimpan di database}
End
Tabel III.4 Spesifikasi Proses lanjutan No
Proses Keterangan
40 No.proses 6.6.3
Nama Edit data provinsi
Source Administrator Input Data
provinsi Output
Info data provinsi Destination Administrator
Logika proses Begin
{admin mengubah data provinsi} If data tidak lengkap
Then {konfirmasi kesalahan}
Else {data provinsi disimpan di database}
End
41 No.proses 6.7.1
Nama Mencari data ongkos kirim
Source Administrator Input
Data data ongkos kirim Output
Info data ongkos kirim Destination Administrator
Logika proses Begin
{admin mencari data ongkos kirim berdarkan id kirim, status dan tangal kirim}
If tekan tombol cari Then
{data ditemukan} End
Tabel III.4 Spesifikasi Proses lanjutan No
Proses Keterangan
42 No.proses 6.7.2
Nama Menambah ongkos
kirim Source Administrator
Input Data ongkos
Output Info data ongkos
Destination Administrator Logika proses
Begin {admin menambah data ongkos}
If admin memilih provinsi Then
{tampilkan data kota} If data diisi
Then {meminta konfirmasi}
If pilih yes {data ditambahkan ke database}
Else {proses dibatalkan}
End
43 No.proses 6.7.3
Nama Edit ongkos
kirim Source Administrator
Input Data ongkos
Output Info data ongkos
Destination Administrator Logika proses
Begin {admin mengubah data ongkos}
If admin memilih provinsi Then
{tampilkan data kota} If data rubah
Then {meminta konfirmasi}
If pilih yes {data ditambahkan ke database}
Else {proses dibatalkan}
End
Tabel III.4 Spesifikasi Proses lanjutan No
Proses Keterangan
44 No.proses 6.8.1
Nama Mencari data
Forwader Source Administrator
Input Data data
Forwader Output Info
data Forwader
Destination Administrator Logika proses
Begin {admin mencari data Forwader}
If tekan tombol cari Then
{data ditemukan} End
45 No.proses 6.8.2
Nama Menambah Forwader
Source Administrator Input Data
Forwader Output Info
data Forwader
Destination Administrator Logika proses
Begin {admin menambah data Forwader}
If admin memilih Forwader Then
{tampilkan table Forwader} If data di isi
Then {meminta konfirmasi}
If pilih yes {data ditambahkan ke database}
Else {proses dibatalkan} End
Tabel III.4 Spesifikasi Proses lanjutan No
Proses Keterangan
46 No.proses 6.8.3
Nama Edit data
Forwader Source Administrator
Input Data Forwader
Output Info data
Forwader Destination Administrator
Logika proses Begin
{admin mengubah data Forwader} If admin memilih provinsi
Then {tampilkan data Forwader}
If data rubah Then
{meminta konfirmasi} If pilih yes
{data ditambahkan ke database} Else
{proses dibatalkan} End
III.1.9.4. Kamus data
Kamus data merupakan deskripsi formal mengenai seluruh elemen yang tercangkup dalam DFD. Kamus data untuk diagram alir data pada aplikasi E-
Commerece ini akan dijelaskan sebagai berukut pada table III.5
Tabel III.5 Kamus data Nama Aliran data
Data konsumen Where used how used
Pengunjung proses 1 Konsumen proses 4
Deskripsi Berisi data konsumen yang digunakan untuk registrasi,
validasi dan data data yang akan disimpan didalam database.
Struktur data Id_konsumen, password, nama, email, alamat, kota, tlp,
kode_pos, contac_person, tlp_cp. Id_konsumen
Password Nama
Email Alamat
Kota Contak_person
Tlp Tlp_Cp
Kode pos [0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[0-9] [0-9]
[0-9]
Tabel III.5 Tabel Analisis Dokumen lanjutan Nama Aliran data
Info konsumen Where used how used
Pengunjung proses 1 Konsumen proses 4
Deskripsi Berisi informasi data konsumen yang digunakan untuk
registrasi, validasi dan data data yang akan disimpan didalam database.
Struktur data Id_konsumen, password, nama, email, alamat, kota, tlp,
kode_pos, contac_person, tlp_cp. Id_konsumen
Password Nama
Email Alamat
Kota Contak_person
Tlp Tlp_Cp
Kode pos [0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[0-9] [0-9]
[0-9]
Nama Aliran data Info kategori
Where used how used Pengunjung proses 7
Pengunjung proses 6 Konsumen proses 7
Konsumen proses 6 Administrator proses 5
Administrator proses 5.3 Administrator proses 5.4
Administrator proses 5.3.1 Administrator proses 5.3.2
Administrator proses 5.3.3 Administrator proses 5.4.1
Administrator proses 5.4.2
Deskripsi Berisi data pada tabel kategori
Struktur data Id_kategori, id_admin, nama_kategori, keterangan,
Id_kategori Id_admin
Nama_kategori keterangan
[0-9] [0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
Tabel III.5 Tabel Analisis Dokumen lanjutan Nama Aliran data
Data kategori
Where used how used Administrator proses 5
Administrator proses 5.3 Administrator proses 5.4
Administrator proses 5.3.1 Administrator proses 5.3.2
Administrator proses 5.3.3 Administrator proses 5.4.1
Administrator proses 5.4.2
Deskripsi Berisi data pada tabel kategori
Struktur data Id_kategori, id_admin, nama_kategori, keterangan.
Id_kategori Id_admin
Nama_kategori keterangan
[0-9] [0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
Nama Aliran data Data produk
Where used how used Administrator proses 5
Deskripsi Berisi data pada table produk
Struktur data Kode_produk, id_kategori, nama_produk, harga, diskon,
stok, gambar, keterangan. Kode_produk
Id_kategori Nama_produk
harga diskon
stok Gambar
keterangan [0-9]
[0-9] [A-Z|a-z|0-9]
[0-9] [0-9]
[0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9]
Tabel III.5 Tabel Analisis Dokumen lanjutan Nama Aliran data
Info produk
Where used how used Administrator proses 5
Pengunjung proses 7 Pengunjung proses 6
Konsumen proses 7 Konsumen proses 6
Administrator proses 4.2 Administrator proses 4.2.1
Administrator proses 4.2.2 Administrator proses 4.2.3
Deskripsi Berisi data pada tabel produk
Struktur data Kode_produk, id_kategori, nama_produk, harga, diskon,
stok, gambar, keterangan. Kode_produk
Id_kategori Nama_produk
harga diskon
stok Gambar
keterangan [0-9]
[0-9] [A-Z|a-z|0-9]
[0-9] [0-9]
[0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9]
Nama Aliran data Data pembelian
Where used how used konsumen proses 8
Admin proses 5 Deskripsi
Berisi data pada tabel pesanan_konsumen Struktur data
Id_pembelian, kode_produk,id_konsumen,tgl,jumlah,total, diskon, sub_total, id_kirim.
no Id_pembelian
Kod_produk Id_konsumen
tgl jumlah
total diskon
sub_total id kirim
[0-9] [0-9]
[0-9] [0-9]
date [0-9]
[0-9] [0-9]
[|0-9] [0-9]
Tabel III.5 Tabel Analisis Dokumen lanjutan Nama Aliran data
Info pembelian Where used how used
Administrator proses 5 Konsumen proses 8
Konsumen proses 9
Deskripsi Data pada tabel pembelian
Struktur data Id_pembelian,kode_produk,id_konsumen,tgl,jumlah,total,
diskon, sub_total, id_kirim. Id_pembelian
Kod_produk Id_konsumen
tgl jumlah
total diskon
sub_total id kirim
[0-9] [0-9]
[0-9] date
[0-9] [0-9]
[0-9] [|0-9]
[0-9]
Nama Aliran data Data login Admin
Where used how used Administrator proses 2
Deskripsi Data yang di lakukan untuk verivikasi login
Struktur data Username, password
Username password
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
Nama Aliran data Data login Login konsumen
Where used how used Administrator proses 3
Deskripsi Data yang di lakukan untuk verivikasi login
Struktur data Username, password
Username password
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
Tabel III.5 Tabel Analisis Dokumen lanjutan Nama Aliran data
Data berita Where used how used
Administrator proses 5 Deskripsi
Data pada tabel berita Struktur data
Id_berita, id_admin, judul,isi, gambar, tanggal. Id
Id_admin judul
gambar tanggal
[0-9] [0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
Date
Nama Aliran Data Info berita
Where used how used Administrator proses 5
Deskripsi Data pada tabel berita
Struktur data Id, judul, isi
Id Id_admin
judul gambar
tanggal [0-9]
[0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] Date
Nama Aliran data Ongkos kirim
Where used how used Administrator proses 5
Deskripsi Data pada tabel ongkos kirim
Struktur data Id_kirim, id_provinsi, id_kabkota, ongkos_kirim,
id_Forwader Id_kirim
Id_provinsi Id_kabkota
Ongkos_kirim Id_Forwader
[0-9] [0-9]
[0-9] [A-Z|a-z|0-9]
[0-9]
Nama Aliran data Data Forwader
Where used how used Administrator proses 5
Deskripsi Data pada tabel fowader
Struktur data Id_Forwader, nama_Forwader, alamat_Forwader, tlp
Id_Forwader Nama_Forwader
Alamat_Forwader tlp
[0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
Tabel III.5 Tabel Analisis Dokumen lanjutan Nama Aliran data
det_pembelian Where used how used
Admin proses 6.3 Deskripsi
Berisi data pada tabel det_pembelian Struktur data
Id_pembelian, id_konsumen, tgl, status, totalbayar, tgl_kirim, tgl_terima, status_kirim,
kodetransaksibayar,waktubayar, besarbayar, matauangbayar, id_konfirmasi_bank
Id_pembelian Id_konsumen
status tgl
status_kirim kodetransaksibayar
waktubayar besarbayar
matauangbayar id_konfirmasi_bank
[0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] date
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[0-9] [0-9]
[A-Z|a-z|0-9] [0-9]
Nama Aliran data Info det_pembelian
Where used how used Admin proses 6.3
Deskripsi Berisi data pada tabel det_pembelian
Struktur data Id_pembelian, id_konsumen, tgl, status, totalbayar,
tgl_kirim, tgl_terima, status_kirim, kodetransaksibayar,waktubayar, besarbayar, matauangbayar,
id_konfirmasi_bank
Id_pembelian Id_konsumen
status tgl
status_kirim kodetransaksibayar
waktubayar besarbayar
matauangbayar id_konfirmasi_bank
[0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] date
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[0-9] [0-9]
[A-Z|a-z|0-9] [0-9]
III.2 Perancangan Sistem
Tujuan dari perancangan sistem adalah untuk memberikan gambaran secara umum kepada pemakai tentang sistem yang baru. Perancangan dapat
mengidentifikasikan komponen-komponen sidtem informasi yang akan dirancanhg secara terperinci. Perancangan sitem merupakan lanjutan dari analisis sitem, dimana
pada perancangan ini digambarkan rancangan sistem yang akan dibangun sebelum dilakukan pengkodean kedalam suatu bahasa pemrograman.
III.2.1. Perancangan Basis Data
Perancangan basis data merupakan perancangan sebuah data base, pada dasarnya melibatkan enam tahap yang bersifat berulang yaitu perancangan, analisis,
pemrograman, implementasi dan penggunaan.
III.2.2. Skema relasi
Skema relasi mengambarkan hubungan antar data, arti data dan batasanya dijelaskan dangan baris dan kolom. Untuk lebih jelasnya dapat dilihat pada gambar
III.18.
Gambar III.18. Skema relasi
III.2.3. Perancangan Struktur Tabel
Tabel-tabel yang terdapat dalam basis data yang digunakan dalam sistem ini adalah sebagai berikut:
1. File berita
a. Nama File : berita
b. Primary Key : id_berita
c. Jumlah Field : 6
d. Keterangan : tabel untuk data berita umum
Tabel III.6. Tabel berita
Nama Tabel : Tabel berita Keterangan : Tabel untuk data berita
Nama Field Tipe Data
Panjang Keterangan Id_berita
Int 11
Primary key Id_admin
varchar 15
judul Text
isi Text
Gambar Varchar
50 Tanggal
datetime
2. File kategori
a. Nama File : kategori
b. Primary Key : id_kategori
c. Jumlah Field : 5
d. Keterangan : Tabel untuk data kategori
Tabel III.7. Tabel kategori
Nama Tabel : Tabel kategori Keterangan : Tabel untuk data kategori
Nama Field Tipe Data
Panjang Keterangan Id_kategori
Int 11
Primary key Id_admin
varchar 10
nama_kategori varchar
20 keterangan
Text status
enum
3. File Admin
a. Nama File : admin
b. Primary Key : id_admin
c. Jumlah Field : 6
d. Keterangan : Tabel untuk data admin
Tabel III.8. Tabel admin
Nama Tabel : Tabel admin Keterangan : Tabel untuk data admin
Nama Field Tipe Data
Panjang Keterangan Id_admin
varchar 10
Primary key nama_admin
varchar 50
pass_admin varchar
10 email
varchar 50
telp varchar
15 rule
enum
4. File produk
a. Nama File : produk
b. Primary Key : kode_produk
c. Jumlah Field : 9
d. Keterangan : Tabel untuk data produk
Tabel III.9. Tabel produk
Nama Tabel : Tabel produk Keterangan : Tabel untuk data produk
Nama Field Tipe Data
Panjang Keterangan Kode_produk
varchar 10
Primary key Id_kategori
varchar 10
nama_produk varchar
20 harga
int 20
diskon int
5 stok
int 20
gambar varchar
50 keterangan
text status
enum
5. File pembelian
a. Nama File : pembelian
b. Primary Key : no
c. Jumlah Field : 11
d. Keterangan : Tabel untuk data pembelian
Tabel III.10. Tabel pembelian
Nama Tabel : Tabel pembelian Keterangan : Tabel untuk data pembelian
Nama Field Tipe Data
Panjang Keterangan no
int 11
Primary key id_pembelian
int 11
kode_produk varchar
10 Id_konsumen
varchar 10
tanggal tgl
Date jumlah
int 11
total int
30 diskon
int 20
subtotal int
30 status
varchar 6
Id_kirim int
11
6. File konsumen
a. Nama File : konsumen
b. Primary Key : id_konsumen
c. Jumlah Field : 11
d. Keterangan : Tabel untuk data konsumen
Tabel III.11. Tabel konsumen
Nama Tabel : Tabel konsumen Keterangan : Tabel untuk data konsumen
Nama Field Tipe Data
Panjang Keterangan Id_konsumen
varchar 10
Primary key Pass_konsumen
varchar 10
nama varchar
20 alamat
varchar 20
email varchar
50 kodepos
varchar 10
telp varchar
10 cp
varchar 20
telp_cp int
15 tgl_buat_konsumen datetime
status enum
rule enum
Id_kabkota varchar
10
7. File provinsi
a. Nama File : provinsi b. Primary Key :
id_provinsi c. Jumlah Field :
2 d. Keterangan
: Tabel untuk data provinsi
Tabel III.12. Tabel provinsi
Nama Tabel : Tabel provinsi Keterangan : Tabel data provinsi
Nama Field Tipe Data
Panjang Keterangan Id_provinsi
int 10
Primary key nama
varchar 100
8. File kota
a. Nama File : kota b. Primary Key :
id_kabkota c. Jumlah Field :
6 d. Keterangan
: Tabel untuk data kab_kota Tabel III.13. Tabel kota
Nama Tabel : Tabel kota Keterangan : Tabel untuk data kab_kota
Nama Field Tipe Data
Panjang Keterangan Id_kabkota
int 10
Primary key Id_provinsi
int 10
nama varchar
50 kabkota
varchar 20
kd_telepon vachar
10 tampil
varchar 2
9. File ongkos kirim
a. Nama File : ongkos kirim
b. Primary Key : id_kirim
c. Jumlah Field : 5
d. Keterangan : Tabel untuk data ongkos kirim
Tabel III.14. Tabel ongkos kirim Nama Tabel : Tabel ongkos krirm
Keterangan : Tabel untuk data ongkos kirim Nama Field
Tipe Data Panjang Keterangan
Id_kirim int
11 Primary key
Id_provinsi varchar
10 Id_kabkota
varchar 10
Ongkos_kirim int
20 Id_Forwader
int 20
10. File forwader
a. Nama File : forwader
b. Primary Key : id_forwader
c. Jumlah Field : 5
d. Keterangan : Tabel untuk data forwader
Tabel III.15. Tabel forwader
Nama Tabel : Tabel Forwader Keterangan : Tabel untuk data Forwader
Nama Field Tipe Data
Panjang Keterangan Id_Forwader
int 11
Primary key Nama_Forwader varchar
20 Alamat_Forwader varchar
50 telp
varchar 15
Status enum
11. File konfirmasi_kirim
a. Nama File : konfirmasi_kirim
b. Primary Key : id
c. Jumlah Field : 4
d. Keterangan : Tabel untuk data konfirmasi kirim status pembelian
Tabel III.16. Tabel konfirmasi_kirim
Nama Tabel : Tabel konfirmasi_kirim Keterangan : Tabel untuk data konfirmasi kirim satus pembelian
Nama Field Tipe Data
Panjang Keterangan id
int 5
Primary key Id_pembelian
int 5
Id_Forwader int
5 Kode_pengiriman varchar
50
III.2.4. Perancangan arsitektur
Perancangan arsitektur merupakan perancangan yang dibuat sebelum program aplikasi dibuat. Dengan perancangan arsitektur akan mempermudah proses
pembangunan aplikasi E-Commerce pada CV.Contingent.
III.2.5. Perancangan antar muka
Interface atau antar muka merupakan tampilan dari suau program aplikasi yang berperan sebagai media komunikasi yang digunakan sebagai sarana berdialog
antara program dengan user. Sistem yang akan dibangun diharapkan menyediakan interface yang mudah dipahami dan digunakan oleh user. Perancangan interface
untuk Aplikasi e-commerece cv.contingnet ini adalah sebagai berikut:
III.2.5.4. Antar Muka Pengunjung
1. Form antarmuka index pengunjung P01
P01 HEADER
INDEX PROFIL CARA BELI KONTAK DAFTAR
FOOTER LOGIN
Jaket Dengan Kualitas Terbaik Username :
Password : Login
Contin Jaket Motor Sport Lupa pasword
Gambar
Produk Terlaris Navigasi
1. Klik Index untuk menjuju P01 2. Klik Profil untuk menuju P02
3. Klik cara beli untuk menuju P03 4. Klik kontak untuk menuju P04
5. Klik Daftar untuk menuju P05 6. Klik Berita untuk menuju P06
7. Klik Lupa password untu menuju P07
Gambar Cari Kategori Produk
Cari Enter Text
THIN : Kategori :
Harga : Keterangan :
Diskon :
Add To cart
Share facebook
Share twiter
Like Facebook
YM
Page 1 of n 1 n
Gambar
THIN : Kategori :
Harga : Keterangan :
Diskon :
Add To cart Gambar
Payment and Shiping Methode
Gambar III.19 Form antarmuka index pengunjung
2. Form antarmuka profil pengunjung P02
Gambar III.20 Form antarmuka profil pengunjung
3. Form antarmuka cara beli P03
Gambar III.21 Form antarmuka cara beli
4. Form antarmuka kontak P04
Gambar III.22 Form antarmuka kontak
5. Form antarmuka daftar P05
P05 HEADER
INDEX PROFIL CARA BELI KONTAK DAFTAR
FOOTER LOGIN
Form Pendaftaran Username :
Password : Login
Contin Jaket Motor Spor
Lupa pasword
Gambar
Produk Terlaris
Nama Konsumen Username
Pasword Konfirmasi Pasword
Email Provinsi
Kota Alamat
Kode Pos Telp
Kode Masukan Kode
Untuk Tanda Wajib diisi Enter Text
Enter Text Enter Text
Enter Text Enter Text
Enter Text Enter Text
Enter Text Enter Text
Enter Text
Kode Capcaha Enter Text
Register
1. Klik Index untuk menjuju P01 2. Klik Profil untuk menuju P02
3. Klik Cara beli untuk menuju P03 4. Klik kontak untuk menuju P04
5. Klik Daftar untuk menuju P05 6. Klik Berita untuk menuju P06
7. Klik Lupa pasword untu menuju P07
Gambar III.23 Form antarmuka daftar
6. Form antarmuka berita P06
P06 HEADER
INDEX PROFIL CARA BELI KONTAK DAFTAR
FOOTER LOGIN
Tanggal Suting
Username : Password :
Login Informasi
Lupa pasword
Gambar
Produk Terlaris
Brand Baru
Gambar Berita Terbaru
Text Berita
1. Klik Index untuk menjuju P01 2. Klik Profil untuk menuju P02
3. Klik Cara Beli untuk menuju P03 4. Klik kontak untuk menuju P04
5. Klik Daftar untuk menuju P05 6. Klik Berita untuk menuju P06
7. Klik Lupa pasword untu menuju P07
Gambar III.24 Form antarmuka berita
7. Form antarmuka lupa password P07
K02 HEADER
INDEX PROFIL KATALOG KONTAK DAFTAR
FOOTER LOGIN
Username : Password :
Login Contin Jaket MotoSport
Lupa pasword
Gambar
Produk Terlaris
Lupa Pasword
Masukan Username Anda
Enter Text Kirim
1. Klik Index untuk menjuju P01 2. Klik Profil untuk menuju P02
3. Klik Cara Beli untuk menuju P03 4. Klik kontak untuk menuju P04
5. Klik Daftar untuk menuju P05 6. Klik Berita untuk menuju P06
7. Klik Lupa password untu menuju P07
Gambar III.25 Form antarmuka lupa password
8. Form antarmuka login konsumen
K08 HEADER
INDEX PROFIL CARA BELI KONTAK DAFTAR
FOOTER
Terimakasih telah melakukan aktifasi, sekarang akun anda telah digunakan silahkan melakuakn login terima kasih.
CV.CONTINGENT
Username : Login
Contin Jaket Motor Sport 1. Klik Index untuk menjuju P01
2. Klik Profil untuk menuju P02 3. Klik Cara beli untuk menuju P03
4. Klik kontak untuk menuju P04 5. Klik Daftar untuk menuju P05
6. Klik Berita untuk menuju P06 7. Klik Lupa pasword untu menuju P07
Silahkan Masukan password dan username anda Login Konsumen
Password : Lupa Password
Gambar III.26 Form antarmuka login konsumen
III.2.5.2. Antar Muka Konsumen
1. Form antarmuka Index Konsumen K01
Gambar III.27 Form antarmuka Index Konsumen
2. Form antarmuka belanja konsumen K02
K02 HEADER
FOOTER GAMBAR
PRODUK
GAMBAR PRODUK
Nama Produk Kategori
Harga Stok Produk
Qty Keterangan
Beli Produk
Page 1 of n 1 n
Gambar
Produk Terlaris
Enter Text Enter Text
Cari
Nama Produk Kategori
Harga Stok Produk
Qty Keterangan
Beli Produk Logout
1. Klik Index untuk menjuju K01 2. Klik Belanja untuk menuju K02
3. Klik Keranjang untuk menuju K03A atau k03B
4. Klik Histori untuk menuju K04A atau KO4B
5. Klik Kontak untuk menuju K05 6. Klik Berita untuk menuju K06
7. Klik Text Kategori untuk menuju K07
8. Klik gambar link | Item produk| untuk menuju K03A atau K03B
9. Klik Text Logout untuk menuju P01 INDEX BELANJA KERANJANG HISTORI DAFTAR BERITA
Produk Kategori Teks Kategori
Teks Kategori
Link Gamar Keranjang
Gambar III.28 Form antarmuka belanja konsumen
3. Form antarmuka keranjang padasaat kosong K03A
K03A HEADER
FOOTER Produk Kategori
Teks Kategori Teks Kategori
Contin Jaket Motosport
Gambar
Produk Terlaris
Logout
Keranjang anda masih kosong
Gambar LInk
1. Klik Index untuk menjuju K03 2. Klik Belanja untuk menuju K04
3. Klik Keranjang untuk menuju K05A 4. Klik Histori untuk menuju K06A
atau KO6B 5. Klik Kontak untuk menuju K07
6. Klik Berita untuk menuju K08 7. Klik Text Kategori untuk menuju
K09 8. Klik gambar link | Item produk|
untuk menuju K05A 9. Klik Text Logout untuk menuju P01
INDEX BELANJA KERANJANG HISTORI DAFTAR BERITA
Link Gamar Keranjang
Gambar III.29 Form antarmuka keranjang padasaat kosong
4. Form antarmuka keranjang padasaat tidak kosong K03B
K03B HEADER
INDEX BELANJA KERANJANG HISTORI DAFTAR BERITA
FOOTER Produk Kategori
Nama Produk HargaRp Jumlah TotalRp DiskonRp Hapus Teks Kategori
Teks Kategori Contin Jaket MotoSport
Gambar
Produk Terlaris
Logout Ubah
Sub Total Rp Ongkos Kirim Rp
Total Bayar Rp Chekout
Tambah Batal
Apabila anda ingin mnegubah jumlah, klik buton ubah terlebih dahulu Icon
Link
1. Klik Index untuk menjuju K01 2. Klik Belanja untuk menuju K02
3. Klik Keranjang untuk menuju K03B 4. Klik Histori untuk menuju K04A
atau KO4B 5. Klik Kontak untuk menuju K05
6. Klik Berita untuk menuju K06 7. Klik Text Kategori untu menuju K07
8. Klik gambar link | Item produk| untuk menuju K03B
9. Klik button “ubah” untuk menuju K011
10. Klik icon link hapus untuk menuju K03A
10. Klik button “tambah produk” untuk menuju K02
11. Klik button “batal” untuk menuju K03A
12. Klik button “checkout” untuk menuju K012
14. Klik Text Logout untuk menuju P01
Link Gamar Keranjang
Gambar III.30 Form antarmuka keranjang padasaat tidak kosong
5. Form antarmuka histori belanja padasaat kosong K04A
K04A HEADER
FOOTER Produk Kategori
Id Pembelian Tanggal Total PembelianRp Status Bayar Status Kirim Detail Teks Kategori
Teks Kategori Histori Pembelian Konsumen
Gambar
Produk Terlaris
Logout
Selamat Datang
1. Klik Index untuk menuju K01 2. Klik Belanja untuk menuju K02
3. Klik Keranjang untuk menuju K03A atau K03B
5. Klik Histori untuk menuju K04A 6. Klik Kontak untuk menuju K05
7. Klik Berita untuk menuju K06 8. Klik Text Kategori untuk menuju
K07 9. Klik Text |item produk| untuk
menuju K03A atau K03B 10. Klik Text Logout untuk menuju
P01 INDEX BELANJA KERANJANG HISTORI DAFTAR BERITA
Link Gamar Keranjang
Gambar III.31 Form antarmuka histori belanja padasaat kosong
6. Form antarmuka histori belanja padasaat tidak kosong K04B
K04B HEADER
FOOTER Produk Kategori
Id Pembelian Tanggal Total PembelianRp Status Bayar Status Kirim Detail Teks Kategori
Teks Kategori Histori Pembelian Konsumen
Gambar
Produk Terlaris
Logout
Selamat Datang
Icon Link
1. Klik Index untuk menuju K01 2. Klik Belanja untuk menuju K02
3. Klik Keranjang untuk menuju K03A atau K03B
5. Klik Histori untuk menuju KO4B 6. Klik Kontak untuk menuju K05
7. Klik Berita untuk menuju K06 8. Klik Text Kategori untuk menuju
K07 9. Klik Text |produk| “pada saat produk
kosong” untuk menuju K03A atau K03B
11. Klik icon detail untuk menuju K013
12. Klik Text Logout untuk menuju P01
INDEX BELANJA KERANJANG HISTORI DAFTAR BERITA
Link Gamar Keranjang
Gambar III.32 Form antarmuka histori belanja padasaat tidak kosong
7. Form antarmuka kontak konsumen K05A
K05 HEADER
FOOTER LOGIN
Produk Kategori Kontak CV.Contingent
Teks Kategori Teks Kategori
Username : Password :
Login Contin Jaket MotoSport
Lupa pasword
Gambar
Produk Terlaris 1. Klik Index untuk menjuju K01
2. Klik Belanja untuk menuju K02 3. Klik Keranjang untuk menuju K03A
atau k03B 4. Klik Histori untuk menuju K04A
atau KO4B 5. Klik Kontak untuk menuju K05
6. Klik Berita untuk menuju K06 7. Klik Text Kategori untu menuju K07
8. Klik Text |item produk untuk menuju K03A atau K03B
9. Klik Text Logout untuk menuju P01 INDEX BELANJA KERANJANG HISTORI KONTAK BERITA
Link Gamar Keranjang
Gambar III.33 Form antarmuka kontak konsumen
8. Form antarmuka berita konsumen K06
K06 HEADER
FOOTER
Tanggal Suting
Contin Jaket MotoSport
Gambar
Produk Terlaris
Brand Baru
Gambar Berita Terbaru
Text Berita Logout
1. Klik Index untuk menjuju K01 2. Klik Belanja untuk menuju K02
3. Klik Keranjang untuk menuju K03A atau k03B
4. Klik Histori untuk menuju K04A atau KO4B
5. Klik Kontak untuk menuju K05 6. Klik Berita untuk menuju K06
7. Klik Text Kategori untu menuju K07 8. Klik Link gambar |item produk|
untuk menuju K03A atau K03B Klik Text Logout untuk menuju P01
INDEX BELANJA KERANJANG HISTORI DAFTAR BERITA Produk Kategori
Teks Kategori Teks Kategori
Link Gamar Keranjang
Gambar III.34 Form antarmuka berita konsumen
9. Form antarmuka produk kategori K07
K07 HEADER
FOOTER GAMBAR
PRODUK
GAMBAR PRODUK
Nama Produk Kategori
Harga Stok Produk
Qty Diskon
Keterangan
Beli Produk
Page 1 of n 1 n
Gambar
Produk Terlaris Nama Produk
Kategori Harga
Stok Produk Qty
diskon Keterangan
Beli Produk Logout
1. Klik Index untuk menjuju K01 2. Klik Belanja untuk menuju K02
3. Klik Keranjang untuk menuju K03A atau K03B
4. Klik Histori untuk menuju K04A atau KO4B
5. Klik Kontak untuk menuju K05 6. Klik Berita untuk menuju K06
7. Klik Text Kategori untuk menuju K07
8. Klik link gambar |Item produk| untuk menuju K03A atau K03B
9. Klik Text Logout untuk menuju P01 INDEX BELANJA KERANJANG HISTORI DAFTAR BERITA
MotoSport
Kategori Contin
Produk Kategori Teks Kategori
Teks Kategori
Link Gamar Keranjang
Gambar III.35 Form antarmuka produk kategori
10. Form antarmuka ganti password K08
Gambar III.36 Form antarmuka ganti password
11. Form antarmuka konfirmasi pembayaran transfer bank K09
K09 HEADER
FOOTER Konfirmasi Pembayaran dengan transfer Bank
Gambar
Produk Terlaris
Logout
1. Klik Index untuk menjuju K01 2. Klik Belanja untuk menuju K02
3. Klik Keranjang untuk menuju K03A atau k03B
4. Klik Histori untuk menuju K04A atau KO4B
5. Klik Kontak untuk menuju K05 6. Klik Berita untuk menuju K06
7. Klik Text Kategori untu menuju K07 8. Klik Text Logout untuk menuju P01
INDEX BELANJA KERANJANG HISTORI DAFTAR BERITA Produk Kategori
Teks Kategori Teks Kategori
ID Pembelian : Nama Pemilik Rekening
Dibayar dari No rekening Pembayaran Melalui Bank
Kode trasnfer Tanggal Kirim
Enter Text Enter Text
Enter Text Enter Text
Enter Text Enter Text
Konfirmasi
Gambar III.37 Form antarmuka konfirmasi pembayaran transfer bank
12. Form antarmuka tracking pengiriman K010
` K010
HEADER
FOOTER Contin Jaket MotoSport
Gambar
Produk Terlaris
Logout Enter Text
Serch
1. Klik Index untuk menjuju K01 2. Klik Belanja untuk menuju K02
3. Klik Keranjang untuk menuju K03A atau k03B
4. Klik Histori untuk menuju K04A atau KO4B
5. Klik Kontak untuk menuju K05 6. Klik Berita untuk menuju K06
7. Klik Text Kategori untu menuju K07 8. Klik Text Logout untuk menuju P01
INDEX BELANJA KERANJANG HISTORI DAFTAR BERITA Produk Kategori
Teks Kategori Teks Kategori
Jne Airwail Bil Number :
Gambar III.38 Form antarmuka tracking pengiriman
13. Form antarmuka ubah jumlah pembelian K011
K011 HEADER
INDEX BELANJA KERANJANG HISTORI DAFTAR BERITA
FOOTER Produk Kategori
Nama Produk HargaRp Jumlah TotalRp DiskonRp Hapus Teks Kategori
Teks Kategori Contin Jaket MotoSport
Gambar
Produk Terlaris
Logout Ubah
Sub Total Rp Ongkos Kirim Rp
Total Bayar Rp Apabila anda ingin mnegubah jumlah, klik buton ubah terlebih dahulu
Icon Link
1. Klik Index untuk menjuju K01 2. Klik Belanja untuk menuju K02
3. Klik Keranjang untuk menuju K03A atau K03B
4. Klik Histori untuk menuju K04A atau KO4B
5. Klik Kontak untuk menuju K05 6. Klik Berita untuk menuju K06
7. Klik Text Kategori untu menuju K07 8. Gambar Link hapus untuk menuju
K03A 9. Gambar Link |Item produk| untuk
menuju K03B 10. Klik button “ok” untuk menuju
K03B 11. Klik Text Logout untuk menuju
P01
Link Gamar Keranjang
Gambar III.39 Form antarmuka ubah jumlah pembelian
14. Form antarmuka pengiriman K12
k012
HEADER INDEX BELANJA KERANJANG HISTORI KONTAK BERITA
FOOTER PENGIRIMAN
1. NAMA KONSUMEN: 2. ALAMATt :
3. KABUPATENKOTA 4. KODE POS
5. TELP Jika Anda mengisi ke alamat
yang lain silahkan isi data di bawah ini:
6. PROVINSI 7. KOTA
8. ALAMAT 9. KODE POS
10 TELP 11. JASA PENGIRIMAN
12. TOTAL BERAT PRODUK 13. JASA KIRIM
Enter Text Enter Text
Checkout
1. Klik Index untuk menjuju K01 2. Klik Belanja untuk menuju K02
3. Klik Keranjang untuk menuju K03A atau k03B
4. Klik Histori untuk menuju K04A atau KO4B
5. Klik Kontak untuk menuju K05 6. Klik Berita untuk menuju K06
7. Klik Text Kategori untuk menuju K07 8. Klik Checkout untuk menuju K014
9. Klik Text Logout untuk menuju P01
Enter Text Enter Text
Enter Text Enter Text
Enter Text Enter Text
Gambar III.40 Form antarmuka pengiriman
15. Form antarmuka detail pembelian K13
K013 HEADER
FOOTER Produk Kategori
Id Pembelian Nama Produk Harga Jumlah Ongkos Jasa Kirim Kode Kirim Sub Total Total
Teks Kategori Teks Kategori
Dtail Pembelian Konsumen
Gambar
Produk Terlaris
Logout
Selamat Datang
Contin MotoSport
Kembali
1. Klik Index untuk menuju K01 2. Klik Belanja untuk menuju K02
3. Klik Keranjang untuk menuju K03A atau K03B
5. Klik Histori untuk menuju K04A atau KO4B
6. Klik Kontak untuk menuju K05 7. Klik Berita untuk menuju K06
8. Klik Text Kategori untuk menuju K07
9. Klik Text |item produk| “pada saat produk kosong” untuk menuju K03A
atau K03B 10. Klik butun kembali untuk menuju
K04A atau KO4B 11. Klik Text Logout untuk menuju
P01 INDEX BELANJA KERANJANG HISTORI DAFTAR BERITA
Link Gamar Keranjang
Gambar III.41 Form antarmuka detail pembelian
16. Form antarmuka pembayaran K14
K014 HEADER
FOOTER Produk Kategori
Nama Produk HargaRp Jumlah TotalRp DiskonRp Teks Kategori
Teks Kategori
Silahkan pilh Metode Pembayaran di bawah ini untuk melakukan transaksi
Gambar
Produk Terlaris
Logout Sub Total Rp
Ongkos Kirim Rp Total Bayar Rp
Batal Link Paypal
Order Reset
1. Klik Index untuk menuju K01 2. Klik Belanja untuk menuju K02
3. Klik Keranjang untuk menuju K03A atau K03B
4. Klik Histori untuk menuju K04A atau KO4B
5. Klik Kontak untuk menuju K05 6. Klik Berita untuk menuju K06
7. Klik Text Kategori untuk menuju K07
8. Klik Text |produk| “pada saat produk kosong” untuk menuju K03A atau
K03B 9. Klik buton kembali untuk menuju
K05A 10. Klik buton order untuk menuju
K015 10. Klik Text Logout untuk menuju
P01
Gambar BNI Gambar BCA
BNI BCA
No rekening No rekening
Payment INDEX BELANJA KERANJANG HISTORI DAFTAR BERITA
Link Gamar Keranjang
Gambar III.42 Form antarmuka pembayaran
17. Form antarmuka order bank K15
k015
HEADER INDEX BELANJA KERANJANG HISTORI KONTAK BERITA
FOOTER Contin Jaket Motor Sport
1. NAMA KONSUMEN: 2. ALAMATt :
3. KABUPATENKOTA 4. KODE POS
5. NO TELP 6. JASA KIRIM
1. Klik Index untuk menjuju K01 2. Klik Belanja untuk menuju K02
3. Klik Keranjang untuk menuju K03A atau k03B
4. Klik Histori untuk menuju K04A atau KO64B
5. Klik Kontak untuk menuju K05 6. Klik Berita untuk menuju K06
7. Klik Text Kategori untuk menuju K07 8. Klik Text Logout untuk menuju P01
Terima kasih atas pemesanannya Id pembelian anda :
Nama Produk HargaRp Jumlah TotalRp DiskonRp
Sub Total Rp Ongkos Kirim Rp
Total Bayar Rp Anda telah melakukan pesanan ini sales kami akan segera akan melakukan proses pengiriman
setelah andamengkonfirmasi dalam melakukan pembayaran ke :
Nama Bank : No rekening :
Atas nama
Gambar III.43 Form antarmuka order bank
III.2.5.3. Antar Muka Administrator
1. Form login administrator A0
A0
Username Password
Login
Login Admin
Gambar III.44 Form login administrator
2. Form Index administrator A01
Gambar III.45 Form home administrator
3. Form data konsumen A02
A02
FOOTER Header
Data admin Data konsumen
Data produk Data kategori
|Logout| Selamat datang :
Admin Website Contin jaket MotoSport
Jika Anda ingin Mengganti Pasword : |Ganti Pasword| No
Nama Konsumen
Kota Email
Dashboard Data provinsi
Data kota Data forwader
Data ongkos kirim Data pembelian
Data berita Laporan
Telp Contac
Person Status
Tanggal Terakhir
Transaksi Edit
Icon EditLink
Halaman 1 of n 1 n
Navigasi : 1. Klik “Logout” untuk menuju A0
2. Klik “Data Admin” untuk menuju ke A01 3. Klik “Data Konsumen” untuk menuju ke A02
4. Klik” Data produk” untuk menuju ke A03 5. Klik “Kategori” untuk menuju ke A04
6. Klik “Data Provinsi” untuk menuju A05 7. Klik “Data Kota” untuk menuju A06
8. Klik “Data Forwader” untuk menuju A07 9. Klik “Data ongkos kirim” untuk menuju A08
10. Klik “Data Pembelian” untuk menuju A09 11. Klik “Data berita” untuk menuju A10
12. Klik “Laporan” untuk menuju A11 13. Klik “Edit” untuk menuju A14
Gambar III.46 Form data administrator
4. Form data produk A03
Gambar III.47 Form Data produk
5. Form Data Kategori A04
A04
FOOTER Header
Data admin Data konsumen
Data produk Data kategori
|Logout|
DATA KATEGORI
Id Ktegori Nama Kategori Keterangan
Status
Dashboard Data provinsi
Data kota Data forwader
Data ongkos kirim Data pembelian
Data berita Laporan
Edit |Tambah|
Edit Link Icon
Halaman 1 of n 1 n
Navigasi : 1. Klik “Logout” untuk menuju A0
2. Klik “Data Admin” untuk menuju ke A01 3. Klik “Data Konsumen” untuk menuju ke A02
4. Klik” Data produk” untuk menuju ke A03 5. Klik “Kategori” untuk menuju ke A04
6. Klik “Data Provinsi” untuk menuju A05 7. Klik “Data Kota” untuk menuju A06
8. Klik “Data Forwader” untuk menuju A07 9. Klik “Data ongkos kirim” untuk menuju A08
10. Klik “Data Pembelian” untuk menuju A09 11. Klik “Data berita” untuk menuju A10
12. Klik “Laporan” untuk menuju A11 13. Klik “Tambah kategori” untuk menuju A17
14. Klik “Edit Kategori” untuk menuju A18
Gambar III.48 form Data kategori
6. Form data provinsi A05
A05
FOOTER Header
Data admin Data konsumen
Data produk Data kategori
|Logout|
DATA PROVINSI
Kode Provinsi
Nama Provinsi
Dashboard Data provinsi
Data kota Data forwader
Data ongkos kirim Data pembelian
Data berita Laporan
Edit |Tambah|
Edit Link Icon
Halaman 1 of n 1 n
Navigasi : 1. Klik “Logout” untuk menuju A0
2. Klik “Data Admin” untuk menuju ke A01 3. Klik “Data Konsumen” untuk menuju ke A02
4. Klik” Data produk” untuk menuju ke A03 5. Klik “Kategori” untuk menuju ke A04
6. Klik “Data Provinsi” untuk menuju A05 7. Klik “Data Kota” untuk menuju A06
8. Klik “Data Forwader” untuk menuju A07 9. Klik “Data ongkos kirim” untuk menuju A08
10. Klik “Data Pembelian” untuk menuju A09 11. Klik “Data berita” untuk menuju A10
12. Klik “Laporan” untuk menuju A11 13. Klik “Tambah” untuk menuju A19
14. Klik “Edit” untuk menuju A20
Gambar III.49 Data provinsi
7. Form data kota A06
A06
FOOTER Header
Data admin Data konsumen
Data produk Data kategori
|Logout|
DATA KOTA
Kode kota Nama Kota
Kab Kota Provinsi
Dashboard Data provinsi
Data kota Data forwader
Data ongkos kirim Data pembelian
Data berita Laporan
Kode Telp Edit
Icon EditLink
Halaman 1 of n 1 n
|Tambah Kota| Enter Text
Masukkan Nama Kota Cari
Navigasi : 1. Klik “Logout” untuk menuju A0
2. Klik “Data Admin” untuk menuju ke A01 3. Klik “Data Konsumen” untuk menuju ke A02
4. Klik” Data produk” untuk menuju ke A03 5. Klik “Kategori” untuk menuju ke A04
6. Klik “Data Provinsi” untuk menuju A05 7. Klik “Data Kota” untuk menuju A06
8. Klik “Data Forwader” untuk menuju A07 9. Klik “Data ongkos kirim” untuk menuju A08
10. Klik “Data Pembelian” untuk menuju A09 11. Klik “Data berita” untuk menuju A10
12. Klik “Laporan” untuk menuju A11 13. Klik “Tambah” untuk menuju A21
14. Klik “Edit” untuk menuju A22
Gambar III.50 Form Data kota
8. Form data Forwader A07
A07
FOOTER Header
Data admin Data konsumen
Data produk Data kategori
|Logout|
DATA FORWADER
ID FORWAD
ER NAMA
FORWADER ALAMAT
FORWADER TELEPON
FORWADER
Dashboard Data provinsi
Data kota Data forwader
Data ongkos kirim Data pembelian
Data berita Laporan
STATUS Edit
Icon EditLink
Halaman 1 of n 1 n
|Tambah Forwader| Enter Text
Masukkan Forwader Cari
Navigasi : 1. Klik “Logout” untuk menuju A0
2. Klik “Data Admin” untuk menuju ke A01 3. Klik “Data Konsumen” untuk menuju ke A02
4. Klik” Data produk” untuk menuju ke A03 5. Klik “Kategori” untuk menuju ke A04
6. Klik “Data Provinsi” untuk menuju A05 7. Klik “Data Kota” untuk menuju A06
8. Klik “Data Forwader” untuk menuju A07 9. Klik “Data ongkos kirim” untuk menuju A08
10. Klik “Data Pembelian” untuk menuju A09 11. Klik “Data berita” untuk menuju A10
12. Klik “Laporan” untuk menuju A11 13. Klik “Tambah” untuk menuju A23
14. Klik “Edit” untuk menuju A24
Gambar III.51 Form data forwader
9. Form data ongkos kirim A08
A08
FOOTER Header
Data admin Data konsumen
Data produk Data kategori
|Logout|
DATA ONGKOS KIRIM
ID KIRIM NAMA PROVINSI
NAMA KOTA ONGKOS
KIRIM
Dashboard Data provinsi
Data kota Data forwader
Data ongkos kirim Data pembelian
Data berita Laporan
FORWADER Edit
Icon EditLink
Halaman 1 of n 1 n
|Tambah ongkos kirim| Enter Text
Masukkan Kata Kunci Cari
Cari Berdasarkan Enter Text
Navigasi : 1. Klik “Logout” untuk menuju A0
2. Klik “Data Admin” untuk menuju ke A01 3. Klik “Data Konsumen” untuk menuju ke A02
4. Klik” Data produk” untuk menuju ke A03 5. Klik “Kategori” untuk menuju ke A04
6. Klik “Data Provinsi” untuk menuju A05 7. Klik “Data Kota” untuk menuju A06
8. Klik “Data Forwader” untuk menuju A07 9. Klik “Data ongkos kirim” untuk menuju A08
10. Klik “Data Pembelian” untuk menuju A09 11. Klik “Data berita” untuk menuju A10
12. Klik “Laporan” untuk menuju A11 13. Klik “Tambah” untuk menuju A25
14. Klik “Edit” untuk menuju A26
Gambar III.52 Form data ongkos kirim
10. Form data pembelian A09
Gambar III.53 Form data pembelian
11. Form data berita A10
Gambar III.54 Form data berita
12. Form data laporan A11
Gambar III.55 Form data laporan
13. Form perubahan password admin A12
Gambar III.56 Form perubahan password admin
14. Form edit data admin A13
A13
FOOTER Header
Data admin Data konsumen
Data produk Data kategori
|Kembali|
EDIT DATA ADMIN Dashboard
Data provinsi Data kota
Data forwader Data ongkos kirim
Data pembelian Data berita
Laporan
1.ID ADMIN Enter Text
Simpan |Logout|
2. NAMA ADMIN 3. EMAIL
Enter Text Enter Text
Navigasi : 1. Klik “Logout” untuk menuju A0
2. Klik “Data Admin” untuk menuju ke A01 3. Klik “Data Konsumen” untuk menuju ke A02
4. Klik” Data produk” untuk menuju ke A03 5. Klik “Kategori” untuk menuju ke A04
6. Klik “Data Provinsi” untuk menuju A05 7. Klik “Data Kota” untuk menuju A06
8. Klik “Data Forwader” untuk menuju A07 9. Klik “Data ongkos kirim” untuk menuju A08
10. Klik “Data Pembelian” untuk menuju A09 11. Klik “Data berita” untuk menuju A10
12. Klik “Laporan” untuk menuju A11 13. Klik “Kembali” untuk menuju A01
14. Klik “Simpan” untuk menuju A01
Gambar 3. Gambar III.57 Form edit data admin
15. Form edit data status konsumen A14
A14
FOOTER Header
Data admin Data konsumen
Data produk Data kategori
|Logout| Selamat datang :
EDIT DATA KONSUMEN
Dashboard Data provinsi
Data kota Data forwader
Data ongkos kirim Data pembelian
Data berita Laporan
1. Nama Konsumen 2. Pasword
3. Alamat 4. Kota
5. Email 6. Telp
7. Kode Pos 8. Contak person
9. Telp Contak person 10. Tanggal buat konsumen
11. Status Enter Text di kunci
Enter Text di kunci Enter Text di kunci
Enter Text di kunci Enter Text di kunci
Enter Text di kunci Enter Text di kunci
Enter Text di kunci Enter Text di kunci
Enter Text di kunci Enter Text
Simpan
Navigasi : 1. Klik “Logout” untuk menuju A0
2. Klik “Data Admin” untuk menuju ke A01 3. Klik “Data Konsumen” untuk menuju ke A02
4. Klik” Data produk” untuk menuju ke A03 5. Klik “Kategori” untuk menuju ke A04
6. Klik “Data Provinsi” untuk menuju A05 7. Klik “Data Kota” untuk menuju A06
8. Klik “Data Forwader” untuk menuju A07 9. Klik “Data ongkos kirim” untuk menuju A08
10. Klik “Data Pembelian” untuk menuju A09 11. Klik “Data berita” untuk menuju A10
12. Klik “Laporan” untuk menuju A11 13. Klik “Kembali” untuk menju A02
14. Klik “Simpan” untuk menuju A02
Gambar III.58 Form edit data status konsumen
16. Form tambah data produk A15
Gambar III.59 Form tambah data produk
17. Form edit data produk A16
Gambar III.60 Form edit data poduk
18. Form tambah data kategori A17
A17
FOOTER Header
Data admin Data konsumen
Data produk Data kategori
|Kembali|
TAMBAH DATA KATEGORI Dashboard
Data provinsi Data kota
Data forwader Data ongkos kirim
Data pembelian Data berita
Laporan
1. Nama Kategori 2. Keterangan
3. Status Enter Text
Simpan Aktif
Enter Text |Logout|
Navigasi : 1. Klik “Logout” untuk menuju A0
2. Klik “Data Admin” untuk menuju ke A01 3. Klik “Data Konsumen” untuk menuju ke A02
4. Klik” Data produk” untuk menuju ke A03 5. Klik “Kategori” untuk menuju ke A04
6. Klik “Data Provinsi” untuk menuju A05 7. Klik “Data Kota” untuk menuju A06
8. Klik “Data Forwader” untuk menuju A07 9. Klik “Data ongkos kirim” untuk menuju A08
10. Klik “Data Pembelian” untuk menuju A09 11. Klik “Data berita” untuk menuju A10
12. Klik “Laporan” untuk menuju A11 13. Klik “Kembali” untuk menuju A04
14. Klik “Simpan” untuk menuju A04
Gambar III.61 Form tambah data kategori
19. Form edit data kategori A18
A18
FOOTER Header
Data admin Data konsumen
Data produk Data kategori
|Kembali|
EDIT DATA KATEGORI
Dashboard Data provinsi
Data kota Data forwader
Data ongkos kirim Data pembelian
Data berita Laporan
1. Id Kategori 2. Nama Kategori
3. Keterangan 4. Status
Enter Text di kunci Enter Text
Simpan Aktif
Enter Text |Logout|
Navigasi : 1. Klik “Logout” untuk menuju A0
2. Klik “Data Admin” untuk menuju ke A01 3. Klik “Data Konsumen” untuk menuju ke A02
4. Klik” Data produk” untuk menuju ke A03 5. Klik “Kategori” untuk menuju ke A04
6. Klik “Data Provinsi” untuk menuju A05 7. Klik “Data Kota” untuk menuju A06
8. Klik “Data Forwader” untuk menuju A07 9. Klik “Data ongkos kirim” untuk menuju A08
10. Klik “Data Pembelian” untuk menuju A09 11. Klik “Data Berita” untuk menuju A10
12. Klik “Data Laporan” untuk menuju A11 13. Klik “Kembali” untuk menuju A04
14. Klik “Simpan” untuk menuju A04
Gambar III.62 Form edit data kategori
20. Form tambah provinsi A19
A19
FOOTER Header
Data admin Data konsumen
Data produk Data kategori
|Kembali|
TAMBAH PROVINSI Dashboard
Data provinsi Data kota
Data forwader Data ongkos kirim
Data pembelian Data berita
Laporan
1. Nama Provinsi Enter Text
Simpan |Logout|
Navigasi : 1. Klik “Logout” untuk menuju A0
2. Klik “Data Admin” untuk menuju ke A01 3. Klik “Data Konsumen” untuk menuju ke A02
4. Klik” Data produk” untuk menuju ke A03 5. Klik “Kategori” untuk menuju ke A04
6. Klik “Data Provinsi” untuk menuju A05 7. Klik “Data Kota” untuk menuju A06
8. Klik “Data Forwader” untuk menuju A07 9. Klik “Data ongkos kirim” untuk menuju A08
10. Klik “Data Pembelian” untuk menuju A09 11. Klik “Data berita” untuk menuju A10
12. Klik “Laporan” untuk menuju A11 13. Klik “Kembali” untuk menuju A05
14. Klik “Simpan” untuk menuju A05
Gambar III.63 Form tambah provinsi
21. Form edit data provinsi A19
Gambar III.64 Form edit data provinsi
22. Form tambah kota A21
Gambar III.65 Form tambah kota
23. Form edit data kota A22
A22
FOOTER Header
Data admin Data konsumen
Data produk Data kategori
|Kembali|
EDIT DATA KOTA Dashboard
Data provinsi Data kota
Data forwader Data ongkos kirim
Data pembelian Data berita
Laporan
1. Kode kota Enter Text di kunci
Simpan |Logout|
2. Provinsi Enter Text
3. Nama kota Enter Text
4. KabKota Enter Text
5. Kode Telp Enter Text
Navigasi : 1. Klik “Logout” untuk menuju A0
2. Klik “Data Admin” untuk menuju ke A01 3. Klik “Data Konsumen” untuk menuju ke A02
4. Klik” Data produk” untuk menuju ke A03 5. Klik “Kategori” untuk menuju ke A04
6. Klik “Data Provinsi” untuk menuju A05 7. Klik “Data Kota” untuk menuju A06
8. Klik “Data Forwader” untuk menuju A07 9. Klik “Data ongkos kirim” untuk menuju A08
10. Klik “Data Pembelian” untuk menuju A09 11. Klik “Data Berita” untuk menuju A10
12. Klik “Data Laporan” untuk menuju A11 13. Klik “Kembali” untuk menuju A06
14. Klik “Simpan” untuk menuju A06
Gambar III.66 Form edit data kota
24. Form tambah data Forwader A23
A23
FOOTER Header
Data admin Data konsumen
Data produk Data kategori
|Kembali|
TAMBAH DATA FORWADER
Dashboard Data provinsi
Data kota Data forwader
Data ongkos kirim Data pembelian
Data berita Laporan
1.NAMA FORWADER Enter Text
Simpan |Logout|
2. ALAMAT FORWADER 3. TELEPON FORWADER
Enter Text Enter Text
4. STATUS Enter Text
Navigasi : 1. Klik “Logout” untuk menuju A0
2. Klik “Data Admin” untuk menuju ke A01 3. Klik “Data Konsumen” untuk menuju ke A02
4. Klik” Data produk” untuk menuju ke A03 5. Klik “Kategori” untuk menuju ke A04
6. Klik “Data Provinsi” untuk menuju A05 7. Klik “Data Kota” untuk menuju A06
8. Klik “Data Forwader” untuk menuju A07 9. Klik “Data ongkos kirim” untuk menuju A08
10. Klik “Data Pembelian” untuk menuju A09 11. Klik “Data berita” untuk menuju A10
12. Klik “Laporan” untuk menuju A11 13. Klik “Kembali” untuk menuju A07
14. Klik “Simpan” untuk menuju A07
Gambar III.67 Form tambah data Forwader
25. Form edit data Forwader A24
Gambar III.68 Form edit data Forwader
26. Form tambah data ongkos kirim A25
Gambar III.69 Form tambah data ongkos kirim
27. Form edit data ongkos kirim A26
Gambar III.70 Form edit data ongkos kirim
28. Form detail pembelian A27
Gambar III.71 Form detail pembelian
29. Form konfirmasi kirim status pengiriman A28
A28
FOOTER Header
Data admin Data konsumen
Data produk Data kategori
|Kembali|
Konfirmasi Kirim Dashboard
Data provinsi Data kota
Data forwader Data ongkos kirim
Data pembelian Data berita
Laporan
1.Pilih Jasa Pengiriman Kirim
|Logout|
2. Kode Pengiriman Enter Text
Enter Text no yang didapat dari jasa pengiriman
Navigasi : 1. Klik “Logout” untuk menuju A0
2. Klik “Data Admin” untuk menuju ke A01 3. Klik “Data Konsumen” untuk menuju ke A02
4. Klik” Data produk” untuk menuju ke A03 5. Klik “Kategori” untuk menuju ke A04
6. Klik “Data Provinsi” untuk menuju A05 7. Klik “Data Kota” untuk menuju A06
8. Klik “Data Forwader” untuk menuju A07 9. Klik “Data ongkos kirim” untuk menuju A08
10. Klik “Data Pembelian” untuk menuju A09 11. Klik “Data berita” untuk menuju A10
12. Klik “Laporan” untuk menuju A11
Gambar III.72 Form konfirmasi kirim satus pengiriman
30. Form edit berita A29
A29
FOOTER Header
Data admin Data konsumen
Data produk Data kategori
|Logout|
Data provinsi Data kota
Data forwader Data ongkos kirim
Data pembelian Data berita
Laporan
|Tambah|
JUDUL INFORMASI TERAKHIR UPDATE
ISI GAMBAR
Enter Text Enter Text di kunci
Enter Text di kunci Browse
Simpan
Navigasi : 1. Klik “Logout” untuk menuju A0
2. Klik “Data Admin” untuk menuju ke A01 3. Klik “Data Konsumen” untuk menuju ke A02
4. Klik” Data produk” untuk menuju ke A03 5. Klik “Kategori” untuk menuju ke A04
6. Klik “Data Provinsi” untuk menuju A05 7. Klik “Data Kota” untuk menuju A06
8. Klik “Data Forwader” untuk menuju A07 9. Klik “Data ongkos kirim” untuk menuju A08
10. Klik “Data Pembelian” untuk menuju A09 11. Klik “Data berita” untuk menuju A10
12. Klik “Laporan” untuk menuju A11 13 klik “Simpan” untuk menuju A10
Text Berita
EDIT BERITA
Gambar III.73 Form edit beria
IV.2.5.4. Antarmuka Super Admin
1. Form antarmuka login super admin SA0
SA0
Username Password
Login
Login Super Admin
Gambar III.74 Form antarmuka login super admin
2. Form antarmuka halaman super admin SA01
SA01
FOOTER Header
Menu Data konsumen
|Logout|
Selamat datang super Admin
Username Password
Email |Tambah|
Halaman 1 of n 1 n
Navigasi : 1. Klik “Logout” untuk menuju SA0
2. Klik “Data Admin” untuk menuju ke SA01 3 Klik “Tambah” untuk menuju ke SA02
3. Klik “Ubah” untuk menuju ke SA03 4. Klik” Hapus” untuk menuju ke SA01
Edit ubah
hapus
Gambar III.75 Form antarmuka halaman super admin
3. Form antarmuka tambah admin SA02
SA02
FOOTER Header
Menu Data konsumen
|Logout|
Selamat datang super Admin
Username Password
Email |Tambah|
Navigasi : 1. Klik “Logout” untuk menuju SA0
2. Klik “Data Admin” untuk menuju ke SA01 3 Klik “Tambah” untuk menuju ke SA02
3. Klik “Ubah” untuk menuju ke SA03 4. Klik” Hapus” untuk menuju ke SA01
Edit ubah
hapus 1. Username
2. Password 3. Email :
4. TELP : Enter Text
Enter Text Enter Text
Enter Text Tambah
Reset
Gambar III.76 Form antarmuka tambah admin
4. Form antarmuka edit admin SA02
SA03
FOOTER Header
Menu Data konsumen
|Logout|
Selamat datang super Admin
Username Password
Email |Tambah|
Navigasi : 1. Klik “Logout” untuk menuju SA0
2. Klik “Data Admin” untuk menuju ke SA01 3 Klik “Tambah” untuk menuju ke SA02
3. Klik “Ubah” untuk menuju ke SA03 4. Klik” Hapus” untuk menuju ke SA01
Edit ubah
hapus 1. Username
2. Password 3. Email :
4. TELP : Enter Text
Enter Text Enter Text
Enter Text Tambah
Reset
Gambar III.77 Form antarmuka edit admin
III.2.6. Struktur Menu
1. Struktur menu pengunjung
Index
Daftar Berita
Kontak Cara Beli
View Profil
Tambah
Gambar III.78 Struktur menu pengunjung
2. Struktur menu konsumen
Index
HIstori Kontak
Berita Keranjang
Belanja
Edit View
Tambah Produk
Kategori Ganti
pasword Logout
Detail
Gambar III.79 Struktur menu konsumen
3. Struktur menu admin
Gambar III.80 Struktur menu admin
III.2.7. Perancangan Pesan
Perancangan pesan yang terdapat pada sistem ini dapat dilihat pada gambar berikut :
III.2.7.1. Perancanga pesan pengunjung dan konsumen
Gambar III.81 Perancangan pesan konsumen
III.2.7.2. Perancanga pesan administrator
Gambar III.82 Perancangan pesan administrator
III.2.8. Jaringan Semantik
1. Jaringan semantik interface pengunjung
P02 P01
P03 P04
P05 P06
P07
P08
N02,N03,N04,NO5,NO6,N08, N09,N010,N011,N12,N13,N14
Gambar III.83 Jaringan semantic Interface pengunjung
2. Jaringan semantik interface konsumen
K02 K01
K06 K05
K06 K03
K07
K08 K10
K11
K04 K09
N17,N18 N20,N21,N22,
N23,N24,N25
N16,N19,N20
Gambar III.84 Jaringan semantik interface konsumen
3. Jaringan semantik interface konsumen
Gambar III.85 Jaringan semantik interface administrator
III.2.9. Procedural
1. Flowchart konsumen proses transaksi pembelian
Gambar III.86 Flowchart transaksi pembelian konsumen
2. Flowchart Admin dalam mengelola transaksi pembelian
Lihat order pemesanan pending
Cek saldo
Sudah Menerima
Uang
Ubah status pemesanan
Kirim Ke E-mail Pemberitahuan
Kirim pemesanan produk Start
Selesai Tidak
Gambar III.87 Flowchart Pengelolaan data pembelian
167
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM