Tujuan Perancangan Sistem Perancangan Antar Muka

65 Gambar 4.4 Diagram Use Case Yang Di Usulkan 4.2.3.1 Definisi Aktor Yang di Usulkan Aktor merupakan orang, proses, atau sistem lain yang berinteraksi dengan sistem informasi yang akan dibuat di luar sistem informasi yang akan dibuat itu sendiri. Berikut adalah deskripsi pendefinisian aktor yang di usulkan pada Sistem Informasi Penjualan dan Pembelian di Toko AR. Rosa A.S-M.Shalahuddin 2013:155 Tabel 4.6 Definisi Aktor dan Deskripsi yang di Usulkan No Aktor Deskripsi 1 Karyawan Pihak yang bertugas dan memiliki hak akses dalam mengelola penjualan dan mencetak laporan penjualan 2 Bag.Keuangan Pihak yang bertugas dan memiliki hak akses dalam Sy st em Ka ry a wa n Ba g.Keua nga n Pe nj ua la n Pem belian St ok Ba rang Lapora n Konsem e n Supplie r M em bua t PO Me ngim put Da t a Pe m belia n Mence t ak Purha se Orde include include include 66 mengelola pembelian,stok barang mencetak surat jalan pembelian dan mencetak laporan stok barang

4.2.3.2 Definisi Use Case Yang di Usulkan

Use Case merupakan fungsionalitas yang disediakan sistem sebagai unit- unit yang saling bertukar pesan antar unit atau aktor. Berikut adalah deskripsi pendefinisian use case yang di usulkan pada Sistem Informasi Penjualan dan Pembelian Di toko AR. Rosa A.S-M.Shalahuddin 2013:155 Tabel 4.7 Definisi Use Case dan Deskripsi yang di Usulkan No Use Case Deskripsi 1 Penjualan Merupakan proses penjualan yang dilakukan oleh karyawan kasir terhadap konsumen. 2 Laporan Merupakan hasil dari transaksi –transaksi yang telah dilakukan seperti karyawan membuat laporan penjualan sedangkan bagian keuangan membuat laporan stok barang 3 Pembelian Merupakan proses yang dikelola oleh Bagian Keuangan untuk membeli barang pada supplier. 4 Stok Barang Merupakan proses yang dilakukan oleh Bagian Keuangan dimana akan menambahkan barang baru. 67

4.2.3.2 Skenario Use Case Yang di Usulkan

Skenario Use Case merupakan narasi tentang aktivitas dalam suatu use case diagram. Adapun skenario use case yang diusulkan pada sistem informasi penjualan dan pembelian di took AR adalah sebagai berikut. Tabel 4.8 Sekenario Use Case Sistem Login yang Diusulkan Identifikasi Nama Use Case Login Aktor Karyawan kasir dan bag.keuangan Tujuan Untuk dapat masuk dan menggunakan program Skenario Utama Karyawan admin dan bag.keuangan Reaksi Sistem 1. Menginput username dan password 2. Memilih button login 3. Eksekusi validasi username dan password dengan database 68 4. Jika tidak sesuai, tampil notifikasi data tidak valid dan kembali ke menu login 5. Jika sesuai maka langsung ke halaman utama program 6. Melakukan aktivitas dalam program Tabel 4.9 Skenario Data Pembelian yang di Usulkan Identifikasi Nama Use Case Pembelian Aktor Bag.keuangan Tujuan Untuk menginputkan data pembelian ikan kedalam database. Skenario Utama Bag.Keuangan Reaksi Sistem 1. Memilih menu master pilih pembelian 2. Menampilkan Form pembelian 69 3. Memilih nama supplier 4. Menampilkan kode supplier 5. Menginput kode barang 6. Menampilkan jenis barang 7. Menginput jumlah barang 8. Menampilkan subtotal pembayaran 9. Memilih menu tambah order

10. Menampilkan data barang

Tabel 4.10 Sekenario Use Case Sistem data penjualan yang Diusulkan Identifikasi Nama Use Case Penjualan Aktor Karyawan kasir Tujuan Untuk menginputkan data penjualan barang kedalam database 70 Skenario Utama Karyawan Admin Reaksi Sistem 1. Memilih menu input penjualan 2. Menampilkan menu input data penjualan 3. Memilih menu tambah 4. Menginput kode barang 5. Menampilkan jenis barang 6. Menginput jumlah barang 7. Menampilkan subtotal pembayaran 8. Memilih tombol hitung total 9. Memilih tombol simpan Tabel 4.11 Sekenario Use Case Sistem Laporan yang Diusulkan Identifikasi Nama Use Case Laporan Aktor Karyawan kasir dan bag.keuangan 71 Tujuan Untuk dapat mencetak laporan penjualan dan stok barang Skenario Utama Karyawan kasir dan bag.keuangan Reaksi Sistem 1. Memilih menu laporan 2. Memilih laporan penjualan atau stok barang 3. Menampilkan menu laporan penjualan atau stok barang 4. Memilih tanggal berapa laporan 5. Menampilkan hasil dari laporan

