bab iii perancangan sistem analisis permasalahan …sir.stikom.edu/459/6/bab iii.pdf18 bab iii...

38
18 BAB III PERANCANGAN SISTEM 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat sample proses pelayanan transaksi persewaan alat-alat pesta yang telah berjalan pada UD. Sumber Jaya Lamongan. Seiring dalam perjalanan UD. Sumber Jaya hingga tahun 2010, masih terdapat beberapa kelemahan dalam proses transaksi persewaan alat-alat pesta, kelemahan-kelemahan tersebut antara lain: 1. Pencatatan data-data transaksi peminjaman alat-alat pesta masih dicatat dengan manual dalam sebuah buku mulai dari data diri pelanggan, alat-alat yang disewa, pendapatan, dan laporan-laporan yang berhubungan dengan UD. Sumber Jaya. Ini sangat beresiko apabila terjadi kehilangan pada buku tersebut. 2. Pelanggan kurang mengerti dengan alat-alat yang akan disewa untuk sebuah pesta atau event, sehingga tidak sedikit pelanggan harus bertanya berulang- ulang kepada pihak perusahaan untuk mendapatkan informasi alat-alat yang akan digunakan berdasarkan banyak undangan yang akan hadir. 3. Tidak sedikit pula pelanggan yang kesulitan memperkirakan biaya pengeluaran dengan alat-alat pesta yang akan disewa berdasarkan banyaknya undangan yang akan datang. 4. Kebanyakan pelanggan khususnya di luar daerah kabupaten Lamongan tidak mengetahui tempat/gedung persewaan yang terdapat pada wilayah kabupaten Lamongan. STIKOM SURABAYA

Upload: lequynh

Post on 23-Jul-2019

221 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

18

BAB III

PERANCANGAN SISTEM

3.1 Analisis Permasalahan

Penelitian ini dilakukan dengan melihat sample proses pelayanan

transaksi persewaan alat-alat pesta yang telah berjalan pada UD. Sumber Jaya

Lamongan. Seiring dalam perjalanan UD. Sumber Jaya hingga tahun 2010, masih

terdapat beberapa kelemahan dalam proses transaksi persewaan alat-alat pesta,

kelemahan-kelemahan tersebut antara lain:

1. Pencatatan data-data transaksi peminjaman alat-alat pesta masih dicatat

dengan manual dalam sebuah buku mulai dari data diri pelanggan, alat-alat

yang disewa, pendapatan, dan laporan-laporan yang berhubungan dengan UD.

Sumber Jaya. Ini sangat beresiko apabila terjadi kehilangan pada buku

tersebut.

2. Pelanggan kurang mengerti dengan alat-alat yang akan disewa untuk sebuah

pesta atau event, sehingga tidak sedikit pelanggan harus bertanya berulang-

ulang kepada pihak perusahaan untuk mendapatkan informasi alat-alat yang

akan digunakan berdasarkan banyak undangan yang akan hadir.

3. Tidak sedikit pula pelanggan yang kesulitan memperkirakan biaya

pengeluaran dengan alat-alat pesta yang akan disewa berdasarkan banyaknya

undangan yang akan datang.

4. Kebanyakan pelanggan khususnya di luar daerah kabupaten Lamongan tidak

mengetahui tempat/gedung persewaan yang terdapat pada wilayah kabupaten

Lamongan.

STIKOM S

URABAYA

Page 2: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

19

3.2 Analisis Kebutuhan

Dengan permasalahan tersebut, diperlukan adanya sebuah sistem yang

dapat membantu proses pelayanan persewaan alat-alat pesta pada UD. Sumber

Jaya. Dengan adanya sistem ini, diharapkan dapat membantu proses pelayanan

persewaan alat-alat pesta dan membantu dalam hal mengatur data-data yang

berhubungan dengan persewaan alat-alat pesta, sehingga apabila suatu saat data

tersebut diperiksa kembali, tidak sulit untuk melakukan pencarian. Aplikasi ini

dapat membantu pelanggan yang akan melakukan persewaan alat-alat pesta dan

transaksinya pada UD. Sumber Jaya.

Untuk menjalankan rancang bangun aplikasi pelayanan persewaan alat-

alat pesta berbasis web, diperlukan dukungan software dan hardware sebagai

berikut:

1. Perangkat Keras

a. Processor Intel Pentium IV, 1,6 GHz atau di atasnya.

b. Memory 1 Gb atau lebih.

c. Harddisk 40 Gb atau lebih.

d. Monitor dengan resolusi minimal 1024 x 768.

e. Printer, Mouse, dan keyboard.

Perangkat pendukung jaringan yang menghubungkan antara server dan

client adalah akses internet.

2. Perangkat Lunak

a. Sistem operasi menggunakan Microsoft Windows XP Professional SP 3.

b. Basis data untuk pengolahan data menggunakan MySQL.

c. Bahasa pemrograman yang digunakan adalah PHP 5.

STIKOM S

URABAYA

Page 3: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

20

d. Tools yang digunakan Adobe Dreamweaver CS3.

e. Untuk perancangan sistem menggunakan Power Designer 6.1 32-bit.

f. Untuk perancangan desain input/output menggunakan Microsoft Office

Visio 2007.

g. Untuk dokumentasi menggunakan Microsoft Office Word 2007.

3.3 Perancangan Sistem

Sebelum membangun aplikasi, terlebih dahulu dilakukan perancangan

sistem. Hal ini dilakukan supaya aplikasi yang dibuat dapat berfungsi sesuai

dengan yang diharapkan dan terstruktur sehingga mampu memberikan informasi

tentang peralatan pesta pada UD. Sumber Jaya, dalam perancangan sistem ini ada

beberapa tahapan-tahapan yang harus dilakukan. Adapun tahapan-tahapan dalam

perancangan sistem yang dilakukan adalah proses persewaan alat-alat pesta,

proses pengembalian alat-alat pesta, proses pembuatan laporan, pembuatan

Flowchart, alur sistem, Data Flow Diagram (DFD), Entity Relationship Diagram

(ERD), struktur basis data, dan desain Input-Output.

3.3.1 Proses Persewaan Alat-Alat Pesta

Pembahasan utama sistem aplikasi persewaan alat-alat pesta ini terdapat

pada transaksi pelayanan persewaan alat-alat pesta, karena banyak pelanggan

kurang mengerti terhadap alat-alat pesta yang harus disewa dalam suatu

acara/pesta dan pelanggan kesulitan dalam memperkirakan biaya pengeluaran

yang harus disiapkan berdasarkan banyaknya undangan yang akan hadir. Sistem

transaksi pelayanan persewaan alat-alat pesta ini dibagi menjadi 2 sistem

transaksi. Sistem-sistem tersebut adalah:

STIKOM S

URABAYA

Page 4: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

21

A. Sistem Paket

Untuk sistem ini, semua data-data alat pesta yang terdapat dalam paket

telah ditentukan oleh UD. Sumber Jaya. Adapun tata cara menggunakan sistem

paket ini adalah:

1. Pelanggan yang akan menyewa alat-alat pesta pada sistem paket harus

memasukkan 4 parameter, yaitu:

a. Jumlah undangan, pelanggan yang akan menyewa alat-alat pesta harus

memasukkan banyak jumlah undangan yang akan hadir dalam acara

tersebut.

b. Jenis pesta, pelanggan akan diberikan 2 macam model yaitu model

standing party dan model pesta dalam gedung. Apabila pelanggan memilih

model pesta dalam gedung (sesuai pada Gambar 3.1), maka pelanggan

dapat langsung memilih daftar paket apa saja yang akan dipinjam.

c. Tanggal pinjam, pelanggan harus menentukan tanggal pinjam untuk

mengadakan suatu pesta/acara tersebut.

d. Tanggal kembali, pelanggan juga harus menentukan tanggal kembali atau

