bab 3 metode perancanganrepository.uksw.edu/bitstream/123456789/1762/4/t1...15 bab 3 metode...

15

Bab 3

Metode Perancangan

3.1 Metode Penelitian

Dalam pelaksanaan perancangan dan implementasi sistem

informasi penjualan studi kasus pada toko elektronik Era

menggunakan metode prototyping (Pressman, 2005), yang bertujuan

sebagai panduan utama dalam merancang sistem. Gambar model

prototyping yang ditunjukkan pada Gambar 3.1.

Gambar 3.1 Model prototyping (Pressman, 2005).

Metode prototyping merupakan pendekatan sistem yang

sesuai dengan kebutuhan dasar pengguna, sehingga apabila ada

pengembangan lebih lanjut, maka sistem dapat dikembangkan

berdasarkan pengalaman pengguna dan pemahaman yang diperoleh

dari versi sebelumnya.

16

Kelebihan dari model ini adalah sangat mudah diterapkan

dan biasanya sangat cocok untuk pemenuhan kebutuhan teknologi

informasi secara cepat. Namun demikian kekurangan dari model ini

adalah tidak memiliki kendali manajemen.

Berikut ini adalah tahapan-tahapan yang dilakukan dalam

perancangan sistem informasi penjualan studi kasus pada toko

elektronik Era.

3.1.1 Tahap Pengumpulan Kebutuhan

Tahap awal pemodelan sistem yaitu pelanggan dan

pengembang bersama-sama mendefinisikan format seluruh

perangkat lunak, mencari tahu semua kebutuhan sistem yang akan

dibangun dan garis besar sistem yang akan dibuat. Informasi dan

data-data yang telah ada selanjutnya akan dikelola dan kemudian

dituangkan dalam bentuk software. Adapun sistem yang akan

dibangun adalah sistem informasi penjualan studi kasus pada toko

elektronik ERA.

3.1.2 Tahap Membangun Prototyping

Membangun prototyping dengan membuat perancangan

sementara yang berfokus pada penyajian kepada pelanggan.

Dalam perancangan dan implementasi sistem informasi

penjualan studi kasus toko elektronik Era menggunakan UML

(Unified Modeling Language) sebagai salah satu aplikasi pendukung

dalam merancang desain sistem. Perancangan desain sistem meliputi

tiga diagram yaitu use-case diagram, activity diagram dan entity

relationship diagram. Adapun perangkat keras (hardware) dan

perangkat lunak (software) yang digunakan dalam pembuatan

aplikasi ini adalah sebagai berikut

17

3.1.2.1 Perangkat Keras

Perangkat keras (hardware) merupakan media

pendukung untuk membuat dan menjalankan perangkat

lunak (software), yang didalamnya terdapat unit masukan

(input), unit pemrosesan dan unit keluaran (output). Secara

umum perangkat keras yang harus dimiliki terdiri atas CPU,

Keyboard, Mouse, Monitor. Adapun spesifikasi minimal

hardware yang dibutuhkan oleh sistem ini adalah:

1. Motherboard : disesuaikan dengan processor.

2. Intel® Pentium4 or AMD Athlon 64 processor

3. 1GB of RAM

4. 3.5GB of available hard-disk space

5. VGA : 128MB

6. DVD-RW drive

7. Microsoft Windows XP with Service Pack 2

3.1.2.2 Perangkat Lunak

Perangkat lunak (software) merupakan program

komputer yang diperlukan untuk mengoperasikan perangkat

keras dan pengolahan data. Perangkat lunak juga dapat

dikatakan sebagai penerjemah intruksi bahasa pemrograman

tingkat tinggi ke bahasa yang dapat dimengerti oleh bahasa

mesin. Adapun perangkat lunak yang digunakan adalah:

1. Microsoft windows XP SP2

2. Microsoft SQL SERVER 2000

3. Microsoft Visual Basic 6.0

4. Crystal Reports 8.5

18

3.1.3 Tahapan Evaluasi

Evaluasi ini dilakukan oleh pelanggan apakah prototyping

dan sistem yang dibangun sudah sesuai dengan keinginan pelanggan.

Jika sudah sesuai maka akan diteruskan ke tahap pengujian, jika

tidak maka prototyping direvisi dengan mengulang langkah-langkah

sebelumnya.

3.1.4 Tahap Pengujian

Setelah sistem sudah menjadi suatu perangkat lunak yang

siap dipakai, harus diuji dahulu sebelum digunakan, pengujian ini

dilakukan dengan menggunakan Black Box.

Tahap pengujian bertujuan untuk menghindari kesalahan

pada program yang dibuat. Dengan melakukan pengujian dapat

menentukan dan mendapatkan hasil atau report yang mana hasil ini

sebagai bahan evaluasi untuk memperbaharui sistem jika terdapat

kekurangan atau error sistem.

Adapun bentuk-bentuk kesalahan yang mungkin ditemukan

pada proses pengujian program adalah:

1. Kesalahan kode program (syntax error)

Kesalahan ini terjadi jika kode program yang ditulis tidak sesuai

dengan prosedur penulisannya.

2. Kesalahan proses (run time error)

Kesalahan ini terjadi pada saat program executable dijalankan.

Kesalahan ini menyebabkan program berhenti sebelum waktunya

selesai karena compiler menemukan kondisi yang belum

