BAB IV PERANCANGAN SISTEM USULAN

(1)

41

PERANCANGAN SISTEM USULAN

4.1. Tahapan Perancangan Sistem

Pada bab ini, merupakan perancangan sistem usulan dari bab sebelumnya, terdapat 5 (lima) tahap perancangan diantaranya, yakni:

4.1.1. Analisis Kebutuhan

Dalam merancang suatu sistem yang baru, penulis membagi analisis kebutuhan perancangan menjadi 2 (dua), yakni:

A. Kebutuhan Pengguna

Kebutuhan pengguna merupakan kebutuhan sistem dilihat dari user atau penggunanya. Ada 2 (dua) pengguna yang dapat saling berinteraksi dalam website pemesanan jasa foto dan video yang penulis usulkan, diantaranya yaitu: admin dan customer (Pelanggan).

1. Skenario Kebutuhan Customer (Pelanggan) a) Pelanggan melihat galeri website. b) Pelanggan melihat informasi paket jasa c) Pelanggan mengisi data pemesanan.

d) Pelanggan melakukan konfirmasi pembayaran. 2. Skenario Kebutuhan Admin

a) Admin melakukan login.

b) Admin mengelola galeri website. c) Admin mengelola data paket jasa

(2)

d) Admin mengelola data pemesanan jasa foto dan video. e) Admin mengelola data pembayaran.

f) Admin mencetak laporan.

B. Kebutuhan Sistem

Dalam perancangan sistem informasi pemesanan jasa foto dan video ini, informasi yang diperlukan adalah output yang dihasilkan dari aplikasi tersebut. Untuk itu dibutuhkan kebutuhan sistem yang terdiri dari:

1) Admin harus melakukan login untuk dapat mengakses halaman administrator website.

2) Admin harus melakukan logout setelah selesai menggunakan halaman administrator website.

3) Sistem akan menampilkan halaman administrator pada website.

4) Sistem akan menampilkan notifikasi apabila data disimpan, diubah, dihapus, dicetak.

5) Sistem memproses pencarian data dan menampilkan data yang dicari. 6) Sistem akan menampilkan menu yang dipilih.

7) Sistem akan secara otomatis membuat Nomor Pemesanan sesuai urutan. 8) Sistem akan menampilkan status pembayaran.

(3)

4.1.2. Rancangan Diagram Use Case

Gambar IV.1.

Use Case Diagram Pemesanan Jasa

Tabel IV.1.

Deskripsi Use Case Diagram Pemesanan Jasa

Use Case Name Pemesanan Jasa

Requirements -

Goal Melakukan pemesanan jasa

Pre-Conditions Pelanggan mengunjungi beranda website

Post-Conditions Admin mencetak laporan

Failed end Condition -

Actors Pelanggan, admin

Main Flows/Basic Path 1. Mengunjungi beranda website

2. Pilih menu galeri untuk melihat galeri 3. Sistem akan menampilkan galeri website 4. Pilih Paket jasa untuk melihat detail jasa dan

melakukan pemesanan

5. Sistem akan menampilkan detail dan menampilkan form pemesanan

6. Isi data pemesan pada form pemesanan 7. Sistem akan menyimpan data pemesanan 8. Pilih pembayaran untuk konfirmasi

(4)

9. Pilih Laporan untuk mencetak laporan data pemesanan lunas.

Alternative Flow/Invariant A -

Invariant B -

1.a) Pelanggan Melihat Galeri Website

Gambar IV.2.

Use Case Pelanggan Melihat Galeri Website

Tabel IV.2.

Deskripsi Use Case Pelanggan Melihat Galeri Website

Use Case Name Pelanggan Melihat Galeri Website

Requirements -

Goal Melihat galeri foto dan video

Post-Conditions Mengisi data pada Form pemesanan

Actors Pelanggan

2. Pilih menu galeri

3. Sistem akan menampilkan galeri foto dan galeri video

(5)

1.b) Pelanggan Melihat Informasi Paket Jasa

Gambar IV.3.

Use Case Pelanggan Melihat Informasi Paket Jasa

Tabel IV.3.

Deskripsi Use Case Pelanggan Melihat Informasi Paket Jasa

Use Case Name Pelanggan Melihat Informasi Paket Jasa

Requirements -

Goal Melihat detail informasi paket jasa

Post-Conditions Detail paket jasa dan memilih paket, lalu

register pemesanan

Actors Pelanggan

2. Pilih menu paket jasa