tanggal selesainya acara/pesta tersebut.

2. Apabila seorang pelanggan memilih model pesta standing party (sesuai pada

Gambar 3.2), maka pelanggan harus memilih 2 kategori untuk tenda yang

akan disewa, 2 kategori tersebut adalah:

a. Jenis tenda 4 x 8, saat ini UD. Sumber Jaya telah memiliki 5 jenis tenda

utama dengan ukuran 4 meter x 8 meter yaitu: tenda plavon, tenda tirai,

tenda anyaman, tenda gelembung, dan tenda balon. Setiap tenda memiliki

kapasitas tempat duduk 50 peserta undangan.

STIKOM S

URABAYA

Page 5: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

22

b. Jenis tenda 8 x 8, saat ini UD. Sumber Jaya telah memiliki 4 jenis tenda

utama dengan ukuran 8 meter x 8 meter yaitu: tenda plavon, tenda tirai,

tenda anyaman dan tenda gelembung. Setiap tenda memiliki kapasitas

tempat duduk 100 peserta undangan.

c. Setelah proses diatas selesai, pada layar akan muncul daftar paket yang

ditawarkan oleh perusahaan. Apabila pelanggan setuju dapat melakukan

proses berikutnya dan apabila tidak setuju, dapat mengubah dengan

menekan tombol edit.

3. Proses selanjutnya, setelah data-data alat pesta disetujui oleh pelanggan, maka

pelanggan dapat melakukan proses pengisian data diri pelanggan.

4. Proses terakhir, setelah data-data diri pelanggan diisi dengan benar,

pelanggan dapat melakukan proses pembayaran dan pelanggan harus

memasukkan 3 masukan, yaitu:

a. Pembayaran bank, pelanggan dapat melakukan transaksi pembayaran

melalui bank dengan nama dan nomor rekening yang telah ditentukan

perusahaan. Apabila ada kekurangan dalam pembayaran, sisa pembayaran

tersebut dapat dilunasi setelah acara selesai.

b. Dibayar tanggal, dimana pelanggan memasukkan tanggal transaksi

pembayaran.

c. Dibayar sejumlah, pelanggan memasukkan jumlah uang ke pihak

perusahaan baik secara tunai berdasarkan total harga yang disewa maupun

dengan uang muka terlebih dahulu dan akan dilakukan pelunasan setelah

acara tersebut selesai saat pengambilan barang oleh pihak UD. Sumber

Jaya

STIKOM S

URABAYA

Page 6: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

23

Flowchart merupakan penggambaran secara grafik dari langkah-langkah

dan urut-urutan prosedur dari suatu program. Adapun flowchart untuk sistem

paket model standing party dan model pesta dalam gedung diatas adalah sebagai

berikut:

Mulai

Daftar paket

alat yang

dapat

disewa

Apakah Ada

Perubahan?

Daftar alat

disewa

Selesai

ya

tidak

Masukkan 4

Parameter

Pilih 2 kategori

pesta

Pengisian data

customer

Pembayaran

Pilih alat-alat

persewaan

Data Persewaan

Gambar 3.1 Proses Peminjaman Alat-Alat Pesta Menggunakan Sistem Paket

Model Pesta Gedung

STIKOM S

URABAYA

Page 7: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

24

Mulai

Daftar paket

alat yang

dapat

disewa

Apakah Ada

Perubahan?

Daftar alat

disewa

Selesai

ya

tidak

Masukkan 4

Parameter

Pilih 2 kategori

pesta

Pengisian data

customer

Pembayaran

Pilih alat-alat

persewaan

Pilih Ukuran, Jenis

Tenda & Jumlah

Data Persewaan

Gambar 3.2 Proses Peminjaman Alat-Alat Pesta Menggunakan Sistem Paket

Model Standing Party

B. Sistem Free Choice

Untuk sistem free choice, pelanggan dapat memilih sendiri alat-alat

persewaan yang diperlukan dengan mengisi form untuk alat-alat yang disewakan,

penjelasan sistem free choice ini adalah sebagai berikut:

1. Pelanggan yang akan menyewa alat-alat persewaan pada sistem free choice

harus memasukkan 2 parameter, yaitu:

STIKOM S

URABAYA

Page 8: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

25

a. Tanggal pinjam, pelanggan harus menentukan tanggal pinjam untuk

mengadakan suatu pesta/acara tersebut.

b. Tanggal kembali, pelanggan juga harus menentukan tanggal kembali atau

tanggal selesainya acara/pesta tersebut.

2. Kemudian pelanggan harus memilih dengan cara menyentang data-data alat

persewaan yang akan disewa pada form yang telah disediakan. Form tersebut

berisikan data-data alat persewaan yang terdapat pada UD. Sumber Jaya,

yaitu: alat dapur, alat pesta, alat prasmanan dan pecah belah, foto, rias dan

dekor, serta tenda.

3. Setelah pelanggan memilih dan menyentang data-data alat persewaan, pada

layar akan keluar tampilan daftar alat-alat pesta yang sebelumnya telah

dipilih. Kemudian apabila pelanggan setuju dengan data-data alat tersebut,

pelanggan dapat melakukan proses selanjutnya, apabila pelanggan tidak

setuju dengan data-data yang disewa, pelanggan dapat kembali melakukan

perubahan atau pengisian ulang data-data alat persewaan.

4. Apabila pelanggan menyetujui dengan data-data yang disewa, proses

selanjutnya pelanggan harus mengisi data diri pelanggan.

5. Kemudian proses terakhir, setelah data-data diri pelanggan diisi dengan

benar, pelanggan dapat melakukan proses pembayaran dan pelanggan harus

memasukkan 3 parameter, yaitu:

a. Pembayaran bank, pelanggan dapat melakukan transaksi pembayaran

melalui bank dengan nama dan nomor rekening yang telah ditentukan

perusahaan. Apabila ada kekurangan dalam pembayaran, maka sisa

pembayaran tersebut dapat dilunasi setelah acara selesai.

STIKOM S

URABAYA

Page 9: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

26

b. Dibayar tanggal, dimana pelanggan memasukkan tanggal transaksi

pembayaran.

c. Dibayar sejumlah, pelanggan memasukkan jumlah uang ke pihak

perusahaan baik secara tunai berdasarkan total harga yang disewa maupun

dengan uang muka terlebih dahulu dan akan dilakukan pelunasan setelah

acara tersebut selesai saat pengambilan barang oleh pihak UD. Sumber

Jaya

Adapun flowchart untuk sistem free choice adalah sebagai berikut:

Mulai

Daftar alat-

alat yang

dapat

disewa

Apakah Ada

Perubahan?

Pembayaran

Selesai

ya

tidak

Memasukkan 2

parameter

Memilih Alat

Pengisian data

customer

Data Persewaan

Gambar 3.3 Proses Persewaan Alat-Alat Pesta Mengunakan Sistem Free Choice

STIKOM S

URABAYA

Page 10: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

27

3.3.2 Proses Pengembalian Alat-Alat Pesta

Pada proses pengembalian alat-alat pesta akan dilakukan oleh seorang

administrator dari UD. Sumber Jaya, baik sistem transaksi paket maupun sistem

free choice. Hal ini digunakan untuk pemeriksaan barang yang telah dipinjam

serta untuk pelunasan pembayaran jika pelanggan hanya membayar dengan uang

muka dan juga melakukan proses pembayaran tambahan yang diantaranya

meliputi biaya transportasi, denda (apabila ada kerusakan atau kehilangan barang)

ataupun diskon. Adapun flowchart dari sistem pengembalian adalah sebagai

berikut:

Mulai

Selesai

Data

pelanggan

dan data

alat-alat

pesta

Apakah Sudah

Sesuai?

Data Persewaan

ya

Masukkan data

pelanggan

Hitung Denda,