terpenuhi dan tidak layak untuk dikerjakan.

19

3. Kesalahan logika (logical error)

Kesalahan ini terjadi pada logika program yang dibuat. Kesalahan

tersebut, apabila tidak disadari, akan menyesatkan.

3.2 Perancangan Sistem

Rancangan sistem adalah proses pengembangan spesifikasi

sistem baru berdasarkan hasil rekomendasi analisis sistem untuk

menghasilkan penyelesaian terhadap suatu masalah yang ada. Untuk

mencapai tujuan atau hasil yang memadai sesuai kebutuhan dari

permasalahan yang ada, maka diperlukan suatu rancangan sistem

yang dapat menggambarkan secara garis besar seluruh masalah yang

akan di komputerisasi. Pada permasalahan skripsi ini tampak bahwa

elemen-elemen yang menyusun sistem terdiri dari:

1. Tujuan

Tujuan dari sistem ini adalah mengurangi tugas-tugas yang

dilakukan oleh manusia dalam memenuhi kebutuhan akan

sistem.

2. Batasan

Merupakan batasan kemampuan dari komputer maupun

manusia yang mengoperasikannya.

3. Kontrol

Merupakan elemen dari sistem komputer yang bertugas

mengawasi segala tugas yang dapat dilakukannya

4. Input

Yaitu elemen pada sistem komputer yang bertugas untuk

menerima data masukan.

20

5. Proses

Adalah bagian dari sistem komputer yang bertugas memproses

segala data masukan menjadi data keluaran.

6. Output

Merupakan elemen sistem komputer yang bertugas

menghasilkan keluaran.

7. Umpan Balik

Merupakan elemen sistem yang mempunyai tugas untuk melihat

kembali apakah sistem telah berjalan sesuai dengan yang

diinginkan.

Dalam skripsi ini digunakan UML sebagai bahasa pemodelan

untuk merancang sistem yang dibangun. Rancangan model logika

(logical model) dari sistem informasi lebih menjelaskan kepada user

bagaimana nantinya fungsi-fungsi di sistem informasi secara logika

akan bekerja. UML terdiri dari tiga belas jenis diagram yang dapat

digunakan untuk menggambarkan suatu sistem. Pada analisis dan

perancangan sistem informasi pelaporan hutang dan piutang studi

kasus pada toko elektronik Era, sistem dimodelkan dengan tiga

diagram yaitu: Use-case Diagram, Activity Diagram, Entity

Relationship Diagram dan Class Diagram. Keempat diagram ini

dipilih karena sudah memenuhi kebutuhan dalam pemodelan sistem

yang dibangun.

3.2.1 Use-case Diagram

3.2.1.1 Use-case

Pada gambar 3.2 dapat dilihat kegiatan apa saja yang dapat

dilakukan oleh bagian pembelian dan penjualan, antara lain login,

21

penerimaan barang dan mengupdate stok barang, mengubah

password, memasukan data pembelian, memaintain data supplier,

memaintain data barang, mengedit data pembelian, menghapus data

supplier dan menampilkan laporan pembelian, memaintain data

customer, memasukan data penjualan, memaintan retur penjualan,

mengedit data penjualan, menampilkan laporan penjualan,

menampilkan laporan pengiriman. Use-case pembelian dan

penjualan terlihat pada Gambar 3.2

Kasir

Pemilik

Memaintain data customer

Memasukkan data penjualan

Memaintain retur penjualan

Mengubah password

Memaintain data barang

Mengedit data penjualan

Menghapus data customer

Menampilkan laporan penjualan

Menampilkan laporan pengiriman

Menerima dan Mengupdate stok barang

Memasukan data pembelian

Memaintain data supplier

Mengedit data pembelian

Menghapus data supplier

Menampilkan laporan pembelian

Gudang

Gambar 3.2 Use-case Pembelian dan Penjualan

3.2.2 Activity Diagram

3.2.2.1 Activity Diagram Insert Data Pembelian

Gambar 3.3 menggambarkan bagaimana cara

memasukkan data pembelian. Setelah memilih menu pembelian,

22

maka lakukan pengisian data-data yang dibutuhkan untuk

melakukan order pembelian, seperti data supplier, data barang yang

dibeli, jenis pembayarannya, kemudian jika kredit maka isi tanggal

jatuh tempo dari pembayaran tersebut. Kemudian sistem mengecek

kevalidan data yang telah diinputkan oleh user. Jika valid maka data

disimpan dalam database.

Gambar 3.3 Activity Diagram Insert Data Pembelian

3.2.2.2 Activity Diagram Maintain Data Supplier


maintain data supplier. Ketika masuk menu supplier maka user

dapat memilih menu insert atau view dan update. Insert digunakan

untuk memasukkan data supplier baru, view digunakan untuk

melihat data-data supplier yang telah ada, kemudian user dapat

melakukan update data untuk mengubah data supplier yang telah

ada. Jika user memilih insert maka tampil field-field yang perlu diisi

untuk memasukkan data supplier baru. Setelah itu sistem mengecek

kevalidan data yang dimasukkan oleh user, jika valid maka data

disimpan ke dalam database. Jika user memilih menu view dan

update maka user ditampilkan data-data supplier sesuai dengan

23

kondisi yang diberikan, kemudian jika user hendak melakukan

update data supplier maka user tinggal memilih data yang akan di-

