41
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
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.
Keterangan:
DB = Data Barang PB = Pemesanan Barang DP = Data Penjualan NP = Nota Penjualan
LPB = Laporan Persediaan Barang LP = Laporan Penjualan
Sumber: Hasil Penelitian (2017)
Keterangan:
DB = Data Barang PB = Pemesanan Barang DP = Data Penjualan NP = Nota Penjualan
LPB = Laporan Persediaan Barang LP = Laporan Penjualan
Sumber: Hasil Penelitian (2017)
Keterangan:
DB = Data Barang PB = Pemesanan Barang DP = Data Penjualan Sumber: Hasil Penelitian (2017)
Gambar IV.3. Diagram Detail Proses 1.0
Keterangan:
DP = Data Penjualan NP = Nota Penjualan
Sumber: Hasil Penelitian (2017)
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 : DB
Bentuk data : Dokumen cetakan komputer
Arus data : Administrasi – Proses 1.0 – D.1 File Barang D.1 File Barang – Proses 2.0 – Konsumen Penjelasan : Sebagai data barang
Volume : Setiap pengolahan data barang Struktur data : Isi
Isi = no_urut+id_barang+nama_barang+jenis+merk+ keterangan+harga+stok
2. Nama Dokumen : Pemesanan Barang
Alias : PB
Bentuk data : Lisan
Arus data : Konsumen – Proses 2.0 - Administrasi Penjelasan : Sebagai data pemesanan
Volume : 1 PB per 1 konsumen
Struktur data : Isi
3. Nama Dokumen : Data Penjualan
Alias : DP
Bentuk data : Dokumen cetakan komputer
Arus data : Adminsitrasi – Proses 3.0 – D.2 File Penjualan Penjelasan : Sebagai data penjualan
Volume : 1 DP per 1 PB
Struktur data : 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 : NP
Bentuk data : Dokumen cetakan komputer
Arus data : D.2 File Penjualan – Proses 3.0 – Administrasi Adminsitrasi – Proses 3.0 – Konsumen
Penjelasan : Sebagai Bukti Pembayaran
Volume : 1 NP per 1 DP
Struktur data : Isi
Isi = {id_penjualan+id_barang+nama_barang+jenis+ merk+ket+harga+jumlah+}+total+tgl+
nama_konsumen
2. Nama Dokumen : Laporan Persediaan Barang
Bentuk data : Dokumen cetakan komputer
Arus data : D.1 File Barang – Proses 4.0 – Owner Penjelasan : Sebagai laporan persediaan barang Volume : 1 LPB setiap pengaksesan
Struktur data : Isi
Isi = {no_urut+id_barang+nama_barang+jenis+merk+ keterangan+harga+stok}
3. Nama Dokumen : Laporan Penjualan
Alias : LP
Bentuk data : Dokumen cetakan komputer
Arus data : D.2 File Penjualan - Proses 4.0 – Owner Penjelasan :Sebagai laporan penjualan
Volume : 1 LP setiap pengaksesan Struktur data : 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 rancangan-rancangan yang berkaitan dengan bentuk dokumen, rancangan-rancangan basis data, struktur kode dan rancangan program.
4.5.1. Bentuk Dokumen Masukan 1. Nama Dokumen : Data Barang
Sumber : Administrasi
Tujuan : D.1 File Barang - Konsumen
Media : Dokumen cetakan komputer
Jumlah : per 1 DB
Frekuensi : Setiap pengaksesan
Bentuk : File
2. Nama Dokumen : Pemesanan Barang
Fungsi : Sebagai data pemesanan
Sumber : Konsumen
Tujuan : Administrasi
Media : Lisan
Jumlah : 1
Frekuensi : Setiap pemesanan
Bentuk : Non-file
3. Nama Dokumen : Data Penjualan
Fungsi : Sebagai data penjualan
Sumber : Administrasi
Tujuan : D.2 File Penjualan
Media : Dokumen cetakan komputer
Jumlah : 1 DP per 1 PB
Frekuensi : Setiap pengolahan DP
4.5.2. Bentuk Dokumen Keluaran
1. Nama Dokumen : Nota Penjualan
Fungsi : Sebagai bukti pembayaran
Sumber : D.2 File Penjualan
Tujuan : Administrasi - Konsumen
Media : Dokumen cetakan komputer
Jumlah : 1 NP per 1 DP
Frekuensi : Setiap pelunasan transaksi
Bentuk : Kertas
2. Nama Dokumen : Laporan Persediaan Barang
Fungsi : Sebagai laporan persediaan barang
Sumber : D.1 File Barang
Tujuan : Owner
Media : Dokumen cetakan komputer
Jumlah : 1-3 Lembar
Frekuensi : Setiap pengaksesan
Bentuk : File atau Kertas
3. Nama Dokumen : Laporan Penjualan
Fungsi : Sebagai laporan penjualan
Sumber : D.2 File Penjualan
Tujuan : Owner
Media : Dokumen cetakan komputer
Jumlah : 1-3 Lembar
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.
Sumber: Hasil Penelitian (2017)
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.
Keterangan:
* = Primary Key
** = Foreign Key
Sumber: Hasil Penelitian (2017)
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 : user Akronim : user.sql
Fungsi : untuk menyimpan data pengguna sistem Tipe File : File Master
Akses File : Random Media : Harddisk Panjang record : 46 Kunci Field : id_user
Software : 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
Sumber: Hasil Penelitian (2017) 2. Spesifikasi file barang
Nama File : barang Akronim : barang.sql
Fungsi : untuk menyimpan data barang Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Harddisk Panjang record : 178 Kunci Field : id_barang
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
Sumber: Hasil Penelitian (2017) 3. Spesifikasi file detail penjualan
Nama File : detail jual Akronim : detail_jual.sql
Fungsi : untuk menyimpan data detail penjualan Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : 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
4. Spesifikasi file penjualan Nama File : penjualan Akronim : penjualan.sql
Fungsi : untuk menyimpan data penjualan Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Harddisk Panjang record : 65 Kunci Field : id_jual
Software : 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
Sumber: Hasil Penelitian (2017) 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.
1. Struktur kode user
Sumber: Hasil Penelitian (2017)
Gambar IV.7. Stuktur Kode User 2. Struktur kode barang
Sumber: Hasil Penelitian (2017)
Gambar IV.8. Stuktur Kode Barang 3. Struktur kode penjualan
Sumber: Hasil Penelitian (2017)
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
Sumber: Hasil Penelitian (2017)
Gambar IV.10. Hierarchy Input Process Output (HIPO) 1. Spesifikasi Form Login
Nama Program : LOGIN
Akronim : login.php
Fungsi Program : Kunci Untuk Menampilkan Beranda Media Input : Mouse dan Keyboard
Bentuk Output : Tampilan Rancangan Program : Lampiran C-1 Bahasa Pemrograman : php
Proses Program :
a. Jalankan Program.
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 : Menu Utama
Akronim : index.php
Fungsi Program : Form untuk menampilkan menu utama program Media Input : Mouse dan Keyboard
Bentuk Output : 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 : barang
Akronim : barang.php
Fungsi Program : Form untuk menampilkan barang Media Input : Mouse dan Keyboard
Bentuk Output : Tampilan Rancangan Program : Lampiran C-3
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 : tambah barang
Akronim : barangtambah.php
Fungsi Program : Form untuk menambah barang Media Input : Mouse dan Keyboard
Bentuk Output : 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
Fungsi Program : Form untuk mengubah barang Media Input : Mouse dan Keyboard
Bentuk Output : 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 : User
Akronim : user.php
Fungsi Program : Form untuk menampilkan user Media Input : Mouse dan Keyboard
Bentuk Output : Tampilan Rancangan Program : Lampiran C-6 Bahasa Pemrograman : php
Proses Program :
a. klik TAMBAH untuk menampilkan tambah user b. klik UBAH untuk mengubah user
7. Spesifikasi Form Tambah User
Nama Program : User
Akronim : tambahuser.php
Fungsi Program : Form untuk menampilkan tambahuser Media Input : Mouse dan Keyboard
Bentuk Output : 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 : User
Akronim : ubahuser.php
Fungsi Program : Form untuk menampilkan ubahuser Media Input : Mouse dan Keyboard
Bentuk Output : Tampilan Rancangan Program : Lampiran C-8 Bahasa Pemrograman : php
Proses Program :
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 : Penjualan
Akronim : penjualan.php
Fungsi Program : Form untuk menampilkan penjualan Media Input : Mouse dan Keyboard
Bentuk Output : 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 : Penjualan
Akronim : tambahpenjualan.php
Fungsi Program : Form untuk menampilkan tambah penjualan Media Input : Mouse dan Keyboard
Bentuk Output : Tampilan Rancangan Program : Lampiran C-10 Bahasa Pemrograman : php
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 : Penjualan
Akronim : ubahpenjualan.php
Fungsi Program : Form untuk menampilkan ubah penjualan
Media Input : Mouse
Bentuk Output : 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 : Form laporan penjualan barang Akronim : lappenjualanbarang.php
Media Input : Mouse Bentuk Output : 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 : Form laporan persediaan barang Akronim : lappersediaanbarang.php
Fungsi Program : menampilkan persediaan barang
Media Input : Mouse
Bentuk Output : 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.
4.6. Spesifikasi Sistem Komputer
Spesifikasi sistem komputer ini menguraikan tentang kebutuhan non-fungsional 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
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
Dalam Satuan Minggu
Juni Juli Agustus
No Tahapan Kegiatan
1 2 3 4 1 2 3 4 1 2 3 4 1. Analisis Kebutuhan
2. Evaluasi Analis Kebutuhan 3. Perancangan Sistem
4. Evaluasi Rancangan Sistem Sumber: Hasil Penelitian (2017)
