BAB IV RANCANGAN SISTEM USULAN

(1)

RANCANGAN SISTEM USULAN

4.1. Analisis Kebutuhan Software

Dalam rangka Langgeng Multi Jaya diantaranya :

mempermudah penjualan perlengkapan security pada PT. maka beberapa usulan penjualan berbasih web pun dibuat,

Halaman Admin dan Keuangan digambarkan dalam Use Case Diagram dan

Activity Diagram:

A.1. Admin dan Keuangan melakukan Login dan dialihkan ke sebuah form isian identitas user name dan password.

A.2. Jika sudah masuk kedalam sistem makan sistem akan menampilkan menu utama yanga berisi master, transaksi, laporan dan keluar.

A.3. Admin dapat memilih menu master menampilkan data barang mengimput kode barang, nama barang, jenis barang, stok dan harga.

A.4. Admin dan keuangan memilih menu master menampilkan menu Pengguna dan imput kode pengguna dan password

A.5. Admin memilih menu master, menampilkan menu perkiraan akan menampilkan imput kode perkiraan dan nama perkiraan.

A.6. Admin memilih menu transaksi, menampilkan menu Pesan akan menampilkan imput nomor nota, QTY, total, kode pengguna dan kode barang

(2)

A.7. Admin memilih menu transaksi, menampilkan menu pembayaran akan menampilkan imput nomer kwitansi, nomer nota, tanggal kwitansi, jumlah, uang bayar, uang kembali.

A.8. Keuangan memilih menu laporan, menampilkan menu jurnal akan menampilkan Imput Nomer Jurnal, kode perkiraan, keterangan, debet, kredit tanggal, nomor kwitansi.

A.9. keuangan memilih menu laporan, menampilkan menu laporan Penjualan akan menampilkan imput pilih bulan dan pilih tahun

A.10. Keuangan memilih menu laporan, menampilkan menu Laporan Penerimaan Kas akan menampilkan imput pilih bulan dan pilih tahun .

A.11. Admin dan keuangan memilih menu laporan, menampilkan menu ubah

password akan menampilkan imput user name, password lama, status password baru,

Ketik ulang password baru.

4.1.1. Use Case Diagram

Berikut ini adalan Use Case Diagram sistem usulan pada PT. Langgeng Multi Jaya yang telah dibuat diantaranya sebagai berikut:

(3)

1. Use Case Diagram Form Menu Login uc Use Case Diagam Form Menu Login

Login User Name «include» Admin dan Keuangan «include» Password Gambar IV.1

Use Case Diagram Form Menu Login

2. Use Case Diagram Form Menu Utama

uc Use Case Diagram Form Menu Utama

Master Login

«extend» «include» Menu Utama

«extend» Admin dan Keuangan «extend» Transaksi Laporan Gambar IV.2

(4)

3. Use Case Diagram Form Menu Data Barang

uc Use Case Diagram Form Menu Data Barang

Kode Barang Login

«include»

«extend» Nama Barang

Data Barang «include»

Master «extend» Admin «include» Jenis Barang «include» «include» Stok Harga Gambar IV.3

Use case Diagram Form Menu Data Barang

4. Use case Diagram Form Menu Pengguna

uc Use Case Diagram Form Menu Pengguna

Kode Pengguna Login «include» Pengguna «extend» _«include» «extend» Nama Pengguna «include»

Admin dan Master

Keuangan

Password

Gambar IV.4

(5)

5. Use case Digram Form Menu Perkiraan

uc Use Case Diagram Form Menu Perkiraan

Kode Perkiraan Login «include» Perkiraan «extend» «extend» «include» Admin Master Nama Perkiraan Gambar IV.5

Use case Diagram Form Menu Perkiraan

6. Use case Diagram Form Menu Transaksi Pesan

uc Use Case Diagram Form Menu Transaksi Pesan

Nomer Nota

Login Pesan

«include»

