1
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

## RANCANG BANGUN SISTEM WEDDING ORGANIZER BERBASIS WEBSITE PADA NIA CATERING
Aras Maulana1 1 , M Rafly Haiqal 2 , Taufik Nur Iskandar 3 , Ragil Wijianto Adhi 4
Abstrak - Wedding organizer adalah sebuah jasa yang membantu untuk melakukan persiapan dan pelaksanaan acara pernikahan sesuai dengan rangkaian acara pesta pernikahan yang telah ditetapkan dan diatur sesuai dengan jadwal yang sudah dibuat sebelumnya. Masih banyaknya perusahaan wedding organizer yang masih menggunakan cara konvensional dalam menjalankan usahanya. Hal itu sangat memakan waktu lama dan tidak efisien. Maka dari itu, sangat dibutuhkan kebiasaan baru dalam melaksanakan kegiatan usaha. Hal ini diharapkan dapat mempermudah kegiatan promosi dan mempersingkat kegiatan transaksi pemesanan jasa wedding organizer . Maka muncul sebuah usulan ini akan menghasilkan sebuah sistem informasi pemesanan wedding organizer berbasis website. Website ini dirancang menggunakan bahasa pemrograman PHP dan menggunakan framework seperti CodeIgniter, Bootstrap, CSS. Menggunakan PHP MySQL sebagai database. Selain itu menggunakan metode pemodelan UML ( Unified Modelling Language ) yang tediri dari use case diagram, activity diagram, class diagram dan lain-lain. Hal ini membuktikan bahwa website pemesanan wedding organizer ini dapat berjalan sesuai rencana yang diharapkan. Kata kunci : : Wedding organizer, sistem informasi, PHP, UML (Unified Modelling Language).
Abstract - Wedding organizer is a service that helps to prepare and carry out wedding events in accordance with a series of wedding events that have been set and arranged according to a pre-made schedule. There are still many wedding organizer companies that still use conventional ways of running their business. It is very time consuming and inefficient. Therefore, new habits are needed in carrying out business activities. This is expected to facilitate promotional activities and shorten the transaction activities for ordering wedding organizer services. Then a proposal appears that will produce a website-based wedding organizer ordering information system. This website is designed using the PHP programming language and uses frameworks such as CodeIgniter, Bootstrap, CSS. Using PHP MySQL as database. In addition, it uses the UML (Unified Modeling Language) modeling method which consists of use case diagrams, activity diagrams, class diagrams and others. This proves that this wedding organizer booking website can run according to the expected plan. Keywords: Wedding organizer, information system, PHP, UML (Unified Modeling Language) .

## PENDAHULUAN
Dimasa pandemi saat ini, penggunaan teknologi sangat dibutuhkan untuk memenuhi kebutuhan setiap manusia, terutama dalam hal wedding organizer. Masih banyaknya perusahaan wedding organizer yang masih menggunakan cara konvensional dalam menjalankan usahanya. Hal itu sangat memakan waktu lama dan tidak efisien. Maka dari itu, sangat dibutuhkan kebiasaan baru dalam melaksanakan kegiatan usaha. Wedding organizer adalah sebuah jasa yang membantu untuk melakukan persiapan dan pelaksanaan acara pernikahan sesuai dengan rangkaian acara pesta pernikahan yang telah ditetapkan dan diatur sesuai dengan jadwal yang sudah dibuat sebelumnya. CV. Surya Boga Sentosa (Nia Catering) bergerak dibidang jasa boga dan wedding package. Kendala yang dialami oleh Nia Catering dalam melakukan pemasaran produk yang ditawari masih secara konvensional melalui mulut ke mulut. Saat ini, Nia Catering masih memanfaatkan media kertas yaitu menggunakan brosur yang berisi katalog yang disebarkan melalui secara
ragil.rgw@ bsi .ac.id 4
Nusa Mandiri Tower, Jl. Jatiwaringin Raya No.2 Jakarta Timur arasmaulana17@gmail.com 1 , raflyhaikal12@gmail.com 2 , taufiknuriskandar20@gmail.com 3
Universitas Nusa Mandiri 1,2, 3 , Universitas Bina Sarana Informatika
manual. Dengan demikian kami membuat terobosan baru dengan membuat PKM Teknologi dengan Judul “RANCANG BANGUN SISTEM WEDDING ORGANIZER BERBASIS WEBSITE PADA NIA CATERING”.

