Diagrammer Takes a GraphML file and displays a diagram from it The following are the meaningful concepts for the diagrammer: – Graph (the graph being displayed)

Slides:



Advertisements
Similar presentations
Creating Graph Cards Graphical representation of XA Data Jim Boyer
Advertisements

Objectives Build and modify an organization chart.
Visualization of Computer Networks By Richard Zschech Supervisors: Dr. Ken Hawick, Dr. Paul Coddington.
Vector: Data Layout Vector: x[n] P processors Assume n = r * p
Control Flow Analysis. Construct representations for the structure of flow-of-control of programs Control flow graphs represent the structure of flow-of-control.
Image Maps and Graphics Internet Basics and Far Beyond! Mrs. Wilson.
FIRST COURSE Excel Tutorial 4 Working with Charts and Graphics.
1 Decision Trees and Influence Diagrams. 2 Constructing a decision tree: An initial tree...
2 Part II Enhancing a Presentation Changing the Presentation Design Design template Professionally created slide designs contain –Color schemes –Custom.
COMPREHENSIVE Excel Tutorial 4 Working with Charts and Graphics.
PaperScope: Visually Exploring the ADS Mark Holliman VOTECH Web Developer University of Edinburgh ADASS XVII, London,
Collections Management Museums Reporting in KE EMu.
Reporting in EMu Crystal != Reporting or Why is reporting so difficult and can we do anything about it? Bernard Marshall KE Software.
Department of Computer Science, University of California, Irvine Site Visit for UC Irvine KD-D Project, April 21 st 2004 The Java Universal Network/Graph.
XSLT 1. C ONTENTS XSLT and uses XSLT example Simple XML How XSLT works? Template-match Value-of For-each and sort If Choose-when Apply-templates Where.
Instructor: Professor Cora Martinez, PhD Department of Civil and Environmental Engineering Florida International University.
New “Collaborate” Button Integrate UI directly into the browser. Preferred target: Firefox Easiest browser to extend in terms of UI.
Internet sources WEB-BASED GENOME BROWSER USING AJAX AND CANVAS TECHNOLOGIES T.F.Valeev 1,2, N.Tolstykh 1, F.A.Kolpakov 1,3 1 Institute of System Biology,
 Knowledge Export  HTML Pages  Graphs  Advanced Short tour of Knowledge Export in DOCTUS BEGIN TOUR  Tables.
