GeoSVG: An Interactive Geometry Authoring Tool. Existing Interactive Geometry Software Geometer’s SketchPad Cabri Geometry II –Can export file to TI calculator.

Slides:



Advertisements
Similar presentations
BRIDGE COURSE of INFORMATION & COMMUNICATION TECHNOLOGY
Advertisements

Parametric Object Technology BIM Curriculum 09. Topics  Object Technologies  Techniques  Solutions.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
GeoGebra Dynamic Geometry and Algebra
GeometryEditor and GeoSite Release Status and New Features Xun Lai July 16, 2008.
GeoSVG and GeoSite - a Web-based system for manipulative and education page authoring Xun Lai Feb. 15 th, 2006.
GeoSite and GeoSVG. GeoSVG: A Dynamic Geometry Authoring Tool Written in SVG and Javascript Providing most of the capabilities of a traditional Dynamic.
Introduction to SVG & Batik Presented by Shang-Ming Huang.
Create slices and hotspots Create links in Web pages Create rollovers from slices Create basic animation Add tweening symbol instances to create animation.
GeometryEditor Xun Lai Oct. 18, Authoring Supports Implemented Arbitrary Drawing Drawing primitives: Making it simple to create basic geometric.
1. Migrate GeoSVG to Firefox 2. GDrawing Xun Lai October, 2005.
Chapter 9 Introduction to the Document Object Model (DOM) JavaScript, Third Edition.
S OFTWARE AND M ULTIMEDIA Chapter 6 Created by S. Cox.
GeoSVG A Web-oriented Dynamic Geometry Software. Introduction to GeoSVG GeoSVG is a Dynamic Geometry Software (DGS) to support diagramming, interactive.
1 Drawing Dynamic Geometry Figures with Natural Language Wing-Kwong Wong a, Sheng-Kai Yin b, Chang-Zhe Yang c a Department of Electronic Engineering b.
GeoSVG: A Web-based Interactive Plane Geometry System for Mathematics Education Xun Lai and Paul S. Wang Department of Computer Science Institute for Computational.
Chapter 3 Software Two major types of software
ESRM 250 & CFR 520: Introduction to GIS © Phil Hurvitz, KEEP THIS TEXT BOX this slide includes some ESRI fonts. when you save this presentation,
Object Orientated Data Topic 5: Multimedia Technology.
XP New Perspectives on Microsoft Access 2002 Tutorial 71 Microsoft Access 2002 Tutorial 7 – Integrating Access With the Web and With Other Programs.
ITIS 1210 Introduction to Web-Based Information Systems Chapter 41 How Animation on the Web Works.
Client/Server Architectures
Chapter 11 Adding Media and Interactivity. Flash is a software program that allows you to create low-bandwidth, high-quality animations and interactive.
Lesson 4 Computer Software
INTRODUCTION TO WEB DATABASE PROGRAMMING
Lab 8 – C# Programming Adding two numbers CSCI 6303 – Principles of I.T. Dr. Abraham Fall 2012.
DHTML. What is DHTML?  DHTML is the combination of several built-in browser features in fourth generation browsers that enable a web page to be more.
FALL 2005CSI 4118 – UNIVERSITY OF OTTAWA1 Part 4 Web technologies: HTTP, CGI, PHP,Java applets)
A Scalable Application Architecture for composing News Portals on the Internet Serpil TOK, Zeki BAYRAM. Eastern MediterraneanUniversity Famagusta Famagusta.
Overview of SQL Server Alka Arora.
EnSight analyze, visualize, communicate EnSight 6.x Advanced Training Part 1 Instructors: Mike Krogh, Anders Grimsrud.
GEOGEBRA STD X SUB : ICT. Chapter 6 Geogebra Created By :- Mr.S.N.Attar ICT BOARD Member PRESENTED BY Kulkarni S.A.
GIS technologies and Web Mapping Services
UNIT 8 DRAWING WITH THE HTML5 CANVAS ELEMENTS AND FORMS.
COMPUTER SOFTWARE Section 2 “System Software: Computer System Management ” CHAPTER 4 Lecture-6/ T. Nouf Almujally 1.
14th IEEE-NPSS Real Time Conference 2005, 8 June Stockholm.
FUNDAMENTALS OF PROGRAMMING SM1204 SEMESTER A 2012.
Stimulsoft Reports.Net 20 Problems which Stimulsoft Reports.Net solves
Geometric Transformation. So far…. We have been discussing the basic elements of geometric programming. We have discussed points, vectors and their operations.
COMPUTER PROGRAMMING Source: Computing Concepts (the I-series) by Haag, Cummings, and Rhea, McGraw-Hill/Irwin, 2002.
University of Sunderland CDM105 Session 5 Web Authoring Tools The past and present A history of web authoring tools and an overview of Macromedia Dreamweaver.
1-1 OBJ Copyright 2003, Paradigm Publishing Inc. Dr. Joseph Otto Silvia Castaneda Christopher deCastro CSULA Macromedia Flash MX Introduction.
XP Tutorial 1 Introduction to Macromedia Flash MX 2004.
University of Sunderland CDM105 Session 6 Dreamweaver and Multimedia Fireworks MX 2004 Creating Menus and Button images.
Object Orientated Data Topic 5: Multimedia Technology.
GeoGebra Dynamic Geometry, Algebra and Calculus Markus Hohenwarter,
Web 2.0 Tools SMART Notebook Math Tools By Joanna Snyder.
GeoGebra: Free Dynamic Software for Geometry and Beyond Shelley W. Question to ponder:
Chapter 2 Introduction to Systems Architecture. Chapter goals Discuss the development of automated computing Describe the general capabilities of a computer.
Cs332a_chapt10.ppt CS332A Advanced HTML Programming DHTML Dynamic Hypertext Markup Language A term describing a series of technologies Not a stand-a-lone.
C OMPUTING E SSENTIALS Timothy J. O’Leary Linda I. O’Leary Presentations by: Fred Bounds.
ELEMENTS OF A COMPUTER SYSTEM HARDWARE SOFTWARE PEOPLEWARE DATA.
Contents : What is Silverlight? Silverlight Overview Silverlight Toolkit Overview Timeline & Packaging Silverlight V1.0 & V1.1 Properties of V1.0 Properties.
GeoGebra Please INSTALL GeoGebra WITH INTERNET Go to Click WebStart third item in the left menu Click button WebStart.
Ubiquitous Access for Collaborative Information System Using SVG July Sangmi Lee, Geoffrey Fox, Sunghoon Ko, Minjun Wang, Xiaohong Qui
JavaScript 101 Introduction to Programming. Topics What is programming? The common elements found in most programming languages Introduction to JavaScript.
CABRI Wrexham Schools Quality Circle 24 th October 2006.
DHTML.
Project 1 Introduction to HTML.
Chapter 1 Introduction to Computers, Programs, and Java
Complex Geometry Visualization TOol
MATLAB Basics Nafees Ahmed Asstt. Professor, EE Deptt DIT, DehraDun.
Introduction to JavaScript
What is GeoGebra? It is free mathematics software. It is a cross platform and open source program for doing dynamic geometry. It works like a sketch pad.
The Geometer’s Sketchpad
Use of Mathematics using Technology (Maltlab)
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Introduction CSC 111.
In this chapter, you will learn the following:
In this chapter, you will learn the following:
Presentation transcript:

