1 / 15

SVG for Process Visualization

SVG for Process Visualization. Johan Koolwaaij Peter Fennema Diederik van Leeuwen Telematica Instituut The Netherlands. Tel ematica Instituut bridges the gap. Knowledge tran sfer. Initiate applied research. Market oriented project s. Fundament al method s and techniques. Generi c

sakina
Download Presentation

SVG for Process Visualization

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. SVG for Process Visualization Johan Koolwaaij Peter Fennema Diederik van Leeuwen Telematica Instituut The Netherlands

  2. Telematica Instituut bridges the gap Knowledge transfer Initiate applied research Market oriented projects Fundamental methodsand techniques Generic telematics applications Science Business parties

  3. Application areas Collaborate Electronic business Content engineering For fixed and mobile users

  4. Challenge • Visualize the process that is executed under the hood of an application • For demonstration or instruction purposes(Not for management, debugging or tuning purposes) • In a web-based environment • For distributed applications • In real time • Lightweight • Adaptable by (to) the (wishes of) viewer(s)

  5. Demonstrator visualization: rationale User interface 3G mobile network WASP applications End user 3G platform WASP application platform 3rd parties + services

  6. Demonstrator visualization: example I

  7. Demonstrator visualization: example II

  8. Architecture

  9. Features • Topic subscription • Web service API for event publication • Pushing of XML events from router to subscriber • Client-side JavaScript XML event parsing • Mapping of XML events to graphical updates, • Event queuing facilities • to delay the event flow • to show parallel events • Sync between different views

  10. Visualization • SVG front-end • Graphical expressiveness • Highly dynamic nature • Programmable through JavaScript • Automatic generation • Lightweight solution • Different views • Level of detail • Process, actor or function view • Aspects • Fancy or plain

  11. Process models • Generate SVG from formal process models, e.g. • ebXML BPSS • UML / XMI • RSD Studio • Using XSLT style sheets • Hooks for programmatic updates and/or simulation • RSD supports extensible import and export facilities. • Import for older RSD versions • Export to SVG, BPSS, et cetera RSD Demo

  12. Conceptual demo Monitoring Infrastructure Demo

  13. Bottlenecks • SVG design tools that allow structured SVG and roundtrip editing • SVG controls (slider, switch, etc.) • Version 1.0 shortcomings, e.g. text wrapping, z-layer, … • Time consuming SVG DOM programming • Difficult to avoid scripting in the XSLT that generates SVG • A comprehensive and understandable process model/view • Client-side dependence (scripting, fonts, SVG support in mobile devices)

  14. Demonstrations B2B2ME: web service composition Impact: Electronic market places WASP: context aware mobile services Uluru: mobile audio-visual services

  15. Thank you for your attention! • Questions? • More information • Via e-mail: Johan.Koolwaaij@telin.nl • Via internet: http://portal.demo.telin.nl/mis/ Available soon! Check it out!

More Related