Main Article Content


The importance of expertise in the field of programming today makes
Vocational High Schools as early as a possible incorporate curriculum that can
learn skills in programming, which is then called basic programming subjects.
These subjects are the initial foundation, to study other productive subjects that
must be studied by students in the field of ICT expertise. However, in reality,
students tend to dislike these subjects because they feel difficulties in
understanding and learning them. Therefore, we try to present a solution to
overcome this problem by developing basic programming educational media,
especially in the material of branching control structures by embedding the
syntax of problem-posing learning models in the type of open-posing into the
interaction flow. This educational media is called TOLSYASUPI-EduMed. The
research and development method (R&D) was used as the main method in this
study. The model for system development uses ADDIE by adapting the R&D
method. A/B testing methods are used to validate the initial selection of
educational media design. The form of design until the development stage is
validated by media and material experts as much as 3 iterations, to ensure that
the educational media can look for effects on the effectiveness of learning. A
total of 36 students were involved in the use of this educational media.
Evaluation of the use of educational media to determine aspects of satisfaction
and usability using the Computer System Usability Questionnaire (CSUQ)
method. The results of the study stated that 90.9% of experts agreed that Very
Strong to choose design B to continue at the advanced design, development,
and implementation stages. The results of the validation of media and material
experts state that it is feasible to use. Based on functional requirements
specifications, all features function properly, and non-functionally 94.49% with
predicates Very Strong that end-users (students) are satisfied and feel the
usefulness of this TOLSYASUPI-EduMed.

Article Details

Author Biographies

Aulia Akhrian Syahidi, Master of Computer Science, Brawijaya University, Indonesia

I am researcher, assist. lecturer, and teacher. Field: Media, Game, Mobile, and Technology Enhanced Learning

Herman Tolle, Brawijaya University

Head of Media, Game, and Mobile Technologies Research Group, Master of Computer Science, Faculty of Computer Science, Brawijaya University

Ahmad Afif Supianto, Brawijaya University

Head of Technology Enhanced Learning Research Group, Master of Computer Science, Faculty of Computer Science, Brawijaya University

Tsukasa Hirashima, Hiroshima University

Head of Learning Engineering Laboratory, Department of Information Engineering, Graduate School of Engineering, Hiroshima University

How to Cite
Syahidi, A. A., Tolle, H., Supianto, A. A., & Hirashima, T. (2019). TOLSYASUPI-EduMed: Development of Educational Media Using the Problem-Posing Learning Model for Basic Programming Subjects. Journal of Information Technology and Computer Science, 4(2), 137–155.


  1. KEMDIKBUD RI, Struktur Kurikulum SMK Perdirjen Nomor 07 Tahun 2018, Direktorat Jenderal Pendidikan Dasar dan Menengah. Jakarta: Kementerian Pendidikan dan Kebudayaan Republik Indonesia, Direktorat Jenderal Pendidikan Dasar dan Menengah (2018)
  2. Syahidi, A. A., Asyikin, A. N., Asy’ari.: Applying Student Team Achievement Divisions (STAD) Model on Material of Basic Programme Branch Control Structure to Increase Activity and Student Result. Proceedings of the 2nd International Conference on Vocational Education and Electrical Engineering (ICVEE) - IOP Conference Series: Materials Science and Engineering, vol. 336, issue 1, pp. 1-8 (2018)
  3. Likmalatri, L.: Pemrograman Dasar untuk SMK/MAK Kelas X Semester 1 dan 2 Bidang Keahlian Teknologi, Informasi, dan Komunikasi. Putra Nugraha, Surakarta (2018)
  4. Soloway, E., Spohrer, J.: Studying the novice programmer 1st edition. L. Erlbaum, Hillsdale (1989)
  5. Malliarakis, C., Satratzemi, M., Xinogalos, S.: Designing educational games for computer programming: A holistic framework. Electronic Journal of E-Learning, vol. 12, issue 3, pp. 281–298 (2014)
  6. Yang, T.-C., Hwang, G.-J., Yang, S. J. H., Hwang, G.-H.: A Two-Tier Test-based Approach to Improving Students’ Computer-Programming Skills in a Web-Based Learning Environment. Journal of Educational Technology & Society, vol. 18, November, pp. 198–210 (2015)
  7. Kunkle, W. M.: The Impact of Different Teaching Approaches and Languages on Student Learning of Introductory Programming Concepts. ProQuest Dissertations and Theses, vol. 16, September, 175 (2016)
  8. Dwinanto, A.: Pengembangan dan Analisis Kualitas Game Edukasi Menggunakan Metode Pembelajaran Kooperatif Tipe TGT pada Materi Pemrograman Dasar Siswa SMK Kelas X. Thesis Document, UNY (2017)
  9. Rozali, N. F., Zaid, N. M.: Code Puzzle : ActionScript 2 . 0 Learning Application Based on Problem Based Learning Approach. Proceedings of the 6th ICT International Student Project Conference, pp. 2–5 (2017)
  10. Topalli, D., Cagiltay, N. E.: Improving programming skills in engineering education through problem-based game projects with Scratch. Computers and Education, vol. 120, pp. 64–74 (2018)
  11. Kusumadewi, W. A. P.: Pengembangan Media Pembelajaran Berbasis Android pada Mata Pelajaran Pemrograman Dasar Kelas X di SMK Negeri 3 Surabaya. Jurnal ITE-Edu (Information Technology and Education) UNESA, vol. 1, no. 1, pp. 103-110 (2016)
  12. Hidayah, N., Surjono, H. D.: Pengembangan Multimedia Pembelajaran Pemrograman Dasar untuk Kelas X SMK. Thesis Document, UNY (2015)
  13. Hsu, W. C., Lin, H. C. K.: Impact of Applying WebGL Technology to Develop a Web Digital Game-Based Learning System for Computer Programming Course in Flipped Classroom. Proceedings of the 5th International Conference on Educational Innovation through Technology, pp. 64–69 (2017)
  14. Hong, T., Chu, HC.: Effects of a Situated 3D Computational Problem-Solving and Programming Game-Based Learning Model on Students’ Learning Perception and Cognitive Loads. Proceedings of the 6th International Congress on Advanced Applied Informatics, pp. 596–600 (2017)
  15. Hirashima, T., Yokoyama, T., Okamoto, M., Takeuchi, A.: An Experimental Use of Learning Environment for Problem-Posing as Sentence-Integration in Arithmetical Word Problems. Proceedings of the International Conference on Intelligent Tutoring Systems, pp. 687-689 (2008)
  16. Supianto, A. A., Hayashi, Y., Hirashima, T.: Model-Based Analysis of Thinking in Problem Posing as Sentence Integration Focused on Violation of The Constraints. Research and Practice in Technology Enhanced Learning, vol. 12, no. 1, pp. 1-21 (2017)
  17. Supianto, A. A., Hayashi, Y., Hirashima, T.: Designing Scaffolding System in a Problem-Posing Learning Environment. Proceedings of the 3rd International Conference on Science in Information Technology: Theory and Application of IT for Education, Industry and Society in Big Data Era, ICSITech 2017, pp. 546-551 (2018)
  18. Supianto, A. A., Hayashi, Y., Hirashima, T.: Analysis of Steps in Posing Arithmetic Word Problem as Sentence-Integration on Interactive Learning Environment. Proceedings of the 24th International Conference on Computers in Education (ICCE), Think Global Act Local - Main Conference Proceedings, vol. 1, no. 11, pp. 242-251 (2016)
  19. Supianto, A. A., Hafis, M.: GTRAS: Graphical Tracking Activity System for Problem-Posing Learning Process Insights. Proceedings of the International Conference on Advanced Computer Science and Information Systems (ICACSIS), pp. 231-235 (2018)
  20. Kunimune, H., Niimura, M.: Preliminary Evaluation of a Problem-Posing Method in Programming Classes. Procedia Computer Science, vol. 35, pp. 794-802 (2014)
  21. Syahidi, A. A., Supianto, A. A., Tolle, H., Hirashima, T.: Application of Learning Models in Educational Games: A Systematic Literature Review,†Publication process at Jurnal Ilmu Pendidikan (JIP), Universitas Negeri Malang, Malang (2019)
  22. Syahidi, A. A., Tolle, H., Supianto, A. A.: A Preliminary Study: Applying Problem-Posing Learning Models on Algorithm and Flow Chart Materials to Know Activities and Student Learning Outcomes in Basic Programming Class. Publication process at International Journal of Education (IJE), Universitas Pendidikan Indonesia, Bandung (2019)
  23. Syahidi, A. A., Tolle, H., Supianto, A. A.: Educational Media Design for Learning Basic Programming in Branching Control Structure Material Using Problem Posing Learning Model. Publication process at KINETIK (Game Technology, Information System, Computer Network, Computing, Electronics and Control) Journal for Informatics and Electrical Engineering, Universitas Muhammadiyah Malang, Malang (2019)
  24. Thomas, C. R.: The Impact of Media and Technology in Schools. Research Report, Georgia (1998)
  25. Kirkorian, H. L., Anderson, D. R.: Learning from Educational Media. In: Calvert, S. L., Wilson, B. J., (Eds.), The Blackwell Handbook of Children, Media, and Development. Blackwell, Boston, MA, pp. 319-360 (2008)
  26. Webcrawler, C.: Definition of Educational Media. California (2013)
  27. Omodara, O. D., Adu, E. I.: Relevance of Educational Media and Multimedia Technology for Effective Service Delivery in Teaching and Learning Processes. IOSR Journal of Research and Method in Education (JRME), vol. 4, issue 2, ver. 1, pp. 48-51 (2014)
  28. Huston, A. C., Wright, J. C.: The Forms of Television and the Child Viewer. Vol. 2, Academic Press, New York (1989)
  29. Silver, E. A.: On Mathematical Problem-Posing. For the Learning of Mathematics. FLM Publishing Association, Vancouver British Columbia, Canada, vol. 14, issue 1, pp. 19-28 (1994)
  30. Brown, S. I., Walter, M. I.: Problem Posing in Mathematics Education. In Stephen I. Brown & Marion I. Walter (Eds.), Problem Posing: Reflection and Applications, Hillsdale, Lawrence Erlbaum Associates, New Jersey, pp. 16-27 (1993)
  31. Suryosubroto.: Proses Belajar Mengajar di Sekolah Wawasan Baru, Beberapa Metode Pendukung, dan Beberapa Komponen Layanan Khusus. Rineka Cipta, Jakarta (2009)
  32. Brown, S. I., Walter, M. I.: Third Edition - The Art of Problem Posing. Lawrence Erlbaum Associates Publieshers, New Jersey (2005)
  33. Silver, E. A., Cai, J.: An Analysis of Arithmetic Problem-posing by Middle School Students. Journal for Research in Mathematics Education, vol. 27, pp. 521-539 (1996)
  34. Suyitno, A.: Dasar-Dasar dan Proses Pembelajaran Matematika I. Penerbit Universitas Negeri Semarang, Semarang (2004)
  35. Sugiyono.: Metode Penelitian dan Pengembangan – Research and Development untuk Bidang: Pendidikan, Manajemen, Sosial, dan Teknik. CV. Alfabeta, Bandung (2016)
  36. Branch, R. M.: Instructional Design: The ADDIE Approach. Springer (2010)
  37. Kohavi, R., Longbotham, R.: Online Controlled Experiments and A/B Testing. In: Sammut C., Webb G. I. (Eds.) Encyclopedia of Machine Learning and Data Mining, Springer, Boston, MA (2017)
  38. Siroker, D., Koomen, P.: A/B Testing: The Most Powerful Way to Turn Chicks Into Costumers 1st Edition. Wiley (2015)
  39. Wahono, R. S.: Aspek dan Kriteria Penilaian Media Pembelajaran. address: accessed on 27 November 2018 at 23:08 WIB (2006)
  40. Lewis, J. R.: IBM Computer Usability Satisfaction Questionnaires: Psychometric Evaluation and Instruction for Use. International Journal of Human-Computer Interaction, vol. 7, issue 1, pp. 57-78 (1995)
  41. Riduwan.: Metode dan Teknik Menyusun Tesis. Cetakan ke-11, pp. 86-89, Penerbit Alfabeta, Bandung (2018)
  42. Nidhra, S. Dondeti, J.: Black Box and White Box Testing Techniques - A Literature Review. International Journal of Embedded Systems and Applications (IJESA), vol. 2, no.2 (2012)
  43. Murnane, T., Reed, K.: On the Effectiveness of Mutation Analysis as a Black Box Testing Technique. Proceedings of the Australian Software Engineering Conference, pp. 12–20 (2001)