BAB IV RANCANGAN SISTEM USULAN

(1)

45

BAB IV

RANCANGAN SISTEM USULAN

4.1. Umum

Kemajuan teknologi yang semakin canggih, maka diperlukan suatu sistem untuk meningkatkan produktifitas suatu perusahaan sehingga dalam proses pengolahan data dapat disajikan dengan lebih cepat, efisien, dan akurat dengan menggunakan sebuah perangkat komputer sebagai alat bantu.

Sistem pemesanan dekorasi pernikahan pada Kobar Imagine Wedding Decoration, masih dilakukan secara manual sehingga masih banyak permasalahan-permasalahan yang dihadapi oleh perusahaan tersebut. Setelah menganalisa permasalahan yang dihadapi oleh Kobar Imagine Wedding Decoration, maka penulis mencoba memberikan suatu solusi dengan mengajukan Perancangan sistem pemesanan dekorasi pernikahan pada Kobar Imagine Wedding Decoration.

Dalam sistem usulan ini, penulis mengusulkan sistem yang dilakukan secara manual kepada sistem yang terkomputerisasi. Pada prinsipnya proses kerja sistem usulan tidak jauh berbeda dengan sistem lama, karena sistem usulan ini hanya menambahkan software aplikasi yaitu Sistem pemesanan dekorasi pernikahan dengan menggunakan website.

(2)

4.2. Prosedur Sistem Usulan

Pada sistem usulan ini, Kobar Imagine Wedding Decoration melakukan

pembangunan terkomputerisasi untuk sistem pemesanan dekorasi pernikahan. Untuk lebih jelasnya prosedur dari sistem usulan adalah sebagai berikut:

1. Prosedur Pemesanan

Customer membuka website Kobar Imagine Wedding Decoration , lalu customer dapat melihat paket dekorasi yang tersedia. Jika customer ingin melakukan pemesanan, maka customer harus melakukan login. Customer dapat masuk ke login jika sudah menjadi member. Setelah melakukan login customer dapat melakukan pemesanan dengan mengisi data order berdasarkan paket dekorasi yang diambil dari file paket dekorasi dan data customer yang diambil dari file data customer. Lalu admin akan memasukan data transaksi yang berisi data order, data customer dan data paket dekorasi ke dalam file transaksi. Kemudian admin memberikan invoice kepada customer yang digunakan untuk proses pembayaran. 2. Prosedur Pembayaran

Customer memberikan data konfirmasi pembayaran kepada admin. Lalu admin akan memasukan data konfirmasi pembayaran ke dalam file konfirmasi pembayaran. Setelah itu data konfirmasi pembayaran dimasukan ke dalam file transaksi. Kemudian admin akan memberikan faktur kepada customer.

(3)

3. Prosedur Laporan

Admin membuat laporan pemesanan yang akan diberikan kepada owner yang diambil dari data transaksi berdasarkan file transaksi.

4.3. Diagram Alir Data Sistem Usulan 4.3.1. Diagram Konteks Sistem Usulan

Customers

Invoice, Faktur

Laporan Pemesanan

Owner Sistem Informasi Pemesanan

Dekorasi Pernikahan

0

Data Paket, Data Customer, Data Order, Data Konfirmasi

Pembayaran

Gambar IV.1 Diagram Konteks Usulan

(4)

4.3.2. Diagram Nol Sistem Usulan

Customers

Owner

File Customer File Paket Dekorasi

File Transaksi Data Order

Invoice

Data Konfirmasi Pembayaran

Paket Dekorasi

Data Customer

Data Konfirmasi Pembayaran

Data Transaksi

Laporan Pemesanan

Data transaksi

faktur

File Konfirmasi Pembayaran Pemesanan

1

Pembayaran 2 Data Konfirmasi Pembayaran

Laporan 3 C1 C2 C3 C4 Gambar IV.2 Diagram Nol Usulan

4.4. Kamus Data Sistem Usulan

