relation: https://eprints.amikom.ac.id/id/eprint/32040/ title: {JALURNON REGULER - MAGANG IT} PENGEMBANGAN FRONT END WEBVIEW FITUR GAMIFIKASI PADA APLIKASI MY PERTAMINA MENGGUNAKAN NEXT.JS creator: Dewandaru, Muhammad Yoanan Pradipta subject: 000 Ilmu komputer, informasi dan pekerjaan umum subject: 004 Pemrosesan data dan ilmu komputer description: 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 type: Thesis type: NonPeerReviewed format: text language: id identifier: https://eprints.amikom.ac.id/id/eprint/32040/1/COVER.pdf format: text language: id identifier: https://eprints.amikom.ac.id/id/eprint/32040/2/BAB%20I.pdf format: text language: id identifier: https://eprints.amikom.ac.id/id/eprint/32040/3/BAB%20II.pdf format: text language: id identifier: https://eprints.amikom.ac.id/id/eprint/32040/4/BAB%20III.pdf format: text language: id identifier: https://eprints.amikom.ac.id/id/eprint/32040/5/BAB%20IV.pdf format: text language: id identifier: https://eprints.amikom.ac.id/id/eprint/32040/6/Daftar%20Pustaka%20dan%20Lampiran.pdf format: archive language: id identifier: https://eprints.amikom.ac.id/id/eprint/32040/7/Sourcecode%20-%2022.11.4645.zip identifier: 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.