GeoSVG: An Interactive Geometry Authoring Tool

Existing Interactive Geometry Software Geometer’s SketchPad Cabri Geometry II –Can export file to TI calculator C.a.R. (open source, in Java) Kseg (open source, in C++) Cinderella (in Java) –Euclidean Geometry, hyperbolic geometry, elliptic geometry and projective geometry Euklides (in Java) –Can deal with conics (hyperbola, parabola, ellipse)

What can Interactive Geometry Software do Dynamic geometric object construction and manipulation –All mathematical relations are preserved while objects are being dragged by mouse or values are changing. –Parallelogram / Box-and-Whisker examples Transformation of geometric objects –Translate, Rotate, Dilate, and Reflect –Half Head.gsp Measurement –Area.gsp

What can Interactive Geometry Software do (cont.) Animation –Parametric Functions.gsp Calculation –A dynamic calculator Analytic Geometry –Plot function –Coordinate System View.gsp Calculus –Integration.gsp –Compute derivative

What can Interactive Geometry Software do(cont.) Locus –a totality of all points, satisfying the certain given conditions –Thought Experiment.gsp Iteration –Geometric iteration and numerical iteration –Integration.gsp –Fractal Gallery.gsp Script/Macro –A sequence of steps that can be defined as a new function –Sample Tools.gsp

