Bab 3 Metode Perancangan

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.

15

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 16

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 17

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.

18

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

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, 20

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

menampilkan

penjualan,

laporan

menampilkan

pengiriman.

laporan

Use-case

penjualan,

pembelian

dan

penjualan terlihat pada Gambar 3.2 Memaintain data customer Menerima dan Mengupdate stok barang Memasukkan data penjualan Gudang

Memasukan data pembelian Memaintain retur penjualan

Memaintain data supplier Memaintain data barang

Mengedit data pembelian

Mengubah password

Kasir

Mengedit data penjualan

Menghapus data supplier

Menghapus data customer Menampilkan laporan pembelian Pemilik Menampilkan laporan penjualan

Menampilkan laporan pengiriman

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, 21

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 Gambar

3.4

menggambarkan

bagaimana

cara

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 22

kondisi yang diberikan, kemudian jika user hendak melakukan update data supplier maka user tinggal memilih data yang akan diupdate 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 Gambar

3.5

menggambarkan

bagaimana

cara

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 datadata 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 23

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.

24

Gambar 3.6 Activity Diagram View Laporan Pembelian

3.2.2.5 Actvity Diagram Maintain Data Customer Gambar

3.7

menggambarkan

bagaimana

cara

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.

25

Gambar 3.7 Activity Diagram Maintain Data Customer

3.2.2.6 Activity Diagram Insert Data Penjualan Gambar

3.8

menggambarkan

bagaimana

cara

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

26

3.2.2.7 Activity Diagram View Laporan Penjualan Gambar 3.9 menggambarkan proses melihat laporan 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 Gambar 3.10 menggambarkan proses melihat laporan 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

27

3.2.2.9 Activity Diagram View Laporan Piutang Gambar 3.11 menggambarkan proses melihat laporan 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 Gambar 3.12 menggambarkan proses melihat laporan 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

28

3.2.3 Class Diagram Class diagram atau lebih dikenal dengan diagram kelas adalah diagram yang digunakan untuk menampilkan beberapa kelaskelas 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

Detail Barang

Customer #ID_Customer Customer +Nama 1..n 1 +C_Person +Alamat +Telepon 1 Pembayaran 0..n Pembayaran Piutang

#Kd_Penjualan +Kd_User +Kd_Customer +Pembayaran +TglJatuhTempo

#Kd_Stok #Kd_Barang +Tanggal +Jumlah +HargaBeli

1

#Kd_Penjualan +Kd_Barang +Jumlah +HargaJual +Total

#Kd_Pembelian 1..n #Kd_Barang +Jumlah +HargaBeli +Total 1..n

#Kd_Barang +Nama +Satuan +Jumlah

User Detail Penjualan 1..n

Detail Pembelian

Master Barang

Detail Jual

1..n

Stok Barang

Barang 1..n

1..n 0..n Detail Barang 1 Barang

#Kd_Penjualan +Tanggal +Jumlah +Kd_User

Stok

+Kd_User +Password +Status

Detail Pembelian 1 Pembelian #Kd_Pembelian #Kd_User #Kd_Supplier +TglJual +Total +Pembayaran +TglJatuhTempo

1..n Satuan

1

Supplier 1..n

Satuan +NamaSatuan

Supplier #Kd_Supplier +Nama +C_Person +Alamat +Telepon

1

1 0..n

Pembayaran

Pembayaran Hutang #Kd_Pembelian #Kd_User +Tanggal +Jumlah

Gambar 3.13 Class Diagram Aplikasi Penjualan dan pembelian

29

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 No

Nama Kolom

*

Kd_Pemasok

Tabel 3.1 Tabel Pemasok Tipe Data Lebar Not Null CHAR 6 

Keterangan 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: 30

Nama Tabel : Pelanggan Field kunci : Kd_Pelanggan [Kunci Utama] Lebar field kunci : 6 Jumlah field : 5 No

Nama Kolom

*

Kd_Pelanggan

Tabel 3.2 tabel Pelanggan Tipe Data Lebar Not Null CHAR 6 




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] Lebar field kunci : 8 Jumlah field : 8 No

Nama Kolom

*

Kd_Barang

Tabel 3.3 Tabel Barang Tipe Data Lebar Not Null CHAR 8 

NamaBarang

VARCHAR

