BAB IV RANCANGAN SISTEM USULAN 4.1. Tahapan Perancangan ... fileaplikasi stok data barang dan...

47
44 BAB IV RANCANGAN SISTEM USULAN 4.1. Tahapan Perancangan Sistem Pada bagian ini penulis menjelaskan bagai pana proses pembuatan program dari mulai tahap menganalisis kebutuhan sampai akhirnya program yang dirancang ini siap untuk digunakan. 4.1.1. Analisis Kebutuhan Berdasarkan dari analisa yang diamati pada PD. Diamond Motor maka terdapat kebutuhan dalam mengelola data pengguna, data barang, data supplier, data karyawan, transaksi pembelian dan penjualan barang, serta menghasilkan laporan barang masuk dan barang keluar. Rancangan sistem informasi stok data barang dan penjualan PD. Diamond Motor ini dibuat untuk dikelola oleh satu pengguna. Spesifikasi kebutuhan sistem informasi stok data barang dan penjualan pada PD. Diamond Motor ini dapat diuraikan sebagai berikut : 1. Pengguna dapat melakukan input dan mengolah data pengguna. 2. Pengguna dapat melakukan input dan mengolah data barang. 3. Pengguna dapat melakukan input dan mengolah data karyawan. 4. Pengguna dapat melakukan input dan mengolah data supplier. 5. Pengguna dapat melakukan input dan mengolah data customer. 6. Pengguna dapat mengolah transaksi pembelian. 7. Pengguna dapat mengolah transaksi penjualan. 8. Pengguna dapat mengolah retur

Transcript of BAB IV RANCANGAN SISTEM USULAN 4.1. Tahapan Perancangan ... fileaplikasi stok data barang dan...

44

BAB IV

RANCANGAN SISTEM USULAN

4.1. Tahapan Perancangan Sistem

Pada bagian ini penulis menjelaskan bagai pana proses pembuatan

program dari mulai tahap menganalisis kebutuhan sampai akhirnya program yang

dirancang ini siap untuk digunakan.

4.1.1. Analisis Kebutuhan

Berdasarkan dari analisa yang diamati pada PD. Diamond Motor maka

terdapat kebutuhan dalam mengelola data pengguna, data barang, data supplier,

data karyawan, transaksi pembelian dan penjualan barang, serta menghasilkan

laporan barang masuk dan barang keluar. Rancangan sistem informasi stok data

barang dan penjualan PD. Diamond Motor ini dibuat untuk dikelola oleh satu

pengguna. Spesifikasi kebutuhan sistem informasi stok data barang dan penjualan

pada PD. Diamond Motor ini dapat diuraikan sebagai berikut :

1. Pengguna dapat melakukan input dan mengolah data pengguna.

2. Pengguna dapat melakukan input dan mengolah data barang.

3. Pengguna dapat melakukan input dan mengolah data karyawan.

4. Pengguna dapat melakukan input dan mengolah data supplier.

5. Pengguna dapat melakukan input dan mengolah data customer.

6. Pengguna dapat mengolah transaksi pembelian.

7. Pengguna dapat mengolah transaksi penjualan.

8. Pengguna dapat mengolah retur

45

9. Pengguna dapat melihat laporan barang masuk dan laporan barang keluar

4.1.2. Rancangan Diagram Use Case

Gambar IV.1 berikut ini merupakan use case diagram pada program

aplikasi stok data barang dan penjualan pada PD Diamond Motor.

Sumber : Hasil Perancangan (2018)

Gambar IV.1 Use Case Diagram Sistem Usulan

Pada diagram use case diatas, dapat dijelaskan bawa pada aplikasi stok

data barang dan penjualan pengguna dapat mengelolah data master berupa data

pengguna, data barang, data supplier dan data karyawan. Kemudian pengguna

juga dapat mengolah data transaksi berupa transaksi pembelian, transaksi

46

penjualan dan juga return. Kemudian pengguna juga dapat mengelola laporan

berupa laporan penjualan dan laporan pembelian barang.

Tabel IV.1

Deskripsi Use Case Login

Use Case Name Login

Requirements Pengguna mengisi username dan

password

Goal Mengakses aplikasi stok data barang

dan penjualan

Pre-Conditions Pengguna mengisi username dan

password

Post-Conditions Masuk kedalam stok data barang dan

penjualan

Failed end Conditions Salah mengisi username dan password

Actors Pengguna

Main Flow/Basic Path 1. Pengguna membuka aplikasi

2. Pengguna mengisi username dan

password

3. Pengguna dapat mengakses aplikasi

utama

Alternative Flow/Invarian A -

Invarian B -

Sumber : Hasil Perancangan (2018)

Tabel IV.2

Deskripsi Use Case Data Pengguna

Use Case Name Data Pengguna

Requirements Pengguna telah melakukan login

Goal Pengguna dapat mengelola data

pengguna

Pre-Conditions Pengguna mengisi data pengguna

Post-Conditions Pengguna menyimpan data pengguna

Failed end Conditions Pengguna tidak lengkap dalam mengisi

data pengguna

Actors Pengguna

Main Flow/Basic Path 1. Pengguna telah melakukan login

2. Pengguna memilih menu data