1. Kamus Data Masukan Paket Dekorasi

Nama Arus Data : Paket Dekorasi

(5)

Bentuk Data : Kertas

Arus Data : File Paket Dekorasi menuju Proses 1.0

Penjelasan : Untuk mengetahui paket dekorasi yang tersedia

Periode : Setiap ada orderan masuk

Volume : 1 lembar

Struktur Data = Header + Isi + Footer

Header = Judul + cari data + all data

Isi = No + id paket + nama paket + harga

Keterangan = Id paket * 3 digit bertipe alphanumeric

Footer = pemesanan + tahun + judul

2. Kamus Data Masukan Data Customer

Nama Arus Data : Data Customer

Alias : -

Arus Data : File Customer menuju proses 1.0

Penjelasan : Untuk mengetahui orderan customer

Volume : 1 lembar

Struktur Data : Header + Isi + Footer

Header = judul

Isi = id customer + nama + No. telepon + jenis

kelamin + alamat + option

(6)

Footer = pemesanan + tahun + judul 3. Kamus Data Masukan Data Order

Nama Arus Data : Data Order

Alias : -

Arus Data : Customer menuju proses 2.0 menuju File

Transaksi

Volume : 1 lembar

Header = judul

Isi = Id customer + tanggal pesan + id paket + nama

paket + tanggal acara + harga + simpan + cetak invoice

Keterangan = id customer *6 digit bertipe alphanumeric

4. Kamus Data Masukan Konfirmasi Pembayaran

Nama Arus Data : Data Konfirmasi Pembayaran

Alias : -

Arus Data : Customer menuju proses 2.0 menuju File Data

Konfirmasi Pembayaran

(7)

Volume : 1 lembar

Header = Judul

Isi = Id konfirmasi + id transaksi + tanggal konfirmasi

+ jam konfirmasi + bank + jumlah + upload bukti pembayaran + simpan + cetak faktur

Keterangan = Id konfirmasi *12 digit bertipe alphanumeric

5. Kamus Data Keluaran Invoice

Nama Arus Data : Invoice Order

Alias : -

Bentuk Data : Dokumen Cetakan Komputer

Arus Data : Proses 1.0 menuju Customer

Penjelasan : Untuk mengetahui data tagihan customer

Volume : 1 lembar

Header = judul

Isi = perihal + to + invoice_no + invoice_date +

event_date + location + paymenterm + { no. + description + qty + unit + unit_price + total_price + remarks } + nama bank + no. Rekening + total + dp + sisa_pembayaran

(8)

Footer = pemesanan + tahun + judul 6. Kamus Data Keluaran Faktur

Nama Arus Data : Faktur

Alias : -

Arus Data : Proses 2.0 menuju Customer

Penjelasan : Untuk kelengkapan dokumen tagihan

Periode : Setiap ada transaksi

Volume : 1 lembar

Struktur Data : Header + Isi

Header = Nama CV + no. Faktur + kepada + judul

Isi = banyak pesanan + nama pesanan + harga +

jumlah + total + ttd owner 7. Kamus Data Keluaran Laporan Pemesanan

Nama Arus Data : Laporan Pemesanan

Alias : -

Arus Data : Proses 3.0 menuju owner

Volume : 1 lembar

Struktur Data : Header + Isi

(9)

Isi = No + id transaksi + tanggal pesan + id customer + id admin + nama paket + id admin + id konfirmasi + tanggal acara + status

Keterangan = Id transaksi *10 digit bertipe alphanumeric

4.5. Spesifikasi Rancangan Sistem Usulan 4.5.1. Bentuk Dokumen Masukan

Dokumen input atau dokumen masukan adalah segala bentuk dokumen masukan baik berasal dari lingkungan dalam maupunl ingkungan luar. Adapun dokumen input tersebut adalah :

1. Nama Dokumen : Paket Dekorasi

Fungsi : Untuk melihat paket apa saja yang tersedia

