Delete Nama Event Untuk TL Team Leader

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