Webinar dan Workshop - Membangun Aplikasi Manajemen Mahasiswa Menggunakan React Vite dan Laravel

Pada Selasa, 06 Januari 2026, telah dilaksanakan kegiatan Webinar & Workshop dengan tema “Membangun Aplikasi Manajemen Mahasiswa Menggunakan React Vite dan Laravel”. 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 6 sebagai bentuk kontribusi akademik dalam pengembangan kompetensi teknologi web modern.

Kegiatan ini diikuti oleh 37 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 informasi yang aplikatif. 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 manajemen mahasiswa, peran frontend dan backend dalam arsitektur aplikasi web, serta pengenalan teknologi React, Vite, dan Laravel. Pemateri, Muhammad Zaid Parhan Adritara, menjelaskan gambaran umum sistem manajemen mahasiswa, termasuk jenis data yang dikelola seperti NIM, nama, program studi, tahun masuk, dan status akademik. Selain itu, peserta juga diperkenalkan dengan konsep arsitektur client-server, alur kerja REST API, serta metode HTTP seperti GET, POST, PUT, dan DELETE yang menjadi fondasi integrasi antara frontend dan backend.

Sesi webinar juga membahas secara komprehensif keunggulan penggunaan React sebagai library frontend berbasis komponen, Vite sebagai build tool modern dengan performa tinggi, serta Laravel sebagai framework backend yang mendukung pengembangan REST API secara terstruktur dan aman. Pemaparan materi ini memberikan wawasan menyeluruh mengenai alur pengembangan aplikasi web modern yang efisien dan scalable.

Selanjutnya, pada sesi workshop, peserta diarahkan untuk melakukan praktik langsung pengembangan aplikasi oleh Adji Setyawan Saputra 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 manajemen mahasiswa berdasarkan struktur proyek yang telah disiapkan sebelumnya. Fokus praktik meliputi pengelolaan frontend menggunakan React Vite, pemahaman struktur komponen, serta integrasi data melalui API yang disediakan oleh backend Laravel.

Melalui sesi workshop ini, peserta memperoleh pengalaman langsung dalam memahami alur integrasi frontend-backend, konsep REST API, serta praktik pengembangan aplikasi yang menyerupai standar industri. Pendekatan ini dinilai efektif karena mampu menghubungkan teori dengan implementasi nyata secara sistematis.

Link Drive Sertifikat Peserta: https://drive.google.com/drive/folders/1de4uNmEjWPGWm3b8orKGNhHBwyJXcaJP?usp=sharing

Secara keseluruhan, kegiatan Webinar & Workshop ini memberikan nilai tambah yang signifikan bagi peserta, baik dari sisi pemahaman konseptual maupun keterampilan teknis. Peserta tidak hanya memahami teori pengembangan aplikasi web modern, tetapi juga dibekali kemampuan praktis dalam membangun sistem manajemen mahasiswa yang terstruktur, responsif, dan mudah dikembangkan. Interaksi yang aktif selama kegiatan, ditandai dengan diskusi dan pertanyaan yang konstruktif, mencerminkan tingginya minat dan semangat peserta terhadap pengembangan teknologi web berbasis React Vite dan Laravel.