Sumber : Admin

Tujuan : Customer

Media : Kertas

Jumlah : satu lembar

Frekuensi : Setiap paket dekorasi dibutuhkan

Bentuk : Lampiran C-1

2. Nama Dokumen : Data Customer

Fungsi : Untuk mengetahui data customer

Sumber : Customer

Tujuan : Admin

Media : Kertas

(10)

Frekuensi : Setiap ada orderan masuk

3. Nama Dokumen : Data Order

Fungsi : Untuk mengetahui data order customer

Sumber : Customer

Tujuan : Admin

Media : Kertas

4. Nama Dokumen : Konfirmasi Pembayaran

Fungsi : Untuk mengetahui data pembayaran

Sumber : Customer

Tujuan : Admin

Media : Kertas

4.5.2. Spesifikasi Bentuk Dokumen Keluaran

Dokumen Output atau dokumen keluaran adalah segala bentuk dokumen berupa dokumen–dokumen yang akan mendukung kegiatan serta merupakan hasil pencatatan.

1. Nama Dokumen : Invoice

(11)

Sumber : Admin

Tujuan : Customer

Media : Kertas

Jumlah : Satu lembar

Frekuensi : Setiap saat ada pemesanan

Bentuk : Lampiran D-1

2. Nama Dokumen : Faktur

Fungsi : Untuk mengkonfirmasi pembayaran customer

Sumber : Admin

Tujuan : Customer

Media : Kertas

Frekuensi : Setiap saat ada pembayaran

Bentuk : Lampiran D-2

3. Nama Dokumen : Laporan Pemesanan

Fungsi : Untuk mengetahui data pemesanan

Sumber : Admin

Tujuan : Owner

Media : Kertas

Frekuensi : Setiap akhir bulan

(12)

4.5.3. Entity Relationship Diagram Memberikan Konfirmasi Pembayaran id_admin jumlah Jam_konfirmasi id_transaksi id_cust bank Id_konfirmasi tgl_konfirmasi Customer Admin Mengecek no_telp nm_admin password Id_admin JK Berisi Mengelola Transaksi Paket JK Id_cust no_cust password alamat no_telp Melakukan Berisi Id_paket nm_paket harga tgl_acara Id_transaksi tgl_pesan id_admin id_paket status_transaksi id_cust 1 1 1 1 1 1 1 1 1 1 1 status_konfirmasi 1 Gambar IV.3

(13)

4.5.4. Logical Record Structure

Gambar IV.4

Logical Record Structure

4.5.5. Spesifikasi File 1. Tabel Admin

Nama file : admin

(14)

Fungsi : Untuk menambah, melihat, merubah, dan menghapus data admin

Type file : File master

Organisasi : Index sequential

Akses file : Random

Media : Hard Disk

Record size : 65

Record key : id_admin

Software : PHP MyAdmin

Tabel IV.1

Spesifikasi Tabel admin

No Elemen Data Akronim Type Panjang Ket

1 Id admin id_admin Varchar 5 Primary

key

2 Password Password Varchar 15

3 Nama admin nm_admin Varchar 30

4 Jenis kelamin JK Enum -

5 Nomor telepon no_telp Int -

2. Tabel Customer

Nama file : Customer

Akronim : Customer

Fungsi : Untuk menambah, melihat, merubah, dan

menghapus data customer

(15)

Akses file : Random

Media : Hard Disk

Record size : 64

Record key : id_cust

Software : PHP MyAdmin

Tabel IV.2

Spesifikasi Tabel Customer

1 Id customer id_cust Varchar 6 Primary

key

2 Nama customer nm_cust Varchar 30

3 No telepon no_telp Int -

4 Jenis kelamin JK Enum -

5 Password password Varchar 15

6 Alamat Alamat Text -

3. Tabel Paket

Nama file : Paket

Akronim : Paket

menghapus data paket

Type file : File master

(16)

Media : Hard Disk

Record size : 44

