Perancangan Diagram Konteks Perancangan Data Flow Diagram DFD

3.1.5 Analisis Kebutuhan Fungsional

3.1.5.1 Perancangan Diagram Konteks

Diagram konteks merupakan salah satu alat bantu dalam melakukan analisis terstruktur. Diagram konteks ini menggambarkan sistem secara garis besar atau secara keseluruhan. Dalam diagram konteks juga digambarkan entitas eksternal yang merupakan perangkat pikir yang menghasilkan data yang diolah oleh sistem maupun tujuan dari informasi yang dihasilkan oleh sistem. Adapun diagram konteks yang diusulkan adalah sebagai berikut : Aplikasi E-commerce pada Kanara Butik Administrator Operator Member PayPal Email JNE D at a Pem baya ran Data Operator Data Member Data Laporan Penjualan Info Operator Info Operator Info Laporan Penjualan Data Retur Data Login Operator Data Produk Data Detail Produk Data Kategori Data Provinsi Kota Data Laporan Penjualan Data Ongkos Kirim Data Pemesanan Info Login Operator Info Produk Info Detail Produk Info Kategori Info Provinsi Kota Info Laporan Penjualan Info Ongkos Kirim Info Pemesanan Info Retur Info Pa sswo rd B a ru Info Pe mesan an Info Pe mbaya ran Info Pe ngi rima n Info Aktiva si Memb er Info Ko nf irmas i Pe mbaya ran In fo T ra cki ng Data Retur Data Login Pelanggan Data Registrasi Data Pembayaran Data Pemesanan Data Produk Data Detail Produk Data Pembayaran Info Login Pelanggan Info Registrasi Info Pembayaran Info Pemesanan Info Produk Info Detail Produk Info Pembayaran Info Retur Pengunjung Info Barang Info Registrasi Info Hubungi Data Barang Data Registrasi Data Hubungi S tat u s Pem baya ran Gambar 3.4 Diagram Konteks

3.1.5.2 Perancangan Data Flow Diagram DFD

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. Salah satu keuntungan menggunakan DFD adalah memudahkan pemakai yang kurang menguasai bidang komputer untuk mengerti sistem yang akan dikerjakan. Adapun Data Flow Diagram dari Pembangunan Aplikasi E-commerce di Kanara Butik adalah sebagai berikut :

1. DFD Level 0

Berikut ini adalah DFD level 0 dari sistem yang akan dibangun. Administrator Operator Pengunjung PayPal E-mail Member 1 Registrasi 2 Login 3 Pengolahan Data User 4 Pengolahan Data Master 5 Pengolahan Data Transaksi 6 Keranjang Belanja 7 History Transaksi 8 Lihat Produk 9 Lihat Kategori 10 Pengolahan Laporan 11 Pencarian Data Registrasi Member Info Data Registrasi Member member Data Registrasi Member Info Data Registrasi Member Data Login Member Info Login Member admin Data Login Admin Info Login Admin Data Login Super Admin Info Login Super Admin Data Login Member Info Login Member Data Login Super Admin Info Login Super Admin Info Login Admin Data Login Admin Login Member Valid Login Super Admin Valid Log in S up er A dmi n , A dmi n , d an Memb er V al id Data Admin Info Data Admin Data Member Info Data Member Data member Info Data member Data admin Info Data admin Data operator Info Data operator Login Admin Valid Data Barang Data Provinsi Data Kota Data Kategori Data Detail Barang Data Ongkos Kirim Info Barang Info Provinsi Info Kota Info Kategori Info Detail Barang Info Ongkos Kirim barang pemesanan ongkos_kirim kota provinsi kategori Data Kategori Info Kategori Data Barang Info Barang Data Provinsi Info Data Provinsi Data Kota Info Data Kota Data Ongkos Kirim Info Data Ongkos Kirim Info Pembelian Data Pembelian Data Pemesanan Info Pemesanan Info Kategori Data Barang Info Barang Info Kota Info Provinsi Data Pembayaran Status Pembayaran Data Pembelian Info Pembelian Data Pemesanan Info Pemesanan Info Pembelian Data History Transaksi Info History Transaksi Data Barang Info Barang Data Barang Info Barang Info Barang Data Barang Data Kategori Info Kategori Data Kategori Info Kategori Data Kategori Info Kategori Info Laporan Data Laporan Data Pembelian Info Pembelian Info Pencarian Data Pencarian Data Barang Info Barang Info Pembayaran Aktivasi Akun Data password baru Gambar 3.5 DFD Level 0

2. DFD Level 1 Proses 1 Registrasi

1.1 Input Data Registrasi 1.2 Aktivasi Member Pengunjung Data Registrasi Member Info Data Registrasi Member member Data Registrasi Member Info Data Registrasi Member Data Registrasi Valid Aktivasi User Valid Data Aktivasi Info Aktivasi Email Gambar 3.6 DFD Level 1 Proses Registrasi

3. DFD Level 1 Proses 2 Login

Member Administrator Operator 2.1 Input Data Login 2.2 Lupa Password Data Login Data Login member admin Data Login Data login Data login Info login Info login Info Login Info Login Info Login Data Email Data Email Data Email P a ssw o rd B a ru Gambar 3.7 DFD Level 1 Proses Login

