BAB IV PERANCANGAN SISTEM USULAN

(1)

16

BAB IV

PERANCANGAN SISTEM USULAN

4.1 Tahapan Perancangan Sistem 4.1.1 Analisis Kebutuhan

Berdasarkan proses penjualan barang jadi sistem berjalan pada Wedding Organizer, maka tahapan berikutnya adalah analisis kebutuhan (System Requirement) dari sistem pemesanan wedding organinzer.

A. Halaman Admin A.1 Admin Login

A.2 Admin Mengelola Data Admin

A.3 Admin Mengelola Data Paket Prewedding A.4 Admin Melihat Data Customer

A.5 Admin Melihat Data Pemesanan Prewedding A.6 Admin Logout

B. Halaman Customer B.1 Bagian Customer Login

B.2 Bagian Customer Melihat Data Paket Prewedding B.3 Bagian Customer Menginput Pemesanan Prewedding B.4 Bagian Customer Upload bukti pembayaran

(2)

17

4.1.2 Rancangan Diagram Use Case

Gambar 4.1

Racangan Use Case Diagram Admin

(3)

18

Deskripsi Use Case Diagram Admin Use Case Diagram Halaman Admin

Tujuan Admin Dapat Mengelola Menu Yang Ada

Dihalaman Admin

Deskripsi Sistem Ini Menggunakan Aktor Untuk

Masuk Ke Halaman Admin Yang

Didalamnya Terdapat Menu Kelola Data Admin, Kelola Data Paket Prewedding, Kelola Data Customer Dan Melihat Data Pemesanan Prewedding.

Skenario Utama

Aktor Admin

Kondisi Awal Aktor Membuka Aplikasi Halaman Admin

Aksi Aktor Reaksi Sistem

1. Aktor Memilih Menu Data Admin

2. Aktor Memilih Menu Data Paket Prewedding

3. Aktor Memilih Menu Data Customer

4. Aktor Memilih Data Pemesanan Prewedding

- Sistem Ini Akan Menampilkan Data Admin.

- Sistem Ini Akan Menampilkan Data Paket Prewedding.

- Sistem Ini Akan Menampilkan Data Customer

- Sistem Ini Akan Menampilkan Data Pemesanan Customer Yang Masuk

(4)

19

a. Use Case Diagram menu customer

Gambar 4.2

Use Case Diagram Customer

(5)

20

Deskripsi Use Case Diagram Customer Use Case Diagram Halaman Customer

Tujuan Customer dapat mengelola menu yang ada

dihalaman customer

Deskripsi Sistem ini menggunakan aktor untuk masuk ke halaman admin yang didalamnya

terdapat menu lihat data paket prewedding, input pemesanan paket dan upload bukti pembayaran.

Skenario Utama

Aktor Customer

Kondisi Awal Aktor membuka aplikasi halaman customer

Aksi Aktor Reaksi Sistem

1. Aktor memilih menu data paket prewedding

2. Aktor memilih menu input pemesanan paket

3. Aktor memilih menu upload bukti pembayaran

- Sistem ini akan menampilkan data paket prewedding.

- Sistem ini akan menampilkan form bukti upload pembayaran

(6)

21

1. Diagram Aktivitas Login

Gambar 4.3 Diagram Aktivitas Login

2. Diagram Aktivitas Admin

Gambar 4.4

(7)

22

Gambar 4.5 Diagram Aktivitas Paket 3. Diagram Aktivitas Halaman Login Customer

Gambar 4.6

Diagram Aktivitas Login Customer 1. Diagram Aktivitas Halaman Pemesanan

(8)

23

Gambar 4.7

Diagram Aktivitas Pemesanan 4.1.4 Rancangan Dokumen Sistem Usulan

A Dokumen Masukan :

1. Nama Dokumen : Data Admin

Fungsi : Untuk Mengetahui data user

Sumber : Admin

Tujuan : -

Jumlah : 1 Lembar

