Adapun perangakat lunak yang dibutuhkan dalam pembangunan aplikasi ini adalah :
a. Wamp server sebagai emulator Web Server
b.
Adobe Dreamweaver CS3 sebagai editor PHP c.
MySQL sebagai DBMS d.
web browser
3.1.5 Analisis Fungsional
3.1.5.1 Diagram Konteks
Diagram konteks merupakan alat untuk struktur analisis. pendekatan struktur ini untuk menggambarkan sistem secara garis besar atau secara keseluruhan. Pada
diagram konteks ini sistem informasi yang dibuat akan menghasilkan sumber informasi yang dibutuhkan dan tujuan yang ingin dihasilkan. Diagram konteks
dapat dilihat
pada gambar
3.6.
Aplikasi e-Commerce blackBox.Shop
admin
Pengunjung Member
Info login admin invalid Info admin
Info member,kategori Info kategori,barang
Info warna, ukuran Info detail barang
Info ongkir, berat Info kota, provinsi
Info detail pembelian Info transaksi pembayaran
Info konfirmasi pembayaran Info mata uang
Info laporan barang Info laporan penjualan
Data login admin Data admin
Data member Data kategori
Data barang Data warna,
data ukuran Data detail barang
Data ongkir,jenis pengiriman Data kota,provinsi
Data detail pembelian Data transaksi pembayaran
Data konfirmasi pembayaran Data mata uang
Request laporan barang Request laporan penjualan
Data barang Data pembelian
Cara pembayaran Data registrasi
Data Konfirmasi registrasi
Info barang Info cara pembelian
Info cara pembayaran Info cara registrasi
Info kontak Info konfirmasi registrasi
Data login member invalid Data member
Data kategori Data barang
Data detail pembelian Data konfirmasi pembayaran
Info terkirim Info retur
Info data login member invalid Info member
Info barang Info kategori
Info detail pembelian Info konfirmasi pembayaran
no. resi Data retur
Paypal
Info pembayaran Data pembayaran
Jasa pengiriman
Info barang No resi
Mail server Info konfirmasi registrasi,
info login member, info login admin,
info pembelian Info retur
Info email gagal dikirim
facebook Info situs
Gambar 3. 6 Diagram Konteks
3.1.5.2 Data Flow Diagram
Data Flow Diagram merupakan suatu media yang digunakan untuk menggambarkan aliran data yang mengalir pada suatu sistem informasi. DFD
Sistem informasi pemesanan dan penjualan yang diusulkan terdiri dari beberapa bagian, data flow diagram dapat dilihat pada gambar 3.7.
Info konfirmasi daftar member
Data masuk Member,
Data masuk admin
Cara transaksi Kontak
ToS
Data detail pembelian, data pembelian,
Data retur, Data detail retur
Info detail pembelian, Info pembelian,
Info retur, Info detailretur
1 daftar
4 Pengolahan Data
2 masuk
3 lupa
password
10 Pengolahan
data transaksi
6 Tampil
Keranjang belanja
12 Pengolahan
Laporan 5
pencarian 11
keluar
13 Tampil
bantuan 8
Tracking pengiriman
9 Tampil
history 7
pengaturan akun
admin pengunjung
member
paypal Jasa pengiriman
status data pembayaran request data pembayaran
Data barang, Data pembelian
info barang, info pembelian
data registrasi member, data konfirmasi info masuk member tidak valid
Data masuk member email member
Info reset password Data barang yang dicari
Info barang yang dicari Data barang
yang dicari
Info barang yang dicari
No resi Info terkirim
Info terkirim
Info Cara transaksi Info Kontak
Info ToS Keluar member
Info Cara transaksi Info Kontak
Info ToS Cara transaksi
Kontak ToS
Data kategori Data barang
Data warna Data bahan
Data barang detail Data kota
Data provinsi Data jenis pengiriman
Data berita info kategori
info barang info warna
info bahan info barang detail
info kota info provinsi
info jenis pengiriman info berita
Data jenis pembayaran,
Data status pesanan
Info transaksi Info reset password
email admin Data member
info member
data admin info admin
Data masuk admin info masuk admin tidak valid
Rekapitulasi penjualan, Data retur
Data pengadaan barang Laporan Penjualan
Laporan Pengadaan Barang Laporan Penyusutan
No resi Info terkirim
user
kategori barangdetail
kota
provinsi ongkir
bahan warna
Jenispengiriman pembelian
detailpembelian Info konfirmasi registrasi member
info masuk Member, admin tidak valid
data registrasi member,
data konfirmasi
Data member, Data admin
Data member, Data admin
info kota data kota
data warna Info warna
info ongkir data ongkir
info jenispengiriman data jenispengiriman
Info provinsi data provinsi
Info bahan Data bahan
Data barangdetail info barangdetail
info keranjang belanja data keranjang belanja
Data kategori info kategori
info pembelian data pembelian
data detailpembelian Info detailpembelian
data detailpembelian Info detailpembelian
data detailpembelian Info detailpembelian
retur Info retur
Data retur Data retur
detailretur Info retur
Data detailretur Info detailretur
Mail server Data konfirmasi registrasi,
Data login member, Data login admin,
Data transaksi Info daftar berhasil
Data transaksi No resi
Gambar 3. 7 Data Flow Diagram DFD Level 1 Aplikasi e-Commerce di Blackbox-shop
1. DFD Level 2 Proses 1
Diagram alir data pada level 2 proses 1 pengunjung mendaftar menjadi member terlihat pada gambar 3.8 :
1.2 aktivasi akun
1.1 input data
daftar user
pengunjung
Info aktifasi akun
data registrasi member data registrasi member,
Data captcha data registrasi member
Data aktifasi akun Info akun berhasil diaktifkan
Mail server
Info daftar berhasil
Data aktifasi akun
Gambar 3. 8 DFD Level 2 Proses 1 Daftar member
2. DFD Level 2 Proses 2
Diagram alir data pada level 2 proses 2 user yang akan masuk ke situs dapat dilihat pada gambar 3.9:
2.1 Input data
masuk
2.2 verifikasi
admin
member
Data masuk admin Data masuk admin,
Data masuk member Data masuk member
Data masuk admin tidak valid
Data masuk member tidak valid
user
Request data masuk member, Request data masuk admin
info data masuk member info data masuk admin
Masuk admin valid, Masuk member valid
Gambar 3. 9 DFD Level 2 Proses 2 masuk
3.
DFD
Level 2 Proses 4 Diagram alir pada level 2 proses 4 admin melakukan pengolahan data
yang ada di toko, selain data transaksi dan retur, dapat dilihat pada gambar 3.10:
Gambar 3. 10 DFD Level 2 Proses 4 Pengolahan Data
4.
DFD
Level 2 Proses 6 Diagram alir pada level 2 proses 6 member melakukan pengolahan data di
keranjang belanja, dapat dilihat pada gambar 3.11:
6.1 Tambah
keranjang belanja
6.2 ubah
keranjang belanja
6.3 checkout
Mail server Info pembelian
Gambar 3. 11 DFD Level 2 proses 6 Keranjang belanja
5.
DFD
Level 2 Proses 7 Diagram alir pada level 2 proses 7 user melakukan pengubahan data yang
berkaitan dengan dirinya, dapat dilihat pada gambar 3.12:
7.1 Ubah
biodata
7.2 Ubah
password admin
member user
Data admin yang akan diubah Masuk admin valid,
Masuk member valid
Masuk admin valid, Masuk member valid
Info admin yang telah diubah
Data member yang akan diubah info member yang telah diubah
info member behasil diubah info admin behasil diubah
info admin behasil diubah info admin behasil diubah
Data member yang akan diubah info member behasil diubah
Gambar 3. 12 DFD Level 2 Proses 7 Pengaturan akun
6. DFD Level 2 Proses 8
Diagram alir data pada level 2 proses 8 admin mengelola barang per kategori dapat dilihat pada gambar 3.13 :
Gambar 3. 13 DFD Level 2 Proses 8 Penampilan kategori barang
7.
DFD
Level 2 Proses 9 Diagram alir pada level 2 proses 9 member menampilkan histori belanja,
untuk lebih jelas, dapat dilihat pada gambar 3.14:
retur 9.1
Lihat detail pembelian
9.2 Konfirmasi
pembayaran
9.3 retur
detailpembelian
info pembelian data detailpembelian
konfirmasipembayaran
info konfirmasi pembayaran data konfirmasi pembayaran
info detailpembelian data retur
pembelian
Detailpembelian
Info retur data detailpembelian
datapembelian info detailpembelian
member
Request data detailpembelian info detailpembelian
Request data retur info retur
Request data konfirmasi pembayaran info konfirmasi pembayaran
info pembelian
pembelian
datapembelian
Mail server Info retur
Gambar 3. 14 DFD Level 2 Proses 9 history
8.
DFD
Level 2 Proses 10 Diagram alir pada level 2 proses 10 admin mengolah seluruh transaksi,
untuk lebih jelas, dapat dilihat pada gambar 3.15:
admin retur
10.1 Transaksi
penjualan
10.2 Konfirmasi
pembayaran
info detailpembelian
10.3 retur
10.4 Pengadaan
barang detailpembelian
pengadaanbarang
Request data detailpembelian
info pembelian data detailpembelian
konfirmasipembayaran
Request data konfirmasi pembayaran info konfirmasi pembayaran
Request data retur info retur
info pengadaan barang Request data pengadaan barang
info konfirmasi pembayaran data konfirmasi pembayaran
info detailpembelian data retur
data pengadaan barang info pengadaan barang
pembelian
Detailpembelian
Info retur data detailpembelian
datapembelian info detailpembelian
info pembelian
pembelian
datapembelian
barang
Data barang Info barang
Gambar 3. 15 DFD Level 2 Proses 10 Pengolahan data transaksi
9. DFD Level 2 Proses 12.0
Diagram alir data pada level 2 proses 12.0 admin mengolah data laporan dapat dilihat pada gambar 3.16 :
12.1 Laporan
penjualan
12.2 Laporan
pengadaan barang
12.3 Laporan
penyusutan admin
detailpembelian
Masuk admin valid Request data penjualan
Masuk admin valid
Masuk admin valid Info penjualan
Request data pengadaan barang info pengadaan barang
Request data penyusutan barang info penyusutan barang
pengadaanbarang
detailretur
Request data penyusutan barang
info penyusutan barang Request data pengadaan barang
info pengadaan barang Request data penjualan
info penjualan
Gambar 3. 16 DFD Level 2 Proses 12.0 Menampilkan bantuan
10. DFD Level 2 Proses 13.0
Diagram alir data pada level 2 proses 13.0 pengunjung dan member dapat menggunakan menu bantuan dapat dilihat pada gambar 3.17 :
Gambar 3. 17 DFD Level 2 Proses 13.0 Menampilkan bantuan
11.
DFD
Level 3 Proses 9.3 Diagram alir data pada level 3 proses 9.3 user melakukan pengolahan retur,
dapat dilihat pada gambar 3.18:
9.3.2 Pengolahan
Keranjang retur
retur
Data barang retur
member
9.3.1 produk retur
datailretur detailpembelian
Data barang retur Data pdetailembelian
Data barang retur Data barang retur
Data barang retur
9.3.3 Histori retur
Data barang retur
Data barang retur Masuk member valid
Masuk member valid
Masuk member valid
admin
Data barang retur
Gambar 3. 18 DFD Level 3 Proses 9.3 pengolahan retur
12.
DFD
Level 3 Proses 10.1 Diagram alir pada level 3 proses 10.1 admin melakukan pengolahan data
transaksi, dapat dilihat pada gambar 3.19:
Gambar 3. 19 DFD Level 3 Proses 10.1 Pengolahan data transaksi
13.
DFD
Level 3 Proses 12.1 Diagram alir data pada level 3 proses 12.1 admin mengelola laporan
penjualan, dapat dilihat pada gambar 3.20:
12.1.1 tampil
laporan penjualan
admin detailpembelian
Request data penjualan
12.1.2 Cetak PDF
12.1.3 pencarian
Info laporan penjualan
Laporan penjualan
Request laporan penjualan Cetak laporan penjualan
Info laporan ditemukan Data laporan yang dicari
Request data penjualan Info laporan penjualan
Info laporan penjualan
Cek data laporan yang dicari Data laporan ditemukan
Gambar 3. 20 DFD Level 3 Proses 12.1 Pengolahan laporan penjualan
14.
DFD
Level 3 Proses 12.2 Diagram alir data pada level 3 proses 12.2 admin mengelola laporan
pengadaan barang, dapat dilihat pada gambar 3.21:
12.2.1 tampil
laporan pengadaan
barang
admin pengadaanbarang
Request data pengadaan barang
12.2.2 Cetak PDF
12.2.3 pencarian
Info laporan pengadaan barang
Info laporan pengadaan barang
Request laporan pengadaan barang
Cetak laporan pengadaan barang
Info laporan ditemukan Data laporan yang dicari
Request data pengadaan barang
Info laporan pengadaan barang
Info laporan pengadaan barang
Cek data laporan yang dicari Data laporan ditemukan
Gambar 3. 21 DFD Level 3 Proses 12.2 Pengolahan laporan pengadaan barang
15.
DFD
Level 3 Proses 12.3
Diagram alir data pada level 3 proses 12.3 admin mengelola laporan penyusutan barang, dapat dilihat pada gambar 3.22:
12.3.1 tampil
laporan pengadaan
barang
admin retur
Request data penyusutan
12.3.2 Cetak PDF
12.3.3 pencarian
Info laporan penyusutan
Info laporan penyusutan
Request laporan penyusutan
Cetak laporan penyusutan
Info laporan ditemukan Data laporan yang dicari
Request data penyusutan Info laporan penyusutan
Info laporan penyusutan
Cek data laporan yang dicari Data laporan ditemukan
Gambar 3. 22 DFD Level 3 Proses 12.3 Pengolahan laporan penyusutan barang
16. DFD Level 3 Proses 4.1
Diagram alir data pada level 3 proses 4.1 admin mengelola data kategori seperti tambah, ubah, hapus, dapat lihat pada gambar 3.23:
Gambar 3. 23 DFD Level 3 Proses 4.1 Pengelolaan kategori
17. DFD Level 3 Proses 4.2
Diagram alir data pada level 3 proses 4.2 admin mengelola data barang seperti tambah, ubah, hapus dapat dilihat pada gambar 3.24 :
Gambar 3. 24 DFD Level 3 Proses 4.2 Pengelolaan barang
18. DFD Level 3 Proses 4.3
Diagram alir data pada level 3 proses 4.3 admin mengelola data provinsi seperti tambah, ubah, hapus dapat dilihat pada gambar 3.25 :
Gambar 3. 25 DFD Level 3 Proses 4.3 pengelolaan data provinsi
19. DFD Level 3 Proses 4.4
Diagram alir data pada level 3 proses 4.4 admin mengelola data kota seperti tambah, ubah, hapus dapat dilihat pada gambar 3.26 :
Gambar 3. 26 DFD Level 3 Proses 4.4 pengelolaan data kota
20. DFD Level 3 Proses 4.5
Diagram alir data pada level 3 proses 4.5 admin mengelola data jenis pengiriman seperti tambah, ubah, hapus dapat dilihat pada gambar 3.27 :
Gambar 3. 27 DFD Level 3 Proses 4.5 pengelolaan data kota
21. DFD Level 3 Proses 4.6
Diagram alir data pada level 3 proses 4.6 admin mengelola data ongkos kirim seperti tambah, ubah, hapus dapat dilihat pada gambar 3.28 :
Gambar 3. 28 DFD Level 3 Proses 4.6 pengelolaan data ongkos kirim
22. DFD Level 3 Proses 4.7
Diagram alir data pada level 3 proses 4.7 admin mengelola penghapusan data member dapat dilihat pada gambar 3.29 :
Gambar 3. 29 DFD Level 3 Proses 4.7 pengelolaan member
23. DFD Level 3 Proses 4.8
Diagram alir data pada level 3 proses 4.8 admin mengelola data bahan seperti tambah, ubah, hapus dapat dilihat pada gambar 3.30 :
Ubah bahan 4.8.2
Tambah bahan
4.8.1
Hapus bahan 4.8.3
bahan bahan
bahan
bahan bahan
bahan bahan
bahan bahan
bahan
bahan bahan
bahan bahan
Gambar 3. 30 DFD Level 3 Proses 4.8 Pengelolaan bahan
user
24. DFD Level 3 Proses 4.9
Diagram alir data pada level 3 proses 4.9 admin mengelola data warna seperti tambah, ubah, hapus dapat dilihat pada gambar 3.31 :
Gambar 3. 31 DFD Level 3 Proses 4.9 Pengelolaan data warna
25. DFD Level 3 Proses 4.10
Diagram alir data pada level 3 proses 4.10 admin mengelola data barang detail seperti tambah, ubah, hapus dapat dilihat pada gambar 3.32 :
Gambar 3. 32 DFD Level 3 Proses 4.10 pengelolaan detail barang
26. DFD Level 3 Proses 4.11
Diagram alir data pada level 3 proses 4.11 admin mengelola data rekening seperti tambah, ubah, hapus dapat dilihat pada gambar:
Gambar 3. 33 DFD Level 3 Proses 4.11 Pengelolaan rekening
3.1.6 Spesifikasi Proses