25

Ukuran

VARCHAR

12

Satuan

VARCHAR

10

HargaJualBarang

MONEY

8

StockAwal

INT

4

StockMin

INT

4

StockMax

INT

4

31






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] Lebar field kunci : 7 Jumlah field : 8 No

Nama Kolom

*

NoNotaBeli

**

Tabel 3.4 Tabel Pembelian Tipe Data Lebar Not Null CHAR 7 

Tanggal

DATETIME

8



Kd_Pemasok

CHAR

6



CaraBayar

VARCHAR

6



JthTempo

DATETIME

8

DiscontBeli

MONEY

8

UangMuka

MONEY

8

JmlHutang

MONEY

8


Foreign Key

DEFAULT 0 

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] Lebar field kunci : 7 Jumlah field : 4 32

Tabel 3.5 Tabel Detail_Pembelian Tipe Data Lebar Not Null CHAR 7 

No

Nama Kolom

*

NoNotaBeli

*

Kd_Barang

CHAR

8



HargaBeli

MONEY

8



JumlahBarang

INT

4



Keterangan Primary key, Foreign Key Primary key, Foreign Key

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] Lebar field kunci : 7 Jumlah field : 13 No

Nama Kolom

*

NoNotaJual

**

Tabel 3.6 Tabel Penjualan Tipe Data Lebar Not Null CHAR 7 

Primary key,



Foreign Key

Kd_Pelanggan

CHAR

8

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

33

Keterangan

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 adalah sebagai berikut: Nama Tabel : Detail_Penjualan Field kunci :NoNotaJual [Kunci Utama] Lebar field kunci : 7 Jumlah field : 3 Tabel 3.7 Tabel Detail_Penjualan Tipe Data Lebar Not Null CHAR 7 

No

Nama Kolom

*

NoNotaJual

*

Kd_Barang

CHAR

8



JumlahBarang

INT

4



Keterangan Primary key, Foreign Key Primary key, Foreign Key

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

34

Tabel 3.8 Master_Barang Tipe Data Lebar

No

Nama Kolom

*

Kd_Barang

CHAR

8

Not Null 

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] Lebar field kunci : 6 Jumlah field : 4 No

Nama Kolom

*

Kd_Penjualan

Tabel 3.9 Pembayaran_Piutang Tipe Data Lebar Not Null CHAR 6  DATETIME

8



Jumlah

INT

10



Kd_User

VARCHAR

10



Tanggal

Keterangan Primary key,

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] Lebar field kunci : 6 35

No

Nama Kolom

*

Kd_Pembelian

Tabel 3.10 Pembayaran Hutang Tipe Data Lebar Not Null CHAR 6 

Tanggal

DATETIME

8



Jumlah

INT

10



Kd_User

VARCHAR

10



Keterangan Primary key,

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] Lebar field kunci : 6 Jumlah field : 1 No

Nama Kolom

*

Nama_Satuan

Tabel 3.11 Satuan Tipe Data Lebar CHAR

6

Not Null 


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] Lebar field kunci : 8 Jumlah field : 2

36

Tabel 3.12 Stok_Barang Tipe Data Lebar

No

Nama Kolom

*

Kd_Stok

INT

8

Not Null 

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 adalah sebagai berikut: Nama Tabel : User Field kunci : Username[Kunci Utama] Lebar field kunci : 15 Jumlah field : 3 Tabel 3.13 User Tipe Data Lebar

No

Nama Kolom

*

UserName

VARCHAR

15

Not Null 

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 adalah sebagai berikut: 1. Pemasok : {Kd_Pemasok, NamaPemasok, C_Person, Alamat, Telepon}

37

2. Pelanggan : {Kd_Pelanggan, Nama, C_Person, Alamat, Telepon} 3. Barang

:

{Kd_Barang,

HargaJualBarang,

NamaBarang,

Ukuran,

Satuan,

Ukuran,

StokAwal,

Satuan, StokMin,

StokMax} 4. Pembelian : {NoNotaBeli, Tanggal, Kd_Pemasok, CaraBayar, JthTempo, DiskonBeli, UangMuka, JmlHutang} 5. Detail_Pembelian

:

{NoNotaBeli,

Kd_Barang,

HargaBeli,

JumlahBarang} 6. Penjualan TglJual,

