BAB III

PERANCANGAN SISTEM

3.1 Diagram
bahwa beberapa literature menyebutkan bahwa menyediakan sembilan jenis
diagram, yang lain menyebutkan delapan karena ada beberapa diagram yang
digabung, misalnya diagram komunikasi, diagram urutan dan diagram pewaktuan
digabung menjadi diagram interaksi. Dalam penelitian Kerja Praktek ini hanya
menggunakan 4 (empat) macam diagram yaitu:

1. Diagram Use Case Bersifat statis. Diagram ini memperlihatkan

himpunan use case dan aktor-aktor (suatu jenis khusus dari kelas).
Diagram ini terutama sangat penting untuk mengorganisasi dan
memodelkan perilaku suatu sistem yang dibutuhkan serta diharapkan
pengguna.
2. Diagram Aktivitas (Activity Diagram) Bersifat dinamis. Diagram
aktivitas adalah tipe khusus dari diagram status yang memperlihatkan
aliran dari suatu aktivitas ke aktivitas lainnya dalam suatu sistem.
3. Diagram interaksi dan sequence (urutan) Bersifat dinamis. Diagram
urutan adalah interaksi yang menekankan pada pengiriman pesan dalam
suatu waktu tertentu.
4. Diagram kelas (class diagram) Bersifat statis. Diagram ini
memperlihatkan himpunan kelas-kelas, antarmuka-antarmuka,
kolaborasi-kolaborasi, serta relasi-relasi. Diagram ini umum dijumpai
pada pemodelan sistem berorientasi objek. Meskipun bersifat statis,
sering pula diagram kelas memuat kelas-kelas aktif.
 3.2 Perancangan sistem

3.2.1 Perancangan Database

Perancangan database bukan hanya menyusun file yang diperlukan

untuk disimpan sebagai basis data, tetapi juga termasuk didalamnya bagaimana
mengatur agar basis data tersebut dapat dimanfaatkan secara optimal oleh
pemakai untuk memenuhi kebutuhan datanya.

20

Pada tahapan ini, membuat rancangan tabel-tabel yan digunakan pada

basisdata (database) beserta atribut-atribut pada setiap tabelnya. Berikut ini
adalah gambar rancangan tabel-tabel pada basis data (database) :

1. Table Barang

NO NAMA TYPE LANE

1. kd_barang Varchar 6
2. nm_barang Varchar 20
3. Harga Varchar 30
4. Stok Varchar 30
Gambar Table 3.1

2. Pelanggan

NO NAMA TYPE LANE

1. kd_pelanggan Varchar 6
2. nm_pelanggan Varchar 30
3. Alamat Varchar 30
4. Notlp Varchar 13
Gambar Table 3.2
 3. Pembelian

NO NAMA TYPE LANE

1. no_transaksi Varchar 30
2. tgl_transaksi Datetime -
3. kd_supplier Varchar 30
4. kd_barang Varchar 30
5. Harga Varchar 20
6. Jumlah Varchar 20
7. total_harga Varchar 20
Gaambar Table 3.3

4. Penjualan

NO NAMA TYPE LANE

1. no_transaksi Varchar 30
2. tgl_transaksi Datetime -
3. kd_barang Varchar 30
4. Harga Varchar 20
5. jumlah Varchar 20
6. total_harga Varchar 20
Gambar Table 3.4

5. Supplier

NO NAMA TYPE LANE

1. kd_supplier Varchar 6
2. nm_supplier Varchar 30
3. alamat Varchar 30
4. Notlp Varchar 13
Gambar Table 3.5
 3.2.2 Normalisasi
merupakan suatu pendekatan sistematis untuk meminimalkan redundansi data
pada suatu database agar database tersebut dapat bekerja dengan optimal.

3.2.3 ERD
(Entity Relationship Diagram) adalah suatu model untuk menjelaskan
hubungan antar data dalam basis data berdasarkan objek-objek dasar data yang
mempunyai hubungan antar relasi.
ERD untuk memodelkan struktur data dan hubungan antar data, untuk
menggambarkannya digunakan beberapa notasi dan simbol.

Gambar 3.1 Entity Relationship Diagram

3.2.4 Relasi Tabel

Relasi tabel adalah hubungan sebuah tabel dengan tabel lainnya. Sehingga
tabel tidak lagi berdiri sendiri, melainkan dapat dihubungkan antara satu
dengan yang lainnya dan menjadi satu kesatuan.
 Gambar 3.2 Relasi Table

3.2.5 UseCase
Use-case diagram merupakan model diagram UML yang digunakan untuk
menggambarkan requirement fungsional yang diharapkan dari sebuah
sistem.Use-case diagrammenekankan pada siapa melakukan apa
dalam lingkungan sistem perangkat lunak akan dibangun. Use-case
diagram sebenarnya terdiri dari dua bagian besar; yang pertama adalah use
 case diagram (termasuk gambar use case dependencies) dan use case
description.

Gambar 3.3 UseCase

3.2.6 Sequence diagram

Sequence diagram (diagram urutan) adalah suatu diagram yang
memperlihatkan atau menampilkan interaksi-interaksi antar objek di dalam
sistem yang disusun pada sebuah urutan atau rangkaian waktu. Interaksi
 antar objek tersebut termasuk pengguna, display, dan sebagainya berupa
pesan/message.

Gambar 3.4 Sequence Diagram

3.2.7 Activity diagram

Diagram aktivitas menggambarkan berbagai alur aktivitas dalam sistem
yang sedang dirancang, bagaimana masing-masing alur berawal, decision
yang mungkin terjadi, dan bagaimana mereka berakhir. Activity diagram
juga dapat menggambarkan proses paralel yang mungkin terjadi pada
beberapa eksekusi.

Gambar 3.5 Activity Diagram

3.2.8 Perancangan perangkat lunak flowchart

Flowchart atau Bagan alir adalah bagan (chart) yang menunjukkan
alir (flow) di dalam program atau prosedur sistem secara logika. Bagan alir
 (flowchart) digunakan terutama untuk alat bantu komunikasi dan untuk
dokumentasi.

start

Pemesanan barang
Stok habis

Barang display/
dipajang ditoko Stok
tersedia ?

Stok terjual

Konsumen
membayar

finish
3.3 Analisa dan Pembahasan

3.3.1 Rancangan layar

3.3.1.1 Tampilan Menu Admin Login

Gambar 3.6 Tampilan Menu Admin

3.3.1.2 Tampilan Home

Gambar 3.7 Tampilan Home

3.3.1.3 Tampilan Transaksi Penjualan

Gambar 3.8 Tampilan Transaksi Penjualan