The SIGCSE 2001 Maze Demonstration Program Richard Rasala, Jeff Raab, Viera K. Proulx College of Computer Science Northeastern University Boston MA 02115.

Slides:



Advertisements
Similar presentations
Introduction to Java 2 Programming
Advertisements

Copyright 2002, Paradigm Publishing Inc. CHAPTER 23 BACKNEXTEND 23-1 LINKS TO OBJECTIVES Form Concepts Creating the Form Template Creating the Form Template.
Chapter 26. Copyright 2003, Paradigm Publishing Inc. CHAPTER 26 BACKNEXTEND 26-2 LINKS TO OBJECTIVES Create a Form Template Create a Form Template Fill.
Controls & Widgets. Overview General controls & widgets Switch Button Dial Latch Slider Handle Physical only Jog dial Joystick Track ball Digital only.
Java Power Tools: A Foundation for Interactive GUI Exploration Viera K. Proulx, Richard Rasala, Jeff Raab HCI 2001 Conference New Orleans, LA August 10,
Chapter 7 UNDERSTANDING AND DESIGNING FORMS. Input Forms: Content and Organization Need for forms Event analysis and forms Relationship between input.
Computing Concepts Advanced HTML: Tables and Forms.
Graphical User Interface (GUI) Nelson Padua-Perez Chau-Wen Tseng Department of Computer Science University of Maryland, College Park.
1 Computing for Todays Lecture 22 Yumei Huo Fall 2006.
1 GUI Elements in Java Nelson Padua-Perez Chau-Wen Tseng Department of Computer Science University of Maryland, College Park.
Chapter 7 Improving the User Interface
Applications Software
McGraw-Hill/Irwin The Interactive Computing Series © 2002 The McGraw-Hill Companies, Inc. All rights reserved. Microsoft PowerPoint 2002 Working with External.
Exploring the Basics of Windows XP
Windows Tutorial 9 Maintaining Hardware and Software
1 ADVANCED MICROSOFT WORD Lesson 15 – Creating Forms and Working with Web Documents Microsoft Office 2003: Advanced.
FALL 2005CSI 4118 – UNIVERSITY OF OTTAWA1 Part 4 Web technologies: HTTP, CGI, PHP,Java applets)
Chapter 5 Java Script And Forms JavaScript, Third Edition.
The NetBeans IDE CSIS 3701: Advanced Object Oriented Programming.
Introducing Dreamweaver MX 2004
Java Power ToolsNortheastern CCS EdGroup Java Power Tools Model Software for Teaching Object-Oriented Design Richard Rasala Jeff Raab Viera Proulx
COMPREHENSIVE Windows Tutorial 9 Maintaining Hardware and Software.
10 Adding Interactivity to a Web Site Section 10.1 Define scripting Summarize interactivity design guidelines Identify scripting languages Compare common.
Introduction to Matlab & Data Analysis
Final Year Project Interim Presentation Software Visualisation and Comparison Tool Presented By : Shane Lillis, , 4th Year Computer Engineering.
BZUPAGES.COM Visual Programming Lecture – 5 Miss. SADAF MAJEED SIAL Computer Science Department Bahauddin Zakariya University Multan.
Tutorial 7 Creating Forms. Objectives Session 7.1 – Create an HTML form – Insert fields for text – Add labels for form elements – Create radio buttons.
Designing Interface Components. Components Navigation components - the user uses these components to give instructions. Input – Components that are used.
New Mexico Computer Science For All Interface Input in NetLogo Maureen Psaila-Dombrowski.
3461A Readings from the Swing Tutorial. 3461A Overview  The follow is the Table of Contents from the trail “Creating a GUI with JFC/Swing” in the “The.
By: Stag and Fish; Party Animals.  Radio buttons are a way of letting users choose only one option of a list.
Extending HTML CPSC 120 Principles of Computer Science April 9, 2012.
JavaScript, Fourth Edition Chapter 5 Validating Form Data with JavaScript.
SIMPLE PROBLEM SOLVING in Java: a Problem Set Framework Viera K. Proulx Richard Rasala Jason Jay Rodrigues CCSCNE 2002 Conference.
 Whether using paper forms or forms on the web, forms are used for gathering information. User enter information into designated areas, or fields. Forms.
