An Embedding Technique for Language-Independent Lecturer-Oriented Program Visualization
Nowadays, programming is a promising skill to be learned; the demand of programmer is increased. To align with such trend, several Program Visualization (PV) tools have been developed. Using such tool, user can learn how a particular program works through interactive and descriptive visualization. However, most of the tools are language-dependent: they use either language-dependent debugger or code to generate visualization. Such dependency may become a problem when a program written in new programming language is incorporated. Therefore, this paper proposes an embedding technique to handle given issue. To incorporate new programming language, it only needs five language-dependent features to be set. In general, our proposed technique works in threefold: embedding some statements to target program, generating visualization states by running the program with console commands, and visualizing given program based on generated visualization states. According to our evaluation, proposed technique is able to incorporate program written in any programming languages as long as those languages provide required language-dependent features. Further, it is practical to be used since it still have the benefits of conventional PV even though it is designed as a language-independent PV.
A. Robins, J. Rountree, and N. Rountree, â€œLearning and teaching programming: A review and discussion,â€ Computer science education, vol. 13, no. 2, pp. 137â€“172, 2003.
M. KÃ¶lling, â€œThe greenfoot programming environment,â€ ACM Transactions on Computing Education (TOCE), vol. 10, no. 4, p. 14, 2010.
J. Sorva, V. Karavirta, and L. Malmi, â€œA Review of Generic Program Visualization Systems for Introductory Programming Education,â€ ACM Transactions on Computing Education, vol. 13, no. 4, pp. 1â€“64, Nov. 2013.
E. Kaila, T. Rajala, M. J. Laakso, and T. Salakoski, â€œEffects of Course-Long Use of a Program Visualization Tool,â€ in Australasian Computing Education Conference, Brisbane, 2010.
O. Karnalim and M. Ayub, â€œThe Effectiveness of a Program Visualization Tool on Introductory Programming: A Case Study with PythonTutor,â€ CommIT (Communication and Information Technology) Journal, vol. 11, no. 2, 2017.
O. Karnalim and M. Ayub, â€œThe Use of PythonTutor on Programming Laboratory Session: Student Perspectives,â€ KINETIK, vol. 2, no. 4, 2017.
S. M. Cisar, R. Pinter, and D. Radosav, â€œEffectiveness of Program Visualization in Learning Java: a Case Study with Jeliot 3,â€ International Journal of Computers, Communications & Control, vol. 6, no. 4, 2011.
J. Ã. VelÃ¡zquez-Iturbide, A. PÃ©rez-Carrasco, J. Ã. VelÃ¡zquez-Iturbide, and A. PÃ©rez-Carrasco, â€œActive learning of greedy algorithms by means of interactive experimentation,â€ in Proceedings of the 14th annual ACM SIGCSE conference on Innovation and technology in computer science education - ITiCSE â€™09, New York, New York, USA, 2009, vol. 41, p. 119.
O. Debdi, M. Paredes-Velasco, and J. Ã. VelÃ¡zquez-Iturbide, â€œGreedExCol, A CSCL tool for experimenting with greedy algorithms,â€ Computer Applications in Engineering Education, vol. 23, no. 5, pp. 790â€“804, 2015.
E. Elvina and O. Karnalim, â€œComplexitor: An Educational Tool for Learning Algorithm Time Complexity in Practical Manner,â€ ComTech: Computer, Mathematics and Engineering Applications, vol. 8, no. 1, p. 21, Mar. 2017.
C. A. Shaffer et al., â€œAlgorithm Visualization: The State of the Field,â€ ACM Transactions on Computing Education, vol. 10, no. 3, pp. 1â€“22, Aug. 2010.
S. Halim, Z. Chun KOH, V. Bo Huai LOH, and F. Halim, â€œLearning Algorithms with Unified and Interactive Web-Based Visualization,â€ Olympiads in Informatics, vol. 6, pp. 53â€“68, 2012.
L. Christiawan and O. Karnalim, â€œAP-ASD1â€¯: An Indonesian Desktop-based Educational Tool for Basic Data Structure Course,â€ Jurnal Teknik Informatika dan Sistem Informasi, vol. 2, no. 1, Apr. 2016.
F. C. Jonathan, O. Karnalim, and M. Ayub, â€œExtending The Effectiveness of Algorithm Visualization with Performance Comparison through Evaluation-integrated Development,â€ in Seminar Nasional Aplikasi Teknologi Informasi (SNATI), 2016.
S. Zumaytis and O. Karnalim, â€œIntroducing an Educational Tool for Learning Branch & Bound Strategy,â€ Journal of Information Systems Engineering and Business Intelligence, vol. 3, no. 1, p. 8, Apr. 2017.
T. L. Naps, J. R. Eagan, L. L. Norton, T. L. Naps, J. R. Eagan, and L. L. Norton, â€œJHAVÃ‰â€”an environment to actively engage students in Web-based algorithm visualizations,â€ in Proceedings of the thirty-first SIGCSE technical symposium on Computer science education - SIGCSE â€™00, New York, New York, USA, 2000, vol. 32, pp. 109â€“113.
C. A. Shaffer, M. Akbar, A. J. D. Alon, M. Stewart, and S. H. Edwards, â€œGetting algorithm visualizations into the classroom,â€ in Proceedings of the 42nd ACM technical symposium on Computer science education - SIGCSE â€™11, New York, New York, USA, 2011, p. 129.
P. J. Guo, â€œOnline python tutor: embeddable web-based program visualization for cs education,â€ in Proceeding of the 44th ACM technical symposium on Computer science education - SIGCSE â€™13, New York, New York, USA, 2013, p. 579.
H. Kang and P. J. Guo, â€œOmnicode: A Novice-Oriented Live Programming Environment with Always-On Run-Time Value Visualizations,â€ in The 30th ACM Symposium on User Interface Software and Technology (UIST, 2017.
J. Ã. VelÃ¡zquez-Iturbide, A. PÃ©rez-Carrasco, and J. Urquiza-Fuentes, â€œSRec:â€¯: an animation system of recursion for algorithm courses,â€ in Proceedings of the 13th annual conference on Innovation and technology in computer science education - ITiCSE â€™08, New York, New York, USA, 2008, vol. 40, p. 225.
A. Moreno, N. Myller, E. Sutinen, and M. Ben-Ari, â€œVisualizing programs with Jeliot 3,â€ in Proceedings of the working conference on Advanced visual interfaces - AVI â€™04, New York, New York, USA, 2004, p. 373.
P. Gestwicki and B. Jayaraman, â€œInteractive Visualization of Java Programs,â€ in Symposia on Human Centric Computing Languages and Environments, 2002.
T. Rajala, M.-J. Laakso, E. Kalla, and T. Salakoski, â€œVILLE: a language-independent program visualization tool,â€ in Proceedings of the Seventh Baltic Sea Conference on Computing Education Research - Volume 88, Darlinghurst, 2007, pp. 151â€“159.
J. W. Creswell, Educational research: planning, conducting, and evaluating quantitative and qualitative research. Pearson, 2012.
Copyright (c) 2018 EMITTER International Journal of Engineering Technology
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
The copyright to this article is transferred to Politeknik Elektronika Negeri Surabaya(PENS) if and when the article is accepted for publication. The undersigned hereby transfers any and all rights in and to the paper including without limitation all copyrights to PENS. The undersigned hereby represents and warrants that the paper is original and that he/she is the author of the paper, except for material that is clearly identified as to its original source, with permission notices from the copyright owners where required. The undersigned represents that he/she has the power and authority to make and execute this assignment. The copyright transfer form can be downloaded here .
The corresponding author signs for and accepts responsibility for releasing this material on behalf of any and all co-authors. This agreement is to be signed by at least one of the authors who have obtained the assent of the co-author(s) where applicable. After submission of this agreement signed by the corresponding author, changes of authorship or in the order of the authors listed will not be accepted.
Retained Rights/Terms and Conditions
- Authors retain all proprietary rights in any process, procedure, or article of manufacture described in the Work.
- Authors may reproduce or authorize others to reproduce the work or derivative works for the author’s personal use or company use, provided that the source and the copyright notice of Politeknik Elektronika Negeri Surabaya (PENS) publisher are indicated.
- Authors are allowed to use and reuse their articles under the same CC-BY-NC-SA license as third parties.
- Third-parties are allowed to share and adapt the publication work for all non-commercial purposes and if they remix, transform, or build upon the material, they must distribute under the same license as the original.
Plagiarism screening will be conducted by EMITTER Journal Editorial Board using iThenticate Plagiarism Checker and CrossCheck plagiarism screening service. The author should download and sign the declaration of plagiarism form here and resubmit it with the copyright transfer form via online submission.