Browse > Article

A Study on a Computer Program Visualization Method Effective for the e-Learning Contents  

Ha, Sang-Ho (Division of Computer Engineering, Soonchunhyang University)
Publication Information
Journal of Engineering Education Research / v.10, no.3, 2007 , pp. 109-124 More about this Journal
Abstract
With the advance of the Internet and computing technologies, e-learning is now a hot issue worldwide for providing the effective learning on the cyber-space. However, most of existing e-learning contents have been developed mainly based on text, including simple multimedia elements such as images, animations, and voices. This paper suggests a method effective for the computer programming e-learning. The method is based on program visualization using flowcharts. It features the stepwise hierarchical program visualization on the level of statements, the flowchart based visualization for control constructs of languages, visualization over whole programs, visualization compared with source codes, and interaction with users. Finally, we implement a system to realize the suggested method, and execute it for an example program.
Keywords
e-Learning; program visualization; computer programming,; flowcharts; interpreter;
Citations & Related Records
연도 인용수 순위
  • Reference
1 Crews, T.R. & Ziegler, U.(1998). The Flowchart Interpreter for Introductory Programming Courses, in the Proceedings of FIE Conference, 307-312
2 Cross, J. H. & Hendrix T.D.(1996). GRASP/Ada95: Visualization with Control Structure Diagrams, Defense Software Engineering journal, 9(1)
3 CUP. http://www.cs.princeton.edu/~appel/modem/java/CUP/
4 Haibt, L.H.(1959). A Program to Draw Multi-Level Flow Charts. In Proceedings of the Western joint Computer Conference
5 IBM(2004). WebSphere Studio: Application Developer Integration Edition. Available at http://www-306.ibm.com/software/integration/wsadie/
6 JHAVE. http://csfll.acs.uwosh.edu/
7 Martin C. Carlisle, et al.(2005). RAPTOR: A visual programming environment for teaching algorithmic problem solving, ACM SIGCSE
8 Shrea, R. H.(2002). E-learning Today-As an Industry Shakes out, the Survivors Offer No-frills Education for Grown-ups, U.S. News & World Report
9 Swan. http://simon.cs.vt.edu/Swan/Swan.html
10 JFlex. http://www.jflex.de/
11 Scalan(1989). Structured Flowcharts Outperform Pseudocode: An Enperiment Comparison, IEEE Software, 6(5), 28-36   DOI   ScienceOn
12 Aho, A. V. et al.(1986), Compilers: Principles, Techniques, and Tools, Addison Wesley
13 AiCall. http://www.aicall.de
14 Chapin, N.(1970). Flowcharting with the ANSI Standard: A Tutorial, ACM Computing Surveys, 1(2)
15 Ziegler U. & Crews T.(l999). An Integrated Program Development Tool for Teaching and Learning How to Program, ACM SIGCSE.
16 Myers, B. A. (l986), Visual Programming, Programming by Example, and Program Visualization: a Taxonomy, Proceedings of the SIGCHI Conference on Human Factors in Computing Systems
17 Knuth, D. E.(1963). Computer-Drawn Flowcharts, CACM, 6, 555-563   DOI
18 Hamer, J.(2004). Alightweight Visualizer for Java, 3rd Program Visualization Wrokshop
19 Atanasove, G. & Hristova, P.(2003). Flow Chart Interpreter - an Environment for Software Animation Representation, Int'l Conference on Computer Systems and Technologies
20 DynaLab. http://www.cs.montana.edu/~dynalab/