3.3 Perancangan Sistem
Perancangan sistem merupakan bagian dari metedologi penelitian pengembangan suatu perangkat lunak yang dilakukan setelah tahap analisis.
Perancangan bertujuan untuk memberikan gambaran secara terperinci. Perancangan sistem diharapkan dapat memecahkan permasalahan yang ada.
Tahapan ini menyangkut mengkonfirmasi dari komponen-komponen perangkat lunak dan perangkat keras dari suatu sistem sehingga setelah instalasi
dari sistem akan benar-benar memuaskan dari rancang bangun yang telah ditetapkan pada akhir tahap analisis sistem.
3.3.1 Diagram Konteks
Untuk membatasi sistem yang menunjukan adanya interaksi sistem dengan komponen luar sistem, maka perlu dibuat diagram konteks yang merupakan suatu
diagram yang menggambarkan sistem dalam satu lingkungan dan hubungan dengan entitas luar. Diagram konteks dari sistem yang diusulkan yaitu :
Aplikasi E-Commerce Barcelona Sport
Member Operator
Data Login Member Request Data Produk
Info Invalid Login Info Pesanan
Info Detail Pesanan Info Pembayaran
Request Data Kategori Data Produk
Data Kategori Data Pesanan
Data Detail Pesanan Data Pembayaran
Info Login Invalid Info Kategori
Info Pesanan Info Detail Pesanan
Info Pembayaran Info Produk
Pengunjung
Data Pesanan
Info Produk Data Detail Pesanan
Data Pembayaran
Info Kategori Request Data Produk
Request Data Kategori Info Produk
Info Kategori Data Login Operator
Administrator
Data Operator Info Invalid Administrator
Info Operator
Data User Info User
Data Login Administrator
Gambar 3.3 Diagram konteks
3.3.2 Data Flow Diagram DFD
Data Flow Diagram merupakan suatu media yang digunakan untuk
menggambarkan aliran data yang mengalir pada suatu sistem informasi. Berikut data flow diagram
selengkapnya :
1. DFD Level 0
Member 1
Login Data Login
Info Login Invalid Member
Info Login Invalid
Operator Data Login
Pegawai
Info Login Invalid Data Login
Info Login Invalid
3 Pengolahan
Data Master Produk
Login Valid Data Produk
Data Kategori Data Kota
Data Provinsi Data Pesanan
Data stok Detail Pesanan
Kategori Kota
Data Produk
Info Produk Info Kategori
Info Kota Info Provinsi
Info Pesanan Info stok
Info Detail Pesanan Data Kategori
Info Kategori Data Kota
Info Kota
4 Belanja
Pesanan Detail Pesanan
Data Pesanan Info Pesanan
Data Detail Pesanan Info Detail Pesanan
Data Pesanan Data Detail Pesanan
Data Pesanan Info Pesanan
Data Detail Pesanan Info Detail Pesanan
Konfirmasi Pesanan
5 View Data
Request Data Produk Request Data Kategori
Pengunjung Request Data Produk
Request Data Kategori Info Kategori
Info Produk Info Produk
Info Kategori Info Produk
Info Kategori
6 Cari Produk
Request Data Produk Request Data Kategori
Info Produk Info Kategori
Info Produk Info Kategori
Info Pembayaran Info Pembayaran
Data Pembayaran Info Operator
Data Operator 7
Pengolahan Data Operator
Info Operator Login Valid
Info Operator
Administrator 2
Registrasi Data Member
Info Member Info Member
Pembayaran
Request data kategori Info Kategori
Request Data Produk Info Produk
Request data kota Info Kota
Bank Info Pembayaran
Data Pembayaran Info Login Invalid
Data Login Data Operator
Info Login Invalid
Provinsi Data Provinsi
Info Produk Info Provinsi
Request Data Kategori Request Data Produk
Data Login Data Member
Keranjang Data Keranjang
Info Keranjang
Info keranjang Data keranjang
Sub_produk Info stok
Data stok
9 Komentar
8 Laporan
Komentar_produk Info Komentar
Data Komentar Data Operator
Data Login Data Login
Request Data Produk Request Data Kategori
Data Laporan Pesanan Info Laporan Pesanan
Info Laporan Pesanan Data Laporan Pesanan
Info Komentar Data Komentar
Info login invalid
Data Pembayaran
Gambar 3.4 DFD level 0
2.
DFD Level 1 Proses 1 Login
1.1 Verifikasi
Username
1.2 Verifikasi
password Operator
Member Data Login Operator
Info Login Invalid Data Login Member
Info Login Invalid
Member
Pegawai Data Login Administrator
Data Login Operator Info Login Administrator
Info Login Operator Data Login Member
Info Login Member
Login Valid
Login Valid Info Login invalid
Info Login Invalid Administrator
Data Login Administrator Info Login Invalid
Info Login invalid
1.3 Lupa
Password Data Member
Data Member
Info Member Info Member
Gambar 3.5 DFD level 1 proses 1 login
3. DFD level 1 Proses 3 Pengolahan Data Master
3.4 Pengolahan
Transaksi 3.3
Pengolahan Data Kota
Operator
Pesanan Kota
Info Kota
Data Pesanan Data Member
Data Produk Data Pembayaran
Info Pesanan Info Member
Info Produk Info Pembayaran
Info Kota Data Kota
Info Pesanan
Data Pesanan 3.1
Pengolahan Data Produk
Produk Info Produk
Data Produk
Data Produk Data Kategori
Data Stok Data Ukuran
Info Produk Info Kategori
Info Stok Info Ukuran
3.2 Pengolahan
Data Kategori Data Kategori
Info Kategori Kategori
Data Kategori Info Kategori
Data Kategori Info Kategori
Member Data Member
Info Member
Pembayaran Data Pembayaran
Info Pembayaran 3.5
Pengolahan Data Provinsi
provinsi
Data Provinsi Info Provinsi
Data Provinsi
Info Provinsi Login valid
Data Kota Info Provinsi
Data Provinsi Data Provinsi
Info Produk
Data Produk Info Provinsi
Sub_produk Info Stok
Info Ukuran Data Stok
Data Ukuran
Gambar 3.6 DFD level 1 proses 3 pengolahan data master
4. DFD level 1 Proses 4 Belanja
4.2 Pilih Produk
4.3 Ubah
Detail_Pesanan
4.4 Isi Data
Pembayaran 4.5
Pengolahan Data
Pembayaran Member
Pesanan Request Data Produk
Info Produk
Data Detail_Pesanan Data Pembayaran
Data Pembayaran
Info Pembayaran Data Pesanan
Detail_Pesanan Info Detail_Pesanan
Info Pesanan
Data Detail_Pesanan Data detail_pesanan
Info Produk
Info detail_pesanan
Info Pembayaran Data Pembayaran
Produk Info Produk
Request Data Produk
Data Detail_Pesanan Info Detail_Pesanan
Pembayaran Info Pembayaran
Data Pembayaran
Bank Info Bank
Data Bank 4.1
Cari Produk Data Produk
Info Produk Data Produk
Info Produk
Operator Data Pembayaran
Info Pembayaran
Gambar 3.7 DFD level 1 proses 4 belanja
5. DFD level 1 proses 7 Pengolahan Data Operator
7.1 Tambah
Operator
7.2 Ubah Operator
Administrator Operator
Data Operator Info Operator
Data Operator Info Operator
Data Operator Info Operator
Data Operator Info Operator
7.4 Cari Operator
Data Operator Info Operator
Data Operator Info Operator
Gambar 3.8 DFD level 1 proses 7 pengolahan data operator
6. DFD level 1 proses 8 Laporan
8.1 Lihat laporan
pesanan
8.2 Cetak laporan
pesanan Pesanan
Admin Data Pesanan
Info Pesanan
Info Pesanan
Data Pesanan Data Pesanan
Info Pesanan
Data Pesanan Info Pesanan
Gambar 3.9 DFD level 1 proses 8 Laporan
7. DFD level 1 proses 9 Komentar
9.1 Lihat
Komentar
9.2 Tambah
Komentar Admin
Pelanggan Komentar
Info Komentar
Data Komentar Data Komentar
Info Komentar
Data Komentar Info Komentar
Data Komentar Info Komentar
Info Komentar Data Komentar
Data Komentar Info Komentar
Gambar 3.10 DFD level 1 proses 9 Komentar
8.
DFD level 2 proses 3.1. Pengolahan Data Produk
3.1.1 Tambah
Produk
3.1.2 Ubah Produk
3.1.3 Hapus Produk
Operator
Produk Data Produk
Data Kategori Info Produk
Info Kategori Data Produk
Info Produk Data Produk
Data Kategori Info Produk
Info Kategori Info Produk
Data Produk Data Kategori
Info Produk Info Kategori
Info Produk Data Produk
3.1.4 Cari Produk
Info Produk Data Produk
Data Produk Data Kategori
Info Produk Info Kategori
Kategori Info Kategori
Data Kategori
Data Produk Info Kategori
Data Kategori
Info Kategori Data Kategori
Info Kategori Data Kategori
Gambar 3.11 DFD level 2 proses 3.1. Pengolahan Data Produk
9.
DFD level 2 proses 3.2 Pengolahan Data Kategori
3.2.1 Tambah
kategori
3.2.2 Ubah kategori
3.2.3 Hapus kategori
Operator kategori
Data Kategori Info Kategori
Data kategori Info kategori
Data kategori Info kategori
Data kategori
Info kategori Data kategori
Info kategori Data kategori
Info kategori 3.2.4
Cari kategori Data kategori
Info kategori Data kategori
Info kategori
Gambar 3.12 DFD level 2 proses 3.2. pengolahan data kategori
10. DFD level 2 proses 3.3 Pengolahan Data Kota
3.3.1 Tambah kota
3.3.2 Ubah kota
3.3.3 Hapus kota
Operator
Kota Data Kota
Data Provinsi Info Kota
Info Provinsi
Data Kota Info Kota
Data Kota Data Provinsi
Info Kota Info Provinsi
Info Kota
Data Kota Data Provinsi
Info Kota Info Provinsi
Info Kota Data Kota
3.3.4 Cari kota
Info kota Data kota
Data Kota Data Provinsi
Info Kota Info Provinsi
Provinsi Info Provinsi
Data Provinsi
Data Kota Info Provinsi
Data Provinsi
Info Provinsi Data Provinsi
Info Provinsi Data Provinsi
Gambar 3.13 DFD level 2 proses 3.3. pengolahan data kota
11. DFD level 2 proses 3.4. Pengolahan Transaksi
3.4.1 Lihat Pesanan
3.4.2 Konfirmasi
Bayar Operator
Detail_pesanan Data Detail_pesanan
Status Pesanan Data Produk
Info Detail_pesanan Info Status Pesanan
Info Produk Info Detail_pesanan
3.4.3 Kirim Pesanan
3.4.4 Kirim Email
Data Detail_pesanan
Info Status Pesanan Info Pembayaran
Pesanan Status Pesanan
Status Pesanan Data Pembayaran
Info Status Pesanan
Pembayaran Data Pesanan
Info Pesanan
Data Pembayaran Info Pembayaran
Status Pesanan Info Status Pesanan
Status Pesanan Info Status Pesanan
Info Status Pesanan Produk
Data Produk Info Produk
Gambar 3.14 DFD level 2 proses 3.4. pengolahan transaksi
12. DFD level 2 proses 3.5 Pengolahan Data Provinsi
3.5.1 Tambah
Provinsi
3.5.2 Ubah Provinsi
3.5.3 Hapus Provinsi
Operator Provinsi
Data Provinsi Info Provinsi
Data Provinsi Info Provinsi
Data Provinsi Info Provinsi
Data Provinsi Info Provinsi
Data Provinsi Info Provinsi
Data Provinsi Info Provinsi
3.5.4 Cari Provinsi
Info Provinsi Data Provinsi
Data Provinsi Info Provinsi
Gambar 3.15 DFD level 2 proses 3.5 pengolahan data provinsi
13. DFD level 2 proses 4.4. Pengolahan Data Pembayaran
4.4.1 Detail_pesanan
4.4.2 Pembayaran
Member Data detail_pesanan
Data pembayaran Info pembayaran
Detail_pesanan
Data detail_pesanan Info detail_pesanan
Data detail_pesanan Info detail_pesanan
Data detail_pesanan Info detail_pesanan
Pembayaran Info pembayaran
Data pembayaran Pesanan
Data Pesanan Info Pesanan
Info Pesanan Data Pesanan
Gambar 3.16 DFD level 2 proses 4.4. pengolahan data pembayaran
3.3.3 Spesifikasi Proses