3. Sistem menampilkan menu paket jasa 4. Memilih menu paket jasa (Paket 1, Paket 2,

Paket 3)

5. Pilih “Register” untuk melakukan pemesanan sesuai paket jasa

6. Sistem akan menampilkan form pemesanan

(6)

1.c) Pelanggan Mengisi Data Pemesanan

Gambar IV.4.

Use Case Pelanggan Mengisi Data Pemesanan

Tabel IV.4.

Deskripsi Use Case Pelanggan Mengisi Data Pemesanan

Use Case Name Pelanggan Mengisi Data Pemesanan

Requirements 1.b.

Goal Melakukan registrasi pemesanan dan

mendapatkan nomor pemesanan

Pre-Conditions Mendaftar Pemesanan

Post-Conditions Mencetak data pemesanan

Failed end Condition Data tidak boleh kosong ada yang kosong

Actors Pelanggan

Main Flows/Basic Path 1. Pilih “Register” sesuai paket yang diinginkan

2. Sistem menampilkan form pemesanan 3. Pelanggan mengisi data pemesanan 4. Pilih “Simpan” untuk menyimpan data

pemesanan

5. Sistem menyimpan data pada database 6. Sistem akan menampilkan keterangan “Data

Telah Tersimpan”

7. Sistem menampilkan data pemesanan 8. Pilih “Cetak” untuk mencetak bukti

pemesanan

9. Sistem menampilkan data pemesanan yang akan di cetak

10. Pilih “Batal” untuk membatalkan pengisian form pemesanan

(7)

11. Sistem akan menampilkan tampilan awal

Invariant B -

1.d) Pelanggan Melakukan Konfirmasi Pembayaran

Gambar IV.5.

Use Case Pelanggan Melakukan Konfirmasi Pembayaran

Tabel IV.5.

Deskripsi Use Case Pelanggan Melakukan Konfirmasi Pembayaran

Use Case Name Pelanggan Melakukan Konfirmasi Pembayaran

Requirements 1.a.

Goal Menyimpan data konfirmasi pembayaran

Pre-Conditions Mencari data berdasarkan nomor Id pemesanan

Post-Conditions Menyimpan data pembayaran

Failed end Condition Tidak ada data pemesanan/ belum melakukan

pemesanan

Actors Pelanggan

Main Flows/Basic Path 1. Masuk ke beranda website

2. Masukkan nomor Id Pemesanan pada kolom “Cari”.

3. Sistem mencari data berdasarkan nomor Id pemesanan pada database.

4. Tampil data pemesanan dan form konfirmasi pembayaran

5. Input nomor struk pembayaran

(8)

foto format JPG.

7. Pilih “Simpan” untuk menyimpan data pembayaran

8. Sistem akan menyimpan data kedalam database

9. Sistem menampilkan status pembayaran dan keterangan “Data telah Tersimpan”

10. Pilih “Batal” untuk membatalkan konfirmasi pembayaran

11. Sistem akan mereset form konfirmasi pembayaran.

Invariant B -

2.a) Admin Melakukan Login

Gambar IV.6.

(9)

Tabel IV.6.

Deskripsi Use Case Admin Melakukan Login

Use Case Name Admin melakukan Login

Requirements -

Goal Admin dapat login masuk ke halaman

administrator website

Pre-Conditions Admin memasukkan username dan password

Post-Conditions Tampil menu halaman administrator website

Failed end Condition 1. Username dan password tidak sesuai.

2. Tidak memiliki hak akses

Actors Admin

Main Flows/Basic Path 1. Admin memasukkan username dan passwor

2. Pilih “Login” untuk masuk kehalaman administrator

3. Sistem akan melakukan validasi data pada database.

4. Sistem akan menampilkan keterangan “Login berhasil” dan masuk ke halaman web

administrator

Invariant B -.

2.b) Admin Mengelola Galeri

Gambar IV.7.

(10)

Tabel IV.7.

Deskripsi Use Case Admin Mengelola Galeri

Use Case Name Admin mengelola galeri

Requirements 2.a.

Goal Mengelola menu galeri

Pre-Conditions Masuk ke beranda administrator

Post-Conditions Menyimpan data galeri

Failed end Condition Ukuran file terlalu besar dan format file tidak

sesuai

Actors Admin

Main Flows/Basic Path 1. Masuk ke Halaman administrator

2. Pilih menu data galeri

3. Sistem menampilkan form galeri 4. Isi data