biaya transportasi,

diskon dan bayar

Denda, biaya

transportasi,

diskon dan bayar

tidak

Gambar 3.4 Proses Pengembalian Alat-Alat Pesta

STIKOM S

URABAYA

Page 11: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

28

3.3.3 Proses Pembuatan Laporan

Untuk pembuatan laporan dilakukan pada halaman administrasi oleh

seorang administrator, laporan-laporan yang dibuat berupa laporan transaksi,

laporan pelanggan, laporan barang dan laporan pendapatan baik pada sistem paket

maupun sistem free choice. Seorang admin dapat membuat laporan-laporan

tersebut dalam bentuk softcopy yang berupa .pdf atau juga dapat dicetak langsung

dalam hardcopy yang nantinya akan digunakan sebagai arsip untuk UD. Sumber

Jaya. Adapun flowchart dari salah satu sistem pembuatan laporan adalah sebagai

berikut:

Mulai

Selesai

Pilih periode

Masa sewa,

nama,pelanggan,

barang, jumlah,

harga, subtotal,

total

Masa sewa,

nama,pelanggan,

barang, jumlah,

harga, subtotal,

total, pilihan

periode

Generate data ke

file PDF

tidak

ya

Gambar 3.5 Proses Pembuatan Laporan Pendapatan

3.3.4 Alur Sistem

System Flow (alur sistem) digunakan untuk menggambarkan alur sistem

yang terjadi pada aplikasi pelayanan persewaan alat-alat pesta berbasis web pada

STIKOM S

URABAYA

Page 12: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

29

UD. Sumber Jaya secara garis besar. Alur sistem memberikan informasi proses

yang terjadi diikuti dengan output berupa dokumen sebagai alur informasi antara

pihak-pihak yang terlibat dalam sistem, yaitu pelanggan dan admin UD. Sumber

Jaya, selain itu dokumen dapat disimpan sebagai arsip perusahaan. Alur Sistem

dapat dilihat pada Gambar 3.6 dan Gambar 3.7.

Alur Sistem Proses Pemesanan Barang

Calon Pelanggan Admin Sumber Jaya

Mulai

Memberi Data

Pesanan

Memeriksa stock

barang, tanggal

dan lokasi

pemesanan

Barang

Data

Pemesanan

Diterima

Hitung Rincian

Biaya

Pemesanan

Rincian Biaya

Pemesanan

Menyetujui

Rincian Biaya

Pemesanan

Konfirmasi

Pemesanan Input Data

Pemesanan

Pemesanan

Tulis Nota

Pemesanan

1

2 Nota

Pemesanan

1 Nota

Pemesanan

Selesai

Rincian Biaya

Pemesanan

ya

ya

tidak

1

1 tidak

n

Gambar 3.6 Alur Sistem Proses Pemesanan Barang

STIKOM S

URABAYA

Page 13: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

30

Alur Sistem Proses Pengembalian Barang

Pelanggan Admin Sumber Jaya

Mulai

Memberi

Data

Barang

Kembali

Data Barang

Kembali

Memeriksa

Data

Barang

Pemesanan

Ada Barang

Hilang dan

atau Rusak

Hitung

Denda

Jumlah Denda

Konfirmasi

Denda

Setuju dengan

Jumlah Denda

Bayar

Denda

Data Denda

Input Data Denda

Tulis

Nota

Denda

1

1 Denda

Pelunasan

Biaya

Pemesanan

Jumlah

Denda

Data Barang

Kembali

Barang

Data Denda

2 Denda

Data Bayar

Data Bayar

Memeriksa

Biaya

Pelunasan

Apakah

Sudah Sesuai

1 Nota

Lunas

Selesai

Tulis Nota

Pelunasan

ya

1tidak

2 tidak

ya

ya

3tidak

1n

n

3

2

1

2 Nota Lunas

Gambar 3.7 Alur Sistem Proses Pengembalian Barang

STIKOM S

URABAYA

Page 14: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

31

3.3.5 Data Flow Diagram

Perancangan sistem berikutnya adalah data flow diagram (DFD). Data

flow diagram menunjukkan macam proses yang ada dalam sistem yang akan

dibangun. Adanya aliran data yang dibutuhkan oleh masing-masing entity dan

proses yang terlibat didalamnya. Penyusunan data flow diagram berdasarkan

HIPO, sehingga dapat memperjelas alur proses yang dikehendaki, sekaligus alur

data per proses.

A. Context Diagram Rancang Bangun Aplikasi Pelayanan Persewaan Alat-

Alat Pesta Berbasis Web

Dalam context diagram rancang bangun aplikasi pelayanan persewaan

alat-alat pesta berbasis web ini terdapat 2 (dua) entitas, yaitu calon pelanggan dan

admin UD. Sumber Jaya. Calon pelanggan akan menentukan transaksi

peminjaman berdasarkan sistem paket atau free choice. Apabila pelanggan telah

mengerti barang yang akan dipesan, pelanggan dapat menentukan sendiri barang

yang ingin dipakai dan dipesan pada suatu acara, sedangkan sistem paket

digunakan untuk membantu calon pelanggan apabila kesulitan dalam menentukan

atau memperkirakan barang apa saja yang akan dipakai pada suatu acara. Dari

sistem tersebut akan mempermudah calon pelanggan dalam menentukan barang

yang akan dipakai pada acara tersebut dan akan mempermudah dalam mengetahui

berapa budget yang harus disiapkan untuk mengadakan suatu pesta/acara.

Sistem tersebut juga akan mempermudah dalam mengatur dan

memanajemen barang yang terdapat pada UD. Sumber Jaya. Laporan-laporan

dalam aplikasi ini juga mempermudah pihak manajemen dalam mengambil

STIKOM S

URABAYA

Page 15: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

32

sebuah keputusan berkaitan dengan perkembangan UD. Sumber Jaya di masa

mendatang. Mulai dari laporan sewa pelanggan, transaksi dan pendapatan.

Context Diagram ini kemudian didekomposisi ke level yang lebih

rendah. Context Diagram rancang bangun aplikasi pelayanan persewaan alat-alat

pesta berbasis web akan dijelaskan pada Gambar 3.8 berikut ini:

Input_Data_Pembayaran

Data_Barang_Dipinjam

Data_History

Data_Pemesanan_Barang

Data_Barang

Laporan_Transaksi

Data_Input_Pemesanan_Free

Data_Pencarian_Barang

Data_Barang_Dicari

Data_Pencarian_History

Data_Input_Konf irmasi_Pesan

Data_Input_Transaksi

Data_Konfirmasi_Pemesanan

Laporan_Pendapatan

Data_Transaksi

Laporan_Customer

Data_Input_Barang_Kembali

Data_Input_Pemesanan_Paket

Data_Input_Barang 0

Rancang Bangun Aplikasi

Pelayanan Persew aan Alat

Pesta Berbasis Web

+

Calon Pelanggan

Admin Sumber Jaya

Gambar 3.8 Context Diagram Rancang Bangun Aplikasi Pelayanan Persewaan

Alat-Alat Pesta Berbasis Web

B. DFD Level 0 Rancang Bangun Aplikasi Pelayanan Persewaan Alat-Alat

Pesta Berbasis Web

Pada DFD level 0 merupakan hasil breakdown dari DFD level context.

DFD level 0 berisi proses-proses yang menyusun sistem. Pada Gambar 3.9

merupakan DFD level 0 yang berisi proses detil dari level context, yang terdiri

dari proses maintenance data barang, pemesanan barang, transaksi pemesanan

STIKOM S

URABAYA

Page 16: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

33

barang, pengembalian barang, pembayaran dan pembuatan laporan yang terdiri

dari dua entitas, yaitu calon pelanggan dan admin UD. Sumber Jaya.

Input_Data_Denda

Data_Input_Rekening

