Perancangan dan Pengembangan Modul Frontend untuk Aplikasi DroneMEQ, Portal Smart Indicator Economy, serta Aplikasi Enterprise Resource Planning

Hanif, Muhammad Wafi Zaki (2025) Perancangan dan Pengembangan Modul Frontend untuk Aplikasi DroneMEQ, Portal Smart Indicator Economy, serta Aplikasi Enterprise Resource Planning. Project Report. [s.n.], [s.l.]. (Unpublished)

Text 5025221039-Project_Report.pdf - Accepted Version Download (5MB)

Abstract

Laporan kerja praktik ini membahas proses perancangan, pengembangan, serta integrasi fitur frontend dari tiga sistem utama, yaitu DroneMEQ, Sistem Enterprise Resource Planning (ERP), dan Portal Smart Indicator Economy. Kegiatan kerja praktik difokuskan pada peningkatan fungsionalitas antarmuka pengguna (UI) dan integrasi sistem berbasis autentikasi serta manajemen akses. Seluruh pengembangan frontend dilakukan menggunakan Next.js dan TypeScript, melanjutkan ekosistem yang telah dibangun oleh pengembang sebelumnya.
Pada sistem DroneMEQ, penulis melakukan peningkatan fungsionalitas dengan mengubah antarmuka modul Pelanggaran dari berbasis kartu menjadi tabel untuk meningkatkan densitas informasi, menerapkan pendekatan dinamis pada integrasi backend pada modul kelola asset, serta mengimplementasikan sistem translasi multibahasa (Indonesia dan inggris). Pada sistem ERP, penulis mengimplementasikan sistem otorisasi berbasis peran yang secara dinamis menyesuaikan tampilan komponen antarmuka sesuai hak akses pengguna. Penulis juga menerapkan integrasi autentikasi melalui portal untuk aplikasi ERP. Sementara itu, Portal Smart Indicator Economy dibangun dari awal, mencakup fitur autentikasi, dashboard, serta modul terpusat untuk manajemen pengguna, peran, dan hak akses yang terintegrasi dengan aplikasi ERP.
Kegiatan ini bertujuan untuk mengembangkan antarmuka sistem yang fungsional, terintegrasi lintas aplikasi, serta menerapkan praktik terbaik dalam pengembangan perangkat lunak berskala industri.
Hasil pengujian membuktikan bahwa pengembangan yang dilakukan berhasil meningkatkan kualitas dan fungsionalitas sistem secara signifikan. Pengujian manual menunjukkan 100% fungsionalitas berjalan sesuai skenario tanpa galat dan tidak ditemukan adanya kebocoran kredensial, yang merupakan peningkatan substansial dari kondisi sebelumnya yang memiliki bug dan integrasi statis. Lebih lanjut, evaluasi kualitas teknis menggunakan Google Lighthouse menunjukkan hasil yang sangat memuaskan. Dengan skor rata-rata Kinerja 92, Aksesibilitas 83, Best Practices 95, dan SEO 97, hasil ini secara kuantitatif membuktikan bahwa antarmuka yang baru tidak hanya fungsional, tetapi juga dibangun dengan standar modern yang tinggi, sehingga lebih efisien dan andal dibandingkan sistem sebelumnya.
=================================================================================================
This internship report discusses the design, development, and integration of frontend features for three main systems: DroneMEQ, Enterprise Resource Planning (ERP) System, and Smart Indicator Economy Portal. The internship activities focused on enhancing user interface (UI) functionality and system integration based on authentication and access management. All frontend development was carried out using Next.js and TypeScript, continuing the ecosystem established by previous developers.
In the DroneMEQ system, the author enhanced functionality by changing the Violation module interface from card-based to table-based to increase information density, applying a dynamic approach to backend integration in the asset management module, and implementing a multilingual translation system (Indonesian and English). In the ERP system, the author implemented a role-based authorization system that dynamically adjusts the interface component display according to user access rights. The author also implemented authentication integration through a portal for the ERP application. Meanwhile, the Smart Indicator Economy Portal was built from scratch, including authentication features, a dashboard, and a centralized module for user management, roles, and access rights integrated with the ERP application.
This activity aimed to develop a functional system interface, cross-application integration, and apply best practices in industrial-scale software development.
Testing results demonstrate that the development efforts significantly improved system quality and functionality. Manual testing showed 100% functionality operating as per scenarios without errors, and no credential leaks were detected—a substantial improvement from the previous state, which had bugs and static integration. Furthermore, technical quality evaluation using Google Lighthouse yielded highly satisfactory results. With an average score of 92 for Performance, 83 for Accessibility, 95 for Best Practices, and 97 for SEO, these results quantitatively prove that the new interface is not only functional but also built to high modern standards, making it more efficient and reliable than the previous system.

Item Type:	Monograph (Project Report)
Uncontrolled Keywords:	DroneMEQ, ERP, Portal Smart Indicator Economy
Subjects:	T Technology > T Technology (General) > T58.6 Management information systems
Divisions:	Faculty of Information and Communication Technology > Informatics > 55201-(S1) Undergraduate Thesis
Depositing User:	Muhammad Wafi Zaki Hanif
Date Deposited:	11 Jul 2025 07:07
Last Modified:	11 Jul 2025 07:07
URI:	http://repository.its.ac.id/id/eprint/119593

Actions (login required)

View Item