update dan kemudian melakukan pengisian data baru dari supplier,

setelah itu sistem mengecek kevalidan data yang akan dimasukkan,

jika valid maka data disimpan ke dalam database.

Gambar 3.4 Activity Diagram Maintain Data Supplier

3.2.2.3 Activity Diagram Maintain Data Barang


maintain data barang. Ketika masuk menu barang maka user dapat

memilih menu insert atau view dan update. Insert digunakan untuk

memasukkan data barang baru, view digunakan untuk melihat data-

data barang yang telah ada, kemudian user dapat melakukan update

data untuk mengubah data barang yang telah ada. Jika user memilih

insert maka tampil field-field yang perlu diisi untuk memasukkan

data barang baru. Setelah itu sistem mengecek kevalidan data yang

dimasukkan oleh user, jika valid maka data disimpan ke dalam

database. Jika user memilih menu view dan update maka user

ditampilkan data-data barang sesuai dengan kondisi yang diberikan,

kemudian jika user hendak melakukan update data barang maka

24

user tinggal memilih data yang akan di-update dan kemudian

melakukan pengisian data baru dari barang tersebut, setelah itu

sistem mengecek kevalidan data yang akan dimasukkan, jika valid

maka data disimpan ke dalam database.

Gambar 3.5 Activity Diagram Maintain Data Barang

3.2.2.4 Activity Diagram View Laporan Pembelian

Gambar 3.6 menggambarkan proses melihat laporan

pembelian. Laporan pembelian memiliki 3 kondisi, yaitu per

periode, per supplier dan per barang. Setelah memilih menu laporan

pembelian maka lakukan pengisian kondisi laporan, setelah itu

sistem mengecek kondisi tersebut, jika valid maka sistem

menampilkan laporan sesuai dengan kondisi yang diberikan oleh

pemilik.

25

Gambar 3.6 Activity Diagram View Laporan Pembelian

3.2.2.5 Actvity Diagram Maintain Data Customer


maintain data customer. Ketika masuk menu customer maka user

dapat memilih menu insert atau view dan update. Insert digunakan

untuk memasukkan data customer baru, view digunakan untuk

melihat data-data customer yang telah ada, kemudian user dapat

melakukan update data untuk mengubah data customer yang telah

ada. Jika user memilih insert maka tampil field-field yang perlu diisi

untuk memasukkan data customer baru. Setelah itu sistem mengecek

kevalidan data yang dimasukkan oleh user, jika valid maka data

disimpan ke dalam database. Jika user memilih menu view dan

update maka user ditampilkan data-data customer sesuai dengan

kondisi yang diberikan, kemudian jika user hendak melakukan

update data customer maka user tinggal memilih data yang hendak

di-update dan kemudian melakukan pengisian data baru dari

customer, setelah itu sistem mengecek kevalidan data yang

dimasukkan, jika valid maka data disimpan ke dalam database.

26

Gambar 3.7 Activity Diagram Maintain Data Customer

3.2.2.6 Activity Diagram Insert Data Penjualan


memasukkan data penjualan. Setelah memilih menu penjualan, maka

isi data-data yang dibutuhkan untuk melakukan order penjualan,

seperti data customer, data barang yang dijual, jenis pembayarannya.

Setelah itu sistem mengecek kevalidan data yang diinputkan user.

Jika valid maka data disimpan dalam database.

Gambar 3.8 Activity Diagram Insert Data Penjualan

27

3.2.2.7 Activity Diagram View Laporan Penjualan


penjualan. Setelah memilih menu laporan penjualan maka

melakukan pengisian kondisi laporan, setelah itu sistem akan

mengecek kondisi tersebut, jika valid maka sistem menampilkan

laporan sesuai dengan kondisi yang diberikan oleh pemilik.

Gambar 3.9 Activity Diagram View Laporan Penjualan

3.2.2.8Activity Diagram View Laporan Pengiriman


pengiriman. Setelah memilih menu laporan pengiriman maka

lakukan pengisian kondisi laporan, setelah itu sistem mengecek

kondisi tersebut, jika valid maka sistem akan menampilkan laporan

sesuai dengan kondisi yang diberikan oleh pemilik.

Gambar 3.10 Activity Diagram View Laporan Pengiriman

28

3.2.2.9 Activity Diagram View Laporan Piutang


piutang. Setelah memilih menu laporan piutang, maka isi kondisi

yang diinginkan. Kemudian sistem memproses kondisi dan

menampilkan laporan sesuai dengan kondisi yang diberikan.

Gambar 3.11 Activity Diagram View Laporan Piutang

3.2.2.10 Activity Diagram View Laporan Hutang


hutang. Setelah memilih menu laporan hutang, isi kondisi yang

diinginkan. Kemudian sistem memproses kondisi dan menampilkan

laporan sesuai dengan kondisi yang diberikan.

Gambar 3.12 Activity Diagram View Laporan Hutang

29

3.2.3 Class Diagram

Class diagram atau lebih dikenal dengan diagram kelas

adalah diagram yang digunakan untuk menampilkan beberapa kelas-

kelas yang ada dalam sistem atau perangkat lunak yang sedang

dikembangkan. Class diagram memberikan gambaran mengenai

sistem atau perangkat lunak dan relasi-relasi yang ada didalamnya.

