Laporan Kerja Praktek Pembuatan Modul Pengembangan Frontend Dasar dan Pengembangan Aplikasi Departemen

Pristiawan, Muhammad Tabah (2026) Laporan Kerja Praktek Pembuatan Modul Pengembangan Frontend Dasar dan Pengembangan Aplikasi Departemen. Project Report. [s.n.], [s.l.]. (Unpublished)

[thumbnail of 5053231019-Project_Report.pdf] Text
5053231019-Project_Report.pdf - Accepted Version
Restricted to Repository staff only

Download (1MB) | Request a copy

Abstract

Mata kuliah Pengembangan Frontend Dasar merupakan salah satu mata kuliah pilihan di Departemen Teknik Informatika ITS yang membekali mahasiswa dengan kemampuan membangun antarmuka aplikasi web modern menggunakan React, Next.js, dan Tailwind CSS, beserta topik pendukungnya seperti pengelolaan state, autentikasi berbasis token, data fetching, routing, dan optimasi performa. Selama ini materi perkuliahan tersebar dalam berbagai sumber yang belum terstruktur dalam satu modul ajar yang konsisten, sehingga dibutuhkan modul mata kuliah yang terorganisasi per pertemuan.
Selain itu, Departemen Teknik Informatika ITS juga membutuhkan sebuah aplikasi manajemen program Merdeka Belajar Kampus Merdeka (MBKM) bernama MyIF MBKM untuk mengelola proses pendaftaran, pengisian logbook, verifikasi dosen, serta penilaian dan pemantauan (monev) keikutsertaan mahasiswa dalam program MBKM. Oleh karena itu, kerja praktik ini mencakup dua pekerjaan yang terpisah, yaitu penyusunan modul mata kuliah Pengembangan Frontend Dasar yang terdiri atas 16 pertemuan, serta pengembangan sisi frontend aplikasi MyIF MBKM menggunakan Next.js dan Tailwind CSS. Ruang lingkup pekerjaan kedua dibatasi pada pengembangan antarmuka pengguna, yaitu penyusunan komponen, tata letak halaman, pengaturan routing, serta integrasi antarmuka dengan API yang disediakan oleh sisi backend.
Hasil dari kerja praktik ini berupa modul ajar mata kuliah Pengembangan Frontend Dasar yang berisi lesson plan per minggu, materi, contoh kode, serta latihan/tugas untuk setiap topik; dan antarmuka frontend aplikasi MyIF MBKM yang meliputi halaman beranda mahasiswa, formulir pendaftaran MBKM, pengisian logbook kegiatan, penilaian oleh dosen pemonev, serta halaman pengelolaan (admin). Berdasarkan hasil pengujian antarmuka, seluruh skenario yang diujikan telah terpenuhi, sehingga modul mata kuliah diharapkan dapat digunakan sebagai bahan ajar, dan antarmuka MyIF MBKM diharapkan dapat mempermudah proses pengelolaan program MBKM di Departemen Teknik Informatika ITS.

Item Type: Monograph (Project Report)
Uncontrolled Keywords: Modul Mata Kuliah, Pengembangan Frontend Dasar, MyIF MBKM, Merdeka Belajar Kampus Merdeka, React, Next.js, Tailwind CSS, Antarmuka Pengguna
Subjects: T Technology > T Technology (General) > T58.5 Information technology. IT--Auditing
Divisions: Faculty of Intelligent Electrical and Informatics Technology (ELECTICS) > Informatics Engineering > 55201-(S1) Undergraduate Thesis
Depositing User: Muhammad Tabah Pristiawan
Date Deposited: 11 Jul 2026 13:04
Last Modified: 11 Jul 2026 13:04
URI: http://repository.its.ac.id/id/eprint/134694

Actions (login required)

View Item View Item