Yingcai Xiao Chapter 12 Visualization on the Web.

Slides:



Advertisements
Similar presentations
Yingcai Xiao Chapter 4 The Visualization Pipeline.
Advertisements

DT228/3 Web Development WWW and Client server model.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Understand Web Page Development Software Development Fundamentals LESSON 4.1.
Copyright 2004 Monash University IMS5401 Web-based Systems Development Topic 2: Elements of the Web (g) Interactivity.
Introduction to ASP.NET. 2 © UW Business School, University of Washington 2004 Outline Static vs. Dynamic Web Pages.NET Framework Installing ASP.NET First.
Introduction to Web Base Multimedia Application. Web base application TCP/IP (HTTP) protocol Using WWW technology & software Distributed environment.
Introduction to Web Application Architectures Web Application Architectures 18 th March 2005 Bogdan L. Vrusias
Outline IS400: Development of Business Applications on the Internet Fall 2004 Instructor: Dr. Boris Jukic Server Side Web Technologies: Part 2.
Active X Microsoft’s Answer to Dynamic Content Reference: Using Active X by Brian Farrar QUE
Multiple Tiers in Action
Introduction to Web Based Application. Web-based application TCP/IP (HTTP) protocol Using WWW technology & software Distributed environment.
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
Mgt 240 Lecture Website Construction: Software and Language Alternatives March 29, 2005.
COMPUTER TERMS PART 1. COOKIE A cookie is a small amount of data generated by a website and saved by your web browser. Its purpose is to remember information.
Web Programming Language Dr. Ken Cosh Week 1 (Introduction)
Web-based Software Development - An introduction.
Server Side Scripting Norman White. Where do we do processing? Client side – Javascript (embed code in html) – Java applets (send java program to run.
INTRODUCTION TO WEB DATABASE PROGRAMMING
Computer Concepts 2014 Chapter 7 The Web and .
1 CS 3870/CS 5870 Static and Dynamic Web Pages ASP.NET and IIS.
Internet Applications Notes for Chapter 19 Digital Domain, 2 ed.
FALL 2005CSI 4118 – UNIVERSITY OF OTTAWA1 Part 4 Web technologies: HTTP, CGI, PHP,Java applets)
Tutorial 7 Working with Multimedia. XP Introducing Multimedia Bandwidth is a measure of the amount of data that can be sent through a communication pipeline.
Dynamic Web Pages (Flash, JavaScript)
HTML Forms and Scripts. Session overview What are forms? Static vs dynamic Client-side scripts –JavaScript.
1 CS 3870/CS 5870 Static and Dynamic Web Pages ASP.NET and IIS.
Chapter 33 CGI Technology for Dynamic Web Documents There are two alternative forms of retrieving web documents. Instead of retrieving static HTML documents,
Chapter 16 The World Wide Web Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Describe several.
ASP.NET + Ajax Jesper Tørresø ITNET2 F08. Ajax Ajax (Asynchronous JavaScript and XML) A group of interrelated web development techniques used for creating.
Introduction to Internet Programming (Web Based Application)
Chapter 17 - Deploying Java Applications on the Web1 Chapter 17 Deploying Java Applications on the Web.
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
Fundamentals of Database Chapter 7 Database Technologies.
ITIS 1210 Introduction to Web-Based Information Systems Chapter 23 How Web Host Servers Work.
® IBM Software Group © 2007 IBM Corporation J2EE Web Component Introduction
Section 17.1 Add an audio file using HTML Create a form using HTML Add text boxes using HTML Add radio buttons and check boxes using HTML Add a pull-down.
20-753: Fundamentals of Web Programming 1 Lecture 1: Introduction Fundamentals of Web Programming Lecture 1: Introduction.
Java CGI Lecture notes by Theodoros Anagnostopoulos.
10/13/2015 ©2006 Scott Miller, University of Victoria 1 Content Serving Static vs. Dynamic Content Web Servers Server Flow Control Rev. 2.0.
Web Interfaces, Forms & Databases Databases Snyder p HTML Basics Snyder p JavaScript Snyder Chapter 18.
Web Pages with Features. Features on Web Pages Interactive Pages –Shows current date, get server’s IP, interactive quizzes Processing Forms –Serach a.
Active Server Pages  In this chapter, you will learn:  How browsers and servers interacted on the Internet when the Internet first became popular 
Tutorial 7 Working with Multimedia. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Explore various multimedia applications.
Tutorial 7 Working with Multimedia. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Explore various multimedia applications.
1 Welcome to CSC 301 Web Programming Charles Frank.
ITIS 1210 Introduction to Web-Based Information Systems Chapter 40 How Virtual Reality Works.
Database Systems: Design, Implementation, and Management Eighth Edition Chapter 14 Database Connectivity and Web Technologies.
1 MSCS 237 Overview of web technologies (A specific type of distributed systems)
INTRODUCTION TO WEB APPLICATION Chapter 1. In this chapter, you will learn about:  The evolution of the Internet  The beginning of the World Wide Web,
RUBRIC IP1 Ruben Botero Web Design III. The different approaches to accessing data in a database through client-side scripting languages. – On the client.
Web Pages with Features. Features on Web Pages Interactive Pages –Shows current date, get server’s IP, interactive quizzes Processing Forms –Serach a.
Client-side & Server-side Scripting ©Richard L. Goldman August 5, 2003 Requires PowerPoint 2002 or later for full functionality.
Java for networking Module Introduction Data Communications Communication architecture Application.
Web Design and Development. World Wide Web  World Wide Web (WWW or W3), collection of globally distributed text and multimedia documents and files 
 Previous lessons have focused on client-side scripts  Programs embedded in the page’s HTML code  Can also execute scripts on the server  Server-side.
