Pengembangan Sistem Pembelajaran Interaktif Dengan Desain Interface Menarik di Pondok Pesantren Ibnu Abbas
Downloads
Transformasi digital mendorong lembaga pendidikan, termasuk pondok pesantren, untuk menyediakan pembelajaran yang fleksibel, interaktif, dan sesuai dengan kebutuhan peserta didik. Pondok Pesantren Ibnu Abbas berencana memperkenalkan pembelajaran coding, tetapi belum memiliki media pembelajaran terstruktur yang dapat digunakan santri secara mandiri. Penelitian ini bertujuan mengembangkan EduCode, sistem pembelajaran interaktif berbasis web dengan desain antarmuka yang menarik, serta mengevaluasi penerimaan penggunanya. Penelitian menggunakan metode Research and Development dengan pendekatan kuantitatif deskriptif. Data dikumpulkan melalui observasi, wawancara, dokumentasi, dan kuesioner User Acceptance Testing terhadap 18 santriwati yang dipilih secara purposif. Instrumen terdiri atas 12 pernyataan dengan skala Likert lima tingkat yang mencakup kemudahan penggunaan, fungsi sistem, tampilan antarmuka, dan kelayakan sistem. Sistem dirancang menggunakan Figma dan dikembangkan dengan framework Laravel, kemudian data dianalisis menggunakan persentase dan rata-rata. EduCode menyediakan materi, video, kuis, penilaian otomatis, umpan balik, pemantauan progres, dan pengelolaan konten. Hasil pengujian menunjukkan skor kemudahan penggunaan 87,41%, fungsi sistem 84,81%, tampilan antarmuka 85,93%, dan kelayakan keseluruhan 87,78%, dengan rata-rata penerimaan 86,48% dalam kategori sangat baik. Dengan demikian, EduCode layak digunakan untuk mendukung pembelajaran coding yang mandiri, menarik, terstruktur, dan berkelanjutan di lingkungan pesantren. Temuan ini memperlihatkan bahwa integrasi teknologi, desain antarmuka, dan evaluasi otomatis mampu mengatasi keterbatasan waktu pengajar dalam mendampingi santri.
Aliyah, A., Hartono, N., & Muin, A. A. (2025). Penggunaan User Acceptance Testing (UAT) pada pengujian sistem informasi pengelolaan keuangan dan inventaris barang. Switch: Jurnal Sains Dan Teknologi Informasi, 3(2), 42–58.
Anita Azmi, R., Rukun, K., & Maksum, H. (2020). Analisis Kebutuhan Pengembangan Media Pembelajaran Berbasis Web Mata Pelajaran Administrasi Infrastruktur Jaringan. Jipp, 4.
Fatmarani Surianto, D., Syahid Nur Wahid, M., Parenreng, J. M., Wahid, A., Gunawan Zain, S., Ramdhany Edy, M., & Akram Nur Risal, A. (N.D.). Pkm Pelatihan Figma Untuk Desain Prototipe Sistem Informasi. Retrieved Https://Journal.Diginus.Id/Index.Php/Vokatek/Index
Firmansyah, F. (2025). Analisis Pengaruh Desain Antarmuka Pengguna Terhadap Adopsi Aplikasi Edukasi: Studi Kasus Pada Ruangguru, Skill Academy, Dan Belajar Dari Rumah (Kemendikbud) Di Platform Pembelajaran Daring Indonesia. Design Journal, 3(1), 11–20. Https://Doi.Org/10.58477/Dj.V3i1.197
Hadinata, W., & Stianingsih, L. (2024). Analisis Perbandingan Performa Restfull Api Antara Express.Js Dengan Laravel Framework. Jurnal Informatika Dan Teknik Elektro Terapan, 12(1). Https://Doi.Org/10.23960/Jitet.V12i1.3845
Hairah, U., Hadiseptian Nursukamto, M., Dhiya Ulhaqi, A., Puspitaningtyas, D., Asmawati, C., Asya Arinda, V., & Tandi Rama, M. (2024). Peningkatan Kompetensi Siswa Dalam Merancang Ui/Ux Aplikasi Mobile Menggunakan Figma. 3. Https://Jurnal.Jomparnd.Com/Index.Php/Jpabdi
Hidayat, A. N., & Yuhana, U. L. (2023). Evaluasi Desain Antarmuka Website Sekolah Menengah Atas Menggunakan Metode Heuristic Evaluation. Jurnal Rekayasa Industri (Jri), 5(2).
Iddian, S. (2025). Prosiding Keislaman Dan Sains Implementasi Pembelajaran Coding Dan Artificial Intelligency Pada Jenjang Pendidikan Dasar.
Karimah, M., Supriyatna, S., & Rozali, C. (2024). Penggunaan Figma Dalam Menggali Kreativitas Desain Ui/Ux Web Pada Smk It Bina Adzkia 1*. Https://Jurnal.Astinamandiri.Com/Index.Php/Jipm
Liza, N., & Dini, M. (2024). Pengembangan Media Pembelajaran Berbasis Website Dengan Model Pembelajaran Problem Based Learning Untuk Meningkatkan Kompetensi Percabangan Dan Perulangan Di Smk Negeri 2 Mojokerto. In Jurnal It-Edu (Vol. 9).
Luky Ivan Susanto, A., & Rahardja, Y. (2022). Framework Laravel (Vol. 9, Number 4). Http://Jurnal.Mdp.Ac.Id
Okty Dea Pratama, M. (2022). Pengembangan Prototipe Desain User Interface & User Experience (Ui/Ux) Pada Aplikasi Oss Urindo Menggunakan Figma. Jurnal Teknologi Informasi, 8. Http://Ejournal.Urindo.Ac.Id/Index.Php/Ti
Renaldo Prasena, R., & Sama, H. (2020). Studi Komparasi Pengembangan Website Dengan Framework Codeigniter Dan Laravel (Vol. 1). Http://Journal.Uib.Ac.Id/Index.Php/Cbssit
Rosinta1, H., Wibowo2, W., Farhurohman3, O., & Keguruan, D. (2023). Pengembangan Media Pembelajaran Interaktif Budaya Lokal Banten Berbasis Teknologi Informasi Untuk Meningkatkan Minat Belajar Siswa. 3(1), 2962–746. Https://Doi.Org/10.35878/Guru.V3.I1.593
Ruslan Maulani, M., & Riza, N. (2020). Implementasi E-Learning Untuk Meningkatkan Partisipasi Siswa Dalam Pembelajaran Sehingga Lebih Interaktif Dan Menyenangkan. In Jurnal Ilmiah Teknologi Informasi Terapan (Vol. 7, Number 1).
Setiawan, T., Suryopratomo, A., Fandra Yudha, M., & Maulana, M. I. (2022). Rancang Bangun Sistem Informasi Media Pembelajaran Interaktif Bahasa Inggris Berbasis Web. Jurnal Accounting Information System (Aims, 5(2), 186–196. Https://Doi.Org/10.32627
Studi, P., & Perkantoran, O. (2017). Analisa Efektifitas Sistem Pembelajaran Berbasis E-Learning Faridatun Nadziroh. 2(1).
Sunardi, D., Sahputra, E., & Hidayah, A. K. (N.D.). Volume: 1; Nomor: 1, Tahun: 2021; Halaman. Jurnal Pengabdian Masyarakat Teknologi Terbarukan), 29–34.
Suryaningrat, R. R., Basrowi, B., & Rahmadani, K. (2023). Pengembangan Media Pembelajaran Interaktif Pada Pembelajaran Ipa Berbasis Website Di Smpn 6 Cilegon. Jurnal Pti (Pendidikan Dan Teknologi Informasi) Fakultas Keguruan Ilmu Pendidikan Universita Putra Indonesia “Yptk” Padang, 10(2), 62–68. Https://Doi.Org/10.35134/Jpti.V10i2.175
Syavira, N. (2021). Pengembangan Media Pembelajaran Berbasis Powerpoint Interaktif Materi Sistem Pencernaan Manusia Untuk Siswa Kelas V Sd. In Optika: Jurnal Pendidikan Fisika (Vol. 5, Number 1).
Copyright (c) 2026 Hani'A Fitria, Arif Nugraha Hernanjaya, Suryanto Nugroho
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
Authors who publish with this journal agree to the following terms:
- Authors retain copyright and grant the journal right of first publication with the work simultaneously licensed under a Creative Commons Attribution-ShareAlike 4.0 International (CC-BY-SA). that allows others to share the work with an acknowledgement of the work's authorship and initial publication in this journal.
- Authors are able to enter into separate, additional contractual arrangements for the non-exclusive distribution of the journal's published version of the work (e.g., post it to an institutional repository or publish it in a book), with an acknowledgement of its initial publication in this journal.
- Authors are permitted and encouraged to post their work online (e.g., in institutional repositories or on their website) prior to and during the submission process, as it can lead to productive exchanges, as well as earlier and greater citation of published work.