Record key : id_paket

Software : PHP MyAdmin

Tabel IV.3 Spesifikasi Tabel Paket

1 Id paket id_paket Varchar 3 Primary

key

2 Nama paket nm_paket Varchar 30

3 Harga paket Harga Int 11

4. Tabel Transaksi

Nama file : Transaksi

Akronim : Transaksi

menghapus data transaksi

Type file : File tansaksi

Akses file : Random

Media : Hard Disk

Record size : 42

Record key : id_transaksi

(17)

Tabel IV.4

Spesifikasi Tabel Transaksi

1 Id transaksi id_transaksi Varchar 10 Primary

key

2 Tanggal pesan tgl_pesan Date -

3 Id customer id_cust Int 11 Foreign

Key

4 Id paket id_paket Int 11 Foreign

Key

5 Tanggal Acara tgl_acara Date -

6 Id admin id_admin Int 11 Foreign

Key

7 Status transaksi status_transaksi Varchar 10

5. Tabel Konfirmasi Pembayaran

Nama file : Konfirmasi Pembayaran

Akronim : Konfirmasi

menghapus data transaksi

Type file : File transaksi

Organisasi : index sequential

Akses file : Random

Media : Hard Disk

Record size : 42

Record key : id_konfirmasi

(18)

Tabel IV.5

Spesifikasi Tabel Konfirmasi Pembayaran

1 Id konfirmasi id_konfirmasi Varchar 12 Primary

key

2 Id transaksi id_transaksi Varchar 10

3 Tanggal

konfirmasi tgl_konfirmasi Date -

4 Jam konfirmasi jam_konfirmasi Time -

5 Bank Bank Varchar 15

6 Jumlah Jumlah Int -

7 Status

konfirmasi status_konfirmasi Varchar 10

9 Id admin id_admin Varchar 5

10 Id customer id_cust Varchar 6

4.5.6. Struktur Kode

Pemakaian kode bertujuan agar memudahkan dalam proses pemasukkan

data, sehingga waktu yang diperlukan sangat singkat dan mempercepat pencarian data yang benar sesuai dengan kebutuhan (user). Adapun struktur kode yang diusulkan penulis sebagai berikut:

1. Nama : id_admin

Panjang : 5 Digit

Tipe : Varchar

(19)

X X 9 9 9

Contoh : DA001

Keterangan :

DA = Inisial nama admin

001 = Kode admin 2. Nama : id_cust Panjang : 6 Digit Tipe : varchar Format : X X 9 9 9 9 Contoh : WF0101 Keterangan :

WF = Inisial nama customer

01 = No urut customer

01 = Bulan daftar customer

3. Nama : id_transaksi

Panjang : 10 Digit

Inisial nama admin

Kode admin

Inisial nama customer

No urut Customer

(20)

Tipe : Varchar Format : X 9 9 9 9 9 9 9 9 9 Contoh : T001100217 Keterangan : T = Kode transaksi 001 = No urut transaksi

100217 = Tanggal, bulan, tahun transaksi

4. Nama : id_paket Panjang : 3 Digit Tipe : Varchar Format : X 9 9 Contoh : P01 Keterangan : P = Inisial paket 01 = No urut paket Kode transaksi

Inisial paket No urut paket

No urut transaksi

(21)

5. Nama : id_konfirmasi Panjang : 12 Digit Tipe : Varchar Format : X X X X X X 9 9 9 9 9 9 Contoh : Konfir120217 Keterangan :

Konfir = Kode Konfirmasi

120217 = Tanggal, bulan, tahun konfirmasi

4.5.6. Spesifikasi Program

Struktur navigasi yang digunakan dalam rancangan usulan ini adalah

sebagai berikut:

Kode Konfirmasi

(22)

Gambar IV.5

Struktur Navigasi Linier Halaman Customer

Gambar IV.6

Struktur Navigasi Linier Halaman Admin

Spesifikasi program yang dibuat adalah:

1. Nama Program : Data Paket

Akronim : paket.php

Fungsi : Sebagai data paket

Index Program : id_paket

Bahasa Program : PHP

Bentuk Lampiran : Lihat Lampiran E – 1

(23)

Rancangan halaman ini digunakan untuk melihat data paket. Tampilan dapat dilihat pada gambar IV.7

Gambar IV.7

Data Paket Halaman Customer

2. Nama Program : Daftar Member

Akronim : daftarmember.php

Fungsi : Sebagai data customer

Index Program : -

Proses : Pada Menu Daftar Member terdapat

instruksi Tambah

Rancangan halaman ini digunakan untuk menambah data customer. Tampilan dapat dilihat pada gambar IV.8

(24)

Gambar IV.8

Daftar Member Halaman Customer

3. Nama Program : Data Customer

Akronim : customer.php

Index Program : id_cust

Proses : Pada Menu Data customer terdapat

fungsi instruksi edit

Rancangan halaman ini digunakan untuk mengedit dan menambah data customer. Tampilan dapat dilihat pada gambar IV.9

(25)

Gambar IV.9

Data Customer Halaman Customer

4. Nama Program : Data Order

Akronim : order.php

Fungsi : Sebagai data order

Index Program : -

Proses : Pada Menu order terdapat beberapa

fungsi instruksi (Simpan dan Cetak Invoice) Rancangan halaman ini digunakan untuk menyimpan data order dan mencetak ivoice. Tampilan dapat dilihat pada gambar IV.10

(26)

Gambar IV.10

Data Order Halaman Customer

5. Nama Program : Data Konfirmasi Pembayaran

Akronim : konfirmasi.php

Fungsi : Sebagai data Konfirmasi pembayaran

Index Program : id_konfirmasi

Proses : Pada Menu data konfirmasi pembayaran

terdapat beberapa fungsi instruksi (Simpan dan cetak faktur)

Rancangan halaman ini digunakan untuk menyimpan dan mencetak faktur. Tampilan dapat dilihat pada gambar IV.11

(27)

Gambar IV.11

Data Konfirmasi Pembayaran Halaman Customer

6. Nama Program : Data Admin

Akronim : admin.php

Fungsi : Sebagai data Admin

Index Program : id_admin

Proses : Pada Menu Admin terdapat beberapa

fungsi instruksi (Ubah, Hapus)

Rancangan halaman ini digunakan untuk mengubah dan menghapus data admin. Tampilan dapat dilihat pada gambar IV.12

(28)

Gambar IV.12

Data Admin Halaman Admin

7. Nama Program : Data Customer

Akronim : customer.php

Index Program : id_cust

Bentuk Lampiran : Lihat Lampiran E-7

Proses :

Rancangan halaman ini digunakan untuk melihat data customer. Tampilan dapat dilihat pada gambar IV.13

(29)

Gambar IV.13

Data Customer Halaman Admin

8. Nama Program : Data Paket

Akronim : paket.php

Fungsi : sebagai data paket

Index Program : id_paket

Proses : Pada Menu data paket terdapat beberapa

fungsi instruksi (Tambah, Ubah, Hapus)

Rancangan halaman ini digunakan untuk mengubah dan menghapus data paket. Tampilan dapat dilihat pada gambar IV.14

(30)

Gambar IV.14

Data Paket Halaman Admin

9. Nama Program : Data Konfirmasi Pembayaran

Akronim : Konfirmasi.php

Fungsi : Sebagai data konfirmasi pembayaran

Index Program : id_konfirmasi

Bentuk Lampiran : Lihat Lampiran E-9

Proses : Pada Menu konfirmasi pembayaran terdapat

fungsi instruksi konfirmasi

Rancangan halaman ini digunakan untuk mengkonfirmasi data konfirmasi pembayaran. Tampilan dapat dilihat pada gambar IV.15

(31)

Gambar IV.15