4. DFD Level 1 Proses 3 Pengolahan Data User

3.1 Kelola Akun Operator Operator Member Data Admin Info Admin admin Data Baru Admin Info Data Admin 3.2 Kelola Akun Member member Data Member Info Member Data Baru Member Info Member Gambar 3.8 DFD Level 1 Proses 3 Pengolahan Data User

5. DFD Level 1 Proses 4 Pengolahan Data Master

4.2 Pengolahan Data Barang Operator 4.3 Pengolahan Data Kota Info data Barang Data Barang Data Kota Info Kota Barang Kota Data Kota Info Kota Data Barang Info Barang 4.1 Pengolahan Data Kategori Info data Kategori Data Kategori Kategori Data Kategori Info Kategori Login Operator valid 4.5 Pengolahan Data Ongkos Kirim D a ta O nko s Ki ri m In fo d at a O n ko s Ki ri m 4.4 Pengolahan Data Propinsi Info data Propinsi Data Propinsi Login Operator valid Ongkos Kirim Data Ongkos Kirim Info Ongkos Kirim Propinsi Login Operator valid Info Data Kategori Login Operator valid Id Kategori Login Operator valid Info Data propinsi Data Propinsi Data Propinsi Info Data Kota Gambar 3.9 DFD Level 1 Proses 4 Pengolahan Data Master

6. DFD Level 1 Proses 5 Pengolahan Data Transaksi

Operator 5.1 Konfirmasi Pemesana Pemesanan 5.2 Data Transaksi Data Konfirmasi Pemesanan Data Konfirmasi Pemesanan Info Konfirmasi Pemesanan Info Konfirmasi pembelian Pembayaran Data Pembayaran Info Pembayaran Data Pembayaran Info Pembayaran Info logging Gambar 3.10 DFD Level 1 Proses 5 Pengolahan Data Transaksi

7. DFD Level 1 Proses 6 Keranjang Belanja

Member Pemesanan Pembayaran checkout Inf o c he c k o ut 6.4 checkout Data Pemesanan Data Pembayaran Info Pembayaran Info Pemesanan 6.3 Hapus Barang 6.1 Tambah Barang Info Data Barang Data Barang yang dibeli 6.2 Ubah jumlah Data Barang Info Barang Barang Data barang Info barang Info data barang yang dibeli Data pembayaran Info barang Data barang Gambar 3.11 DFD Level 1 Proses 6 Keranjang Belanja

8. DFD Level 1 Proses 7 History Transaksi

7.1 Tampil data Pemesanan Data Pemesanan 7.2 Tampil data Pembayaran. Info Pemesanan Member Pemesanan Info Pembayaran Pembayaran Data Pemesanan Info Pemesanan Info Pembayaran Info Pembayaran Info Pembayaran Gambar 3.12 DFD Level 1 Proses 7 History Transaksi

9. DFD Level 1 Proses 8 Lihat Produk

8.1 View Data Produk Terbaru Member Pengunjung Barang Data Barang terbaru info data Barang terbaru Data Barang terbaru info data Barang terbaru da ta ba ra ng in fo b ar ang Gambar 3.13 DFD Level 1 Proses 8 Lihat Produk

10. DFD Level 1 Proses 10 Laporan

Administrator 10.1 Laporan Penjualan Pembayaran Pemesanan Data Pemesanan Info Pemesanan Data Pembayaran Info Pembayaran Data laporan Data Laporan Gambar 3.14 DFD Level 1 Proses 10 Laporan

11. DFD Level 2 Proses 1.1 Input Data Registrasi

Pengunjung 1.1.1 Validasi Email 1.1.2 Pencatatan Data Pengunjung Data Registrasi D a ta R e g is tra s i V a lid member Info Email Member Data User Email Info Registrasi Gambar 3.15 DFD Level 2 Proses 1.1 Input Data Registrasi

12. DFD Level 2 Proses 1.2 Aktivasi Member

Pengunjung 1.2.1 Aktivasi Email 1.2.2 Pencatatan Member Teraktivasi member Data Register Valid Aktivasi User Valid Gambar 3.16 DFD Level 2 Proses 1.2 Aktivasi Member

13. DFD Level 2 Proses 2.1 Input Data Login

Administrator Operator Member 2.1.1 Validasi Email 2.1.3 Validasi Password 2.1.2 Validasi Status Data Login D a ta L o g in D a ta L o g in Data Login Data Login member Valid Login Valid Login Valid Login Valid Login admin Valid Login Valid Login Valid Login Valid Login Valid Login Gambar 3.17 DFD Level 2 Proses 2.1 Input Data Login

14. DFD Level 2 Proses 3.1 Kelola Akun Operator

Operator 3.1.1 Edit Email 3.1.2 Edit Password 3.1.3 Catat Data Akun Data Admin Data Admin Data Email Baru Data Password Baru admin Data Baru Admin Info Admin Info Admin Info Admin Gambar 3.18 DFD Level 2 Proses 3.1 Kelola Akun Operator