Introduction to AJAX AJAX Keywords: JavaScript and XML
Elements of a Graph Insanity of Statements. Why use a graph? Graphs are very useful tools in science: A graph is used by scientist to organize the facts.
XForms: A case study Rajiv Shivane & Pavitar Singh.
How does the web browser display a webpage? Main task Create an A4 poster where you create a flow diagram showing the various stages and process.
Designing a Home Page – Lesson 4 1 Designing a Home Page Lesson 4.
Contrasting styles of Web UI Development: GWT vs Native JavaScript Roland Schweitzer Weathertop Consulting, LLC Jeremy Malczyk JISAO.
CITA 330 Section 6 XSLT. Transforming XML Documents to XHTML Documents XSLT is an XML dialect which is declared under namespace "
Analyzing The Shape of Data Example’s 1.Describe the shape of the graphed data.Do you notice any gaps in the data? 15, 20, 25, 30, 35, 40, 45, 50, 55,
Systems development Dr. Al Bento University of Baltimore.
UML based expert system generation Using Enterprise Architect to model and generate a web-based expert system.
SciDAC All Hands Meeting, March 2-3, 2005 Northwestern University PIs:Alok Choudhary, Wei-keng Liao Graduate Students:Avery Ching, Kenin Coloma, Jianwei.
Output Design. Output design  Output can be: Displayed on a screen/VDU/monitor. Printed on paper as hard copy. Sound.
A Dialogue System for Robots using VoiceXML Louise Funke & Marc Bauer 2007/12/11 EDA171/DATN06 Language Processing and Computational Linguistics Pierre.
IBM Software Group ® Overview of SA and RSA Integration John Jessup June 1, 2012 Slides from Kevin Cornell December 2008 Have been reused in this presentation.
Serialization. Serialization is the process of converting an object into an intermediate format that can be stored (e.g. in a file or transmitted across.
The Prajna Project Utilities for Understanding Edward Swing.
Attributed Visualization of Collaborative Workspaces Mao Lin Huang, Quang Vinh Nguyen and Tom Hintz Faculty of Information Technology University of Technology,
Word Processing Presentation Spreadsheet. Programs: Microsoft Word, Pages, LibreOffice Writer Extensions:.doc.docx.rtf.txt.odt Edit Text Documents/ files.
RUBRIC IP1 Ruben Botero Web Design III. The different approaches to accessing data in a database through client-side scripting languages. – On the client.
1 CA203 Presentation Application Adding Tables, Charts, and Diagrams Lecture # 9 By Tariq Ibn Aziz Dammam Community college.
Inspiration Software, Inc. By Suzanne Sherman. Visual Learning Inspiration Software is based on the premise that visual learning helps students to improve.
How to Parse.out File Prepared by Tim Jan 28, 2010.
Types of Presentation Programs Microsoft PowerPoint WordPerfect Presentation Lotus Freelance Graphics.
Final Class Diagram for C++ Implementation Clickermatic Software Clicker.
User Profiling using Semantic Web Group members: Ashwin Somaiah Asha Stephen Charlie Sudharshan Reddy.
The Synchronized Multimedia Integration Language (SMIL) Kuo-Hao Li.
Ajax for Dynamic Web Development Gregory McChesney.
Desktop Integration with the Appx Client. Launch Documents Run Desktop Programs Transfer Files to the Client Transfer Files from the Client Client-Side.
Network Information: Manipulation, Sharing, and Visualization Dr. Greg Bernstein Grotto Networking
Preface IIntroduction Objectives I-2 Course Overview I-3 1Oracle Application Development Framework Objectives 1-2 J2EE Platform 1-3 Benefits of the J2EE.
 Web pages originally static  Page is delivered exactly as stored on server  Same information displayed for all users, from all contexts  Dynamic.
Change Display of a Key Figure While in the Change Query (Local Definition) Hiding 1.Right click.
Tieflow Workflow Toolkit -:By:- CSCI 6831 Capstone project Instructor: Dr. Kwok-Bun Yue Mentor: Mr. Scott Hetherington Midterm Presentation 04/15/2008.
Excel Part 4 Working with Charts and Graphics. XP Objectives Create an embedded chart Work with chart titles and legends Create and format a pie chart.
Excel Part 4 Working with Charts and Graphics. XP Objectives Create an embedded chart Work with chart titles and legends Create and format a pie chart.
AJAX CS456 Fall Examples Where is AJAX used? Why do we care?
Create an Engineering Drawing Move the frame file (*.FRM) and all the part files (*.PRT) into one folder File -> Set working directory -> select the holder.
Day 2: MS Excel for Beginners Aniko Balogh CEU Computer & Statistics Center
I NTRO TO W EB TECHNOLOGY Basic terms. C LIENT – S ERVER M ODEL a distributed communication between service requestors and service providers.
Visualization in Process Mining
Product Training Program
Area of a Rectangle = base x height
Requirement Overview Tivoli #1 David Hansen Todd Poynter
COMPONENT & DEPLOYMENT DIAGRAMS
Decision Trees and Influence Diagrams.
Just define the prefixes somewhere.
Quadratic Graphs.
Counting Shapes.
Ordered Pair – (11 - 2) CS-708.
Database Dr. Roueida Mohammed.
Line Graphs.
Presentation transcript:

Diagrammer Takes a GraphML file and displays a diagram from it The following are the meaningful concepts for the diagrammer: – Graph (the graph being displayed) – Node (a shape on the diagram – currently a GlideWindow shown as a rectangle) – Edge (a line between a source and target node)

Diagrammer - client side classes GwtDiagram Represents the graph/diagram GwtDiagramNode Represents a node (extends GlideWindow) GwtDiagramEdge Represents an edge between two nodes GraphML Serialize and deserialize GraphML xml format (the graphml ‘key’ support is optional and pretty much ignored right now) GwtDiagramSelected Utility class that makes it easy to determine what is currently selected Gwt*Layout Diagram layouts (GwtDiagramLayout is the base class and layouts are built as extended classes)

Diagrammer – server side AJAX Processor used to ‘get’ the graphML representation of a graph/diagram – See BSMProcessor.java and WorkflowDiagramProcessor.java for examples Diagram.java used to serialize/parse graphML xml format expected by client-side diagrammer Diagram DiagramElement DiagramNodeDiagramEdge GraphML serializer/parser An element of a diagram A node of a diagramAn edge of a diagram