«extend» Tanggal Nota «extend» «include» Admin Transaksi «include» QTY «include» «include» Total

Kode Barang _{Kode Pengguna}

Gambar IV.6

(6)

7. Use Case Diagram Form Menu Transaksi Pembayaran

uc Use Case Diagram Form Menu Transaksi Pembayaran

Nomer Kwitansi Login

«include»

Pembayaran

«extend» «include» Nomer Nota

«extend»

Admin Transaksi «include»

«include» «include»

Tanggal Kwitansi

«include»

Uang Kembali Jumlah

Uang Bayar

Gambar IV.7

Use case Diagram Form Menu Transaksi Pembayaran

8. Use Case Diagram Form Menu Jurnal

uc Use Case Diagram Form Menu Jurnal

Nomer Jurnal Jurnal «include»

Login

«include»

«extend» «extend» Kode Perkiraan «include» Keuangan Laporan «include» «include» «include» Keterangan «include» Debet Nomer Kw itansi Kredit Tanggal Gambar IV.8

(7)

9. Use Case Diagram Form Menu Laporan Penjualan

uc Use Case Diagram Form Menu Laporan Penjualan

Pilih Bulan «include»

Login Laporan Penjualan

«include»

«extend» «extend»

Keuangan Pilih Tahun

Laporan

Gambar IV.9

Use case Diagram Form Menu Laporan Penjualan

10. Use case Diagram Form Menu Laporan Penerimaan Kas

uc Use Case Diagram Form Menu Laporan Penerimaan Kas

Pilih Bulan «include» Penerimaan Kas Login «extend» «include» «extend» Pilih Tahun Laporan Keuangan Gambar IV.10

(8)

11.Use Case Diagram Form Menu Ubah Password

uc Use Case Diagram Form Menu Ubah Password

User Name

Login Ubah Password «include»

«include» «extend» Password Lama «extend» «include» Keuangan Laporan _«include» «include» Status Password Baru

Ketik Ulang Password

Gambar IV.11

Use case Diagram Form Menu Ubah Password

4.1.2. Activity Diagram

Berikut ini adalan Activity Diagram sistem usulan pada PT. Langgeng Multi Jaya yang telah dibuat diantaranya sebagai berikut:

(9)

1. Activity Diagram Form Menu Utama

act Activity Diagram Form Menu Login

Admin dan Keuangan Sistem Penjualan

Melakukan Login Cek User Name dan Password

Valid Masuk Kedalam Menu

Utama

Tidak Valid

Masukan User Masukan

Name Password

Tampil Pesan User Name atau Password Salah

Gambar IV.12

(10)

2. Activity Diagram Form Menu Utama

act Activity Diagram From Menu Utama

Admin dan Keuangan Sistem Penjualan

Login Kedalam Sistem _{Menampilkan Menu Utama}

Master Transaksi Laporan

Gambar IV.13

(11)

3. Activity Diagram Form Menu Data Barang

act Activ ity Diagram Form Menu Data Barang

Admin Sistem Penjualan

Klik Menu Data Barang _{Menampilkan Menu Data}

Barang

Imput Kode Barang ,Nama Barang, Jenis Barang, Stok,

Harga

Print DELETE SAVE EDIT CLOSE

Data Berhasil di Edit

Data Berhasil di Simpan

Data Berhasil di Hapus

Data Berhasil di Cetak

Gambar IV.14

(12)

4. Activity Diagram Form Menu Pengguna

act Activ ity Diagram Form Menu Pengguna

Admin Dan Keuangan Sistem Penjualan

Klik Menu Pengguna Menampilkan Menu Pengguna

Imput Kode Pengguna, Nama Pengguna, Password

ADD DELETE SAVE EDIT CLOSE

Data Berhasil di Tambah

Gambar IV.15

(13)

5. Activity Diagram Form Menu Perkiraan

act Activ ity Diagram Form Menu Perkiraan

