30

BAB IV

PERANCANGAN SISTEM USULAN

4.1 Tahapan Perancangan Sistem

Tahapan perancangan sistem merupakan suatu tahapan dasar dalam pembuatan

suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem

informasi inventaris barang habis pakai menggunakan aplikasi berbasis web.

4.1.1 Analisis Kebutuhan

Mengidentifikasi kebutuhan fungsional sistem disertai dengan penggambaran

usecase diagram dan skenario usecase yang terkait dengan proses sistem yang

diusulkan.

A. Kebutuhan Pengguna

Dalam web inventaris barang habis pakai hanya terdapat dua pengguna yakni

Admin dan Kasubag Tata Usaha yang mengelola data inventaris barang tersebut seperti

berikut :

A1. Skenario Kebutuhan Admin

a) Admin dapat Melakukan pengelolaan data pengguna.

b) Admin dapat Melakukan pengelolaan data barang.

c) Admin dapat Melakukan pengelolaan data supplier.

d) Admin dapat Melakukan pengelolaaan barang masuk.

31

e) Admin dapat Melakukan pengelolaan barang keluar.

f) Admin dapat Mencetak laporan barang masuk.

g) Admin dapat Mencetak laporan barang keluar.

A2. Kasubag Tata Usaha

a) Melihat Data Barang Masuk

b) Dapat Mencari Data Barang Masuk

c) Melihat Data Barang Keluar

d) Dapat mencari Data Barang Keluar

B. Kebutuhan Sistem

1. Pengguna melakukan login dengan memasukan username dan password untuk dapat

mengakses web

2. Sistem dapat mengecek ketersediaan stok barang

3. Sistem menampilkan data admin, data barang, data supplier, barang masuk dan

barang keluar

4. Sistem dapat mencetak laporan barang masuk dan barang keluar.

5. Pengguna harus logout setelah selesai menggunakan web.

32

4.1.2 Rancangan Diagram Use Case

A. Usecase Diagram Menu Utama Admin

Gambar IV.1

Usecase Diagram Menu Utama Admin

Tabel IV.1

Deskripsi Use Case Menu Utama Admin

Usecase Name Menu Utama Admin

Requirement Admin melakukan login

Goal Admin mengelola menu utama admin

Pre- Conditions Data barang akan ditambah, diedit ataupun diubah

Post- Conditions Data barang berhasil disimpan

Failed end Condition Admin belum login

Actors Admin

Main Flow/ Basic Path 1. Admin melakukan login

2. Admin dapat membuka menu utama

33

3. Admin dapat mengelola menu utama

4. Admin dapat melakukan Logout

Alternate Flow Sistem menampilkan menu utama

B. Usecase Diagram Menu Utama Kasubag TU

Gambar IV.2

Usecase Diagram Menu Utama Kasubag TU

Tabel IV.2

Deskripsi Use Case Menu Utama Kasubag TU

Usecase Name Data Pengguna

Requirement Admin telah login

Goal Admin mengelola data Pengguna

Pre- Conditions Admin telah login

Post- Conditions Kasubag TU dapat melihat data barang

Failed end Condition Tidak dapat login kedalam menu utama

34

Actors Admin Kasubag TU

Main Flow/ Basic Path Kasubag TU dapat melihat

Alternate Flow Sistem menampilkan Menu Kasubag TU

4.1.3 Rancangan Diagram Aktivitas

A. Diagram Aktivitas Admin melakukan Login

Gambar IV.3

Diagram Aktivitas Login

35

B. Diagram Aktivitas Data Pengguna

Gambar IV.4

Diagram Aktivitas Data Pengguna

36

C. Diagram Aktivitas Data Barang

Gambar IV.5

Diagram Aktivitas Data Barang

37

D. Diagram Aktivitas Data Supplier

Gambar IV.6

Diagram Aktivitas Data Supplier

38

F. Diagram Aktivitas Barang Masuk

Gambar IV.7

