19
3.2.2 Desain Sistem
Pada perancangan aplikasi penjualan online perlengkapan anak pada CV. Permata ini memiliki beberapa sub desain yaitu Block Diagram, System Flow,
Context Diagram, Data Flow Diagram DFD, ERD, Struktur Tabel Desain IO input-output, Desain Interface.
1. Block Diagram
Dalam merancang sistem informasi ini, penulis mengumpulkan informasi yang diperlukan. Data inputan diantaranya: data-data yang berkaitan
dengan pengguna, data barang, nomor resi dan data penjualan. Kemudian data tersebut diproses menghasilkan data pelanggan, stok barang dan laporan. Blok
diagram sistem penjualan online dapat dilihat pada gambar 3.1.
Blok Diagram Input
Prose s Output
Phas e
Transaksi Penjualan
Data Penjualan Laporan Pelanggan paling
sering belanja Laporan dan Grafik
Barang Paling Laris
Invoice Penjualan Maintenance
Produk Data Barang
Laporan Penjualan Bulanan
Daftar Member
Laporan Penjualan Tahun Data Pelanggan
List Member
Pengiriman barang List Pembayaran
Stok barang
List Transaksi Barang Dikirim
No. Resi Poin Member
Histori Member
Gambar 3.1 Block Diagram
20
2. System Flow
Perancangan desain sistem yang akan menjadi solusi dari permasalahan pada CV. Permata yang akan dibahas pada sub bab berikut ini:
A. System Flow Registrasi Customer
Registrasi Customer
Sistem Admin
Tabel customer
Meng-input data diri customer
Mengecek Status Registrasi Member
Apakah Member Berbayar?
Menyimpan Data Customer
Ya
Menyimpan data konfirmasi pembayaran
member Mengecek konfirmasi
pembayaran Menyimpan Data
Customer Tidak
1
Mengirim link aktivasi member
via email
Proses aktivasi Member
telah aktif Mulai
Apakah data valid?
Selesai
Mengirim email member premium telah disetujui
dan aktif Ya
Mengklik link aktivasi
Berhasil melakukan
registrasi, link aktivasi dikirim
via email
Premium member belum disetujui,
silakan melakukan pembayaran member
premium Meng-input data
konfirmasi pembayaran member premium
Tabel payment confirmation
Mengklik tombol confirm
Mengklik tombol reject
Tidak
Premium member aktif
Premium member
ditolak Mengirim email member
premium ditolak
Gambar 3.2 System Flow Registrasi Customer
21
System flow registrasi pelanggan ini menggambarkan alur sistem baru yang telah dibuat. Customer meng-input diri ke sistem dan kemudian sistem
mengecek status pendaftaran customer. Ada 2 macam jenis pendaftaran member customer yaitu member gratis dan member prabayar, member prabayar ini akan
memberikan point disetiap pembelanjaan apabila pelanggan telah berbelanja dengan minimum nominal Rp. 100.000. Point yang diberikan dapat ditukarkan
sebagai voucher pembelanjaan. Customer yang telah mendaftar akan mendapatkan pesan email yang berisi link aktivasi dan mengklik link tersebut
untuk mengaktifkan akun yang telah dibuat. Apabila status pendaftaran customer adalah member prabayar, maka customer harus melakukan pembayaran dan
melakukan konfirmasi. Admin akan mengecek konfirmasi pembayaran member, apabila pembayaran valid, maka admin akan mengubah status member menjadi
premium member dan mengirim pesan ke email customer yang berisi pendaftaran premium member telah berhasil. Apabila pembayaran tidak valid, maka admin
mengirim pesan ke email customer yang berisi pendaftaran gagal dan ditolak sesuai alasan pengecekan yang dilakukan oleh admin.
22
B. System Flow Login
Registrasi Customer
Sistem
Meng-input username password
Mengecek username password
1 Mulai
Tabel user
Apakah data valid?
Maaf, login gagal
Menampilkan notifikasi
Tidak
Menampilkan notifikasi
Ya Login
berhasil
Gambar 3.3 System Flow Login System flow login ini menggambarkan alur sistem customer yang
melakukan login. Customer meng-input username dan password, kemudian sistem akan mengecek inputan username dan password tersebut. Apabila
username dan password tidak valid maka sistem akan memberikan notifikasi kepada customer bahwa login gagal dan apabila inputan username dan password
valid, maka sistem akan memberikan notifikasi kepada customer bahwa login berhasil.
23
C. System Flow Penjualan
Transaksi Penjualan Customer
Sistem Raja Ongkir
Mulai Mencari produk
Apakah produk yang
dicari ada? Meng-input data
produk
Menambahkan ke keranjang belanja
Mengecek status customer
Apakah customer sudah
melakukan login?
Apakah pelanggan sudah mendaftar sebagai
member? Tidak
2 Tidak
Menyimpan data transaksi
penjualan Tabel order
Ya Notifikasi
data transaksi berhasil
disimpan Tidak
Selesai Tabel produk
Barang tidak ditemukan
Data produk
Apakah customer memiliki poin?
Tidak Tabel
customer Mengecek poin
Apakah ingin menggunakan
poin? Ya
Tidak Menghitung potongan harga
Total harga belanja – poin1000
Ya
Total harga belanja
Menghitung total harga
Tabel provinsi
Tabel kota Tabel kurir
Ya
Apakah ingin mendaftar?
Ya Tidak
2
Mengklik gambar produk
Produk ditambahkan
ke keranjang Mengklik icon
keranjang Menampilkan
data keranjang belanja
Informasi keranjang
belanja Meng-input data
pembelian dan memilih lokasi
Menampilkan paket harga kurir
Data paket harga kurir
Memilih paket kurir
Menghitung biaya kirim
1
Mengklik tombol checkout
1
1 Ya
2
Gambar 3.4 System Flow Penjualan
24
System flow transaksi penjualan ini menggambarkan kegiatan customer saat mulai dari melakukan pencarian barang, menambahkan ke keranjang belanja,
melakukan pembayaran. Customer dapat melakukan 2 cara untuk mencari produk, cara pertama customer dapat memanfaatkan search untuk mencari produk dan
kedua customer dapat mengunjungi menu produk untuk melihat katalog produk yang tersedia. Customer memilih produk dan menekan tombol add to cart untuk
menambahkan produk ke keranjang belanja. Untuk melakukan proses selanjutnya, customer menekan tombol icon keranjang belanja untuk melihat daftar belanja
customer. Setelah masuk ke halaman keranjang belanja, customer mengisi data pengiriman dan memilih lokasi tujuan, kemudian kurir akan memberikan
informasi harga kirim sesuai tujuan. Customer memilih paket pengiriman yang tersedia, kemudian sistem menghitung total belanja yang harus dibayar. Sebelum
melakukan proses checkout, sistem akan mengecek status member customer. Untuk status member prabayar, customer dapat menggunakan poin sebagai
potongan harga dan customer juga mendapatkan poin di setiap pembelanjaan minimal Rp. 100.000. Di setiap poin yang digunakan memiliki nilai Rp. 1000,
maka total harga akan dikurangi dengan total potongan harga yang diperoleh dari perhitungan poin tersebut. Customer menekan tombol checkout untuk menyimpan
order ke tabel order dan sistem akan memberikan notifikasi pada halaman website serta mengirimkan invoice ke email customer.
25
D. System Flow Konfirmasi Pembayaran
Konfirmasi Pembayaran Customer
Sistem Admin
Meng-input nomor invoice
Mengecek nomor invoice
Maaf, data tidak valid
Selesai Tidak
Mulai
Tabel order
Apakah no invoice valid?
Tidak Ya
Apakah data valid?
Mengecek data konfirmasi
pembayaran
Ya
Mengubah status pembayaran
Status order rejected
Tidak
Tabel order Apakah ingin
mencoba lagi? 1
Ya 1
Status order paid
Mengklik tombol Reject
Mengubah status pembayaran
Mengklik tombol Confirm
Menyimpan data konfirmasi
pembayaran belanja
Tabel payment confirmation
Gambar 3.5 System Flow Konfirmasi Pembayaran
System flow konfirmasi pembayaran ini menggambarkan alur Customer yang melakukan konfirmasi pembayaran. Customer meng-input nomor invoice,
kemudian sistem akan mengecek status inputan nomor invoice. Apabila nomor
26
tidak valid, maka sistem akan memberikan notifikasi gagal kepada customer dan jika inputan berhasil, maka sistem akan menyimpan data konfirmasi ke tabel
payment confirmation. Admin akan mengecek data konfirmasi. Apabila data tidak valid, maka admin menekan tombol reject dan sistem akan mengubah status
order menjadi rejected dan apabila valid, maka admin menekan tombol confirm dan sistem akan mengubah status order menjadi paid.
3. Context Diagram
Context Diagram merupakan langkah pertama yang menggambarkan asal data dalam menunjukkan aliran data tersebut yang terdiri dari 2 external entity,
yaitu customer dan admin. Context diagram ditunjukkan pada gambar 3.6.
Hasil Pencarian Produk Info Member
Info Order
Data Persetujuan Member Info Stok Produk
Data Pencarian Produk Data Order Produk
Data Username dan Password Data Konfirmasi Pembayaran
Data Produk Terlaris Data Produk Terbaru
Data Diri Customer
Laporan Pembeli Terbanyak Laporan Produk Terlaris
Laporan Penjualan
Data Produk Rancang Bangun Aplikasi
Penjualan Online Perlengkapan Anak pada CV Permata
+
Customer
Admin
Gambar 3.6 Context Diagram
27
4. DFD Level 0
Pada DFD level 0 dibawah ini merupakan penjabaran dari context diagram. Pada level 0 ini terdapat 4 proses yaitu registrasi member, analisa
penjualan, pengolahan data dan pelaporan.
Simpan Data Penjualan Lihat Data Penjualan
Simpan Data Konfirmasi Pembayaran Lihat Produk Terlaris
Lihat Pembeli Terbanyak Lihat Produk
[Hasil Pencarian Produk] Lihat Produk Terlaris
[Info Order] [Info Member]
[Data Persetujuan Member]
Lihat Data Customer [Data Pencarian Produk]
[Data Order Produk]
Lihat Data Penjualan [Laporan Pembeli Terbanyak]
[Laporan Produk Terlaris] [Laporan Penjualan]
Update Data Produk Lihat Produk
[Data Produk] [Info Stok Produk]
Lihat Data Customer Lihat Produk Terbaru
[Data Konfirmasi Pembayaran] [Data Produk Terlaris]
[Data Produk Terbaru] [Data Username dan Password]
Update Data Customer [Data Diri Customer]
Customer 1
Registrasi
+
3
Penjualan
+
2 Pengolahan Data
Admin
4
Pembuatan Laporan
+
1 Tabel Customers
2 Tabel Produk
3 Tabel Order
4 Tabel Order Detail
5 Tabel Payment Confirmation
Gambar 3.7 DFD Level 0
28
5. DFD Level 1 Registrasi