## TINJAUAN PUSTAKA

## A. Sistem Informasi
Sistem informasi adalah suatu sistem didalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi bersifat manajerial dan kegiatan strategi-strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan. [1]

## B. Wedding Organizer
Wedding organizerr merupakan suatu layanan jasa yang menawarkan pelayanan khusus untuk meringankan calon pengantin perempuan dan keluarga berencana dan mengawasi penerapan kegiatan rangkaian acara perkawinan selaku susunan acara dan biaya yang sudah ditetapkan sebelumnya. [2]

## C. Hypertext Preprocessor (PHP)
Hypertext Preprocessor (PHP) merupakan bahasa pemrogramman yang perintahnya dilaksanakan server serta setelah itu hasilnya diitampilkan pada pc client. PHP juga menggambarkan HTML embedded, yakni sintaks PHP yang dituliskan bertepatan dengan sintaks HTML. Jadi PHP serta HTML merupakan sinergi 2 bahasa pemrograman yang sama- sama memantapkan.PHP diperkenalkan oleh Rasmus Lerdof pada tahun 1995. PHP ialah salah satu bahasa pemrograman yang bertabiat Open Source yang dapat di unduh secara gratis ( free ).
[3]

## D. CodeIgniter
Codeigniter ialah aplikasi open source yang berbentuk framework dengan model MVC( Model, View, Controller) buat membangun web dinamis dengan memanfaatkan PHP. [4]

## E. Hyper Text Markup Language (HTML)
HTML merupakan singkatan dari Hyper Text Markup Language yang menggambarkan bahasa pemrograman dasar dalam pemembuat web, HTML terdiri dari Head, Body serta di dalam nya ada TAG serta Attibute, walau dikatakan selaku bahasa pemrograman, namun HTML belum bisa dikatakan selaku bahasa pemrograman sebab HTML tidak miliki hal- hal yang di butuhkan oleh bahasa pemrograman yakni logika, HTML cuma membagikan output, sehingga dari itu HTML di ibaratkan selaku pondasi ataupun struktur dari Website serta yang menjadi bahasa pemrograman nya yakni PHP serta Javascript. [5]

## F. Unified Modeling Language (UML)
UML ( Unified Modeling Language ) adalah bahasa berbasis grafik/gambar yang digunakan untuk memvisualisasikan, menentukan, membangun, dan mendokumentasikan sistem pengembangan perangkat lunak OO ( Object-Oriented ). UML sendiri juga menyediakan standar untuk menulis sistem cetak biru, termasuk konsep proses bisnis, kelas penulisan dalam bahasa pemrograman tertentu, skema database, dan komponen yang diperlukan oleh sistem perangkat lunak ( software ). [6]

## METODE PELAKSANAAN

## A. Tahap Perencanaan
Analisis sistem berjalan yang saat ini sedang digunakan oleh Nia Catering pada bagian pemasaran produknya adalah dengan membagikan selembar brosur kepada para pelanggan. Selain itu, media promosi
lainnya adalah melalui mulut ke mulut. Bagi pelanggan yang berminat menggunakan jasa Nia Catering mereka harus mendatangi kantornya dulu untuk melakukan reservasi. Hal ini sangat membutuhkan waktu yang sangat lama untuk melakukan reservasi.
Gambar 1. Kerangka Pemikiran

## B. Tahap Desain dan Sistem Aplikasi
1. Use Case Admin
 Admin dapat membagikan brosur promosi
 Admin melayani pelanggan yang ingin melakukan reservasi
 Admin mengelola pesanan yang masuk
2. Use Case Pelanggan
 Pelanggan mendatangi kantor WO
 Pelanggan melakukan reservasi Wedding Organizer
C. Tahap Perancangan Program
User interface merupakan tampilan visual yang memudahkan pengguna (user). User interface memiliki tampilan seperti bentuk, tulisan dan warna yang dibuat semenarik mungkin agar pengguna (user) nyaman ketika membuka atau mengunjungi sebuah program.

