1. Simple and Intuitive Visualization with the Web Automation and Translation Toolkit (WATT) Client Minnesota Supercomputing Institute Undergraduate Internship Program Adam R. Momsen in collaboration with Professor David Yuen and the Virtual Laboratory for Earth and Planetary Materials (VLAB) Minnesota Supercomputing Institute Undergraduate Internship Program Adam R. Momsen in collaboration with Professor David Yuen and the Virtual Laboratory for Earth and Planetary Materials (VLAB)

2. Project Goals G Create an online service for easy data visualization G Support fast development updates to limit service downtime G “Write once, install anywhere” using Java Webstart G Create an online service for easy data visualization G Support fast development updates to limit service downtime G “Write once, install anywhere” using Java Webstart

3. WATT Client - Introduction http://webis.msi.umn.edu:8080/WattClientWebApp/start_page.jsf http://webis.msi.umn.edu:8080/WattClientWebApp/start_page.jsf WATT Client - Introduction http://webis.msi.umn.edu:8080/WattClientWebApp/start_page.jsf http://webis.msi.umn.edu:8080/WattClientWebApp/start_page.jsf Consists of two parts: - Manipulator Window - Swing GUI Consists of two parts: - Manipulator Window - Swing GUI Current start page upon WATT Client launch

4. How the Client Works Send Update Request Returns new “snapshot” Setup allows user to focus on data manipulation while server does the heavy lifting

5. Manipulator Window G Manipulator box based on GLEEM (“GL Extremely Easy-to-use Manipulator) by Kenneth B. Russell G Clicking corners scales, outside handles rotate, faces translate G JPEG “snapshot” of 3D rendered data mapped to plane within manipulator G Manipulator box based on GLEEM (“GL Extremely Easy-to-use Manipulator) by Kenneth B. Russell G Clicking corners scales, outside handles rotate, faces translate G JPEG “snapshot” of 3D rendered data mapped to plane within manipulator

6. GLEEM Classes http://alumni.media.mit.edu/~kbrussel/gleem/ http://alumni.media.mit.edu/~kbrussel/gleem/ GLEEM Classes http://alumni.media.mit.edu/~kbrussel/gleem/ http://alumni.media.mit.edu/~kbrussel/gleem/ G Manip G ManipManager G ManipMotionListener G ManipPart G ManipPartCube G ManipPartGroup G ManipPartLineSeg G ManipPartSquare G ManipPartTransform G ManipPartTriBased G and more! G Manip G ManipManager G ManipMotionListener G ManipPart G ManipPartCube G ManipPartGroup G ManipPartLineSeg G ManipPartSquare G ManipPartTransform G ManipPartTriBased G and more! Class list gives an idea of the complexity of graphical programming; in this case, just about every part of the manipulator has its own class! List only includes manipulator classes, transformers and viewers omitted

7. Rotating the Manipulator G Source of earliest headaches: matching server and client camera and actor rotations - Server renders images using Visualization Toolkit (VTK), while client uses JOGL - Rotating object same as changing camera, but more computationally expensive - And always remember to agree on degrees or radians! G Source of earliest headaches: matching server and client camera and actor rotations - Server renders images using Visualization Toolkit (VTK), while client uses JOGL - Rotating object same as changing camera, but more computationally expensive - And always remember to agree on degrees or radians!

8. Scaling and Translating G Scaling - image and box are simply stretched and compressed as the user wills. G Translating - Camera panned freely along a plane parallel to initial JPEG orientation (gives illusion of moving box object) G Scaling - image and box are simply stretched and compressed as the user wills. G Translating - Camera panned freely along a plane parallel to initial JPEG orientation (gives illusion of moving box object)

9. JPEG Image To ease transmission, only a 2D image is displayed on the client, not a fully rendered 3D object. This made matching up the image and the manipulator difficult, and had to be addressed when rotating the client camera. To ease transmission, only a 2D image is displayed on the client, not a fully rendered 3D object. This made matching up the image and the manipulator difficult, and had to be addressed when rotating the client camera.

10. Client in Action

11. Java Swing Interface G Adding a Menu Bar will allow access to developmental and function information and commands to load data. G Input fields allow for manipulation of red cutting plane (visible in previous slide) G JButton allows for quick updates G Note: GUI functionality still in development G Adding a Menu Bar will allow access to developmental and function information and commands to load data. G Input fields allow for manipulation of red cutting plane (visible in previous slide) G JButton allows for quick updates G Note: GUI functionality still in development

12. Maven 2 G Build structure and program (similar in idea to Ant, Java’s version of Make) - Sets up a generic project file structure that needn’t be rewritten for new projects - Standardizes project for collaborative development - Compiles, tests, builds, installs, deploys - Remote deployment allows new versions to be installed to service URL in a matter of seconds G Build structure and program (similar in idea to Ant, Java’s version of Make) - Sets up a generic project file structure that needn’t be rewritten for new projects - Standardizes project for collaborative development - Compiles, tests, builds, installs, deploys - Remote deployment allows new versions to be installed to service URL in a matter of seconds

