GeoSite and GeoSVG. GeoSVG: A Dynamic Geometry Authoring Tool Written in SVG and Javascript Providing most of the capabilities of a traditional Dynamic.

Slides:



Advertisements
Similar presentations
CBEA CONFERENCE OCTOBER 20, 2010 MRS. DEDERER BUSINESS TEACHER BETHEL HIGH SCHOOL Moodle.
Advertisements

What’s New in Blackboard 9.1 SP 11.  Blackboard 9.1 SP11 takes Blackboard closer to the cloud and introduces a modernized user interface more in line.
CASE SCENARIO: GOOGLE DRIVE.  When Google Drive first launched, it served as a place to store your files in the cloud so that they could be accessed.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Objectives Moodle is an online learning environment where instructors & their students interact. In this workshop you will learn: 1.Configure system requirements.
Server-Side vs. Client-Side Scripting Languages
GeoSVG and GeoSite - a Web-based system for manipulative and education page authoring Xun Lai Feb. 15 th, 2006.
GeometryEditor Xun Lai Oct. 18, Authoring Supports Implemented Arbitrary Drawing Drawing primitives: Making it simple to create basic geometric.
1 Computing for Todays Lecture 22 Yumei Huo Fall 2006.
1. Migrate GeoSVG to Firefox 2. GDrawing Xun Lai October, 2005.
1 Design and Implementation of an Assessment Database for Mathematics Education Institute for Computational Mathematics and Department of Computer Science.
DMAD 1 DMAD Progress and Demo + Integrating DMAD with WME Saleh Al-shomrani CS dept., Kent State University
GeoSVG: An Interactive Geometry Authoring Tool. Existing Interactive Geometry Software Geometer’s SketchPad Cabri Geometry II –Can export file to TI calculator.
Russell Taylor Lecturer in Computing & Business Studies.
1 Distributed Mathematics Assessment System (DMAS) & WME Progress and Demo Saleh Al-shomrani Department of Computer Science Kent State University 06/13/2007.
GeoSVG A Web-oriented Dynamic Geometry Software. Introduction to GeoSVG GeoSVG is a Dynamic Geometry Software (DGS) to support diagramming, interactive.
GeoSVG: A Web-based Interactive Plane Geometry System for Mathematics Education Xun Lai and Paul S. Wang Department of Computer Science Institute for Computational.
THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.
VMWare Workstation Installation. Starting Vmware Workstation Go to the start menu and start the VMware Workstation program. *Note: The following instructions.
Microsoft ® Expression ® Web An Introduction to the Your Learning Guide to Expression Web tutorial.
John Perry MIRC Overview Medical Imaging Resource Center MIRC Overview Medical Imaging Resource Center.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Refworks Presented by Margaret Clark, Reference Librarian FSU College of Law Library September 20, 2005.
Portal and AQAS-Philadelphia University 21-22/6/2011 AVCI Platform in PU Dr. Abdel-Rahman Al-Qawasmi Philadelphia University Director of Computer Center.
Classroom User Training June 29, 2005 Presented by:
SLIR Computer Lab: Orientation and Training December 16, 1998.
RAA Website Training Initial Operations & Meetings Management.
The Class Mutt Educational software Across the Spectrum.
Tutorial 10 Adding Spry Elements and Database Functionality Dreamweaver CS3 Tutorial 101.
Introducing Dreamweaver MX 2004
Tutorial 1 Getting Started with Adobe Dreamweaver CS3
In addition to Word, Excel, PowerPoint, and Access, Microsoft Office® 2013 includes additional applications, including Outlook, OneNote, and Office Web.
Instant Messaging for the Workplace A pure collaborative communication tool that does not distract users from their normal activities.
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.
Technology Standards Review. Where do you click to begin entering the address for the Web site to which you would like to go?
Instant Messaging for the Workplace A pure collaborative communication tool that does not distract users from their normal activities.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
Support.ebsco.com My EBSCOhost Tutorial Tutorial.
XP New Perspectives on The Internet, Sixth Edition— Comprehensive Tutorial 1 1 Browser Basics Introduction to the Web and Web Browser Software Tutorial.
The Internet and World Wide Web
Introduction & Installation. What is GeoGebra? GeoGebra is a Dynamic Mathematics Software (DMS) for teaching and learning mathematics from middle school.
Mobile Photo James Anderson, Dustin Duran, Trevor Hamilton, Ahror Rahmedov, Vivek Rajkumar, Matthew Renzelmann.
DigitalSoftwareWritingMix It Up Digital 100 / The smallest unit of digital information is a / binary / bit / byte / kilobyte / The smallest.
Guidelines for ENSCONET partners in the use of the e-forum.
Database Systems: Design, Implementation, and Management Eighth Edition Chapter 14 Database Connectivity and Web Technologies.
WEP Presentation for non-IT Steps and roles in software development 2. Skills developed in 1 st year 3. What can do a student in 1 st internship.
Middle School iSquad Grades 6-8 Measuring Shapes Using Geometer’s Sketchpad.
3 Copyright © 2004, Oracle. All rights reserved. Working in the Forms Developer Environment.
Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.
WEB SERVER SOFTWARE FEATURE SETS
 Web pages originally static  Page is delivered exactly as stored on server  Same information displayed for all users, from all contexts  Dynamic.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Database Systems: Design, Implementation, and Management Eighth Edition Chapter 14 Database Connectivity and Web Technologies.