5. Pilih “Browse” untuk menambahkan foto atau video.

6. Pilih “Simpan” untuk menyimpan data. 7. Sistem akan menyimpan data ke dalam

database

8. Pilih “Batal” untuk membatalkan pengisian data.

9. Sistem akan mereset form galeri

Alternative Flow/Invariant A A1.Masuk ke Halaman administrator

A2. Pilih menu data galeri

A3. Sistem menampilkan form galeri

A4. Pilih “Cari” untuk mencari data dengan ID galeri

A5.Pilih “Edit” untuk merubah data

A6.Sistem akan mengupdate data pada database

A8.Pilih “Hapus” untuk menghapus data. A9.Sistem akan menghapus data dari database

(11)

2.c) Admin Mengelola Data Paket Jasa

Gambar IV.8.

Use Case Admin Mengelola Data Paket Jasa

Tabel IV.8.

Deskripsi Use Case Admin Mengelola Data Paket Jasa

Use Case Name Admin mengelola data paket jasa

Requirements 2.a.

Goal Mengelola Paket Jasa pada website

Pre-Conditions Masuk Halaman administrator

Post-Conditions Mengelola paket jasa

Failed end Condition Data belum diisi

Actors Admin

Main Flows/Basic Path 1. Masuk ke Halaman administrator

2. Pilih menu paket jasa

3. Sistem akan menampilkan form paket jasa 4. Isi data pada form paket jasa

5. Pilih “Simpan” menyimpan data pada database

6. Sistem akan menyimpan data pada database 7. Pilih “Batal” untuk membatalkan pengisian

data

8. Sistem akan mereset form paket jasa

Alternative Flow/Invariant A A1.Masuk ke Halaman administrator

A2.Pilih menu paket jasa

A3.Pilih “Cari” untuk mencari data.

A4. Sistem akan mencari data pada database. A5. Pilih “Edit” untuk mengubah data

A6. Sistem akan mengupdate data pada database

A6.Pilih “Hapus” untuk menghapus data. A7.Sistem akan menghapus data pada database

(12)

2.d) Admin Mengelola Data Pemesanan

Gambar IV.9.

Use Case Admin Mengelola Data Pemesanan

Tabel IV.9.

Deskripsi Use Case Admin Mengelola Data Pemesanan

Use Case Name Admin mengelola data pemesanan

Requirements 2.a

Goal Mengelola data pemesanan

Pre-Conditions Masuk Halaman Administrator

Post-Conditions Tampil tabel data pemesanan

Failed end Condition Tidak dapat mengubah data, menambahkan data

pemesanan

Actors Admin

Main Flows/Basic Path 1. Masuk Halaman a Administrator

2. Pilih data pemesanan

3. Sistem menampilkan tabel data pemesanan baru

4. Sistem menampilkan data pemesanan baru 5. Pilih “”Hapus” untuk menghapus data 6. Sistem akan menghapus data pada database 7. Pilih “Cari” untuk mencari data berdasarkan

id pemesanan.

(13)

Alternative Flow/Invariant A A1.Masuk Halaman a Administrator A2.Pilih data pemesanan

A3.Tampil tabel data pemesanan lunas

A4.Sistem menampilkan data pemesanan lunas A5.Pilih “”Hapus” untuk menghapus data A6.Sistem akan menghapus data pada database A7.Pilih “Cari” untuk mencari data berdasarkan

id pemesanan.

A8.Sistem menampilkan data pemesanan

Invariant B -

2.e) Admin Mengelola Data Pembayaran

Gambar IV.10.

(14)

Tabel IV.10.

Deskripsi Use Case Admin Mengelola Data Pembayaran

Use Case Name Admin mengelola data pembayaran

Requirements 2.a

Goal Mengelola data konfirmasi pembayaran

Pre-Conditions Halaman Administrator

Post-Conditions Mengubah status pembayaran

Failed end Condition Tidak dapat mengubah data pemesan

Actors Admin

Main Flows/Basic Path 1. Masuk beranda administrator

2. Sistem menampilkanl tabel data pembayaran 3. Pilih ”Hapus” untuk menghapus data

4. Sistem akan menghapus data pada database 5. Pilih “Proses” untuk merubah status

pembayaran “Lunas”.

6. Sistem akan mengupdate data 7. Menampilkan status pembayaran

Invariant B -

A2.f) Admin Mengelola Laporan

Gambar IV.11.

(15)

Tabel IV.11.

Deskripsi Use Case Admin Mengelola Laporan

