Rancang Bangun Web GBM-Online pada bagian FrontEnd di PLN Icon Plus

Asisi Brian Nugrah Mariarvin, Fransiskus (2026) Rancang Bangun Web GBM-Online pada bagian FrontEnd di PLN Icon Plus. Pro-Step Report, Universitas Multimedia Nusantara.

	PDF HALAMAN_AWAL.pdf Restricted to Registered users only Download (558kB)
	PDF BAB_I.pdf Download (211kB)
	PDF BAB_II.pdf Download (270kB)
	PDF BAB_III.pdf Restricted to Registered users only Download (13MB)
	PDF BAB_IV.pdf Restricted to Registered users only Download (208kB)
	PDF DAFTAR_PUSTAKA.pdf Restricted to Registered users only Download (204kB)
	PDF LAMPIRAN.pdf Restricted to Registered users only Download (13MB)
	PDF LEMBAR_PENGESAHAN.pdf Restricted to Registered users only Download (52kB)

Abstract

PT PLN (Persero) sebagai penyedia energi kelistrikan nasional memerlukan sistem manajemen dan pemantauan data gas dan bahan bakar minyak (GBM) yang terintegrasi. Pencatatan data secara manual meningkatkan risiko human error, memperlambat proses analisis, dan menghambat sinkronisasi antar unit kerja. Guna mengatasi permasalahan tersebut, PT PLN Icon Plus mengembangkan platform GBM-Online untuk Modul Liquified Natural Gas (LNG). Kegiatan kerja magang ini bertujuan merancang dan membangun antarmuka front-end platform GBM- Online menggunakan pendekatan Software Development Life Cycle (SDLC) yang mencakup tiga fase: Business Analyst, UI/UX Designing, dan Developing. Pada fase Business Analyst, dilakukan pemodelan proses bisnis menggunakan Business Process Model and Notation (BPMN) serta penyusunan Information Architecture. Pada fase UI/UX Designing, dirancang Lo-Fi wireframe, Hi-Fi design, Design System, dan interactive prototype menggunakan Figma. Pada fase Developing, diimplementasikan komponen front-end menggunakan Vue.js 3 dan Tailwind CSS beserta empat composable functions sebagai utilitas bersama. Hasil implementasi mencakup sepuluh modul fungsional, yaitu autentikasi pengguna, Dashboard, Kontrak, ADP, Transaksi, Regasifikasi, Automatic Verification, Vessel Tracking berbasis OpenLayers, Master Data, dan User Management. Platform ini berhasil mengotomatisasi proses verifikasi data dan meminimalisir human error dalam pengelolaan data energi nasional di PT PLN Icon Plus.

Item Type:	Technical Report (Pro-Step Report)
Creators:	Asisi Brian Nugrah Mariarvin, Fransiskus (00000097514)
Contributors:	Suryadibrata, Alethea (0322099201)
Keywords:	front-end development, GBM-Online, PLN Icon Plus, SDLC, Vue.js
Subjects:	000 Computer Science, Information and General Works
Divisions:	Faculty of Engineering & Informatics > Informatics
Date Deposited:	15 Jul 2026 11:57
URI:	https://kc.umn.ac.id/id/eprint/47566

Actions (login required)

View Item