skip to main content
10.1145/1999747.1999803acmconferencesArticle/Chapter ViewAbstractPublication PagesiticseConference Proceedingsconference-collections
research-article

GUIGraph: editing live object diagrams for GUI generation enables new pedagogy in CS1/2

Published: 27 June 2011 Publication History

Abstract

The GUIGraph software tool supports a new pedagogy, motivates students, and solves early user-interface issues. Regardless of the type of curriculum, it can provide an initial, intuitive introduction to object-oriented thinking, even before coding is discussed. By editing a UML-like object diagram, the student creates and links virtual Java Swing objects representing a user-interface, and can instantly view and manipulate its realization. GUIGraph is unique in that the student specifies an object structure to be created, equivalent to writing complex source code. When requested, GUIGraph generates the Java source code of an abstract class that constructs the object structure. The student then completes the coding of a concrete class that implements its application specific abstract methods. The functionality of the application is cleanly separated from its user-interface, which helps build design intuition, and iterative refinement of the user-interface is supported by regenerating the abstract class.

References

[1]
Aitel, D. A beginner's guide to using pyGTK and Glade. Linux Journal, Volume 2003 Issue 113, September 2003.
[2]
Barnes, D., Kölling, M. Objects First with Java: A Practical Introduction using BlueJ (4th ed.), Prentice Hall 2008.
[3]
Becker, B.W. "Pedagogies for CS1: A Survey of Java Textbooks" http://www.cs.uwaterloo.ca/~bwbecker/papers/javaTextbooks/.
[4]
Buck, D., and Stucki, D. J. Design early considered harmful: graduated exposure to complexity and structure based on levels of cognitive development. In Proc. 31st SIGCSE Tech. Sym., ACM, 2000, pp. 75--79.
[5]
Cross, II, J. H., Hendrix, T. D., Jhilmil, J., and Barowski, L. A. Dynamic object viewers for data structures. In Proc. 38th SIGCSE Tech. Sym., ACM, 2007, pp. 4--8.
[6]
jGRASP group. "The Workbench" http://www.jgrasp.org/tutorials187/09_Workbench.pdf.
[7]
Kay, D. G. "SIGCSE 2010 Influential Papers" (report of the 41st ACM SIGCSE Tech. Sym. Special Session "Recognizing the Most Influential CS Education Papers", http://www.ics.uci.edu/~kay/SIGCSE/influential.
[8]
Kölling, M. and Rosenberg, J. An Object-Oriented Program Development Environment for the First Programming Course. In Proc. 27th SIGCSE Tech. Sym., ACM, 1996, pp. 83--87.
[9]
Pinheiro da Silva, P. User Interface Declarative Models and Development Environments: A Survey. In Interactive Systems: Design, Specification and Verification (7th International Workshop on Design, Specification and Verification of Interactive Systems), Limerick, Ireland. LNCS Vol.1946, Springer-Verlag, 2000, pp. 207--226.
[10]
"Scratch|Home...," http://scratch.mit.edu/.

Cited By

View all
  • (2013)ObjektgraphProceedings of the 2013 companion publication for conference on Systems, programming, & applications: software for humanity10.1145/2508075.2514576(25-26)Online publication date: 26-Oct-2013
  • (2012)Integrating video components in CS1Proceedings of the 43rd ACM technical symposium on Computer Science Education10.1145/2157136.2157176(123-128)Online publication date: 29-Feb-2012

Index Terms

  1. GUIGraph: editing live object diagrams for GUI generation enables new pedagogy in CS1/2

    Recommendations

    Comments

    Information & Contributors

    Information

    Published In

    cover image ACM Conferences
    ITiCSE '11: Proceedings of the 16th annual joint conference on Innovation and technology in computer science education
    June 2011
    418 pages
    ISBN:9781450306973
    DOI:10.1145/1999747
    Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for components of this work owned by others than ACM must be honored. Abstracting with credit is permitted. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee. Request permissions from [email protected]

    Sponsors

    Publisher

    Association for Computing Machinery

    New York, NY, United States

    Publication History

    Published: 27 June 2011

    Permissions

    Request permissions for this article.

    Check for updates

    Author Tags

    1. object-graph
    2. pedagogy
    3. user-interface

    Qualifiers

    • Research-article

    Conference

    ITiCSE '11
    Sponsor:

    Acceptance Rates

    Overall Acceptance Rate 552 of 1,613 submissions, 34%

    Upcoming Conference

    ITiCSE '25
    Innovation and Technology in Computer Science Education
    June 27 - July 2, 2025
    Nijmegen , Netherlands

    Contributors

    Other Metrics

    Bibliometrics & Citations

    Bibliometrics

    Article Metrics

    • Downloads (Last 12 months)0
    • Downloads (Last 6 weeks)0
    Reflects downloads up to 03 Mar 2025

    Other Metrics

    Citations

    Cited By

    View all
    • (2013)ObjektgraphProceedings of the 2013 companion publication for conference on Systems, programming, & applications: software for humanity10.1145/2508075.2514576(25-26)Online publication date: 26-Oct-2013
    • (2012)Integrating video components in CS1Proceedings of the 43rd ACM technical symposium on Computer Science Education10.1145/2157136.2157176(123-128)Online publication date: 29-Feb-2012

    View Options

    Login options

    View options

    PDF

    View or Download as a PDF file.

    PDF

    eReader

    View online with eReader.

    eReader

    Figures

    Tables

    Media

    Share

    Share

    Share this Publication link

    Share on social media