:

{NoNotaJual, TglOrder,

Kd_Pelanggan,NamaBarangJadi,

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}

38

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 Masukan User Name dan Password

User Name

********* *

Password

*********

OK

CANCEL

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

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

Master Data

Transaksi

Hutang Piutang

Laporan Manajerial

Help

Sistem Informasi Pelaporan Hutang dan Piutang Toko ERA

User : ****** Status : *****

Log Off

Jam

Hari, Tanggal dan Tahun

SI Hutang dan Piutang

Gambar 3.16 Desain Tampilan Utama Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA

Menu utama terdiri dari beberapa menu yaitu : 40

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

41

DATA BARANG Input Data Barang

Simpan

Tabel Data Barang

Kode Barang

*****

Nama barang

*****

Ukuran

*****

Satuan

*****

Harga Jual Barang

*****

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 Informasi Penjualan studi kasus pada Toko Elektronik ERA

3.5.3.2 Desain Input Tabel Data Pemasok DATA BARANG Input Data Barang Kode

Nama

Tabel Data Barang Ukuran

Satuan

……………...

Tutup

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 42

3.5.4.1 Desain Input Data Pelanggan Adapun validasi form input tabel data pelanggan 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. DATA PELANGGAN Input Data Pelanggan

Simpan

Tabel Data Pelanggan

Kode Pelanggan

*****

Nama Pelanggan

*****

Contact Person

*****

Alamat

*****

Telepon

*****

Bonus

**

Beli Minimum

*****

Tambah

Hapus

Edit

Batal


Cetak

Tutup

Gambar 3.19 Desain Input Data Pelanggan Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA

3.5.4.2 Desain Input Tabel Data Pelanggan DATA PELANGGAN Input Data Pelanggan Kode

Nama

Tabel Data Pelanggan C_Person

Alamat

Telepon

Tutup

Gambar 3.20 Desain Input Tabel Data Pelanggan Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA

Adapun validasi form input tabel data pelanggan adalah: 43

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.5 Input Data Pemasok 3.5.5.1 Desain Input Data Pemasok 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. DATA PEMASOK Input Data Pemasok

Simpan

Tabel Data Pemasok

Kode Pemasok

*****

Nama Pemasok

*****

Contact Person

*****

Alamat

*****

Telepon

*****

Tambah

Hapus

Edit

Batal


Cetak

Tutup

Gambar 3.21 Desain Input Data Pemasok Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA

3.5.5.2 Desain Input Tabel Data Pemasok Adapun validasi form input tabel data pelanggan adalah: 44

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. DATA PEMASOK Input Data Pemasok Kode

Tabel Data Pemasok

Nama

C_Person

Alamat

Telepon

Tutup

Gambar 3.22 Desain Input Tabel Data Pemasok Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA

3.5.6

Desain Input Transaksi Pembelian

Form ini digunakan untuk melakukan transaksi pembelian baik secara tunai maupun kredit. TRANSAKSI PEMBELIAN

No Nota

otomatis

Pemasok

*****

Cara Bayar

0 Tunai 0Kredit

Kode Brg

*****

Harga

Rp *****

Jml Brg

*****

% Diskon

** Rp **

Uang Muka

**

Tanggal

otomatis

********** Jth Tempo

*****

********** ********** Tabel Data Barang Kode

Nama

harga

…………..

Tabel Pembelian No

Nama

Harga

Jml

Satuan

Total Proses

Batal

Hapus

Simpan

Cetak

Tutup

Rp

Diskon

……………….

******

Sisa Bayar Rp

******

Jml Hutang Rp

******

Gambar 3.23 Desain Input Transaksi Pembelian Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA

Hal-hal yang harus diperhatikan pada desain form input transaksi pembelian: 45

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

otomatis

Pelanggan

*****

Cara Bayar

0 Tunai 0Kredit

Kode Brg

*****

Harga

Rp *****

Jml Brg

*****

% Diskon

otomatis

Uang Muka

**

Tanggal Order

*****

********** Jth Tempo

Tanggal Order

*****

Nm Brg Jadi

*****

*****

********** ********** Tabel Data Barang Kode

Nama

harga

…………..

Tabel Penjualan No

Nama

Harga

Jml

Satuan

Total Barang

Diskon

Rp

……………….