Data_Master_Kategori

Data_Input_Kategori

Data_Master_Pesanan

Data_Master_Pesanan_Paket

Data_Master_Barang_Keluar

Data_Master_Pelanggan_Paket

Data_Master_Pelanggan_Free

Laporan_Transaksi

History_Pembayaran

Data_Stock_Barang

Input_Data_Pembayaran

Data_Barang_Dicari

Data_Pencarian_Barang

Laporan_Pendapatan

Laporan_Customer

Data_Pembayaran

Data_Jenis_Rekening

Data_Jenis_Denda

Data_Barang_Keluar

Data_Pesanan_Paket

Data_Pesanan_Free

Data_Barang_Dipinjam

Data_Input_Barang_Kembali

Data_Transaksi

Data_History

Data_Pencarian_History

Data_Input_Transaksi

Data_Pemesanan_Barang

Data_Pelanggan_Paket

Data_Pelanggan_Free

Data_Konfirmasi_PemesananData_Input_Konf irmasi_Pesan

Data_Input_Pemesanan_Free

Data_Input_Pemesanan_Paket

Data_Master_Barang

Data_Input_Barang

Data_Barang

Data_Input_Barang

Admin

Sumber

Jaya

Calon

Pelangg

an

1

Maintenance Data

Barang

1 barang

2

Pemesanan Barang

+

3

Transaksi Pemesanan Barang

+

3 pelanggan

4 pelanggan_paket

4

Pengembalian Barang

5 pesanan

6 psnnpaket

5

Pembayaran

7 barang_keluar

8 denda

9 rekening

10 pembayaran

6

Laporan

2 kategori

Gambar 3.9 DFD Level 0 Rancang Bangun Aplikasi Pelayanan Persewaan Alat-

Alat Pesta Berbasis Web

STIKOM S

URABAYA

Page 17: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

34

C. DFD Level 1 Subproses Pemesanan Barang

Gambar 3.10 Merupakan hasil breakdown dari DFD level 0 pada proses

pemesanan barang. DFD level 1 ini terdiri dari proses input data pemesanan

barang, input konfirmasi pesan dan terdiri dari dua entitas, yaitu calon pelanggan

dan admin UD. Sumber Jaya.

Data_Barang_Dicari

Data_Pencarian_Barang

Data_Input_Konf irmasi_Pesan

Data_Pemesanan_Barang

Data_Konfirmasi_Pemesanan

Data_Master_Pelanggan_Paket

Data_Master_Pelanggan_Free

Data_Pelanggan_Paket

Data_Pelanggan_Free

Data_Input_Pemesanan_Free

Data_Input_Pemesanan_PaketCalon

Pelanggan

3 pelanggan

4 pelanggan_paket

Admin Sumber

Jaya

1

Input_Data_Pemesanan_

Barang

2

Input_Konfirmasi_Pemesanan

Gambar 3.10 DFD Level 1 Subproses Pemesanan Barang

D. DFD Level 1 Subproses Transaksi Pemesanan Barang

Gambar 3.11 merupakan hasil breakdown dari DFD level 0 pada proses

transaksi pemesanan barang. DFD level 1 ini terdiri dari proses memeriksa stock

barang dan data history pesan dan proses transaksi pemesanan barang keluar yang

dilakukan oleh admin UD. Sumber Jaya. Proses dimulai dengan memasukkan

data pemesanan barang kemudian dilanjutkan dengan pemeriksaan stock barang

dan penyesuaian pada basis data pesanan. Apabila semua unsur telah terpenuhi,

sistem dapat memasukkan barang keluar berdasarkan pada pesanan paket atau

pesanan free choice pada tabel barang keluar.

STIKOM S

URABAYA

Page 18: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

35

Data_Input_Transaksi

Data_Master_Barang_Keluar

Data_Barang_Keluar

Data_Master_Pesanan_Paket

Data_Pesanan_Paket

Data_Master_Pesanan

Data_Pesanan_Free

Data_Stock_Barang

Data_Pencarian_History

Data_Transaksi

Data_History

Admin Sumber

Jaya

5 pesanan

6 psnnpaket7 barang_keluar

1 barang

2

Check Stock Barang

dan Cari Data History

Pesan

1

Transaksi Pemesanan

Barang

Gambar 3.11 DFD Level 1 Subproses Transaksi Pemesanan Barang

3.3.6 Entity Relationship Diagram (ERD)

Entity Relationship Diagram merupakan suatu model untuk menjelaskan

hubungan antar data dalam basis data berdasarkan obyek-obyek dasar data yang

mempunyai hubungan antar relasi. Entity Relationship Diagram digunakan untuk

menginterpretasikan, menentukan, dan mendokumentasikan kebutuhan-kebutuhan

untuk sistem pemprosesan basis data. ERD menyediakan bentuk untuk

menunjukkan struktur keseluruhan kebutuhan data dari pemakai. Dalam ERD,

data tersebut digambarkan dengan menggunakan simbol entitas.

Dalam perancangan rancang bangun aplikasi pelayanan persewaan alat-

alat pesta berbasis web ini, ada entitas yang saling tekait untuk menyediakan data

yang dibutuhkan oleh sistem yang disajikan dalam bentuk conceptual data model

(CDM) dan physical data model (PDM).

STIKOM S

URABAYA

Page 19: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

36

A. Conceptual Data Model

Untuk menggambarkan konsep basis data yang digunakan dalam aplikasi

dapat digambarkan pada conceptual data model (CDM) seperti pada Gambar 3.12

sehingga dapat diketahui basis data apa saja yang dipakai dan relasi-relasinya.

Gambar 3.12 CDM Rancang Bangun Aplikasi Pelayanan Persewaan Alat-Alat

Pesta Berbasis Web

B. Physical Data Model

Setelah didapatkan konsep basis data pada conceptual data model

(CDM), selanjutnya dilakukan generate ke physical data model (PDM) yang

dapat dilihat pada Gambar 3.13. PDM dapat mengetahui hasil dari relasi-relasi

Memiliki

Memiliki

Mempunyai

Mempunyai

Mempunyai

MengambilMengambil

Menggunakan

Menggunakan

Memakai

Memakai

Mempunyai

Memiliki

barang

id_barang

nama_barang

harga_satuan

stock_barang

keterangan_barang

pelanggan

pelanggan_id

nama_pelanggan

alamat_pelanggan

alamat_acara_pelanggan

kota_pelanggan

telp_pelanggan

tanggal_pinjam_pelanggan

tanggal_kembali_pelanggan

pelanggan_paket

ppaket_id

nama_ppaket

alamat_ppaket

alamat_acara_ppaket

kota_ppaket

telp_ppaket

tanggal_pinjam_ppaket

tanggal_kembali_ppaket

pesanan

pesanan_id

tanggal_pesan

tglbayar_pesan

total_pesan

dibayar_pesan

transportasi_pesan

diskon

status_pesan

psnnpaket

id_psnnpaket

tanggal_psnnpaket

tglbayar_psnnpaket

jumlah_psnnpaket

harga_psnnpaket

tenda_kecil

jumlah_tenda_kecil

harga_tenda_kecil

tenda_besar

jumlah_tenda_besar

harga_tenda_besar

total_psnnpaket

dibayar_psnnpaket

transportasi_psnnpaket

diskon_psnnpaket

status_psnnpaketbarang_keluar

id_bk

jenis_sew a

jumlah_bk

kategori_bk

valid

sudah_kembali

denda

id_denda

alasan_denda

jumlah_denda

rekening

rek_id

bank

namarek

norek

reklengkap

pembayaran

id_bayar

tanggal_bayar

jenis_transaksi

status_bayar

kategori

kategori_id

kategori

STIKOM S

URABAYA

Page 20: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

37

yang dibangun di CDM. Dimungkingkan adanya tabel baru hasil dari relasi di