Diagram Aktivitas Barang Masuk

39

G. Diagram Aktivitas Barang Keluar

Gambar IV.8

Diagram Aktivitas Barang Keluar

40

H. Diagram Aktivitas Laporan

Gambar IV.9

Diagram Aktivitas Laporan

41

I. Diagram Aktivitas Barang Masuk Kasubag

Gambar IV.10

Diagram Aktivitas Barang Masuk Kasubag

42

J. Diagram Aktivitas Barang Keluar Kasubag

Gambar IV.11

Diagram Aktivitas Barang Keluar Kasubag

43

4.1.4 Rancangan Dokumen Sistem Usulan

Terdepat beberapa parameter dokumen masukan dan dokumen keluaran yang

di gunakan SMP Muhammadiyah Cikampek pada inventarisasi barang habis pakai.

Parameter- parameter dokumen tersebut antara lain :

A. Dokumen Sistem Usulan Masukan

1. Nama Dokumen : Form Barang Masuk

Fungsi : Untuk menginput data barang masuk

Sumber : Sistem

Tujuan : Admin

Media : Komputer

Jumlah : 1 lembar

Frekuensi : Setiap terjadi pemasukan barang

Bentuk : Lampiran B.1

2. Nama Dokumen : Form Barang Keluar

Fungsi : Untuk menginput data barang keluar

Sumber : Sistem

Tujuan : Admin

Media : Komputer

Jumlah : 1 lembar

Frekuensi : Setiap terjadi pengeluaran barang

44

Bentuk : Lampiran B.2

B. Dokumen Sistem Usulan Keluaran

1. Nama Dokumen : Laporan Barang Masuk

Fungsi : Sebagai catatan barang masuk

Sumber : Admin

Tujuan : Kasubag TU

Media : Komputer

Jumlah : 1 Lembar

Frekuensi : Setiap laporan di minta oleh Kasubag TU

Bentuk : Lampiran C1

2. Nama Dokumen : Laporan Barang Keluar

Fungsi :Sebagai catatan barang keluar

Sumber : Admin

Tujuan : Kasubag TU

Media : Komputer

Jumlah : 1 Lembar

Frekuensi : Setiap laporan di minta oleh Kasubag TU

Bentuk : Lampiran C2

45

4.1.5 Rancangan Prototype

1. Tampilan form Login

Gambar VI.12

Tampilan Form Login

2. Tampilan Form Menu Utama Admin

Gambar IV.13

Tampilan Menu Utama

46

3. Tampilan Data Pengguna

Gambar IV.14

Tampilan Menu Data Pengguna

C. Tampilan Input Data Pengguna

Gambar IV.15

Tampilan Menu Input Data Pengguna

47

D. Tampilan Menu Data Barang

Gambar IV.16

Tampilan Menu Data Barang

E. Tampilan Input Data Barang

Gambar IV.17

Tampilan Input Data Barang

48

F. Tampilan Menu Supplier

Gambar IV.18

Tampilan Menu Supplier

G. Tampikan Input Supplier

Gambar IV.19

Tampilan Input Supplier

49

H. Tampilan Menu Barang Masuk Admin

Gambar IV.20

Tampilan Menu Barang Masuk Admin

I. Tampilan Input Barang Masuk Admin

Gambar IV.21

Tampilan Input Menu Barang Masuk Admin

50

J. Tampilan Menu Barang Keluar Admin

Gambar IV.22

Tampilan Menu Barang Keluar Admin

K. Tampilan Input Barang Keluar Admin

Gambar IV.23

Tampilan Input Barang Keluar Admin

51

L. Tampilan Menu Utama Kasubag

Gambar IV.24

Tampilan Menu Utama Kasubag

M. Tampilan Menu Barang Masuk Kasubag

Gambar IV.25

Tampilan Menu Barang Masuk Kasubag

52

N. Tampilan Menu Barang Keluar Kasubag

Gambar IV.26

