BAB IV PERANCANGAN SISTEM USULAN...29 BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan Perancangan Sistem Tahapan perancangan sistem merupakan proses mengidentifikasi kebutuhan fungsional

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


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


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



Akses File : Random

Media : Hard Disk


Kunci Field : kd_masuk

Software : MySQL

48

Tabel IV.2

Spesifikasi File Bahan Baku Masuk


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


Akses File : Random

Media : Hard Disk


Kunci Field : kd_masuk

Software : MySQL

49

Tabel IV.3

Spesifikasi File Detail Bahan Baku Masuk


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



Akses File : Random

Media : Hard Disk


Kunci Field : kd_keluar

Software : MySQL

50

Tabel IV.4

Spesifikasi File Bahan Baku Keluar


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



Akses File : Random

Media : Harddisk


Kunci Field : no_masuk

Software : MySQL

51

Tabel IV.5

Spesifikasi File Detail Bahan Baku Keluar


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



Akses File : Random

Media : Hard Disk


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

Documents

BAB IV PERANCANGAN SISTEM USULAN...29 BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan Perancangan Sistem Tahapan perancangan sistem merupakan proses mengidentifikasi kebutuhan fungsional