CDM. Basis data PDM merupakan bentuk fisik dari basis data yang digunakan

dalam aplikasi.

Gambar 3.13 PDM Rancang Bangun Aplikasi Pelayanan Persewaan Alat-Alat

Pesta Berbasis Web

3.3.7 Struktur Basis Data

Berikut ini adalah rancangan seluruh tabel yang digunakan dalam

aplikasi ini dan menjelaskan tentang fungsi tabel, relasi antar tebel, constraint,

dan item-item yang terdapat dalam sebuah tabel yang dapat digunakan sebagai

gambaran dari basis data yang terbentuk.

1. Tabel Kategori

Primary Key : kategori_id

Foreign Key : -

ID_D ENDA = ID_DEND A

ID_BAYAR = ID_BAY AR ID_BAYAR = ID_BAY AR

PESANAN_ID = PESAN AN_ID

ID_PSNNPAKET = ID _PSNNPAKET

ID_BARAN G = ID _BARANG

REK_ID = REK_IDREK_ID = REK_ID

PELAN GGAN _ID = PELANGGAN_ID

PPAKET_ID = PPAKET_ID

KATEGORI_ID = KATEGORI_ID

BARANG

ID_BARANG integer

KATEGORI_ID integer

NAMA_BARANG varchar(50)

HARGA_SATUAN integer

STOCK_BARANG integer

KETERANGAN_BARANG varchar(50)

PELANGGAN

PELANGGAN_ID integer

ID_BAYAR integer

NAMA_PELANGGAN varchar(100)

ALAMAT_PELANGGAN varchar(200)

ALAMAT_ACARA_PELANGGAN varchar(200)

KOTA_PELANGGAN varchar(100)

TELP_PELANGGAN integer

TANGGAL_PINJAM_PELANGGAN date

TANGGAL_KEMBALI_PELANGGAN date

PELANGGAN_PAKET

PPAKET_ID integer

ID_BAYAR integer

NAMA_PPAKET varchar(100)

ALAMAT_PPAKET varchar(200)

ALAMAT_ACARA_PPAKET varchar(200)

KOTA_PPAKET varchar(100)

TELP_PPAKET varchar(50)

TANGGAL_PINJAM_PPAKET date

TANGGAL_KEMBALI_PPAKET date

PESANAN

PESANAN_ID integer

PELANGGAN_ID integer

REK_ID integer

TANGGAL_PESAN date

TGLBAYAR_PESAN varchar(20)

TOTAL_PESAN varchar(10)

DIBAYAR_PESAN varchar(10)

TRANSPORTASI_PESAN varchar(10)

DISKON varchar(3)

STATUS_PESAN numeric(1)

PSNNPAKET

ID_PSNNPAKET integer

PPAKET_ID integer

REK_ID integer

TANGGAL_PSNNPAKET date

TGLBAYAR_PSNNPAKET varchar(20)

JUMLAH_PSNNPAKET integer

HARGA_PSNNPAKET varchar(10)

TENDA_KECIL varchar(50)

JUMLAH_TENDA_KECIL integer

HARGA_TENDA_KECIL varchar(10)

TENDA_BESAR varchar(50)

JUMLAH_TENDA_BESAR integer

HARGA_TENDA_BESAR varchar(10)

TOTAL_PSNNPAKET varchar(10)

DIBAYAR_PSNNPAKET varchar(10)

TRANSPORTASI_PSNNPAKET varchar(10)

DISKON_PSNNPAKET varchar(3)

STATUS_PSNNPAKET numeric(1)

BARANG_KELUAR

ID_BK integer

ID_BARANG integer

ID_PSNNPAKET integer

PESANAN_ID integer

JENIS_SEWA varchar(20)

JUMLAH_BK integer

KATEGORI_BK varchar(100)

VALID numeric(1)

SUDAH_KEMBALI numeric(1)

DENDA

ID_DENDA integer

ALASAN_DENDA long varchar

JUMLAH_DENDA varchar(10)

REKENING

REK_ID integer

BANK varchar(50)

NAMAREK varchar(100)

NOREK integer

REKLENGKAP varchar(100)

PEMBAYARAN

ID_BAYAR integer

ID_DENDA integer

TANGGAL_BAYAR date

JENIS_TRANSAKSI varchar(20)

STATUS_BAYAR numeric(1)

KATEGORI

KATEGORI_ID integer

KATEGORI varchar(50)

STIKOM S

URABAYA

Page 21: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

38

Fungsi : untuk menyimpan data Kategori

Tabel 3.1 Struktur Field Tabel Kategori

Nama Tipe Data Panjang Keterangan

kategori_id int 11

Kategori varchar 50

2. Tabel Barang

Primary Key : id_barang

Foreign Key : kategori_id references ke kategori_id pada tabel Kategori,

pesanan_id references ke pesanan_id pada tabel Pesanan,

id_psnnpaket references ke id_psnnpaket pada tabel

Psnnpaket.

Fungsi : untuk menyimpan data Barang

Tabel 3.2 Struktur Field Tabel Barang

Nama Tipe Data Panjang Keterangan

id_barang int 10

kategori_id int 10

pesanan_id int 11

id_psnnpaket Int 11

nama_barang varchar 50

harga_satuan int 25

stock_barang int 5

keterangan_barang varchar 50

3. Tabel Barang Keluar

Primary Key : id_bk

Foreign Key : id_barang references ke kategori_id pada tabel Barang,

STIKOM S

URABAYA

Page 22: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

39

pesanan_id references ke pesanan_id pada tabel Pesanan,

id_psnnpaket references ke id_psnnpaket tabel Psnnpaket.

Fungsi : untuk menyimpan data Barang Keluar

Tabel 3.3 Struktur Field Tabel Barang Keluar

Nama Tipe Data Panjang Keterangan

id_bk int 10

id_barang int 10

id_psnnpaket int 11

pesanan_id int 11

jenis_sewa varchar 20

jumlah_bk varchar 100

kategori_bk varchar 100

Valid numeric 1

sudah_kembali numeric 1

4. Tabel Pelanggan

Primary Key : pelanggan_id

Foreign Key : id_bayar references ke id_bayar pada tabel Pembayaran

Fungsi : untuk menyimpan data Pelanggan

Tabel 3.4 Struktur Field Tabel Pelanggan

Nama Tipe Data Panjang Keterangan

pelanggan_id bigint 100

id_bayar int 11

nama_pelanggan varchar 100

alamat_pelanggan varchar 200

alamat_acara_pelanggan varchar 200

kota_pelanggan varchar 100

telp_pelanggan int 50

STIKOM S

URABAYA

Page 23: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

40

Nama Tipe Data Panjang Keterangan

tanggal_pinjam_pelanggan date

tanggal_kembali_pelanggan date

5. Tabel Pelanggan Paket

Primary Key : ppaket_id

Foreign Key : id_bayar references ke id_bayar pada tabel Pembayaran

Fungsi : untuk menyimpan data Pelanggan Paket

Tabel 3.5 Struktur Field Tabel Pelanggan Paket

Nama Tipe Data Panjang Keterangan

ppaket_id bigint 100

id_bayar int 11

nama_ppaket varchar 100

alamat_ppaket varchar 200

alamat_acara_ppaket varchar 200

kota_ppaket varchar 100

telp_ppaket int 50

tanggal_pinjam_ppaket date

tanggal_kembali_ppaket date

6. Tabel Pesanan

Primary Key : pesanan_id

Foreign Key : pelanggan_id references ke pelanggan_id pada tabel

Pelanggan, pesanan_id references ke pesanan_id pada

tabel Barang Keluar, rek_id references ke rek_id pada

tabel Rekening.

Fungsi : untuk menyimpan data Pesanan

STIKOM S

URABAYA

Page 24: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

41

