We think you have liked this presentation. If you wish to download it, please recommend it to your friends in any social system. Share buttons are a little bit lower. Thank you!
Presentation is loading. Please wait.
Published byAstrid Nile
Modified about 1 year ago
©2007; All materials property of Bridgeborn Page 1 Bridgeworks Schools Kevin Curry Chief Scientist Instructive & Practical Information for Working with the Bridgeworks System
©2007; All materials property of Bridgeborn Page 2 Motivation: Why do you care? You and your customers need relief from an unprecedented burden of information and information technology You and your customers know that visualization is great for relieving strain caused by too much information Integrating visualization as a core capability for line-of-business is hard Bridgeworks is making it easier for you to bring visualization platform to your line of business
©2007; All materials property of Bridgeborn Page 3 Motivation: We Can Get There Together High-fidelity 4D modelsGraph & Chart LayoutsGeospatial Here are just a few examples =+ Web Service InterfaceXML Result SetThe ENTIRE XSLT The View
©2007; All materials property of Bridgeborn Page 4 Lesson Plan Fundamentals –We will talk about what Bridgeworks is and what it isn’t –We will demonstrate some basic concepts free of context –We will talk about how these concepts apply to your needs Building Blocks –We will step through a basic process for assembling Bridgeworks elements into an application –We will talk about how to use this process for your purposes Reverse Engineering E. coli and g.licio.us (say what?) –We will deconstruct and show you exactly how we made the e. Coli and g.licious demos –We will talk about how the elements of these demos apply to your needs Rapid Information Visualization –We will show you how we created and attached Web Services to customer data in order to extract, transform, and load customer data into dynamic, interactive, multi-dimensional mash-ups –We will talk about how to make this process work for you
©2007; All materials property of Bridgeborn Page 5 Fundamentals: Bridgeworks is… Bridgeworks is a software platform for enabling visualization as a core capability in your business Bridgeworks is a lightweight (< 5MB) runtime engine that accepts XML as input for dynamically creating, updating, and interacting with multi-dimensional, rich media Bridgeworks is used for building applications that combine data with views Bridgeworks is extensible through client-side scripting Bridgeworks is extensible through a C++ API Bridgeworks is versatile ; we use it in loosely-coupled, lightweight apps and tightly integrated, enterprise platforms (Bridgeworks is right here, click to get it)here
©2007; All materials property of Bridgeborn Page 6 Fundamentals: Bridgeworks isn’t… A domain application A simulation A domain library of analytic models (although it does expose a few reusable algorithms through an extensible Evaluator pattern in the API) Yet ported to Unix, Linux, or Mac Free, except for personal, non-profit use* * Not sanctioned by Bridgeborn as a complete declaration of terms
©2007; All materials property of Bridgeborn Page 8 Fundamentals: Base Elements Attributes, Objects, & Collections –Everything in Bridgeworks, even primitive types, is an Object –Objects have Attributes ; most Attributes’ values can be modified (set) –Objects can be stored in Collections (ex., a list) –GetAttribute/SetValue pattern enables Attribute setting given an Attribute name and a value (i.e., a simple XML Parser can deserialize any Bridgeworks object ) Nodes, Directives, & Evaluators –Some Objects are Nodes ; Nodes can be arranged into graphs –Graphs and subgraphs can be traversed by Directives ; Directives check and set the state of Nodes they traverse –Some Nodes are Evaluators ; Evaluators are simple input/output machines that encapsulate algorithms ; Attribute values can be set from Evaluator output Models –Bridgeworks uses 3 rd party, binary 3D files for high-fidelity Models ; Lightwave and ArcView Shape are supported –This is analogous to the use of JPEGs or PNGs in HTML images = Commands –Some Objects are Commands ; Commands can be Executed to perform actions ; Commands can be triggered by Attribute values or user-defined Events (Bridgeworks defines some of its own Events) Documents –Everything in Bridgeworks can be expressed through XML documents and fragments; Bridgeworks Markup Language –Bridgeworks ML is declared in a library of public schemata (XSD) –Everything in Bridgeworks can be changed dynamically at runtime, without prepackaging or compiling contents From BwSchoolsBwSchools Attribute Targeting Nodes Evaluators Directives Commands Schemata
©2007; All materials property of Bridgeborn Page 9 Building Blocks: Scripted Browser Applications You can deploy online and offline browser applications that use Bridgeworks; we use an ActiveX control for Internet Explorer We use lightweight client and/or server side scripting languages to implement domain tasks around domain applications We use XML and XSLT to transform domain data into Bridgeworks Markup and/or to insert domain data into Bridgeworks Objects Sometimes we consume data from Web Services (business intelligence) and transform it into a viz Sometimes we load high fidelity models and script actions and behaviors around domain tasks (training, process monitoring/management) From BwSchoolsBwSchools Labels Scripting Stand Alone Demos URL Tests
©2007; All materials property of Bridgeborn Page 10 Building Blocks: Anatomy of a Scripted App Bridgeworks is created in a window in the page Everything on the page is scriptable and accepts XML Sometimes we connect to data sources through Web Services We often get data from Services through script, but we also load it off the local machine and/or use common adapters to connect Bridgeworks directly to sources
©2007; All materials property of Bridgeborn Page 12 Building Blocks: Outside-the-Browser Apps You don’t have to use a browser to use Bridgeworks. You can write Java apps around Bridgeworks using the JNI Bridge* You can also embed Bridgeworks windows in Microsoft Office™ applications and use Office integration techniques You can use the C++ API directly or get to Bridgeworks through the Win32 COM Bridge Flex and Apollo, and other so-called Rich Internet Application (RIA) platforms are on the radar In all cases you still use those 3 interfaces simple interfaces to pass data and messages back and forth to Bridgeworks * Again, this is in the lab. It is scheduled for deployment it in version 2.3
©2007; All materials property of Bridgeborn Page 13 Reverse Engineering E. coli and g.licio.us E. coli and g.licio.us are web apps that mash-up data on the Internet and visualize it. From BwSchoolsBwSchools E. Coli g.licio.us
©2007; All materials property of Bridgeborn Page 14 Reversing Engineering E. coli: Anatomy
©2007; All materials property of Bridgeborn Page 16 Reverse Engineering E. Coli: Breakdown Uses Cartographic Boundary data from U.S. Census –(ESRI ArcView Shape format) Extrudes and colors state boundaries by applying reported case totals to the Y axis of the state’s scale Attribute Updates also stylize Bridgeworks, telling it to interpolate (animate) between values When user steps through each reported day with buttons the script sends a sequence of AutoInterpolate Commands into Bridgeworks using Bridgeworks.UpdateScene SendMessage Commands are triggered by Mouse.Hover Events to serialize data in selected Object and send it to the script: Bridgeworks::ReceiveMessage loads the message into a DOM and uses data in the message to configure a RasterLabel that appears when the user hovers the mouse over a state
©2007; All materials property of Bridgeborn Page 17 Reversing Engineering g.licio.us: Anatomy Endpoints (for retrieving user’s network) https://api.del.icio.us/v1/ (for retrieving users’s tag sharing data, authenticated) (for retrieving user’s tags and tagcounts)
©2007; All materials property of Bridgeborn Page 20 Re-Engineering g.licio.us: Try it yourself! Visualize more than just a social network…you can visualize relationships among words used as tags –Or maybe you can see how to apply this method to the output of natural language processors/analyzers… Traverse larger graphs by dynamically pulling in new depths as you click on and otherwise navigate the graph Tie in other del.icio.us service outputs to the viz –Create a right-click menu, that when clicked on a given user: Pops-up his/her top 10 most recent tags Pops-up his/her top 25 tags as a tag cloud
©2007; All materials property of Bridgeborn Page 21 Rapid Information Visualization 1.Get data however you can 2.Tag it! (if you can…so you don’t lose track of it) 3.Use common adapters that can get at data and break data out as XML on demand (or by creating cache rules) i.e., from relational DBs, Office Documents, UML models, just to name a few 4.Wrap the data with a service having interfaces that answer key line-of- business questions Return XML from the service 5.Use script and XSLT to manipulate and transform service output into presentation and interaction markup “Presentation and interaction”…meaning not only Bridgeworks! Any presentation and interaction technique worth its salt can and should support this process for ingesting data into views. Bridgeworks didn’t define this process…it fit into it.
©2007; All materials property of Bridgeborn Page 22 RIV: Retail Web Services Web Service InterfaceXML Result SetThe ENTIRE XSLT A View XML Result Set Web Service Interface A View
©2007; All materials property of Bridgeborn Page 23 The End Contact:
©2007; All materials property of Bridgeborn Page 1 Bridgeworks Integration.
XP New Perspectives on XML, 2 nd Edition Tutorial 10 1 WORKING WITH THE DOCUMENT OBJECT MODEL TUTORIAL 10.
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.
AJAX & By – Anupama Sharma. Defining Ajax Ajax isn’t a technology. It’s really several technologies, each flourishing in its own right, coming together.
FALL 2005CSI 4118 – UNIVERSITY OF OTTAWA1 Part 4 Web technologies: HTTP, CGI, PHP,Java applets)
Active Server Pages In this chapter, you will learn: How browsers and servers interacted on the Internet when the Internet first became popular
M. Taimoor Khan * Java Server Pages (JSP) is a server-side programming technology that enables the creation of dynamic,
IS 4420 Database Fundamentals Chapter 10: The Internet Database Environment Leon Chen.
1 Geospatial and Business Intelligence Jean-Sébastien Turcotte Executive VP San Francisco - April 2007 Streamlining web mapping applications.
Database-Driven Web Sites, Second Edition1 Chapter 1 INTRODUCTION TO WEB DATABASE PROGRAMMING.
ASP.NET.. ASP.NET Environment ASP.NET is Microsoft's programming framework that enables the development of Web applications and services. It is an easy.
Java Programming: Advanced Topics 1 Building Web Applications Chapter 13.
XML DOM Week 11 Web site:
AxKit A member of the Apache XML project Ryan Maslyn Kyle Bechtel.
COMPUTER PROGRAMMING Source: Computing Concepts (the I-series) by Haag, Cummings, and Rhea, McGraw-Hill/Irwin, 2002.
1 CS428 Web Engineering Lecture 18 Introduction (PHP - I)
National College of Science & Information Technology.
Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
Chapter 16 The World Wide Web. 2 The Web An infrastructure of information combined and the network software used to access it Web page A document that.
©Ian Sommerville 2004Software Engineering, 7th edition. Chapter 13 Slide 1 Application architectures.
Web pages originally static Page is delivered exactly as stored on server Same information displayed for all users, from all contexts Dynamic.
Instructor, Dr. Khalili Bahram Jeevan Kumar Gogineni.
McGraw-Hill/Irwin © 2004 by The McGraw-Hill Companies, Inc. All rights reserved. Beginning Active Server Pages Barry Sosinsky Valda Hilley Programming.
Windows Vista Configuration MCTS : Internet Explorer 7.0.
Lecture 11 Server Side Interaction Boriana Koleva Room: C54
16-1 The World Wide Web The Web An infrastructure of distributed information combined with software that uses networks as a vehicle to exchange that information.
HTML Concepts and Techniques Fourth Edition Project 1 Introduction to HTML.
1 Welcome to CSC 301 Web Programming Charles Frank.
HTML: Hyptertext Markup Language Doman’s Sections.
1 Web Developer & Design Foundations with XHTML Chapter 6 Key Concepts.
What I hate about you things people often do that hurt their Web site’s chances with search engines.
Tutorial 1 Getting Started with Adobe Dreamweaver CS3.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Your Interactive Guide to the Digital World Discovering Computers 2012 Chapter 13 Computer Programs and Programming Languages.
WebSphere Portal Technical Conference U.S Creating Rich Internet (AJAX) Applications with WebSphere Portlet Factory.
HTML Forms. collect information for passing to server- side processes built up from standard widgets –text-input, radio buttons, check boxes, option lists,
Building Rich Web Applications with Ajax Linda Dailey Paulson IEEE – Computer, October 05 (Vol.38, No.10) Presented by Jingming Zhang.
Other Web Application Development Technologies. PHP.
CPS120: Introduction to Computer Science The World Wide Web Nell Dale John Lewis.
Chapter 11 Adding Media and Interactivity. Flash is a software program that allows you to create low-bandwidth, high-quality animations and interactive.
Chapter 34 Java Technology for Active Web Documents methods used to provide continuous Web updates to browser – Server push – Active documents.
© 2017 SlidePlayer.com Inc. All rights reserved.