13. Java Webstart G Central to “write once, install anywhere” motto - Service requires no software to be installed prior to use - User only has to accept, and Webstart will search for and download all the files the service needs to run G Central to “write once, install anywhere” motto - Service requires no software to be installed prior to use - User only has to accept, and Webstart will search for and download all the files the service needs to run

14. Challenges G Initial confusion on project purpose G Box perspective while translating G Image quality issues at high magnification G Matching rotations G Integrating GUI to render window G “No jogl.jar on classpath” error G Hit Points (detecting mouse clicks) - Switching to spherical handles - Point detection determines transformation type G Initial confusion on project purpose G Box perspective while translating G Image quality issues at high magnification G Matching rotations G Integrating GUI to render window G “No jogl.jar on classpath” error G Hit Points (detecting mouse clicks) - Switching to spherical handles - Point detection determines transformation type

15. Looking ahead G Embed service into webpage with AJAX - Allows for real-time image manipulation without need for constant page updates G Xith3D integration - JOGL overlay that may improve performance G Color map cutting plane G Low-resolution subset - Allows user to better predict final orientation of image G Embed service into webpage with AJAX - Allows for real-time image manipulation without need for constant page updates G Xith3D integration - JOGL overlay that may improve performance G Color map cutting plane G Low-resolution subset - Allows user to better predict final orientation of image

16. What I Learned G Graphical programming in OpenGL G Java Webstart G Maven large-scale project builds for collaborative efforts (restrictions on project source) G SVN versioning for group collaboration G Professional programming project experience G Graphical programming in OpenGL G Java Webstart G Maven large-scale project builds for collaborative efforts (restrictions on project source) G SVN versioning for group collaboration G Professional programming project experience

17. Acknowledgements G Professor Dave Yuen’s group: - Evan “Farmer” Bollig - Shuo “Mark” Wang - Martin “Frank Linux” Lyness - Sarah Wieber - Matthew Broten - Grace Schwab - Javier Roman - Paul “Pau Yensen” Jensen - Dan “Rao” Kigelman - Pedro Silveira - Cesar Da Silva G Professor Dave Yuen’s group: - Evan “Farmer” Bollig - Shuo “Mark” Wang - Martin “Frank Linux” Lyness - Sarah Wieber - Matthew Broten - Grace Schwab - Javier Roman - Paul “Pau Yensen” Jensen - Dan “Rao” Kigelman - Pedro Silveira - Cesar Da Silva

18. References G http://www.swiftless.cdadc.com/tutorials/opengl/opengltuts.html - OpenGL tutorials http://www.swiftless.cdadc.com/tutorials/opengl/opengltuts.html G http://www.opengl.org/code/category/C23/ - more OpenGL source http://www.opengl.org/code/category/C23/ G Davis, Tom, Jackie Neider, Dave Shreiner, and Mason Woo. “OpenGL Programming Guide”. Addison-Wesley, Boston. 1999. - “The Red Book” G http://xith.org/tutes/GettingStarted/html/deploying_xith3d_games_with.html - Xith3D documentation http://xith.org/tutes/GettingStarted/html/deploying_xith3d_games_with.html G http://www.flipcode.com/articles/article_frustumculling.shtml - Rendering and culling reference G http://csis.pace.edu/~bergin/sol/java/gui/ - Java Swing example http://csis.pace.edu/~bergin/sol/java/gui/ G http://gorerle.com/vlab-wiki/index.php?title=User:Adamo - my VLAB Wiki page http://gorerle.com/vlab-wiki/index.php?title=User:Adamo G http://www.swiftless.cdadc.com/tutorials/opengl/opengltuts.html - OpenGL tutorials http://www.swiftless.cdadc.com/tutorials/opengl/opengltuts.html G http://www.opengl.org/code/category/C23/ - more OpenGL source http://www.opengl.org/code/category/C23/ G Davis, Tom, Jackie Neider, Dave Shreiner, and Mason Woo. “OpenGL Programming Guide”. Addison-Wesley, Boston. 1999. - “The Red Book” G http://xith.org/tutes/GettingStarted/html/deploying_xith3d_games_with.html - Xith3D documentation http://xith.org/tutes/GettingStarted/html/deploying_xith3d_games_with.html G http://www.flipcode.com/articles/article_frustumculling.shtml - Rendering and culling reference G http://csis.pace.edu/~bergin/sol/java/gui/ - Java Swing example http://csis.pace.edu/~bergin/sol/java/gui/ G http://gorerle.com/vlab-wiki/index.php?title=User:Adamo - my VLAB Wiki page http://gorerle.com/vlab-wiki/index.php?title=User:Adamo