BAB IV PERANCANGAN SISTEM USULAN

(1)

BAB IV

PERANCANGAN SISTEM USULAN

4.1Tahapan Perancangan Sistem 4.1.1 Analisis Kebutuhan

Analisis kebutuhan merupakan langkah awal untuk menentukan gambaran perangkat yang akan dihasilkan ketika pengembang melaksanakan sebuah proyek pembuatan perangkat lunak. Perangkat lunak yang baik dan sesuai dengan kebutuhan pengguna sangat tergantung pada keberhasilan dalam melakukan analisis kebutuhan.

A. Kebutuhan Pengguna

Pada tahapan ini penulis bertujuan agar para pelanggan dapat melakukan pemesanan secara online dan juga dapat melihat informasi – informasi yang ada. Sedangkan admin dapat mengolah informasi – informasi yang ada dalam website, selain itu admin tidak mengalami kesulitan untuk mengetik secara manual ketika sedang banyaknya pemesanan dari pelanggan. Berikut analisa pengguna, yaitu sebagai berikut :

1) Skenario Kebutuhan Pelanggan

a) Pelanggan dapat melihat informasi – informasi yang ada pada website PT. Abadi Button.

b) Pelanggan terlebih dahulu melakukan login agar dapat melakukan pemesanan. c) Pelanggan dapat melakukan pemesanan produksi kancing

2) Skenario Kebutuhan Admin a) Admin melakukan login

(2)

c) Admin dapat mengelola data admin d) Admin dapat mengelola data pemesanan e) Admin dapat mengelola data pelanggan

f) Admin dapat mengelola halaman convered button g) Admin dapat mengelola proses pengiriman

h) Admin dapat membuat laporan hasil produksi dan pengiriman B. Kebutuhan Sistem

a) Pengguna (admin) dapat melakukan login terlebih dahulu untuk mengakses halaman admin dengan memasukkan username dan password agar privasi pengguna tetap terjaga keamanannya.

b) Pengguna (pelanggan) yang baru pertama kali pemesanan harus melakukan data diri secara manual, setelah terdaftar menjadi member secara otomatis pengguna (pelanggan) dapat langsung login dengan memasukkan email dan telepon. c) Pengguna dapat melihat informasi – informasi yang ada pada website.

d) Sistem dapat melakukan proses pengolahan data pemesanan produksi, data pelanggan, dan data pengiriman.

e) Sistem dapat menampilkan laporan hasil produksi dan pengiriman setiap hari. f) Pengguna (admin) harus melakukan logout setelah selesai menggunakan

program.

4.1.2 Rancangan Use Case Diagram

Use case diagran digunakan untuk mendiskripsikan antara actor dengan sistem yang dibuat, dibawah ini use case yang digambarkan sebagai berikut :

(3)

1. Use Case Diagram User

Sumber : Hasil Penelitian (2019)

Gambar IV.1 Use case Diagram User Tabel IV.1 Use case Diagram User Use case Sistem Penyampaian Informasi

Brief Description Use case ini memungkinkan User untuk memasuki halaman utama PT. Abadi Button, dimana terdapat tentang menu login untuk memasuki halamanan pelanggan

Actor User

Pre-conditions User melakukan login

Goals User dapat mengoperasikan website

Post-conditions User dapat melihat lihat informasi yang ada pada website

Failed end conditions

(4)

Primary Actors User Mainflow / Basic

Path

A.1 User melakukan login

A.2 User dapat melihan menu utama

A.3 User dapat melihat produk jenis kancing A.4 User melakukan pesan barang sesuai kebutuhan

A.5 User dapat melihat riwayat pemesanan

2. Use case Diagram Admin

(5)

Tabel IV.2

Deskripsi Use case Diagram Admin

Use case Sistem Penyampaian Informasi

Brief Description Use case ini memungkinkan Admin untuk memasuki halaman admin PT. Abadi Button, dimana terdapat tentang Dasboard, Data Admin, Data Pelanggan, Data Pemesanan, Convered Button, Pengiriman, Laporan

Actor Admin

Pre-conditions Adminmelakukan login

Goals Admin dapat menggunakan program website Post-conditions Admin dapat mengelola mengelola seluruh menu

admin pada website Failed end

conditions

Jika admin salah memasukan username dan password

Primary Actors Admin Mainflow / Basic

Path

B.1 admin melakukan login B.2 admin mengelola data admin B.3 admin mengelola data pemesanan B.3 admin mengelola data pelanggan

B.4 admin mengelola halaman convered button B.6 admin mengelola pengiriman

B.7 admin mencetak laporan hasil produksi dan pengiriman

(6)

4.1.3 Rancangan Activity Diagram 1. Activity Diagram login User

Sumber : hasil penelitian (2019)