Tampilan Menu Barang Keluar Kasubag

53

4.2 Perancangan Perangkat Lunak

4.2.1 Entity Relationship Diagram (ERD)

Perancangan basis data menghasilkan pemetaan table – table yang di

gambarkan dengan Entity Relationship Diagram (ERD).

Gambar IV.27

Entity Relationship Diagram (ERD)

54

4.2.2. Logical Record Diagram (LRS)

Gambar IV.28

Logical Record Diagram (LRS)

4.2.3 Spesifikasi File

Merupakan penjabaran mengenai bentuk-bentuk file database yang di gunakan

pada program inventaris barang habis pakai. Spesifikasi file di simpan dalam database

dengan nama “db_invertaris_barang” yang terdiri dari 7 tabel dengan rincian sebagai

berikut:

55

1. Spesifikasi Tabel Pengguna

Nama File : Pengguna

Akronim File : pengguna

Fungsi File : Untuk menyimpan data pengguna

Tipe File : File Master

Organisasi File : Index Sequential

Media File : Harddisk

Panjang Record : 32 karakter

Kunci File : kode_pengguna

Software : MySql

Tabel IV.3

Spesifikasi Tabel Pengguna

No Elemen Data Akronim Type Size Keterangan

1. Kode_pengguna kode_pengguna Varchar 6 Primary Key

2. Username Username Varchar 10

3. Password Password Varchar 6

4. Hak Akses hak_akses Varchar 10

2. Spesifikasi Tabel Barang

Nama File : Barang

Akronim File : barang

Fungsi File : Untuk menyimpan data barang

56

Tipe File : File Master

Organisasi File : Index Sequential

Media File : Harddisk

Panjang Record : 93 karakter

Kunci File : kode_barang

Software : MySql

Tabel IV.4

Spesifikasi Tabel Barang

No Elemen Data Akronim Tipe Size Keterangan

1. Kode_barang kode_barang Varchar 6 Primary Key

2. Kode_supplier kode_supplier Varchar 6 Foreign Key

3. Nama_barang nama_barang Varchar 20

4. Satuan Satuan Varchar 50

5. Stok Stok Int 11

5. Harga Harga Double

3. Spesifikasi Tabel Supplier

Nama File : Supplier

Akronim File : supplier

Fungsi File : Untuk menyimpan data supplier

Tipe File : File Master

Organisasi File : Index Sequential

57

Media File : Harddisk

Panjang Record : 68 karakter

Kunci File : kode_supplier

Software : MySql

Tabel IV.5

Spesifikasi Tabel Supplier

No Elemen Data Akronim Tipe Size Keterangan

1. Kode_supplier kode_supplier Varchar 6 Primary Key

2. Nama_supplier nama_supplier Varchar 20

3. Alamat Alamat Varchar 30

4. Telepon Telepon Varchar 12

4. Spesifikasi Tabel Barang Masuk

Nama File : Barang Masuk

Akronim File : barang_masuk

Fungsi File : mengolah data transaksi masuk

Tipe File : File Transaksi

Organisasi File : Index Sequential

Media File : Harddisk

Panjang Record : 29 karakter

Kunci File : no_nota

Software : MySql

58

Tabel IV. 6

Spesifikasi Tabel Barang Masuk

No Elemen Data Akronim Tipe Size Keterangan

1. Tgl_masuk tgl_masuk Date

2. No_nota no_nota Varchar 6 Primary Key

3. Kode_barang kode_barang Varchar 6 Foreign Key

4. Jumlah Jumlah Int 11

5 . Kode_pengguna kode_pengguna Varchar 6 Foreign Key

6. Total_bayar total_bayar Double

5. Spesifikasi Tabel Detail Masuk

Nama File : Detail_masuk

Akronim File : detail_masuk

Fungsi File : Untuk informasi data detail dari item-item transaksi

Tipe File : File Transaksi

Organisasi File : Index Sequential

Media File : Harddisk