Pada gambar 3.13 menunjukkan informasi class diagram

Perancangan dan Implementasi Sistem Informasi Penjualan studi

kasus pada Toko Elektronik ERA.

Penjualan

#Kd_Penjualan

+Kd_User

+Kd_Customer

+Pembayaran

+TglJatuhTempo

Customer

#ID_Customer

+Nama

+C_Person

+Alamat

+Telepon

Pembayaran Piutang

#Kd_Penjualan

+Tanggal

+Jumlah

+Kd_User

User

+Kd_User

+Password

+Status

Master Barang

#Kd_Barang

+Nama

+Satuan

+Jumlah

Satuan

+NamaSatuan

Detail Penjualan

#Kd_Penjualan

+Kd_Barang

+Jumlah

+HargaJual

+Total

Detail Barang

#Kd_Stok

#Kd_Barang

+Tanggal

+Jumlah

+HargaBeli

Detail Pembelian

#Kd_Pembelian

#Kd_Barang

+Jumlah

+HargaBeli

+Total

Pembelian

#Kd_Pembelian

#Kd_User

#Kd_Supplier

+TglJual

+Total

+Pembayaran

+TglJatuhTempo

Pembayaran Hutang

#Kd_Pembelian

#Kd_User

+Tanggal

+Jumlah

Stok Barang

Supplier

#Kd_Supplier

+Nama

+C_Person

+Alamat

+Telepon

Customer

11..n

Detail Jual

1

1..n

Pembayaran

1

0..n

Satuan

1

1..n

Barang

1..n

1..n

Stok

Barang

1..n

1..n

Detail Pembelian1

1..n

Detail Barang1

0..n

Pembayaran

1

0..n

Supplier

1

1..n

Gambar 3.13 Class Diagram Aplikasi Penjualan dan pembelian

30

3.3 Struktur Tabel

Rancangan sistem merupakan garis besar dari seluruh proses

komputerisasi pengolahan data yang akan dilakukan. Perancangan

ini mencakup bagaimana sistem tersebut dapat dijalankan, apa

masalahnya, bagaimana langkah pemrosesan datanya serta hasil

keluarannya.

Berikut ini adalah tabel yang digunakan dalam penggunaan

sistem informasi penjualan pada toko ERA.

3.3.1 Tabel Pemasok

Tabel pemasok (Tabel 3.1) digunakan untuk merekam

data dari pemasok. Spesifikasi dari tabel pemasok adalah

sebagai berikut:

Nama Tabel : Pemasok

Field kunci : Kd_Pemasok [Kunci Utama]

Lebar field kunci : 6

Jumlah field : 5

Tabel 3.1 Tabel Pemasok

No Nama Kolom Tipe Data Lebar Not

Null

Keterangan

* Kd_Pemasok CHAR 6 Primary key

NamaPemasok VARCHAR 25

C_Person VARCHAR 12

AlamatPemasok VARCHAR 30

TeleponPemasok VARCHAR 15

3.3.2 Tabel Pelanggan

Tabel pelanggan (Tabel 3.2) digunakan untuk merekam

data-data dari para pelanggan. Spesifikasi dari tabel pelanggan

adalah sebagai berikut:

31

Nama Tabel : Pelanggan

Field kunci : Kd_Pelanggan [Kunci Utama]


Jumlah field : 5

Tabel 3.2 tabel Pelanggan


Null

Keterangan

* Kd_Pelanggan CHAR 6 Primary key

NamaPelanggan VARCHAR 25

C_Person VARCHAR 12

AlamatPelanggan VARCHAR 30

TeleponPelanggan VARCHAR 15

3.3.3 Tabel Barang

Tabel barang (Tabel 3.3) digunakan untuk merekam data

yang user inputkan dalam aplikasi yang terekam dalam

database. Spesifikasi dari tabel barang adalah sebagai berikut:

Nama Tabel : Barang

Field kunci : Kd_Barang [Kunci Utama]


Jumlah field : 8

Tabel 3.3 Tabel Barang


Null

Keterangan

* Kd_Barang CHAR 8 Primary key

NamaBarang VARCHAR 25

Ukuran VARCHAR 12

Satuan VARCHAR 10

HargaJualBarang MONEY 8

StockAwal INT 4

StockMin INT 4

StockMax INT 4

32

3.3.4 Tabel Pembelian

Tabel pembelian (Tabel 3.4) digunakan untuk merekam

data yang user inputkan dalam aplikasi yang terekam dalam

database. Spesifikasi dari tabel pembelian adalah sebagai

berikut:

Nama Tabel : Pembelian

Field kunci : NoNotaBeli [Kunci Utama]


Jumlah field : 8

Tabel 3.4 Tabel Pembelian


Null

Keterangan

* NoNotaBeli CHAR 7 Primary key

Tanggal DATETIME 8

** Kd_Pemasok CHAR 6 Foreign Key

CaraBayar VARCHAR 6

JthTempo DATETIME 8

DiscontBeli MONEY 8 DEFAULT 0

UangMuka MONEY 8

JmlHutang MONEY 8

3.3.5 Tabel Detail_Pembelian

Tabel detail pembelian (Tabel 3.5) digunakan untuk

merekam data pembelian yang diinputkan user dalam aplikasi

yang terekam dalam database. Spesifikasi dari tabel detail

pembelian adalah sebagai berikut:

Nama Tabel : Detail_Pembelian

Field kunci : NoNotaBeli [Kunci Utama]


Jumlah field : 4

33

Tabel 3.5 Tabel Detail_Pembelian


Null

Keterangan

* NoNotaBeli CHAR 7 Primary key,

Foreign Key

* Kd_Barang CHAR 8 Primary key,

Foreign Key

HargaBeli MONEY 8

JumlahBarang INT 4

3.3.6 Tabel Penjualan

Tabel penjualan (Tabel 3.6) digunakan untuk merekam

data komentar yang user inputkan dalam aplikasi yang terekam

dalam database. Spesifikasi dari tabel penjualan adalah sebagai

berikut:

Nama Tabel : Penjualan

Field kunci : NoNotaJual [Kunci Utama]


Jumlah field : 13

Tabel 3.6 Tabel Penjualan


Null

Keterangan

* NoNotaJual CHAR 7 Primary key,

** Kd_Pelanggan CHAR 8 Foreign Key

NamaBarangJadi VARCHAR 20

TglJual DATETIME 8

TglOrder DATETIME 8

TglSelesai DATETIME 8

UpahTenagaKerja MONEY 8

BiayaOverhead MONEY 8

DiscontJual MONEY 8

UangMuka MONEY 8

CaraBayar VARCHAR 6

JthTempo DATETIME 8

JmlPiutang MONEY 8

34

3.3.7 Tabel Detail_Penjualan

Tabel detail penjualan (Tabel 3.7) digunakan untuk

merekam data penjualan yang user inputkan dalam aplikasi yang

terekam dalam database. Spesifikasi dari tabel detail penjualan


Nama Tabel : Detail_Penjualan

Field kunci :NoNotaJual [Kunci Utama]


Jumlah field : 3

Tabel 3.7 Tabel Detail_Penjualan


Null

Keterangan

* NoNotaJual CHAR 7 Primary key,

Foreign Key

* Kd_Barang CHAR 8 Primary key,

Foreign Key

JumlahBarang INT 4

3.3.8 Tabel Master_Barang

Tabel master barang (Tabel 3.8) merupakan tabel yang

berfungsi untuk menyimpan data utama barang yang

diperdagangkan. Spesifikasi dari tabel master barang adalah

sebagai berikut:

Nama Tabel : Master_Barang

Field kunci : Kd_Barang[Kunci Utama]

Lebar field kunci :6

Jumlah field : 5

35

Tabel 3.8 Master_Barang


Null

Keterangan

* Kd_Barang CHAR 8 Primary key

NamaBarang VARCHAR 25

Satuan VARCHAR 10

HargaJualBarang MONEY 8

Jumlah INT 8

3.3.9 Tabel Pembayaran_Piutang

Tabel pembayaran piutang (Tabel 3.9) berfungsi untuk

menyimpan rincian dari pembayaran piutang. Spesifikasi dari

tabel pembayaran piutang adalah sebagai berikut:

Nama Tabel : Pembayaran_Piutang

Field kunci : Kd_Penjualan [Kunci Utama]


Jumlah field : 4

Tabel 3.9 Pembayaran_Piutang


Null

Keterangan

* Kd_Penjualan CHAR 6 Primary key,

Tanggal DATETIME 8

Jumlah INT 10

Kd_User VARCHAR 10

3.3.10 Tabel Pembayaran_Hutang

Tabel pembayaran hutang (Tabel 3.10) berfungsi untuk

menyimpan rincian dari pembayaran hutang. Spesifikasi dari

tabel pembayaran hutang adalah sebagai berikut:

Nama Tabel : Pembayaran_Hutang

Field kunci : Kd_Pembelian [Kunci Utama]


36

Tabel 3.10 Pembayaran Hutang


Null

Keterangan

* Kd_Pembelian CHAR 6 Primary key,

Tanggal DATETIME 8

Jumlah INT 10

Kd_User VARCHAR 10

3.3.11 Tabel Satuan

Tabel satuan (Tabel 3.11) berfungsi untuk menyimpan

satuan dari barang. Spesifikasi dari tabel satuan adalah sebagai

berikut:

Nama Tabel : Satuan

Field kunci : Nama_Satuan[Kunci Utama]


Jumlah field : 1

Tabel 3.11 Satuan


Null

Keterangan

* Nama_Satuan CHAR 6 Primary key

3.3.12 Tabel Stok Barang

Tabel stok barang (Tabel 3.12) berfungsi untuk

menyimpan data stok barang yang berada di toko ERA pada saat

itu. Spesifikasi dari stok adalah sebagai berikut:

Nama Tabel : Stok Barang

Field kunci : Kd_Stok[Kunci Utama]


Jumlah field : 2

37

Tabel 3.12 Stok_Barang


Null

Keterangan

* Kd_Stok INT 8 Primary key

Jumlah INT 8

3.3.13 Tabel User

Tabel user (Tabel 3.13) berfungsi untuk menyimpan data

user yang dapat mengakses sistem. Spesifikasi dari tabel user


Nama Tabel : User

Field kunci : Username[Kunci Utama]


Jumlah field : 3

Tabel 3.13 User


Null

Keterangan

* UserName VARCHAR 15 Primary key

Password VARCHAR 15

StatusUser VARCHAR 15

3.4 Entity Relationship Diagram

