Block Diagram Context Diagram DFD Level 0

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