Aplikasi Ecommerce Pada Idaiya Fashion
Admin Pelanggan
Pengunjung Data pendaftaran
Data produk yang akan dilihat, dicari Data detail produk yang akan dilihat
Data info yang akan dilihat Data kontak
Info pendaftaran valid Info pendaftaran invalid
Info produk Info detail produk
Info Kontak
Data login admin Data lupa password
Data admin yang akan diubah Data kategori yang akan ditambah, diubah, dihapus
Data produk yang akan ditambah, diubah, dihapus Data detail produk yang akan ditambah, diubah, dihapus
Data propinsi yang akan ditambah, diubah, dihapus Data kota yang akan ditambah, diubah, dihapus
Data kontak yang akan dibaca Data jasa pengiriman yang akan ditambah, diubah, dihapus
Data shipping yang akan ditambah, diubah, dihapus Data pelanggan yang akan diubah statusnya
Data laporan penjualan yang akan dicetak
Info login admin invalid Info lupa password
Info admin yang telah diubah Info kategori yang telah ditambah, diubah, dihapus
Info produk yang telah ditambah, diubah, dihapus Info detail produk yang telah ditambah, diubah, dihapus
Info propinsi yang telah ditambah, diubah, dihapus Info kota yang telah ditambah, diubah, dihapus
Info kontak yang telah dibaca Info jasa pengiriman yang telah ditambah,diubah, dihapus
Info shipping yang telah ditambah, diubah, dihapus Info pelanggan yang telah diubah statusnya
Info laporan transaksi yang telah dicetak Data login member
Data lupa password Data pelanggan yang akan diubah
Data kategori yang akan dilihat Data produk yang akan dilihat, dipesan
Data detail produk yang akan dilihat, dipesan Data pembelian yang akan ditambah, diubah, dihapus
Data jasa pengiriman yang akan dipilih Data pembayaran
Data konfirmasi
Info login invalid Info lupa password
Info pelanggan yang telah diubah Info kategori
Info produk Info detail produk
Info pembelian yang telah ditambah, diubah, dihapus Info jasa pengiriman yang telah dipilih
Info pembayaran Info konfirmasi
Jasa pembayaran
Status pembayaran Data pembayaran
Webmail
D at
a akt
ivasi pendaf
tar an
Inf o
akt ivasi
pr n
daf tar
an
Jasa pengiriman
Info shipping
Data shipping
Klik BCA
Inf o
kur s
Jejaring Sosial
D at
a pr
od uk
In fo
pr o
duk
Gambar 3.4. Diagram Konteks website E-commerce di Idaiya Fashion
3.1.6.2. Data Flow Diagram
Data Flow Diagram merupakan suatu media yang digunakan untuk
menggambarkan aliran data yang mengalir pada suatu sistem informasi. Dalam Data Flow Diagram DFD terdiri dari entitas luar, aliran data,
proses, dan penyimpanan data. Adapun Data Flow Diagram dari Pembangunan Aplikasi Ecommerce di Idaiya Fashion adalah sebagai
berikut:
1. DFD Level 1
Berikut ini adalah DFD level 1 dari sistem yang akan dibangun yang dapat dilihat pada gambar 3.5.
1. Pendaftaran
pelanggan webmail
pengunjung 4.
Pengolahan data admin
admin 2.
Masuk
3. Ubah akun
admin
8. Pengolahan
data transaksi 9.
Pengolahan data laporan
6. Pengolahan
data pemesanan
transaksi
biaya kirim 7.
Lihat riwayat transaksi
detail transaksi 13.
Pengolahan data retur
pelanggan 10.
Pencarian
12. Lihat produk
Jasa pembayaran
11. Pengolahan
data kontak
5. Pengolahan
data master
kategori produk
propinsi kota
kontak
detail produk retur
jasa Data pelanggan
Data daftar pelanggan Info daftar pelanggan
Data aktivasi akun Info aktivasi akun berhasil
Data pelanggan
Data admin
Data admin Data
admin
Data kontak
Data pelanggan
Data pelanggan
Data admin
Data admin
Data admin Info data admin
berhasil diubah In
fo m
a su
k in
va lid
Da ta
m a
su k
Data masuk Info masuk invalid
Info pembelian
Data retur Info retur
Data retur Data retur
Da ta
p e
n ca
ria n
In fo
p e
n ca
ria n
D a
ta p
ro d
u k
In fo
p ro
d u
k Info kontak
Data kontak
Data pembayaran
Info pembayaran
D a
ta in
vo ice
D a
ta in
vo ice
D a
ta in
vo ice
Da ta
i n
vo ice
In fo
p ro
d u
k Data produk
Info pesanan temp. Data pesanan temp.
Data pelanggan Info pelanggan berhasil diubah
In fo
in vo
ice ,
in fo
tra n
sa ksi
D a
ta in
vo ice
, d a
ta tra
n sa
ksi
Data pengiriman
Data pesanan temp. Data pesanan temp.
Data detail produk Da
ta d
e ta
il p
ro d
u k
Data kontak Data kontak
Info kategori Info produk
Info detail produk Info detail pembelian
Info propinsi Info kota
Info biaya kirim Info kontak
Info jasa Info pelanggan
Data kategori Data produk
Data detail produk Data detail pembe;ian
Data propinsi Data kota
Data biaya kirim Data kontak
Data jasa Data pelanggan
Data transaksi Info transaksi
Data laporan penjualan Info laporan penjualan
Data detail produk Data detail produk
D a
ta d
e ta
il p e
m b
e lia
n
Data detail transaksi Data detail transaksi
Data produk
Data produk Data invoice
Data kategori
Data produk Data produk
Data kategori Data kategori
Data propinsi Data propinsi
Data kota Data kota
Data kota Data jasa
Data jasa Data invoice
Jasa pengiriman
Data biaya kirim Data biaya kirim
Data biaya kirim Data biaya kirim
Klik BCA Info kurs
Gambar 3.5. Data Flow Diagram Level 1
2. DFD Level 2 Proses 1 Pendaftaran
Diagram alir data pada level 2 proses 1 pendaftaran adalah sebagai berikut seperti pada gambar 3.6.
1.1 Input Data
Pendaftaran
Pengunjung pelanggan
1.2 Aktivasi
Akun Data pendaftaran pelanggan
Data pendaftaran pelanggan
Data login pelanggan Data login pelanggan
Data pendaftaran pelanggan
Info data pendaftaran pelanggan
Info aktivasi akun berhasil Data aktivasi akun
Webmail Data aktivasi
akun Info aktivasi akun
berhasil
Gambar 3.6. DFD Level 2 Proses 1 Pendaftaran
3. DFD Level 2 Proses 2 Pengolahan Data Masuk
Diagram alir data pada level 2 proses 2 pengolahan data masuk adalah sebagai berikut seperti pada gambar 3.7.
Admin
2.1 Input Data
Masuk 2.3
Lupa Password
admin
2.2 Verifikasi
Masuk
pelanggan Pelanggan
Info password baru Data password baru
Data admin Data username
Data username Data
password Data password
Info masuk admin invalid
Masuk admin valid Masuk pelanggan
valid Data masuk admin
Data masuk pelanggan Data username
Data password Data password
Info masuk pelanggan invalid Data username
Data pelanggan Data password baru
Info password baru
Gambar 3.7. DFD Level 2 Proses 2 Pengolahan Data Masuk
4. DFD Level 2 Proses 3 Ubah Akun
Diagram alir data pada level 2 proses 3 ubah akun adalah sebagai berikut seperti pada gambar 3.8.
pelanggan
3.1 Ubah Profil
Pelanggan
Admin 3.2
Ganti Password
admin Data pelanggan
berhasil diubah
Data pelanggan yang akan diubah
Info data pelanggan berhasil diubah
Data pelanggan yang akan diubah
Info data admin berhasil diubah
Data admin yang akan diubah Data admin yang akan diubah
Data admin berhasil diubah
Data password baru Data password berhasil diubah
Data password berhasil diubah Data password baru admin
Info password berhasil diubah Data password
berhasil diubah Data password baru pelanggan
Masuk valid
Masuk valid
Gambar 3.8. DFD Level 2 Proses 3 Ubah Akun
5. DFD Level 2 Proses 4 Pengolahan Data Admin
Diagram alir data pada level 2 proses 3 pengolahan data admin adalah sebagai berikut seperti pada gambar 3.8.
4.1 Tambah
Admin 4.2
Hapus Admin
admin
Admin Data admin
Data admin Data admin
Info admin berhasil ditambah Data admin
Info admin berhasil dihapus
Masuk valid Masuk valid
Gambar 3.9. DFD Level 2 Proses 4 Pengolahan Data Admin
6. DFD Level 2 Proses 5 Pengolahan Data Master
Diagram alir data pada level 2 proses 5 pengolahan data master adalah sebagai berikut seperti pada gambar 3.10.
Admin 5.1
Pengolahan data kategori
5.2 Pengolahan
data produk
5.3 Pengolahan
data propinsi 5.4
Pengolahan data kota
5.6 Pengolahan
data biaya kirim
5.7 Pengolahan
detail transaksi 5.8
Pengolahan data
pelanggan
5.5 Pengolahan
data jasa kategori
produk
propinsi
kota jasa
biaya kirim detail
transaksi
detail produk pelanggan
Data kategori Info kategori
Data kategori Data kategori
Info produk Data produk
Data produk Data produk
Data kategori Data kategori
Data propinsi In
fo p
ro p
in s
i Data propinsi
Data propinsi D
a ta
k o
ta In
fo k
o ta
Data propinsi Data kota
Data kota Data jasa
Info jasa
Data jasa Data jasa
Data biaya kirim Info biaya kirim
Data kota Data biaya kirim
Data biaya kirim Data detail transaksi
Info detail transaksi Data detail transaksi
Data detail transaksi
Da ta
p e
la n
g g
a n
In fo
p e
la n
g g
a n
Data pelanggan Data pelanggan
Data detail produk Data detail produk
Masuk valid
Masuk valid
Masuk valid
Masuk valid Masuk valid
Masuk valid Masuk valid
Masuk valid
Data jasa
Gambar 3.10. DFD Level 2 Proses 5 Pengolahan Data Master
7. DFD Level 2 Proses 6 Pengolahan Data Pemesanan
Diagram alir data pada level 2 proses 6 pengolahan data pemesanan adalah sebagai berikut seperti pada gambar 3.11.
6.1 Belanja lagi
6.2 Ubah jumlah
Pengunjung Pelanggan
6.3 Hapus
pesanan jasa
6.4 Pengolahan
data pengiriman
biaya kirim
6.5 Selesai
detail produk
pembelian
detail transaksi
Webmail Info pesanan temp.
Data pesanan temp.
Info pesanan temp. Data pesanan temp.
Info pesanan temp. Data pesanan temp.
Info pesanan temp. berhasil ditambah Data pesanan temp.
Data detail produk Data pesanan temp.
Data pesanan temp. Info pesanan temp.
Data jasa pengiriman Data biaya kirim
Data pesanan temp. Info pesanan temp.
dihapus Info data pengiriman
Data pengiriman Data pesanan temp.
Data pesanan temp. Data pesanan temp.
Data pesanan temp.
Data invoice Data invoice
Info pesanan Data transaksi, data invoice
Info transaksi, info invoice Data detail produk
Masuk valid
Masuk valid
Masuk valid Masuk valid
Masuk valid
Gambar 3.11. DFD Level 2 Proses 6 Pengolahan Data Pemesanan
8. DFD Level 2 Proses 7 Lihat Riwayat Transaksi
Diagram alir data pada level 2 proses 7 lihat riwayat transaksi adalah sebagai berikut seperti pada gambar 3.12.
7.1 Lihat detail
7.2 Konfirmasi
pembayaran
7.3 Batalkan
pesanan Pelanggan
Jasa pembayaran
detail transaksi Data invoice
Info invoice Data invoice
Info invoice Data invoice
Data invoice Data invoice
Data invoice Data invoice
Data invoice Info invoice
Masuk valid
Masuk valid
Masuk valid Klik BCA
Info kurs
Gambar 3.12. DFD Level 2 Proses 7 Lihat Riwayat Transaksi
9. DFD Level 2 Proses 8 Pengolahan Data Transaksi
Diagram alir data pada level 2 proses 8 pengolahan data transaksi adalah sebagai berikut seperti pada gambar 3.13.
Admin 8.1
Cari transaksi
8.2 Konfirmasi
Transaksi
8.3 Hapus
transaksi Webmail
detail transaksi Cari data transaksi
Info cari transaksi Data invoice
Data invoice Data invoice
Info pesanan Info transaksi
Data transaksi
Data transaksi Info transaksi
Data invoice Masuk valid
Masuk valid
Masuk valid
Gambar 3.13. DFD Level 2 Proses 8 Pengolahan Data Transaksi
10. DFD Level 2 Proses 9 Pengolahan Data Laporan
Diagram alir data pada level 2 Proses 9 pengolahan data laporan adalah sebagai berikut seperti pada gambar 3.14.
9.1 Laporan
penjualan harian
9.2 Laporan
penjualan bulanan
9.3 Laporan
penjualan tahunan
Admin detail transaksi
Data invoice
Data invoice
Data invoice Data laporan
Info laporan Data laporan
Info laporan
Data laporan Info laporan
Masuk valid
Masuk valid
Masuk valid
Gambar 3.14. DFD Level 2 Proses 9 Pengolahan Data Laporan
11. DFD Level 2 Proses 10 Pencarian
Diagram alir data pada level 2 Proses 10 pencarian adalah sebagai berikut seperti pada gambar 3.15.
Pelanggan 10.1
Cari berdasarkan
nama produk Pengunjung
produk kategori
10.2 Cari
berdasarkan kategori
Data produk Data produk
Data produk Data produk
Data produk Data produk
Data kategori Data produk
Info produk Data produk
Info produk
Gambar 3.15. DFD Level 2 Proses 10 Pencarian
12. DFD Level 2 Proses 12 Lihat Produk
Diagram alir data pada level 2 Proses 12 lihat produk adalah sebagai berikut seperti pada gambar 3.16.
12.1 Lihat produk
terlaris Pelanggan
Pengunjung
12.2 Lihat produk
terfavorit detail produk
produk
12.3 Lihat produk
diskon Data produk terlaris
Data produk terlaris
Info produk terlaris Info produk terlaris
Data produk terfavorit Info produk terfavorit
Info produk terfavorit Data produk terfavorit
Data detail produk Data detail produk
Data produk
Data produk
Data detail produk Info produk diskon
Data produk diskon
In fo
p rod
u k
d isk
o n
D a
ta p
ro d
u k
d is
k o
n
Gambar 3.16. DFD Level 2 Proses 12 Lihat Produk
13. DFD Level 2 Proses 13 Pengolahan Data Retur
Diagram alir data pada level 2 proses 13 pengolahan data returadalah sebagai berikut seperti pada gambar 3.17.
13.1 Kirim retur
13.2 Konfirmasi
retur Pelanggan
Admin retur
Webmail Data retur
Info retur Data retur
Data retur
Info retur Info retur
Data retur Masuk valid
Masuk valid
Gambar 3.17. DFD Level 2 Proses 13 Pengolahan Data Retur
14. DFD Level 3 Proses 5.1 Pengolahan Data Kategori
Diagram alir data pada level 3 proses 5.1 pengolahan data kategori adalah sebagai berikut seperti pada gambar 3.18.
5.1.1 Tambah
Kategori
5.1.2 Ubah
Kategori
5.1.3 Hapus
Kategori Admin
kategori Data kategori
Data kategori
Data kategori Data kategori
Data kategori Data kategori
Data kategori Info kategori
Data kategori Info kategori
Data kategori Info kategori
Masuk valid
Masuk valid
Masuk valid
Gambar 3.18. DFD Level 3 Proses 5.1 Pengolahan Data Kategori
15. DFD Level 3 Proses 5.2 Pengolahan Data Produk
Diagram alir data pada level 3 proses 5.2 pengolahan data produk adalah sebagai berikut seperti pada gambar 3.19.
5.2.1 Tambah
Produk
5.2.2 Ubah
Produk
5.2.3 Hapus
Produk Admin
produk Data produk
Data produk
Data produk Data produk
Data produk Data produk
Data produk Info produk
Data produk Info produk
Data produk Info produk
detail produk Data detail produk
Data detail produk
Data detail produk Masuk valid
Masuk valid
Masuk valid
Gambar 3.19. DFD Level 3 Proses 5.2 Pengolahan Data Produk
16. DFD Level 3 Proses 5.3 Pengolahan Data Propinsi
Diagram alir data pada level 3 proses 5.3 pengolahan data propinsi adalah sebagai berikut seperti pada gambar 3.20.
5.3.1 Tambah
Propinsi
5.3.2 Ubah
Propinsi
5.3.3 Hapus
Propinsi Admin
propinsi Data propinsi
Data propinsi
Data propinsi Data propinsi
Data propinsi Data propinsi
Data propinsi Info propinsi
Data propinsi Info propinsi
Data propinsi Info propinsi
Masuk valid
Masuk valid
Masuk valid
Gambar 3.20. DFD Level 3 Proses 5.3 Pengolahan Data Propinsi
17. DFD Level 3 Proses 5.4 Pengolahan Data Kota
Diagram alir data pada level 3 proses 5.4 pengolahan data kota adalah sebagai berikut seperti pada gambar 3.21.
5.4.1 Tambah
Kota
5.4.2 Ubah
Kota
5.4.3 Hapus
Kota Admin
kota Data kota
Data kota
Data kota Data kota
Data kota Data kota
Data kota Info kota
Data kota Info kota
Data kota Info kota
propinsi Data propinsi
Masuk valid
Masuk valid
Masuk valid
Gambar 3.21. DFD Level 3 Proses 5.4 Pengolahan Data Kota
18. DFD Level 3 Proses 5.5 Pengolahan Data Jasa
Diagram alir data pada level 3 proses 5.5 pengolahan data jasa adalah sebagai berikut seperti pada gambar 3.22.
5.5.1 Tambah
Jasa
5.5.2 Ubah
Jasa
5.5.3 Hapus
Jasa Admin
jasa Data jasa
Data jasa
Data jasa Data jasa
Data jasa Data jasa
Data jasa Info jasa
Data jasa Info jasa
Data jasa Info jasa
Masuk valid
Masuk valid
Masuk valid
Gambar 3.22. DFD Level 3 Proses 5.5 Pengolahan Data Jasa
19. DFD Level 3 Proses 5.6 Pengolahan Data Biaya Kirim
Diagram alir data pada level 3 proses 5.6 pengolahan data biaya kirim adalah sebagai berikut seperti pada gambar 3.23.
5.6.1 Tambah
biaya kirim 5.6.2
Ubah biaya kirim
5.6.3 Hapus
biaya kirim Admin
biaya kirim Data biaya kirim
Data biaya kirim
Data biaya kirim Data biaya kirim
Data biaya kirim Data biaya kirim
Data biaya kirim Info biaya kirim
Data biaya kirim Info biaya kirim
Data biaya kirim Info biaya kirim
kota Data kota
Masuk valid Masuk valid
Masuk valid jasa
Data jasa
Gambar 3.23. DFD Level 3 Proses 5.6 Pengolahan Data Biaya Kirim
20. DFD Level 3 Proses 5.8 Pengolahan Data Pelanggan
Diagram alir data pada level 3 proses 5.8 pengolahan data pelanggan adalah sebagai berikut seperti pada gambar 3.24.
5.8.1 Cari
pelanggan 5.8.2
Hapus pelanggan
Admin pelanggan
Data pelanggan
Data pelanggan Data pelanggan
Info pelanggan
Data pelanggan Info pelanggan
Masuk valid
Masuk valid
Gambar 3.24. DFD Level 3 Proses 5.8 Pengolahan Data Pelanggan
21. DFD Level 3 Proses 6.4 Pengolahan Data Pengiriman
Diagram alir data pada level 3 proses 6.4 menjelaskan pengolahan data pengiriman sebagai berikut seperti pada gambar 3.25.
6.4.1 Pilih jasa
pengiriman
6.4.2 Tentukan
pengiriman alamat sendiri
6.4.3 Tentukan
pengiriman alamat lain
Pelanggan jasa
biaya kirim detail transaksi
Info pengiriman Data pengiriman
Data jasa Data invoice
Data invoice Data biaya kirim
Data biaya kirim Data invoice
Info pengiriman Data pengiriman
Data pengiriman Info pengiriman
Masuk valid
Masuk valid
Masuk valid
Gambar 3.25. DFD Level 3 Proses 6.4 Pengolahan Data Pengiriman
22. DFD Level 3 Proses 7.2 Konfirmasi Pembayaran
Diagram alir data pada level 3 proses 7.2 konfirmasi pembayaran adalah sebagai berikut seperti pada gambar 3.26.
7.2.1 Pembayaran
dengan paypal
7.2.2 Pembayaran
dengan transfer antar
bank Pelanggan
detail transaksi Jasa
pembayaran Data invoice
Info invoice Data invoice
Data invoice Data invoice
Info invoice
Info invoice Data invocie
Masuk valid
Masuk valid
7.2.3 Pembayaran
dengan transfer tunai
Masuk valid Info invoice
Data invocie Data invoice
Gambar 3.26. DFD Level 3 Proses 7.2 Konfirmasi Pembayaran
23. DFD Level 3 Proses 8.1 Cari Transaksi
Diagram alir data pada level 3 proses 8.1 cari transaksi adalah sebagai berikut seperti pada gambar 3.27.
8.1.1 Cari status
pesan
8.1.2 Cari status
terbayar
8.1.3 Cari status
kirim
8.1.4 Cari status
diterima Admin
detail transaksi Data status pesanan
Info status pesanan
Info status pesanan Data status pesanan
Data invoice
Data invoice
Data status pesanan Info status pesanan
Info status pesanan Data status pesanan
Data invoice
Data invoice Masuk valid
Masuk valid
Masuk valid
Masuk valid
Gambar 3.27. DFD Level 3 Proses 8.1 Cari Transaksi
24. DFD Level 3 Proses 8.2 Konfirmasi Transaksi
Diagram alir data pada level 3 proses 8.2 konfirmasi transaksi adalah sebagai berikut seperti pada gambar 3.28.
8.2.1 Konfirmasi
pembayaran
8.2.2 Konfirmasi
produk dikirim Admin
Webmail detail transaksi
Data pembayaran Info pembayaran
Data invoice Data invoice
Info pesanan
Info pesanan Data pengiriman produk
Info pengiriman produk Data invoice
Data invoice Masuk valid
Masuk valid
Gambar 3.28. DFD Level 3 Proses 8.2 Konfirmasi Transaksi
25. DFD Level 3 Proses 9.1 Laporan Penjualan Harian
Diagram alir data pada level 3 proses 9.1 laporan penjualan harian adalah sebagai berikut seperti pada gambar 3.29.
9.1.1 Cari laporan
penjualan harian
9.1.2 Lihat laporan
penjualan harian
9.1.3 Hapus laporan
penjualan harian
9.1.4 Download
laporan penjualan
harian Admin
detail transaksi Data laporan
Info laporan
Data laporan Info laporan
Info laporan Data laporan
Data laporan Info laporan
Data invoice
Data invoice
Data invoice
Data invoice
Masuk valid
Masuk valid
Masuk valid
Masuk valid
Gambar 3.29. DFD Level 3 Proses 9.1 Laporan Penjualan Harian
26. DFD Level 3 Proses 9.2 Laporan Penjualan Bulanan
Diagram alir data pada level 3 proses 9.2 laporan penjualan bulanan adalah sebagai berikut seperti pada gambar 3.30.
9.2.1 Cari laporan
penjualan bulanan
9.2.2 Lihat laporan
penjualan bulanan
9.2.3 Hapus laporan
penjualan bulanan
9.2.4 Download
laporan penjualan
bulanan Admin
detail transaksi Data laporan
Info laporan
Data laporan Info laporan
Info laporan Data laporan
Data laporan Info laporan
Data invoice
Data invoice
Data invoice
Data invoice
Masuk valid
Masuk valid
Masuk valid
Masuk valid
Gambar 3.30. DFD Level 3 Proses 9.2 Laporan Penjualan Bulanan
27. DFD Level 3 Proses 9.3 Laporan Penjualan Tahunan
Diagram alir data pada level 3 proses 9.3 laporan penjualan tahunan adalah sebagai berikut seperti pada gambar 3.31.
9.3.1 Cari laporan
penjualan tahunan
9.3.2 Lihat laporan
penjualan tahunan
9.3.3 Hapus laporan
penjualan tahunan
9.3.4 Download
laporan penjualan
tahunan Admin
detail transaksi Data laporan
Info laporan
Data laporan Info laporan
Info laporan Data laporan
Data laporan Info laporan
Data invoice
Data invoice
Data invoice
Data invoice
Masuk valid
Masuk valid
Masuk valid
Masuk valid
Gambar 3.31. DFD Level 3 Proses 9.3 Laporan Penjualan Tahunan
3.1.6.3. Spesifikasi Proses