130 likes | 144 Views
Explore AJAX and Web Services through Yahoo Pipes, Charge Density Visualization, and JavaScript 3D techniques. Intuitive interfaces, dynamic workflows, and lightweight applications for advanced visualization concepts.
E N D
Remote Visualization Explorations of Ajax & Web Services
Overview • Yahoo Pipes AJAX (Asynchronous JavaScript and XML) Dynamic Workflow Visualization • Charge Density Visualization Client • Image Generating Servlet • Portlet Interface • JavaScript 3D • Introduction to Visualization (China 2007)
Yahoo Pipes Review • Dynamic workflow generation focus of VLab requires an intuitive interface • Allow user to observe, modify, and create workflows • Yahoo Pipes offers an attractive workflow generation interface • http://pipes.yahoo.com
Pipes Review • Initial Reaction • Slow, Slow, Slow • Recently, yahoo has improved the performance of the object connector animations.
Light Weight Pipes Remake • Prototyped light weight version • http://www.gorerle.com/vlab-wiki/index.php?title=AJAX_Scientfic_Workflow_Application:Developer_Guide • Built on Script.aculo.us and Prototype JavaScript libraries. • Famously integrated into Ruby on Rails
Charge Density Visualization Client (CDC) • VLab Portal using Gridsphere 2.1 • Visualization Services automatically generated by WATT (Web Automation Translation Toolkit) Compiler • Web Service accessed via Servlet • Servlet Accessed via JSR-168 Portlet
Charge Density Servlet • Technologies: Maven2, WSDL2Java, Java Servlet Library, Java Reflection Libraries • Three Outputs • text/HTML • img/png • 500 Internal Server Error w/ Msg • Access using query string • http://lilli.msi.umn.edu:8080/vlabportlets/cdc_servlet
Charge Density Portlet • Custom JavaScript object interacts with the CDC Servlet • Features • Quick Views • Custom Views • Atoms, Volume, Contours, Cut Plane, & Bounding Box On/Off switches
JavaScript 3D • Motivation : Charge Density Client • Need an intuitive way to do custom rotations of visualization • Limitations • JavaScripts inherently poor performance • Limited information about the visualized data • Poor cross-browser compatibility
JavaScript 3D Implementation • Started with pre-built 2D vector graphics library written by Walter Zorn. • http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm • Implemented basic 3D geometry projections • Implemented basic 3D geometry point rotations • Used point project and rotation to create cube and sphere objects • Integrated vector graphics library to draw lines to each projected 2D point
JavaScript 3D Next Step • Future work will deal with integrating event listeners to perform trackball style rotations based on user mouse interactions with 3D canvas. • Performance Optimizations to make this application viable on today's browsers and computers
Introduction to Visualization • Spent month in china working with various students and professors • Gave presentation on visualization • Importance of Visualization • Common Tools • Tool Demos • Common Techniques • Get materials online • http://www.martin-lyness.com
Conclusion • Yahoo Pipes Review • Charge Density Client Interface • JavaScript 3D • Introduction to Visualization Presentation