Networked Digital Whiteboard with Handwritten-Symbol Interpreter and Dynamic-Display-Object Creator Atsuhide Kobashi Henry M. Gunn High School Palo Alto,

Slides:



Advertisements
Similar presentations
Testing Relational Database
Advertisements

Chapter 3 – Web Design Tables & Page Layout
CIMCO Integration Software Products
ORGANIZING THE CONTENT Physical Structure
JavaScript FaaDoOEngineers.com FaaDoOEngineers.com.
HTML5 and CSS3 Illustrated Unit E: Inserting and Working with Links
Macromedia Director 8 Foundation Level Course. What is Director? Director is a challenging program for creating animation and multimedia productions for.
Microsoft Office Illustrated Working with Advanced Tools and Masters.
Creating and Editing a Publication. What is Microsoft Office Publisher 2003?  A powerful desktop publishing program that assists you in designing and.
© by Pearson Education, Inc. All Rights Reserved.
Create slices and hotspots Create links in Web pages Create rollovers from slices Create basic animation Add tweening symbol instances to create animation.
1 Computing for Todays Lecture 22 Yumei Huo Fall 2006.
Senior Project – I.D. Math & Computer Science jsMath Equation Editor Dana Cartwright Advisors – Prof. Cervone & Prof. Striegnitz Editor Design -
Slide Transitions Slide Show, Slide Transition opens Slide Transition task pane Practice each option setting to select the transition style, its speed,
Russell Taylor Lecturer in Computing & Business Studies.
1 Introduction to the Visual Studio.NET IDE Powerpoint slides modified from Deitel & Deitel.
With Microsoft Access 2010 © 2011 Pearson Education, Inc. Publishing as Prentice Hall1 PowerPoint Presentation to Accompany GO! with Microsoft ® Access.
CS&E 1111 PowerPoint Microsoft PowerPoint Learning about Presentation Software and using Microsoft PowerPoint Slide views Preparing text, drawings and.
PowerPoint Tutorial. Basic Vocabulary ► Slide - Presentation - Slide layout – ► ► ► a single page in PowerPoint all the slides for a speech all the slides.
Chapter 9 Introduction to ActionScript 3.0. Chapter 9 Lessons 1.Understand ActionScript Work with instances of movie clip symbols 3.Use code snippets.
Chapter 9 Collecting Data with Forms. A form on a web page consists of form objects such as text boxes or radio buttons into which users type information.
Lesson 6: Working with Layout and Graphics
TrendReader Standard 2 This generation of TrendReader Standard software utilizes the more familiar Windows format (“tree”) views of functions and file.
Section 2.1 Identify hardware Describe processing components Compare and contrast input and output devices Compare and contrast storage devices Section.
Pronto Whiteboard Features Prepared by Advanced Learning Technologies of the North Dakota University System August 2009.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Overview of Previous Lesson(s) Over View  ASP.NET Pages  Modular in nature and divided into the core sections  Page directives  Code Section  Page.
Web Technologies Website Development Trade & Industrial Education
TERMINALFOUR SiteManager Introduction January, 2014.
Key Applications Module Lesson 15 – Enhancing Documents
30 september 2009 The communication mix shifts from paper to screen: take the edge with digital documentation.
Lehigh University Introduction to Flash MX Sharmeen Mecklai.
XP Modifying the Slide Master Click the View tab on the Ribbon, and then, in the Master Views group, click the Slide Master button Click the Slide Master.
Our Annunciator Program Is the Most Effective Tool Available for Displaying Information to Large Groups. Annunciator Is... Fast & Easy.
What is WebDemo? WebDemo is a web-based, real time collaboration tool that provides a simple way for a presenter to deliver online presentations and to.
Tags Pages 63 to 114 in your workbook. Tag Browser Review of the communication chain Polling Driver concepts Tag Browser in detail – Filtering – The tag.
Tutorial 1 Introducing Adobe Flash CS3 Professional
Creating Buttons – Lesson 71 Creating Buttons Lesson 7.
Creating Buttons – Lesson 51 Creating Buttons Lesson 5.
Term 2, 2011 Week 1. CONTENTS Problem-solving methodology Programming and scripting languages – Programming languages Programming languages – Scripting.
Creating Graphical User Interfaces (GUI’s) with MATLAB By Jeffrey A. Webb OSU Gateway Coalition Member.
Chapter 2 – Introduction to the Visual Studio .NET IDE
McGraw-Hill/Irwin The Interactive Computing Series © 2002 The McGraw-Hill Companies, Inc. All rights reserved. Microsoft PowerPoint 2002 Working with Visual.
Wireframes in Physical Design Yonglei Tao. 1-2 Website Wireframes  A visual guide that represents the framework of a website  Created for the purpose.
Reading Flash. Training target: Read the following reading materials and use the reading skills mentioned in the passages above. You may also choose some.
Creating visual interfaces in python
 2002 Prentice Hall. All rights reserved. 1 Chapter 2 – Introduction to the Visual Studio.NET IDE Outline 2.1Introduction 2.2Visual Studio.NET Integrated.
