1 / 17

Yingcai Xiao

Chapter 12 Visualization on the Web. Yingcai Xiao. Visualization on the Web. Purposes: Online visualization of data Speedy distribution of research results Web-based collaboration …. Visualization on the Web. Considerations: Division of visualization pipe line

kaden-craft
Download Presentation

Yingcai Xiao

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. Chapter 12 Visualization on the Web • Yingcai Xiao

  2. Visualization on the Web • Purposes: • Online visualization of data • Speedy distribution of research results • Web-based collaboration • …

  3. Visualization on the Web • Considerations: • Division of visualization pipe line • Speed of generating, transmitting and displaying graphics elements • Interactivities on generating and viewing graphics elements • Compatibility of software

  4. Visualization on the Web

  5. Visualization on the Web

  6. A “Failed” Case of Web Visualization • Live podcast of IBM’s Deep Blue vs. world champion Garry Kasparov • http://en.wikipedia.org/wiki/Deep_Blue_versus_Garry_Kasparov • Java Applets: small Java Applications running on the clients) • Right before the game was to start, the network bandwidth was overwhelmed at the server to sent the chess visualization applets to millions of clients who just joined the podcast.

  7. JAVA 3D : client-side processing User -> HTML page-> Java Applet (embedded) -> Imbedded VTK in Java Applet-> Graphics generation (client side)-> Rendering (client side) Everything is done at the client side after initial download of the applet.

  8. Server-side Programming Clients “run” the visualization programs on the server, server-side programs dynamically generate web pages for the clients. User -> Web pages with imbedded scripts -> Client interaction -> Server-side processing -> Dynamically generated web pages -> Client browser

  9. Both-side processing: VRML • HTML forms-> • Client selections -> • Server-side programs-> • Dynamically generated VRML pages-> • Client browser (renders VRML) • 3D graphical elements are generated at the server. • 3D graphics elements are rendered at the client. • Regenerate graphics elements if geometry or attributes are changed. • Can change display parameters (vantage point, zoom level, …) at the client.

  10. VRML: Virtual Reality Modeling Language

  11. VRML: Virtual Reality Modeling Language Web-based 3D graphics programming . VTK can generate VRML (.wrl) files. vtkVRMLExporter *exp= vtkVRMLExporter::New(); expSetRenderWindow(renWin); expSetFileName(“VrmlTest.wrl”); expWrite();

  12. VRML Server: CGI example • Add form action in the .html page. • <FORM METHOD=’POST’ ACTION=’/cgi-bin/make-vis.csh’> • CGI programs can be C++ vtk programs in the cgi-bin directory. • vtkVRMLExporter *exp= vtkVRMLExporter::New(); • expSetInput(renWin); • expSetFilePointer(stdout); • expWrite(); // generating VRML file

  13. JAVA 3D •  Java + 3D Graphics • (More powerful in computing than VRML)

  14. User -> Client interactions -> Server side JSP VTK processing -> Dynamically generated Java3D web pages -> Client browser with Java3D plug-in 3D graphics elements rendered • JAVA 3D : both-side processing

  15. EAI: External Authoring Interface • Provides the same power as Java3D has. • Allows interactions between VRML and Java. • Java + VRML + EAI == Java3D

  16. Future of Web Visualization • Bandwidth (Vis Grid, OARNet 100Gbit network). • Interface and language may change. • The algorithms in VTK remain.

More Related