4.2.3.3 Diagram Activity Yang di Usulkan

Diagram aktivitas adalah cara lainnya untuk memodelkan aliran kejadian. Ada beberapa diagram aktivitas yang sedang berjalan yaitu sebagai berikut. 72 1. Diagram Activity Log In yang diusulkan. Gambar 4.5 Activity Diagram Login yang di Usulkan

2. Diagram Activity Penjualan yang diusulkan

Gambar 4.6 Activity Diagram Penjualan yang diusulkan kar yawan dan Bag. Keuangan Sist em Masuk Fr om Login Ver if ikasi user name dan passwor d Masuk halaman ut ama Mengisi User name dan passwor d unv alid v alid kary awan Sist em Masuk Halaman Ut ama Kary awan I nput dat a t ransaksi Simpan Dat a penjualan Masuk f orm t ransaksi Cek kelengkapan dat a Meny impan ke dat abase Cet ak St ruk Menerima st ruk penjualan 73

3. Diagram Activity Laporan Penjualan yang diusulkan

Gambar 4.7 Activity Diagram Laporan Penjualan yang diusulkan

4. Diagram Activity pembelian yang diusulkan

Gambar 4.8 Activity Diagram Pembelian yang diusulkan kar y awan Sist em Masuk f or m lapor an Masukan input t anggal Membaca input t anggal Mencet ak laporan y ang di pilih Bag. Keuangan Sist em Masuk Halaman Ut ama Bag. keuangan pilih f orm pembelian input dat a Masuk f orm Mast er Menyimpan ke dat abase 74

5. Diagram Activity stok Barang yang diusulkan

Gambar 4.9 Activity Diagram stok Barang yang diusulkan

6. Diagram Activity Laporan stok Barang yang diusulkan

Gambar 4.10 Activity Diagram Laporan Stok Barang yang diusulkan Bag. Keuangan Sist em Masuk Halaman Ut ama bag. keuangan Masuk f orm mast er st ok barang manipulasi dat a Meny impan ke dat abase Bag. Keuangan Sist em Masuk Halaman Ut ama bag. keuangan Masuk f orm laporan st ok-barang masuk input laporan st ok_barang membaca input an laporan mencet ak laporan st ok-barang 75

4.2.4 Perancangan Prosedur yang diusulkan

4.2.4.1 Sequence Diagram

Rosa A.S-M.Shalahuddin 2013:157 Diagram Sekuen menggambarkan kelakuan objek pada use case dengan mendeskripsikan waktu hidup objek dan message yang dikirimkan dan diterima antar objek. Berikut adalah diagram sequen dari sistem informasi penjualan dan pembelian produk makanan berbahan dasar ikan di toko AR Ciparay Kab.Bandung:

1. Sequence Diagram login

Gambar 4.11 Sequence Diagram Login Form login : Kasir Bag.Keuangan Form menu 1 : username dan password 2 : cek username dan password 3 : username dan password unvalid 4 : username dan password valid 76

2. Sequence Diagram Transaksi Penjualan

Gambar 4.12 Sequence Diagram Transaksi Penjualan 3 . Sequence Diagram Laporan Penjualan Gambar 4.13 Sequence Diagram Laporan Penjualan : Kasir Form login Form t ransaksi Form penjualan 1 : username dan password 2 : cek username dan password 3 : username dan password unvalid 4 : username dan password v alid 5 : menampilkan 6 : dat a penjualan 7 : t ambah dat a 8 : simpan dat a : Kasir Form login Form laporan Form laporan penjualan 1 : username dan password 2 : cek username dan password 3 : username dan password unvalid 4 : username dan password valid 5 : menampilkan 6 : data laporan penjualan 7 : pilih tanggal 8 : cetak 77 4 . Sequence Diagram Pembelian Gambar 4.14 Sequence Diagram Pembelian

5. Sequence Diagram Supplier

Gambar 4.15 Sequence Diagram Supplier : Bag. Keuangan Form login Form mast er Form pembelian 1 : username dan password 2 : cek username dan password 3 : username dan password unvalid 4 : username dan password valid 5 : menampilkan 6 : dat a pembelian 7 : t ambah 8 : simpan : Bag. Keuangan Form login Form mast er Form Supplier 1 : username dan password 2 : cek username dan password 3 : username dan password unvalid 4 : username dan password valid 5 : menampilkan 6 : dat a supplier 7 : tambah 8 : simpan 78

6. Sequence Diagram Stok Barang

Gambar 4.16 Sequence Diagram Stok Barang