Internet Applications (Cont’d) Basic Internet Applications – World Wide Web (WWW) Browser Architecture Static Documents Dynamic Documents Active Documents.
LOGO The Steps to Creating a Business Card. California State Standards CTE Standards  AME.A.A2.1 Analyze the way in which technical design (e.g., color.
A Quick Review Of Unit 6 – Using Microsoft Office PowerPoint 2007 Key Applications © CCI Learning Solutions Inc.
JavaScript 101 Introduction to Programming. Topics What is programming? The common elements found in most programming languages Introduction to JavaScript.
Mr. Munaco Computer Technology TEACHING ADVANCED WORD 2007.
Jeopardy Tabs commands Types of slide Show Effects Mis. Q $100 Q $200 Q $300 Q $400 Q $500 Q $100 Q $200 Q $300 Q $400 Q $500 Final Jeopardy.
FlowLevel Client, server & elements monitoring and controlling system Message Include End Dial Start.
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
 2002 Prentice Hall. All rights reserved. 1 Introduction to the Visual Studio.NET IDE Outline Introduction Visual Studio.NET Integrated Development Environment.
Horizon Photo-mote. ability to access photographs and images stored online, with the aid of a wireless remote remote enables the user to identify and.
Microsoft PowerPoint 2010 Lesson 6: Working with Layout and Graphics Created by Felicia Hudson, Riverside High School--Durham Public Schools.
XP Creating Web Pages with Microsoft Office
CHAPTER 2 GC101 Program’s algorithm 1. COMMUNICATING WITH A COMPUTER  Programming languages bridge the gap between human thought processes and computer.
Working in the Forms Developer Environment
Microsoft PowerPoint Objectives
Chapter 2 – Introduction to the Visual Studio .NET IDE
CHAPTER 8 Multimedia Authoring Tools
This Week: Tkinter for GUI Interfaces Some examples
Lesson 6: Working with Layout and Graphics
Tutorial 6 Creating Dynamic Pages
Lesson 6: Working with Layout and Graphics
Lesson 6: Working with Layout and Graphics
Lesson 6: Working with Layout and Graphics
Presentation transcript:

Networked Digital Whiteboard with Handwritten-Symbol Interpreter and Dynamic-Display-Object Creator Atsuhide Kobashi Henry M. Gunn High School Palo Alto, California September 2009

What is it? Tcl/Tk-based whiteboard presentation tool with unique functionalities Audience can participate in the presentation Networked Enables quick construction of complex objects for displaying during presentation

Motivation Our situation Educational presentation in classes and conferences Scientific subjects: math, physics, chemistry, etc. Problems with the conventional presentation tools (PowerPoint, Impress, etc. )‏ One way information flow Remote (off-site) audience cannot participate Lack of tools to quickly create Complex symbol structures Dynamic display objects Solution: Our new application

New Function 1 Two way information flow Enable audience to add objects on the screen Types of objects to be dynamically created: Text Images Lines, arrows Rectangles, ovals Widgets, both static and dynamically manipulable

New Function 2 Communication through network with participants at both Presentation site Remote locations

Networked Two-Way Presentation Server (Presenter)‏ Client (Participant)‏ Add Objects Update Client (Participant)‏ Header Following Data (ASCII)‏ (Binary)‏ Transmitted Data

New Function 3 Capability to efficiently and quickly construct complex symbol structures (for math, logic, scientific symbols) by handwriting

New Function 4 Capability to quickly create widgets including dynamically manipulable ones

Presentation Screen 1 (Original) ‏ Tk-based window No full-screen mode

Presentation Screen 2 (Augmented by participant) ‏ Text and arrow added by a participant

Presentation Screen 3 (Augmented by participants) ‏ Canvas window with scrollbars added by another participant

Presentation Screen 4 (Augmented by participants) ‏ Spinbox added by the participant who created the canvas window Spinbox linked to a variable that affects the output (quadratic curve) on the added canvas

Presentation Screen 5 (Augmented by participants) ‏ Text widget window with a scrollbar added by another participant

Master Controller Used by the presenter Client side controller has no page-change capability

Draw/Write Tool Used for all drawing and writing including the handwriting of symbols

Hand-Written Symbol Interpreter Invoked by the Draw/Write tool Size and color set by the Draw/Write tool Location set by mouse click on the target plane

Widget Creator Three types of widgets Contents selector helps quick composition Spinbox can be linked to a variable that changes output

Canvas created by Widget Creator

Spinbox created by Widget Creator

Details on the Three Functions Networking Handwritten symbol interpreter GUI and Widget Creator

Behind the Networking Use of TCL’s network-related commands only Easy to develop Use of custom header to indicate Types of data (multiple combinations)‏ Length of each type How to handle each segment Owner ID and sequence index Optional extra information field Economy on transmitted data Use of wish by both server and clients reduces the amount of transmitted code (suitable for networking)‏ For the widgets created by the Widget Creator, only the specifications entered in the Widget Creator are transmitted

Behind the Hand-Written-Symbol Interpreter Many algorithms available No perfect or even near human level Requires lots of CPU power Use of C module needed for speed Still under development and modules for a small number of symbols developed Font for the converted results Outputs from Tex used For the symbols not available from Tex, custom raster symbol creation required

Behind the GUI and Widget Creator All GUI Tk-based. Merits of Tk Easy and quick to create GUI Small amount of code fits well for transmission Easy to inspect the transmitted code in development stage, since it is written in human readable script. Safe independent operation for each participant guaranteed by multiple interpreters

Current Problems Overall slide creation process Takes more time to make presentation pages than the conventional presentation tools Graphic input tools More variation needed Widget creator Wider variety of widgets need to be handled Multiple interpreter design Use of threaded system desirable for smooth operation Hand-written symbol interpreter Coverage of more symbols and better recognition algorithm needed Other functionalities Page advance/backup capability on the client side without affecting the display of the server

Conclusion Current state still version 0.1 Rough edges exist. Refinement needed. Currently TCL/TK knowledge required to compose presentation slides. (Less so for clients to add objects.)‏ More convenience modules needed to compete directly with PowerPoint and Impress. High potential to become a useful tool for users in various fields, not just education. No other tool can enable networked two-way interactive presentation with dynamically manipulable objects.