Klik Menu Perkiraan Menampilkan Menu Perkiraan

Imput Kode Perkiraan, Nama Perkiraan

ADD SAVE CLOSE

Gambar IV.16

(14)

6. Activity Diagram Form Menu Transaksi Pesan

act Activ ity Diagram Form Menu Transaksi Pesan

Klik Menu Pesan Menampilkan Menu Pesan

Imput Nomer Nota, Tanggal Nota, Qty, Total, Kode Pengguna, Kode Barang

ADD DELETE SAVE PRINT EDIT CLOSE

Gambar IV.17

(15)

7. Activity Diagram Form Menu Transaksi Pembayaran 8.

act Activity Diagram From Transaksi Pembayaran

Klik Menu Pembayaran Menampilkan Menu

Pembayaran

Imput Nomor Kwitansi, Nomor Nota, Tanggal Kwitansi, Jumlah, Uang Bayar,

Uang Kembali

ADD PRINT SAVE DELETE CENCEL CLOSE

Data Berhasil di Batalkan

Gambar IV.18

(16)

9. Activity Diagram Form Menu Jurnal

act Activity Diagram From Menu Jurnal

Keuangan Sistem Penjualan

Klik Menu Jurnal Menampilkan Menu Jurnal

Imput Nomer Jurnal, Kode Perkiraan, Keterangan, Debet, Kredit, Tanggal, Nomer Kwitansi

Print DELETE SAVE EDIT CLOSE

Gambar IV.19

(17)

10. Activity Diagram Form Menu Laporan Penjualan

act Activ ity Diagram From Menu Laporan Penjualan

Klik Menu Laporan Menampilkan Menu Laporan

Penjualan Penjualan

Pilih Bulan, Pilih Tahun

Print CLOSE

Gambar IV.20

(18)

11. Activity Diagram Form Menu Laporan Penerimaan Kas

act Activ ity Diagram From Menu Laporan Penerimaan Kas

Klik Menu Laporan Menampilkan Menu Laporan

Penerimaan Kas Penerimaan Kas

Pilih Bulan dan Tahun

PRINT CLOSE

Gambar IV.21

(19)

12.Activity Diagram Form Menu Ubah Password act Activity Diagram From Menu Ubah Password

Klik Menu Ubah Password Menampilkan Menu Ubah Password

Imput User Name, Password Lama, Status Password Baru, Ketik Ulang Password Baru

OK CLOSE

Data Berhasil di Ubah

Gambar IV.22

(20)

4.2. Entity Relationship Diagram (ERD)

Berikut ini adalan ERD sistem usulan pada PT. Langgeng Multi Jaya yang telah dibuat diantaranya sebagai berikut:

erd Entity Relationship Diagram (ERD)

kd_barang

1Kategori

nm_barang Data BarangM _memiliki

Produk

M

jenis_barang stok

mempunyai QTY no_telfon

id_kategori nm_kategori harga id_kategori kd_barang 1 no_kwitansi Detail Pesan uang_bayar no_nota 1

QTY no_nota tgl_nota tgl_kwitansi

uang_kembali

total mempunyai

Id_customer _jumplah

kd_pengguna 1

Pengguna 1

mengecek 1 Pesan 1 melakukan 1 Pembayaran

1 1 no_kwitansi keterangan password _{kd_pengguna} membuat nm_customer no_telfon Membuat debet tanggal nm_pengguna _{id_customer} 1 alamat _{no_jurnal} kredit 1 kredit

kd_perkiraan nm_perkiraan debet Customer Jurnal kd_perkiraan

kd_perkiraan 1

no_jurnal

memiliki

Perkiraan 1 MDetail Jurnal

M

mempunyai

Gambar IV.23

(21)

4.3. Logical Record Structure (LRS)

Berikut ini adalah LRS sistem usulan pada PT. Langgeng Multi Jaya yang telah dibuat diantaranya sebagai berikut:

class Logical Record Structure (LRS)

