BAB IV PERANCANGAN SISTEM USULAN

(1)

BAB IV

PERANCANGAN SISTEM USULAN

4.1. TahapanPerancanganSistem 4.1.1. AnalisisKebutuhan

A. Kebutuhan Pengguna

Dalam aplikasi percetakan online pada CV. SON Printing Cikampek terdapat dua pengguna yang dapat saling berinteraksi dalam lingkungan sistem, yaitu: Admin CV. SON Printing Cikampek dan konsumen CV. SON Printing Cikampek. Kedua pengguna tersebut

memiliki karakteristik interaksi dengan sistem yang berbeda-beda dan memiliki kebutuhan informasi yang berbeda-beda, seperti berikut :

A1. Skenario Kebutuhan Admin CV. SON Printing Cikampek a. Mengelola data konsumen.

b. Mengelola data pesanan.

c. Mengelola data pembayaran.

d. Mengelola Laporan transaksi.

A2. Skenario Kebutuhan konsumen CV. SON Printing Cikampek a. Melakukan pesanan secara online.

b. Mengecek pembayaran secara online.

c. Mengupload bukti pembayaran.

(2)

B. Kebutuhan Sistem

1. Pengguna harus melakukan login terlebih dahulu untuk dapat mengakses aplikasi ini dengan memasukkan username dan password agar privasi masing-masing pengguna tetap terjaga keamanannya.

2. Pengguna harus melakukan logout setelah selesai menggunakan aplikasi.

3. Sistem menampilkan formulir pesanan.

4. Sistem menampilkan data konsumen, data pesanan, data pembayaran dan laporan transaksi.

4.1.2. Rancangan Diagram Use Case

Gambar IV. 1 Rancangan Diagram Use Case

(3)

Tabel IV. 1

Use case Mengelola Data Pesanan

Use Case Name Mengelola Data Pesanan

Requirements Admin dapat mengelola data pesanan

Goal Admin mengelola data pesanan menggunakan

web

Pre-Conditions Admin telah melakukan login Post-Conditions Admin menginput data produk

Failed end Condition Jika tidak ada pesanan baru dan atau tidak terjadi perubahan harga produk

Actors Admin

Main Flow/ Basic Path 1. User menambah data produk

2. User mengetikkan ID pengguna dan password

3. Sistem akan menyimpan data pengguna Alternate Flow/Invariant A A1. Sistem menampilkan data pengguna yang

telah diinput

Invariant B B1. User memilih data pesanan menggunakan kode

B2. User memilih data produk

B3. Sistem tidak menemukan data yang dicari B4. Sistem menampilkan pesan "No matching records found"

(4)

Tabel IV. 2

UsecaseMengelolaTransaksi

Use Case Name Mengelola Data Transaksi

Requirements Admin dapat mengelola data transaksi

Goal Admin mengelola data transaksi menggunakan web

Pre-Conditions Admin telah melakukan login Post-Conditions Admin menginput data transaksi

Failed end Condition Jika tidak terjadi transaksi atau tidak ada pesanan

Actors Admin

Main Flow/ Basic Path Sistem akan menyimpan data transaksi Alternate Flow/Invariant A A1. Sistem menampilkan data transaksi yang

telah terjadi

Invariant B B1. Use rmemilih data transaksi B2. User mengetikan kode transaksi

B3. Sistem tidak menemukan data yang dicari B4. Sistem menampilkan pesan "No matching records found"

(5)

Tabel IV. 3

Usecase Mengelola Laporan

Use Case Name Mengelola Laporan

Requirements Admin dapat mengelola laporan

Goal Admin mengelola laporan menggunakan

aplikasi

Pre-Conditions Admin masuk ke halaman laporan Post-Conditions Admin memilih data laporan

Failed end Condition Jika waktu yang dipilih tidak terjadi transaksi atau tidak ditemukan data pada periode yang dipilih

Actors Admin

Main Flow/ Basic Path 1. User mengelola laporan

2. User mengetikkan periode laporan 3. Sistem akan menampilkan data laporan Alternate Flow/Invariant A A1. Sistem akan menampilkan data laporan

pada periode yang dipilih

Invariant B B1. User memilih periode laporan

B2. User mengetikan bulan dan tahun laporan B3. Sistemt idak menemukan data yang dicari B4. Sistem tidak menampilkan data.

(6)

4.1.3. Rancangan Diagram Aktivitas

Gambar IV. 2 Rancangan Diagram Aktivitas

4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan

1. Nama Dokumen : Data Pesanan

Fungsi : Sebagai bukti pemesanan