15. DFD Level 2 Proses 3.2 Kelola Akun Member

Member 3.1.1 Edit Email 3.1.2 Edit Password 3.1.4 Catat Data Akun Data Member Data Member Data Email Baru Data Password Baru member Data Baru Member Info Member Info Member Info Admin 3.1.3 Edit Alamat Data Member Data Alamat Baru Gambar 3.19 DFD Level 2 Proses 3.2 Kelola Akun Member

16. DFD Level 2 Proses 4.1 Pengolahan Data Kategori

4.1.1 Tambah kategori 4.1.2 Edit Kategori Tambah data kategori Info kategori berhasil ditambah data kategori berhasil diubah Info kategori berhasil ditambah Lo gin O pe rat or va lid 4.1.3 Hapus Kategori Data Kategori Berhasil di ubah Data kategori yang akan diubah Tambah Data Kategori Lo gin Ope rat or va lid Operator Kategori Data Kategori yang akan diubah Data Kategori yang akan dihapus Info Kategori Berhasil dihapus Hapus Data kategori Info kategori berhasil dihapus Login Operator valid 4.1.4 Pencarian Data Kategori ditemukan Cek Kata Yang dicari Data Yang dicari Data kategori ditemukan Gambar 3.20 DFD Level 2 Proses 4.1 Pengolahan Data Kategori

17. DFD Level 2 Proses 4.2 Pengolahan Data Barang

4.2.1 Tambah Barang 4.2.2 Edit Barang Tambah data Barang Info barang berhasil ditambah data barang berhasil diubah Info barang berhasil ditambah 4.2.3 Hapus Barang Data barang Berhasil di ubah Data barang yang akan diubah Tambah Data Barang Lo gi n Op er at or va lid Operator Barang Data barang yang akan diubah Data barang yang akan dihapus Info barang Berhasil dihapus Hapus Data barang Info barang berhasil dihapus Log in O per ator val id Kategori Info data kategori Id_kategori Lo gin O pe rat or va lid Gambar 3.21 DFD Level 2 Proses 4.2 Pengolahan Data Barang

18. DFD Level 2 Proses 4.3 Pengolahan Data Kota

4.3.1 Tambah Kota 4.3.2 Edit Kota Tambah data Kota Info Kota berhasil ditambah data Kota berhasil diubah Info Kota berhasil ditambah Lo gin O pe rat or va lid 4.3.3 Hapus Kota Data Kota Berhasil di ubah Data Kota yang akan diubah Tambah Data Kota Lo gin O pe rat or va lid Operator Kota Data Kota yang akan diubah Data Kota yang akan dihapus Info Kota Berhasil dihapus Hapus Data Kota Info Kota berhasil dihapus Propinsi Info data Propinsi Id_Propinsi Login Ope rator valid 4.3.4 Pencarian Kata yang dicari Data kota yang ditemukan Data yang dicari Data kota yang ditemukan Gambar 3.22 DFD Level 2 Proses 4.3 Pengolahan Data Kota

19. DFD Level 2 Proses 4.4 Pengolahan Data Propinsi

4.4.1 Tambah Provinsi 4.4.2 Ubah Provinsi Tambah data Provinsi Info Provinsi berhasil ditambah data Provinsi berhasil diubah Info Provinsi berhasil ditambah Lo gin O pe rat or va lid 4.4.3 Hapus Provinsi Data Provinsi Berhasil di ubah Data Provinsi yang akan diubah Tambah Data Provinsi Lo gin O pe rat or va lid Operator Provinsi Data Provinsi yang akan diubah Data Provinsi yang akan dihapus Info Provinsi Berhasil dihapus Hapus Data Provinsi Info Provinsi berhasil dihapus 4.4.4 Pencarian Data yang dicari Data provinsi ditemukan Kata yang dicari Data provinsiditemukan Logi n Op erato r valid Gambar 3.23 DFD Level 2 Proses 4.4 Pengolahan Data Provinsi

20. DFD Level 2 Proses 6.4 Checkout

6.4.1 Tampil Keranjang Belanja 6.4.2 Data Pengiriman 6.4.3 Pilih Pembayaran member Pengiriman Data Pemesanan Info data Pemesanan Data pembelian online Info data detail pembelian online Paypal Data Pembayaran Login membe r valid Login mem ber valid Info pengiriman Data pengiriman Pilih jenis pembayaran Info jenis pembayaran Status Data Pembayaran Info Data Produk Data Produk Login Member Valid Data Pembayaran Info Pembayaran Gambar 3.24 DFD Level 2 Proses 6.4 Checkout

21. DFD Level 2 Proses 9.1 Laporan Penjualan

Administrator 9.1.3 Laporan penjualan tahunan Pemesanan Data Pembayaran Info Pembayaran 9.1.2 Laporan penjualan bulanan Data Pemesanan Info Pemesanan Pembayaran Data Pemesanan Info Pemesanan Data Pembayaran Info Pembayaran Data laporan Data laporan Info laporan Info laporan Gambar 3.25 DFD Level 2 Proses 9.1 Laporan Penjualan

3.1.5.3 Spesifikasi Proses