BAB IV
PERANCANGAN SISTEM USULAN
4.1. Tahapan Perancangan Sistem 4.1.1. Analisis Kebutuhan
Analisis kebutuhan merupakan langkah awal untuk menentukan gambaran perangkat yang akan dihasilkan ketika pengembang melaksanakan sebuah proyek pembuatan perangkat lunak.
Perangkat lunak yang baik dan sesuai dengan kebutuhan pengguna sangat tergantung pada keberhasilan dalam melakukan analisis kebutuhan. Secara fungsional kebutuhan Sistem Informasi Penjualan Berbasis Mobile pada Bee Cell adalah sebagai berikut:
1. Pemilik Toko
a. Pemilik toko dapat melakukan login dengan user dan password sesuai dengan pengaturan pengguna pemilik toko.
b. Pemilik toko dapat melihat laporan penjualan 2. Pelayan Toko
a. Pelayan toko dapat melakukan login dengan user dan password sesuai dengan pengaturan pengguna pelayan toko.
b. Melihat transaksi yang masuk dari pembeli.
3. Admin Toko
a. Admin toko dapat melakukan login dengan user dan password sesuai dengan pengaturan pengguna admin toko.
b. Admin toko mencetak laporan stok dan transaksi penjualan
4. Pembeli
a. Pembeli dapat melakukan login dengan user dan password sesuai dengan pengaturan pengguna pembeli.
b. Pembeli melakukan transaksi pembelian barang.
c. Pembeli melakukan transaksi pembayaran.
d. Pembeli melakukan konfirmasi penerimaan barang.
4.1.2. Rancangan Diagram Use Case
Sumber : Hasil Olah Data Penulis (2021)
Gambar IV.1 Use Case Diagram Metode Penjualan Barang
Tabel IV.1.
Deskripsi Use Case Diagram Transaksi Pembelian
Use Case Name Transaksi pembelian
Requirements Ada barang yang dipilih oleh pembeli
Actors Pembeli
Goal Terjadi transaksi pembelian barang oleh pembeli Pre Conditions Pembeli memilih barang
Post-Conditions Pembeli melakukan transaksi pembelian
Failed end Conditions 1. Pembeli tidak bisa memilih barang
2. Pembeli tidak bisa melakukan transaksi pembelian Main Flow/Basic Path 3. Pembeli memilih barang
4. Pembeli melakukan transaksi pembelian Alternate
Flow/Invariant A
A1. Pembeli bisa memilih barang
A2. Pembeli tidak bisa melakukan transaksi pembelian Sumber : Hasil Olah Data Penulis (2021)
Tabel IV.2.
Deskripsi Use Case Diagram Melakukan Pembayaran
Use Case Name Melakukan pembayaran
Requirements Pembeli sudah melakukan transaksi pembelian dengan aplikasi
Actors Pembeli
Goal Terjadi transaksi pembayaran oleh pembeli Pre Conditions Pembeli sudah melakukan transaksi pembelian Post-Conditions Pembeli melakukan transaksi pembayaran
Failed end Conditions 1. Pembeli tidak bisa melihat kode transaksi pembelian 2. Pembeli tidak bisa melakukan transaksi pembayaran Main Flow/Basic Path 4.1.1.1.1.1.1 Pembeli sudah melakukan transaksi
pembelian
4.1.1.1.1.1.2 Pembeli melakukan transaksi pembayaran
Alternate
Flow/Invariant A
A1. Pembeli sudah melakukan transaksi pembelian A2. Pembeli tidak melakukan transaksi pembayaran Sumber : Hasil Olah Data Penulis (2021)
Tabel IV.3.
Deskripsi Use Case Diagram Melihat Transaksi Penjualan
Use Case Name Melihat transaksi penjualan
Requirements Ada pembeli yang sudah melakukan transaksi pembelian
Actors Pelayan toko
Goal Pelayan toko mengetahui ada transaksi pembelian.
Pre Conditions Pelayan toko mengakses menu transaksi penjualan Post-Conditions Pelayan toko dapat melihat transaksi penjualan
Failed end Conditions Pelayan toko tidak melihat transaksi penjualan
Main Flow/Basic Path 1. Pelayan toko mengakses menu transaksi penjualan 2. Pelayan toko dapat melihat transaksi penjualan
Alternate
Flow/Invariant A
A1. Pelayan toko tidak mengakses menu transaksi penjualan
A2. Pelayan toko tidak melihat transaksi penjualan Sumber : Hasil Olah Data Penulis (2021)
Tabel IV.4. Deskripsi Use Case Diagram Konfirmasi Penerimaan
Use Case Name Menerima barang
Actors Pembeli
Requirements Ada barang yang dikirim oleh pihak penjual Goal Pembeli mengkonfirmasi menerima barang yang
dibeli sesuai dengan pesanan Pre Conditions Ada transaksi pembayaran
Post-Conditions 1. Pembeli melakukan transaksi pembayaran 2. Pelayan toko mengirimkan barang
Failed end Conditions Pembeli tidak menerima barang Main Flow/Basic Path 1. Pembeli melakukan pembayaran
2. Pembeli konfirmasi menerima barang Alternate
Flow/Invariant A
A1. Pembeli tidak melakukan pembayaran A2. Pembeli tidak menerima barang Sumber : Hasil Olah Data Penulis (2021)
Tabel IV.5.
Deskripsi Use Case Diagram Mencetak Laporan Use Case Name Mencetak laporan
Requirements Terdapat transaksi penjualan
Actors Admin toko
Goal Admin toko dapat mencetak laporan Pre Conditions Terdapat transaksi pembelian
Post-Conditions Admin toko dapat mencetak laporan Failed end Conditions Admin toko tidak dapat mencetak laporan Main Flow/Basic Path 1. Admin toko mengakses menu laporan
2. Admin toko dapat mencetak laporan Alternate
Flow/Invariant A
A1. Admin toko tidak mengakses menu laporan A2. Admin toko tidak dapat mencetak laporan Sumber : Hasil Olah Data Penulis (2021)
Tabel IV.6.
Deskripsi Use Case Diagram Melihat laporan Use Case Name Melihat laporan
Requirements Terdapat transaksi penjualan barang
Actors Pemilik toko
Goal Pemilik toko dapat melihat laporan transaksi penjualan dan stok
Pre Conditions Terdapat transaksi penjualan barang Post-Conditions Pemilik toko dapat melihat laporan Failed end Conditions Pemilik toko tidak dapat melihat laporan Main Flow/Basic Path 1. Pemilik toko mengakses menu laporan
2. Pemilik toko dapat melihat laporan Alternate
Flow/Invariant A
A1. Pemilik toko tidak dapat mengakses menu laporan A2. Pemilik toko tidak dapat melihat laporan
Sumber : Hasil Olah Data Penulis (2021)
4.1.3. Rancangan Diagram Activity
Gambar IV.12
Activity Diagram Sistem Penjualan
4.1.4. Rancangan Dokumen Sistem Usulan
Rancangan dokumen yang dihasilkan oleh sistem usulan ini hanya dokumen keluaran.
Adapun spesifikasi dokumen dari sistem usulan ini adalah sebagai berikut:
1. Nama dokumen : Nota Penjualan
Fungsi : Dokumen bukti transaksi penjualan Sumber : Admin toko
Tujuan : Pembeli Media : Kertas
Jumlah : Sesuai dengan total jumlah transaksi Frekuensi : Setiap ada transaksi penjualan Bentuk : Lihat lampiran B.1
2. Nama dokumen : Laporan Transaksi Penjualan
Fungsi : Dokumen laporan jumlah transaksi penjualan Sumber : Admin toko
Tujuan : Pemilik toko
Media : Kertas
Jumlah : sesuai dengan total jumlah transaksi Frekuensi : Satu bulan sekali
Bentuk : Lihat lampiran C.1
4.1.5. Rancangan Prototype
Pada bagian ini menjelaskan rancangan antar muka yang terdapat pada sistem informasi penjualan. Berikut adalah penggambaran antarmuka yang dibuat:
1. Halaman Splash Screen
Gambar IV.13 Halaman Splash Screen
Splash Screen merupakan halaman yang tampil sebelum halaman home atau halaman login.
Biasanya halaman ini menampilkan nama aplikasi, merek atau identitas yang lain.
2. Halaman Login
Gambar IV.14 Halaman Login
Halaman login ditampilkan setelah halaman splash screen dijalankan merupakan halaman yang pertama kali tampil pada saat aplikasi dijalankan dengan tujuan untuk mengecek pengguna yang akan menggunakan aplikasi ini sudah terdaftar didalam sistem.
3. Halaman Registrasi
Gambar IV.14 Halaman Registrasi
Halaman registrasi digunakan untuk membuat pengguna baru yang nanti akan dijadikan data untuk login. Halaman registrasi dijalankan saat menu registrasi dijalankan.
4. Halaman Utama / Home
Gambar IV.14 Halaman Utama/Home
Halaman menu utama merupakan menu yang menampilkan daftar produk secara umum.
Semua kategori, promosi maupun produk lain akan ditampilkan semua.
5. Halaman Detail Produk
Gambar IV.15 Halaman Detail Produk
Halaman detail produk ditampilkan saat salah satu produk pada halaman home atau halaman yang lebih umum diklik atau dijalankan. Halaman ini berisi keterangan detail dari produk yang dipilih.
6. Halaman Transaksi Pembayaran
Gambar IV.16
Halaman Transaksi Pembayaran
Halaman pembayaran ditampilkan saat daftar transaksi pembelian diproses, diklik atau dijalankan. Halaman ini berisi jumlah total transaksi pembelian.
7. Halaman Login Admin Web
Gambar IV.17
Halaman Login Web Admin
Halaman login admin web merupakan halaman yang pertama kali tampil pada saat aplikasi web administrator dijalankan dengan tujuan untuk mengecek pengguna yang akan menggunakan aplikasi ini sudah terdaftar didalam sistem.
8. Halaman Input Data Barang Web
Gambar IV.18
Halaman Input Data Barang
Halaman input data barang merupakan salah satu halaman administrasi untuk memasukan data barang yang dipakai pada aplikasi mobile.
4.2. Perancangan Perangkat Lunak 4.2.1. Entity Relationship Diagram (ERD)
Perancangan basis data menghasilkan pemetaan tabe-tabel yang digambarkan dengan Entity Relationship Diagram (ERD). Entity Relationship Diagram digunakan untuk pemodelan database
sistem yang akan dibuat. Pemodelan database yang digunakan memiliki hubungan dalam setiap entitasnya. Berikut adalah bentuk ERD dari perancangan sistem yang dibuat:
Sumber : Hasil Olah Data Penulis (2021)
Gambar IV.14
Entity Relationship Diagram
4.2.2. Logical Record Stucture (LRS)
Sumber : Hasil Olah Data Penulis (2021)
Gambar IV.15 Logic Record Structure
4.2.3. Spesifikasi File
Spesifikasi file berhubungan dengan struktur dari database berupa kolom-kolom (fields), tipe data dan panjang karakter dari tipe data tersebut.
1. Spesifikasi Tabel Pengguna Nama database : dbPenjualan Nama file : Tabel Pengguna Fungsi : File data login Panjang record : 55 karakter Akronim : pengguna
Tipe file : File Master Akses file : Random Kunci field : username
Tabel IV.7. Spesifikasi File Tabel Pengguna
No Nama Field Tipe Data Lebar Keterangan
1 username Varchar 10 User name
2 nama_pengguna Varchar 30 Nama Pengguna
3 password Varchar 10 Password
4 level Varchar 5 Level Akses
2. Spesifikasi Tabel Barang Nama database : dbPenjualan Nama file : Tabel Barang
Fungsi : File untuk data barang Panjang record : 60 karakter
Akronim : barang Tipe file : File Master Akses file : Random Kunci field : id_barang
Tabel IV.8.
Spesifikasi File Tabel Barang
No Nama Field Tipe Data Lebar Keterangan
1 id_barang Varchar 10 Kode Barang
2 nama Varchar 30 Nama Pengguna
3 keterangan Varchar 10 keterangan
4 harga Numeric 10 Harga Barang
3. Spesifikasi Tabel Order
Nama database : dbPenjualan Nama file : Tabel Order
Fungsi : File data transaksi penjualan Panjang record : 62 karakter
Akronim : Order
Tipe file : File Transaksi Akses file : Random Kunci field : id_order
Tabel IV.9
Spesifikasi File Tabel Order
No Nama Field Tipe Data Lebar Keterangan
1 id_order Varchar 10 User name
2 tanggal Varchar 30 Nama Pengguna
3 no_bukti Varchar 10 Password
4 status_order Int 1 Status order
5 Status_finish Int 1 Status pembayaran
6 username Varchar 10 User name
4. Spesifikasi Tabel Order Detail Nama database : dbPenjualan Nama file : Tabel Order Detail
Fungsi : File data transaksi penjualan detail Panjang record : 30 karakter
Akronim : order_detail Tipe file : File Transaksi Akses file : Random Kunci field : id_detail
Tabel IV.10.
Spesifikasi File Tabel Order Detail
No Nama Field Tipe Data Lebar Keterangan
1 id_detail Int 5 Id Order Detail
2 id_order Varchar 10 Id Order
3 id_barang Varchar 10 Kode Barang
4 qty Int 5 Jumlah Barang
5. Spesifikasi Tabel Pembayaran Nama database : dbPenjualan Nama file : Tabel Pembayaran
Fungsi : File data transaksi pembayaran Panjang record : 20 karakter
Akronim : pembayaran Tipe file : File Transaksi Akses file : Random Kunci field : id_bayar
Tabel IV.11.
Spesifikasi File Tabel Pembayaran
No Nama Field Tipe Data Lebar Keterangan
1 id_bayar Int 5 Id Pembayaran
2 id_order Varchar 10 Id Order
3 tanggal Date Tanggal Bayar
4 Jml_bayar Int 5 Jumlah Pembayaran
4.2.4. Class Model / Class Diagram
Class Diagram menggambarkan struktur sistem dari segi pendefinisian kelas-kelas yang akan dibuat untuk membangun sistem.
Sumber : Hasil Olah Data Penulis (2021)
Gambar IV.22 Class Diagram
4.2.5. Sequence Diagram
Sequence diagram memperlihatkan atau menampilkan interaksi-interaksi antar objek di
dalam suatu sistem yang disusun pada sebuah urutan atau rangkaian waktu. Interaksi antar objek tersebut termasuk pengguna, display, dan sebagainya berupa pesan. Diagram ini secara khusus berasosiasi dengan use case diagram. Sequence diagram juga memperlihatkan tahap demi tahap apa yang seharusnya terjadi untuk menghasilkan sesuatu didalam use case.
1. Sequence Login
Sumber : Hasil Olah Data Penulis (2021)
Gambar IV.23 Sequence Login
2. Sequence Input Data Barang
Sumber : Hasil Olah Data Penulis (2021)
Gambar IV.24 Sequence Input Barang
3. Sequence Input Order
Sumber : Hasil Olah Data Penulis (2021)
Gambar IV.26 Sequence Input Order
4.2.6. Spesifikasi Hardware dan Software
Sarana pendukung program sangat diperlukan untuk implementasi program yang hendak dirancang, sehingga diharapkan perancangan program dapat dijalankan tanpa ada hambatan dan memenuhi kebutuhan yang ada. Sarana pendukung program yang diketahui sesungguhnya antara lain Hardware, Software dan Brainware. Akan tetapi sarana pendukung program yang digunakan penulis dalam penulisan tugas akhir ini hanya meliputi pembahasan mengenai perangkat keras (hardware) dan lunak (software).
Suatu perangkat keras yang bagaimanapun canggihnya, tanpa didukung perangkat lunak yang baik, maka perangkat keras tersebut tidak dapat dimanfaatkan sebagaimana mestinya. Begitu pun sebaliknya dengan perangkat lunak, seberapa canggihnya perangkat lunak yang tersedia tanpa adanya perangkat keras yang memadai tidak akan berjalan dengan baik perangkat lunak tersebut.
Perangkat keras yang dapat digunakan adalah perangkat keras yang didukung oleh perangkat lunak yang baik dan lengkap. Melihat pentingnya sarana perangkat keras serta lunak yang hendak digunakan, maka diperlukan suatu keterpaduan yang dapat saling mendukung satu dengan lainnya.
1. Spesifikasi Hardware
a. Perangkat keras untuk web server
Processor : Intel Core I5 2,0 Ghz Memory Size (RAM) : 4 GB (DDRAM)
Monitor : LED 14”
Harddisk : HDD 1 TB
Keyboard : PS2 107 Keys
Mouse : Optical Mouse
b. Perangkat keras untuk client
Processor : Pentium Dual Core 2.0 Mhz Memory Size (RAM) : 4 GB (DDRAM)
Monitor : LCD 15”
Drive : DVD/DVD RW
Harddisk : HDD 500 GB
Keyboard : PS2 107 Keys
Mouse : Optical Mouse
Printer : Deskjet
2. Spesifikasi Software
a. Perangkat lunak untuk web server
Sistem Operasi : Windows 10/Linux Bahasa Program : PHP
Interpreter : PHP 5.2.6
Database Server : MySQL Server Versi 5.0.45 Web Server : Apache Versi 2.0
Database Tools : PhpMyadmin versi 2.11.3 b. Perangkat lunak untuk client
Operating System : Android versi 8
Browser : Mozilla Firefox, Google Chrome
4.3. Jadwal Implementasi
JENIS KEGIATAN
Bulan 1 Bulan 2 Bulan 3
1 2 3 4 1 2 3 4 1 2 3 4 Persiapan data
awal
Analisa
Desain Sistem Desain perangkat
lunak
Pembuatan dan
Tes Program Tes Sistem