Sumber : Konsumen

Tujuan : Admin

Media : web

Jumlah : 1 file

Frekuensi : Setiap terjadi pemesanan

(7)

Bentuk : Lihat Lampiran C.1 2. Nama Dokumen : Bukti Pembayaran

Fungsi : Sebagai bukti pembayaran

Sumber : Konsumen

Tujuan : Admin

Media : Web

Jumlah : 1 file

Frekuensi : Setiap terjadi pembayaran Bentuk : Lihat Lampiran C.2

B. Dokumen Keluaran

1. Nama Dokumen : Data Barang

Fungsi : Sebagai data katalog

Sumber : Admin

Tujuan : Konsumen

Media : Web

Jumlah : 1 file

Frekuensi : Setiap terjadi perubahan data Bentuk : Lihat Lampiran D.1

3. Nama Dokumen : Data Pembayaran

Fungsi : Sebagai laporan transaksi

Sumber : Admin

Tujuan : Pemilik

(8)

Media : Kertas

Jumlah : 1 rangkap

Frekuensi : Setiap terjadi transaksi Bentuk : Lihat Lampiran D.2

4.1.5. Rancangan Prototype

Bagian ini berisi mengenai penggambaran interfaces dari web yang dibuat.

1. Halaman Utama Pelanggan Sebelum Login

Merupakan interfaces halaman utama saat pelanggan atau konsumen masuk ke web CV. SON Printing Cikampek sebelum melakukan login.

Gambar IV. 3 Halaman Utama Pelanggan Sebelum Login

(9)

2. Halaman Login Pelanggan

Merupakan interface halaman login pelanggan CV. SON Printing Cikampek

Gambar IV. 4 Halaman Login Pelanggan

3. Halaman Login apabila Username dan Password salah

Apabila Username atau Password salah maka akan muncul notifikasi “Uername or Password Invalid”

Gambar IV. 5 Halaman Login Salah Username atau Password

(10)

4. Halaman Utama Pelanggan Setelah Login

Merupakan interfaces halaman utama web setelah pelanggan berhasil melakukan login.

Gambar IV. 6 Halaman Utama Pelanggan Setelah Login

5. Halaman Produk

Merupakan interfaces tampilan produk yang ada pada CV. SON Printing Cikampek, dimana pelanggan dapat melakukan pemesanan.

Gambar IV. 7 Halaman Produk

(11)

6. Halaman Pemesanan

Merupakan interfaces halaman yang berisi pesanan pelanggan.

Gambar IV. 8 Halaman Pemesanan

7. Halaman Pembayaran

Merupakan halaman dimana pelanggan melakukan pembayaran dengan mengupload bukti pembayaran secara transfer.

Gambar IV. 9 Halaman Pembayaran

(12)

8. Halaman Login Admin

Merupakan interfaces halaman login untuk admin.

Gambar IV. 10 Halaman Login Admin

9. Halaman Utama Admin

Merupakan interfaces halaman utama admin.

Gambar IV. 11 Halaman Utama Admin

(13)

10. Halaman Data Pelanggan

Merupakan interfaces data pelanggan yang dapat dikelola oleh admin.

Gambar IV. 12 Halaman Data Pelanggan

11. Halaman Data Admin

Merupakan interface data Admin.

Gambar IV. 13 Halaman Data Admin

(14)

12. Halaman Data Barang

Merupakan interfaces halaman data barang.

Gambar IV. 14 Halaman Data Barang

13. Halaman Transaksi

Gambar IV. 15 Halaman Transaksi

(15)

4.2. Perancangan Perangkat Lunak 4.2.1. Entity Relationship Diagram (ERD)

Gambar IV. 16 ERD

(16)

4.2.2. Logical Record Structure (LRS)

Gambar IV. 17 LRS

4.2.3. Spesifikasi File

1. Spesifikasi File Admin Nama File : Admin

Akronim : Admin

Fungsi : untuk menyimpan data Admin Tipe File : File Master

Organisasi File : Indexed Sequential Akses File : Random

(17)

Media : Harddisk Panjang record : 196 Byte Kunci Field : id

Software : Mysql

Tabel IV. 4

Spesifikasi File Admin

2. Spesifikasi File Barang Nama File : Barang

Akronim : Barang

Fungsi : untuk menyimpan data barang Tipe File : File Master

Software : Mysql

No Elemen data Nama Field Tipe Size Ket

1. Id Id int 11 Primary Key

2. Nama Nama varchar 25

3. Password password varchar 150

4. Level Level varchar 10

(18)