pengguna

3. Pengguna mengisi data

pengguna

4. Pengguna menekan tombol

Sumber : Hasil Perancangan (2018)

47

simpan data pengguna

5. Sistem menyimpan kedalam

basis data

Alternative Flow/Invarian A -

Invarian B -

Sumber : Hasil Perancangan (2018)

Tabel IV.3

Deskripsi Use Case Data Barang

Use Case Name Data Barang

Requirements Pengguna telah melakukan login

Goal Pengguna dapat mengelola data barang

Pre-Conditions Pengguna mengisi data barang

Post-Conditions Pengguna menyimpan data barang

Failed end Conditions Pengguna tidak lengkap dalam mengisi

data barang

Actors Pengguna

Main Flow/Basic Path 1. Pengguna telah melakukan login

2. Pengguna memilih menu data

barang

3. Pengguna mengisi data barang

4. Pengguna menekan tombol

simpan data barang

5. Sistem menyimpan kedalam

basis data

Alternative Flow/Invarian A -

Invarian B -

Sumber : Hasil Perancangan (2018)

Tabel IV.4

Deskripsi Use Case Data Supplier

Use Case Name Data Supplier

Requirements Pengguna telah melakukan login

Goal Pengguna dapat mengelola data supplier

Pre-Conditions Pengguna mengisi data supplier

Post-Conditions Pengguna menyimpan data supplier

Failed end Conditions Pengguna tidak lengkap dalam mengisi

data supplier

Actors Pengguna

Main Flow/Basic Path 1. Pengguna telah melakukan login

2. Pengguna memilih menu data

supplier

3. Pengguna mengisi data supplier

4. Pengguna menekan tombol

Sumber : Hasil Perancangan (2018)

48

simpan data supplier

5. Sistem menyimpan kedalam

basis data

Alternative Flow/Invarian A -

Invarian B -

Sumber : Hasil Perancangan (2018)

Tabel IV.5

Deskripsi Use Case Data Karyawan

Use Case Name Data Karyawan

Requirements Pengguna telah melakukan login

Goal Pengguna dapat mengelola data

karyawan

Pre-Conditions Pengguna mengisi data karyawan

Post-Conditions Pengguna menyimpan data karyawan

Failed end Conditions Pengguna tidak lengkap dalam mengisi

data karyawan

Actors Pengguna

Main Flow/Basic Path 1. Pengguna telah melakukan login

2. Pengguna memilih menu data

karyawan

3. Pengguna mengisi data

karyawan

4. Pengguna menekan tombol

simpan data karyawan

5. Sistem menyimpan kedalam

basis data

Alternative Flow/Invarian A -

Invarian B -

Sumber : Hasil Perancangan (2018)

Tabel IV.6

Deskripsi Use Case Data Customer

Use Case Name Data Customer

Requirements Pengguna telah melakukan login

Goal Pengguna dapat mengelola data

customer

Pre-Conditions Pengguna mengisi data customer

Post-Conditions Pengguna menyimpan data customer

Failed end Conditions Pengguna tidak lengkap dalam mengisi

data customer

Actors

Main Flow/Basic Path 1. Pengguna telah melakukan login

Sumber : Hasil Perancangan (2018)

49

2. Pengguna memilih menu data

customer

3. Pengguna mengisi data

customer

4. Pengguna menekan tombol

simpan data customer

5. Sistem menyimpan kedalam

basis data

Alternative Flow/Invarian A -

Invarian B -

Sumber : Hasil Perancangan (2018)

Tabel IV.7

Deskripsi Use Case Transaksi Pembelian

Use Case Name Transaksi Pembelian

Requirements Pengguna telah melakukan login

Goal Pengguna dapat mengelola Transaksi

Pembelian

Pre-Conditions Pengguna mengisi data pembelian

Post-Conditions Pengguna menyimpan data pembelian

Failed end Conditions Pengguna tidak lengkap dalam mengisi

data pembelian

Actors Pengguna

Main Flow/Basic Path 1. Pengguna telah melakukan login

2. Pengguna memilih menu

transaksi pembelian

3. Pengguna mengisi data

pembelian

4. Pengguna menekan tombol

simpan data pembelian

5. Sistem menyimpan kedalam

basis data

Alternative Flow/Invarian A -

Invarian B -

Sumber : Hasil Perancangan (2018)

Tabel IV.8

Deskripsi Use Case Transaksi Penjualan

Use Case Name Transaksi Penjualan

Requirements Pengguna telah melakukan login

Goal Pengguna dapat mengelola transaksi

penjualan

Sumber : Hasil Perancangan (2018)

50

Pre-Conditions Pengguna mengisi data penjualan

Post-Conditions Pengguna menyimpan data penjualan

Failed end Conditions Pengguna tidak lengkap dalam mengisi

data penjualan

Actors Pengguna

Main Flow/Basic Path 1. Pengguna telah melakukan login

2. Pengguna memilih menu

transaksi penjualan

3. Pengguna mengisi data

penjuualan

4. Pengguna menekan tombol

simpan data penjualan

5. Sistem menyimpan kedalam

basis data

Alternative Flow/Invarian A -

Invarian B -

Sumber : Hasil Perancangan (2018)

