BAB IV RANCANGAN SISTEM USULAN

BAB IV RANCANGAN SISTEM USULAN 4.1. Umum Setelah melakukan analisa di CV. The Computer Specialist (TCS) untuk sistem penjualan barang komputer, penulis kemudian merancang sistem yang bersifat komputerisasi yaitu perancangan sistem penjualan barang komputer berbasis web pada CV. The Computer Specialist (TCS) yang terdiri dari rancangan prosedur sistem dan digambarkan ke dalam diagram alir data serta diuraikan menjadi kamus data dan spesifikasi dokumen, rancangan basis data yang digambarkan dengan ERD, LRS dan diuraikan dengan spesifikasi file, struktur kode, spesifikasi program, spesifikasi sistem komputer (hardware dan software) serta jadwal implementasi. 4.2. Prosedur Sistem Usulan Sistem penjualan barang komputer yang dirancang untuk CV. The Computers Specialist memiliki tahapan/prosedur yang harus dilakukan. Tahapan/prosedur rancang sistem ini terdiri dari: 1. Pengolahan data barang Kegiatan awal yang dilakukan adalah mengolah data barang (DB) ke dalam sistem yang dilakukan oleh Administrasi dan tersimpan di file barang. 2. Pelayanan Konsumen Konsumen dapat mengecek data barang yang dicari, spesifikasi barang dan harga barang komputer menggunakan komputer yang disediakan di ruangan 41

42 yang bersumber dari file barang. Konsumen menyampaikan barang yang dipilih/pemesanan barang (PB) secara lisan kepada Administrasi. 3. Pelunasan transaksi Administrasi mengolah data pesanan menjadi data penjualan (DP) ke dalam sistem yang tersimpan di file penjualan, kemudian mendapat mencetak nota penjualan yang bersumber dari file penjualan. Konsumen melakukan pembayaran dan mendapatkan barang komputer yang dipilih dan mendapatkan nota penjualan (NP). 4. Laporan Owner dapat mengakses laporan melalui sistem yang terdiri dari laporan persediaan barang (LPB) yang bersumber dari file barang dan laporan penjualan (LP) dari file penjualan. 4.3. Diagram Alir Data (DAD) Sistem Usulan Prosedur dari rancangan sistem yang telah diuraikan di atas, akan digambarkan ke dalam bentuk diagram alir data (DAD) yang terdiri dari tiga (3) tingkatan, yaitu diagram konteks yang menggambarkan alir data secara global, diagram nol yang menggambarkan alir data secara keseluruhan, dan diagram detail yang menggambarkan rincian dari alir data setiap prosedur/tahapan. Adapun hasil dari penggambaran prosedur rancangan sistem ke dalam bentuk diagram alir data (DAD) dapat dilihat pada halaman berikut ini.

43 Keterangan: DB = Data Barang PB = Pemesanan Barang DP = Data Penjualan NP = Nota Penjualan LPB = Laporan Persediaan Barang LP = Laporan Penjualan Gambar IV.1. Diagram Konteks Sistem Usulan

44 Keterangan: DB = Data Barang PB = Pemesanan Barang DP = Data Penjualan NP = Nota Penjualan LPB = Laporan Persediaan Barang LP = Laporan Penjualan Gambar IV.2. Diagram Nol Sistem Usulan

45 Keterangan: DB = Data Barang PB = Pemesanan Barang DP = Data Penjualan Gambar IV.3. Diagram Detail Proses 1.0 Keterangan: DP = Data Penjualan NP = Nota Penjualan Gambar IV.4. Diagram Detail Proses 2.0

46 4.4. Kamus Data Kamus data menguraikan tentang dokumen-dokumen yang mengalir pada diagram alir data yang telah digambarkan. Kamus data ini terdiri dari dokumen masukan dan dokumen keluaran. 4.4.1. Kamus Data Masukan 1. Nama Dokumen : Data Barang Alias Bentuk data Arus data : DB : Dokumen cetakan komputer : Administrasi Proses 1.0 D.1 File Barang D.1 File Barang Proses 2.0 Konsumen Penjelasan Volume Struktur data : Sebagai data barang : Setiap pengolahan data barang : Isi Isi = no_urut+id_barang+nama_barang+jenis+merk+ keterangan+harga+stok 2. Nama Dokumen : Pemesanan Barang Alias Bentuk data Arus data Penjelasan Volume Struktur data : PB : Lisan : Konsumen Proses 2.0 - Administrasi : Sebagai data pemesanan : 1 PB per 1 konsumen : Isi Isi = {nama_barang+jenis+merk+jumlah}