Data Barang -harga M - id_kategori - jenis_barang M - kd_barang - nm _barang - stok Perkiraan - Kd_perkiraan - nm _perkiraan₁ Detail Jurnal M - Debet - Kd_perkiraan -Kredit M - No_Jurnal kategori Produk 1 - id_kategori - nm _kategori 1 Detail Pesan Pengguna - kd_barang 1 - no_nota - kd_pengguna - QTY - nm _pengguna 1 - password Pembayaran 1 1- no_kwitansi - no_nota - tgl _kwitansi - uang_bayar - uang_kembali Pesan - id_customer 1 1 - kd_pengguna _1.. - no_nota - QTY 1 - tgl _nota - total Customer Jurnal - id_customer _- _debet - kd_customer 1 - kd_perkiraan - nm _customer 1 _- _keterangan - no_telfon - kredit - no_jurnal 1 - no_kwitansi - tanggal Gambar IV.24

(22)

4.4. Spesifikasi File

Untuk mempermudah dalam pengolahan data, baik pengolahan data masukan dan data keluaran diperlukan adanya spesifikasi file yang akan mengolah data tersebut. Rancangan spesifikasi file tersebut sebagai berikut :

1. Nama File : File Customer Akronim : Customer.mdb Tipe File :

Fungsi :

Akses File : Random

Media : Hardisk

Kunci Field : Id_Customer Panjang record : 75 Byte

Software : Microsoft Access 2007

Tabel IV.1 Spesifikasi File Customer

No Elemen Data Akronim Tipe Panjang Keterangan 1. Id Customer Id_Customer Text 4 Primary Key

2. Alamat Alamat Text 35

3. Nomer Telfon No_Telfon Int 12 4. Nama Customer Stok Text 20

2. Nama File: File Data Barang Akronim : Data barang.mdb

(23)

Tipe File : File Master

Fungsi : Untuk menyimpan data Barang Akses File :Random

Media : Hardisk

Kunci Field : Kd_Barang Panjang record : 75 Byte

Tabel IV.2 Spesifikasi File Data Barang

No Elemen Data Akronim Tipe Panjang Keterangan

1. Kode Barang kd_Barang Text 4 Primary Key

2. Nama Barang Nm_Barang Text 35

3. Jenis Barang Jenis Text 25

4. Stok Stok Int 3

5. Harga Harga Currency 8

6. Id Kategori Id_kategoti Text 4 Foreign Key

3. Nama File : File Pengguna Akronim : pengguna.mdb Tipe File : File Master

Fungsi : Untuk mengetahui data Pengguna Akses File : Random

(24)

Media Kunci Field Panjang record Software : Hardisk : Kd_Pengguna : 28 Byte : Microsoft Access 2007

Tabel IV.3 Spesifikasi File Pengguna

No Elemen Data Akronim Tipe Panjang Keterangan 1. Kode Pengguna Kd_Pengguna Text 4 Primary Key

2. Nama Pengguna Nm_Pengguna Text 20 3. Password Password Text 4

4. Nama File : File Pesan Akronim : pesan.mdb Tipe File : File Transaksi

Fungsi : Untuk menyimpan data pesan

Akses File : Random

Media : Harddisk

Kunci Field : No_Nota Panjang record : 20 Byte

(25)

Tabel IV.4 Spesifikasi File Pesan

No Elemen Data Akronim Tipe Panjang Keterangan 1. Nomor Nota No_Nota Text 5 Foreign Key

2. Tanggal Nota Tgl_Nota Date 8 dd/mm/yyyy

3. Total Total Int 3

4. Id Pengguna Id_Pengguna Text 4 Foreign Key

5. QTY QTY Text 5 Foreign Key

6. Id customer Id_Customer Text 4 Primary Key

5. Nama File: File Detail Pesan Akronim Tipe File Fungsi Akses File Media Kunci Field Panjang record Software : detailpesan.mdb : File Transaksi