Tabel 3.6 Struktur Field Tabel Pesanan

Nama Tipe Data Panjang Keterangan

pesanan_id int 11

pelanggan_id bigint 100

rek_id int 11

tanggal_pesan date

tglbayar_pesan varchar 20

total_pesan varchar 10

dibayar_pesan varchar 10

transportasi_pesan varchar 10

Diskon varchar 3

status_pesan numeric 1

7. Tabel Psnnpaket

Primary Key : id_psnnpaket

Foreign Key : ppaket_id references ke ppaket_id pada tabel Pelanggan

Paket, id_psnnpaket references ke id_psnnpaket pada tabel

Barang Keluar, rek_id references ke rek_id pada tabel

Rekening.

Fungsi : untuk menyimpan data Pesanan Paket

Tabel 3.7 Struktur Field Tabel Psnnpaket

Nama Tipe Data Panjang Keterangan

id_psnnpaket int 11

ppaket_id bigint 100

rek_id int 11

tanggal_psnnpaket date

tglbayar_psnnpaket varchar 20

jumlah_psnnpaket int 50

STIKOM S

URABAYA

Page 25: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

42

Nama Tipe Data Panjang Keterangan

harga_psnnpaket varchar 10

tenda_kecil varchar 50

jumlah_tenda_kecil int 10

harga_tenda_kecil varchar 10

tenda_besar varchar 50

jumlah_tenda_besar int 10

harga_tenda_besar varchar 50

total_psnnpaket varchar 10

dibayar_psnnpaket varchar 10

trasportasi_psnnpaket varchar 10

diskon_psnnpaket varchar 3

status_psnnpaket numeric 1

8. Tabel Rekening

Primary Key : rek_id

Foreign Key : -

Fungsi : untuk menyimpan data Rekening

Tabel 3.8 Struktur Field Tabel Rekening

Nama Tipe Data Panjang Keterangan

rek_id int 11

Bank varchar 50

Namarek varchar 100

Reklengkap varchar 100

9. Tabel Denda

Primary Key : id_denda

Foreign Key : -

STIKOM S

URABAYA

Page 26: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

43

Fungsi : untuk menyimpan data Denda

Tabel 3.9 Struktur Field Tabel Denda

Nama Tipe Data Panjang Keterangan

id_denda int 11

alasan_denda text 100

jumlah_denda varchar 10

10. Tabel Pembayaran

Primary Key : id_bayar

Foreign Key : id_denda references ke id_bayar pada tabel Denda

Fungsi : untuk menyimpan data Pembayaran

Tabel 3.10 Struktur Field Tabel Pembayaran

Nama Tipe Data Panjang Keterangan

id_bayar int 11

id_denda int 11

tanggal_bayar date

jenis_transaksi varchar 20

status_bayar numeric 1

3.3.8 Desain Input/Output

Pada tahap ini dilakukan perancangan input/output untuk berinteraksi

antara pengguna dengan sistem. Desain antarmuka ini terdiri dari seluruh form

yang akan diimplementasikan pada rancang bangun aplikasi pelayanan persewaan

alat-alat pesta berbasis web.

STIKOM S

URABAYA

Page 27: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

44

1. Desain Input

Desain input merupakan rancangan berupa form untuk memasukkan dan

mengolah data menjadi informasi. Desain input juga merupakan panduan dalam

pembuatan aplikasi dalam merancang dan membangun sistem.

A. Form Menu

Tampilan awal saat aplikasi pertama kali dijalankan. Form ini terdiri dari

Banner, Menu Utama, Agenda, Foto, Sub Menu, Pengenalan Perusahaan, Menu

Tambahan dan Footer. Form menu ditampilkan pada Gambar 3.14 berikut ini.

Banner

Sub Menu

Pengenalan PerusahaanMenu

Tambahan

Footer

Menu Utama

Agenda

Foto

Gambar 3.14 Desain Form Menu

Fungsi-fungsi obyek dalam desain form menu dapat dilihat pada Tabel 3.11

sebagai berikut:

Tabel 3.11 Fungsi-Fungsi Obyek Desain Form Menu

Nama Obyek Tipe Obyek Fungsi

Menu Utama LinkButton Digunakan untuk memanggil form

anak yang sesuai.

B. Form Data Peminjaman Paket

Form ini digunakan untuk memasukkan data banyak peserta/jumlah

undangan, jenis pesta, tanggal pinjam dan tanggal kembali untuk mendapatkan

STIKOM S

URABAYA

Page 28: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

45

data-data alat yang terdapat dalam paket serta untuk memilih jenis tenda dan

jumlah barang yang akan digunakan. Form ini akan memberikan informasi bagi

pelanggan tentang banyaknya barang atau alat-alat yang akan digunakan pada

sistem paket UD. Sumber Jaya. Form dapat dilihat pada Gambar 3.15.

From entry data peserta undangan,

jenis pesta,

tanggal pinjam dan tanggal kembali

Form entry jenis tenda

Action pemroses

Action pemroses

Menu

TambahanData-data paket alat

Gambar 3.15 Desain Form Data Peminjaman Paket

Fungsi-fungsi obyek dalam desain form data peminjaman paket sebagai berikut:

Tabel 3.12 Fungsi-Fungsi Obyek Desain Form Data Peminjaman Paket

Nama Obyek Tipe Obyek Fungsi

Field TextBox Digunakan untuk mengisi data

sesuai dengan ketentuan yang ada

pada label sebelah kiri

Combo ComboBox Digunakan untuk memilih jenis

pesta

Proses Button Digunakan untuk menyimpan data

yang telah dipilih berdasarkan

parameter sebelumnya

C. Form Data Peminjaman Free Choice

Form ini digunakan untuk memasukkan data tanggal pinjam dan tanggal

kembali untuk mendapatkan form data-data alat persewaan yang terdapat di

masing-masing kategori alat. Form ini akan memberikan informasi bagi

pelanggan tentang peralatan pesta yang terdapat pada UD. Sumber Jaya meliputi

STIKOM S

URABAYA

Page 29: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

46

jenis tenda, rias dan dekor, alat dapur, alat pesta, alat prasmanan dan pecah belah,

serta foto. Pada form data peminjaman free choice diasumsikan bahwa pelanggan

telah mengetahui peralatan pesta apa saja yang akan dipinjam. Form dapat dilihat

pada Gambar 3.16.

From entry data

tanggal pinjam dan tanggal kembali

Data-data per kategori alat persewaan

Action pemroses

Action pemroses

Menu

TambahanForm kategori alat-alat persewaan

Total harga alat

Gambar 3.16 Desain Form Data Peminjaman Free Choice

Fungsi-fungsi obyek dalam desain form data peminjaman free choice adalah

sebagai berikut:

Tabel 3.13 Fungsi-Fungsi Obyek Desain Form Data Peminjaman Free Choice

Nama Obyek Tipe Obyek Fungsi

Combo ComboBox Digunakan untuk memilih tanggal

peminjaman dan tanggal kembali

Proses Button Digunakan untuk menyimpan data

yang telah dipilih berdasarkan

parameter sebelumnya

D. Form Data Pemesan dan Pengiriman

Pada halaman ini terdapat beberapa masukan yang harus diisi oleh

pelanggan untuk data diri pelanggan serta pengiriman alat-alat persewaan yang

akan disewa. Beberapa masukan yang harus diisi oleh pelanggan meliputi nama,

alamat, alamat acara, kota dan nomor telepon. Antara alamat dan alamat acara

STIKOM S

URABAYA

Page 30: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

47

perlu dibedakan karena hal ini akan mempermudah admin UD. Sumber Jaya

dalam melakukan pengiriman barang ke tempat atau suatu pesta/acara itu

diadakan. No telepon digunakan untuk mendapatkan konfirmasi dari pihak UD.

Sumber Jaya. Form dapat dilihat pada Gambar 3.17.