47 3. Nama Dokumen : Data Penjualan Alias Bentuk data Arus data Penjelasan Volume Struktur data : DP : Dokumen cetakan komputer : Adminsitrasi Proses 3.0 D.2 File Penjualan : Sebagai data penjualan : 1 DP per 1 PB : Isi Isi = {id_penjualan+id_barang+nama_barang+jenis+ merk+ket+harga+jumlah+}+total+tgl+ nama_konsumen 4.4.2. Kamus Data Keluaran 1. Nama Dokumen : Nota Penjualan Alias Bentuk data Arus data : NP : Dokumen cetakan komputer : D.2 File Penjualan Proses 3.0 Administrasi Adminsitrasi Proses 3.0 Konsumen Penjelasan Volume Struktur data : Sebagai Bukti Pembayaran : 1 NP per 1 DP : Isi Isi = {id_penjualan+id_barang+nama_barang+jenis+ merk+ket+harga+jumlah+}+total+tgl+ nama_konsumen 2. Nama Dokumen : Laporan Persediaan Barang Alias : LPB

48 Bentuk data Arus data Penjelasan Volume Struktur data : Dokumen cetakan komputer : D.1 File Barang Proses 4.0 Owner : Sebagai laporan persediaan barang : 1 LPB setiap pengaksesan : Isi Isi = {no_urut+id_barang+nama_barang+jenis+merk+ keterangan+harga+stok} 3. Nama Dokumen : Laporan Penjualan Alias Bentuk data Arus data Penjelasan Volume Struktur data : LP : Dokumen cetakan komputer : D.2 File Penjualan - Proses 4.0 Owner :Sebagai laporan penjualan : 1 LP setiap pengaksesan : Isi Isi = {no_urut+id_penjualan+id_barang+ nama_barang+jenis+merk+ket+harga+jumlah+ sub_total+tgl+nama_konsumen}+total 4.5. Spesifikasi Rancangan Sistem Usulan Spesifikasi rancangan sistem usulan ini menguraikan tentang rancanganrancangan yang berkaitan dengan bentuk dokumen, rancangan basis data, struktur kode dan rancangan program. 4.5.1. Bentuk Dokumen Masukan 1. Nama Dokumen : Data Barang Fungsi : Sebagai data barang

49 Sumber Tujuan Media Jumlah Frekuensi Bentuk : Administrasi : D.1 File Barang - Konsumen : Dokumen cetakan komputer : per 1 DB : Setiap pengaksesan : File 2. Nama Dokumen : Pemesanan Barang Fungsi Sumber Tujuan Media : Sebagai data pemesanan : Konsumen : Administrasi : Lisan Jumlah : 1 Frekuensi Bentuk : Setiap pemesanan : Non-file 3. Nama Dokumen : Data Penjualan Fungsi Sumber Tujuan Media Jumlah Frekuensi Bentuk : Sebagai data penjualan : Administrasi : D.2 File Penjualan : Dokumen cetakan komputer : 1 DP per 1 PB : Setiap pengolahan DP : File

50 4.5.2. Bentuk Dokumen Keluaran 1. Nama Dokumen : Nota Penjualan Fungsi Sumber Tujuan Media Jumlah Frekuensi Bentuk : Sebagai bukti pembayaran : D.2 File Penjualan : Administrasi - Konsumen : Dokumen cetakan komputer : 1 NP per 1 DP : Setiap pelunasan transaksi : Kertas 2. Nama Dokumen : Laporan Persediaan Barang Fungsi Sumber Tujuan Media Jumlah Frekuensi Bentuk : Sebagai laporan persediaan barang : D.1 File Barang : Owner : Dokumen cetakan komputer : 1-3 Lembar : Setiap pengaksesan : File atau Kertas 3. Nama Dokumen : Laporan Penjualan Fungsi Sumber Tujuan Media Jumlah Bentuk : Sebagai laporan penjualan : D.2 File Penjualan : Owner : Dokumen cetakan komputer : 1-3 Lembar : File atau Kertas

51 4.5.3. Entity Relationship Diagram (ERD) Entity relationship diagram (ERD) merupakan rancangan basis data yang menggambarkan hubungan atau relasi yang terjadi antar entitas yang berada pada basis data. Adapun hasil dari ERD yang telah di rancang dapat dilihat pada halaman berikut. Gambar IV.5. Rancangan Entity Relationship Diagram (ERD) 4.5.4. Logical Record Structure (LRS) Logical record structure (LRS) merupakan kardinalitas atau hasil perancangan entitas di dalam basis data yang menggambarkan entitas secara keseluruhan baik yang berelasi maupun tidak. Berikut ini adalah hasil dari LRS yang telah dirancang.