Tabel IV. 5

Spesifikasi File Barang

3. Spesifikasi File Detail Barang Nama File : barang_dtl

Akronim : barang_dtl

Fungsi : untuk mengetahui detail barang Tipe File : File Master

Media : Harddisk Panjang record : 33 Byte Kunci Field : id Software : Mysql

1. Id id int ¹¹ Primary Key

2. Nama nama varchar ³⁵

3. Stok stok int ¹¹

4. Kategori kategori int ¹¹

5. Photo photo varchar ⁶⁰

(19)

Tabel IV. 6

Spesifikasi File Detail Barang

4. Spesifikasi File Kategori Nama File : Kategori

Akronim : Kategori

Fungsi : untuk mengetahui kategori Tipe File : File Master

Tabel IV. 7

Spesifikasi File Detail Barang

2. Harga harga int ¹¹

3. Barang barang int ¹¹

2. Nama nama varchar ³⁵

(20)

5. Spesifikasi File Pelanggan Nama File : Pelanggan

Akronim : Pelanggan

Fungsi : untuk menyimpan data pelanggan Tipe File : File Master

Software : Mysql

Tabel IV. 8

Spesifikasi File Pelanggan

1. Id id int 11 Primary Key

2. Nama nama varchar 40

3. Username username varchar 25

4. Email email varchar 25

5. Telepon tlp varchar 13

6. Alamat alamat varchar 60

7. Password pass varchar 150

(21)

6. Spesifikasi File Pembayaran Nama File : Pembayaran

Akronim : Pembayaran

Fungsi : untuk menyimpan data pembayaran Tipe File : File Master

Tabel IV. 9

Spesifikasi File Pembayaran

1. id id int 11 Primary Key

2. tgl tgl date -

3. bukti bukti varchar 55

4. transaksi transaksi int 11 5. pelanggan pelanggan int 11

(22)

7. Spesifikasi File Transaksi Nama File : Transaksi

Akronim : Transaksi

Fungsi : untuk menyimpan data transaksi Tipe File : File Transaksi

Tabel IV. 10

Spesifikasi File Transaksi

1. Id id Int 11 Primary Key

2. Tanggal tgl Date -

3. Total total Int 11

4. Status status Varchar 10

5. Pelanggan pelanggan Int 11

(23)

8. Spesifikasi File Detail Transaksi Nama File : transaksi_dtl Akronim : transaksi_dtl

Fungsi : untuk menyimpan detail pembayaran Tipe File : File Master

Media : Harddisk Panjang record : 43 Byte Kunci Field : -

Software : Mysql

Tabel IV. 11

Spesifikasi File Detail Transaksi

No Elemen data Nama Field Tipe Size Ket 1. Transaksi transaksi int 11

2. Jumlah jumlah int 11

3. Ukuran ukuran int 11

4. Subtotal subtotal int 11

5. Ukuran ukuran int 11

6. Barang detail brg_dtl varchar 60

7. Keterangan ket int 11

(24)

4.2.4. Class Model / Class Diagram

Gambar IV. 18 Class Diagram

(25)

4.2.5. Sequence Diagram

Gambar IV. 19 Sequence Diagram

4.2.6. Spesifikasi Hardware dan Software

1. Spesifikasi Hardware yang digunakan dalam membangun aplikasi ini adalah sebagai berikut:

a. Processor : Intel(R) Core(TM) i-3-6006U CPU @2.00GHz 1.99GHz b. Monitor : LCD Widescreen 14”

c. Harddisk : 1 TB d. RAM : 4 GB

e. Keyboard : Standar 102-key f. Mouse : Standar

(26)

2. Spesifikasi Software yang digunakan dalam membangun aplikasi ini adalah sebagai berikut:

a. Sistem Operasi Windows 10 64 bit b. Netbeans IDE 8.0.2

c. JDK (Java Development Kit) 7 d. JRE (Java Runtime Environment) e. iReport 5.6.0

f. Web Browser Google Chrome

g. Web Server XAMPP (MySQL dengan php My Admin 3.2.4)

4.3. Jadwal Implementasi

Tabel IV. 12

Jadwal Implementasi

No KEGIATAN

WAKTU

BULAN I BULAN II BULAN III

1 2 3 4 1 2 3 4 1 2 3 4 1 Persiapan data awal

2 Analisa

3 Desain Sistem

4 Desain Perangkat Lunak 5 Pembuatan & Tes Program

6 Tes Sistem

7 Pelatihan

8 Pembuatan Buku Petunjuk 9 Evaluasi & Operasional