Tabel IV.9

Deskripsi Use Case Retur

Use Case Name Retur

Requirements Pengguna telah melakukan login

Goal Pengguna dapat mengelola retur

Pre-Conditions Pengguna mengisi data retur

Post-Conditions Pengguna menyimpan data retur

Failed end Conditions Pengguna tidak lengkap dalam mengisi

data retur

Actors Pengguna

Main Flow/Basic Path 1. Pengguna telah melakukan login

2. Pengguna memilih menu retur

3. Pengguna mengisi data retur

4. Pengguna menekan tombol

simpan data retur

5. Sistem menyimpan kedalam

basis data

Alternative Flow/Invarian A -

Invarian B -

Sumber : Hasil Perancangan (2018)

Tabel IV.10

Deskripsi Use Case Laporan Pembelian

Use Case Name Laporan Pembelian

Requirements Pengguna telah melakukan login

Sumber : Hasil Perancangan (2018)

51

Goal Pengguna dapat mengelola laporan

pembelian

Pre-Conditions Pengguna mengisi tanggal yang ingin

dilihat laporan

Post-Conditions Pengguna mencetak laporan pembelian

Failed end Conditions Pengguna tidak mengisi tanggal

Actors Pengguna

Main Flow/Basic Path 1. Pengguna telah melakukan login

2. Pengguna memilih menu

laporan pembelian

3. Pengguna mengisi tanggal yang

ingin dilihat laporannya

4. Pengguna menekan tombol

cetak

5. Aplikasi menampilkan laporan

pembelian

6. Sistem menyimpan kedalam

basis data

Alternative Flow/Invarian A -

Invarian B -

Sumber : Hasil Perancangan (2018)

Tabel IV.11

Deskripsi Use Case Laporan Penjualan

Use Case Name Laporan Penjualan

Requirements Pengguna telah melakukan login

Goal Pengguna dapat mengelola laporan

penjualan

Pre-Conditions Pengguna mengisi tanggal yang ingin

dilihat laporan

Post-Conditions Pengguna mencetak laporan penjualan

Failed end Conditions Pengguna tidak mengisi tanggal

Actors Pengguna

Main Flow/Basic Path 1. Pengguna telah melakukan login

2. Pengguna memilih menu

laporan penjualan

3. Pengguna mengisi tanggal yang

ingin dilihat laporannya

4. Pengguna menekan tombol

cetak

5. Aplikasi menampilkan laporan

penjualan

6. Sistem menyimpan kedalam

basis data

Alternative Flow/Invarian A -

Sumber : Hasil Perancangan (2018)

52

Invarian B -

Sumber : Hasil Perancangan (2018)

4.1.3. Rancangan Diagram Aktivitas

1. Activity Diagram Masuk

Gambar IV.2 berikut ini merupakan activity diagram login/masuk pada

aplikasi stok data barang dan penjualan pada PD Diamond motor.

Sumber : Hasil Perancangan (2018)

Gambar IV.2 Activity Diagram Masuk

Pada activity diagram masuk diatas, menjelaskan proses pada pengguna

aplikasi stok data barang dan penjualan sebelum masuk ke menu utama pengguna

harus melakukan masuk terlebih dahulu. Pengguna membuka aplikasi lalu aplikasi

menampilkan form masuk, kemudian pengguna diminnta memasukan nama

pengguna dan kata sandi. Jika nama pengguna dan kata sandi salah maka aplikasi

akan menampilkan pesan kesalahan, maka pengguna harus melakukan masuk

kembali. Kemudian apabila nama pengguna dan kata sandi benar, maka aplikasi

akan menampilkan form menu utama.

53

2. Activity Diagram Data Pengguna

Gambar dibawah ini merupakan activity diagram data pengguna pada

rancangan aplikasi stok data barang dan penjualan.

Sumber : Hasil Perancangan (2018)

Gambar IV.3 Activity Diagram Data Pengguna

Pada diagram data karyawan diatas, dapat dijelaskan bawa pengguna ke

aplikasi stok data barang dan penjualan, kemudian pengguna memilih menu data

lalu sub menu data pengguna maka aplikasi akan menampilkan form data

pengguna. Setelah itu pengguna mengisi data pengguna yaitu dengan kode

pengguna, nama pengguna, kata sandi, alamat, dan hak akses. Kemudian

pengguna memilih tombol simpan dan menampilkan pesan “data berhasil

diinput”. Jika pengguna ingin menghapus maka maka pengguna memilih tombol

hapus dan menampilkan pesan “yakin akan dihapus”.

Dan jika pengguna ingin mengedit data maka pengguna memilih tombol

edit dan akan menampilkan pesan “data berhasil di edit”. Dan jika pengguna

54

memilih tombol batal maka akan membersihkan data pada textbox. Kemudian jika

pengguna ingin keluar maka pengguna memilih tombol keluar dan akan kembali

ke form menu utama.

3. Activity Diagram Data Barang

Gambar dibawah ini merupakan activity diagram data barang pada

rancangan aplikasi stok data barang dan penjualan.

Sumber : Hasil Perancangan (2018)

Gambar IV.4 Activity Diagram Data Barang

