Diagram Konteks Data Flow Diagram DFD

one to many+ 1 2 many to many+ 1

II.2.14 Diagram Konteks

, J 6 5 + 5 + + - 2 3 7 storage+ - A data storage

II.2.15 Data Flow Diagram DFD

6 - - 6 - 6 6 - - - 6 - 5 6

II.2.15.1 Kompo

K Simbol Sim Keterangan : 1. Terminator 1 omponen DFD K - imbol 2. 5 Komponen DFD Yordan dan De Marco Simbol 2. 6 Komponen DFD Gene dan Serson gan : inator Entitas Luar 8 32 arco 8 8

2. Komponan Proses

7 8

3. Komponen Data Store

8database K store 1 store 8 write+ 1 8 + 2 1

4. Komponen Alur Data

1 8 1 3 Packet of data Diverging data flow 2 Converging data flow 3

BAB III A ALISIS DA PERA CA GA SISTEM

III.1 Analisis Sistem prosedur III.1.1 Analisis Masalah marketing customer, online III.1.2 Analisis Sistem yang sedang Berjalan

1. Prosedur Penjualan

customer + - Gambar 3. 1 Flowmap Prosedur Penjualan

2. Prosedur Retur Barang

1 + Keterangan: Gambar 3. 2 Flowmap Prosedur Retur Barang

3. Prosedur Laporan Penjualan