7. Sequence Diagram Laporan Stok Barang

Gambar 4.17 Sequence Diagram Laporan Stok Barang : Bag.Keuangan Form login Form mast er Form stok barang 1 : username dan password 2 : cek username dan password 3 : username dan password unvalid 4 : username dan password valid 5 : menampilkan 6 : dat a st ok barang 7 : tambah 8 : simpan : Bag. Keuangan Form login Form laporan Form laporan st ok barang 1 : username dan password 2 : cek username dan password 3 : username dan password unvalid 4 : username dan password valid 5 : menampilkan 6 : dat a laporan st ok barang 7 : pilih 8 : cet ak 79

4.2.4.2 Class Diagram Yang Diusulkan

Rosa A.S-M.Shalahuddin 2013:122 Diagram kelas atau class diagram menggambarkan struktur sistem dari segi pendefinisian kelas-kelas yang akan dibuat untuk membangun sistem. Kelas memiliki apa yang disebut atribut dan metode atau operasi. Berikut adalah diagram kelas pada sistem informasi penjualan dan pembelian produk makanan berbahan dasar ikan di toko AR Ciparay Kab.Bandung . Gambar 4.18 Class Diagram yang diusulkan Ma in + Main + Ut ama Pe njuala n + kode_barang + jenis_barang + nama_barang + st ok + harga_barang + jumlah_beli + t ot al_bayar + bayar + kembalian + t ambah + simpan + bat al + hapus La pora n St ok Ba ra ng + Tanggal + Cetak + Bat al Pe mbe lia n + id_supplier + t anggal + kode_barang + jenis_barang + nama_barang + st ok + jumlah_beli + t ambah + simpan + bat al + hapus Dat a_ Supplier + id_supplier + nama_supplier + alamat + no_t elepom + t ambah + simpan + bat al + hapus St ok Ba ra ng + kode_barang + jenis_barang + nama_barang + st ok + harga_barang + t ambah + simpan + bat al + hapus Login + User Name + Password + Login + Lougout + Close La pora n Pe njuala n + Tanggal + Cet ak + Bat al 1 1 1. . 1 1. . 1 1. . 1 1. . 1 1. . 1 1. . 1 1. . 1 1. . 1 80

4.2.4.3 Component Diagram

Diagram komponen atau component diagram dibuat untuk menunjukkan organisasi dan ketergantungan di antara kumpulan komponen dalam sebuah sistem. Diagram komponen fokus pada komponen sistem yang dibutuhkan dan ada di dalam sistem. Rosa A.S – M.Shalahuddin 2013:125. Berikut adalah diagram komponen dari sistem informasi penjualan dan pembelian produk makanan berbahan dasar ikan di toko AR Ciparay Kab.Bandung. Gambar 4.19 Component Diagram yang diusulkan

4.2.5 Perancangan Antar Muka

Pada perancangan antar muka atau interface ini akan menggambarkan rancangan tampilan yang ada dalam sistem yang diusulkan. Adapun yang akan dibahas yaitu struktur menu, perancangan input dan perancangan output. SI Penjualan dan Pembelian Main Pem belian St ok Barang Penjualan Laporan 81

4.2.5.1 Struktur Menu

Pada perancangan struktur menu ini akan dijelaskan tentang link yang saling berhubungan dalam sistem yang diusulkan. Berikut gambarannya: Gambar 4.20 Struktur menu yang diusulkan Menu Utama Stok Barang Login Transaksi Laporan Master File Logout Exit Penjualan Pembelian Laporan Penjualan Laporan Stok Barang Data Supplier Validasi Pembelian 82

4.2.5.2 Perancangan Input

Rancangan tampilan ini dipergunakan bagi pengguna yang berkepentingan untuk menggunakan program aplikasi. Bagi yang berkepentingan menggunakan program aplikasi ini maka terlebih dahulu harus memasukkan username dan password. 1 Rancangan Tampilan Login Perancangan form ini sebagai proses login dari pengurus untuk bisa melanjutkan tahap selanjutnya. Terlebih dahulu user harus mengisikan username, password, dan bagian. Gambar 4.21 Rancangan Tampilan Login 2 Perancanagn Penjualan Perancangan form ini sebagai proses karyawan melakukan proses penjualan kepada konsumen dari pengurus untuk bisa melanjutkan tahap selanjutnya. Selain itu dilengkapi dengan tombol , tambah, simpan, edit, batal, hapus, keluar dan laporan. 83 Gambar 4.22 Rancangan Tampilan Penjualan 3 Perancanagan Pembelian Perancangan form ini sebagai proses bag.keuanagan melakukan proses pembelian kepada suplier dari pengurus untuk bisa melanjutkan tahap selanjutnya. Selain itu dilengkapi dengan tombol , tambah, simpan, edit, batal, hapus, keluar dan laporan Gambar 4.23 Rancangan Tampilan Pembelian 84 4 Perancanagan Validasi Pembelian Perancangan form ini sebagai proses bag.keuanagan melakukan proses validasi pembelian barang dari suplier dari pengurus untuk bisa melanjutkan tahap selanjutnya. Selain itu dilengkapi dengan tombol simpan. Gambar 4.24 Rancangan Tampilan Validasi Pembelian 5 Perancangan Data Supplier Perancangan form ini sebagai proses bag.keuanagan melakukan proses penambahan Data Supplier. Selain itu dilengkapi dengan tombol , tambah, simpan, edit, batal, dan hapus. 85 Gambar 4.25 Rancangan Data Supplier 6 Perancanagn Stok Barang Perancangan form ini sebagai proses bag.keuanagan melakukan proses melakukan pengimputan data barang. Selain itu dilengkapi dengan tombol , tambah, simpan, edit, batal, hapus, keluar dan laporan. Gambar 4.26 Rancangan Tampilan Stok Barang 86