Use Case Name Admin mengelola laporan

Requirements 2.a

Goal Mengelola data laporan

Pre-Conditions Masuk ke beranda administrator

Post-Conditions Mencetak laporan berdasarkan tanggal,bulan

dan tahun

Actors Admin

Main Flows/Basic Path 1. Masuk Halaman a Administrator

2. Pilih menu laporan

3. Sistem menampilkan menu laporan 4. Pilih “Periode” untuk memilih data yang

akan dicetak.

5. Sistem akan menampilkan data sesuai periode.

6. Pilih “”Cetak” untuk mencetak data 7. Sistem akan menampilkan data yang akan

dicetak dan keterangan “Data akan dicetak?” 8. Pilih “Ok” untuk mencetak laporan

(16)

4.1.3. Rancangan Diagram Activity

1. Activity Diagram Pelanggan Melakukan Pemesanan

Gambar IV.12.

(17)

2. Activity Diagram Pelanggan Melakukan Konfirmasi Pembayaran

Gambar IV.13.

(18)

3. Activity Diagram Admin Mengelola Data Pembayaran

Gambar IV.14.

(19)

4. Activity Diagram Admin Mencetak Laporan

Gambar IV.15.

(20)

4.1.4. Rancangan Dokumen Sistem Usulan A. Dokumen Masukan

1. Nama Dokumen : Form Pemesanan

Fungsi : Sebagai media pengisian data pemesanan. Sumber : Pelanggan

Tujuan : Admin

Media : Dokumen HTML

Jumlah : 1 page.

Frekuensi : Setiap melakukan registrasi pemesanan. Bentuk : Lampiran C1.Halaman 84

2. Nama Dokumen : Struk Pembayaran

Fungsi : Sebagai tanda bukti pembayaran pemesanan jasa. Sumber : Pelanggan

Tujuan : Admin

Media : Gambar

Jumlah : 1 (satu) file format JPG.

Frekuensi : Setiap melakukan konfirmasi pembayaran Bentuk : Lampiran C2.Halaman 84

B. Dokumen Keluaran

1. Nama Dokumen : Bukti Pemesanan

Fungsi : Sebagai tanda bukti telah melakukan registrasi pemesanan jasa.

Sumber : Admin

(21)

Media : Kertas

Jumlah : 1 (satu) lembar

Frekuensi : Setiap adanya pendaftaran pemesanan jasa. Bentuk : Lampiran D1. Halaman 84

2. Nama Dokumen : Laporan Data Pembayaran

Fungsi : Untuk mengetahui data pembayaran setiap bulannya.

Sumber : Admin

Tujuan : Pemilik

Media : Kertas

Jumlah : 1 (satu) lembar.

Frekuensi : Setiap satu bulan sekali. Bentuk : Lampiran D2. Halaman 85

4.1.5. Rancangan Prototype 1. Rancangan Beranda Website

Gambar IV.16.

(22)

2. Rancangan Menu Galeri

Gambar IV.17. Rancangan Menu Galeri

3. Rancangan Menu Paket Jasa

Gambar IV.18.

(23)

4. Rancangan Form Pemesanan

Gambar IV.19.

Rancangan Form Pemesanan

5. Racangaan Konfirmasi Pembayaran

Gambar IV.20.

(24)

6. Rancangan Menu Admin Data Paket Jasa

Gambar IV.21.

Rancangan Menu Admin Data Paket Jasa

7. Rancangan Menu Admin Data Galeri

Gambar IV.22.

(25)

8. Rancangan Menu Admin Data Pemesanan Baru

Gambar IV.23.

Rancangan Menu Admin Data Pemesanan Baru

9. Rancangan Menu Admin Data Pemesanan Lunas

Gambar IV.24.

(26)

10. Rancangan Menu Admin Data Pembayaran

Gambar IV.25.

Rancangan Menu Admin Data Pembayaran

11. Rancangan Menu Admin Laporan

Gambar IV.26.

(27)

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

Gambar IV.27.

(28)

4.2.2. Logical Structure Record (LRS)

Gambar IV.28.

Logical Structure Record (LRS)

Keterangan :

PK : Primary Key FK : Foreign Key

(29)

4.2.3. Spesifikasi File 1. Spesifikasi File Admin

Nama File : tb_admin Akronim : admin.sql

Fungsi : Untuk mengelola website. Tipe File : File Master

Organisasi File : Indexed Sequential Akses File : Random