Pada activity diagram data barang diatas, terlebih dahulu pengguna

memilih menu data, kemudian pengguna memilih sub menu data barang, lalu

tampil form data barang. Kemudian untuk menginput data barang, pengguna harus

memasukan kode barang, nama barang dan stok, satuan, harga beli, dan harga

jual. Setelah data terisi pengguna harus menyimpan data dengan menekan tombol

simpan maka aplikasi akan menyimpan data barang. Jika pengguna ingin

menghapus data maka pengguna harus memilih tombol hapus yang mana tombol

55

hapus akan menampilkan pesan “Yakin data akan dihapus”. Dan jika pengguna

ingin mengedit data maka pengguna memilih tombol edit dan akan menampilkan

pesan “data berhasil diedit”. Dan jika pengguna memilih tombol batal maka akan

membersihkan data pada textbox. Kemudian jika pengguna ingin keluar maka

pengguna memilih tombol keluar dan akan kembali ke form menu utama.

4. Activity Diagram Data Supplier

Gambar dibawah ini merupakan activity diagram data barang pada

rancangan aplikasi stok data barang dan penjualan.

Sumber : Hasil Perancangan (2018)

Gambar IV.5 Activity Diagram Data Supplier

Pada diagram data supplier diatas, dapat dijelaskan bawa pengguna ke

aplikasi stok data barang dan penjualan, kemudian pengguna memilih menu data

lalu sub menu data supplier maka aplikasi akan menampilkan form data supplier.

Setelah itu pengguna mengisi data supplier id supplier, nama supplier, alamat dan

nomor telpon. Kemudian pengguna memilih tombol simpan dan menampilkan

56

pesan “data berhasil diinput”. Jika pengguna ingin menghapus maka maka

pengguna memilih tombol hapus dan menampilkan pesan “yakin akan dihapus”.

Dan jika pengguna ingin mengedit data maka pengguna memilih tombol edit dan

akan menampilkan pesan “data berhasil di edit”. Dan jika pengguna memilih

tombol batal maka akan membersihkan data pada textbox. Kemudian jika

pengguna ingin keluar maka pengguna memilih tombol keluar dan akan kembali

ke form menu utama.

5. Activity Diagram Data Karyawan

Gambar dibawah ini merupakan activity diagram data karyawan pada

rancangan aplikasi stok data barang dan penjualan.

Sumber : Hasil Perancangan (2018)

Gambar IV.6 Activity Diagram Data Karyawan

Pada diagram data karyawan diatas, dapat dijelaskan bawa pengguna ke

aplikasi stok data barang dan penjualan, kemudian pengguna memilih menu data

57

lalu sub menu data karyawan maka aplikasi akan menampilkan form data

karyawan. Setelah itu pengguna mengisi data karyawan yaitu dengan nama,

jabatan, alamat dan nomor telpon. Kemudian pengguna memilih tombol simpan

dan amenampilkan pesan “data berhasil diinput”. Jika pengguna ingin menghapus

maka maka pengguna memilih tombol hapus dan menampilkan pesan “yakin akan

dihapus”. Dan jika pengguna ingin mengedit data maka pengguna memilih tombol

edit dan akan menampilkan pesan “data berhasil di edit”. Dan jika pengguna

memilih tombol batal maka akan membersihkan data pada textbox. Kemudian jika

pengguna ingin keluar maka pengguna memilih tombol keluar dan akan kembali

ke form menu utama.

6. Activity Diagram Data Customer

Gambar dibawah ini merupakan activity diagram data customer pada

rancangan aplikasi stok data barang dan penjualan.

Sumber : Hasil Perancangan (2018)

Gambar IV.7 Activity Diagram Data Customer

58

Pada diagram data customer diatas, dapat dijelaskan bawa pengguna ke

aplikasi stok data barang dan penjualan, kemudian pengguna memilih menu data

lalu sub menu data customer maka aplikasi akan menampilkan form data

customer. Setelah itu pengguna mengisi data customer yaitu dengan id customer,

nama customer, alamat dan nomor telpon. Kemudian pengguna memilih tombol

simpan dan amenampilkan pesan “data berhasil diinput”. Jika pengguna ingin

menghapus maka maka pengguna memilih tombol hapus dan menampilkan pesan

“yakin akan dihapus”. Dan jika pengguna ingin mengedit data maka pengguna

memilih tombol edit dan akan menampilkan pesan “data berhasil di edit”. Dan

jika pengguna memilih tombol batal maka akan membersihkan data pada textbox.

Kemudian jika pengguna ingin keluar maka pengguna memilih tombol keluar dan

akan kembali ke form menu utama.

7. Activity Diagram Transaksi Penjualan

Gambar dibawah ini merupakan activity diagram transaksi penjualan pada

rancangan aplikasi stok data barang dan penjualan.

59

Sumber : Hasil Perancangan (2018)

Gambar IV.8 Activity Diagram Transaksi Penjualan

Pada diagram transaksi penjualan diatas, dapat dijelaskan bawa pengguna

ke aplikasi stok data barang dan penjualan, kemudian pengguna memilih menu

data lalu sub menu transaksi penjualan maka aplikasi akan menampilkan form

