36
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.

BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

  • Upload
    others

  • View
    10

  • Download
    0

Embed Size (px)

Citation preview

Page 1: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

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.

Page 2: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

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.

Page 3: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

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

Page 4: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

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

Page 5: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

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

Page 6: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

35

B. Diagram Aktivitas Data Pengguna

Gambar IV.4

Diagram Aktivitas Data Pengguna

Page 7: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

36

C. Diagram Aktivitas Data Barang

Gambar IV.5

Diagram Aktivitas Data Barang

Page 8: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

37

D. Diagram Aktivitas Data Supplier

Gambar IV.6

Diagram Aktivitas Data Supplier

Page 9: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

38

F. Diagram Aktivitas Barang Masuk

Gambar IV.7

Diagram Aktivitas Barang Masuk

Page 10: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

39

G. Diagram Aktivitas Barang Keluar

Gambar IV.8

Diagram Aktivitas Barang Keluar

Page 11: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

40

H. Diagram Aktivitas Laporan

Gambar IV.9

Diagram Aktivitas Laporan

Page 12: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

41

I. Diagram Aktivitas Barang Masuk Kasubag

Gambar IV.10

Diagram Aktivitas Barang Masuk Kasubag

Page 13: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

42

J. Diagram Aktivitas Barang Keluar Kasubag

Gambar IV.11

Diagram Aktivitas Barang Keluar Kasubag

Page 14: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

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

Page 15: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

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

Page 16: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

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

Page 17: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

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

Page 18: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

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

Page 19: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

48

F. Tampilan Menu Supplier

Gambar IV.18

Tampilan Menu Supplier

G. Tampikan Input Supplier

Gambar IV.19

Tampilan Input Supplier

Page 20: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

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

Page 21: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

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

Page 22: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

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

Page 23: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

52

N. Tampilan Menu Barang Keluar Kasubag

Gambar IV.26

Tampilan Menu Barang Keluar Kasubag

Page 24: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

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)

Page 25: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

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:

Page 26: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

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

Page 27: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

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

Page 28: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

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

Page 29: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

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

Page 30: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

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

Page 31: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

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

Page 32: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

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

Page 33: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

62

4.2.5 Sequence Diagram

A. Sequence Diagram Barang Masuk

Gambar IV.29

Sequence Diagram Barang Masuk

Page 34: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

63

B. Sequence Diagram Barang Keluar

Gambar IV.30

Sequence Diagram Barang Keluar

Page 35: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

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 :

Page 36: BAB IV PERANCANGAN SISTEM USULAN...suatu sistem. Pada tahapan perancangan sistem yang akan di gunakan dalam sistem informasi inventaris barang habis pakai menggunakan aplikasi berbasis

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