IMPLEMENTASI METODE FIVE PLANES DALAM PERANCANGAN UI/UX PADA MANAJEMEN API BKKBN (DATA KELUARGA BERESIKO STUNTING)

• AFIT SEFUDIN

---

ABSTRAK

ABSTRAK

Afit Sefudin (11230339), Implementasi Metode Five Planes Dalam Perancangan UI/UX Pada Manajemen API BKKBN (Data Keluarga Beresiko Stunting)

Stunting adalah permasalahan serius di Indonesia, ditandai oleh gangguan pertumbuhan akibat kekurangan gizi kronis dan infeksi berulang. Untuk mengatasi hal ini, pemerintah menggunakan Sistem Informasi Keluarga (SIGA) yang dikelola oleh BKKBN. Namun, pemanfaatan data SIGA dalam mencegah stunting terkendala oleh interoperabilitas antar instansi dan antarmuka pengguna yang kurang optimal. Penelitian ini bertujuan untuk merancang user interface (UI) dan user experience (UX) portal web service SIGA menggunakan metode Five Planes. Metode ini meliputi lima tahap: strategy, scope, structure, skeleton, dan surface plane, dengan evaluasi menggunakan System Usability Scale (SUS). Hasil penelitian menunjukkan bahwa desain antarmuka berbasis web yang dibuat memberikan pengalaman pengguna yang lebih intuitif dan efisien. Dengan skor SUS rata-rata 80,5, portal ini dinilai dalam kategori "excellent" dan layak untuk tahap implementasi lebih lanjut. Penerapan desain UI/UX ini diharapkan mampu meningkatkan aksesibilitas dan efektivitas pemanfaatan data SIGA dalam mendukung intervensi keluarga berisiko stunting secara lebih optimal.

KATA KUNCI

Perancangan UI/UX

---

DAFTAR PUSTAKA

DAFTAR PUSTAKA

[1] Direktorat Bina Penggerakan Lini Lapangan BKKBN, “Buku Saku Tematik Panduan Pelaksanaan Mini Lokarya Stunting,” 2023.

[2] BKKBN, “Rekapitulasi Keluarga Berisiko Stunting Berdasarkan Nama Dan Alamat,” Verval Keluarga Berisiko Stunting SIGA. Accessed: Nov. 11, 2024. [Online]. Available: https://newsiga-siga.bkkbn.go.id/

[3] A. R. Aryabimo, D. Bernady, N. N. K. Sar, and V. H. Pranatawijaya, “Implementasi Api Chat GPT Pada Aplikasi Restoran Berbasis Website,” Jurnal Informatika dan Teknik Elektro Terapan, 2024, doi: http://dx.doi.org/10.23960/jitet.v12i3.4408.

[4] E. Nurhayati and A. Agussalim, “Rancang Bangun Back-end API pada Aplikasi Mobile AyamHub Menggunakan Framework Node JS Express,” Jurnal Sistem dan Teknologi Informasi (JustIN), vol. 11, no. 3, p. 524, Jul. 2023, doi: 10.26418/justin.v11i3.66823.

[5] A. Rizki Hermawan, J. Informatika, F. T. Industri, and B. Suranto, “Perancangan User Interface dan User Experience Website E-Voting Menggunakan Metode Design Thinking,” 2023.

[6] D. Zilbryan, I. Haris, F. Suyatno, and * Korespondensi, “Perancangan User Interface-User Experience Aplikasi Dongeng Nusantara Berbasis Perancangan User Interface / User Experience Aplikasi Dongeng Nusantara Berbasis Web Mengguakan Metode Five Planes,” Online) Teknologi: Jurnal Ilmiah Sistem Informasi, vol. 12, no. 1, pp. 47–60, 2022, doi: 10.26594/teknologi.v14i1.4630.

[7] H. Himawan and M. Yanu F., “Interface User Experience,” pp. 1–195, 2020.

[8] H. Nurdiyanto, M. R. R. Islami, A. Perdana, F. Sugandi, U. Apsiswanto, and T. A. Saputri, Interaksi Manusia dan Komputer, I. Kota Malang: PT. Literasi Nusantara Abadi Grup, 2023.