Gambar 3. 3 Flowmap Prosedur Laporan Penjualan III.1.3 Analisis on Fungsional non non 2Hardware3 4 2Software3 2User3 III.1.3.1 Analisis Perangkat Keras Hardware Tabel 3. 1 Analisis Hardware o Server Client Processor 0 567 Processor , 567 1 8 5 1 8 5 6 0 5 free 6 ,0 5 95 graphic card 5 : .,005 95 graphic card 5 : .,005 - 9 1 -; III.1.3.2 Analisis Perangkat Lunak Software e commerce Tabel 3. 2 Analisis Software o Server Client = Professional Service Pack II = Professional Service Pack II = = 8 , 0 = 8 III.1.3.3 Analisis Pengguna User 2user3 2user3 e commerce Tabel 3. 3 Analisis User ADMI PE GU JU G MEMBER read write update delete e commerce e commerce 8 account III.1.4 Analisis Basis Data ? 1 2Entity Relationship3 III.1.4.1 Entity Relationship Diagram ERD web. Entity Relationship Diagram 2?1 3 ?1 Gambar 3. 4 Entity Relationship Diagram III.1.5 Analisis Fungsional III.1.5.1 Diagram Konteks 2 3 E commerce Gambar 3. 5 Diagram Konteks III.1.5.2 Data Flow Diagram Data Flow Diagram DFD data flow diagram : 4 Gambar 3. 6 DFD Level 1 : 4 Gambar 3. 7 DFD Level 2 Proses 2 Pengolahan Data Master Gambar 3. 8 DFD Level 2 Proses 9 View History Gambar 3. 9 DFD Level 2 Proses 10 Keranjang Belanja Gambar 3. 10 DFD Level 2 Proses 12 Laporan : 4 Gambar 3. 11 DFD Level 3 Proses 2.1 Pengolahan Data Master Admin Gambar 3. 12 DFD Level 3 Proses 2.2 Pengolahan Data Master Kategori Gambar 3. 13 DFD Level 3 Proses 2.3 Pengolahan Data Master Produk Gambar 3. 14 DFD Level 3 Proses 2.5 Pengolahan Data Master Provinsi Gambar 3. 15 DFD Level 3 Proses 2.6 Pengolahan Data Kotakab III.1.5.3 Spesifikasi Proses : : table Tabel 3. 4 Spesifikasi Proses O Proses Keterangan 4 e commerce 8 O Proses Keterangan 8 4 A ? 2 3 ? 8 8 A 8 + A A 8 A A A A A A A + A 4 B C A ? A ? A ? A ? A D D ? A ? A O Proses Keterangan ? A ? 4 mereset 8 8 4 A ? 2 3 ? 8 8 A A 4 A ? 2 3 ? - - 0 1 8 O Proses Keterangan 8 A A 4 A ? 2 3 ? 8 8 A A 4 A ? ? +? tracking 2 3 +? 8 8 A +? 2Airway Bill umber3 A +? 4 A O Proses Keterangan ? ? , , 0 1 8 8 A A 4 A ? ? . . 0 History 8 8 A 6 A 4 A ? ? 2 3 ? O Proses Keterangan 0 0 e commerce 8 8 A A 4 A ? 2 3 ? A A 4 A ? 2 3 ? 4 O Proses Keterangan A A 4 A ? ? ? 2 3 ? 8 8 8 A A 4 A ? 2 3 ? A A 4 A O Proses Keterangan ? ? ? 2 3 ? - A A 4 A ? ? ? ? 2 3 ? 8 8 A 8 A 8 4 A 8 8 O Proses Keterangan ? 2 3 ? - A A 4 A ? ? 2 3 ? , A A 4 A ? ? 2 3 ? . + O Proses Keterangan A + A + 4 A ? ? 2 3 ? , A A 4 A ? ? 2 3 ? . 6 8 O Proses Keterangan 8 A A 4 A ? ? . 6 1 8 8 A A 4 A 1 ? ? E 8 A A 8 4 A O Proses Keterangan ? 2 3 ? 6 8 A A 8 4 A ? 2 3 ? - F 8 A A 8 4 A ? 2 3 ? 4 A O Proses Keterangan A 4 A ? ? 4 A A 4 A ? ? , 4 1 1 A 1 A 1 4 A 1 1 ? 1 ? . O Proses Keterangan A A 4 A ? 2 3 ? F A A 4 A ? 2 3 ? 6 A A 4 B C O Proses Keterangan A A 4 A ? 2 3 ? ? A A 4 A ? 2 3 ? O Proses Keterangan A A 4 A ? 2 3 ? - ? A A 4 A ? 2 3 ? A A 4 A ? 2 3 O Proses Keterangan ? A A 4 B C , - A A 4 A ? 2 3 ? . - F O Proses Keterangan A A 4 A ? 2 3 ? - E A A 4 B C A A 4 O Proses Keterangan A ? 2 3 ? F A A 4 A ? 2 3 ? E A A 4 B C III.1.5.4 Kamus Data : : 5 - Tabel 3. 5 Kamus Data = 0 4 0 8 ? 6 G G G F H I J 7 K H I J 7 J 0 . K H I J 7 J 0 . K H I J 7 J 0 . K 8 = 0 4 - 0 1 . 0 9 6 , 0 1 8 A D8 G G G G G G G D G G D G A D8 ? D A D H 0 . J I J 7K H0 . J I J 7 K H I J 7 K H I J 7 K H0 . J I J 7 K H 0 . K H 0 . K H 0 . K H 0 . K H 0 . K = 4 4 4 1 ? E D G D G G G G G G G D D D D H0 . K H 0 . K H 0 . K D H0 . J I J 7 K H 0 . K H 0 . K H I J 7 K H0 . K H I J 7 J 0 . K = 4 D G 7 G D 7 H0 .K H I J 7 J 0 . K H 0 . K = F A D G A D H 0 . K H I J 7 K = - - - ? - E A D G A D H 0 . K H I J 7 K = 0 8 , ? E A D GA D G G G D D H 0 .K H 0 .K H I J 7 K H I J 7 K H 0 .K D = 0 0 0 F 0 6 0 E D 2 3 A D G G D GL G D 7 G D G D A D A D M D 7 D D H 0 . K H 0 . K H 0 . J I J 7 K H 0 . K H 0 . J I J 7 K H 0 . K H K Whereused Howused . 0 9 6 0 0 A . 6 0 E 4 A D G D G D8 G D G D G G G D G D G D G D G D G D G D G D G D G D G D G D G A D D A D8 D H 0 . K H 0 . J I J 7K H 0 . K D D D D D D D D D D D D D D H I J 7 K H I J 7 K H I J 7 K H I J 7 J 0 . K H 0 . K H I J 7 K H 0 . K H 0 . K H 0 . K H I J 7 K H 0 . K H 0 . K H I J 7 K H 0 . K H 0 . K = 0 0 A . 0 9 6 0 4 0 E . 6 4 A G G G 7 GL G G DL G D A H 0 . K A 6 7 M 1 DL D H0 . K H 0 . K H0 . J I J 7 K H 0 . K H 0 . K H 0 . K H I J 7 K 1 = , 0 1 4 A D GA D G D G D G D G D G D A D A D + D D D D D H 0 . K H0 . K H 0 .J I J 7 K H0 . J I J 7 K H 0 . K H I J 7 K + = + , 0 0 A + A D G D A D D H 0 . K H0 . I J 7K = , 0 0 A A D G6 D GA D GA D G + D A D 6 D A D A D + D H 0 . K H 0 . K H 0 . K H 0 . K H0 . I J 7K III.2 Perancangan Sistem III.2.1 Perancangan Basis Data III.2.1.1 Skema Relasi 2 3 2 3 e commerce Gambar 3. 16 Diagram Relasi III.2.1.2 Perancangan Struktur Tabel N Tabel 3. 6 Struktur Tabel Admin : : ama field Tipe data Ukuran Keterangan F 9 - 9 -0 ? 9 -0 Tabel 3. 7 Struktur Tabel Member : 8 : A D ama field Tipe data Ukuran Keterangan A D8 A 9 00 9 -0 ; 8 A D A A D 9 ? 9 00 9 D 2O0O OO3 2verified3 02unverified3 Tabel 3. 8 Struktur Tabel Produk : : A D ama field Tipe data Ukuran Keterangan A D A , D A : 2 D 3 9 6 A 6 A ; A 9 00 D Tabel 3. 9 Struktur Tabel Kategori : : D ama field Tipe data Ukuran Keterangan D A 9 Tabel 3. 10 Struktur Tabel Detail Produk : D : D ama field Tipe data Ukuran Keterangan A D A A D 9 , : reference 2 D 3 7 9 F A Tabel 3. 11 Struktur Tabel Pembelian : : A D ama field Tipe data Ukuran Keterangan A D A D 9 D D ? 2 3 A D A Foreign Key, reference table 2 D 3 ? 2 E 3 E D 9 -0 D ; D 9 D A D 9 D 9 A D A Foreign Key, reference table D 2 D 3 D 9 - +? D 9 D 9 D A + D D 9 - D 9 A + Tabel 3. 12 Struktur Tabel Detail Pembelian : D : D ama field Tipe data Ukuran Keterangan A D A A A : 2 D 3 6 A 6 A A , : 2 D 3 7 9 F 2 7 3 M A + A Tabel 3. 13 Struktur Tabel Temp Pemesanan : D : D ama field Tipe data Ukuran Keterangan A D A A A , : 2 D 3 D 9 M A + D 7 9 . F D A 6 D D Tabel 3. 14 Struktur Tabel Kabupaten Kota : D : D ama field Tipe data Ukuran Keterangan D A A D A : D 2 D 3 9 -0 9 Tabel 3. 15 Struktur Tabel Provinsi : D : D ama field Tipe data Ukuran Keterangan D A 9 Tabel 3. 16 Struktur Tabel Retur : : D ama field Tipe data Ukuran Keterangan D A A D A : references 2 D 3 A D A A A D A A D D 9 D A + D ; 1 D 9 -0 A 9 00 5 A D A : references D 2 D 3 Tabel 3. 17 Struktur Tabel Jasa Pengiriman : + D : A D+ ama field Tipe data Ukuran Keterangan A D A D 9 00 Tabel 3. 18 Struktur Tabel Ongkos Kirim : D : A D ama field Tipe data Ukuran Keterangan A D A 6 D A 6 A D A : references D 2 D 3 A D A : references D 2 D 3 + D 9 00 + Tabel 3. 19 Struktur Tabel Gambar Produk : D : A D D ama field Tipe data Ukuran Keterangan A D D A D 9 -0 : references 2 3 A 9 00 5 III.2.2 Perancangan Arsitektur III.2.2.1 Perancangan Struktur Menu 1. Struktur Menu untuk User Pengunjung Gambar 3. 17 Struktur Menu Pengunjung