transaksi penjualan. Setelah itu pengguna mengisi data penjualan yaitu dengan no.

penjualan, tanggal, id customer, total barang, dan total harga. Kemudian pengguna

memilih tombol simpan dan menampilkan pesan “data berhasil diinput”. Jika

pengguna ingin menghapus maka maka pengguna memilih tombol hapus dan

menampilkan pesan “yakin akan dihapus”. Dan jika pengguna ingin mengedit

data maka pengguna memilih tombol edit dan akan menampilkan pesan “data

berhasil di edit”. Dan jika pengguna memilih tombol batal maka akan

membersihkan data pada textbox. Kemudian jika pengguna ingin keluar maka

pengguna memilih tombol keluar dan akan kembali ke form menu utama.

60

8. Activity Diagram Detail Penjualan

Gambar dibawah ini merupakan activity diagram detail penjualan pada

rancangan aplikasi stok data barang dan penjualan.

Sumber : Hasil Perancangan (2018)

Gambar IV.9 Activity Diagram Detail Penjualan

Pada diagram detail penjualan diatas, dapat dijelaskan bawa pengguna ke

aplikasi stok data barang dan penjualan, kemudian pengguna memilih menu

transaksi lalu sub menu penjualan maka aplikasi akan menampilkan form

transaksi penjualan. Setelah itu pengguna mengisi detail penjualan yaitu dengan

nomor penjualan, kode barang, qty, harga barang dan sub total harga. Kemudian

pengguna memilih tombol tambah dan menampilkan pesan “data berhasil

diinput”. Jika pengguna ingin menghapus maka maka pengguna memilih tombol

kurang dan menampilkan pesan “yakin akan dihapus”. Kemudian jika pengguna

61

ingin keluar maka pengguna memilih tombol keluar dan akan kembali ke form

menu utama.

9. Activity Diagram Transaksi Pembelian

Gambar dibawah ini merupakan activity diagram transaksi pembelian

pada rancangan aplikasi stok data barang dan penjualan.

Sumber : Hasil Perancangan (2018)

Gambar IV.10 Activity Diagram Transaksi Pembelian

Pada diagram transaksi pembelian diatas, dapat dijelaskan bawa pengguna

ke aplikasi stok data barang dan penjualan, kemudian pengguna memilih menu

data lalu sub menu transaksi pembelian maka aplikasi akan menampilkan form

transaksi pembelian. Setelah itu pengguna mengisi data penjualan yaitu dengan

no. pembelian, tanggal, id supplier, total barang, dan total harga. Kemudian

pengguna memilih tombol simpan dan menampilkan pesan “data berhasil

diinput”. Jika pengguna ingin menghapus maka maka pengguna memilih tombol

hapus dan menampilkan pesan “yakin akan dihapus”. Dan jika pengguna ingin

mengedit data maka pengguna memilih tombol edit dan akan menampilkan pesan

62

“data berhasil di edit”. Dan jika pengguna memilih tombol batal maka akan

membersihkan data pada textbox. Kemudian jika pengguna ingin keluar maka

pengguna memilih tombol keluar dan akan kembali ke form menu utama.

10. Activity Diagram Detail Pembelian

Gambar dibawah ini merupakan activity diagram detail pembelian pada

rancangan aplikasi stok data barang dan penjualan.

Sumber : Hasil Perancangan (2018)

Gambar IV.11 Activity Diagram Detail Pembelian

Pada diagram detail pembelian diatas, dapat dijelaskan bawa pengguna ke

aplikasi stok data barang dan penjualan, kemudian pengguna memilih menu

transaksi lalu sub menu pembelian maka aplikasi akan menampilkan form

transaksi pembelian. Setelah itu pengguna mengisi detail pembelian yaitu dengan

no. pembelian, kode barang, qty, harga barang, dan sub total harga. Kemudian

pengguna memilih tombol tambah dan menampilkan pesan “data berhasil

diinput”. Jika pengguna ingin menghapus maka maka pengguna memilih tombol

kurang dan menampilkan pesan “yakin akan dihapus”.. Kemudian jika pengguna

63

ingin keluar maka pengguna memilih tombol keluar dan akan kembali ke form

menu utama.

11. Activity Diagram Retur

Gambar dibawah ini merupakan activity diagram retur pada rancangan

aplikasi stok data barang dan penjualan.

Sumber : Hasil Perancangan (2018)

Gambar IV.12 Activity Diagram Retur

Pada diagram return diatas, dapat dijelaskan bawa pengguna ke aplikasi

stok data barang dan penjualan, kemudian pengguna memilih menu data lalu sub

menu return maka aplikasi akan menampilkan form retur. Setelah itu pengguna

mengisi return yaitu dengan no. nota, kode barang, harga, qty dan total harga.

Kemudian pengguna memilih tombol simpan dan menampilkan pesan “data

berhasil diinput”. Jika pengguna ingin menghapus maka maka pengguna memilih

64

tombol hapus dan menampilkan pesan “yakin akan dihapus”. Dan jika pengguna

ingin mengedit data maka pengguna memilih tombol edit dan akan menampilkan

pesan “data berhasil di edit”. Dan jika pengguna memilih tombol batal maka akan