Relasi antar tabel digunakan untuk menjelaskan tentang

hubungan suatu tabel dengan tabel lainnya. Dalam relasi antar tabel

dikenal tiga hubungan yaitu: One to One, One to Many, Many to

Many.

Kamus data dari entity relationship diagram Toko ERA


1. Pemasok : {Kd_Pemasok, NamaPemasok, C_Person, Alamat,

Telepon}

38

2. Pelanggan : {Kd_Pelanggan, Nama, C_Person, Alamat,

Telepon}

3. Barang : {Kd_Barang, NamaBarang, Ukuran, Satuan,

HargaJualBarang, Ukuran, Satuan, StokAwal, StokMin,

StokMax}

4. Pembelian : {NoNotaBeli, Tanggal, Kd_Pemasok, CaraBayar,

JthTempo, DiskonBeli, UangMuka, JmlHutang}

5. Detail_Pembelian : {NoNotaBeli, Kd_Barang, HargaBeli,

JumlahBarang}

6. Penjualan : {NoNotaJual, Kd_Pelanggan,NamaBarangJadi,

TglJual, TglOrder, TglSelesai, UpahTenagaKerja,

BiayaOverhead, DiskonJual, UangMuka, CaraBayar, JthTempo,

JmlPiutang}

7. Detail_Penjualan : {NoNotaJual, Kd_Barang, HargaJual,

JumlahBarang}

8. Master_Barang : {Kd_Barang, NamaBarang, Satuan,

HargaJualBarang, Jumlah}

9. Pembayaran_Piutang : {Kd_Penjualan, Tanggal, Jumlah,

Kd_User}

10. Pembayaran_Hutang : {Kd_Pembelian, Tanggal, Jumlah,

Kd_User}

11. Stok_Barang : {Kd_Stok, Jumlah}

12. User : {UserName, Password, StatusUser}

13. Satuan : {Nama_Satuan}

39

3.5 Desain Antar Muka

Desain antar muka yang akan dibuat dalam Analisis dan

Perancangan Sistem Informasi Pelaporan Hutang dan Piutang Studi

Kasus pada Toko Elektronik Era adalah sebagai berikut.

3.5.1 Desain Tampilan Login

Desain Tampilan Login merupakan syarat untuk dapat

memanfaatkan program secara keseluruhan. Pada menu login ini ada

dua data yang harus dimasukkan, yaitu:

1. User Name : Merupakan pengguna yang sudah terdaftar dan

diberi wewenang untuk menggunakan aplikasi.

2. Password : Merupakan syarat mutlak untuk dapat masuk ke

dalam sistem

Gambar 3.15 Desain Tampilan Login Perancangan dan Implementasi Sistem

Informasi Penjualan studi kasus pada Toko Elektronik ERA

Adapun hal-hal yang harus diperhatikan adalah, User harus

memasukkan nama dan password pada form yang telah disediakan.

Masukan User Name dan Password

OK CANCEL

User Name *********

*

Password *********

40

Apabila terjadi kesalahan 2 kali berturut-turut maka akan muncul

pesan kesalahan dan form login akan ditutup.

3.5.2 Desain Tampilan Utama Program

Jendela menu utama akan muncul apabila user berhasil

memasukkan User Name dan Password dengan benar pada form

login. Menu utama akan aktif sesuai hak akses. Ada 4 macam hak

akes yaitu admin, pemilik, data entri, dan kasir. Untuk admin,

semua menu akan aktif. Untuk pemilik, menu yang akan aktif adalah

file, laporan akuntansi, laporan manajerial, utilitas untuk mengganti

password dan menu help. Data entry hanya bisa mengakses menu

file, master barang, utilitas mengganti password dan menu help.

Untuk kasir hanya bisa mengakses menu file, transaksi dan hutang

piutang.

FileMaster

DataTransaksi

Hutang

Piutang

Laporan

ManajerialHelp

Sistem Informasi Pelaporan Hutang dan Piutang Toko ERA

Jam Hari, Tanggal dan Tahun SI Hutang dan Piutang

User : ******

Status : *****

Log Off

Gambar 3.16 Desain Tampilan Utama Perancangan dan Implementasi Sistem


Menu utama terdiri dari beberapa menu yaitu :

41

1. File : Digunakan untuk login, logoff dan keluar aplikasi

2. Master Data : Menginputkan data barang, data pemasok dan

data pelanggan

3. Transaksi : Untuk melakukan transaksi pembelian dan

penjualan tunai/kredit dan melihat laporan stok kosong.

4. Hutang Piutang : Untuk melakukan pembayaran hutang dan

piutang

5. Laporan Manajerial : Untuk melihat laporan manajerial seperti

laporan data barang, data pelanggan, data pemasok, laporan

pembelian, laporan penjualan, laporan pembayaran hutang dan

piutang

6. Utilitas : Digunakan untuk melihat data perusahaan, menambah

user dan mengganti password

7. Help : Untuk melihat splash screen pembuat aplikasi dan untuk

membaca manual program.

3.5.3 Input Data Barang

Form ini digunakan untuk menginputkan data barang, terdiri

dari 2 bagian yaitu tab untuk input data barang dan tab untuk melihat

atau mencari data barang.

3.5.3.1 Desain Input Data Barang

42

DATA BARANG

Input Data Barang Tabel Data Barang

