75
1. XAMPP sebagai Web Server 2. PHP
3. Macromedia Dreamweaver CS3 sebagai editor PHP. 4. MySQL sebagai DBMS
5. Tool antarmuka design Microsoft Visio 2007 6. Mozila Firefox sebagai browser
3.2 Perancangan Sistem
3.2.1 Entity relationship diagram
Dalam memodelkan data dan menggambarkan hubungan antara data yang ada pada sistem digunakan alat bantu yaitu diagram E-R. Sistem yang akan di
bangun dapat dilihat hubungan antar entitas. Untuk itu sistem baru yang akan dirancang memiliki usulan ERD yaitu:
76
koleksi_barang pelanggan
uid_plg kd_kota
kd_kecamatan kd_barang
kd_kategori
operator mengelola
1
mengelola admin
Id_operator
N
1 kategori
kd_kategori
mengelola N
1 kecamatan
kota
kantong memiliki
memiliki
memiliki N
1 1
N N
1
id_kantong kd_barang
uid_plg
Pemesanan detail
memesan N
No Pesan Uid_plg
Id_pesan Kd_barang
No_pesan
pengiriman
No_pesan
memiliki 1
Payment
memiliki 1
Kd_kecamatan Kd_kota
memiliki 1
N
Id_kirim Id_payment
memiliki
1 1
N
1
No_pesan
retur memiliki
1 1
N N
No_retur Uid_plg
No Pesan
retur_detail memiliki
1 N
Kd_barang No_pesan
No_retur id
N N
mengelola mengelola
1 1
Kd_kota
Id_admin
star_rate
memiliki 1
1
Gambar 3.2 ER Diagram
77
3.2.2 Diagram Konteks
Diagram Konteks adalah diagram yang menggambarkan secara umum yang menjadi masukan, proses dan keluaran yang terjadi pada sebuah sistem.
Diagram konteks untuk perangkat lunak yang akan dibangun sebagai berikut :
SISTEM PENJUALAN ONLINE BERBASIS
WEB DI PD. WARINGIN
pengunjung
admin
operator pelanggan
Info login Info operator
Info backup Info restore
Data login Data operator
Data backup Data restore
Data login Data pelanggan
Data kategori Data koleksi barang
Data kota Data kecamatan
Data pemesanan Data pembayaran
Data pengiriman Data retur
Data Login Data kategori
Data koleksi barang Data cari barang
Data transaksi Info Login
Info kategori Info koleksi barang
Info cari barang Info transaksi
Data pendaftaran Data kategori
Data koleksi barang Data cari barang
Data password Info pendaftaran
Info kategori Info koleksi barang
Info cari barang Info password
Info login Info pelanggan
Info kategori Info koleksi barang
Info kota Info kecamatan
Info pemesanan Info pembayaran
Info pengiriman Info retur
Data aktifasi
email
Info pemesanan Info pendaftaran
Info aktifasi Info pembayaran
Info terima barang Info pengiriman
Info retur Info password
PAYPAL FACEBOOK
Info koleksi barang
Info bayar data bayar
Gambar 3.3 Diagram Konteks
3.2.3 Data Flow Diagram