Transformasi Digital Organisasi Pendidikan: Perancangan Website Interaktif PERGUNU (Persatuan Guru Nahdlatul Ulama) Situbondo Berbasis ReactJS sebagai Media Informasi dan Layanan Online

Norfaize, Ike and Fuadi, Fairuz (2025) Transformasi Digital Organisasi Pendidikan: Perancangan Website Interaktif PERGUNU (Persatuan Guru Nahdlatul Ulama) Situbondo Berbasis ReactJS sebagai Media Informasi dan Layanan Online. Project Report. [s.n.], [s.l.]. (Unpublished)

Text 5025221199_5025221315-Project_Report.pdf - Accepted Version Restricted to Repository staff only Download (4MB) | Request a copy

Abstract

Persatuan Guru Nahdlatul Ulama (PERGUNU) Situbondo adalah sebuah organisasi yang mengelola para pendidik Nahdliyin di wilayah Situbondo, Jawa Timur. Organisasi ini berfokus pada pengembangan kemampuan para guru dan penguatan nilai-nilai keislaman dalam dunia pendidikan. Untuk itu, PERGUNU Situbondo membutuhkan perubahan ke arah digital agar bisa menyampaikan informasi dan layanan dengan lebih luas dan lebih efektif. Selama ini, informasi yang diberikan masih mengandalkan metode manual dan media sosial yang belum terorganisir. Dalam melaksanakan Kerja Praktik di Departemen Teknik Informatika ITS, penulis mengembangkan sebuah website interaktif untuk PERGUNU Situbondo berbasis ReactJS sebagai solusi digital organisasi. Website ini dibangun dengan arsitektur
modern menggunakan React.js versi 19.1.0 dan Vite versi 7.0 sebagai bagian frontend, Express.js sebagai backend REST API, dan file JSON sebagai database untuk fase MVP (Minimum Viable Product). Deployment dilakukan dengan menggunakan Docker 15 containerization, dengan Traefik versi 3.2 sebagai reverse proxy serta pengelolaan SSL/TLS otomatis melalui Let's Encrypt di Azure VM. Beberapa fitur utama website ini meliputi manajemen berita dengan pengeditan menggunakan WYSIWYG editor (Quill), program beasiswa, manajemen sertifikat (upload, download, dan penghapusan PDF), aplikasi pendaftaran beasiswa online, fitur cek status pendaftaran dengan notifikasi popup dan integrasi WhatsApp untuk kontak administrator, sistem autentikasi berdasarkan peran (admin/user), fitur tambah pengguna untuk admin dengan otomatis regenerasi sesi, serta desain responsive yang berfungsi baik di semua perangkat. Website ini telah diberikan akses ke lingkungan produksi dengan domain https://fairuzfd.site dan API backend di https://api.fairuzfd.site. Selain itu, website ini telah mengalami pengujian terhadap fungsionalitas, responsivitas, performa, dan keamanan, serta hasilnya telah memenuhi kriteria yang ditetapkan.
==================================================================================================================================
The Nahdlatul Ulama Teachers Association (PERGUNU) Situbondo is an organization that manages Nahdliyin educators in the Situbondo region, East Java. This organization focuses on developing teacher skills and strengthening Islamic values in education. Therefore, PERGUNU Situbondo requires a digital transformation to deliver information and services more widely and effectively. Until now, information has relied on manual methods and unorganized social media. During his internship at the Informatics Engineering Department of ITS, the author developed an interactive website for PERGUNU Situbondo based on ReactJS as the organization's digital solution. This website was built with a modern architecture using React.js version 19.1.0 and Vite version 7.0 as the frontend, Express.js as the backend REST API, and JSON files as the database for the MVP (Minimum Viable Product) phase. Deployment was carried out using Docker 15 containerization, with Traefik version 3.2 as a reverse proxy, and automated SSL/TLS management via Let's Encrypt on an Azure VM. Some of the website's key features include news management with editing using a WYSIWYG editor (Quill), scholarship programs, certificate management (uploading, downloading, and deleting PDFs), an online scholarship application, a registration status check feature with pop-up notifications and WhatsApp integration for administrator contact, a role-based authentication system (admin/user), an add-user feature for admins with automatic session regeneration, and a responsive design that works well on all devices. This website has been granted access to a production environment with the domain https://fairuzfd.site and a backend API at https://api.fairuzfd.site. Furthermore, this website has undergone testing for functionality, responsiveness, performance, and security, and the results have met the established criteria.

Item Type:	Monograph (Project Report)
Uncontrolled Keywords:	Authentication, Certificate Management, Docker, Express.js, PERGUNU, ReactJS, Status Checking, Traefik, Website, WYSIWYG Editor.
Subjects:	T Technology > T Technology (General)
Divisions:	Faculty of Information Technology > Informatics Engineering > 55201-(S1) Undergraduate Thesis
Depositing User:	Ike Norfaize
Date Deposited:	22 Jan 2026 08:15
Last Modified:	22 Jan 2026 08:15
URI:	http://repository.its.ac.id/id/eprint/130067

Actions (login required)

View Item