: Untuk menjelaskan isi yang ada di data Pesan

: Random

: Harddisk

: -

: 19 Byte

(26)

Tabel IV.5 Spesifikasi File Detail Pesan

1. Qty Qty Int 10 Primary Key

2. Nomor Nota No_Nota Text 5 Primary Key

3. Kode Barang Kd_Barang Text 4 Foreign Key

6. Nama Tabel : File Perkiraan Akronim : perkiraan.mdb Tipe File : File Master

Fungsi : Untuk menyusun jurnal.

Access File : Random

Media : Harddisk

Kunci Field : Kd_Perkiraan Panjang record : 15 Byte

Tabel IV.7 Spesifikasi File Perkiraan

No Elemen Data Akronim Tipe Panjang Keterangan 1. Kode Perkiraan Kd_Perkiraan Text 5 Primary Key

2. Nama Perkiraan Nm_Perkiraan Text 10

7. Nama Tabel : File Jurnal Akronim : jurnal.mdb

(27)

Tipe File Fungsi Access File Media Kunci Field Panjang record Software : File Master

: Untuk menyimpan data Jurnal

: Random

: Harddisk

: No_Jurnal : 42 Byte

: Microsoft Access 20

Tabel IV.8 Spesifikasi File Jurnal

No Elemen Data Akronim Tipe Panjang Keterangan 1. Nomor Jurnal No_Jurnal Text 9 Foregin key

2. Tanggal Tanggal Date 8 dd/mm/yyyy

3. Keterangan Keterangan Text 20

4. Nomor Kwitansi No_Kwitansi Text 5 Primary Key

5. Debet Debet Date Foregin key

6. Kredit Kredit Date Foregin key

7. Id Perkiraan Id_Perkiraan Date Foregin key

8. Nama File: File Detail Jurnal

Akronim : detailjurnal.mdb Tipe File : File Master Fungsi

: Untuk Menjelaskan isi data yang ada di Jurnal

Access File

(28)

Media : Harddisk

Kunci Field : - Panjang record : 30 Byte

Tabel IV.9 Spesifikasi File Detail Jurnal

1. Debet Debet Currency 8 Primary Key

2. Kredit Kredit Currency 8 Primary Key

3. Nomor Jurnal No_Jurnal Text 9 Primary Key

4. Kode Perkiraan Kd_Perkiraan Text 5 Foregin key

9. Nama Tabel : File Pembayaran Akronim : pembayaran.mdb Tipe File : File Transaksi

Fungsi : Untuk menyimpan data pembayaran

Akses File : Random

Media : Harddisk

Kunci Field : No_Kwitansi Panjang record : 41 Byte

(29)

Tabel IV.6 Spesifikasi File Pembayaran

No Elemen Data Akronim Tipe Panjang Keterangan 1. Nomor Kwitansi No_Kwitansi Text 5 Primary Key

2. Tanggal Kwitansi Tgl_Kwitansi Date 8 dd/mm/yyyy

3. Uang Bayar Uang_Bayar Currency 10 4. Uang Kembali Uang_Kembali Currency 10

5. Jumlah Jumlah Int 3

6. Nomor Nota No_Nota Text 5 Foreign Key

10. Nama File: File Kategori Produk Akronim Tipe File Fungsi Access File Media Kunci Field Panjang record Software : kategoriproduk.mdb : File Master

: Untuk Menjelaskan Produk

: Random

: Harddisk

: Id_Produk : 30 Byte

(30)

Tabel IV.10 Spesifikasi File Kategori Produk

No Elemen Data Akronim Tipe Panjang Keterangan 1. Id Kategori Id_kategori Text 12 Primary Key

2. Nama Kategori Nm_Kategori Text 20

4.5. Software Architecture

Proses yang mendefisinikan solusi yang terstruktur yang memenuhi kebutuhan teknis dan operasional, disisi lain mengoptimasi quality dari sebuah aplikasi yang meliputi: performance, security, dan manageability. Rancangan Software Architecture