52 Keterangan: * = Primary Key ** = Foreign Key Gambar IV.6. Rancangan Logical Record Structure (LRS) 4.5.5. Spesifikasi File Spesifikasi file berfungsi dalam menguraikan secara rinci setiap atribut yang berada di dalam entitas yang telah dirancang. Adapun spesifikasi file yang dirancang terdiri dari: 1. Spesifikasi file user Nama File Fungsi Tipe File Organisasi File : user : user.sql : untuk menyimpan data pengguna sistem : File Master : Indexed Sequential

53 Akses File Media : Random : Harddisk Panjang record : 46 Kunci Field Software : id_user : MySQL Tabel IV.1. Spesifikasi File User No Nama Field Tipe Panjang Keterangan 1 id_user varchar 5 Primary Key 2 username varchar 20 3 password varchar 20 4 level int 1 2. Spesifikasi file barang Nama File Fungsi Tipe File Organisasi File Akses File Media : barang : barang.sql : untuk menyimpan data barang : File Master : Indexed Sequential : Random : Harddisk Panjang record : 178 Kunci Field Software : id_barang : MySQL

54 Tabel IV.2. Spesifikasi File Barang No Nama Field Tipe Panjang Keterangan 1 id_barang varchar 8 Primary Key 2 nm_barang varchar 30 3 jenis varchar 20 4 merk varchar 20 5 keterangan text 80 6 harga int 11 7 stok int 4 8 id_user varchar 5 Foreign Key 3. Spesifikasi file detail penjualan Nama File Fungsi Tipe File Organisasi File Akses File Media : detail jual : detail_jual.sql : untuk menyimpan data detail penjualan : File Master : Indexed Sequential : Random : Harddisk Panjang record : 23 Kunci Field : - Software : MySQL Tabel IV.3. Spesifikasi File Detail Penjualan No Nama Field Tipe Panjang Keterangan 1 id_jual varchar 11 Foreign Key 2 id_barang varchar 8 Foreign Key 3 jumlah int 4

55 4. Spesifikasi file penjualan Nama File Fungsi Tipe File Organisasi File Akses File Media : penjualan : penjualan.sql : untuk menyimpan data penjualan : File Master : Indexed Sequential : Random : Harddisk Panjang record : 65 Kunci Field Software : id_jual : MySQL Tabel IV.4. Spesifikasi File Penjualan No Nama Field Tipe Panjang Keterangan 1 id_jual varchar 11 Primary Key 2 tgl date 8 3 nm_konsumen varchar 30 4 total int 11 5 id_user varchar 5 Foreign Key 4.5.6. Struktur Kode Struktur kode merupakan aturan untuk merancang kode menjadi unik untuk setiap data yang agar dapat diidentifikasi. Berikut ini adalah rancangan struktur kode yang digunakan.

56 1. Struktur kode user 2. Struktur kode barang Gambar IV.7. Stuktur Kode User 3. Struktur kode penjualan Gambar IV.8. Stuktur Kode Barang Gambar IV.9. Stuktur Kode Penjualan 4.5.7. Spesifikasi Program Spesifikasi program merupakan bentuk penjelasan dari form-form yang dirancang untuk sistem seleksi penjualan computer pada CV. The Computer Spesialist (TCS) Pontianak beserta fungsinya. Adapun spesifikasi program akan diuraikan berdasarkan level aksesnya

57 Gambar IV.10. Hierarchy Input Process Output (HIPO) 1. Spesifikasi Form Login Nama Program Fungsi Program Media Input Bentuk Output : LOGIN : login.php : Kunci Untuk Menampilkan Beranda : Mouse dan Keyboard : Tampilan Rancangan Program : Lampiran C-1 Bahasa Pemrograman : php Proses Program : a. Jalankan Program. b. Masukan Username Dan Password.

