Penerapan Component Driven Development pada Front-End Menggunakan Next.js di Modul Program Kreativitas Mahasiswa Aplikasi MyITS Puspresnas

Gautama, Pramudya Tiandana Wisnu (2023) Penerapan Component Driven Development pada Front-End Menggunakan Next.js di Modul Program Kreativitas Mahasiswa Aplikasi MyITS Puspresnas. Other thesis, Institut Teknologi Sepuluh Nopember.

Text 05111940000018-Undergraduate_Thesis.pdf - Accepted Version Restricted to Repository staff only until 1 October 2025. Download (5MB) | Request a copy

Abstract

Partisipasi mahasiswa dalam kegiatan Program Kreativitas Mahasiswa (PKM) terus mengalami peningkatan dari tahun ke tahun. Untuk menghadapi pertumbuhan ini, Institut Teknologi Sepuluh Nopember (ITS) telah melakukan persiapan dalam alur proses kegiatan PKM, terutama dalam hal pembimbingan dan monitoring, yang dilakukan melalui Sistem Informasi Manajemen PKM (SIM PKM). Namun, SIM PKM menghadapi beberapa permasalahan seperti proses bisnis dan administrasi yang bertambah kompleks. Selain itu, dari sisi pengembang, terdapat masalah duplikasi kode, sulitnya skalabilitas, dan antarmuka yang kurang fleksibel. Oleh karena itu, aplikasi MyITS Puspresnas dikembangkan dengan pendekatan Component Driven Development (CDD) untuk pembagian komponen berdasarkan level atom, molekul, organisme, template, serta laman/pages. Implementasi CDD membantu reusabilitas kode dengan penggunaan rata-rata pada level atom, molekul, serta organisme sebesar 27,9; 6,24; serta 1,59 penggunaan per komponen secara berurutan. Meskipun penggunaan komponen mengalami penurunan berdasarkan level, CDD membantu mengurangi jumlah duplikasi kode menjadi hanya 1,9% melalui pengujian dengan SonarQube. Hal ini membuktikan bagaimana pendekatan CDD dapat menjadi solusi meningkatkan reusabilitas kode pada aplikasi. Di samping itu, MyITS Puspresnas dilengkapi dengan fitur tambahan seperti Mantine, Tailwind CSS, Codegen, dan sebagainya yang dapat mengatasi pembuatan komponen dari awal, pengecekan ulang kerapian kode, atau penulisan tipe data kembali. Dengan demikian, aplikasi MyITS Puspresnas beserta pendekatan CDD di dalamnya dapat membantu pengembang untuk mempercepat proses pengembangan aplikasi dan modul lainnya dengan adanya reusabilitas dan fitur pendukung tambahan di dalamnya.
=================================================================================================================================
Student participation in Student Creativity Program (PKM) activities continues to increase from year to year. To deal with this growth, the Sepuluh Nopember Institute of Technology (ITS) has made preparations in the process flow of PKM activities, especially in terms of mentoring and monitoring, which are carried out through the PKM Management Information System (SIM PKM). However, SIM PKM faces several problems such as increasingly complex business and administrative processes. In addition, from the developer's perspective, there are problems with code duplication, difficulty with scalability, and an interface that is less flexible. Therefore, Puspresnas' MyITS application was developed using the Component Driven Development (CDD) approach to distribute components based on the atomic, molecular, organism, template, and page levels. The implementation of CDD helped code reusability with average usage at the atomic, molecular, and organismal levels of 27.9; 6.24; and 1.59 usage per component sequentially. While component usage decreased by level, CDD helped reduce code duplication to merely 1.9% through testing with SonarQube. This confirms how the CDD approach can be a solution to improve code reusability in applications. In addition, MyITS Puspresnas is equipped with additional features such as Mantine, Tailwind CSS, Codegen, and so on, which can handle creating components from scratch, re-checking code tidiness, or writing data types again. Thus, Puspresnas' MyITS application and its CDD approach can help developers speed up the process of developing applications and other modules with reusability and additional supporting features in it.

Item Type:	Thesis (Other)
Uncontrolled Keywords:	Component Driven Development, MyITS Puspresnas, reusability
Subjects:	Q Science > QA Mathematics > QA76.758 Software engineering T Technology > TK Electrical engineering. Electronics Nuclear engineering > TK5105.888 Web sites--Design. Web site development.
Divisions:	Faculty of Intelligent Electrical and Informatics Technology (ELECTICS) > Informatics Engineering > 55201-(S1) Undergraduate Thesis
Depositing User:	Pramudya Tiandana Wisnu Gautama
Date Deposited:	21 Nov 2023 04:20
Last Modified:	21 Nov 2023 04:20
URI:	http://repository.its.ac.id/id/eprint/100611

Actions (login required)

View Item