4.2.5.3. Perancangan Output

Rancangan output adalah produk dari sistem informasi yang dihasilkan setelah input dilaksanakan. Hasil dari rancangan input data terlihat dari media keluaran. Dalam rancangan output, sistem informasi ini juga memanfaatkan file database mengandung data-data yang terbilang cukup banyak sehingga membutuhkan tempat yang cukup luas untuk menggambarkan bagaimana sebenarnya rancangan output pada aplikasi yang akan dibuat. 1. Rancangan output Laporan Penjualan Gambar 4.27 Desain Output Laporan Penjualan yang diusulkan Desain tampilan keluaran ini adalah tampilan berupa tabel yang berisi data penjualan yang telah tersimpan di database yang telah di inputkan karyawan kasir untuk memberikan laporan kepada pemilik. 87 2. Rancangan output Barang habis 0 Gambar 4.28 Desain tampilan Output Laporan Barang yang diusulkan Desain tampilan keluaran ini adalah tampilan berupa tabel yang berisi data barang yang habis untuk memberikan laporan kepada pemilik dari bagian keuangan. 88 3. Rancangan output Struk penjualan Gambar 4.29 Desain tampilan output Struk penjualan yang diusulkan Desain tampilan keluaran ini adalah tampilan berupa tabel yang berisi data penjualan yang telah tersimpan di database yang telah di inputkan oleh karyawan kasir. 89 4. Rancangan Output Surat Pesanan Pembelian Gambar 4.30 Desain tampilan Output Surat Pesanan Pembelian yang diusulkan Desain tampilan keluaran ini adalah tampilan berupa tabel yang berisi data pembelian yang telah tersimpan di database yang telah di inputkan oleh Bag.keuangan atas persetujuan pemilik untuk ke supplier.

4.2.6. Perancangan Arsitektur Jaringan

Arsitektur jaringan yaitu untuk gambaran fisik sistem yang akan diterapkan pada omputer yang terhubung dalam sebuah jaringan yang dihubungkan dengan enggunakan kabel-kabel jaringan. Dalam menyusun hubungan antar computer alam sebuah jaringan ini di kenal dengan topologi jaringan. Topologi Jaringan yang menjelaskan hubungan geometris antara unsur- unsur dasar penyusun jaringan, yaitu node, link, dan station. Berikut gambaran umum jaringan yang akan diterapkan yaitu Toplogi Jaringan Bintang : Gambar 4.31 Arsitektur Jaringan 90 90

BAB V IMPLEMENTASI DAN PENGUJIAN SISTEM

5.1. Implementasi

Implementasi adalah suatu proses penerapan rancangan program yang telah dibuat ke dalam sebuah aplikasi pemrograman sesuai dengan tujuan yang diharapkan dari program aplikasi tersebut. Implementasi sistem meliputi kebutuhan perangkat lunak dan perangkat keras. Perancangan Sistem Informasi Penjualan dan Pembelian di Toko AR menggunakan bahasa pemrograman Java dengan aplikasi Netbeans 7.3.1 serta basis data yang digunakan ialah MySQL.

5.1.1. Batasan Implementasi

Dalam Batasan Implementasi ini Penulis Membatasi Pada : 1. Implementasi perangkat lunak. 2. Implementasi perangkat keras. 3. Implementasi basis data 4. Implementasi antar muka. 5. Implementasi instalasi program.

5.1.2. Implementasi Perangkat Lunak

Perangkat lunak adalah sebuah program aplikasi komputer yang dibuat untuk membuat sebuah sistem. Adapun perangkat lunak yang digunakan adalah sebagai berikut : 1. NetBeans IDE 7.3.1 sebagai perangkat lunak yang menyediakan fasilitas memadai untuk membuat suatu program aplikasi.