Panjang Record : 23 karakter

Software : MySql

59

Tabel IV.7

Spesifikasi Tabel Detail Masuk

No Elemen Data Akronim Tipe Size Keterangan

1. No_nota no_nota Varchar 6 Foreign Key

2. Kode_barang kode_barang Varchar 6 Foreign Key

3. Jumlah Jumlah Int 11

4. Total Total Double

6. Spesifikasi Tabel Barang Keluar

Nama File : Barang Keluar

Akronim File : barang_keluar

Fungsi File : mengolah data transaksi keluar

Tipe File : File transaksi

Organisasi File : Index Sequential

Media File : Harddisk

Panjang Record : 29 karakter

Kunci File : kode_keluar

Software : MySql

60

Tabel IV.8

Spesifikasi Tabel Barang Keluar

No Elemen Data Akronim Tipe Size Keterangan

1. Kode_keluar kode_keluar Varchar 6 Primary Key

2. Tgl_keluar tgl_keluar Date

3. Kode_barang kode_barang Varchar 6 Foreign Key

3. Jumlah Jumlah Int 11

5. Total_bayar total_bayar Double

6. Kode_pengguna kode_pengguna Varchar 6 Foreign Key

7. Spesifikasi Tabel Detail Keluar

Nama File : Detail_keluar

Akronim File : detail_keluar

Fungsi File : Untuk informasi data detail dari item-item transaksi

Tipe File : File Transaksi

Organisasi File : Random

Media File : Harddisk

Panjang Record : 23

Software : MySql

61

Tabel IV.9

Spesifikasi Tabel Detail Keluar

No Elemen Data Akronim Tipe Size Keterangan

1. Kode_keluar kode_keluar Varchar 6 Foreign Key

2. Jumlah Jumlah Int 11

3. Kode_barang kode_barang Varchar 6 Foreign Key

4. Total Total Double

4.2.4 Class Model/ Class Diagram

Gambar IV. 28

Class Model/ Class Diagram

62

4.2.5 Sequence Diagram

A. Sequence Diagram Barang Masuk

Gambar IV.29

Sequence Diagram Barang Masuk

63

B. Sequence Diagram Barang Keluar

Gambar IV.30

Sequence Diagram Barang Keluar

64

4.2.6 Spesifikasi Hardware dan Software

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak

minimum yang dibutuhkan untuk mengimplementasikan program inventaris barang

habis pakai pada SMP Muhammadiyah Cikampek

1. Spesifikasi Perangkat Keras (Hardware)

Salah satu komponen dari sebuah komputer yang sifat alat nya bisa dilihat dan

diraba secara langsung atau yang berbentuk nyata, yang berfungsi untuk

mendukung proses komputerisasi. Hardware yang dipakai oleh pennulis sebagai

berikut :

A. CPU

1) Processor AMD A4-9125

2) Memory 4 GB

3) Hard Disk 500 GB

B. Mouse

C. Keyboard Standart

D. Monitor dengan layar 14 ich

2. Spesifikasi Perangkat Lunak (Software)

Software disebut juga Perangkat lunak berfungsi untuk memproses data atau

perintah / instruksi hingga mendapat hasil atau menjalankan berbagai perintah.

Software yang dipakai oleh penulis sebagai berikut :

65

1. Sistem Operasi menggunakan Windows 10 Pro 64-bit

2. Aplikasi web server menggunakan XAMPP V3.2.1

3. Aplikasi Web Chrome

4. Aplikasi text editor Sublime

4.3 Jadwal Implementasi

Tabel IV.10

Jadwal Implementasi

No

Tahapan Kegiatan

Waktu

Kegiatan

BULAN I BULAN II BULAN III

1 2 3 4 1 2 3 4 1 2 3 4

1 Riset

2 Analisa Kebutuhan

3 Analisa Sistem

Berjalan

4 Perancangan Prototype

5 Desain Perancangan Usulan

6 Evaluasi