Menu

Tambahan

Form Data Pemesanan dan Pengiriman

Action pemroses

Nama

Alamat

Alamat Acara

Kota

Telepon

Gambar 3.17 Desain Form Data Pemesan dan Pengiriman

Fungsi-fungsi obyek dalam desain form data pemesan dan pengiriman adalah

sebagai berikut:

Tabel 3.14 Fungsi-Fungsi Obyek Desain Form Data Pemesan dan Pengiriman

Nama Obyek Tipe Obyek Fungsi

Field TextBox Digunakan untuk mengisi data

sesuai dengan ketentuan yang ada

pada label sebelah kiri

Checkout Button Digunakan untuk menyimpan data

pemesan dan pengiriman barang

sesuai dengan Field

E. Form Data Pembayaran

Form dibawah ini akan digunakan untuk memasukkan data pembayaran

melalui bank dengan cara transfer dan data pembayaran bank telah disediakan

oleh pihak perusahaan melalui bank yang telah bekerjasama dengan UD. Sumber

STIKOM S

URABAYA

Page 31: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

48

Jaya. Pada tahapan ini pelanggan dapat melakukan pembayaran dengan

memberikan sejumlah uang muka terlebih dahulu dan akan melakukan pelunasan

ketika acara/pesta tersebut telah selesai dilaksanakan. Form pembayaran dapat

dilihat pada Gambar 3.18.

Menu

Tambahan

Data Pengiriman

Action pemroses

Form Data Pembayaran

Dibayar sejumlah

Dibayar tanggal

Pembayaran Bank

Gambar 3.18 Desain Form Pembayaran

Fungsi-fungsi obyek desain form pembayaran adalah sebagai berikut:

Tabel 3.15 Fungsi-Fungsi Obyek Desain Form Pembayaran

Nama Obyek Tipe Obyek Fungsi

Field TextBox Digunakan untuk mengisi data

sesuai dengan ketentuan yang ada

pada label sebelah kiri

Combo ComboBox Digunakan untuk memilih tanggal

pembayaran

Proses Button Digunakan untuk menyimpan data

pembayaran ke dalam basis data

F. Form Master Login Administrator

Sebelum seorang admin dapat melakukan pengolahan data-data pada

web administrasi, seorang admin harus terlebih dahulu melakukan login dengan

memasukkan nama dan password yang tersedia pada halaman login. Hal ini

digunakan sebagai autentifkasi atau sebuah priviledge kepada admin dan user lain

dalam melakukan pengaturan halaman web. Setiap priviledge akan diberikan hak

STIKOM S

URABAYA

Page 32: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

49

akses masing-masing kepada setiap pengguna untuk melakuakan aktifitas apa saja

yang dapat dilakukan pada halaman tersebut. Melalui halaman ini juga, admin

dapat membuat user baru atau mengganti password. Desain form login

administrator dapat dilihat pada Gambar 3.19.

Banner

Footer

Sub Menu

Gambar

username

password

Action

Gambar 3.19 Desain Form Login Administrator

Fungsi-fungsi obyek dalam form login administrator adalah sebagai berikut:

Tabel 3.16 Fungsi-Fungsi Obyek Desain Form Login Administrator

Nama Obyek Tipe Obyek Fungsi

Field TextBox Digunakan untuk mengisi data

username dan password sesuai

dengan data yang ada pada basis

data.

Login Button Digunakan sebagai autentifikasi dan

autorisasi agar dapat masuk dan

menggunakan sistem

G. Form Administrator

Rancangan layout halaman administrator digunakan untuk melakukan

konfigurasi serta mengelola sistem persewaan alat-alat pesta. Pada sebelah kiri

halaman terdapat beberapa fungsi yaitu : home, kategori, paket, model pesta,

agenda, barang, isi paket, pembayaran free choice, pembayaran paket, rekening,

manajemen modul, manajemen user, pengembalian, laporan transkasi, laporan

STIKOM S

URABAYA

Page 33: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

50

customer, laporan pendapatan dan transaksi yang masing-masing memiliki fungsi

yang berbeda. Desain form administrator dapat dilihat pada Gambar 3.20.

Banner

Isi Menu

Footer

Daftar Menu

Sub Menu

Gambar 3.20 Desain Form Administrator

Fungsi-fungsi obyek dalam desain form administrator adalah sebagai berikut:

Tabel 3.17 Fungsi-Fungsi Obyek Desain Form Administrator

Nama Obyek Tipe Obyek Fungsi

Daftar Menu LinkButton Digunakan untuk memanggil form

anak yang sesuai.

3.3.9 Desain Uji Coba

Desain uji coba bertujuan untuk memastikan bahwa aplikasi telah dibuat

sesuai dengan kebutuhan atau tujuan yang diharapkan. Kekurangan atau

kelemahan aplikasi pada tahap ini akan dievaluasi sebelum diimplementasikan

secara nyata.

1. Desain Uji Coba Fitur Dasar Sistem

Desain uji coba dasar sistem ini dilakukan dengan menggunakan

Blackbox Testing dimana aplikasi akan diuji dengan melakukan berbagai

percobaan untuk membuktikan bahwa aplikasi yang telah dibuat telah sesuai

dengan tujuan. Ujicoba Blackbox Testing berusaha untuk menemukan kesalahan

STIKOM S

URABAYA

Page 34: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

51

dalam beberapa kategori, diantaranya: fungsi yang salah atau hilang, kesalahan

interface, dan kesalahan dalam struktur data atau akses basis data eksternal.

A. Desain Uji Coba Fitur Login

Proses login dilakukan dengan cara memasukkan username dan

password yang akan digunakan sebagai priviledge terhadap pengguna yang akan

melakukan perubahan dalam halaman web administrasi. Uji coba data login yang

digunakan terlihat pada Tabel 3.18. Sedangkan penjelasan desain test case data

login dapat dilihat pada Tabel 3.19.

Tabel 3.18 Uji Coba Data Login

Nama Field Data-1 Data-2 Data-3

Username Admin Kemploe Evita

Password Admin Kemploe Evita

State Administrator Administrator User

Tabel 3.19 Test Case Data Login

Test

Case

ID

Tujuan Input Output Diharapkan

1 Deskripsi

username,

password yang

valid

Memasukkan data 1

(satu), 2 (dua), dan 3

(tiga) seperti pada

Tabel 3.18

Form Login tertutup

dan muncul form

utama sesuai dengan

user priviliedges

2 Deskripsi

username,

password yang

tidak valid

Memasukkan data

username =

Kemploe, password =

Creative

Muncul pesan ”Login

gagal! Username atau

Password Anda tidak

benar atau account

anda sedang diblokir.”

3 Deskripsi

username,

password yang

tidak valid

Memasukkan data

username = Evita,

password = Pearce

Muncul pesan ”Login

gagal! Username atau

Password Anda tidak

benar atau account

anda sedang diblokir.”

4 Deskripsi

username,

password kosong

Tidak ada Muncul pesan ”Login

gagal! Username atau

Password diblokir.”

STIKOM S

URABAYA

Page 35: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

52

B. Desain Uji Coba Fitur Manipulasi Data Sistem Paket

Proses manipulasi data sistem paket adalah proses pemesanan untuk

sistem paket berdasarkan dari jumlah undangan yang telah ditentukan oleh

pelanggan dan terlebih dahulu memasukkan tanggal pinjam dan tanggal kembali.

Proses ini bertujuan untuk mengetahui dan menentukan keberhasilan dari obyek-

obyek yang ada dalam desain form transaksi peminjaman sistem paket meliputi:

alat dapur, alat pesta, alat prasmanan dan pecah belah, foto, rias dan dekor, serta

tenda. Uji coba data transaksi peminjaman sistem paket yang digunakan terlihat

