Abstract
This paper introduces an interactive e-learning system that provides an integrated environment for web programming. The proposed system is web-based. It provides an online editor for writing, editing, updating, and executing programming code, so the learners can execute examples and practical exercises online. In addition, it provides auto complete and syntax highlighting in editing code, which could help learners to remember the syntax more easily. The proposed system provides communication and interactive tools including Chat-Room, E-Mail, and Discussion Board (Forum) among learners and instructors. Moreover, it provides the instructors with an online exam system. It monitors, collects and keeps information about learners’ performance and activities. Therefore, instructors can use the recorded information to keep tracking of the learner’s progress. The system is based on the common three-tier-architecture of web-based applications that is organized into presentation tier, logic tier, and data tier.








Similar content being viewed by others
Explore related subjects
Discover the latest articles, news and stories from top researchers in related subjects.References
Ala-Mutka, K. M. (2005). A survey of automated assessment approaches for programming assignments. Computer Science Education, 15(2), 83–102.
Allen, E., Cartwright, R., & Stoler, B. (2002). DrJava: A lightweight pedagogic environment for Java. In Proceedings of the 3 rd SIGCSE technical symposium on computer science education (pp. 137–141).
Basuni, M. M. (2001). Scientific research of psychological, educational, and social science. El Mansoura, Dar El Kotob, in Arabic.
Chen, G. D., Chang, C. K., & Wang, C. Y. (2008). Using adaptive e-news to improve undergraduate programming courses with hybrid format. Computers & Education, 51, 239–251.
Chong, S. L., & Choy, M. (2004). Towards a progressive learning environment for programming courses. In New horizon in web-based learning: Proceedings of the 3 rd international conference on web-based learning (pp. 200–205).
Dick, W., Carey, L., & Carey, J. O. (2001). The Systematic Design of Instruction (5th ed.). New York: Addison-Wesley, Longman.
Easttom, C. (2001). Advanced JavaScript, Second Edition, Web Programming/Development. Texas: Wordware Publishing, Inc.
Garrett, J. J. (2005). Ajax: A new approach to web applications. Available at: http://www.adaptivepath.com/ideas/essays/archives/000385.php.
Kranch, D. A. (2011). Teaching the novice programmer: A study of instructional sequences and perception. Education and Information Technologies,16. Available at: http://www.springerlink.com/content/1360-2357
Kordaki, M. (2010). A drawing and multi-representational computer environment for beginners’ learning of programming using C: Design and pilot formative evaluation. computers & Education, 54, 69–87.
Law, K. M. Y., Lee, V. C. S., & Yu, Y. T. (2010). Learning motivation in e-learning facilitated computer programming courses. Computers & Education, 55, 218–228.
MacDonald, M. (2008). Creating web sites: The missing manual (2nd ed.). USA: O’Reilly Media/Pogue Press.
McCracken, M., Almstrum, V., Diaz, D., Guzdial, M., Hagan, D., Kolikant, Y. B., et al. (2001). A multinational, multi-institutional study of assessment of programming skills of first-year CS students. SIGCSE Bulletin, 33(4), 125–180.
Ng, S. C. et al. (2005). A web-based environment to improve teaching and learning of computer programming in distance education, ICWL 2005, LNCS, vol. 3583, (pp. 279–290), Springer, Heidelberg. http://www.springerlink.com/content/e40r86uk7unrwxau
Prosoft Learning Corporation (2003). Foundations of CGI Using Perl. CIW Application Developer Series, Version 5.1.
Prosoft Learning Corporation (2005). Site Development Foundations. CIWv5 Foundations Series, Version 1.1.
Robins, A., Rountree, J., & Rountree, N. (2003). Learning and teaching programming: A review and discussion. Computer Science Education, 13(2), 137–172.
Röbling, G., & Freisleben, B. (2002). ANIMAL: A system for supporting multiple roles in algorithm animation. Journal of Visual Languages and Visualization, 13, 341–354.
Sambells, J., Gustafson, A. (2007). Advanced DOM scripting, dynamic web design techniques. friendsofed press.
Sison, R., Numao, M., & Shimura, M. (2000). Multistrategy Discovery and Detection of Novice Programmer Errors. Machine Learning, 38, 157–180.
Syed, M. R. (2001). Diminishing the distance in distance education. IEEE Multimedia, 8(3), 18–20. http://ieeexplore.ieee.org/xpl/freeabs_all.jsp?tp=&arnumber=939996
Thomas, P. G., & Paine, C. B. (2000). How student learn to program: Observation of practical work based on tasks completed. Research Report 2000/03, Department of Computing. United Kingdom: The Open University.
Walter, S. (2001). The complete idiot’s guide to Java Script. Second Edition, QUE.
Wilcocks, D., & Sanders, I. D. (1994). Animating recursion as an aid to instruction. Computers & Education, 23(3), 221–226.
Author information
Authors and Affiliations
Corresponding author
Rights and permissions
About this article
Cite this article
Elgamal, A.F., Abas, H.A. & Baladoh, ES.M. An interactive e-learning system for improving web programming skills. Educ Inf Technol 18, 29–46 (2013). https://doi.org/10.1007/s10639-011-9175-7
Published:
Issue Date:
DOI: https://doi.org/10.1007/s10639-011-9175-7