eprintid: 32040
rev_number: 14
eprint_status: archive
userid: 12
dir: disk0/00/03/20/40
datestamp: 2026-07-09 06:47:14
lastmod: 2026-07-09 06:47:14
status_changed: 2026-07-09 06:47:14
type: thesis
metadata_visibility: show
creators_name: Dewandaru, Muhammad Yoanan Pradipta
creators_nim: 22.11.4645
contributors_name: Cahyono, Nuri
corp_creators: Universitas AMIKOM Yogyakarta
title: {JALURNON REGULER - MAGANG IT} PENGEMBANGAN FRONT END WEBVIEW FITUR GAMIFIKASI PADA
APLIKASI MY PERTAMINA MENGGUNAKAN NEXT.JS
ispublished: pub
subjects: 000.000.000A
subjects: 000.000.004
divisions: if
full_text_status: restricted
keywords: Gamifikasi, Webview, Next.js, Hybrid application, Frontend
development, Gamification,
abstract: Pengembangan fitur gamifikasi pada aplikasi layanan publik berskala besar
menuntut keseimbangan antara pengalaman pengguna, keamanan data, dan
stabilitas sistem. Pada implementasinya, integrasi modul gamifikasi berbasis
Webview ke dalam aplikasi mobile native menghadirkan sejumlah permasalahan
teknis, seperti kompleksitas navigasi hibrida, validasi identitas pengguna secara
ketat, sinkronisasi data poin secara realtime, serta risiko terjadinya penyalahgunaan
akses pada sistem loyalitas. Jika tidak ditangani dengan tepat, permasalahan
tersebut dapat berdampak pada penurunan kepercayaan pengguna dan
terganggunya integritas layanan digital. 
Penelitian ini bertujuan untuk merancang dan mengembangkan antarmuka
Front End Webview fitur gamifikasi pada aplikasi MyPertamina menggunakan
framework Next.js dan TypeScript. Implementasi mencakup pengelolaan navigasi
hibrida untuk mencegah history looping, validasi identitas pengguna berbasis PID,
manajemen state global, pembatasan waktu operasional permainan, serta integrasi
permainan lintas domain menggunakan iframe dan mekanisme postMessage. 
Hasil penelitian menunjukkan bahwa modul gamifikasi berhasil
diimplementasikan secara stabil dalam lingkungan Hybrid Webview, dengan
navigasi yang terkendali, transaksi poin yang aman, serta sinkronisasi leaderboard
secara realtime. Sistem ini mampu meningkatkan interaktivitas aplikasi tanpa
mengorbankan aspek keamanan dan performa. Hasil pengembangan ini dapat
dimanfaatkan oleh pengembang aplikasi enterprise sebagai referensi teknis dalam
membangun fitur gamifikasi berbasis Webview yang aman, efisien, dan terintegrasi
dengan aplikasi mobile native.
date: 2026-02-24
date_type: published
institution: Universitas AMIKOM Yogyakarta
department: Fakultas Ilmu Komputer
thesis_type: bachelor
thesis_name: skripsi
citation:   Dewandaru, Muhammad Yoanan Pradipta  (2026) {JALURNON REGULER - MAGANG IT} PENGEMBANGAN FRONT END WEBVIEW FITUR GAMIFIKASI PADA APLIKASI MY PERTAMINA MENGGUNAKAN NEXT.JS.  S1 - Sarjana thesis, Universitas AMIKOM Yogyakarta.   
document_url: https://eprints.amikom.ac.id/id/eprint/32040/1/COVER.pdf
document_url: https://eprints.amikom.ac.id/id/eprint/32040/2/BAB%20I.pdf
document_url: https://eprints.amikom.ac.id/id/eprint/32040/3/BAB%20II.pdf
document_url: https://eprints.amikom.ac.id/id/eprint/32040/4/BAB%20III.pdf
document_url: https://eprints.amikom.ac.id/id/eprint/32040/5/BAB%20IV.pdf
document_url: https://eprints.amikom.ac.id/id/eprint/32040/6/Daftar%20Pustaka%20dan%20Lampiran.pdf
document_url: https://eprints.amikom.ac.id/id/eprint/32040/7/Sourcecode%20-%2022.11.4645.zip