3.1.2 User Pelanggan
User Pelanggan dapat menggunakan fasilitas yang disediakan oleh website tetapi user pelanggan diwajibkan regestrasi terlebih dahulu agar dapat
menjadi member. Apabila user pelanggan tidak melakukan login maka user pelanggan hanya dapat melihat produk-produk dari setiap kategori yang
disedaikan oleh website ini saja. Hak akses yang dimiliki user pelanggan adalah:
1. Melakukan registrasi untuk login.
2. Melihat produk-produk objek vendor dari setiap kategori yang telah
disediakan oleh sistem, meliputi kategori Gedung, Baju Rias pengantin,
Entertainment, Katering, Dekorasi, Perlengkapan, Dokumentasi dll yang ada didalam database.
3. Memilih produk-produk objek vendor dari setiap kategori yang telah
disediakan oleh sistem. 4.
Melihat total pesanan dan total harga dari setiap produk-produk dari objek vendor yang sudah dipesan, lewat shopping_cart.
3.2 User Requirement
Pihak ”WEKA” Wedding Organizer mempunyai beberapa permintaan terkait dengan pembuatan Aplikasi untuk kebutuhan Resepsi Pernikahan berbasis
Web ini. Setelah kami pelajari dan kami simpulkan, kami mendapat beberapa kebutuhan yang diperlukan oleh ”WEKA” Wedding Organizer. Antara lain :
1. Bagaimana membuat Aplikasi untuk kebutuhan Resepsi Pernikahan
berbasis Web yang efektif, efisien dan user friendly.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
2. Bagaimana membuat suatu Aplikasi berbasis Web untuk membantu
memberikan informasi dan metode pemecahan masalah mengenai Resepsi Pernikahan yang diselenggarakan di Surabaya, kepada user
yang membutuhkan. Terutama bagi calon pengantin.
3.3 Perancangan Sistem
Perancangan sistem yang dipakai Dalam Pembuatan Aplikasi untuk kebutuhan Resepsi Pernikahan Studi kasus “WEKA” Wedding Organizer
berbasis Web ini berisikan penjelasan tentang deskripsi umum sistem, kebutuhan sistem. Adapun tahap-tahap dalam perancangan sistem yang dilakukan adalah
sebagai berikut : 1.
Perancangan sistem yang menjelaskan tentang alur Pembuatan aplikasi untuk kebutuhan Resepsi Pernikahan Studi kasus “WEKA”
Wedding Organizer berbasis Web dalam bentuk Flowchat. 2.
Pengambaran alur data sebagai pembentuk sistem dalam betuk data flow diagaram DFD .
3. Perancangan data yang diaplikasikan ke dalam database yang
menggambarkan relasi antar tabel-tabel dalam bentuk CDM dan PDM.
4. Interface antar muka yang menjelaskan tentang tampilan awal sistem.
3.3.1 Flowchart
Flowchart adalah suatu gambaran yang menjelaskan tentang alir kerja aplikasi, mulai dari awal sebelum aplikasi dijalankan hingga akhir dari aplikasi.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Dengan flowchart, kita dapat menggambarkan suatu tahapan penyelesaian secara sederhana tentang sistem yang akan buat. Adapun alur dari sistem pembuatan
aplikasi untuk kebutuhan Resepsi Pernikahan berbasis Web adalah sebagai berikut :
Gambar 3.1 Flowchart Aplikasi untuk kebutuhan Resepsi Pernikahan
Untuk memulai aplikasi maka terlebih dahulu user dihadapkan pada halaman login. Sistem akan meminta user pelanggan memasukkan username
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
password. Jika username password yang dimasukkan user pelanggan salah, maka sistem akan kembali kehalaman login. Namun, jika username password
yang dimasukkan user pelanggan benar, maka sistem akan lanjut kedalam halaman utama. Didalam halaman utama, user pelanggan akan diberi pilihan
menu-menu yang tersedia yaitu menu paket, kalkulasi manual custom dan kalkulasi otomatis. Setelah memilih satu dari ketiga menu tersebut, user
pelanggan baru bisa memesan produk-produk objek vendor dari setiap kategori yang telah disediakan oleh sistem sesuai dengan yang diminati . Lalu pesanan
yang sudah di pilih tersebut akan tersimpan kedalam database lalu ditampilkan kedalam shopping cart. Apabila user pelanggan ingin mengganti atau
menambah produk-produk objek vendor dari setiap kategori yang telah dipesan, bisa lewat shopping cart. Apabila sudah tidak ada perubahan dalam pemesanan
atau sudah dianggap selesai fix. Maka admin akan meng-cek pesanan yang sudah dipesan oleh user pelanggan. Setelah selesai meng-cek pesanan yang
sudah dipesan, selanjutnya admin akan mengirimkan informasi yang berisi status hasil pesanan via SMS kepada user pelanggan. Apabila setuju, maka user
pelanggan harus menindak lanjuti mengenai pembayaran dan pelaksanaan teknis nya.
3.3.2 DFD Data Flow Diagram
DFD Data Flow Diagram sering digunakan untuk menggambarkan atau
mendokumentasikan suatu sistem yang telah ada atau yang baru akan dikembangkan. Penggambaran arus data dan pendokumentasian sistem dengan
mengunanakan notasi-notasi dalam semua tingkat kompleksitnya.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
vendor_detail
data_order data_history
data_paket data_vendor_detail_img
data_paket
data_paket_detail data_paket
data_order_detail data_vendor_detail_img
data_vendor_detail data_kategori
data_paket_detail
data_promotion data_histori_detail
data_order_detail data_user
data_admin data_vendor
data_paket_detail data_vendor_detail_img
data_vendor_detail data_vendor
data_promotions data_message
data_promotions
data_order data_admin
data_vendor data_user
data_schedule data_kategori
username_password
data_order username_password
user admin
1
sistem informasi resepsi pernikahan
+
Gambar 3.2 DFD Level Kontek
Tampak bahwa program ini dapat diakses oleh user dan admin. User dapat mengakses informasi yang ada didalam website ini seperti memesan produk-
produk objek vendor dari setiap kategori yang telah disediakan oleh sistem, meliputi kategori Gedung, Baju Rias pengantin, Entertainment, Katering,
Dekorasi, Perlengkapan, Dokumentasi. Namun tidak dapat mengubah apapun yang ada didalam website ini. Yang dapat mengubah isi website ini adalah admin
saja. Disini user dibagi menjadi 2 yaitu : 1.
User Pengunjung : user biasa yang hanya dapat melihat sistem, tetapi tidak biasa mengatur data dalam sistem, sebelum terdaftar sebagai
member. 2.
User pelanggan : user yang memiliki hak untuk melihat sistem dan berinteraksi serta dapat memesan produk-produk objek vendor dari
setiap kategori yang telah disediakan oleh sistem.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
data_history_detail data_history
data_order_detail data_order
data_paket data_paket
data_order_detail data_paket_detail
data_paket data_vendor_detail
data_vendor_detail_img data_history
data_order data_paket
data_vendor_detail_img vendor_detail
data_order data_order_detail
data_history data_history_detail
data_paket
data_history_detail data_history
data_order_detail data_order
data_histori_detail data_promotion
data_paket_detail data_order_detail
data_kategori data_admin
data_user data_vendor
data_message
data_user data_admin
data_kategori data_vendor
data_vendor_detail data_vendor_detail_img
data_paket data_promotions
data_message data_paket_detail
data_paket_detail data_vendor_detail_img
data_vendor_detail data_kategori
data_vendor_detail data_vendor_detail_img
data_vendor
data_message
data_message data_promotions
data_order data_vendor
data_schedule data_promotions
data_promotions data_admin
data_admin data_pelanggan
data_user
data_order data_vendor
data_kategori username_password
username_password username_password
username_password user
user admin
admin
admin 1
validasi login
admin user
2 registrasi
3 order
+
4 manajemen_
data vendor
history user
user admin
user admin
promotions
5 tampil_data
user user
6 validasi_messa
ge message
vendor_detail kriteria
admin admin
admin vendor_detail_img
admin paket_detail
admin admin
admin admin
admin admin
admin admin
history_detail
user user
user user
user admin
orderr order_detail
paket_
admin admin
admin admin
admin
Gambar 3.3 DFD Level 1
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Penjelasan yang ada didalam gambar 3.3, ada 5 proses yaitu : 1.
Proses login oleh admin dan user pelanggan. 2.
Proses order. Disinilah para user pelanggan melakukan proses pemesanan, memilih menu-menu yang sudah tersedia seperti menu
paket, kalkulasi manual dan kalkulasi otomatis. 3.
Manajemen data oleh admin. Didalam proses ini admin bisa mengelolah data maintenance yaitu mulai dari insert, update sampai
delete produk-produk objek vendor dari setiap kategori yang telah disediakan oleh sistem, meliputi kategori Gedung, Baju Rias
pengantin, Entertainment, Katering, Dekorasi, Perlengkapan,
Dokumentasi dll yang ada didalam database. Admin juga bisa merespon pesanan dari para user pelanggan dan juga mengirim info
order via sms ke user pelanggan. 4.
Tampil data adalah Menampilkan data-data dari setiap proses transaksi pemesanan. User pelanggan bisa Melihat total pesanan dan total
harga dari setiap produk-produk objek vendor yang sudah dipesan didalam proses order sebelumnya.
5. Login untuk user pengunjung yang belum menjadi member. User
pengunjung dapat melihat sistem, tetapi tidak biasa mengatur data dan bertransaksi dalam sistem, sebelum terdaftar sebagai member.
6. Validasi pesan, adalah proses mengirim pesan info status transaksi
order pelanggan. Proses tersebut merupakan garis besar dari proses Pembuatan Aplikasi untuk
kebutuhan Resepsi Pernikahan berbasis Web ini.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
data_schedule data_order_paket
data_order_otomatis
data_history data_order_detail
data_order
data_history_detail data_cart
data_order_manual
data_order data_order
data_order user
1 paket
2 manual
3 otomatis
user
user shopping_cart
4 cekout__sch
edule schedule
orderr order_detail
history history_detail
Gambar 3.4 DFD Level 2 Order
Penjelasan yang ada didalam Gambar 3.4, yaitu : Didalam proses transaksi order terdapat 3 proses transaksi utama yaitu menu
paket, kalkulasi manual dan kalkulasi otomatis. Disamping 3 proses utama itu tadi, juga terdapat 1 proses tambahan lagi yaitu schedule yang gunanya untuk
mencatat waktu order dari proses ke 3 proses transaksi utama tersebut. Jika pelanggan mengklik cek out, maka pelanggan sudah dipastikan selesai meng-
order. Dan akan dikonfirmasi oleh admin menjadi history.
3.3.3 CDM
CDM memodelkan struktur logis dari keseluruhan aplikasi data, tidak tergantung pada software atau pertimbangan model struktur data. CDM yang
valid dapat dikonversi ke PDM atau OOM. CDM mirip dengan konsep ERD yang
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
diajukan oleh Elmasri, hanya ada beberapa perbedaan sintaks. Dalam CDM ini digambarkan ada 16 buah tabel data yang saling terkoneksi satu dengan yang
lainnya, dengan beberapa perbedaan relasi hubungan yang semuanya akan saling bergantung antara satu sama lainya. Hal ini terjadi karena antar satu tabel dengan
tabel lainya nantinya akan saling memerlukan data pada masing-masing tabel, serta berbagai koneksi lainnya yang dapat dilihat pada Gambar 3.5
melakukan
mendapat mempunyai
memiliki mengorder
mengisi detail_history
detail_order
detail_vendor
detail_vendor_image mewakili
paket_detail mendapatkan
berisi w_user
user_id user_name
user_pass user_fullname
user_address user_tlp
user_hp user_email
user_reg pi Integer
Variable characters 200 Variable characters 200
Variable characters 150 Long variable characters
Variable characters 20 Variable characters 25
Variable characters 100 Date
M
Identifier_1 pi w_vendor_detail
vdetail_id vdetail_name
vdetail_price vdetail_capacity
vdetail_note pi Integer
Variable characters 200 Decimal 2
Integer Long variable characters
M
Identifier_1 pi
w_criteria criteria_id
criteria_name criteria_simbol
pi Integer Variable characters 100
Characters 2 M
Identifier_1 pi w_order
order_id order_qty
order_nilai order_date
order_status order_note
pi Integer Integer
Decimal 2 Date Time
Variable characters 30 Long variable characters
M
Identifier_1 pi w_vendor
vendor_id vendor_name
vendor_address vendor_phone
vendor_url vendor_logo
pi Integer Variable characters 100
Long variable characters Variable characters 200
Long variable characters Variable characters 100
M
Identifier_1 pi w_schedule
schedule_id schedule_date
schedule_time pi Integer
Date Time
M Identifier_1 pi
w_order_detail odet_vdetail_id
odet_vdetail_name odet_vdetail_price
odet_cart_qty odet_cart_date
pi Integer Variable characters 200
Decimal 2 Integer
Date Time M
Identifier_1 pi w_history_detail
history_vdetail_id history_vdetail_name
history_vdetail_price history_cart_qty
history_cart_date pi Integer
Variable characters 200 Decimal 2
Integer Date Time
M
Identifier_1 pi
w_history history_order_id
history_order_qty history_order
history_order_date history_order_status
history_order_note pi Integer
Integer Decimal 2
Date Time Variable characters 30
Long variable characters M
Identifier_1 pi w_promotions
promo_id promo_title
promo_content promo_image
promo_start_date promo_admin_id
pi Integer Variable characters 200
Long variable characters Variable characters 200
Variable characters 12 Integer
M
Identifier_1 pi
w_admin admin_id
admin_name admin_pass
admin_address pi Integer
Variable characters 100 Variable characters 200
Long variable characters M
Identifier_1 pi w_cart
cart_id cart_vdetail_name
cart_vdetail_price cart_qty
cart_session_id cart_date
cart_end_date pi Integer
Variable characters 150 Decimal
Integer Characters 32
Date Time Date Time
M
Identifier_1 pi w_message
msg_id msg_status
msg_content pi Integer
Characters 1 Long variable characters
M Identifier_1 pi
w_paket paket_id
paket_name paket_global_price
paket_portion paket_note
pi Integer Variable characters 150
Decimal 2 Integer
Long variable characters M
Identifier_1 pi w_paket_detail
pdetail_id pi Integer M Identifier_1 pi
w_vendor_detail_img wvendet_id
wvendet_img pi Integer
Variable characters 100 M
Identifier_1 pi
Gambar 3.5 CDM
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
3.3.4 PDM
PDM memodelkan struktur fisik dari database, dengan mempertimbangkan software DBMS serta model struktur yang akan digunakan.
PDM yang valid dapat dikonversi ke CDM atau OOM. PDM dapat dihasilkan di-generate dari CDM yang valid. Seperti yang kita lihat dari gambar 3.6
merupakan hasil generate dari CDM tersebut, sehingga lebih kompleks lagi relasi hubungan dari masing-masing tabel, karena foreign key yang merupakan
penghubung masing-masing tabel telah masuk kedalam tabel dan menjadi field didalam tabel yang dibutuhkan terkoneksi dengan yang menjadi domain atau inti
pusat data.
FK_W_CART_MELAKUKAN_W_USER FK_W_MESSAG_MENDAPAT_W_USER
FK_W_HISTOR_MEMPUNYAI_W_USER FK_W_SCHEDU_MEMILIKI_W_USER
FK_W_ORDER_MENGORDER_W_USER FK_W_PROMOT_MENGISI_W_ADMIN
FK_W_HISTOR_DETAIL_HI_W_HISTOR FK_W_ORDER__DETAIL_OR_W_ORDER
FK_W_VENDOR_DETAIL_VE_W_VENDOR
FK_W_VENDOR_DETAIL_VE_W_VENDOR FK_W_VENDOR_MEWAKILI_W_CRITER
FK_W_PAKET__PAKET_DET_W_PAKET FK_W_ORDER_MENDAPATK_W_SCHEDU
FK_W_SCHEDU_MENDAPATK_W_ORDER
FK_W_PAKET__BERISI_W_VENDOR w_user
user_id user_name
user_pass user_fullname
user_address user_tlp
user_hp user_email
user_reg integer
varchar200 varchar200
varchar150 long varchar
varchar20 varchar25
varchar100 date
pk
w_vendor_detail vdetail_id
criteria_id vendor_id
vdetail_name vdetail_price
vdetail_capacity vdetail_note
integer integer
integer varchar200
decimal2 integer
long varchar pk
fk2 fk1
w_criteria criteria_id
criteria_name criteria_simbol
integer varchar100
char2 pk
w_order order_id
user_id schedule_id
order_qty order_nilai
order_date order_status
order_note integer
integer integer
integer decimal2
timestamp varchar30
long varchar pk
fk1 fk2
w_vendor vendor_id
vendor_name vendor_address
vendor_phone vendor_url
vendor_logo integer
varchar100 long varchar
varchar200 long varchar
varchar100 pk
w_schedule schedule_id
order_id user_id
schedule_date schedule_time
integer integer
integer date
time pk
fk2 fk1
w_order_detail odet_vdetail_id
order_id odet_vdetail_name
odet_vdetail_price odet_cart_qty
odet_cart_date integer
integer varchar200
decimal2 integer
timestamp pk
fk w_history_detail
history_vdetail_id history_order_id
history_vdetail_name history_vdetail_price
history_cart_qty history_cart_date
integer integer
varchar200 decimal2
integer timestamp
pk fk
w_history history_order_id
user_id history_order_qty
history_order history_order_date
history_order_status history_order_note
integer integer
integer decimal2
timestamp varchar30
long varchar pk
fk w_promotions
promo_id admin_id
promo_title promo_content
promo_image promo_start_date
promo_admin_id integer
integer varchar200
long varchar varchar200
varchar12 integer
pk fk
w_admin admin_id
admin_name admin_pass
admin_address integer
varchar100 varchar200
long varchar pk
w_cart cart_id
user_id cart_vdetail_name
cart_vdetail_price cart_qty
cart_session_id cart_date
cart_end_date integer
integer varchar150
decimal integer
char32 timestamp
timestamp pk
fk
w_message msg_id
user_id msg_status
msg_content integer
integer char1
long varchar pk
fk w_paket
paket_id paket_name
paket_global_price paket_portion
paket_note integer
varchar150 decimal2
integer long varchar
pk w_paket_detail
pdetail_id vdetail_id
paket_id integer
integer integer
pk fk2
fk1 w_vendor_detail_img
wvendet_id vdetail_id
wvendet_img integer
integer varchar100
pk fk
Gambar 3.6 PDM
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
3.3.5 Perancangan desain antar muka
Tampilan awal pada menu Aplikasi untuk kebutuhan Resepsi Pernikahan berbasis Web ini diharapkan dapat membantu user untuk memahami lebih jelas
maksud dari sistem. Karena didalamnya berisi informasi yang dibutuhkan user dan fasilitas yang ditawarkan sistem. Didalam Aplikasi untuk kebutahan Resepsi
Pernikahan berbasis Web ini bagian terpenting yaitu: Halaman Utama, Halaman Kalkulasi Manual, Halaman Kalkulasi Otomatis dan Halaman Shopping Cart.
3.3.5.1 Halaman Utama
Halaman utama ini merupakan halaman pertama yang ditampilkan pada Aplikasi untuk kebutuhan Resepsi Pernikahan berbasis Web ini. User disini
adalah pelanggan atau pengguna sistem, sedangkan admin adalah petugas yang mempunyai Hak akses untuk menjalankan aplikasi. Berikut ini adalah tampilan
Halaman Utama.
Gambar 3.7 Halaman Utama
Pada Gambar 3.7 di atas terdapat menu form seperti Home, Vendor List, About As, Contact As dan Promotion. Untuk user yang belum Registrasi dapat
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
melihat sistem, tetapi tidak biasa memanajemen data dan bertransaksi memesan dalam sistem. Halaman ini juga terdapat form login untuk user. Masing-masing
user memiliki username dan password yang berbeda.
3.3.5.2 Halaman Kalkulasi Manual
Halaman kalkulasi manual ditujukan untuk user pelanggan yang ingin memilih sendiri produk-produk objek vendor dari setiap kategori yang telah
disediakan oleh sistem, meliputi kategori Gedung, Baju Rias pengantin, Entertainment, Katering, Dekorasi, Perlengkapan, Dokumentasi dll yang ada
didalam database. Berikut ini adalah tampilan Halaman Kalkulasi Manual :
Gambar 3.8 Halaman Kalkulasi Manual
3.3.5.3 Halaman Kalkulasi Otomatis
Halaman Kalkulasi Otomatis ini memiliki kelebihan yaitu apabila user pelanggan sudah menentukan budget anggaran untuk resepsi pernikahannya.
Maka user pelanggan tinggal mengetikkan budget yang diinginkan. Lalu tekan submit, maka dengan otomatis sistem akan menampilkan produk-produk objek
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
vendor dari setiap kategori yang sesuai dengan budget yang diinginkan. Berikut ini adalah tampilan Halaman Kalkulasi Otomatis :
Gambar 3.9 Halaman Kalkulasi Otomatis
3.3.5.4 Halaman Shopping Cart
Halaman Shopping Cart berisi informasi tentang barang apa saja yang telah dipesan, beserta daftar harga dan jumlah total harga dari produk-produk
objek vendor disetiap kategori yang telah dipesan oleh user pelanggan. User pelanggan juga bisa menghapus daftar yang sudah dipesan sebelumnya. User
pelanggan juga dapat melakukan pembatalan belanjaan sebelum menekan tombol selesai.
Gambar 3.10 Halaman Shopping Cart
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
40
BAB IV IMPLEMENTASI SISTEM
Pada bab ini akan dijelaskan mengenai implementasi program. implementasi program adalah implementasi dari analisa dan desain sistem yang
telah dibuat pada bab sebelumnya. Sehingga diharapkan dengan adanya implementasi ini dapat dipahami jalannya Pembuatan Aplikasi Untuk Kebutuhan
Resepsi Pernikahan berbasis Web ini. Sebelumnya user harus mempersiapkan kebutuhan-kebutuhan dari program yang akan diimplementasikan baik dari segi
perangkat keras maupun perangkat lunak komputer.
4.1 Kebutuhan Sistem