## D. Tahap Implementasi
Implementasi merupakan tahap pengujian bagi sistem yang baru serta merupakan tahap dimana sebuah program sudah siap digunakan dan dioperasikan oleh pengguna dengan keadaan yang sebenarnya.

## E. Tahap Testing dan Evaluasi
Tahap testing yang digunakan dalam menguji sistem informasi pemesanan wedding organizerr berbasis website menggunakan metode pengujian black box testing.

## HASIL YANG DICAPAI DAN POTENSI KHUSUS
A. Unified Modeling Language (UML)
1. Use Case a) Use Case Pengguna
Gambar 2. Use Case Pengguna
Use case diatas menjelaskan bahwa pengguna dapat melakukan beberapa hal seperti. Mendaftarkan akun, melihat informasi, login akun, melakukan transaksi dan logout.
b) Use Case Diagram Admin
Gambar 3. Use Case Diagram Admin
Use case diagram diatas menjelaskan bahwa admin dapat melakukan login setelah itu dapat mengelola data paket, menginput foto galeri, memproses pesanan dan melakukan logout.

## 2. Activity Diagram
Gambar 4. Activity Diagram
Gambar activity diagram diatas menggambarkan alur bagaimana admin dan pengguna menggunakan website. Pengguna dapat melakukan login, jika belum mempunyai akun pengguna harus mendaftarkan akun terlebih dahulu. Jika sudah mempunyai akun maka pengguna dapat melakukan login. Setelah itu, pengguna dapat melihat informasi yang tersedia pada halaman home dan about . Lalu pengguna dapat memilih paket pernikahan yang tersedia pada menu home. Jika tertarik dengan paket yang ditawarkan pengguna bisa melakukan pemesanan paket. Pengguna diwajibkan untuk mengisi data seperti alamat, tanggal acara dan mengupload bukti pembayaran. Kemudian, admin akan memproses pesanan tersebut. Admin dapat memproses pesanan seperti konfirmasi pembayaran, memproses transaksi, menyelesaikan transaksi dan membatalkan transaksi. Selain itu, admin dapat melakukan update data paket, menginputkan foto untuk ditampilkan di halaman galeri user.
3. Entity Relation Diagram (ERD)

## Gambar 5. Entity Relation Diagram (ERD)
Entity Relation Diagram (ERD) diatas terdiri dari empat entitas, yaitu user, paket, pesanan, galeri dan keuntungan. Proses yang terjadi adalah sebagai berikut.
a) User dapat melihat produk atau paket yang tersedia pada halaman website tersebut.
b) Setelah itu, user akan melakukan pemesanan terhadap paket yang diinginkan.
c) Kemudian user dapat melihat menu galeri pada halaman website.

## 4. Class Diagram
Gambar 6. Class Diagram
Class diagram diatas menggambarkan beberapa tabel seperti user, user terdiri dari pengguna dan admin. Pengguna dapat mendaftarkan akunnya untuk melakukan pemesanan pada website tersebut. Pengguna dapat memiliki beberapa pesanan. Pada tabel paket terdapat beberapa keuntungan yang diberikan kepada pengguna.
5. Sequence Diagram

## a) Sequence Diagram Pengguna
Gambar 7. Sequence Diagram Pengguna
Sequence digram diatas menjelaskan bahwa pengguna dapat melihat tampilan home dari website yang berisi beberapa penawaran produk yang tersedia. Lalu setelah itu, pengguna dapat melihat halaman about yang berisi tentang informasi dari perusahaan. Kemudian, jika pengguna tertarik dengan produk yang ditawarkan, maka pengguna diharuskan melakukan pendaftaran akun untuk melakukan pemesanan. Jika sudah memilih produk yang diinginkan, pengguna akan diminta untuk mengisi form pemesanan dan mengupload bukti pembayaran. Pengguna dapat melihat daftar pesanan pada menu pesanan.
b) Sequence Diagram Admin
Gambar 8. Sequence Diagram Admin
Gambar diatas menjelaskan admin dapat melakukan login dengan cara mengisi email dan password. Setelah berhasil masuk, admin dapat melakukan update foto pada menu galeri yang akan ditampilkan pada halaman pengguna. Kemudian admin dapat menambahkan dan mengganti keterangan produk. Selain itu, admin dapat memproses transaksi yang masuk seperti melakukan konfirmasi pembayaran, memproses transaksi, menyelesaikan transaksi dan melakukan pembatalan.
6. Deployment Diagram