Portaportal Portaportal is a web based bookmarking utility that lets you store links to your favorite websites online. Now your bookmarks are no longer.
Collaborating with the UCSF Library Wiki UCSF Sharecase
PHP Form Processing * referenced from
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
Education And Training CTC IT DIVISION PivotLink User Training April 2010.
1 Copyright © 2008, Oracle. All rights reserved. Repository Basics.
XP Creating Web Pages with Microsoft Office
Sharing Maps and Layers to Portal for ArcGIS Melanie Summers, Tom Shippee, Ty Fitzpatrick.
Microsoft Office One Note
Project 1 Introduction to HTML.
Objectives Create a folder in Google Drive.
Working in the Forms Developer Environment
Chapter 1 Introduction to HTML.
1CapApp Company Setup Documentation
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
DMAS System plans/ideas
Presentation transcript:

GeoSite and GeoSVG

GeoSVG: A Dynamic Geometry Authoring Tool Written in SVG and Javascript Providing most of the capabilities of a traditional Dynamic Geometry System (DGS) Inherent web-oriented –What GeoSVG generates automatically can be viewed and manipulated online –The entire GeoSVG authoring tool is online –User does NOT need to install software and compose web pages –Server Geosite provides File open, File edit, and File save for GeoSVG.

What a DGS should be able to do Dynamic geometric object construction and manipulation (All mathematical relations are preserved while objects are being dragged by mouse or values are changing) Transformation of geometric objects (Translate, Rotate, Dilate, and Reflect) Measurement Animation Calculation (A dynamic calculator) Analytic Geometry (Plotting functions, coordinate systems) Locus (a totality of all points, satisfying the certain given conditions) Iteration (Geometric iteration and numerical iteration) Script/Macro (A sequence of steps that can be defined as a new function)

Current status of GeoSVG Initial design closely followed Geometer’s SketchPad Disadvantages of initial design: –Basic building blocks are too primitive (point/circle/line) –SketchPad is not able to generate most of the manipulatives in WME pilot site –Even a manipulative can be generated, user may have to create tens or hundreds of hidden objects. Current Design will provide more native support for high-level objects such as geometric shapes

GeoSite: Server-side support for GeoSVG Logged-in user can create unlimited levels of folders under his/her account and store manipulative under any folder (implemented by MySQL) Users can create new manipulative, edit existing manipulative or delete a manipulative. Users can share manipulative across the entire GeoSite –Link or copy other user’s manipulative –Access control can be defined –Search A user who doesn’t log in can only view/manipulate manipulative Manipulative can be embedded in pages outside GeoSite

Three phases of a manipulative GeoSite invokes different environments for three phases of a manipulative: author, configure, and view/manipulate –Disadvantage of traditional DGS Authoring phase (invoked by new or edit): the entire GeoSVG authoring environment will be provided Configuring phase (invoked by configure): Each object in a manipulative has some public interface. The configuring page will list all the configurable parameters for tuning for users who doesn’t want to use the authoring environment. –configuration example pageconfiguration example page Viewing/Manipulating phase: All the menus and buttons in the authoring environment are NOT provided. –An author can export a menu function as a button to extend the capability of the viewing environment.

Submission-type Manipulative How: An author exports a submit button during authoring Any user including guest can manipulate the submission-type manipulative and hit the submit button. The submission will be saved back to the GeoSite. The owner of the submission-type manipulative can check all the submissions.

Implementation of submitting a drawing to GeoSite Both the editing of a manipulative or submission of a submission-type manipulative need to save the manipulative back to the server GeoSite Current implementation uses inter-document communication (xhtml-svg), then submits a xhtml form to the server. –Only works under Windows/IE due to the inter-document communication problem Future implementation uses getURL() and postURL provided by Adobe SVG Viewer. –Works under Windows/IE/Mozilla, Unix/Mozilla, Mac(?) –Example Example2ExampleExample2

Server Connection Example getURL( “URL”, callback); function callback( urlRequestStatus ) { if ( urlRequestStatus.success ) { xmldoc=parseXML( urlRequestStatus.content ).documentElement; } else { alert(“Error!"); }

More on GeoSite Define access control of folders and manipulatives –Private, viewable, copyable / friend, group, anybody –Password protected –Who can submit the submission-type manipulative Search Possibility of interaction between WME sites and GeoSite Mostly important, a good GeoSVG should be developed before a good GeoSite.

Advantages of GeoSite and GeoSVG over Traditional DGS Users don’t have to install software A manipulative constructed by a user can be viewed immediately by other users GeoSite provides a bank of manipulatives. A teachers can quickly find a manipulative he/she wants. Submission-type manipulatives enable students to answer questions in graphics. –Submission of a drawing is also useful in Assessment for teachers to author questions with graphics