pada Tabel 3.20. Sedangkan penjelasan desain test case data peminjaman sistem

paket dapat dilihat pada Tabel 3.21.

Tabel 3.20 Uji Coba Data Transaksi Peminjaman Sistem Paket

Nama Field Data-1 Data-2

Jumlah Undangan 1000

Jenis Pesta Standing Party Standing Party

Tanggal Pinjam 7 Maret 2011 7 Maret 2011

Tanggal Kembali 9 Maret 2011 9 Maret 2011

Tabel 3.21 Test Case Data Peminjaman Sistem Paket

Test

Case

ID

Tujuan Input Output Diharapkan

5 Tambah data baru ke

tabel Psnnpaket.

Memasukkan data 1

(satu) seperti pada

Tabel 3.20, kemudian

menekan tombol

proses

Muncul ”Jumlah Alat

yang dipinjam untuk

sistem paket” dan

data tersimpan pada

tabel Psnnpaket

6 Menghindari Jumlah

Undangan kosong

pada tabel

Psnnpaket.

Memasukkan data 2

(dua) seperti pada

Tabel 3.20, kemudian

menekan tombol

proses.

Muncul pesan

”Inputkan numerik

untuk jumlah

undangan” dan data

tidak tersimpan pada

tabel Psnnpaket

STIKOM S

URABAYA

Page 36: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

53

C. Desain Uji Coba Fitur Manipulasi Data Sistem Free Choice

Proses manipulasi data sistem free choice adalah proses pemesanan

untuk sistem free choice berdasarkan dari masukan waktu peminjaman dan

pengembalian dan jumlah alat yang dipinjam ditentukan sendiri oleh pelanggan.

Proses ini bertujuan mengetahui dan menentukan keberhasilan dari obyek-obyek

yang ada dalam desain form transaksi peminjaman sistem free choice meliputi alat

dapur, alat pesta, alat prasmanan dan pecah belah, foto, rias dan dekor, serta tenda

yang semuanya dipilih sendiri berdasarkan dari kebutuhan pelanggan. Uji coba

data transaksi peminjaman sistem free choice yang digunakan terlihat pada Tabel

3.22. Sedangkan penjelasan desain test case data peminjaman sistem free choice

dapat dilihat pada Tabel 3.23.

Tabel 3.22 Uji Coba Data Transaksi Peminjaman Sistem Free Choice

Nama Field Data-1 Data-2

tanggal_pinjam 7 Maret 2011 7 Maret 2011

tanggal_kembali 9 Maret 2011 10 Maret 2011

Tabel 3.23 Test Case Data Peminjaman Sistem Free Choice

Test

Case

ID

Tujuan Input Output Diharapkan

7 Tambah data baru ke

tabel pelanggan

Memasukkan data 1

(satu) seperti pada

Tabel 3.22, kemudian

menekan tombol ok.

Muncul ”Form

Peminjaman free

choice” dan data baru

disimpan pada tabel

pelanggan

8 Pemberitahuan masa

peminjaman

melebihi masa

pinjam normal

Memasukkan data 2

(dua) seperti pada

Tabel 3.22, kemudian

menekan tombol ok.

Muncul pesan ” Masa

peminjaman yang anda

ajukan melebihi batas

normal (2 hari), maka

anda dikenakan biaya

50% dari biaya total

perharinya”.

STIKOM S

URABAYA

Page 37: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

54

D. Desain Uji Coba Fitur Manipulasi Data Pemesan dan Pengiriman

Proses manipulasi data pemesan dan pengiriman adalah proses

penyimpanan untuk data pemesan dan pengiriman yang telah disimpan

sebelumnya. Proses ini bertujuan mengetahui dan menentukan keberhasilan dari

obyek-obyek yang ada dalam desain form data pemesan dan pengiriman. Uji coba

data pemesan dan pengiriman yang digunakan terlihat pada Tabel 3.24. dan

penjelasan desain test case dapat dilihat pada Tabel 3.25 berikut ini.

Tabel 3.24 Uji Coba Data Pemesan dan Pengiriman

Nama Field Data-1 Data-2 Data-3

Nama Awan Joko Susilo

Alamat Sumberrejo,

Bojonegoro

Ngadiluwih,

Kediri

alamat_acara GOR Lamongan GOR Lamongan

Kota Lamongan Lamongan

Telepon 08563232387 0812323880

Tabel 3.25 Test Case Data Pemesan dan Pengiriman

Test

Case

ID

Tujuan Input Output Diharapkan

10 Tambah data baru ke

tabel pelanggan.

Memasukkan data 1

(satu) seperti pada

Tabel 3.24

Muncul ”Form

pembayaran” dan

data baru .

11 Menghindari nama

kosong pada tabel

pelanggan.

Memasukkan data 2

(dua) seperti pada

Tabel 3.24, kemudian

menekan tombol

simpan.

Muncul pesan ” Data

tidak boleh kosong”

dan data tidak

tersimpan pada tabel

pelanggan.

12 Menghindari alamat

kosong pada tabel

pelanggan.

Memasukkan data 3

(tiga) seperti pada

Tabel 3.24, kemudian

menekan tombol

simpan.

Muncul pesan ” Data

tidak boleh kosong”

dan data tidak

tersimpan pada tabel

pelanggan.

13 Menghindari alamat

acara kosong pada

tabel pelanggan.

Memasukkan data 3

(tiga) seperti pada

Tabel 3.24, kemudian

menekan tombol

simpan.

Muncul pesan ” Data

tidak boleh kosong”

dan data tidak

tersimpan pada tabel

pelanggan.

STIKOM S

URABAYA

Page 38: BAB III PERANCANGAN SISTEM Analisis Permasalahan …sir.stikom.edu/459/6/Bab III.pdf18 BAB III PERANCANGAN SISTEM . 3.1 Analisis Permasalahan Penelitian ini dilakukan dengan melihat

55

Test

Case

ID

Tujuan Input Output Diharapkan

14 Menghindari kota

kosong pada tabel

pelanggan.

Memasukkan data 3

(tiga) seperti pada

Tabel 3.24, kemudian

menekan tombol

simpan.

Muncul pesan ” Data

tidak boleh kosong”

dan data tidak

tersimpan pada tabel

pelanggan.

15 Menghindari telepon

kosong pada tabel

pelanggan.

Memasukkan data 3

(tiga) seperti pada

Tabel 3.24, kemudian

menekan tombol

simpan.

Muncul pesan ” Data

tidak boleh kosong”

dan data tidak

tersimpan pada tabel

pelanggan.

E. Desain Uji Coba Fitur Manipulasi Data Pembayaran

Proses manipulasi data pembayaran dan menentukan keberhasilan obyek

yang ada dalam desain form uji coba data pembayaran ini terlihat pada Tabel 3.26.

Sedangkan penjelasan desain test case dapat dilihat pada Tabel 3.27 berikut ini.

Tabel 3.26 Uji Coba Data Pembayaran

Nama Field Data-1 Data-2

lewatbank BCAind Awan Firmansyah

No. Rek 795426410

BCAind Awan Firmansyah

No. Rek 795426410

tglbayar 7 Maret 2011 7 Maret 2011

dibayar 10.000.000

Tabel 3.27 Test Case Data Pembayaran

Test

Case

ID

Tujuan Input Output

Diharapkan

16 Tambah data baru ke

tabel pembayaran

Memasukkan data 1

(satu) pada Tabel

3.26

Muncul pesan ”

Data transaksi telah

tersimpan. Terima

kasih atas

kepercayaan. Anda

akan mendapat

konfirmasi 2 hari

setelah pemesanan”

17 Menghindari uang

dibayar kosong pada

tabel pembayaran

Memasukkan data 2

(dua) pada Tabel 3.26

Muncul pesan ”

Jumlah uang masih

kosong.”

STIKOM S

URABAYA