membersihkan data pada textbox. Kemudian jika pengguna ingin keluar maka

pengguna memilih tombol keluar dan akan kembali ke form menu utama.

4.1.4. Rancangan Dokumen Sistem Usulan

1. Dokumen masukan

1. Nama Dokumen : Laporan Pembelian

Fungsi : Menginput Data Pembelian Barang

Sumber : Pemilik

Tujuan : -

Media : Kertas

Jumlah : Satu Lembar

Frekuensi : Setiap terjadinya pembelian

Format : Lampiran A.1

2. Dokumen Keluaran

1. Nama Dokumen : Laporan Penjualan

Fungsi : Untuk Menginput Data Penjualan Barang

Sumber : Pemilik

Tujuan : -

Media : Kertas

Jumlah : Satu Lembar

65

Frekuensi : Setiap Terjadinya Transaksi Penjualan

Format : Lampiran B.2

4.1.5. Rancangan Prototype

Berikut ini adalah rancangan prototype untuk aplikasi stok data barang dan

penjualan pada PD Diamond Motor, untuk lebih lengkapnya adalah sebagai

berikut :

1. Form Login

Gambar berikut ini adalah gambar form login/ masuk pada aplikasi stok

data barang dan penjualan pada PD Diamond Motor.

Sumber : Hasil Perancangan (2018)

Gambar IV.13 Form Login

2. Form Menu Utama

Gambar berikut ini adalah gambar form menu utama pada aplikasi stok

data barang dan penjualan pada PD Diamond Motor.

66

Sumber : Hasil Perancangan (2018)

Gambar IV.14 Form Menu Utama

3. Form Data Pengguna

Gambar berikut ini adalah gambar form data pengguna pada aplikasi stok

data barang dan penjualan pada PD Diamond Motor.

Sumber : Hasil Perancangan (2018)

Gambar IV.15 Form Data Pengguna

67

4. Form Data Barang

Gambar berikut ini adalah gambar form data barang pada aplikasi stok

data barang dan penjualan pada PD Diamond Motor.

Sumber : Hasil Perancangan (2018)

Gambar IV.16 Form Barang

5. Form Data Supplier

Gambar berikut ini adalah gambar form data supplier pada aplikasi stok

data barang dan penjualan pada PD Diamond Motor.

Sumber : Hasil Perancangan (2018)

Gambar IV.17 Form Data Supplier

68

6. Form Data Karyawan

Gambar berikut ini adalah gambar form data karyawan pada aplikasi stok

data barang dan penjualan pada PD Diamond Motor.

Sumber : Hasil Perancangan (2018)

Gambar IV.18 Form Data Karyawan

7. Form Data Customer

Gambar berikut ini adalah gambar form data customer pada aplikasi stok

data barang dan penjualan pada PD Diamond Motor.

Sumber : Hasil Perancangan (2018)

Gambar IV.19 Form Data Customer

69

8. Form Transaksi Penjualan

Gambar berikut ini adalah gambar form transaksi penjualan pada aplikasi

stok data barang dan penjualan pada PD Diamond Motor.

Sumber : Hasil Perancangan (2018)

Gambar IV.20 Form Transaksi Penjualan

9. Form Transaksi Pembelian

Gambar berikut ini adalah gambar form transaksi pembelian pada aplikasi

stok data barang dan penjualan pada PD Diamond Motor.

Sumber : Hasil Perancangan (2018)

Gambar IV.21 Form Transaksi Pembelian

70

10. Form retur

Gambar berikut ini adalah gambar form retur pada aplikasi stok data

barang dan penjualan pada PD Diamond Motor.

Sumber : Hasil Perancangan (2018)

Gambar IV.22 Form Retur

11. Form Laporan Penjualan

Gambar berikut ini adalah gambar form laporan penjualan pada aplikasi

stok data barang dan penjualan pada PD Diamond Motor.

Sumber : Hasil Perancangan (2018)

Gambar IV.23 Form Laporan Penjualan

71

12. Form Laporan Pembelian

Gambar berikut ini adalah gambar form laporan pembelian pada aplikasi

stok data barang dan penjualan pada PD Diamond Motor.

Sumber : Hasil Perancangan (2018)

Gambar IV.24 Form Laporan Pembelian

4.2. Perancangan Perangkat Lunak

Perancangan perangkat lunak ini penulis menjelaskan bagaimana

rancangan Entity Relationship Diagram (ERD), Logical Structure Record (LRS),

Spesifikasi File, Sequence Diagram, Class Diagram dan juga jadwal

implementasi.

4.2.1. Entity Relationship Diagram (ERD)

Berikut merupakan Entity Relatiaoship Diagram (ERD) dari Perancangan

Sistem Informasi Stok Data Barang dan Penjualan Pada PD Diamond Motor.

72

Sumber : Hasil Perancangan (2018)

Gambar IV.25 Entity Relationship Diagram (ERD)

73

4.2.2. Logical Structure Record (LRS)

Dibawah ini merupakan gambarang Logical Structure Record (LRS) pada

Perancangan Sistem Informasi Stok Data Barang dan Penjualan Pada PD

Diamond Motor.

Sumber : Hasil Perancangan (2018)

Gambar IV.26 Logical Structure Record (LRS)