Frekuensi : Setiap terjadinya penambahan admin Bentuk : Lihat Gambar 4.8

(9)

24

Gambar 4.8

Rancangan Dokumen Data Admin

2. Nama Dokumen : Data Paket Prewedding

Fungsi : Untuk Mengetahui tersedianya paket prewedding

Sumber : Customer

Tujuan : Admin

Jumlah : 1 Lembar

Frekuensi : Setiap terjadinya pemesanan paket oleh customer Bentuk : Lihat Gambar 4.9

(10)

25

Gambar 4.9

Rancangan Dokumen Data Paket Prewedding

3. Nama Dokumen : Data Pemesanan Paket

Fungsi : Untuk Mengetahui data paket yang tersedia

Sumber : Admin

Tujuan : Customer

Jumlah : 1 Lembar

Frekuensi : Setiap terjadinya pemesanan paket Bentuk : Lihat Gambar 4.10

(11)

26

Gambar 4.10

Rancangan Dokumen Data Pemesanan Paket B. Dokumen Keluaran

1. Nama Dokumen : Data Pemesanan Paket dari customer

Fungsi : Untuk Mengetahui pemesanan

Sumber : Customer

Tujuan : -

Jumlah : 1 Lembar

Frekuensi : Setiap terjadinya pemesanan dari customer Bentuk : Lihat Gambar 4.11

(12)

27

Gambar 4.11

Rancangan Dokumen Data Admin

4.1.5 Rancangan Prototype 1. Halaman Login

(13)

28 Gambar 4.12 Halaman Login 2. Halaman Beranda Gambar 4.13 Halaman Beranda

3. Halaman Data User

(14)

29

Halaman Data User

4. Halaman Data Paket Prewedding

Gambar 4.15

Halaman Data Paket Prewedding 5. Halaman Data Customer

Gambar 4.16 Halaman Data Customer

(15)

30

Gambar 4.17 Halaman Data Pemesanan 7. Halaman Data Detail Pemesanan

Gambar 4.18

(16)

31

8. Halaman Beranda Customer

Gambar 4.19

Halaman Beranda Customer 9. Halaman Login Customer

Gambar 4.20 Halaman Login Customer

(17)

32

10. Halaman Detail Produk

Gambar 4.21 Halaman Detail Produk 11. Halaman Form Pemesanan Paket

Gambar 4.18

(18)

33

12. Halaman Checkout Pemesanan

Gambar 4.23

Halaman Checkout Pemesanan

13. Halaman Bukti Pemesanan

Gambar 4.24

(19)

34

14. Halaman Upload Pemesanan

Gambar 4.25

Halaman Upload Pemesanan

4.2 Perancangan Perangkat Lunak

4.2.1 Entity Relationship Diagram (ERD)

Gambar 4.26

(20)

35

4.2.2 Logical Record Structure (LRS)

Gambar 4.27

Logical Record Structure (LRS)

4.2.3 Spesifikasi File

Berdasarkan ERD dan LRS yang ada maka spesifikasi file sebagai berikut : 1. Spesifikasi File Data User

Nama Database : prewedding

Nama File : Data User

Fungsi : untuk menyimpan data user

(21)

36

Akses File : Random

Panjang Record : 50 Byte

Field Key : id_user

Tabel 4.3

Spesifikasi File Data User

No Elemen Data Akronim Type Panjang Keterangan 1. ID user id_user Integer 11 Primary Key

Auto Incretment 2. Username nama_user Varchar 30 -

3. Password Password Varchar 30 - 4. No_Telp no_telp Varchar 13 -

5. Alamat Alamat Text - -

2. Spesifikasi File Data Customer

Nama File : Data Customer

Fungsi : untuk menyimpan data customer

Tipe File : Master

Akses File : Random

Field Key : id_customer

Tabel 4.4

Spesifikasi File Data Customer

No Elemen Data Akronim Type Panjang Keterangan 1. ID Customer id_customer Integer 13 Primary Key