Gambar IV.3 Activity Diagram Login User 2. Activity Diagram Tambah Pelanggan

(7)

3. Activity Diagram Edit Pelanggan

(8)

4. Activity Diagram Pemesanan

Gambar IV. 6 Activity Diagram Pemesanan

4.1.4 Rancangan Dokumen Sistem Usulan

Rancangan dokumen sistem usulan dalam perancangan sistem informasi pemesanan produksi kancing pada PT. Abadi Button terdiri dari rancangan dokumen masukan (input) dan rancangan dokumen keluaran (output), sebagai berikut :

A. Rancangan Dokumen Usulan Masukan

Rancangan dokumen masukan (input) merupakan bentuk dari proses masukan (input) dalam perancangan sistem informasi pemesanan produksi kancing pada PT. Abadi Button sebagai berikut :

1) Nama Dokumen : Data Pelanggan

Fungsi : Untuk mengetahui daftar pelanggan Sumber : Pelanggan

Tujuan : Admin

(9)

Jumlah : 1 lembar

Frekuensi : Setiap terjadi pendaftaran pelangganbaru Bentuk : C.1

2) Nama Dokumen : Data Admin

Fungsi : Untuk mengetahui daftar admin Sumber : Staff

Tujuan : Admin

Media : Kertas Jumlah : 1 lembar

Frekuensi : Setiap terjadi penambahan admin baru

Bentuk : C.1

3) Nama Dokumen : Pemesanan Produksi Kancing

Fungsi : Untuk mengetahui daftar pemesanan produksi kancing Sumber : Pelanggan

Tujuan : Admin Media : Kertas Jumlah : 1 lembar

Frekuensi : Setiap terjadi pemesanan produksi kancing Bentuk : C.1

B. Rancangan Dokumen Usulan Keluaran

Rancangan dokumen keluaran (output) merupakan dokumen yang dihasilkan dari dokumen masukan (input) dalam perancangan sistem informasi pemesanan barang pada PT. Abadi Button sebagai berikut :

(10)

1) Nama Dokumen : Laporan Hasil Produksi dan Pengiriman

Fungsi : Untuk mengisi data hasil produksi dan pengiriman setiap harinya

Sumber : Admin

Tujuan : Pimpinan dan Arsip Media : Kertas

Frekuensi : Jumlah hasil produksi setiap kali pemesanan

Bentuk : C.1

2) Nama Dokumen : Surat Jalan

Fungsi : Digunakan untuk mengirim barang dan jumlah pembayaran Sumber : Admin

Tujuan : Pelanggan

Media : Kertas

Frekuensi : Setiap proses pemesanan produksi kancing

Bentuk : C.2

4.1.5 Rancangan Prototype 1. Interface Halaman Utama

(11)

2. Interface Login User

Sumber : Hasil penelitian (2019)

Gambar IV.8 Interface Login User 3. Interface Halaman User

Sumber : Hasil penelitian

(12)

4. Interface Form Pemesanan

Gambar IV.10 Interface Form Pemesanan 5. Interface Form Riwayat Pemesanan

Sumber : Hasil penelitian

(13)

6. Interface Halaman Login Admin

Gambar IV.12 Interface Halaman Login Admin 7. Interface Halaman Admin

(14)

8. InterfaceForm Data Admin

Gambar IV.14 Interface Form Data Admin 9. Interface Form Data Pelanggan

(15)

10. Interface Form Data Pemesan

Gambar IV.16 Interface Form Data pelanggan 11. Interface Form Pengiriman

(16)

12. Interface Form Laporan Hasil Produksi dan Pengiriman

(17)

4.2 Perancangan Perangkat Lunak

4.2.1 Entity Relationship Diagram (ERD)

(18)

4.2.2 Logical Struktur Record (LRS)

(19)

4.2.3 Spesifikasi File

1. Spesifikasi file Pelanggan Nama File : Pelanggan Akronim : Pelanggan

Fungsi : untuk menyimpan data pelanggan Tipe File : File Master

Organisasi File : Indexed Sequential Akses File : Random

Media : Harddisk Panjang record : 146

Kunci Field : kodeBarang Software : Mysql

Tabel IV.3

Spesifikasi File Pelanggan Elemen Data Field Tipe data Ukuran Ket Kode Pelanggan

Kode_pelanggan Varchar 25 Primary

Nama Nama Varchar 30

Alamat Alamat Varchar 50 Telepon Telepon Varchar 16

(20)

2. Spesifikasi File Admin Nama File : Admin Akronim : Admin

Fungsi : untuk menyimpan data admin Tipe File : File Master

Media : Harddisk Panjang record : 85 Kunci Field : Id_admin Software : Mysql

Tabel IV.4 Spesifikasi File Admin