4.2.3. Spesifikasi File

Berdasarkan hasil file diatas maka dibuatlah sebuah database sebagai

berikut :

1. Tabel Pengguna

Nama File : Data Pengguna

Akronim : Pengguna

74

Tipe File : File Master

Akses File : Random

Organisasi File : Index Sequential

Media File : Hardisk

Panjang Record : 95 Byte

File Key : Kode_pengguna

Software : MySQL

Tabel IV.12

Spesifikasi Tabel Pengguna

No Elemen Data Akronim Type File Size Keterangan

1 Kode pengguna Kode_pengguna Varchar 5 Primary Key

2 Nama Pengguna Nama_pengguna Varchar 20

3 Kata Sandi Kata_sandi Varchar 20

4 Alamat Alamat Varchar 20

5 Hak Akses Hak_akses Varchar 30

Sumber : Hasil Perancangan (2018)

2. Tabel Barang

Nama File : Data Barang

Akronim : Barang

Tipe File : File Master

Akses File : Random

Organisasi File : Index Sequential

Media File : Hardisk

Panjang Record : 60 Byte

75

File Key : Kode_barang

Software : MySQL

Tabel IV.13

Spesifikasi Tabel Barang

No Elemen Data Akronim Type File Size Keterangan

1 Kode Barang Kode_barang Char 10 Primary Key

2 Nama Barang Nama_barang Varchar 15

3 Stok Stok Int 15

4 Satuan Satuan Varchar 20

5 Harga Beli Harga_beli Double

6 Harga Jual Harga_jual Double

Sumber : Hasil Perancangan (2018)

3. Tabel Supplier

Nama File : Data Supplier

Akronim : Supplier

Tipe File : File Master

Akses File : Random

Organisasi File : Index Sequential

Media File : Hardisk

Panjang Record : 80 Byte

File Key : Id_supplier

Software : MySQL

76

Tabel IV.14

Spesifikasi Tabel Supplier

No Elemen Data Akronim Type File

Size

Keterangan

1 Id Supplier Id_supplier Char 5 Primary Key

2 Nama Supplier Nama_supplier Varchar 30

3 Alamat Alamat Varchar 30

4 Nomor Telpon No_telp Int 15

Sumber : Hasil Perancangan (2018)

4. Tabel Karyawan

Nama File : Data Karyawan

Akronim : Karyawan

Tipe File : File Master

Akses File : Random

Organisasi File : Index Sequential

Media File : Hardisk

Panjang Record : 112 Byte

File Key : Nama

Software : MySQ

Tabel IV.15

Spesifikasi Tabel Karyawan

No Elemen Data Akronim Type File

Size

Keterangan

1 Nama Nama Varchar 30 Primary Key

77

2 Jabatan Jabatan Varchar 20

3 Alamat Alamat Varchar 50

4 Nomor Telpon No_telp Varchar 12

Sumber : Hasil Perancangan (2018)

5. Tabel Customer

Nama File : Data Customer

Akronim : Customer

Tipe File : File Master

Akses File : Random

Organisasi File : Index Sequential

Media File : Hardisk

Panjang Record : 105 Byte

File Key : Id_customer

Software : MySQL

Tabel IV.16

Spesifikasi Tabel Customer

No Elemen Data Akronim Type File

Size

Keterangan

1 Id Customer Id_customer Varchar 10 Primary key

2 Nama Customer Nama_customer Varchar 50

3 Alamat Alamat Varchar 30

4 Telpon Telpon Varchar 15

Sumber : Hasil Perancangan (2018)

78

6. Tabel Penjualan

Nama File : Transaksi Penjualan

Akronim : Penjualan

Tipe File : File Master

Akses File : Random

Organisasi File : Index Sequential

Media File : Hardisk

Panjang Record : 110 Byte

File Key : No_penjualan

Software : MySQL

Tabel IV.17

Spesifikasi Tabel Penjualan

No Elemen Data Akronim Type File Size Keterangan

1 Nomor

Penjualan

No_penjualan Varchar 15 Primary Key

2 Tanggal Tanggal Varchar 50

3 Id Customer Id_customer Varchar 15

4 Total Barang Total_barang Int 20

5 Total Harga Total_harga Int 10

Sumber : Hasil Perancangan (2018)

7. Tabel Detail Penjualan

Nama File : Transaksi Detail Penjualan

Akronim : Detail_penjualan

Tipe File : File Master

79

Akses File : Random

Organisasi File : Index Sequential

Media File : Hardisk

Panjang Record : 35 Byte

File Key : No_nota

Software : MySQL

Tabel IV.18

Spesifikasi Tabel Detail Penjualan

No Elemen Data Akronim Type File

Size

Keterangan

1 Nomor

Penjualan

No_penjualan Varchar 15 Foreign Key

2 Kode Barang Kode_barang Varchar 10

3 Qty Qty Int 10

4 Harga_barang Harga_barang Double

5 Sub Total

Harga

Sub_total_harga Double

Sumber : Hasil Perancangan (2018)

8. Tabel Penjualan

Nama File : Transaksi Penjualan

Akronim : Penjualan

Tipe File : File Master

Akses File : Random

Organisasi File : Index Sequential