[9] E. F. Yehdeya, C. H. Primasari, T. A. Purnomo Sidhi, Y. P. Wibisono, D. B. Setyohadi, and M. Cininta, “Analisis User Interface (UI) Dan User Experience (UX) Sudut Elevasi Pemukul Gamelan Metaverse Virtual Reality Menggunakan User Centered Design (UCD),” JIKO (Jurnal Informatika dan Komputer), vol. 7, no. 1, p. 137, Feb. 2023, doi: 10.26798/jiko.v7i1.757.

[10] R. Mayasari and N. Heryana, Konsep dan Teori Desain User Experience. 2023.

[11] S. Mufti Prasetiyo and F. A. Ariestia, “OKTAL : Jurnal Ilmu Komputer dan Science Mengenal User Interface dan User Experience dalam Dunia Desain dan 94 Teknologi,” vol. 2, no. 10, 2023, [Online]. Available: https://journal.mediapublikasi.id/index.php/oktal

[12] Mohamad Gifari Fachridwan and Mery Citra Sondari, “Pengembangan User Interface Dan User Experience Dengan Metode Five Planes (Studi Kasus Pada Website Taxsam.co Learning Center),” Jurnal Ekuilnomi, vol. 5, no. 2, Nov. 2023, doi: 10.36985/ekuilnomi.v5i2.762.

[13] T. Wahyuningrum, Referensi Mengukur Usability Perangkat Lunak, I. Sleman: Deepublish, 2021.

[14] S. P. Budiarto and D. Y. R.L, “Evaluasi Usability pada Aplikasi Jemput Sampah Online Desa Rejosari Menggunakan Metode System Usability Scale (SUS),” Jurnal Eksplora Informatika, vol. 13, no. 1, pp. 100–112, Sep. 2023, doi: 10.30864/eksplora.v13i1.822.

[15] T. Wahyuningrum, Kuesioner Dalam Pengukuran Usability. Sleman: Deepublisher Digital, 2023.

[16] R. P. Ririmasse and M. Badrul, “Evaluasi Usability Website Behandle Operation System Customer PT. Multi Terminal Indonesia Menggunakan Metode System Usability Scale KATA KUNCI Evaluation Usability System Usability Scale KORESPONDENSI,” 2024.

[17] Z. Sharfina and H. Santoso, An Indonesian Adaptation of the System Usability Scale (SUS). 2016. doi: 10.1109/ICACSIS.2016.7872776.

[18] A. D. Cahyani and A. Basuki, Belajar Dasar Pemrograman API , Cetakan I. Malang: Media Nusa Creative, 2022.

[19] R. Anggita, “Implementasi Aplikasi Manajemen Api Berbasis Protokol Rest Menggunakan Platform WSO2,” Institut Teknologi Sepuluh Nopember, Surabaya, 2018.

[20] phintraco.com, “API Management: Solusi Membangun Integrasi Aplikasi yang Efisien,” Phintraco Group. Accessed: Dec. 17, 2024. [Online]. Available: https://phintraco.com/api-management/

[21] S. Fikri and L. Latipah, “Implementasi Metode Five Planes Dalam Perancangan Ulang User Interface Web Akademik Universitas Narotama,” Jurnal Ilmu Komputer dan Bisnis, vol. 15, no. 2, pp. 146–155, Nov. 2024, doi: 10.47927/jikb.v15i2.794.

[22] G. Noer Rafi, N. Heryana, and T. Ridwan, “Implementasi Metode Five Planes Dalam Perancangan Desain Antarmuka Website Desa Sindangkarya Karawang,” vol. xx, No. x, 2024. 95

[23] I. Ismail, D. Satria, Y. Kartika, and A. S. Fitri, “Desain UI/UX Aplikasi Pembelajaran Agama Islam bagi Mualaf Menggunakan Metode Five Planes,” Student Research Journal, vol. 2, no. 4, pp. 262–281, 2024, doi: 10.55606/srjyappi.v2i4.1393.

[24] I. Kadek Setiawan and A. Istri Ita Paramitha, “Prototype Mobile Application Menggunakan Metode Five Planes Pada Startup Mainheal,” 2023.

[25] C. Dani, N. W. S. Ariyani, and D. A. S. Dewi, “Perancangan User Interface dan User Experience sistem Informasi Inventory berbasis Website pada PT Trimitra Alkabes Mandiri Dengan Metode Five Planes,” Nov. 2024, doi: 10.8734/Kohesi.v1i2.365.