PELANGGAN SISTEM TOKO
ONLINE ADMINISTRATOR
PEMILIK TOKO A
B
C
Gambar 3.1 System Flow Diagram SFD Keterangan :
1. A : Pelanggan online, melakukan pemesanan produk. 2. B : Administartor melakukan control website dan manajemen pemesanan.
3. C : Pemilik toko menerima laporan dari administrator.
3.2.2 Context Diagram CD
Context Diagram ini menggambarkan sistem secara garis besar dengan memperlihatkan masukan, proses dan keluaran dari sistem yang akan dirancang.
Context Diagram dari aplikasi toko online pada Toko Mulya Hadi Craft adalah sebagai berikut :
Sistem Aplikasi Toko Online Mulya Hadi
Craft Administrator
Pemilik Toko
Login data pelanggan
input pesanan
Laporan data produk
Pelanggan
manajemen pesanan control website
Gambar 3.2 Context Diagram CD Keterangan :
1. Pelanggan : Pengunjung online, melakukan akses informasi, browsing atau melakukan transaksi pemesanan produk.
2. Administrator : Bertugas memanajemen sistem dan merespon pelanggan. 3. Pemilik Toko : Menerima seluruh laporan dari sistem.
3.2.3 Data Flow Diagram DFD
DFD pada aplikasi toko online Mulya Hadi Craft digambarkan sebagai berikut :
1. Data Flow Diagram DFD Level 0
Penginputan Data Pelanggan
1
Pemesanan Produk
2
Layanan Website 3
Control Website 4
Pelaporan 5
Pelanggan
Pemilik Toko Administrator
login atau registrasi data pelanggan
pelanggan
Laporan data pesanan
keranjang input pesanan
manajemen pesanan
manajemen website bukutamu
kontak data bukutamu
data kontak isi guestbook, kontak
Gambar 3.3 Data Flow Diagram DFD Level 0
2. Data Flow Diagram DFD Level 1 Proses Pemesanan Produk
Login Pelanggan 2.1
Order Produk 2.2
Pengecekan Pesanan
2.3
Konfirmasi Pembayaran
2.4 Pelanggan
pelanggan
Administrator
username, password account aktif
data pelanggan
order produk
koleksi data koleksi produk
data produk keranjang
barang dipesan finish produk dipesan
pemesanan kode unik
manajemen pesanan kode unik transfer
no. pesan, data pesanan finish
konfirmasi pembayaran konfimasi
data konfirmasi data konfirmasi
Gambar 3.4 Data Flow Diagram DFD Level 1 Proses Pemesanan Produk 3. Data Flow Diagram DFD Level 1 Proses Layanan Website
Mengisi Buku Tamu
3.1
Mengisi Poling 3.2
Mengisi Kontak Administartor
3.3 Pelanggan
Administrator
isi bukutamu bukutamu tampil
isi poling hasil poling
btamu
data bukutamu
data poling
isi kontak data kontak
data kontak
kontak
data poling
jajak
data buku tamu
Gambar 3.5 Data Flow Diagram DFD Level 1 Proses Layanan Website 4. Data Flow Diagram DFD Level 1 Proses Control Website
Administrator
Ubah password 4.1
Manajemen Berita 4.2
Manajemen Buku Tamu
4.3 Cek Kontak
4.4
kontak btamu
berita admin
Manajemen Provinsi
4.6 Manajemen
Kategori 4.7
Manajemen Pelanggan
4.8 Manajemen
Koleksi 4.9
propinsi kategori
pelanggan koleksi
control data berita
control data provinsi control data kategori
control data pelanggan
control data koleksi
Manajemen Polling
4.5
jajak
control buku tamu
ubah polling cek, hapus
kontak ubah password
Manajemen Pesanan
4.10
cek pesanan, edit status
pemesanan
Gambar 3.6 Data Flow Diagram DFD Level 1 Proses Control Website Dari gambar di atas dapat dilihat bahwa proses control website terbagi
menjadi 8 proses. Proses-proses tersebut antara lain : a. Ubah Password
Pada ubah password ini administrator dapat mengubah izin masuk untuk login. Setelah mengisikan password yang lama, lalu mengisi password baru dan
menekan tombol ganti password, maka password yang baru akan disimpan dalam database admin.
b. Manajemen Berita Pada manajemen berita ini administrator dapat mengisi berita yang akan
ditampilkan dalam halaman berita yang bertujuan memberikan informasi baik mengenai Toko Mulya Hadi Craft sendiri atau info umum pada user.
Administrator juga dapat mengubah dan menghapus berita. c. Cek Buku Tamu
Pada cek buku tamu administrator dapat mengontrol isi dari buku tamu yang sekiranya tidak cocok untuk ditampilkan dalam website ini akan dihapus.
d. Cek Kontak Pada cek kontak ini administrator dapat melihat isi pesan yang dituliskan oleh
user yang berfungsi untuk memberikan kritik dan saran secara pribadi kepada administrator.
e. Manajemen Poling Pada manajemen poling ini administrator dapat mengubah topik poling yang
ditampilkan di halaman pengunjung. f.
Manajemen Provinsi Pada manajemen provinsi ini administrator dapat menambah, menghapus dan
mengubah data provinsi yang nanti akan ditampilkan di halaman pendaftaran user.
f. Manajemen Kategori
Pada manajemen kategori ini administrator dapat manambah, menghapus dan mengubah data kategori produk yang akan ditampilkan di halaman kategori
produk dalam website. g. Manajemen Pelanggan
Pada manajemen pelanggan ini administrator memiliki hak akses untuk menghapus data pelanggan serta melihat data pelanggan secara detail.
h. Manajemen Koleksi Pada manajemen koleksi ini administrator dapat menambah dan menghapus
item yang akan ditampilkan dalam halaman koleksi produk dalam website. Selain menambahkan gambar, administrator juga dapat menambahkan
informasi-informasi yang lainnya, misalnya nama barang, warna, ukuran, harga, diskon, stok dan keterangan.
5. Data Flow Diagram DFD Level 1 Proses Pelaporan
Pelaporan Provinsi 5.1
Pelaporan Kategori
5.2
propinsi data provinsi
laporan data kategori kategori
data kategori
Pemilik Toko
laporan data propinsi
Pelaporan Koleksi 5.3
laporan data koleksi koleksi
data koleksi
Pelaporan Transaksi
5.4
laporan transaksi per periode pemesanan
data pemesanan data koleksi
laporan transaksi per nomor pemesanan_detail
data pemesanan detail
pelanggan data pelanggan
Pelaporan Pelanggan
5.5
data pelanggan laporan data pelanggan
Gambar 3.7 Data Flow Diagram DFD Level 1 Proses Pelaporan
3.3 Perancangan Database
Langkah awal dalam membangun suatu sistem adalah melakukan perancangan database yang akan digunakan. Database ini membentuk tabel yang akan selalu
digunakan untuk menyimpan berbagai informasi yang digunakan dan juga digunakan dalam pengolahan data yang ada dalam website ini.
3.3.1 Struktur Data
Terdapat 12 tabel dalam aplikasi toko online ini, tabel-tabel tersebut yaitu :
1. Tabel Pelanggan
Nama tabel : pelanggan
Digunakan : Untuk menyimpan data pelanggan
Primary key : uid_plg
Tabel 3.1 Tabel Pelanggan Nama Field
Tipe Data Ukuran Field
Keterangan uid_plg
Char 6
Primary key nama
Varchar 50
kelamin Enum
‘P’,’W’ alamat
Varchar 200
kota Varchar
60 kd_provinsi
Char 4
negara Varchar
60 kdpost
Integer 5
email Varchar
40 telp_rumah
Varchar 15
telp_hp Varchar
15 no_fax
Varchar 15
status_pesan Enum
‘FREE’,’ORDER’ userID
Varchar 35
passID Varchar
35 2. Tabel Koleksi
Nama tabel : koleksi
Digunakan : Untuk menyimpan data koleksi produk
Primary key : uid_plg
Tabel 3.2 Tabel Koleksi Nama Field
Tipe Data Ukuran Field
Keterangan kd_koleksi
Char 6
Primary key kd_kategori
Char 5
warna Varchar
50 ukuran
Varchar 20
nama_brg Varchar
60 file_gambar
Varchar 50
harga Integer
10 diskon
Integer 2
stok Integer
4 keterangan
Text 3. Tabel Kategori