Deficiency of Geometer’s SketchPad No separate view of authoring phase and manipulation phase –Students need to learn the software or may be deviated from the what a teacher has constructed. –SketchPad can export what is constructed as a Java applet, which is used in the manipulation phase. However, the applets only have a subset of the capability of the software.

Deficiency of Geometer’s SketchPad (cont.) No special object types to ease composing –Philosophy of SketchPad: Many or Few –This is an advantage, but also a disadvantage –Lots of hidden objects to help construct a manipulative –Example: Hard to copy a shape No Linux version Some other small deficiency –No user input –No function to handle a sequence of numbers –Not very good support for multiple coordinates systems –No ruler and Protractor

Deficiency of Geometer’s SketchPad (cont.) Big Deficiency: NOT web-oriented –A tool called JavaSketchPad can convert what Geometer’s SketchPad generates to Java applets. However: Some constructions such as iteration cannot be converted. User can only manipulate objects, but cannot construct new objects. The applet supports much fewer mathematical constructions than the desktop software. –Author needs to have the software installed in his/her machine. Then the author needs to know how to publish a web page online, and may also need to know how to embed an applet in a web page. This small obstacle may stop many teachers from using the software

GeoSVG Written in SVG and Javascript –SVG, which stands for Scalable Vector Graphics, is an application of XML that makes it possible to represent graphic information in a compact, portable form Inherent web-oriented –What GeoSVG generates automatically can be viewed and manipulated online –The whole GeoSVG authoring tool can be a web page User does NOT need to install software and compose web pages –We may set up a web site for GeoSVG users. File open, File edit, and File save are all online.

GeoSVG (cont.) Platform independent (Windows/Mac/Linux) Can also be developed into a standalone application using Batik –Batik gives developers a set of core modules which can be used together or individually to support specific SVG solutions. Examples of modules are the SVG Parser, the SVG Generator and the SVG DOM. Manipulatives can have the full power of the capacity of GeoSVG by exporting menu functions

Algorithms All the objects form an acyclic directed graph –Ancestors/Parents/Children Independent Points are the source of the graph A change of a top-level object invalidates all its descendents. All descendents need to recalculate its status. Geometric Reversibility: a change of a descendent affects its ancestor(s). –Selection of a segment is equivalent to selection of two end points.

Algorithms (cont.) Philosophy: Many or few? What objects should be atoms? Special objects to help ease composing –Pivot Point: ease the work to copy a shape –Angle Point: fixed angle and changeable distance. Help to create a axis. Useful Action Buttons: –Show/Hide: Show or Hide a group of objects –Movement: Animation –Presentation: Execute a sequence of action buttons –CircularEvents: Circular execution of a sequence of action buttons. Execute one per button click.

Algorithms (cont.) As a geometry software, there are lots of mathematical computation algorithms. –Translate –Rotation –Intersection –Parallel/Perpendicular –Determine if a point is on an object (line/circle/polygon) –And etc.

Difficulty in Developing GeoSVG GeoSVG is currently an online authoring tool, which cannot save files to local disk, and cannot utilize copy- and-paste provided by OS. –Current Solution: Under Windows IE, the data can be exported to an textarea. User needs to copy and save it. –Future Solution: next slide SVG-XHTML communication problem. – With all the existing Interactive Geometry Software, do I still need to develop a new one? –Applet is not a problem. Once it’s loaded, it’s also fast.

Batik SVG Toolkit Batik is a Java(tm) technology based toolkit for applications or applets that want to use images in the Scalable Vector Graphics (SVG) format for various purposes, such as viewing, generation or manipulation. Examples of modules are an SVG parser, an SVG generator and an SVG DOM implementations. Batik contains a Swing component that can add SVG viewing capability to all Java technology applications or applets. With Batik, a desktop software of GeoSVG can be developed.

What is GeoSVG capable of now Create basic shape: point, line, circle, polygon Measurement: length, slope, distance, angle, area, perimeter, circumference, coordinates Calculation: sorting a sequence of values, max, min, Q1, Q3, mean, count Ruler, Protractor, and Simple Grids Simple animation Action Buttons / User Input / Plain Text Show/Hide Object, and Set Object(s) Manipulable Save what is constructed as a string Export menu functions: Manipulatives have all the capability of the authoring environment.

Future Work Learn more advanced SVG topics Learn more XML technology and browser plugin technology Optimize several algorithms Implement more functions for analytic geometry Implement algorithms for locus, script, and iteration. Integrate Batik with GeoSVG