29
BAB IV
PERANCANGAN SISTEM USULAN
4.1. Tahapan Perancangan Sistem
Tahapan perancangan sistem merupakan proses mengidentifikasi
kebutuhan fungsional program disertai dengan penggambaran use case
diagram dan skenario use case yang terkait dengan proses bisnis yang
diusulkan.
4.1.1. Analisis Kebutuhan
A. Kebutuhan Pengguna
Dalam rancangan website persediaan bahan baku ini terdapat dua
pengguna yang saling berinteraksi dalam lingkup sistem yaitu Accounting dan
Admin. Kedua pengguna tersebut memiliki karakteristik interaksi dengan
sistem yang berbeda-beda dan memiliki kebutuhan informasi yang berbeda-
beda pula, seperti sebagai berikut :
a) Admin dapat melakukan login dengan memasukan kode admin
(username dan password)
b) Admin dapat mengakses menu utama
c) Admin dapat mengelola data bahan baku masuk
d) Admin dapat mengelola data bahan baku keluar
e) Admin dapat melihat dan mencetak laporan bahan baku
f) Admin dapat melakukan logout
30
A2. Skenario Kebutuhan Accounting
a) Accounting dapat melakukan login dengan memasukan kode
accounting (username dan password)
b) Accounting dapat melihat dan mencetak laporan bahan baku
c) Accounting dapat melakukan logout
B. Kebutuhan Sistem
1) Pengguna harus melakukan login terlebih dahulu untuk dapat
mengakses website ini dengan memasukan username dan password
agar privasi masing-masing pengguna tetap terjaga keamananya.
2) Pengguna wajib melaku kan logout pada website setelah selesai
menggunakanya.
3) Sistem melakukan kalkulasi stok persediaan bahan baku.
31
4.1.2. Rancangan Diagram Use Case
1. Use Case Diagram Usulan
Gambar IV.1
Diagram Use Case Usulan
uc Use Case Diagram
Accounting
Login
Mengelola Data
Bahan Baku Masuk
dan Keluar
Melihat dan Mencetak
Laporan Bahan Baku
Masuk & Keluar
Logout
username dan
password
menambah
data
menghapus
data
Admin
«extend»
«include»
«extend»
32
4.1.3. Rancangan Diagram Aktivitas
1. Activity Diagram Admin
Gambar IV.2
Activity Diagram Admin
act Activ ity Diagram Admin
SistemAdmin
LOGIN
VALIDASI
Menampilkan Halaman
UtamaTampil Halaman Utama
Mengelola Data
Bahan Baku
Masuk dan
Keluar
Mengelola Data
Laporan Bahan
Baku Masuk dan
Keluar
Mengelola Data User
LOGOUT
Tidak
Sukses
Ya
Gagal
33
2. Activity Diagram Accounting
Gambar IV.3
Activity Diagram Accounting
4.1.4. Rancangan Dokumen Sistem Usulan
Rancangan dokumen sistem usulan yang terdapat dalam perancangan
persediaan bahan baku pada PT. Apollo Aneka Persada adalah sebagai
berikut :
act Activ ity Diagram Accounting
SistemAdmin
LOGIN
VALIDASI
Menampilkan Halaman
UtamaTampil Halaman Utama
Mengelola Data
Laporan Bahan
Baku Masuk dan
Keluar
LOGOUT
Pilih Menu Laporan
Bahan Baku Masuk dan
Keluar
Sukses
Ya
Gagal
Tidak
34
A. Rancangan Dokumen Masukan
1. Nama Dokumen : Data Bahan Baku
Fungsi : Untuk menyimpan data bahan baku
Sumber : Supplier
Tujuan : Bagian Gudang & Purchasing
Media : kertas
Jumlah : 1 lembar
Frekuensi : Setiap ingin mengecek barang
Bentuk : C.1
2. Nama Dokumen : Nota permintaan Bahan Baku Untuk Produksi (Store
Requistion)
Fungsi : Untuk Permintaan Bahan Baku
Sumber : Produksi
Tujuan : Bagian Gudang
Media : Kertas
Jumlah : 3 lembar
Frekuensi : Setiap ada Permintaan Bahan Baku
Bentuk : Lampiran A.2
B. Rancangan Dokumen Keluaran
1. Nama Dokumen : Laporan Bahan Baku Masuk
Fungsi : Untuk laporan bahan baku masuk
Sumber : Bagian Gudang
Tujuan : Accounting
Media : Kertas
Jumlah : 1 Lembar
35
Frekuensi : Setiap membuat laporan bahan baku masuk
Bentuk : D.1
2. Nama Dokumen : Laporan Bahan Baku Keluar
Fungsi : Untuk laporan bahan baku keluar
Sumber : Bagian Gudang
Tujuan : Accounting
Media : Kertas
Jumlah : 1 Lembar
Frekuensi : Setiap membuat laporan bahan baku keluar
Bentuk : D.2
3. Nama Dokumen : Laporan Barang Jadi
Fungsi : Untuk laporan hasil produksi/barang jadi
Sumber : Bagian Gudang
Tujuan : Accounting
Media : Kertas
Jumlah : 1 Lembar
Frekuensi : Setiap membuat laporan barang jadi
Bentuk : D.3
36
4.1.5. Rancangan Prototype
1. Tampilan Login Admin
Gambar IV.4
Prototype Login Admin
2. Tampilan Login Accounting
Gambar IV.5
Prototype Login Accounting
37
3. Tampilan Home Admin
Gambar IV.6
Prototype Home Admin
4. Tampilan Home Accounting
Gambar IV.7
Prototype Home Accounting
38
5. Tampilan Menu Data Bahan Baku
Gambar IV.8
Prototype Menu Data Bahan Baku
6. Tampilan Sub Menu Data Bahan Baku Masuk
Gambar IV.9
Prototype Sub Menu Data Bahan Baku Masuk
39
7. Tampilan Form Data Bahan Baku Masuk
Gambar IV.10
Prototype Form Data Bahan Baku Masuk
8. Tampilan Berhasil Simpan Form Data Bahan Baku Masuk
Gambar IV.11
Prototype Berhasil Simpan Form Data Bahan Baku Masuk
40
9. Tampilan Sub Menu Data Bahan Baku Keluar
Gambar IV.12
Prototype Sub Menu Data Bahan Baku Keluar
10. Tampilan Form Data Bahan Baku Keluar
Gambar IV.13
Prototype Form Data Bahan Baku Keluar
41
11. Tampilan Berhasil Simpan Form Data Bahan Baku Keluar
Gambar IV.14
Prototype Berhasil Simpan Data Form Bahan Baku Keluar
12. Tampilan Menu Laporan
Gambar IV.15
Prototype Menu Laporan
42
13. Tampilan Cetak Periode Laporan Bahan Baku Masuk
Gambar IV.16
Prototype Cetak Periode Laporan Bahan Baku Masuk
14. Tampilan Output Laporan Bahan Baku Masuk
Gambar IV.17
Prototype Output Laporan Bahan Baku Masuk
43
15. Tampilan Cetak Periode Laporan Bahan Baku Keluar
Gambar IV.18
Prototype Cetak Periode Laporan Bahan Baku Keluar
16. Tampilan Output Laporan Bahan Baku Keluar
Gambar IV.19
Prototype Output Laporan Bahan Baku Masuk
44
17. Tampilan Menu Profil User Admin
Gambar IV.20
Prototype Menu Data User Admin
45
4.2. Perancangan Perangkat Lunak
4.2.1. Entity Relationship Diagram (ERD)
Perancangan basis data menghasilkan pemetaan tabel-tabel yang
digambarkan dengan Entity Relationship Diagram (ERD).
User
kd_user
nm_user
password
1 mengelola
status
1Bahan Baku
Masuk
kd_masuk
kd_user
tgl_masuk
total_masuk
1
memiliki
M
Detail Bahan Baku Masuk
kd_masuk
kd_bahan
jumlah_masuk
M memiliki 1Bahan Baku
kd_bahan
nm_bahan
satuan
stok
1
memiliki
M
Detail Bahan Baku Keluar
kd_keluar
kd_bahan
jumlah_keluar
1
mengelola
1
Bahan Baku Keluar
kd_keluar
kd_usertgl_keluar
total_keluar
1 memiliki M
Gambar IV.21
Entity Relationship Diagram
46
4.2.2. Logical Record Structure (LRS)
BAHAN BAKU
kd_bahanPK
nm_bahan
satuan
stok
BAHAN BAKU MASUK
kd_masukPK
kd_userFK
tgl_masuk
BAHAN BAKU KELUAR
kd_keluarPK
kd_userFK
tgl_keluar
DETAIL BAHAN BAKU MASUK
kd_masukFK
kd_bahanFK
jumlah_masuk
DETAIL BAHAN BAKU KELUAR
kd_keluarFK
kd_bahanFK
jumlah_masuk
USER
kd_userPK
nm_user
password
status
total_masuk
total_keluar
Gambar IV.22
Logical Record Structure
4.2.3. Spesifikasi File
Menjelaskan tentang file atau tabel yang terbentuk dari transformasi
ERD, file-file ini tersimpan pada db_bahanbaku dengan parameter-parameter
sebagai berikut:
1. Spesifikasi File Bahan Baku
Nama File : Bahan Baku
Akronim : Bahan
Fungsi : Untuk menyimpan data bahan baku
Tipe File : File Master
47
Organisasi : Indexed Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 70 byte
Kunci Field : kd_bahan
Software : MySQL
Tabel IV.1
Spesifikasi File Bahan Baku
No. Elemen Data Nama Field Tipe Size Ket
1. Kode Bahan kd_bahan Char 10 Primary
Key
2. Nama Bahan nm_bahan Varchar 30
3. Satuan Satuan Varchar 30
4. Stok Stok Int
2. Spesifikasi File Bahan Baku Masuk
Nama File : Bahan Baku Masuk
Akronim : Bahan Masuk
Fungsi : Untuk menyimpan transaksi bahan masuk
Tipe File : File Master
Organisasi : Indexed Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 20 byte
Kunci Field : kd_masuk
Software : MySQL
48
Tabel IV.2
Spesifikasi File Bahan Baku Masuk
No. Elemen Data Nama Field Tipe Size Ket
1. Kode Bahan
Masuk kd_masuk Char 10
Primary
Key
2. Tanggal Bahan
Masuk
tgl_masuk Date
3. Kode User kd_user Char 10
4. Total Bahan
Masuk total_masuk Int
3. Spesifikasi File Detail Bahan Baku Masuk
Nama File : Detail Bahan Baku Masuk
Akronim : Detail Bahan Masuk
Fungsi : Untuk melihat detail transaksi Bahan masuk
Tipe File : File Transaksi
Organisasi : Indexed Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 20 byte
Kunci Field : kd_masuk
Software : MySQL
49
Tabel IV.3
Spesifikasi File Detail Bahan Baku Masuk
No. Elemen Data Nama Field Tipe Size Ket
1. Kode Bahan
Masuk kd_masuk Char 10
Primary
Key
2. Kode Bahan kd_bahan Char 10 Foreign Key
3. Jumlah Bahan
Masuk jml_masuk Int
4. Spesifikasi File Bahan Baku Keluar
Nama File : Bahan Baku Keluar
Akronim : Bahan Keluar
Fungsi : Untuk menyimpan transaksi bahan keluar
Tipe File : File Transaksi
Organisasi : Indexed Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 20 byte
Kunci Field : kd_keluar
Software : MySQL
50
Tabel IV.4
Spesifikasi File Bahan Baku Keluar
No. Elemen Data Nama Field Tipe Size Ket
1. Kode Bahan
Keluar kd_keluar Char 10
Primary
Key
2. Tanggal Bahan
Keluar tgl_keluar Date
3. Kode User kd_user Char 10
4. Total Bahan
Keluar total_keluar Int
5. Spesifikasi File Detail Bahan Baku Keluar
Nama File : Detail Bahan Baku Keluar
Akronim : Detail Bahan Keluar
Fungsi : Untuk melihat detail transaksi bahan keluar
Tipe File : File Transaksi
Organisasi : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 20 byte
Kunci Field : no_masuk
Software : MySQL
51
Tabel IV.5
Spesifikasi File Detail Bahan Baku Keluar
No. Elemen Data Nama Field Tipe Size Ket
1. Kode Bahan
Masuk kd_keluar Char 10
Primary
Key
2. Kode Bahan kd_bahan Char 10 Foreign Key
3. Jumlah Bahan
Keluar jml_keluar Int
6. Spesifikasi File User
Nama File : User
Akronim : User
Fungsi : Untuk menginput semua transaksi pada sistem
Tipe File : File Master
Organisasi : Indexed Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 130 byte
Kunci Field : kd_user
Software : MySQL
52
Tabel IV.6
Spesifikasi File User
No. Elemen
Data
Nama
Field
Tipe Size/Value Ket
1. Kode User kd_user Char 10 Primary
Key
2. Nama
User nm_user Varchar
30
3. Username Username Varchar 30
4. Password Password Varchar 30
5. E-Mail Email Varchar 30
6. Level level ENUM ‘Admin’,’Accounting’
4.2.4. Class Model / Class Diagram
Gambar IV.23
Class Diagram Persediaan Bahan Baku
class Class Model
User
- kd_user
- level
- nm_user
- password
- username
+ GetPassword()
+ GetUserId()
+ GetUserName()
Bahan Baku Masuk
- kd_masuk
- kd_user
- tgl_masuk
- total_masuk
+ HapusBahanMasuk()
+ TambahBahanMasuk()
Bahan Baku Keluar
- kd_keluar
- kd_user
- tgl_keluar
- total_keluar
+ HapusBahanKeluar()
+ TambahBahanKeluar()
Detail Bahan Baku Masuk
- jumlah_masuk
- kd_bahan
- kd_masuk
+ HapusDetailBahanMasuk()
+ TambahDetailBahanMasuk()
Detail Bahan Baku Keluar
- jumlah_keluar
- kd_keluar
- kd_user
+ HapusDetailBahanKeluar()
+ TambahDetailBahanKeluar()
Bahan Baku
- kd_bahan
- nm_bahan
- satuan
- stok
+ HapusBahanBaku()
+ TambahBahanBaku()
1
1
M
M
1
1
M
1
1
M
1
1
53
4.2.5. Sequence Diagram
1. Sequence Diagram Login
Gambar IV.24
Sequence Diagram Login
sd seq
Admin
FormLoginBeranda Validasi Koneksi Database Beranda Admin
3 : masukan username dan password()
1 : tampil()
10 :tampil()
7 : getPassword()
4 : validasi
(username,password)
2 : formlogin()
9 : username
dan password
benar()
5 : getUsername()
54
2. Sequence Diagram Bahan Baku Masuk
Gambar IV.25
Sequence Diagram Bahan Baku Masuk
sd Sequence Diagram Bahan Masuk
Admin
Beranda Admin Bahan Baku Masuk Koneksi Database
1 : Tampil()
4 : TambahBahanBakuMasuk()
3 : TampilDataBahanMasuk()
6 : SimpanBahanBakuMasuk()
5 : HapusBahanBakuMasuk()
2 : FormBahanBakuMasuk()
55
3. Sequence Diagram Bahan Baku Keluar
Gambar IV.26
Sequence Diagram Bahan Baku Keluar
sd seq keluar
Admin
Beranda Admin Bahan Baku
Keluar
Koneksi Database
5 : MenghapusDataBahanBakuKeluar()
3 : TampilDataBahanKeluar()
4 : MenambahDataBahanBakuKeluar()
1 : Tampil()
2 : FormBahanBakuKeluar()
6 : SimpanBahanBakuKeluar()
56
4. Sequence Diagram Laporan Bahan Baku Masuk dan Keluar
Gambar IV.27
Sequence Diagram Laporan Bahan Baku Masuk & Keluar
5. Sequence Diagram Logout
Gambar IV.28
Sequence Diagram Logout
sd lap
admin
beranda admin form koneksi database
4 : menampilkan data laporan ()
1 : tampil()
3 : cetak laporan berdasarkan ()
2 : pil ih form()
5 : cetak laporan()
sd Sequence Diagram Logout
Admin
Beranda Admin Validasi
3 : Logout()
2 : KlikMenuLogout()
1 : Tampil()
57
4.2.6. Spesifikasi Hardware dan Software
1. Spesifikasi Hardware
a. Server
1) CPU
(a.) Processor Pentium® Core 2 Duo
(b.) RAM DDR2 4 GB
(c.) Hard Disk 500 GB
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1024x768
5) Koneksi internet dengan kecepatan 2 Mbps.
b. Client
1) CPU
(a) Processor Pentium® 4
(b) RAM DDR2 1GB
(c) Hard Disk 20 GB
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1024x768
5) Koneksi internet dengan kecepatan 56 kbps.
58
2. Spesifikasi Software
1. Server
a. Sistem operasi yang umum digunakan seperti: Microsoft Windows atau
Linux (Ubuntu, Fedora, dll).
b. Aplikasi bundle web server seperti: Xampp, WampServer, php2triad yang
terdiri dari beberapa komponen, diantaranya:
(1) Aplikasi Apache Server v2
(2) Aplikasi PHP Server v5
(3) Aplikasi MySQL Server v5
(4) Aplikasi phpMyAdmin v3
c. Aplikasi Web Lihatr seperti Mozilla Firefox, Opera, Safari, Internet
Explorer, Google Chrome
2. Client
a. Sistem operasi yang umum digunakan seperti: Microsoft Windows atau
Linux (Ubuntu, Fedora, dan lain-lain).
b. Aplikasi web browser seperti Mozilla Firefox, Opera, Safari, Internet
Explorer, Google Chrome.
59
4.3. Jadwal Implementasi
No KEGIATAN
WAKTU
BULAN I BULAN II BULAN III
1 2 3 4 1 2 3 4 1 2 3 4
1 Persiapan data awal
2 Analisa
3 Desain Sistem
4 Desain Perangkat Lunak
5
Pembuatan & Tes
Program
6 Tes Sistem
7 Pelatihan
8
Pembuatan Buku
Petunjuk
9 Evaluasi & Operasional