58 c. Jika sudah mengakses ke menu login di situ akan timbul menu Username Dan Password, setelah itu bisa memasukan Username dan Password selanjutnya memilih tombol login untuk masuk ke tampilan Utama berikut nya, namun jika salah maka akan mengulangi untuk memasukkan username dan password. 2. Spesifikasi Menu Utama Nama Program Fungsi Program Media Input Bentuk Output : Menu Utama : index.php : Form untuk menampilkan menu utama program : Mouse dan Keyboard : Tampilan Rancangan Program : Lampiran C-2 Bahasa Pemrograman : php Proses Program : a. Jalankan Program. b. Di dalam menu utama terdapat menu kelola data, barang, user, penjualan, laporan penjualan barang, laporan persediaan barang dan logout. 3. Spesifikasi Form Barang Nama Program Fungsi Program Media Input Bentuk Output : barang : barang.php : Form untuk menampilkan barang : Mouse dan Keyboard : Tampilan Rancangan Program : Lampiran C-3

59 Bahasa Pemrograman : php Proses Program : a. jalankan program b. klik TAMBAH untuk menampilkan tambah barang. c. klik UBAH untuk menampilkan ubah barang. d. klik HAPUS untuk menghapus barang. 4. Spesifikasi Form Tambah Barang Nama Program Fungsi Program Media Input Bentuk Output : tambah barang : barangtambah.php : Form untuk menambah barang : Mouse dan Keyboard : Tampilan Rancangan Program : Lampiran C-4 Bahasa Pemrograman : php Proses Program : a. isi kolom-kolom yang tersedia pada tambah barang. b. klik TAMBAH untuk menambah data barang, apabila salah satu atau semua kolom tidak terisi maka akan muncul pesan pemberitahuan, apabila lengkap maka akan tersimpan. c. klik BATAL untuk mengulangi proses penambahan data barang. 5. Spesifikasi Form Ubah Barang Spesifikasi Form Ubah Barang Nama Program : Ubah barang : barangubah.php

60 Fungsi Program Media Input Bentuk Output : Form untuk mengubah barang : Mouse dan Keyboard : Tampilan Rancangan Program : Lampiran C-5 Bahasa Pemrograman : php Proses Program : a. isi kolom-kolom yang tersedia pada tambah barang. b. Klik UBAH untuk mengubah data barang, apabila salah satu atau semua kolom tidak terisi maka akan muncul pesan pemberitahuan, apabila lengkap maka akan tersimpan. c. klik BATAL untuk mengulangi proses pengubahan data barang. 6. Spesifikasi Form User Nama Program Fungsi Program Media Input Bentuk Output : User : user.php : Form untuk menampilkan user : Mouse dan Keyboard : Tampilan Rancangan Program : Lampiran C-6 Bahasa Pemrograman : php Proses Program : a. klik TAMBAH untuk menampilkan tambah user b. klik UBAH untuk mengubah user c. klik HAPUS untuk menghapus user

61 7. Spesifikasi Form Tambah User Nama Program Fungsi Program Media Input Bentuk Output : User : tambahuser.php : Form untuk menampilkan tambahuser : Mouse dan Keyboard : Tampilan Rancangan Program : Lampiran C-7 Bahasa Pemrograman : php Proses Program : a. isi kolom dapat di lakukan oleh user. b. klik TAMBAH untuk menambah data yang di kelola user, apa bila ada penambahan yang ingin dilakukan oleh user. c. klik BATAL untuk mengulang proses penambahan yang di lakukan oleh user 8. Spesifikasi Form Ubah User Nama Program Fungsi Program Media Input Bentuk Output : User : ubahuser.php : Form untuk menampilkan ubahuser : Mouse dan Keyboard : Tampilan Rancangan Program : Lampiran C-8 Bahasa Pemrograman : php Proses Program : a. isi kolom-kolom untuk mengubah data user.

62 b. klik UBAH untuk mengubah data yang di kelola user, apa bila ada perubahan yang ingin dilakukan oleh user. c. klik BATAL untuk mengulang proses pengubahan yang di lakukan oleh user. 9. Spesifikasi Form Penjualan Nama Program Fungsi Program Media Input Bentuk Output : Penjualan : penjualan.php : Form untuk menampilkan penjualan : Mouse dan Keyboard : Tampilan Rancangan Program : Lampiran C-9 Bahasa Pemrograman : php Proses Program : a. klik TAMBAH untuk menampilkan tambah penjualan. b. klik UBAH untuk mengubah penjualan. c. klik HAPUS untuk menghapus penjualan. 10. Spesifikasi Form Tambah Penjualan Nama Program Fungsi Program Media Input Bentuk Output : Penjualan : tambahpenjualan.php : Form untuk menampilkan tambah penjualan : Mouse dan Keyboard : Tampilan Rancangan Program : Lampiran C-10 Bahasa Pemrograman : php