Kode Barang

Ukuran

Satuan

Nama barang

Harga Jual Barang

*****

*****

*****

*****

*****

Simpan Tambah Hapus Edit Batal

Data Ke-x dari x data yang ada

Cetak Tutup

Gambar 3.17 Desain Input Data barang Perancangan dan Implementasi Sistem


3.5.3.2 Desain Input Tabel Data Pemasok

DATA BARANG

Input Data Barang Tabel Data Barang

Tutup

Kode Nama Ukuran Satuan ……………...

Gambar 3.18 Desain Input Tabel Data Pemasok Perancangan dan Implementasi

Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA

Adapun validasi form input data pemasok adalah:

1. Ada validasi untuk penginputan selain angka

2. Apabila penginputan data belum lengkap akan muncul pesan

3. Pada tab tabel data bahan baku user dapat mencari barang

sesuai kode, nama barang, stok, dan harga jual dengan

mengetikan pada text box.

3.5.4 Input Data Pelanggan

43

3.5.4.1 Desain Input Data Pelanggan

Adapun validasi form input tabel data pelanggan adalah:






DATA PELANGGAN

Input Data Pelanggan Tabel Data Pelanggan

Kode Pelanggan

Contact Person

Alamat

Nama Pelanggan

Telepon

*****

*****

*****

*****

*****



Cetak Tutup

Bonus

Beli Minimum

**

*****

Gambar 3.19 Desain Input Data Pelanggan Perancangan dan Implementasi


3.5.4.2 Desain Input Tabel Data Pelanggan

DATA PELANGGAN

Input Data Pelanggan Tabel Data Pelanggan

Tutup

Kode Nama C_Person Alamat Telepon

Gambar 3.20 Desain Input Tabel Data Pelanggan Perancangan dan Implementasi



44






3.5.5 Input Data Pemasok

3.5.5.1 Desain Input Data Pemasok

Adapun validasi form input data pemasok adalah:






DATA PEMASOK

Input Data Pemasok Tabel Data Pemasok

Kode Pemasok

Contact Person

Alamat

Nama Pemasok

Telepon

*****

*****

*****

*****

*****



Cetak Tutup

Gambar 3.21 Desain Input Data Pemasok Perancangan dan Implementasi Sistem


3.5.5.2 Desain Input Tabel Data Pemasok


45






DATA PEMASOK

Input Data Pemasok Tabel Data Pemasok

Tutup

Kode Nama C_Person Alamat Telepon

Gambar 3.22 Desain Input Tabel Data Pemasok Perancangan dan Implementasi


3.5.6 Desain Input Transaksi Pembelian

Form ini digunakan untuk melakukan transaksi pembelian

baik secara tunai maupun kredit.

TRANSAKSI PEMBELIAN

No Nota

Cara Bayar

Kode Brg

Pemasok

Harga

*****

0 Tunai 0Kredit

Rp *****

*****

otomatis

Jml Brg

% Diskon

*****

** Rp **

Uang Muka **

Tanggal otomatis

**********

Jth Tempo *****

**********

**********

Tabel Data Barang

Kode Nama harga …………..

Tabel Pembelian

No HargaNama Jml Satuan Diskon ……………….

Proses

Simpan

Batal

Cetak

Hapus

Tutup

Total Rp

Sisa Bayar Rp

******

******

Jml Hutang Rp ******

Gambar 3.23 Desain Input Transaksi Pembelian Perancangan dan Implementasi


Hal-hal yang harus diperhatikan pada desain form input

transaksi pembelian:

46

1. Membuat validasi apabila jumlah stok barang tertentu kurang

dari stok minimal maka akan muncul pesan agar melakukan

pembelian.

2. Membuat validasi pada saat menambah transaksi di mana

nomor nota yang diinputkan telah ada maka akan muncul

pesan bahwa nomor nota sudah ada.

3. Membuat validasi jika memasukkan harga beli yang lebih

besar dari harga jual maka akan muncul pesan.

3.5.7 Desain Input Transaksi Penjualan

Teknik yang digunakan pada form transaksi penjualan sama

dengan teknik pada form transaksi pembelian.

TRANSAKSI PENJUALAN

No Nota

Cara Bayar

Kode Brg

Pelanggan

Harga

*****

0 Tunai 0Kredit

Rp *****

*****

otomatis

Jml Brg

% Diskon

*****

otomatis

Uang Muka **

Tanggal Order *****

**********

Jth Tempo *****

**********

**********

Tabel Data Barang

Kode Nama harga …………..

Tabel Penjualan

No HargaNama Jml Satuan Diskon ……………….

Proses

Simpan

Batal

Cetak

Hapus

Tutup

Total Barang Rp

Upah Tng Krja Rp

******

******

Sisa Bayar Rp ******

Tanggal Order *****

Nm Brg Jadi *****

Biaya Ohead Rp

Total Biaya Rp

******

******

Jml Piutang Rp ******

Gambar 3.24 Desain Input Transaksi Penjualan Perancangan dan Implementasi


3.5.8 Desain Input Pembayaran Hutang

Form ini digunakan untuk melakukan pembayaran hutang

karena transaksi pembelian dibayar secara kredit.

47

PEMBAYARAN HUTANG

No Nota

Jml Hutang

Jml Bayar

Pemasok

Tgl Bayar

otomatis

otomatis

*****