Data Konfirmasi Pembayaran Halaman Admin

10. Nama Program : Data Transaksi

Akronim : transaksi.php

Fungsi : Sebagai data transaksi

Index Program : id_transaksi

Bentuk Lampiran : Lihat Lampiran D – 10

Proses : Pada Menu data transaksi terdapat beberapa

fungsi instruksi (Tambah, Hapus)

Rancangan halaman ini digunakan untuk mengedit dan menambah data admin. Tampilan dapat dilihat pada gambar IV.16

(32)

Gambar IV.16

Data Transaksi Halaman Admin

4.6. Spesifikasi Sistem Komputer

Spesifikasi sistem komputer menjelaskan tentang penggunaan dari

perangkat keras (Hardware) dan perangkat lunak (Software) yang akan digunakan dalam sistem usulan dan penggambarannya dalam bentuk konfigurasi komputer.

4.6.1. Umum

Suatu sistem dapat dikatakan baik dan berhasil dipakai atau diterapkan jika didukung oleh beberapa unsur-unsur seperti perangkat keras (Hardware) perangkat lunak (Software) dan juga pemakai (Brainware). Diantara unsur-unsur tersebut adalah peralatan pendukung yang dibutuhkan harus sesuai dengan spesifikasi yang diusulkan, artinya memiliki kemampuan yang cukup baikbagi sistem yang diusulkan. Sehingga suatu sistem tidak akan berhasil diterapkan dengan efektif jika tidak didukung oleh sarana dan prasarana yang baik pula. Sarana dan prasarana yang dimaksud bukan berartiharus dengan harga atau merk

(33)

tertentu, melainkan dapat berintegrasi dengan baik satu sama lain dari sistem yang ada, agar kelak dikemudian hari sistem ini dapat berjalan dengan baik.

4.6.2. Perangkat Keras (Hardware)

Perangkat keras adalah sebuah komponen perangkat keras dari suatu sistem komputer dan perangkat lain yang menunjang kegiatan dari komputer. Adapun komponen-komponen yang dibutuhkan untuk pelaksanaan kegiatannya sebagai berikut:

1. Spesifikasi Perangkat Keras

A. Server

1) CPU

a) Processor intel pentium (R) Dual Core b) RAM 2 GB

c) Hard Disk 500 GB 2) Mouse

3) Keyboard

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

B. Client 1) CPU

a) Processor intel pentium (R) 4 b) RAM DDR2 1 GB

c) Hardisk 250 GB 2) Mouse

(34)

3) Keybord

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

4.6.3. Perangkat Lunak

Teknologi perangkat keras tidak akan berfungsi tanpa adanya perangkat

lunak. Perangkat lunak merupakan bagian dari sistem pengolahan data yang digunakan untuk mengkaitkan fungsi dari perangkat keras komputer.

Adapun perangkat keras yang digunakan adalah sebagai berikut:

1. Spesifikasi Perangkat Lunak

A. Server

1) Sistem operasi yang umum digunakan seperti: Microsoft Windows

2) Aplikasi bundle web server seperti: Xampp yang terdiri dari beberapa komponen, diantaranya: a. Aplikasi Apache b. Aplikasi MySQL c. Aplikasi FireZilla d. Aplikasi Mercury e. Aplikasi Tomcat

3) Aplikasi Web Browser seperti Mozilla Firefox, Opera, Google Chrome B. Client

1) Sistem operasi yang umum digunakan seperti: Mozilla Windows 2) Aplikasi web browser seperti Mozilla Firefox, Opera, Google Chrome

(35)

4.7. Jadwal Implementasi

Jadwal implementasi merupakan rencana yang menjelaskan segala sesuatu tentang hal-hal yang dibutuhkan dalam proses dan pelaksanaan implementasi komputerisasi sistem pemesanan pada Kobar Imagine Wedding Decoration. Adapun bentuk tabel dari jadwal implementasi dapat dilihat pada tabel IV.6

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