******

Proses

Batal

Hapus

Upah Tng Krja Rp

******

Simpan

Cetak

Tutup

Biaya Ohead Rp

******

Total Biaya Rp

******

Sisa Bayar Rp

******

Jml Piutang Rp

******

Gambar 3.24 Desain Input Transaksi Penjualan Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA

3.5.8

Desain Input Pembayaran Hutang

Form ini digunakan untuk melakukan pembayaran hutang karena transaksi pembelian dibayar secara kredit.

46

PEMBAYARAN HUTANG

No Nota

otomatis

Pemasok

otomatis

Jml Hutang

otomatis

Jml Bayar

Rp *****

Tgl Bayar

*****

Bayar

Batal

Proses

Cetak

No Nota Beli

*****

**********

Sisa Hutang

otomatis

Tabel Daftar Hutang Nama

Jml Hutang

Tgl Bayar

…………..

Tutup

Gambar 3.25 Desain Input Pembayaran Hutang Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA

3.5.9

Desain Input Pembayaran Piutang

Form ini digunakan untuk melakukan pembayaran piutang karena transaksi penjualan dibayar secara kredit. PEMBAYARAN PIUTANG

No Nota

otomatis

No Nota Jual

*****

Pelanggan

otomatis

Jml Piutang

otomatis

Nm Brg Jadi

********** otomatis

Jml Bayar

Rp *****

Sisa Piutang

otomatis

Tgl Bayar

***** Tabel Daftar Piutang

Bayar

Batal

Proses

Cetak

Nama

Jml Piutang

Tgl Bayar

…………..

Tutup

Gambar 3.26 Desain Input Pembayaran Piutang Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA

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.

47

DATA USER/PASSWORD

User Name

*****

Password

*****

Status

User Name

*****

Password

Status


Lihat Password

Tambah

Edit

Batal

Simpan

Hapus

Gambar 3.27 Desain Input Data User Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA

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

TOKO ELEKTRONIK “ERA”

Kode Pemasok

Nama

C Person

Alamat

Telepon

xx/xx/xxxx Mengetahui

Jumlah Pelanggan :

(Pemilik)

Gambar 3.28 Desain Output Laporan Pemasok Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA

3.5.12 Desain Output Laporan Pelanggan Form desain output laporan pelanggan (Gambar 3.29) merupakan perancangan yang berkaitan dengan informasi hasil pengolahan data laporan pelanggan

48

LAPORAN DATA PELANGGAN


Kode Pelanggan

Nama

C Person

Alamat

Telepon


Jumlah Pelanggan :

(Pemilik)

Gambar 3.29 Desain Output Laporan Pelanggan Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA

3.5.13 Desain Output Laporan Barang Form

desain

output

laporan barang (Gambar 3.30)

merupakan perancangan yang berkaitan dengan informasi hasil pengolahan data laporan barang. LAPORAN DATA BARANG


Kode B Baku

Nama

Ukuran

Satuan

….. ….. ….. xx/xx/xxxx Mengetahui

(Pemilik)

Gambar 3.30 Desain Output Laporan Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA

3.5.14 Desain Output Laporan Pembelian Form desain output laporan pembelian (Gambar 3.40) merupakan perancangan yang berkaitan dengan informasi hasil pengolahan data laporan pembelian. LAPORAN DATA PEMBELIAN


Kode Brg

Nama Brg

Satuan

Jumlah

….. ….. …..

Nota

Tanggal

Pemasok


(Pemilik)

49

Gambar 3.31 Desain Output Laporan Pembelian Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA

3.5.15 Desain Output Laporan Penjualan Form desain output laporan penjualan (Gambar 3.32) merupakan perancangan yang berkaitan dengan informasi hasil pengolahan data laporan penjualan. LAPORAN DATA PENJUALAN


Kode Brg

Nama Brg

Satuan

…..

Jumlah

….. ….. Nota

Tanggal

Pelanggan


(Pemilik)

Gambar 3.32 Desain Output Laporan Penjualan Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA

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

Tanggal

Jml Hutang

Jml Bayar


(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

50

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

Tanggal

Jml Hutang

Jml Bayar


(Pemilik)

Gambar 3.34 Desain Output Laporan Pembayaran Piutang Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA

51

Bab 3 Metode Perancangan

Recommend Documents