2. Struktur Menu untuk User Member

Gambar 3. 18 Struktur Menu Member

3. Struktur Menu untuk Admin

Gambar 3. 19 Struktur Menu Admin III.2.2.2 Perancangan Antarmuka a. Perancangan Antarmuka Pengunjung 2 03 Gambar 3. 20 Perancangan antarmuka menu utama home 2 03 Gambar 3. 21 Perancangan antarmuka halaman produk 2 03 Gambar 3. 22 Perancangan antarmuka halaman register 2 0 3 Gambar 3. 23 Perancangan antarmuka halaman kontak - 2 0-3 Gambar 3. 24 Perancangan antarmuka halaman about Gambar 3. 25 Perancangan antarmuka halaman detail produk 2 03 Gambar 3. 26 Perancangan antarmuka halaman keranjang belanja , 2 0,3 Gambar 3. 27 Perancangan Antarmuka Tampilan Pesan b. Perancangan antarmuka member 2 803 Gambar 3. 28 Perancangan antarmuka halaman utamamember 2 803 Gambar 3. 29 Perancangan antarmuka halaman home 2 803 Gambar 3. 30 Perancangan antarmuka halaman produk 2 80 3 Gambar 3. 31 Perancangan antarmuka halaman retur - 2 80-3 Gambar 3. 32 Perancangan antarmuka halaman detail produk 2 80 3 Gambar 3. 33 Perancangan antarmuka halaman history retur 2 803 Gambar 3. 34 Perancangan antarmuka halaman history pembelian , 2 80,3 Gambar 3. 35 Perancangan antarmuka halaman keranjang belanja . 2 80.3 Gambar 3. 36 Perancangan antarmuka halaman detail pembelian

c. Perancangan Antarmuka Admin