(22)

37

2. Username Nama Varchar 30 - 3. Password Password Varchar 30 -

4. Alamat Alamat Text - -

5. No_Telp no_telp Varchar - -

6. Email email Varchar - -

3. Spesifikasi File Data Barang

Nama File : Data barang

Fungsi : untuk menyimpan data barang

Tipe File : Master

Akses File : Random

Field Key : id_barang

Tabel 4.5

Spesifikasi File Data barang

No Elemen Data Akronim Type Panjang Keterangan 1. ID Barang id_barang Integer 13 Primary Key

Auto Incretment

2. Barang nama_barang Varchar 30 -

3. Harga harga Integer 13 -

(23)

38

5. Ket_1 ket_2 Varchar 100 -

6. Ket_1 ket_3 Varchar 100 -

9. Gambar Gambar Varchar 100 -

4. Spesfisikasi File Data Detail Pesanan Nama Database : prewedding

Nama File : pesanan

Fungsi : untuk menyimpan pemesanan

Tipe File : Master

Akses File : Random

Field Key : id_pesanan

Tabel 4.6

Spesifikasi File Data Pesanan No Elemen

Data

Akronim Type Panjang Keterangan

1. ID Pesanan id_pesanan Integer 13 Primary Key Auto Incretment 2. Id Customer id_customer Integer 13 -

3. Tanggal tanggal_pembelian Date - - 4. Total total_pembelian Integer 13 -

(24)

39

Nama Database : prewedding

Nama File : pesanan_produk

Fungsi : untuk menyimpan detail pemesanan

Tipe File : Master

Akses File : Random

Field Key : id_pesanan_produk

Tabel 4.7

Spesifikasi File Data Detail Pesanan No Elemen

Data

Akronim Type Panjang Keterangan

1. ID Pesanan Porduk

id_pesanan_produk Integer 13 Primary Key Auto Incretment

2. Id Pesanan id_pesanan Integer 13 -

3. Id Barang id_barang Date - -

4. Jumlah Jumlah Integer 13 -

5. Harga Harga Integer 13 -

(25)

40

6. Spesfisikasi File Data Upload

Nama File : upload

Fungsi : untuk menyimpan Data Upload Pembayaran

Tipe File : Master

Akses File : Random

Field Key : id_upload

Tabel 4.8

Spesifikasi File Data Upload Pembayaran

No. Elemen Data Akronim Type Panjang Keterangan 1. ID Upload id_ipload Integer 13 Primary Key

Auto Incretment 2. Id Pesanan id_pesanan Integer 13 -

3. Id Customer id_customer Integer 13 - 4. Tanggal_Upload tgl_upload Date - -

(26)

41

4.2.4 Class Model / Class Diagram

Gambar 4.28

(27)

42

4.2.5 Sequence Diagram

Gambar 4.29

(28)

43

4.2.6 Spesifikasi Hardware dan Software

Adapun kebutuhan hardware dan software dalam sistem pemesanan wedding organizer diantaranya:

Tabel 4.9

Spesifikasi Hardware & Software

Kebutuhan Keterangan

Sistem Windows 7

Processor

Intel Pentium @2117U (1.8GHz, 4MB L3 Cache Core duo)

RAM 4GB DDR3 Harddisk 500GB HDD, 5400 RPM Monitor 1366 x 768 Pixel Keyboard 86 Key Mouse Standard Software

Kebutuhan menjalankan aplikasi secara local :

Bahasa script pemrograman : PHP Web Server : Geogle Chrome, Mozilla Firefox

(29)

44 4.2.7 Jadwal Implementasi Tabel 4.10 Jadwal Implementasi Kegiatan Bulan Ke – 1 Ke – 2 Ke - 3 Ke – 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 Persiapan data awal

Analisa Desain Sistem

Desain Perangkat Lunak Pembuatan & Tes Program Tes Sistem

Pelatihan

Pembuatan Buku Petunjuk Evaluasi & Operasional