63 Proses Program : a. isi kolom dapat di lakukan oleh penjualan. b. klik TAMBAH untuk menambah data yang di kelola penjualan, apa bila ada penambahan yang ingin dilakukan oleh penjualan. c. klik BATAL untuk mengulang proses penambahan yang di lakukan oleh penjualan. 11. Spesifikasi Form Ubah Penjualan Nama Program Fungsi Program Media Input Bentuk Output : Penjualan : ubahpenjualan.php : Form untuk menampilkan ubah penjualan : Mouse : Tampilan Rancangan Program : Lampiran C-11 Bahasa Pemrograman : php Proses Program : a. isi kolom-kolom untuk mengubah data penjualan. b. klik UBAH untuk mengubah data yang di kelola penjualan, apa bila ada perubahan yang ingin dilakukan oleh penjualan c. klik BATAL untuk mengulang proses pengubahan yang di lakukan oleh penjualan. 12. Spesifikasi Form Laporan Penjualan Barang (cari dan cetak) Nama Program Fungsi Program : Form laporan penjualan barang : lappenjualanbarang.php : menampilkan penjualan barang

64 Media Input Bentuk Output : Mouse : Tampilan Rancangan Program : Lampiran C-12 Bahasa Pemrograman : php Proses Program : a. Isi laporan untuk melakukan penjualan barang. b. isi kolom PENCARIAN untuk mengetahui barang tersebut berada pada kolom penjualan barang dan menampilkan pesan pemberitahuan apabila data tidak ditemukan. c. Klik CETAK untuk mencetak laporan calon penjualan barang. 13. Spesifikasi Form Laporan Persediaan Barang Nama Program Fungsi Program Media Input Bentuk Output : Form laporan persediaan barang : lappersediaanbarang.php : menampilkan persediaan barang : Mouse : Tampilan Rancangan Program : Lampiran C-13 Bahasa Pemrograman : php Proses Program : a. Untuk menampilkan persedian barang. Harus mengetahui PENCARIAN tanggal awal dan tanggal akhir, sistem akan menampilkan data yang dicari apabila data tersebut berada pada basis data dan menampilkan pesan pemberitahuan apabila data tidak ditemukan. b. Klik CETAK untuk mencetak hasil laporan pengolahan data barang.

65 4.6. Spesifikasi Sistem Komputer Spesifikasi sistem komputer ini menguraikan tentang kebutuhan nonfungsional atau kebutuhan dari komputer yang harus disediakan agar rancangan sistem ini dapat direalisasikan. 4.6.1. Umum Spesifikasi sistem komputer yang dirancang ini memerlukan perangkat keras dan perangkat lunak yang memadai agar rancangan sistem ini dapat direalisasikan. Adapun spesifikasi dari perangkat keras dan perangkat lunak akan diuraikan sebagai berikut. 4.6.2. Perangkat Keras Adapun spesifikasi dari perangkat keras yang diperlukan dalam merancang sistem seleksi penerimaan karyawan baru pada CV. The Computer Spesialist (TCS) Pontianak yaitu: 1. CPU (Central Processing Unit) a. Processor : 2 GHz b. Memory : 4 GB c. Harddisk : 500 GB 2. Monitor : Resolusi Layar Maksimum (1366 x 768) 3. Keyboard : 86 keys 4. Mouse : Optical 4.6.3. Perangkat Lunak Adapun spesifikasi dari perangkat lunak yang diperlukan dalam merancang sistem seleksi penerimaan karyawan baru pada CV. The Computer Spesialist (TCS) Pontianak yaitu:

66 1. Sistem Operasi : Windows 7 Ultimate 2. Web Server : Wamp Server 2.1 a. Apache : Apache 2.2.17 b. MySQL : MySQL 5.5.8 c. PHP : PHP 5.3.5 3. Web Editor : Macromedia Dreamweaver 8.0 4. Web Browser a. Mozzila Firefox : Versi 53.0.3 b. Google Chrome : Versi 58.0.3029.110 4.7. Jadwal Implementasi Waktu yang dibutuhkan untuk merancang sistem penjualan komputer CV. The Computer Spesialist (TCS) terhitung tiga (3) bulan.adapun rincian kegiatannya dapat dilihat pada tabel berikut ini. Tabel IV.5. Jadwal Implementasi No Tahapan Kegiatan 1. Analisis Kebutuhan 2. Evaluasi Analis Kebutuhan 3. Perancangan Sistem 4. Evaluasi Rancangan Sistem Dalam Satuan Minggu Juni Juli Agustus 1 2 3 4 1 2 3 4 1 2 3 4