tersebut sebagai berikut :

1. Deployment Diagram

deployment Deployment Diagram

Web Serv er Database Serv er

XAMPP

PHP j Query Boots rap

PHPMyadmin

FileZilia Visual Basic Aplication MysQL Database Client PC Brow ser Gambar IV.25 Deployment Diagram

(31)

2. Sequence Diagram

Gambar IV.26

(32)

4.6. User Interface

Berikut ini adalan Use Case Diagram sistem usulan pada PT. Langgeng Multi Jaya yang telah dibuat diantaranya sebagai berikut:

1. Form Menu Login

(33)

3. Form Menu Data Barang

(34)

5. Form Menu Perkiraan

(35)

7. Form Menu Transaksi Pembayaran

(36)

9. Form Menu Laporan Penjualan

(37)

11.Form Menu Ubah Password

4.7. Spesifikasi Sistem Komputer

Guna memperlancar pengolahan dari rancangan sistem usulan sangat diperlukan beberapa perangkat penunjang lainnya, perangkat-perangkat tersebut adalah:

4.7.1. Umum

Suatu sistem yang baik tidak akan berjalan baik apabila tidak didukung oleh sarana pendukung yang baik pula. Sarana pendukung yang dimaksud bukan harus menggunakan satu unit komputer dengan merk dagang tertentu dan harga yang cukup mahal, tetapi harus dapat berintegrasi dengan baik antara satu dengan yang lainnya. Dalam tahap pengembangan sistem diperlukan perencanaan mengenai sistem

(38)

komputer yang diajukan, karena suatu sistem komputer atau database akan berjalan dengan baik dan berhasil dalam pengoperasiannya apabila didukung penuh oleh beberapa unsur seperti:

1.Perangkat Keras (Hardware) 2.Perangkat Lunak (Software) 3.Pengguna (Brainware)

4.7.2. Perangkat Keras

Perangkat keras atau yang disebut juga hardware adalah komponen peralatan yang dapat membantu sistem dan peralatan lainnya yang juga memungkinkan komputer melaksanakan tugasnya dimana komponen-komponen tersebut saling berhubungan guna mencapai tujuan akhir dalam pengolahan sebuah data. Adapun spesifikasi perangkat keras yang akan penulis gunakan dalam sistem usulan ini adalah:

a. Processor b. Memory c. Hardisk

d. Floppy Disk Drive e. Monitor f. Keyboard g. Printer h. Mouse : Pentium IV 2.2 GHz : 2 GB : 500 MB : 1.44 Mb (3,5 inchi) : 14” HD LED LCD : 102 Key : Inkjet/Deskjet : Optic

(39)

4.7.3. Perangkat Lunak

Perangkat lunak (software) merupakan bagian dalam komputer yang berupa program beserta dengan susunan infrastruktur yang harus benar dan berurutan.Program berguna untuk memberikan perintah kepada perangkat keras untuk mengolah data sehingga bisa menghasilkan suatu informasi yang dapat digunakan oleh pemakai atau user.

Dalam pengembangan sistem komputer ini, penulis menggunakan perangkat lunak (software) sebagai berikut:

1. Sistem Operasi (Operating System)

Merupakan jenis perangkat lunak yang terpenting karena tanpa adanya sistem operasi tersebut komputer tidak dapat digunakan dan tidak ada manfaatnya. Kegunaan sistem operasi ini untuk mengatur peralatan input dan output agar berfungsi sebagaimana mestinya dan sistem operasi yang digunakan adalah Microsoft Office 2007

2. Paket Program (Application Software)

Paket program adalah suatu bahasa pemrograman yang dapat digunakan dan dapat dimengerti oleh suatu aplikasi. Dalam penulisan tugas akhir ini penulis menggunakan beberapa paket program, yaitu:

a. Microsoft Access 2007