BAB IV PERANCANGAN SISTEM
4.1 Prosedur Penjualan Yang Diusulkan Prosedur penjualan yang diusulkan pada CV.Persada Bintan adalah sebagai berikut : a.
Bagian produksi meng-input jenis barang kedalam database printing.
b.
Jenis barang akan tampil di halaman website.
c.
Pelanggan yang ingin membeli barang, harus melakukan registrasi menjadi member website dengan memasukkan data pelanggan pada menu registrasi.
d.
Setelah
registrasi,
pelanggan
dapat
memesan
barang
dengan
memasukkan daftar pesanannya. e.
Setelah itu pelanggan melakukan proses konfirmasi pembelian barang yang dipesan dan menginput data transfer kedalam database printing.
f.
Selanjutnya maka daftar pesanan barang yang telah di input akan masuk ke database table trhistoryorder, Yang kemudian secara otomatis akan masuk ke daftar pesanan dan akan diproses oleh sistem dan diterima oleh bagian produksi.
g.
Setelah semua telah di konfirmasi maka di cetak sebuah surat perintah kerja yang ditujukan kepada bagian produksi. 61
62
h.
Bagian produksi mendapat Surat perintah kerja dan melakukan proses pencetakan pesanan dan mengeluarkan invoice sebanyak 2 rangkap, 1 rangkap diberikan kepada kasir untuk diarsip dan 1 lagi diberikan kepada pelanggan.
i.
Kemudian kasir juga membuat laporan penjualan yang akan diberikan kepada pimpinan perusahaan.
63
Pelanggan
Bagian produksi
Kasir
Pimpinan
Jenis Barang
Registrasi
Input Jenis Barang
Printing
Menu Utama
1
2
Pesanan Keranjang Belanja
Input Data Pesanan Cetak Surat perintah kerja
Konfirmasi Pembelian Surat perintah kerja
Data transfer
2 Proses pencetakan
1 Invoice Invoice
Invoice
Cetak Laporan Penjualan penjualan
Laporan Penjualan
Laporan Penjualan
Gambar 4.1 Flowmap Usulan Penjualan Jasa Percetakan Online
64
4.2 Diagram Konteks Diagram konteks adalah diagram yang terdiri dari suatu proses dan menggambarkan ruang lingkup suatu sistem. Diagram konteks berisi gambaran umum (secara garis besar) sistem yang akan dibuat. Secara kalimat, dapat dikatakan bahwa diagram konteks ini berisi “siapa saja yang memberi data (dan data apa saja) ke sistem, serta kepada siapa saja informasi (dan informasi apa saja) yang harus dihasilkan sistem.”
Data Pelanggan, Data Pesanan
Kasir invoice
Pelanggan
Invoice
Pemanfaatan VAS untuk meningkatkan jasa percetakan
Laporan Penjualan
Pimpinan
Bagian Produksi Data Barang
Gambar 4.2 Rancangan Diagram Konteks
4.3 Data Flow Diagram (DFD) Data Flow Diagram (DFD) adalah diagram yang digunakan untuk menggambarkan suatu aplikasi yang sudah jadi atau aplikasi yang baru dirancang yang akan dikembangkan secara logika, tanpa mempertimbangkan
65
lingkungan fisik kemana data tersebut disimpan. Disamping itu Data Flow Diagram (DFD) juga dapat menggambarkan arus data yang terstruktur dan jelas dari mulai pengisian data sampai dengan keluarannya. Arus data pada Data Flow Diagram (DFD) ini dapat berupa masukan untuk aplikasi atau keluaran dari aplikasi, sehingga akan menghasilkan sebuah keluaran yang akan disampingkan pada pengguna atau penerima aplikasi.
4.3.1
Data Flow Diagram Level 0 Bagian Produksi
Pelanggan
Data Barang Data Pelanggan
2.0 Pengolaha n Data Barang
1.0 Registe r Data Pelanggan
Data Barang
msuser
msgalleryproduct Data Barang
Data Pelanggan
Data Pesanan
3.0 Pemesa nan
Data Pesanan
4.0 Pembay aran Data Transfer
Data Pesanan trhistoryorder Data Pesanan
trtransfer Data Barang Invoice
Data Transfer
5.0 Cetak
Invoice Laporan Penjualan Kasir Pimpinan
Gambar 4.3 Data Flow Diagram Level 0
66
Dari DFD level 0 di atas terdapat empat proses yang dapat dijabarkan sebagai berikut : a.
Proses 1.0 adalah proses Register yang datanya berasal dari pelanggan kemudian disimpan pada database msuser.
b.
Proses 2.0 adalah proses penginputan data barang dimana data diinputkan oleh bagian produksi kemudian disimpan kedalam database msgalleryproduk.
c.
Proses 3.0 adalah proses pemesanan barang dimana data yang diinputkan berasal dari database msgalleryproduk kemudian disimpan kedalam database trhistoryorder .
d.
Proses 4.0 adalah proses pembayaran yaitu berdasarkan data pesanan yang diorder dari trhistoryorder dan disimpan kedalam tabel trtransfer.
e.
Proses 5.0 adalah proses cetak invoice yang datanya berasal dari trtransfer dan proses cetak laporan penjualan dimana datanya berasal dari msgalleryproduk dan trhistoryorder.
67
4.4 Entity Relationship Diagram ( ERD ) Entity RelationShip Diagram ( ERD ) atau diagram relasi antar entitas adalah suatu diagram yang menggambarkan hubungan objek data yang disimpan yang ada dalam suatu aplikasi secara konseptual. Objek Data adalah objek yang dapat dicatat atau direkam atau segala sesuatu yang ada dan dapat dibedakan entitas dapat berupa orang, benda, tempat, peristiwa, atau konsep yang bisa diolah untuk menghasilkan informasi, rancangan diagram entitas ini dibuat menurut data yang ada sehingga dapat menjelaskan hubungan data. Atribut yang berhubungan dengan perangkat lunak Pemanfaatan Value Addded Service Untuk Meningkatkan Pelayanan Jasa Percetakan Pada CV.Persada Bintan dapat digambarkan sebagai berikut :
1
Pelanggan
N Memesan
1
Melakukan
1
Penjualan
Gambar 4.4 Entity Relation Diagram ( ERD )
Jenis Baarng
68
4.5 Peracangan Struktur File Didalam pembuatan program dibutuhkan suatu spesifikasi file yang dimaksudkan untuk dapat melakukan kegiatan-kegiatan dalam pengaturan pencarian data dan pembuatan laporan yang dapat mempermudah kerja sistem komputer. Untuk ini aplikasi pengolahan data ini membutuhkan spesifikasi file untuk mempermudah dalam melakukan kegiatan pemrograman, yang dapat dilihat dari table-tabel berikut ini
Nama Tabel
: msabout_us
Primary Key
: Tabel 4.1 Struktur File Data msabout_us
No
Nama Field
Tipe data
Ukuran
Keterangan
1
Id_about_us
char
5
Kode catatan
2
Isi_about_us
Varchar
1000
Isi catatan
Nama Tabel
: msadmin
Primary Key
: id_admin Tabel 4.2 Struktur File Data msadmin
No
Nama Field
Tipe data
Ukuran
Keterangan
1
Id_admin
char
5
Id admin
69
2
Username
Varchar
50
Nama admin
3
Password
char
32
Kata sandi
Nama Tabel
: mscontact_us
Primary Key
:Tabel 4.3 Struktur File Data mscontactus
No
Nama Field
Tipe data
Ukuran
Keterangan
1
Id_contact_us
char
5
Kode catatan
2
Isi_contact_us
Varchar
1000
Isi catatan
Nama Tabel
: msgalleyproduk
Primary Key
: id_gallery_produk Tabel 4.4 Struktur File Data msgalleyproduk
No
Nama Field
Tipe data
Ukuran
Keterangan
1
Id_galley_produk
char
5
Kode produk
2
Kategori
Varchar
50
Nama kategori
3
Harga
Int
11
Harga
4
Gambar_produk
Varchar
50
Gambar
70
Nama Tabel
: msheader
Primary Key
:Tabel 4.5 Struktur File Data msheader
No
Nama Field
Tipe data
Ukuran
Keterangan
1
Id_header
char
5
Kode gambar
2
Gambar_header
Varchar
50
Nama gambar
Nama Tabel
: mskategoriproduk
Primary Key
: id_kategori_produk Tabel 4.6 Struktur File Data tb_ord
No
Nama Field
Tipe data
Ukuran
Keterangan
1
Id_kategori_produk
char
5
Kode kategori
2
Kategori_produk
Varchar
50
Nama kategori
Nama Tabel
: msproduklaris
Primary Key
: id_produk Tabel 4.7 Struktur File Data msproduklaris
No
Nama Field
Tipe data
Ukuran
Keterangan
1
Id_ produk
char
5
Kode produk
71
2
Nama_produk
Varchar
100
Nama produk
3
Gambar_produk
Varchar
100
Gambar
4
About_produk
varchar
1000
deskripsi
Nama Tabel
: msprodukpromosi
Primary Key
: id_produk_promosi Tabel 4.8 Struktur File Data msprodukpromosi
No
Nama Field
Tipe data
Ukuran
Keterangan
1
Id_ produk
char
5
Kode produk
2
Nama_produk
Varchar
50
Nama produk
3
Gambar_produk
Varchar
50
Gambar
Nama Tabel
: mspromosi
Primary Key
: id_promosi Tabel 4.9 Struktur File Data mspromosi
No
Nama Field
Tipe data
Ukuran
Keterangan
1
Id_ promosi
char
5
Kode promosi
2
Gambar_promosi
Varchar
1000
Gambar
72
Nama Tabel
: mspromosi
Primary Key
: id_promosi Tabel 4.10 Struktur File Data msuser
No
Nama Field
Tipe data
Ukuran
Keterangan
1
Id_ user
char
5
Id user
2
Nama_depan
Varchar
50
Nama depan
3
Nama_belakang
Varchar
50
Nama belakang
4
Username
Varchar
100
Username
5
Password
Char
32
Password
6
Cpassword
Char
32
Password
7
Jenis_kelamin
Varchar
20
Jenis kelamin
8
Alamat
Varchar
100
Alamat
9
Tanggal_lahir
Date
Date
Tanggal lahir
10
No_telepon
Varchar
20
Nomor telepon
11
Kota
Varchar
50
Kota
12
Kode_pos
Int
11
Kode pos
13
Email
Varchar
50
Email
14
Pertanyaan
Varchar
50
Pertanyaan
15
Jawaban
Varchar
100
Jawaban
16
Status
Char
1
Status
73
Nama Tabel
: ms_bahan_kertas
Primary Key
: id_bahan Tabel 4.11 Struktur File Data ms_bahan_kertas
No
Nama Field
Tipe data
Ukuran
Keterangan
1
Id_ bahan
Bigint
20
Kode barang
2
Bahan
Varchar
100
Bahan
3
Hrg_bhn
Bigint
100
Harga
Nama Tabel
: ms_ukuran_kertas
Primary Key
: id_ukuran Tabel 4.12 Struktur File Data ms_ukuran_kertas
No
Nama Field
Tipe data
Ukuran
Keterangan
1
Id_ ukuran
Bigint
20
Kode ukuran
2
Ukuran
Varchar
20
Ukuran
3
Hrg_ukur
Bigint
200
Harga
74
Nama Tabel
: tr_history_order
Primary Key
: id_history_order Tabel 4.13 Struktur File Data tr_history_order
No
Nama Field
Tipe data
Ukuran
Keterangan
1
Id_ history_order
char
5
Kode history
2
Id_galerry_produk
Char
5
Kode produk
3
Id_user
Char
5
Kode user
4
Id_transfer
Char
5
Kode transfer
5
Kategori_order
Char
1
Kategori
6
Qty
Int
11
Jumlah
7
Jenis_kertas
Char
11
Jenis kertas
8
Wrn_back
Varchar
50
Warna layar
9
Wrn_huruf
Varchar
50
Warna huruf
10
Krts_ukuran
Varchar
50
Ukuran kertas
11
Krts_bahan
Varchar
50
Bahan kertas
12
Catatan
Text
-
Catatan
13
Total_pembayaran
Int
11
Total
14
File
Varchar
50
File
15
Tanggal
Datetime
-
Tanggal
75
Nama Tabel
: trmessage
Primary Key
: id_message Tabel 4.14 Struktur File Data trmessage
No
Nama Field
Tipe data
Ukuran
Keterangan
1
Id_ message
char
5
Kode surat
2
Send_to
Char
5
Kirim kepada
3
Id_user
Char
5
Kode user
4
Id_admin
Char
5
Kode admin
5
Subject
Varchar
100
Subjek
6
Message
Varchar
5000
Pesan
7
Tanggal
Datetime
-
Tanggal
8
Status_message
Char
1
Status
76
Nama Tabel
: trorder
Primary Key
: id_order Tabel 4.15 Struktur File Data trorder
No
Nama Field
Tipe data
Ukuran
Keterangan
1
Id_order
char
5
Kode order
2
Id_galerry_produk
Char
5
Kode produk
3
Id_user
Char
5
Kode user
4
Kategori_produk
Char
1
Kategori
5
Qty
Int
11
Jumlahi
6
Jenis_kertas
Char
2
Jenis kertas
7
Wrn_back
Varchar
50
Warna layar
8
Wrn_huruf
Varchar
50
Warna huruf
9
Krts_ukuran
Varchar
50
Ukuran kertas
10
Krts_bahan
Varchar
50
Bahan kertas
11
Catatan
Text
-
Catatan
12
Harga_peritem
Int
11
Harga
13
Total_pembayaran
Int
11
Total
14
File
Varchar
50
File
15
Tanggal
Datetime
-
Tanggal
77
Nama Tabel
: trspk
Primary Key
: id_spk Tabel 4.16 Struktur File Data trspk
No
Nama Field
Tipe data
Ukuran
Keterangan
1
Id_spk
Char
5
Kode spk
2
Id_history_order
Char
5
Kode order
3
Id_transfer
Char
5
Kode transfer
4
Keterangan
Varchar
100
Keterangan
Nama Tabel
: trtransfer
Primary Key
: id_transfer Tabel 4.17 Struktur File Data trtransfer
No
Nama Field
Tipe data
Ukuran
Keterangan
1
Id_transfer
char
5
Kode transfer
2
Id_user
Char
5
Kode user
3
Nama_depan
Varchar
50
Nama depan
4
Nama_belakang
Varchar
50
Namabelakang
5
Jenis_bank
Char
10
Jenis bank
6
Jenis_pembayaran
Char
10
Jenis
7
Jumlah_pembayaran
Int
11
Jumlah
78
8
Tanggal
Datetime
-
Tanggal
9
Status_confirm
Varchar
100
Status
4.6 Perancangan Struktur Program Struktur program adalah suatu konsep pembuatan yang mempunyai fungsi untuk mengelompokkan instruksi kedalam sub program fungsional dimana setiap sub program tersebut memiliki tugas dan fungsi tertentu yang digunakan untuk mendukung dari keseluruhan program yang dibuat. Struktur program yang dibuat adalah sebagai berikut :
Struktur Program
Input
Proses
Output
Daftar Produk
Update Daftar Produk,
Invoice
Register Pelanggan
Transaksi Pemesanan
SPK
Transaksi Pembayaran
Laporan Penjualan
Gambar 4.5 Struktur Program Sistem Jasa Percetakan CV.Persada Bintan
79
4.7 Perancangan Struktur Menu Struktur menu merupakan bentuk umum dalam suatu perancangan aplikasi yang dapat memudahkan pengguna dalam menggunakan aplikasi yang dibangun. Dengan adanya struktur menu ini, maka proses pengolahan data diharapkan lebih cepat dilakukan, sehingga keterlambatan dalam penyajian data dapat ditekan seminimal mungkin. Struktur menu yang dibuatkan dalam aplikasi ini terdiri dari menu-menu dan sub menunya. Dapat dilihat dari gambar berikut :
Menu
Home
About Us
Contact Us
Setting about us
Setting contact us
Header
Galeri Produk
Kertas
Daftar product
Setting Ukuran
Tambah product
Setting Bahan
Data Pelanggan
Pesanan Pelanggan
Download
Daftar pembelian
Daftar List Download
Daftar konfirmasi Daftar waiting confirmatio n
Gambar 4.6 Struktur Menu Website Halaman Admin
Message
80
Menu
HOME
Prosedur Pembelian
Galeri Produk
History Order
About Us
Katalog
SETTING
LOG OUT
Password
Profil
Gambar 4.7 Struktur Menu Website Halaman Customer
Menu
Home
Prosedur
About Us
Contact Us
Katalog
Gambar 4.8 Struktur Menu Website
Register
81
4.8
Rancangan Input Rancangan input adalah rancangan dari dokumen dasar yang digunakan
untuk merekap data yang digunakan. Perancangan input meliputi bentuk dokumen-dokumen input yang akan digunakan untuk menangkap data input.
LOG IN Email / Username
Password
Remember me
LOGIN
Gambar 4.9 Design Form Login
HEADER
MESNU BAR
COLOUMN COLOUMN 2 2 COLOUMN REGISTER 1
FOOTER
Gambar 4.10 Design Form Home
82
REGISTRASI
Nama depan
Nama Lengkap
Nama belakang
Username Email Provinsi Password Konfirmasi Pasword Laki-laki
Jenis Kelamin
Perempuan
Alamat Tanggal Lahir No Telepon Kota Kode Pos Pertanyaan Jawaban Kode Verifikasi
Kode verifikasi
Register
Gambar 4.11 Design Form Register
Insert Gallery Produk
Kategori
Browse
Gambar Harga
Simpan
Gambar 4.12 Design Form Daftar Produk
83
Update Gallery Produk | (Kode Produk)
Kategori Produk
Browse
Gambar Produk
Harga
Update
Gambar 4.13 Design Form Update Produk
Keranjang Belanja Anda
Keranjang Item xxxxxx xxxxxx
Qty
Harga/Item
Total/Item
xxx
Rp xxxxxx
xxxxxx
xxx
Rp xxxxxx
xxxxxx
Sub Total
xxxxxx
Gambar 4.14 Design Form Keranjang Belanja
Hapus / Edit Hapus / Edit Transfer
84
Transfer Pelunasan
Nama Lengkap
Jenis Bank
Pilih bank
Jumlah yang harus dibayar Kode Verifikasi Kode Verifikasi
Submit
Gambar 4.15 Design Form Proses Transfer Pelunasan
Upload Image
Ukuran Kertas
Bahan Kertas
File Winrar/Winzip
Browse
Qty Harga
Harga
Catatan
Submit
Gambar 4.16 Design Form Upload Image
85
Private Message
Subject
Message
Send
Gambar 4.17 Design Form Message
Insert ukuran Kertas
Nama Ukuran
Harga
Simpan
Gambar 4.18 Design Form Insert Ukuran Kertas
86
Update ukuran Kertas
Nama Ukuran
Harga
Update
Gambar 4.19 Design Form Update Ukuran Kertas
SETTING PASSWORD
Password Lama
Password Baru Konfirmasi Password Baru
Kode Verifikasi Kode Verifikasi
Save
Gambar 4.20 Design Form Ganti Password
87
4.9
Rancangan Output Rancangan output adalah rancangan dalam bentuk laporan dari hasil
pemrosesan input yang diterima dari sistem pengolahan data tersebut. Untuk menentukan rancangan keluaran diperlukan kecermatan, ketelitian dan kesabaran dengan harapan keluaran yang dihasilkan merupakan laporanlaporan
yang akurat
dan
releven
serta
dapat
dimengertikan
oleh
pemakaiannya.
Tanggal : 15-05-2013
LAPORAN PENJUALAN
CV.Persada Bintan Jalan Bakar Batu No.73 , Tanjungpinang Provinsi Kepri Kode Pos 29112. Telp: +62- 771- 355324 , Fax +62- 771- 355325 Email:
[email protected]
Pilihan :
15-05-2013
NO
ID TRANS
NAMA
JUMLAH
JENIS
QTY
DATE
XXX
XXXXX
XXXXX
XXXXX
XXXXX
XXX
XXXXX
TOTAL
XXXXX
XXX
Admin
(
Gambar 4.21 Design Form Laporan Penjualan
)
88
Tanggal : 15-05-2013
SURAT PERINTAH KERJA
CV.Persada Bintan Jalan Bakar Batu No.73 , Tanjungpinang Provinsi Kepri Kode Pos 29112. Telp: +62- 771- 355324 , Fax +62- 771- 355325 Email:
[email protected]
Nomor
02341123TR001
NO
Produk / File
Warna
Kertas
Qty
Catatan
XXX
XXXXX
XXXXX
XXXXX
XXXXX
XXXXX
CV.Persada Bintan , 15-05-2013
(
)
Gambar 4.22 Design Form SPK
Tanggal : 15-05-2013
INVOICE
CV.Persada Bintan Jalan Bakar Batu No.73 , Tanjungpinang Provinsi Kepri Kode Pos 29112. Telp: +62- 771- 355324 , Fax +62- 771- 355325 Email:
[email protected]
Nomor
:
Nama Pelanggan
:
Alamat
:
Kode pos
:
Telepon
:
02341123TR001 Pretty Tan Jln. Brigjen Katamso No.32 29112 524242434
NO
Nama / Produk
Qty
Harga Peritem
Total
XXX
XXXXX
XXXXX
XXXXX
XXXXX
Yang diterima
Pengirim
(
(
)
Gambar 4.23 Design Form Invoice
)