75
3.2.4.8 Sequence Diagram pada Delete Event
a. Delete Nama Event
Pada sequence diagram delete nama event, admin membuka website pada PC atau laptop. Aplikasi web akan menampilkan form halaman
admin. Baru setelah itu admin memilih data nama event yang akan dihapus dengan hanya mencentang saja data yang akan dihapus. Lalu admin akan
menekan Submit baru dan sistem akan mengirim hasil tadi ke database. Baru setelah itu hasil akan ditampilkan pada aplikasi website seperti pada
Gambar 3.34 Sequence Diagram pada Delete Nama Event.
Gambar 3.34 Sequence Diagram pada Delete Nama Event
76
b. Delete Detail Event
Pada sequence diagram delete detail event, admin membuka website pada PC atau laptop. Aplikasi web akan menampilkan form halaman
admin. Baru setelah itu admin memilih data detail event yang akan dihapus dengan hanya mencentang saja data yang akan dihapus. Lalu
admin akan menekan Submit baru dan sistem akan mengirim hasil tadi ke database. Baru setelah itu hasil akan ditampilkan pada aplikasi website
seperti pada Gambar 3.35 Sequence Diagram pada Delete Detail Event.
Gambar 3.35 Sequence Diagram pada Delete Detail Event
77
3.2.4.9 Sequence Diagram pada Input Penjualan
Pada sequence diagram input penjualan, admin membuka website pada PC atau laptop. Setelah itu aplikasi web akan menampilkan form halaman TL
Team Leader. Baru setelah itu admin akan memilih nama event, tanggal event, nama toko, alamat toko, kota event, periode event yang ingin di-input-kan
datanya. Lalu TL Team Leader meng-input-kan nomor KTP customer, input nama customer setelah itu memasukkan produk apa saja yang dibeli. Baru
kemudian tekan submit baru kemudian sistem akan mengirim hasil submit tadi ke database dan menjalankan trigger untuk menghitung total pembelian customer.
Baru setelah itu hasil input-an akan ditampilkan pada aplikasi website seperti pada Gambar 3.36 Sequence Diagram pada Input Penjualan.
Gambar 3.36 Sequence Diagram pada Input Penjualan
78
3.2.4.10 Sequence Diagram pada Edit Data Customer
Pada sequence diagram edit data customer, admin membuka website pada PC atau laptop. Setelah itu aplikasi web akan menampilkan form halaman
TL Team Leader. Baru setelah itu TL Team Leader akan meng-input-kan nomor KTP customer, input nama orangtua, input nama anak, input tanggal lahir
anak, input alamat rumah customer, input nomor telepon customer. TL Team Leader akan menekan Submit yang nantinya akan ada konfirmasi proses. Lalu
sistem akan mengirim hasil submit tadi ke database. Baru setelah itu hasil input- an akan ditampilkan pada aplikasi website seperti pada Gambar 3.37 Sequence
Diagram pada Edit Data Customer.
Gambar 3.37 Sequence Diagram pada Input Data Customer
79
3.2.4.11 Sequence Diagram pada Delete Data Customer
Pada sequence diagram delete Data Customer, TL Team Leader membuka website pada PC atau laptop. Aplikasi web akan menampilkan
form halaman admin. Baru setelah itu TL Team Leader memilih data customer yang akan dihapus dengan hanya mencentang saja data yang
akan dihapus. Lalu TL Team Leader akan menekan Submit baru dan sistem akan mengirim hasil tadi ke database. Baru setelah itu hasil akan
ditampilkan pada aplikasi website seperti pada Gambar 3.38 Sequence
Diagram pada Delete Data Customer.
Gambar 3.38 Sequence Diagram pada Delete Data Customer
80
3.2.4.12 Sequence Diagram pada Cek Laporan
Pada sequence diagram pada cek laporan, userklien perusahaan membuka website pada PC atau laptop. Setelah itu pada aplikasi web akan di-
generate dari database, baru kemudian akan ditampilkan laporanreport keseluruhan pada aplikasi website seperti pada Gambar 3.39 Sequence Diagram
pada Cek Laporan.
Gambar 3.39 Sequence Diagram pada Cek Laporan
3.2.5 Class Diagram
Pada class diagram memodelkan class-class apa saja yang terlibat dalam sistem serta bagaimana interaksi antar class. Pada class-class
tersebut didefinisikan operasi-operasi apa saja yang bisa dilakukan seperti pada Gambar 3.40 Class Diagram Sistem Report Event.
81
Gambar 3.40 Class Diagram Sistem Report Event
Pada class pegawai memiliki atributform isian yang harus diisi pengguna yaitu memasukkan nama pegawai, memasukkan username dan juga password.
Untuk username dan juga password ini memang akan diberikan admin langsung kepada para TL. Setelah itu memilih jabatannya dan juga jenis kelamin pegawai,
memasukkan alamat pegawai, nomor telepon, gaji pegawai dan juga total penjualan nantinya akan didapat dari otomatisasi aktif database-nya. Serta
memiliki operasieksekusi yang dilakukan tiap menu transaksi yaitu input, update dan juga delete data.
82 Pada class produk memiliki atributform isian yang harus diisi pengguna
yaitu memasukkan nama produk, memasukkan sample produk pakai, memasukkan varian nama produk, memilih jenis produk, memasukkan harga
produk, serta nama hadiah yang didapat apabila membeli produk tersebut. Kelas ini memiliki operasieksekusi yang dilakukan tiap menu transaksi yaitu input,
update dan juga delete data. Pada class event memiliki atributform isian yang harus diisi pengguna
yaitu memasukkan nama event, memasukkan jumlah tanggal event, memasukkan nama dan alamat toko event, memasukkan kota event dan periode event, serta
memiliki operasieksekusi yang dilakukan tiap menu transaksi yaitu input, update dan juga delete data.
Pada class penjualan memiliki atributform isian yang harus diisi penggunaTL yaitu memasukkan nomor KTP, nama customer, serta memasukkan
produk-produk yang dibeli pada saat event berlangsung. serta memiliki operasieksekusi yang dilakukan tiap menu transaksi yaitu input data saja.
Pada class customer memiliki atributform isian yang harus diisi penggunaTL yaitu memasukkan nomor KTP, nama customer, nama anak, alamat
dan nomor telepon rumah. Serta memiliki operasieksekusi yang dilakukan tiap menu transaksi yaitu update dan juga delete data.
Untuk relasi yang terjadi antar class diatas yakni assosiasi. Assosiasi adalah koneksi yang saling terkait antar kelas yang ada. Assosiasi memungkinkan
sebuah kelas untuk mengetahui attribut dan operasi yang mempunyai visibilitas public terhadap kelas lainnya.
83
3.2.6 Perancangan Antarmuka a. Untuk Admin
Pada saat perangkat lunak pertama kali dijalankan, layar akan menampilkan menu pilihan utama yakni menampilkan form user login
dimana pengguna akan mengisi username dan juga password yang mereka sudah miliki, seperti pada Gambar 3.41 Interface Login Sistem Report
Event. Apabila memasukkan username dan juga password-nya admin, maka akan ditampilkan menu admin disebelah kiri pengguna dan juga
intermezzopembukaan pada menu admin.
Gambar 3.41 Interface Login Sistem Report Event
Apabila ingin meng-input-kan data pegawai. Klik menu admin : pegawai maka admin akan memasukkan data-data TL Team Leader, seperti pada Gambar
84 3.42 Interface-Admin-Menu Input Data Pegawai Sistem Report Event.
Diantaranya : memasukkan nama pegawai, username, password, pilih jabatan dan juga jenis kelamin, lalu masukkan alamat pegawai, nomer telepon pegawai dan
juga gaji pegawai. Klik submit apabila sudah yakin dikirim yang nantinya akan ada konfirmasi setelah memasukkan data pegawai.
Gambar 3.42 Interface-Admin-Menu Input Data Pegawai Sistem Report Event
Pada menu disebelah kiri admin, di menu pegawai pilih menu edit pegawai apabila ingin memperbaiki kesalahan dari input-an. Yang nantinya akan muncul
form seperti pada Gambar 3.43 Interface-Admin-Menu Edit Data Pegawai Sistem Report Event. Akan muncul data-data pegawai dimana juga terdapat tulisan edit
yang apabila di klik akan masuk pada form untuk meng-edit.
85 Admin akan memperbaiki beberapa kesalahan dari isian yang dimasukkan
tadi, setelah itu klik submit, yang nantinya akan ada konfirmasi text box.
Gambar 3.43 Interface-Admin-Menu Edit Data Pegawai Sistem Report Event
Pada menu disebelah kiri admin, di menu pegawai pilih menu hapus pegawai apabila ingin menghapus data pegawai. Nantinya akan langsung
ditampilkan data-data pegawai yang telah dimasukkan tadi, baru setelah itu apabila ingin menghapus maka admin hanya akan men-centangcheck data
pegawai mana yang akan dihapus. Seperti terlihat pada rancangan Gambar 3.44 Interface-Admin-Menu Hapus Data Pegawai Sistem Report Event. Tetapi apabila
ingin menghapus semua data pegawai maka admin hanya akan men- centangcheck all atau uncheck all. Yang nantinya akan ada konfirmasi untuk
proses penghapusan data pegawai berupa text box.
86
Gambar 3.44 Interface-Admin-Menu Hapus Data Pegawai Sistem Report Event
Lalu apabila memilih menu input nama produk maka akan tampil form seperti yang terlihat pada rancangan Gambar 3.45 Interface-Admin-Menu Input
Nama Produk Sistem Report Event. Dimana admin akan memasukkan nama produk dan juga sample produk yang dipakai dalam event yang besangkutan.
Yang nantinya akan ada konfirmasi proses dari penginputan data nama produk setelah admin klik submit.
Gambar 3.45 Interface-Admin-Menu Input Nama Produk Sistem Report Event
87 Apabila memilih input detail produk maka akan tampil form seperti yang
terlihat pada rancangan Gambar 3.46 Interface-Admin-Menu Input Detail Produk Sistem Report Event. Admin akan memilih nama produk, memasukkan varian
rasa produk, memilih jenis produk dalam bentuk box ataupun kaleng, memasukkan harga produk dan juga gimmickhadiah. Untuk hadiah disini dapat
dimasukkan beberapa hadiah sekaligus setiap produknya yang dipakai dalam event yang besangkutan dengan menge-klik tambah hadiah. Setelah admin klik
submit, maka akan ada konfirmasi proses dari pengisian data detail produk.
Gambar 3.46 Interface-Admin-Menu Input Detail Produk Sistem Report Event
Pada menu disebelah kiri admin, di menu produk pilih menu edit produk apabila ingin memperbaiki kesalahan input-an. Yang nantinya akan muncul form
seperti pada Gambar 3.47 Interface-Admin-Menu Edit Nama Produk Sistem
88 Report Event. Akan muncul data-data produk dimana juga terdapat tulisan edit
yang apabila di klik akan masuk pada form untuk meng-edit. Admin akan memperbaiki beberapa kesalahan dari isian nama produk
yang dimasukkan tadi, setelah itu klik submit, yang nantinya akan ada konfirmasi text box untuk meng-edit nama produk.
Gambar 3.47 Interface-Admin-Menu Edit Nama Produk Sistem Report Event
Pada menu disebelah kiri admin, di menu produk pilih menu edit detail produk apabila ingin memperbaiki kesalahan input-an. Yang nantinya akan
muncul form seperti pada Gambar 3.48 Interface-Admin-Menu Edit Detail Produk Sistem Report Event. Akan muncul data-data detail produk dimana juga terdapat
tulisan edit yang apabila di klik akan masuk pada form untuk meng-edit. Untuk edit menu detail produk, pilih menu admin dan klik menu produk.
Yang nantinya Admin dapat memperbaiki beberapa kesalahan dari isian detail produk yang dimasukkan tadi, diantaranya : nama produk read-only, varian rasa
89 produk, jenis produk, harga produk, dan hadiah-hadiah yang didapat di masing-
masing produk tersebut. Setelah itu klik submit, yang nantinya akan ada konfirmasi text box untuk meng-edit detail produk.
Gambar 3.48 Interface-Admin-Menu Edit Detail Produk Sistem Report Event
Pada menu disebelah kiri admin, di menu produk pilih menu hapus produk apabila ingin menghapus data produk. Nantinya akan langsung ditampilkan data-
data produk yang telah dimasukkan tadi, baru setelah itu apabila ingin menghapus maka admin hanya akan men-centangcheck data produk mana yang akan dihapus.
Seperti terlihat pada rancangan Gambar 3.49 Interface-Admin-Menu Hapus Data Produk Sistem Report Event. Tetapi apabila ingin menghapus semua data produk
maka admin hanya akan men-centangcheck all atau uncheck all. Yang nantinya akan ada konfirmasi untuk proses penghapusan data produk berupa text box.
90
Gambar 3.49 Interface-Admin-Menu Hapus Data Produk Sistem Report Event
Pada menu disebelah kiri admin, pilih menu event. Maka akan ditampilkan yang berisi bantuan yang akan memudahkan pengguna dalam pengisian,
pengeditan dan juga penghapusan data pada menu event. Lalu apabila memilih menu input nama event maka akan tampil form
seperti yang terlihat pada rancangan Gambar 3.50 Interface-Admin-Menu Input Nama Event Sistem Report Event. Dimana admin akan memasukkan nama event
yang berlangsung. Yang nantinya akan ada konfirmasi proses dari penginputan data nama event setelah admin klik submit.
91
Gambar 3.50 Interface-Admin-Menu Input Nama Event Sistem Report Event
Apabila memilih input detail event maka akan tampil form seperti yang terlihat pada rancangan Gambar 3.51 Interface-Admin-Menu Input Detail Event
Sistem Report Event. Admin akan memilih nama event, memasukkan tanggal event, memasukkan nama toko dan juga alamat toko event, memasukkan kota
event dan periode event. Kemudian memasukkan nama pegawai yang melaksanakan event tersebut dan juga memasukkan produk apa saja yang ikut
dalam event yang sedang berlangsung. Setelah admin klik submit, maka akan ada konfirmasi proses dari pengisian data detail event.
Gambar 3.51 Interface-Admin-Menu Input Detail Event Sistem Report Event
92 Masuk pada menu edit event, maka nantinya akan ditampilkan pilihan
menu edit event lagi yakni untuk edit nama event dan juga edit detail eventnya. Lalu pada menu disebelah kiri admin, di menu event pilih menu edit event
apabila ingin memperbaiki kesalahan input-an. Yang nantinya akan muncul form seperti pada Gambar 3.52 Interface-Admin-Menu Edit Nama Event Sistem Report
Event. Akan muncul data-data event dimana juga terdapat tulisan edit yang apabila di klik akan masuk pada form untuk meng-edit.
Admin akan memperbaiki beberapa kesalahan dari isian nama event yang dimasukkan tadi, setelah itu klik submit, yang nantinya akan ada konfirmasi text
box untuk mengedit nama event.
Gambar 3.52 Interface-Admin-Menu Edit Nama Event Sistem Report Event
Pada menu disebelah kiri admin, di menu event pilih menu edit detail event apabila ingin memperbaiki kesalahan input-an. Yang nantinya akan muncul
form seperti pada Gambar 3.53 Interface-Admin-Menu Edit Detail Event Sistem
93 Report Event. Akan muncul data-data detail event dimana juga terdapat tulisan
edit yang apabila di klik akan masuk pada form untuk meng-edit. Admin dapat memperbaiki beberapa kesalahan dari isian detail event yang
dimasukkan tadi, diantaranya : tanggal event, nama toko, alamat toko, kota event, periode event dan nama pegawai. Setelah itu klik submit, yang nantinya akan ada
konfirmasi text box untuk mengedit detail event.
Gambar 3.53 Interface-Admin-Menu Edit Detail Event Sistem Report Event
Pada menu disebelah kiri admin, di menu produk pilih menu hapus event apabila ingin menghapus data event. Nantinya akan langsung ditampilkan nama-
nama event yang telah dimasukkan tadi, baru setelah itu apabila ingin menghapus maka admin hanya akan men-centangcheck data event mana yang akan dihapus.
Seperti terlihat pada rancangan Gambar 3.54 Interface-Admin-Menu Edit Hapus Nama Event Sistem Report Event. Tetapi apabila ingin menghapus semua nama
event maka admin hanya akan men-centangcheck all atau uncheck all. Yang
94 nantinya akan ada konfirmasi untuk proses penghapusan nama event berupa text
box.
Gambar 3.54 Interface-Admin-Menu Edit Hapus Nama Event Sistem Report Event
Pada menu disebelah kiri admin, di menu event pilih menu hapus event, Nantinya akan langsung ditampilkan data-data detail event yang telah dimasukkan
tadi, baru setelah itu apabila ingin menghapus maka admin hanya akan men- centangcheck detail data event mana yang akan dihapus. Seperti terlihat pada
rancangan Gambar 3.55 Interface-Admin-Menu Edit Hapus Detail Event Sistem Report Event. Tetapi apabila ingin menghapus semua detail data event maka
admin hanya akan men-centangcheck all atau uncheck all. Yang nantinya akan ada konfirmasi untuk proses penghapusan data event berupa text box.
95
Gambar 3.55 Interface-Admin-Menu Edit Hapus Detail Event Sistem Report Event
b. Untuk TL Team Leader
Layar akan menampilkan menu pilihan utama yakni menampilkan form user login dimana pengguna akan mengisi username dan juga password yang
mereka sudah miliki, seperti pada Gambar 3.41 Interface Login Sistem Report Event sebelumnya. Apabila memasukkan username dan juga password-nya TL
Team Leader, maka akan ditampilkan menu TL disebelah kiri pengguna dan
juga intermezzopembukaan pada menu TL.
Apabila ingin menginputkan data hasil penjualan, Klik menu TL : input penjualan maka TL akan memasukkan data-data hasil penjualan, seperti pada
Gambar 3.56 Interface-TL-Menu Input Penjualan Sistem Report Event. Pilih event mana yang akan dimasukkan data-data penjualannya baru kemudian klik
input maka akan masuk pada halaman selanjutnya.
96 Lalu kemudian masukkan nomor KTP dan juga nama customer setelah itu
masukkan juga produk apa saja yang customer tersebut membelinya dan jumlah produk yang dibeli tersebut. TL Team Leader dapat menambah ataupun
menghapus nama produk yang dibeli customer. Klik submit apabila sudah yakin dikirim. Yang nantinya akan ada konfirmasi setelah memasukkan data penjualan.
Gambar 3.56 Interface-TL-Menu Input Penjualan Sistem Report Event
Untuk data-data penjualan beserta hasil dari keseluruhan penjualan dapat dilihat interface-nya pada Bab IV yang akan dijabarkan selanjutnya. Setelah itu
apabila ingin mengedit data-data customer, masuk pada menu TL-menu penjualan-pilih edit data cust maka akan muncul data-data customer sebelumnya.
Pengecekan melalui nomor KTP karna sebelumnya nomor KTP tersebut telah dimasukkan pada input penjualan. Baru kemudian TL meng-edit data-data yang
lainnya seperti nama anak, tanggal lahir anak dan alamat customer seperti yang
97 terlihat pada Gambar 3.57 Interface Login-Team Leader-Menu Edit Data
Customer Sistem Report Event.
Gambar 3.57 Interface Login-Team Leader-Menu Edit Data Customer Sistem Report Event
Menu customer pilih menu hapus data customer apabila ingin menghapus data customer. Nantinya akan langsung ditampilkan data-data customer yang telah
dimasukkan tadi, setelah itu apabila ingin menghapus maka TL Team Leader hanya akan men-centangcheck data customer mana yang akan dihapus. Seperti
terlihat pada Gambar 3.58 Interface Login-Team Leader-Menu Hapus Data Customer Sistem Report Event. Tetapi apabila ingin menghapus semua data maka
TL Team Leader hanya akan men-centangcheck all atau uncheck all. Yang nantinya akan ada konfirmasi untuk proses penghapusan data customer berupa
text box.
98
Gambar 3.58 Interface Login-TL-Menu Hapus Data Customer Sistem Report Event
c. User UmumKlien Perusahaan