Generating GAIGS XML Scripts II Integrating Algorithm Visualization into Computer Science Education Grand Valley State University June 13-16, 2006.

Slides:



Advertisements
Similar presentations
Setup Computer Based Training Launch Reg Manager and Log-in Launch Training Manager Create CBT Program Link Training Material (video, document, seminar,
Advertisements

Advanced XSLT. Branching in XSLT XSLT is functional programming –The program evaluates a function –The function transforms one structure into another.
Programming with App Inventor Computing Institute for K-12 Teachers Summer 2012 Workshop.
23-Aug-14 HTML/XHTML Forms. 2 What are forms? is just another kind of XHTML/HTML tag Forms are used to create (rather primitive) GUIs on Web pages Usually.
Generating GAIGS XML Scripts I Integrating Algorithm Visualization into Computer Science Education Grand Valley State University June 13-16, 2006.
CSCI 160 Midterm Review Rasanjalee DM.
CS0004: Introduction to Programming Visual Studio 2010 and Controls.
COMPUTER PROGRAMMING I Essential Standard 5.02 Understand Breakpoint, Watch Window, and Try And Catch to Find Errors.
Programming with Alice Computing Institute for K-12 Teachers Summer 2011 Workshop.
The Senior Honors Project Proposal Style File A Tutorial by Forrest Scott Brinkley.
Program Design and Development
Python and Web Programming
AP Computer Science.  Not necessary but good programming practice in Java  When you override a super class method notation.
CST JavaScript Validating Form Data with JavaScript.
Installation Process: Step 1 Step1: Login in to Unix Host name or IP address type in douglass User name type in user name Password type in user password.
Programming with Microsoft Visual Basic th Edition
1 Web Developer & Design Foundations with XHTML Chapter 6 Key Concepts.
Introduction to HTML. Topics HTML –What is HTML –Parts of an HTML Document –HTML Tags.
4-Sep-15 HTML Forms Mrs. Goins Web Design Class. Parts of a Web Form A Form is an area that can contain Form Control/Elements. Each piece of information.
XP Tutorial 6New Perspectives on Creating Web Pages with HTML, XHTML, and XML 1 Creating Web Page Forms Designing a Product Registration Form Tutorial.
WEB DESIGN AND PROGRAMMING Introduction to Javascript.
Chapter 5 Java Script And Forms JavaScript, Third Edition.
XHTML Introductory1 Forms Chapter 7. XHTML Introductory2 Objectives In this chapter, you will: Study elements Learn about input fields Use the element.
1 XML Schemas. 2 Useful Links Schema tutorial links:
Computer Science Standard Level Mastery Aspects. Mastery Item Claimed JustificationWhere Listed Arrays Used to store the student data Lines P.
The JHAVÉ Project JHAVÉ: Java Hosted Algorithm Visualization Environment Goal: Development of a comprehensive suite of visualization-based materials for.
Robinson_CIS_285_2005 HTML FORMS CIS 285 Winter_2005 Instructor: Mary Robinson.
Week 9 PHP Cookies and Session Introduction to JavaScript.
XML Syntax - Writing XML and Designing DTD's
Introduction to GAIGS XML Scripting Integrating Algorithm Visualization into Computer Science Education Grand Valley State University June 13-16, 2006.
FIGIS’ML Hands-on training - © FAO/FIGIS An introduction to XML Objectives : –what is XML? –XML and HTML –XML documents structure well-formedness.
Using the selection structure (Unit 7) Visual Basic for Applications.
1 Tutorial 13 Validating Documents with DTDs Working with Document Type Definitions.
Web Technologies COMP6115 Session 4: Adding a Database to a Web Site Dr. Paul Walcott Department of Computer Science, Mathematics and Physics University.
Nonvisual Arrays and Recursion by Chris Brown under Prof. Susan Rodger Duke University June 2012.
C++ Basics Structure of a Program. C++ Source Code Plain text file Typical file extension .CPP Must compile the C++ source code without errors before.
Done by: Hanadi Muhsen1 Tutorial 1.  Learn the history of JavaScript  Create a script element  Write text to a Web page with JavaScript  Understand.
JavaScript, Fourth Edition Chapter 5 Validating Form Data with JavaScript.
3 - Variables Lingma Acheson Department of Computer and Information Science, IUPUI CSCI N331 VB.NET Programming.
Active Server Pages  In this chapter, you will learn:  How browsers and servers interacted on the Internet when the Internet first became popular 
Arrays An array is a data structure that consists of an ordered collection of similar items (where “similar items” means items of the same type.) An array.
Chapter 8 Collecting Data with Forms. Chapter 8 Lessons Introduction 1.Plan and create a form 2.Edit and format a form 3.Work with form objects 4.Test.
XHTML1 Images N100 Building a Simple Web Page. XHTML2 The Element The src attribute specifies the filename of an image file To include the src attribute.
 Whether using paper forms or forms on the web, forms are used for gathering information. User enter information into designated areas, or fields. Forms.
 Agenda 2/20/13 o Review quiz, answer questions o Review database design exercises from 2/13 o Create relationships through “Lookup tables” o Discuss.
HTML: Hyptertext Markup Language Doman’s Sections.
ITCS373: Internet Technology Lecture 5: More HTML.
USING XML AS A DATA SOURCE. Data binding is a process by which information in a data source is stored as an object in computer memory. In this presentation,
Chapter 5: More on the Selection Structure Programming with Microsoft Visual Basic 2005, Third Edition.
XRX Basic CRUDS Create, Read, Update and Delete and Search XML Data Date: May 2011 Dan McCreary President Dan McCreary & Associates
Quizard step-by-step. Start with the questions The Question class is abstract –a Superclass You’ll never create something that’s just a question. It’ll.
>> PHP: Insert Query & Form Processing. Insert Query Step 1: Define Form Variables Step 2: Make DB Connection Step 3: Error Handling Step 4: Define the.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 9 Key Concepts 1 Copyright © Terry Felke-Morris.
When we create.rtf document apart from saving the actual info the tool saves additional info like start of a paragraph, bold, size of the font.. Etc. This.
CPS-Student Response System Dottie Betts ITRT June 2009.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
Programming with Microsoft Visual Basic 2008 Fourth Edition Chapter Eight String Manipulation.
XML Validation II Advanced DTDs + Schemas Robin Burke ECT 360.
Topic 13 Iterators. 9-2 Motivation We often want to access every item in a data structure or collection in turn We call this traversing or iterating over.
XML Schema – XSLT Week 8 Web site:
FORMS Explained By: Jasdeep Kaur. Lecturer, Department of Computer Application, PGG.C.G., Sector: 42, Chandigarh.
Revised June 2008 Online PD Basic HTML1 Let’s Try It!  Open Notepad oStart > All Programs > Accessories > Notepad oDon’t get WordPad by mistake – won’t.
Generating XML Data from a Database Eugenia Fernandez IUPUI.
List Structures What is a list? A homogeneous collection of elements with a linear relationship between the elements linear relationship - each element.
Menus. Menus are a common user interface component in many types of applications. The options menu is the primary collection of menu items for an activity.
CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr
Microsoft Visual Basic 2005 BASICS
And now for something completely different . . .
Introduction to Problem Solving and Control Statements
Chapter 3: Selection Structures: Making Decisions
Presentation transcript:

Generating GAIGS XML Scripts II Integrating Algorithm Visualization into Computer Science Education Grand Valley State University June 13-16, 2006

Adding Interactive Questions GAIGS Scripts can be used to ask four types of questions: True / False Fill in the Blank Multiple Choice Multiple Selection A Multiple Choice Question

Question Basics All the questions in a GAIGS script are collected at the end of the XML File Each contains a unique ID number A snapshot can contain a question reference The reference is by ID number A question reference causes the question to appear when the snapshot is shown Questions appear in their own pop-up window

r queue index.php?line=2 9 Color of the next queue item? red green blue A Simple Visualization with a Multiple Choice Question

The Question Reference A question reference comes last in a snapshot The tag just has one attribute, the value of which is the appropriate question id. <!ELEMENT snap ( title, doc_url?, pseudocode_url?, (tree|array|graph|stack|queue|linkedlist|bargraph|node)*, question_ref? )> DTDs for the Snap and Question_ref Elements

DTDs for Question Elements <!ATTLIST question type CDATA #REQUIRED id CDATA #REQUIRED> <!-- TFQuestion: use text "true" or "false" (no quotes) for the correct answer--> <!-- specify "yes" only if it is a MC/MSQuestion, otherwise ignored --> DTDs for Question Elements

Question Generation Support I As for GAIGS structures, there are support classes for the generation of question XML. XMLtfQuestion: true / false XMLmcQuestion: multiple choice XMLmsQuestion:multiple selection XMLfibQuestion:fill in the blank Each support class allows the definition of the question text, choices, and correct answer(s).

Question Generation Support II To include a question in a snap, pass a question in ShowFile method writeSnap This method also require documentation and pseudocode urls (or nulls) writeSnap(String title, double titleSize, String doc_url, String pseudo_url, question q, GAIGSdatastr… ds) writes to the file the XML for a snap with the title titleSize (optional parameter) documentation url pseudocode url question and each of the listed structures.

XMLtfQuestion Constructors: XMLtfQuestion(ShowFile f, String id) The id string must be unique within a script ShowFile reference is a legacy code issue. Key Methods: setQuestionText(String text) sets the text which will be displayed as the question. setAnswer(boolean value) set the correct answer to value.

XMLtfQuestion Example int id = 0; boolean swapIsDone = false; … XMLtfQuestion tf = new XMLtfQuestion(show, id + ""); id++; tf.setQuestionText("Will a swap be done next?"); … show.writeSnap(TITLE, null, null, tf, …); … tf.setAnswer(swapIsDone);

XMLfibQuestion Constructor: XMLfibQuestion(ShowFile f, String id) The id string must be unique within a script ShowFile reference is a legacy code issue. Key Methods: setQuestionText(String text) sets the text which will be displayed as the question. setAnswer(String text) set text to be one of answers to be accepted as correct.

XMLfibQuestion Example int id = 0; int swapsThisPass = 0; … XMLfibQuestion fib = new XMLfibQuestion(show, id + ""); id++; fib.setQuestionText("How many swaps will be made this pass?"); … show.writeSnap(TITLE, null, null, fib, …); … fib.setAnswer(swapsThisPass + "");

XMLmcQuestion Constructor: XMLfibQuestion(ShowFile f, String id) The id string must be unique within a script ShowFile reference is a legacy code issue. Key Methods: setQuestionText(String text) sets the text which will be displayed as the question. addChoice(String text) set text to be one of possible choices. setAnswer(int n) sets choice n to be the correct choice (starts from 1).

XMLmcQuestion Example int id = 0; int futurePasses = 0; … XMLmcQuestion mc = new XMLmcQuestion(show, id + ""); id++; mc.setQuestionText("Which of the following is true?"); mc.setChoice("No further passes will be made."); mc.setChoice("One more pass will be made."); mc.setChoice("More than one more pass will be made."); … show.writeSnap(TITLE, null, null, mc, …); … mc.setAnswer(futurePasses + "");

XMLmsQuestion Just like XMLmcQuestion, except setAnswer can be used more than once to define all the correct choices

Probabilistic Question Asking I The support classes allow the user to define the number of questions to be asked during a session, despite how many are “added”. This is done by specifying the number of questions to actually be asked. the number of times questions will be added using writeSnap. Then when questions are added using writeSnap, they are sometimes discarded in order to ask the correct number of questions.

Probabilistic Question Asking II To do this, use the alternative constructor for ShowFile: ShowFile(String fileName, int count, int possibles) fileName is the name of the file to be written to. ask no more than count questions, using possibles to compute probabilities. if possibles is exact, then exactly count questions will be asked.

Bubblesort + Questions Return to your Bubblesort visualization and Add a question which asks how many swaps will be made during the next pass (asked just before a pass). Add a question which asks if a swap will be made (asked just before a comparison is made). Use probabilistic questioning to limit the number of questions asked during a session.