Elemen Data Field Tipe data Ukuran Ket Identitas

admin

Id_admin Varchar 10 primary

Nama Nama Varchar 25 Password Password Varchar 25 Email Email Varchar 25

3. Spesifikasi File PO Nama File : PO Akronim : po

Fungsi : untuk menyimpan data pemesanan dari pelanggan Tipe File : File Transaksi

(21)

Media : Harddisk Panjang record : 89 Kunci Field : Po_no Software : Mysql

Tabel IV.5 Spesifikasi File PO

Elemen Data Field Tipe data Ukuran Ket

PO. NO Po_no Varchar 12 primary

Jumlah harga Jlm_harga Int 12 Tanggal PO Tgl_po Date

Qty Qty Int 5

Kode Produksi Kode_produksi Varchar 25 Kode Pelanggan Kode_pelanggan Varchar 25 Identitas admin Id_admin Varchar 10

4. Spesifikasi File Gudang Nama File : Gudang Akronim : Gudang

Fungsi : untuk menyimpan data bahan baku Tipe File : File Master

(22)

Kunci Field : Id_bahanbaku Software : Mysql

Tabel IV.6 Spesifikasi File Gudang Elemen Data Field Tipe

data

Ukuran Ket

Identitas bahan baku

Id_bahanbaku Varchar 15 primary

Nama bahan Nama_bahan Varchar 25

5. Spesifikasi File Converred Button Nama File : Converred Button Akronim : Converred Button

Fungsi : untuk menyimpan data jenis – jenis kancing Tipe File : File Master

Kunci Field : kode_produk Software : Mysql

(23)

Tabel IV.7

Spesifikasi File Converred Button Elemen Data Field Tipe

data

Ukuran Ket

Kode produk Kode_produk Varchar 25 Primary Harga satuan Harga_satuan Varchar 12

Ukuran Ukuran Varchar 15 Nama kancing Nama_kancing Varchar 25 Id_bahanbaku Identitas

bahan baku

Varchar 15

6. Spesififikasi File Pengiriman Nama File : Pengiriman Akronim : Pengiriman

Fungsi : untuk menyimpan data pengiriman Tipe File : File Transaksi

Media : Harddisk Panjang record : 170 Kunci Field : SJSR_no Software : Mysql

(24)

Tabel IV.8

Spesifikasi File Pengiriman

Elemen Data Field Tipe data Ukuran Ket

SJSR NO. SJSR_no Varchar 15 Primary

NO. PO No_po Varchar 15

Qty Qty Int 15

Jumlah harga Jml_harga Int 20 Tanggal kirim Tgl_kirim Varchar 25 Nomor truk No_truk Varchar 20 Pengangkutan Pengakutan Varchar 20 Kode pelanggan Kode_pel Varchar 15 Kode Produk Kode_produk Varchar 25

(25)

4.2.4 Class Model/ Class Diagram

(26)

4.2.5 Sequence Diagram 1. Sequence diagram User a. Login halaman user

Sumber : hasil penelitian

Gambar IV. 22 Sequence Diagram Login User b. Sequence diagram halaman user

(27)

2. Sequence Diagram Admin a. Login halaman admin

Gambar IV.24 Sequence diagram halaman admin b. Halaman admin

Hasil : sumber penelitian (2019)

(28)

4.2.6 Spesifikasi Hardware dan Software 1. Spesifikasi Hardware

a. Server 1) CPU

(a) Processor Pentium Core 2 Duo (b) RAM DDR2 2 GB

(c) Hard Disk 500 GB 2) Mouse Optic

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768 5) Koneksi internet dengan kecepatan 2 Mbps

b. Client 1) CPU

(a) Processor Pentium Core 2 Duo (b) RAM DDR2 2 GB

(c) Hard Disk 500 GB 2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768 5) Koneksi internet dengan kecepatan 2 Mbps

2. Spesifikasi Software a. Server

1) Sistem operasi yang umum digunakan seperti : Microsoft Windows 7 2) Aplikasi bundle web server seperti : XAMPP, php2triad yang terdiri dari

(29)

(1) Aplikasi Apache Server v (2) Aplikasi PHP server v (3) Aplikasi MySQL server v (4) Aplikasi phpMyAdmin v (5) Aplikasi Sublime text 3

3) Aplikasi Web Lihart seperti Microsoft Edge b. Client

1) Sistem operasi yang umum digunakan seperti : Microsoft Windows 7

2) Aplikasi Web Browser seperti Mozilla Firefox, Opera, Safari, Internet Explore, Goolge Chrome 4.3Implementasi Tabel IV. 9 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

(30)

7 Pelatihan

8

Pembuatan Buku

Petunjuk 9 Evaluasi & Operasional