Rp *****

otomatis No Nota Beli *****

**********

Sisa Hutang otomatis

Tabel Daftar Hutang

Nama Jml Hutang Tgl Bayar …………..Bayar

Proses

Batal

Cetak

Tutup

Gambar 3.25 Desain Input Pembayaran Hutang Perancangan dan Implementasi


3.5.9 Desain Input Pembayaran Piutang

Form ini digunakan untuk melakukan pembayaran piutang

karena transaksi penjualan dibayar secara kredit.

PEMBAYARAN PIUTANG

No Nota

Jml Piutang

Jml Bayar

Pelanggan

Tgl Bayar

otomatis

otomatis

*****

Rp *****

otomatis No Nota Jual *****

**********

Sisa Piutang otomatis

Tabel Daftar Piutang

Nama Jml Piutang Tgl Bayar …………..Bayar

Proses

Batal

Cetak

Tutup

Nm Brg Jadi otomatis

Gambar 3.26 Desain Input Pembayaran Piutang Perancangan dan Implementasi


3.5.10 Desain Input Data User

Form desain iput data user (Gambar 3.27) digunakan untuk

menginputkan data user beserta hak aksesnya. Form ini hanya

bisa diakses oleh admin, bukan semua user.

48

DATA USER/PASSWORD

User Name

Status

Password *****

*****

*****

Lihat Password Tambah

Edit Batal

Simpan


User Name Password Status

Hapus

Gambar 3.27 Desain Input Data User Perancangan dan Implementasi Sistem


3.5.11 Desain Output Laporan Pemasok

Form desain output laporan pemasok (Gambar 3.28)

merupakan perancangan yang berkaitan dengan informasi hasil

pengolahan data laporan pemasok

LAPORAN DATA PEMASOK

Kode Pemasok C PersonNama Alamat Telepon

TOKO ELEKTRONIK

“ERA”

Jumlah Pelanggan :xx/xx/xxxx

Mengetahui

(Pemilik) Gambar 3.28 Desain Output Laporan Pemasok Perancangan dan Implementasi


3.5.12 Desain Output Laporan Pelanggan

Form desain output laporan pelanggan (Gambar 3.29)


pengolahan data laporan pelanggan

49

LAPORAN DATA PELANGGAN

Kode Pelanggan C PersonNama Alamat Telepon

TOKO ELEKTRONIK

“ERA”

Jumlah Pelanggan :xx/xx/xxxx

Mengetahui

(Pemilik) Gambar 3.29 Desain Output Laporan Pelanggan Perancangan dan Implementasi


3.5.13 Desain Output Laporan Barang

Form desain output laporan barang (Gambar 3.30)


pengolahan data laporan barang.

LAPORAN DATA BARANG

Kode B Baku UkuranNama Satuan …..

…..

…..

TOKO ELEKTRONIK

“ERA”

xx/xx/xxxx

Mengetahui

(Pemilik) Gambar 3.30 Desain Output Laporan Perancangan dan Implementasi Sistem


3.5.14 Desain Output Laporan Pembelian

Form desain output laporan pembelian (Gambar 3.40)


pengolahan data laporan pembelian.

LAPORAN DATA PEMBELIAN

Kode Brg SatuanNama Brg Jumlah …..

…..

…..

TOKO ELEKTRONIK

“ERA”

xx/xx/xxxx

Mengetahui

(Pemilik)

Nota Tanggal Pemasok

50

Gambar 3.31 Desain Output Laporan Pembelian Perancangan dan Implementasi


3.5.15 Desain Output Laporan Penjualan

Form desain output laporan penjualan (Gambar 3.32)


pengolahan data laporan penjualan.

LAPORAN DATA PENJUALAN

Kode Brg SatuanNama Brg Jumlah …..

…..

…..

TOKO ELEKTRONIK

“ERA”

xx/xx/xxxx

Mengetahui

(Pemilik)

Nota Tanggal Pelanggan

Gambar 3.32 Desain Output Laporan Penjualan Perancangan dan Implementasi


3.5.16 Desain Output Laporan Pembayaran Hutang

Form desain output laporan pembayaran hutang (Gambar

3.33) merupakan perancangan yang berkaitan dengan informasi

hasil pengolahan data laporan pembayaran hutang.

LAPORAN DATA PEMBAYARAN HUTANG

No Nota Jml HutangTanggal Jml Bayar …..

…..

…..

TOKO ELEKTRONIK

“ERA”

xx/xx/xxxx

Mengetahui

(Pemilik)

Gambar 3.33 Desain Output Laporan Pembayaran Hutang Perancangan dan

Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA

3.5.17 Desain Output Laporan Pembayaran Piutang

51

Form desain output laporan pembayaran piutang (Gambar

3.34) merupakan perancangan yang berkaitan dengan informasi

hasil pengolahan data laporan pembayaran piutang.

LAPORAN DATA PEMBAYARAN PIUTANG

No Nota Jml HutangTanggal Jml Bayar …..

…..

…..

TOKO ELEKTRONIK

“ERA”

xx/xx/xxxx

Mengetahui

(Pemilik)

Gambar 3.34 Desain Output Laporan Pembayaran Piutang Perancangan dan

Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA

bab 3 metode perancanganrepository.uksw.edu/bitstream/123456789/1762/4/t1...15 bab 3 metode...

Documents