Media : Localhost

Panjang Record : 59 byte Kunci Field : id_admin

Software : MySQL (PhpMyadmin)

Tabel IV.12. Spesifikasi File Admin

No Elemen Data Nama Field Tipe Size Keterangan 1. Identias admin Id_admin Int 11 Primary Key

2. Nama Admin Nama_admin Varchar 25 -

3. Username Username Varchar 10 -

4. Password Password Varchar 6 -

5. Hak akses Hakakses Varchar 7 -

2. Spesifikasi File Galeri

Nama File : tb_galeri Akronim : galeri.sql

Fungsi : Untuk menyimpan hasil foto dan video pada galeri website. Tipe File : File Master

Organisasi File : Indexed Sequential Akses File : Random

Media : Localhost

Panjang Record : 71 byte Kunci Field : id_galeri

(30)

Tabel IV.13. Spesifikasi File Galeri

No Elemen Data Nama Field Tipe Size Keterangan 1. Identitas galeri Id_galeri Int 11 Primary Key 2. Nama galeri Nama_galeri Varchar 10 -

3. Lokasi lokasi Varchar 50 -

4. Tgl_acara Tgl_acara Date - dd-mm-yy

5. Gambar Gambar Blob - -

6. Video Video Blob - -

7. Keterangan Keterangan Text - -

3. Spesifikasi File Paket Jasa

Nama File : tb_paketjasa Akronim : paketjasa.sql

Fungsi : Untuk menyimpan informasi paket jasa Tipe File : File Master

Media : Localhost

Panjang Record : 30 byte Kunci Field : id_paket

Tabel IV.14.

Spesifikasi File Paket Jasa

No Elemen Data Nama Field Tipe Size Keterangan 1. Identitas paket Id_paketjasa Varchar 5 Primary Key

2. Nama Paket Nama_paket Varchar 25 -

3. Harga paket Harga_paket Double - Rupiah

4. Paket Paket Text - -

5. Keterangan Keterangan Text - -

(31)

4. Spesifikasi File Pemesanan

Nama File : tb_pemesanan Akronim : pemesanan.sql

Fungsi : Untuk menyimpan data pendaftaran pemesanan jasa. Tipe File : File Transaksi

Media : Localhost

Panjang Record : 136 byte Kunci Field : id_pemesanan

Tabel IV.15.

Spesifikasi File Pemesanan

No Elemen Data Nama Field Tipe Size Keterangan 1. Identitas

pemesanan

Id_pemesanan Varchar 6 Primary Key 2. Nama_Pemesan Nama_Pemesan Varchar 30 -

3. Telepon Tlp Int 12 -

4. Identitas Paket Jasa

Id_paketjasa Varchar 5 Foreign Key

5. Alamat alamat Varchar 50 -

6. Tanggal Acara Tgl Date - dd-mm-yy

7. Waktu Waktu Datetime - -

8. Keterangan Keterangan Text -

9. Harga Paket Harga_paket Double - -

(32)

5. Spesifikasi File Pembayaran

Nama File : tb_pembayaran Akronim : pembayaran.sql

Fungsi : Untuk menyimpan data konfirmasi bukti pembayaran. Tipe File : File Transaksi

Media : Localhost

Panjang Record : 46 byte

Kunci Field : Id_pembayaran

Tabel IV.16.

Spesifikasi File Pembayaran

No Elemen Data Nama Field Tipe Size Keterangan 1. Identitas

Pembayaran

Id_pembayaran Int 5 Primary Key 2. Identitas Pemesanan id_pemesanan Varchar 6 Foreign Key

3. Gambar gambar Blob - -

4. Nomor Referal Struk No_ref Int 5 -

(33)

4.2.4. Class Model/ Class Diagram

Gambar IV.29.

(34)

4.2.5. Sequence Diagram

Gambar IV.30.

Sequence Diagram Pemesanan

4.2.6. Spesifikasi Hardware dan Software 1. Spesifikasi Hardware

a. CPU : Processor Inter Core i3, RAM DDR2 4GB, Harddisk 500GB. b. Mouse : Wirelles

c. Keyboard QWERTY d. Monitor LED 1024x768px

(35)

2. Spesifikasi Software

a. Operating System : Microsoft Windows 7

b. Aplikasi Web Server : Apache, PHP Server, MySQL, PhpMyadmin c. Web Browser : Mozilla Firefox, Google Chrome.

4.3. Jadwal Implementasi

Tabel IV.17. 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