80

Media File : Hardisk

Panjang Record : 90 Byte

File Key : No_penjualan

Software : MySQL

Tabel IV.19

Spesifikasi Tabel Pembelian

No Elemen Data Akronim Type File Size Keterangan

1 Nomor

Pembelian

No_pembelian Varchar 5 Primary Key

2 Id Suplier Id_suplier Varchar 10

3 Tanggal Tanggal Varchar 50

4 Total Barang Total_barang Int 10

5 Total Harga Total_harga Int 15

Sumber : Hasil Perancangan (2018)

9. Tabel Detail Pembelian

Nama File : Transaksi Detail Pembelian

Akronim : Detail_pembelian

Tipe File : File Master

Akses File : Random

Organisasi File : Index Sequential

Media File : Hardisk

Panjang Record : 45 Byte

File Key : No_nota

Software : MySQL

81

Tabel IV.20

Spesifikasi Tabel Detail Pembelian

No Elemen Data Akronim Type File

Size

Keterangan

1 Nomor

Pembelian

No_pembelian Varchar 20 Foreign Key

2 Kode Barang Kode_barang Varchar 15

3 Qty Qty Int 10

4 Harga_barang Harga_barang Double

5 Sub Total

Harga

Sub_total_harga Double

Sumber : Hasil Perancangan (2018)

10. Tabel Retur

Nama File : Retur

Akronim : Retur

Tipe File : File Master

Akses File : Random

Organisasi File : Index Sequential

Media File : Hardisk

Panjang Record : 96 Byte

File Key : No_nota

Software : MySQL

82

Tabel IV.21

Spesifikasi Tabel Retur

No Elemen Data Akronim Type File Size Keterangan

1 Nomor Nota No_nota Varchar 5 Primary

Key

2 Kode Barang Kode_barang Varchar 10

3 Qty Qty Int 7

4 Harga Harga Int 12

5 Total Harga Total_harga Int 12

6 Tanggal Tanggal Varchar 50

Sumber Hasil Perancangan (2018)

4.2.4. Class Model/ Class Diagram

Sumber : Hasil Perancangan (2018)

Gambar IV.27 Class Diagram

83

4.2.5. Sequence Diagram

Pada gambar dibawah ini adalah merupakan sequence diagram pada

rancangan aplikasi stok data barang dan penjualan.

Sumber : Hasil Perancangan (2018)

Gambar IV.28 Sequence Diagram

1. Sequence Data Pengguna

Sumber : Hasil Perancangan (2018)

Gambar IV.29 Sequence Diagram Data Pengguna

84

2. Sequence Data Barang

Sumber : Hasil Perancangan (2018)

Gambar IV.30 Sequence Data Batang

3. Sequence data supplier

Sumber : Hasil Perancangan (2018)

Gambar IV.31 Sequence Data Supplier

85

4. Sequence data karyawan

Sumber : Hasil Perancangan (2018)

Gambar IV.32 Sequence Data Karyawan

5. Sequence data customer

Sumber : Hasil Perancangan (2018)

Gambar IV.33 Sequence Data Customer

86

6. Sequence transaksi pembelian

Sumber : Hasil Perancangan (2018)

Gambar IV.34 Sequence Transaksi Pembelian

7. Sequence detail pembelian

Sumber : Hasil Perancangan (2018)

Gambar IV.35 Sequence Detail Pembelian

87

8. Sequence transaksi penjualan

Sumber : Hasil Perancangan (2018)

Gambar IV.36 Sequence Transaksi Penjualan

9. Sequence detail penjualan

Sumber : Hasil Perancangan (2018)

Gambar IV.37 Sequence Detail penjualan

88

10. Sequence retur

Sumber : Hasil Perancangan (2018)

Gambar IV.38 Sequence retur

4.2.6. Spesifikasi Hardware dan Software

1. Spesifikasi Hardware

1). CPU

a) Proscessor Intel ® Celeron ® CPU N3060 @ 1.60 GHz 1.60 GHz

b) RAM DDR3 L Memory 2 GB

c) Hard Disk 500 GB

2). Mouse

3). Keyboard

4). Monitor 14” LED

89

2. Spesifikasi Software

1. Server

a. Sistem Operasi menggunakan Microsoft Windows 8.1 Enterprise

b. Aplikasi bundle web server menggunakan Xampp yang terdiri dari

beberapa komponen :

1) Aplikasi Apache Server

2) Aplikasi PHP Server

3) Aplikasi MySQL Server

4) Aplikasi phpMyAdmin

c. Web browser menggunakan Google Chrome, Mozilla Firefox serta

Internet Explore.

4.3. Jadwal Implementasi

Berikut ini merupakan jadwal implementasi dalam pembuatan

perancangan sistem informasi stok data barang dan penjualan pada PD Diamond

Motor.

Tabel IV.22

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

Sumber : Hasil Perancangan (2018)

90

3

Desain

Sistem

4 Desain

Perangkat

Lunak

5 Pembuatan

Dan Tes

Program

6 Tes Sistem

7 Pelatihan

8 Pembuatan

Buku

Petunjuk

9 Evaluasi dan

Operasional

Sumber: Hasil Perancangan (2018)