## Gambar 9. Deployment Diagram
Gambar diatas menjelaskan sebuah deployment diagram yang terdiri dari satu database server dan satu hub server yang menghasilkan sebuah program website pemesanan wedding organizer. Program ini akan dihubungkan ke pengguna melalui internet.

## B. User Interface Program

## 1. Tampilan home Pengguna
Gambar 10. Tampilan home website
2. Tampilan Home Admin
Gambar 11. Tampilan home Admin

## PENUTUP

## Kesimpulan
Berdasarkan dari apa sudah diuraikan pada bab bab diatas, maka penulis dapat menyimpulkan beberapa hal sebagai berikut.
1. Wedding organizer adalah sebuah jasa pelayanan yang membantu untuk persiapan dan pelaksanaan acara
pernikahan.
2. Wedding organizer memberikan fasilitas bagi para pengguna jasanya berupa dekorasi pelaminan, rias make up pengantin, fotografi dan videografi dan hiburan yang akan ditampilkan pada saat acara pernikahan dimulai.
3. Wedding organizer ini dapat menjadi pilihan yang tepat untuk membantu anda saat anda ingin melakukan acara resepsi perkawinan. Dengan menggunakan jasa wedding organizer anda dapat meringankan beban anda ketika ingin membuat acara resepsi perkawinan.
4. Dengan dibuatnya sistem informasi pemesanan wedding organizer berbasis website ini diharapkan dapat menjadi sarana media promosi yang tepat dan mendapatkan jangkauan promosi yang luas.
5. Dengan adanya sistem informasi pemesanan wedding organizer berbasis website juga diharapkan dapat membantu para calon pengguna jasa wedding organizer untuk memesan atau mereservasi jasa wedding organizer.
6. Sistem informasi pemesanan wedding organizer berbasis website ini juga diharapakan dapat membantu mempermudah dan mempersingkat waktu saat proses transaksi pemesanan terjadi. Hal ini dapat menguntungkan kedua belah pihak, baik pengguna jasa wedding organizer dan penyedia jasa wedding organizer itu sendiri.

## DAFTAR PUSTAKA
[1] A. Aris, R. Anggara, and Z. A. Zamzami, “Perancangan Sistem Informasi Penerimaan Siswa Baru Berbasis Web Pada PKBM Bhakti Sejahtera,” Cices , vol. 2, no. 1, pp. 87–98, 2016, doi:
10.33050/cices.v2i1.215.
[2] H. Fuad, A. Budiman, and D. Kurniasari, “Perancangan Sistem Informasi Pemesanan Paket Pernikahan Berbasis Web Study Kasus Di Wedding Organizer PJ Management,” Sisfotek Glob. , vol. 8, no. 2, pp. 136–141, 2018.
[3] Fitri Ayu and Nia Permatasari, “perancangan sistem informasi pengolahan data PKL pada divisi humas PT pegadaian,” J. Infra tech , vol. 2, no. 2, pp. 12–26, 2018, [Online]. Available: http://journal.amikmahaputra.ac.id/index.php/JIT/article/download/33/25.
[4] . W. and H. K. Siradjuddin, “Perancangan Website Sistem Seleksi Siswa Baru menggunakan Framework CodeIgniter Pada Madrasah Aliyah Alkhairaat Kalumpang Kota Ternate,” J. Ilm. Ilk. - Ilmu Komput.
Inform. , vol. 3, no. 2, pp. 76–87, 2020, doi: 10.47324/ilkominfo.v3i2.105.
[5] Marlina, Masnur, and M. Dirga.F, “Aplikasi E-Learning Siswa Smk Berbasis Web,” J. SINTAKS Log. Vol. , vol. 1, no. 1, pp. 2775–412, 2021.
[6] A. Mubarak, “Rancang Bangun Aplikasi Web Sekolah Menggunakan Uml (Unified Modeling Language) Dan Bahasa Pemrograman Php (Php Hypertext Preprocessor) Berorientasi Objek,” JIKO (Jurnal Inform. dan Komputer) , vol. 2, no. 1, pp. 19–25, 2019, doi: 10.33387/jiko.v2i1.1052.