Scripting Languages Client Side and Server Side. Examples of client side/server side Examples of client-side side include: JavaScript Jquery (uses a JavaScript.
Copyright © 2003 T. Trappenberg Overview B 1 B. Some tools of the trade Module 1 Technology: GR01E - Electronic Commerce Overview.
 Web pages originally static  Page is delivered exactly as stored on server  Same information displayed for all users, from all contexts  Dynamic.
Introduction to JavaScript Fort Collins, CO Copyright © XTR Systems, LLC Introduction to JavaScript Programming Instructor: Joseph DiVerdi, Ph.D., MBA.
The basics of knowing the difference CLIENT VS. SERVER.
Database Systems: Design, Implementation, and Management Eighth Edition Chapter 14 Database Connectivity and Web Technologies.
Web Programming Overview. Introduction HTML is limited - it cannot manipulate data How Web pages are extended (include): –Java: an object-oriented programming.
Display Page (HTML/CSS)
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
JavaScript Invented 1995 Steve, Tony & Sharon. A Scripting Language (A scripting language is a lightweight programming language that supports the writing.
6/28/ A global mesh of interconnected networks (internetworks) meets these human communication needs. Some of these interconnected networks are.
Brief Look InTo JavaScript Dr. Thomas Hicks Computer Science Department Trinity University.
1 Chapter 1 INTRODUCTION TO WEB. 2 Objectives In this chapter, you will: Become familiar with the architecture of the World Wide Web Learn about communication.
Web-based Software Development - An introduction
Presentation transcript:

Yingcai Xiao Chapter 12 Visualization on the Web

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 Speed of generating, transmitting and displaying graphics elements Interactivities on generating and viewing graphics elements Compatibility of software

Visualization on the Web

A “Failed” Case of Web Visualization Live podcast of IBM’s Deep Blue vs. world champion Garry Kasparov arovhttp://en.wikipedia.org/wiki/Deep_Blue_versus_Garry_Kasp arov 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.

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.

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

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.

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();

VRML Server: CGI example Add form action in the.html page. 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

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

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

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

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