Toolkits in First Year CS: A Pedagogical Imperative Richard Rasala College of Computer Science Northeastern University Boston MA
Traffic Light: A Pedagogical Exploration Through a Design Space Viera K. Jeff Richard Rasala
Graphics and Event-Driven Programming in Java John C. Ramirez Department of Computer Science University of Pittsburgh.
BZUPAGES.COM Visual Programming Lecture – 6- 7 Miss. SADAF MAJEED SIAL Computer Science Department Bahauddin Zakariya University Multan.
CSCE 121: Introduction to Program Design and Concepts, Honors Dr. J. Michael Moore Spring 2015 Set 15: GUIs 1.
MSc Workshop - © S. Kamin, U. ReddyLect 3 - GUI -1 Lecture 3 - Graphical User Interfaces r GUI toolkits in Java API r JFrame r GUI components.
Lection №5 Modern integrated development environment.
Creating Graphical User Interfaces (GUI’s) with MATLAB By Jeffrey A. Webb OSU Gateway Coalition Member.
Adobe InDesign CS5 - Illustrated Unit A: Getting Started with InDesign CS5.
OpenEMR: Basic Billing Based on OpenEMR 4.1 Laboratory Informatics Institute January 2014.
CS324e - Elements of Graphics and Visualization Java GUIs - Event Handling.
Copyright © 2010 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Starting Out with Programming Logic & Design Second Edition by Tony Gaddis.
Copyright © 2007 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 6 – Graphical User Interfaces Java Foundations: Introduction to Programming.
Lecy ∙ Data-Driven Management Lecture 12 Building Shiny Apps.
Software 3 See Edmodo for images Group name: topcat Group code: i4qf9a 11/03/11.
Creating User Interfaces Chapter 13 CSCI CSCI 1302 – Creating User Interfaces2 Outline Introduction Common Features of Swing GUI Components Buttons.
2e – RadioButtons Lingma Acheson Department of Computer and Information Science, IUPUI CSCI N331 VB.NET Programming.
Word 2007® Business and Personal Communication How can Microsoft Word 2007 help you work with others?
INFORMATION SYSTEM – SOFTWARE TOPIC: GRAPHICAL USER INTERFACE.
TIU Note Templates. Learning Objectives Discuss Human Factor Internationals (HFIs) recommendations for Text Integration Utility (TIU) Templates Become.
Computer Science [3] Java Programming II - Laboratory Course Lab 4 -1 : Introduction to Graphical user interface GUI Components Faculty of Engineering.
COMPUTER PROGRAMMING I 3.01 Apply Controls Associated With Visual Studio Form.
MATLAB and SimulinkLecture 61 To days Outline Graphical User Interface (GUI) Exercise on this days topics.
TIU Note Templates. Learning Objectives Discuss Human Factor Internationals (HFIs) recommendations for Text Integration Utility (TIU) Templates Become.
RAPID: THE RAPID ADA PORTABLE INTERFACE DESIGNER Martin Carlisle Department of Computer Science US Air Force Academy.
LCG AA Meeting 30 June 2004 Ilka Antcheva Graphics User Interface in ROOT.
Hamilton Software Products The Measure of Excellence Customized dialog.
Computer Science 112 Fundamentals of Programming II Data Fields for I/O and Message Boxes for Error Recovery.
XP Creating Web Pages with Microsoft Office
Chapter Topics 15.1 Graphical User Interfaces
Java IO and Testing made simple
The Basic Usage and The Event Handling in Glade.
Chapter 15: GUI Applications & Event-Driven Programming
Presentation transcript:

The SIGCSE 2001 Maze Demonstration Program Richard Rasala, Jeff Raab, Viera K. Proulx College of Computer Science Northeastern University Boston MA This work supported by NSF DUE

The Joy of Toolkits The SIGCSE Maze Demo shows that with the proper toolkits it is quite feasible to build demos & laboratories with full graphical user interfaces in a very, very short period of time. As a consequence, it is no longer necessary to teach freshmen using more primitive interfaces. See “Toolkits... A Pedagogical Imperative” in SIGCSE 2000 for further discussion of general issues about using toolkits.

Prove It! Show Some Demos!

Java Power Tools 1 With powerful encapsulation, use of a GUI view should normally require at most four lines of code: Construct the view Position the view in the interface Send user data from the view to the model Send model data from the model to the view

Java Power Tools 2 Encapsulate model view communication as the fundamental backbone of GUI building: Stringable models Displayable views TypedView & GeneralView extend Displayable Automatic error checking Automatic error recovery Enables a recursive philosophy of GUI building

Java Power Tools 3 Powerful Panels DisplayPanel : base view that supports model view communication in a recursive fashion BufferedPanel : graphics view with automatic refresh supported by powerful plot tools TablePanel : panel for general tables ActionsPanel : panel to encapsulate actions as buttons ArrayPanel : panel for user extendible arrays Zoo : panel for mouse manipulation of items

Java Power Tools 4 Powerful Widgets TextFieldView : for strings to models TextAreaView : for general text BooleanView : for check boxes OptionsView : for radio buttons DropdownView : for dropdown lists ColorView : for r, g, b, alpha color choosing SliderView : for slider choice FileView : for file dialogs

More Demos Please!

Problem Set Framework The Problem Set Framework is so powerful that we recommend that you use it even if you choose not to use the Java Power Tools in general PSF works for small problems PSF is a wonderful tool for unit testing PSF can be used to integrate multiple apps

Web Site New Site: Old Site for Maze Only: