A Web based Approach for Teaching and Learning Programming Concepts at Middle School Level

Full Text (PDF, 586KB), PP.46-53

Views: 0 Downloads: 0


Sania Bhatti 1,* Amirita Dewani 1 Sehrish Maqbool 2 Mohsin Ali Memon 1

1. Department of Software Engineering, Mehran University of Engineering & Technology, Jamshoro

2. Govt. polytechnic Institute girls, Latifabad, Hyderabad

* Corresponding author.

DOI: https://doi.org/10.5815/ijmecs.2019.04.06

Received: 28 Jan. 2019 / Revised: 13 Feb. 2019 / Accepted: 1 Mar. 2019 / Published: 8 Apr. 2019

Index Terms

Visualization, programming tool, scripting languages, JavaScript, learning, middle school


One of the major concerns in teaching and learning programming concepts is the complexity of syntax and precision of semantics of programming languages. Traditional teaching methods are static and passive i.e. they do not engage students in an interactive manner thereby making it difficult for students to grasp the contents and instructors to convey the instruction. This obstacle even becomes challenging when programming courses are to be taught to beginners. To cope up with this challenge, this work has proposed and prototyped a system that is aimed to focus on students at their middle level of education. Multimedia technology i.e. videos have been used to plunge the students in an interactive environment where learning JavaScript programming becomes fun instead of a mind-burden. Visualization concepts have been incorporated to provide visual learning for variables, loops, control structures, functions etc. This application is dynamic in nature that is user can not only understand the programming concepts but can also run the codes using code panel. The designed system has been tested to ensure the functionality, performance and feedback from the targeted users as discussed in results section.

Cite This Paper

Sania Bhatti, Amirita Dewani, Sehrish Maqbool, Mohsin Ali Memon, "A Web based Approach for Teaching and Learning Programming Concepts at Middle School Level", International Journal of Modern Education and Computer Science(IJMECS), Vol.11, No.4, pp. 46-53, 2019.DOI: 10.5815/ijmecs.2019.04.06


[1]S. M. Salleh, Z. Shukur, and H. M. Judi, "Analysis of research in programming teaching tools: An initial review," Procedia-Social and Behavioral Sciences, vol. 103, pp. 127-135, 2013.
[2]S. R. M. Derus and A. Z. M. Ali, "Difficulties in learning programming: Views of students," in 1st International conference on current issues in education, pp. 74-79, 2014.
[3]V. Stoffova, L. Végh, and K. Siakas, "Using Animations for Improving Learning," in BCS Quality Specialist Group’s Annual 20th INternational Conference on Software Process Improvement - Research into Education and Training (INSPIRE) conference, 2018: British computer society, London, UK.
[4]L. Végh, "Javascript Library for Developing Interactive Micro-Level Animations for Teaching and Learning Algorithms on One-Dimensional Arrays," Acta Didactica Napocensia, vol. 9, no. 2, pp. 23-32, 2016.
[5]T. Linden and R. Lederman, "Creating visualizations from multimedia building blocks: A simple approach to teaching programming concepts," 2011.
[6]T. Rajala, M.-J. Laakso, E. Kaila, and T. Salakoski, "Effectiveness of Program Visualization: A Case Study with the ViLLE Tool," Journal of Information Technology Education, vol. 7, 2008.
[7]A. Dahotre, Y. Zhang, and C. Scaffidi, "A qualitative study of animation programming in the wild," in International symposium on Empirical Software Engineering and measurement, 2010, p. 29: ACM.
[8]J. C. Adams and A. R. Webster, "What do students learn about programming from game, music video, and storytelling projects?," in Proceedings of the 43rd ACM technical symposium on Computer Science, 2012, pp. 643-648: ACM.
[9]S. Cooper, W. Dann, and R. Pausch, "Alice: a 3-D tool for introductory programming concepts," Journal of computing sciences in colleges, vol. 15, no. 5, pp. 107-116, 2000.
[10]A. Rudder, M. Bernard, and S. Mohammed, "Teaching programming using visualization," presented at the IASTED International conference on web-based education, 2007.
[11]M. Kölling, "The greenfoot programming environment," ACM Transactions on Computing Education (TOCE), vol. 10, no. 4, p. 14, 2010.
[12]S. Chen and S. Morris, "Iconic programming for flowcharts, java, turing, etc," in Annual SIGCSE Conference on innovation and Technology in Computer Science Education, 2005, vol. 37, pp. 104-107: ACM.
[13]Z. Zhou, "Evaluating websites using a practical quality model," 2009.
[14]M. V. Wade, "Likert-type scale response anchors," Clemson International Institute for Tourism & Research Development, Department of Parks, Recreation and Tourism Management, Clemson University, 2006.
[15]A. Dewani, S. Bhatti, M. A. Memon, W. A. Arif, Q. Arain, and S. B. Zehra, "Sign Language e-Learning system for hearing-impaired community of Pakistan," International Journal of Information Technology, vol. 10, no. 2, pp. 225-232, 2018.