Pengembangan Aplikasi Web IDE berbasis Mobile sebagai Alat Bantu Proses Pembelajaran Pemrograman Web Kelas X TKJ di SMK Cendika Bangsa
Kata Kunci:
Web, IDE, Mobile, Prototyping, Dart, Flutter, Media PembelajaranAbstrak
Proses pembelajaran pemrograman web di kelas X TKJ SMK Cendika Bangsa mengajarkan beberapa bahasa pemrograman, yaitu HTML, CSS, dan JavaScript. Perangkat mobile menjadi alternatif dalam penyampaian materi serta meningkatkan keaktifan siswa. Hal tersebut dilakukan karena hanya beberapa siswa yang memiliki laptop yang dapat digunakan sebagai sarana belajar pemrograman web. Untuk membimbing siswa mengkonstruksikan pengetahuan baru, maka guru juga perlu menggunakan alat bantu belajar yang tepat selama proses pembelajaran. Dalam pemrograman web pasti dibutuhkan sebuah IDE (Integrated Development Environment) untuk membuat serta melihat hasil dari program yang dibuat. Untuk saat ini, aplikasi IDE sendiri banyak ditemukan pada teknologi berbasis desktop. Dengan adanya Aplikasi Web IDE berbasis mobile, diharapkan agar siswa dapat menerimanya serta menggunakanya sebagai alat bantu dalam proses pembelajaran pemrograman web. Prototyping model digunakan untuk mengembangkan aplikasi dengan fungsional awal yang didapatkan adalah membuat file, merubah nama file, menghapus file, kode editor, eksekusi file. Bahasa pemrograman Dart dengan framework flutter diimplemntasikan dalam pembuatan prototype. Hasil evaluasi atau umpan balik didapatkan melalui validasi oleh ahli media dengan persentase 82,63 % masuk kriteria sangat layak dan ahli materi dengan persentase 85,71 % masuk kriteria sangat layak. Evaluasi juga dilakukan menggunakan metode End User Computing Satisfaction (EUCS) menggunakan lima variabel diantaranya Content, Accuracy, Format, Ease of Use, Timeliness. Dari 20 siswa yang menggunakan aplikasi Web IDE, didapatkan persentase sebesar 80,30% masuk kriteria tinggi.
Referensi
Chandra, G. S. and Tjandra, S., Pemanfaatan Flutter Dan Electron Framework Pada Aplikasi Inventori Dan Pengaturan Pengiriman Barang, Journal of Information System, Grapich, Hospitality and Technology, pp. 76–81, accessed August 26, 2022, from https://doi.org/10.37823/insight.v2i02.109, 2020.
Guntoro, Panduan Awal Belajar Pemrograman Web Dalam 10 Menit, May 8, 2023.
Hidayati, K. F., Integrated Development Environment: Satu Aplikasi Untuk Banyak Fungsi Programming, March 14, 2023.
Ismail, S. N., Omar, M. N., Don, Y., Purnomo, Y. W. and Kasa, M. D., Teachers’ Acceptance of Mobile Technology Use towards Innovative Teaching in Malaysian Secondary Schools, International Journal of Evaluation and Research in Education, vol. 11, no. 1, pp. 120–27, March 1, 2022. DOI: 10.11591/ijere.v11i1.21872
ISO, and IEC, Information Technology-Software Product Quality-Part 1: Quality Model, 2000.
Laily, I. N., Pengertian Website Menurut Para Ahli, Beserta Jenis Dan Fungsinya, February 7, 2022.
Lougheed, P., Flutter Documentation, 2022.
Nayoan, A., Apa Itu CSS? Pengertian, Fungsi, Dan Contohnya, June 10, 2022.
Pressman, R. S., Software Enginering : A Practitioner’s Approach. 7th Ed, New York: McGraw-Hill, 2010.Shinta, A., Apa Itu Javascript? Pengertian, Fungsi Dan Contohnya, April 15, 2022.
Sugandi, Teori Pembelajaran, Bandung: PT. Remaja Rosdakarya, 2000.
Trimayanto, S., and Novita, D., UJI VALIDITAS KIT PRAKTIKUM SEBAGAI MEDIA PEMBELAJARAN UNTUK MELATIHKAN KETERAMPILAN PROSES SAINS SISWA PADA SUB MATERI PENENTUAN PERSAMAAN LAJU REAKSI, Unesa Journal of Chemical Education, 2019.
Walker, A., What Is an IDE? How It Helps Developers Code Faster, December 3, 2021.
Wibawanto, W., Desain Dan Pemrograman Multimedia Pembelajaran Interaktif, Jember: Penerbit Cerdas Ulet Kreatif, 2017.
Wirawan, P. W., PENGEMBANGAN KEMAMPUAN E-LEARNING BERBASIS WEB KE DALAM M-LEARNING, Jurnal Masyarakat Informatika, 2011.
Yuhefizar, Mooduto, H. and Hidayat, R., Cara Mudah Membangun Website Interaktif Menggunakan Content Management System Joomla, Jakarta: Elex Media Komputindo, accessed August 25, 2022, from https://ebook-zero.blogspot.com/2016/02/cmm-website-interaktif-mcms-joomlacms.html, 2009.
Chandra, G. S. and Tjandra, S., Pemanfaatan Flutter Dan Electron Framework Pada Aplikasi Inventori Dan Pengaturan Pengiriman Barang, Journal of Information System, Grapich, Hospitality and Technology, pp. 76–81, accessed August 26, 2022, from https://doi.org/10.37823/insight.v2i02.109, 2020.
Guntoro, Panduan Awal Belajar Pemrograman Web Dalam 10 Menit, May 8, 2023.
Hidayati, K. F., Integrated Development Environment: Satu Aplikasi Untuk Banyak Fungsi Programming, March 14, 2023.
Ismail, S. N., Omar, M. N., Don, Y., Purnomo, Y. W. and Kasa, M. D., Teachers’ Acceptance of Mobile Technology Use towards Innovative Teaching in Malaysian Secondary Schools, International Journal of Evaluation and Research in Education, vol. 11, no. 1, pp. 120–27, March 1, 2022. DOI: 10.11591/ijere.v11i1.21872
ISO, and IEC, Information Technology-Software Product Quality-Part 1: Quality Model, 2000.
Laily, I. N., Pengertian Website Menurut Para Ahli, Beserta Jenis Dan Fungsinya, February 7, 2022.
Lougheed, P., Flutter Documentation, 2022.
Nayoan, A., Apa Itu CSS? Pengertian, Fungsi, Dan Contohnya, June 10, 2022.
Pressman, R. S., Software Enginering : A Practitioner’s Approach. 7th Ed, New York: McGraw-Hill, 2010.Shinta, A., Apa Itu Javascript? Pengertian, Fungsi Dan Contohnya, April 15, 2022.
Sugandi, Teori Pembelajaran, Bandung: PT. Remaja Rosdakarya, 2000.
Trimayanto, S., and Novita, D., UJI VALIDITAS KIT PRAKTIKUM SEBAGAI MEDIA PEMBELAJARAN UNTUK MELATIHKAN KETERAMPILAN PROSES SAINS SISWA PADA SUB MATERI PENENTUAN PERSAMAAN LAJU REAKSI, Unesa Journal of Chemical Education, 2019.
Walker, A., What Is an IDE? How It Helps Developers Code Faster, December 3, 2021.
Wibawanto, W., Desain Dan Pemrograman Multimedia Pembelajaran Interaktif, Jember: Penerbit Cerdas Ulet Kreatif, 2017.
Wirawan, P. W., PENGEMBANGAN KEMAMPUAN E-LEARNING BERBASIS WEB KE DALAM M-LEARNING, Jurnal Masyarakat Informatika, 2011.
Yuhefizar, Mooduto, H. and Hidayat, R., Cara Mudah Membangun Website Interaktif Menggunakan Content Management System Joomla, Jakarta: Elex Media Komputindo, accessed August 25, 2022, from https://ebook-zero.blogspot.com/2016/02/cmm-website-interaktif-mcms-joomlacms.html, 2009.
Unduhan
Diterbitkan
Cara Mengutip
Terbitan
Bagian
Lisensi
Hak Cipta (c) 2023 Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
Artikel ini berlisensiCreative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
