Webinar dan Workshop - Transparansi Wedding Organizer dengan Sistem Monitoring Berbasis Web menggunakan React berbasis Bootstrap
Pada Jumat, 09 Januari 2026, telah dilaksanakan kegiatan Webinar & Workshop dengan tema “Transparansi Wedding Organizer dengan Sistem Monitoring Berbasis Web menggunakan React berbasis Bootstrap”. Kegiatan ini merupakan bagian dari rangkaian diseminasi hasil Program Magang dan Studi Independen Bersertifikat (MSIB) Batch 9 yang diselenggarakan oleh Program Studi Teknik Informatika, Fakultas Teknik, Universitas Muhammadiyah Jakarta (UMJ). Pelaksanaan kegiatan ini diinisiasi dan dikelola oleh Tim Diseminasi KKN Kelompok 7 sebagai bentuk kontribusi akademik dalam pengembangan kompetensi teknologi web modern.
Kegiatan ini diikuti oleh 32 peserta yang terdiri dari mahasiswa UMJ serta peserta dari luar universitas yang memiliki minat dalam pengembangan aplikasi web. Antusiasme peserta menunjukkan tingginya ketertarikan generasi muda terhadap implementasi teknologi frontend dan backend modern dalam membangun sistem wedding organizer yang transparan. Secara teknis, kegiatan dibagi ke dalam dua sesi utama, yaitu sesi webinar sebagai penguatan konsep dan sesi workshop sebagai penerapan praktik secara langsung.
Pada sesi webinar, materi difokuskan pada pemahaman konsep aplikasi wedding organizer yang transparan, serta pengenalan teknologi React dan Bootstrap. Pemateri, Muhammad Akhyar, menjelaskan gambaran umum sistem wedding organizer berbasis web yang digunakan untuk memantau dan mengelola seluruh proses persiapan pernikahan secara terpusat, mulai dari progres pekerjaan, jadwal acara, status pemesanan, hingga pembagian tugas antara wedding organizer, vendor, dan klien secara real-time.
Melalui sistem monitoring berbasis web ini, transparansi dan koordinasi antar pihak dapat ditingkatkan sehingga mampu meminimalkan miskomunikasi yang kerap terjadi dalam penyelenggaraan acara pernikahan. Selain itu, pemanfaatan React dan Bootstrap membantu menghasilkan tampilan aplikasi yang interaktif, responsif, dan user-friendly, sehingga mendukung efektivitas serta efisiensi dalam proses perencanaan dan pelaksanaan pernikahan.
Selanjutnya, pada sesi workshop, peserta diarahkan untuk melakukan praktik langsung pengembangan aplikasi web wedding organizer oleh Didik Haryadi selaku pemateri. Sesi ini menitikberatkan pada implementasi teknis dengan memanfaatkan Visual Studio Code sebagai code editor. Peserta tidak membangun aplikasi dari awal, melainkan mengembangkan studi kasus aplikasi wedding organizer berdasarkan struktur proyek yang telah disiapkan sebelumnya. Fokus praktik meliputi pengelolaan antarmuka frontend menggunakan React, pemanfaatan Bootstrap untuk membangun tampilan yang responsif dan user-friendly, serta pemahaman struktur komponen dalam pengembangan aplikasi berbasis web.
Pada sesi ini juga dibahas konsep transparansi sistem dari sisi tiga pihak, yaitu admin (wedding organizer), vendor, dan klien. Admin berperan dalam mengelola data acara, mengatur jadwal, memantau progres pekerjaan, serta mengoordinasikan vendor melalui sistem. Pihak vendor menggunakan website untuk memperbarui status tugas dan layanan yang ditangani, sehingga perkembangan pekerjaan dapat terpantau secara real-time. Sementara itu, klien dapat mengakses informasi acara, melihat progres persiapan, dan memantau layanan yang diberikan secara terbuka, sehingga komunikasi menjadi lebih terstruktur dan tingkat kepercayaan terhadap wedding organizer dapat meningkat.
Link Drive Sertifikat Peserta : https://drive.google.com/drive/folders/1xX-VLs9u5AONmuBABs2Et3StbQD5Jra4?usp=sharing
Secara keseluruhan, kegiatan Webinar dan Workshop ini memberikan kontribusi positif bagi peserta, baik dalam memperluas pemahaman konsep maupun meningkatkan keterampilan teknis. Peserta tidak hanya memperoleh wawasan mengenai pengembangan aplikasi wedding organizer berbasis web, tetapi juga dibekali pengalaman praktis dalam membangun sistem yang mendukung transparansi layanan bagi customer. Antusiasme peserta terlihat dari keterlibatan aktif selama kegiatan melalui diskusi dan sesi tanya jawab, yang menunjukkan tingginya minat terhadap pemanfaatan teknologi React dan Bootstrap dalam pengembangan website wedding organizer yang efektif, responsif, dan mudah dikembangkan.