Pasquale Herzig, Michael Englert, Sebastian Wagner, Yvonne Jung & Ulrich Bockholt Presented at Web3D 2013 X3D-EarthBrowser.

Slides:



Advertisements
Similar presentations
High level QA strategy for SQL Server enforcer
Advertisements

WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
Networking Problems in Cloud Computing Projects. 2 Kickass: Implementation PROJECT 1.
Ellucian Mobile: Don’t text and drive, kids!
Integrating SOA and the Application Development Framework Shaun O’Brien Principal Product Manager – Oracle JDeveloper / ADF.
Exploring large marine datasets using an interactive website and Google Earth Jon Blower, Dan Bretherton, Keith Haines, Chunlei Liu, Adit Santokhee Reading.
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Development of mobile applications using PhoneGap and HTML 5
 A “new-ish” web design methodology  Addresses growing number of Internet devices  Tailored experience to any device  Limits resizing, panning.
Smart Learning Services Based on Smart Cloud Computing
Sharing imagery and raster data in ArcGIS
2012 National BDPA Technology Conference Creating Rich Data Visualizations using the Google API Yolanda M. Davis Senior Software Engineer AdvancED August.
Christopher Paolini Computational Science Research Center College of Engineering San Diego State University Computational Science 670 Fall 2009 Monday.
1 Ajax. 2 What’s Ajax? AJAX is a combination of a few technologies that has come together in the past few years AJAX used to be an acronym for Asynchronous.
Electronic Visualization Laboratory, University of Illinois at Chicago PAVIS Pervasive Adaptive Visualization and Interaction Service Javid Alimohideen.
Copyright © cs-tutorial.com. Introduction to Web Development In 1990 and 1991,Tim Berners-Lee created the World Wide Web at the European Laboratory for.
Ajax-based startpage Web top Personal web portal Page aggregator –Netvibes, My Yahoo!, iGoogle, Page Flakes, Wakooz, and Microsoft Live. –Personalize.
Databases and the Internet. Lecture Objectives Databases and the Internet Characteristics and Benefits of Internet Server-Side vs. Client-Side Special.
GIS technologies and Web Mapping Services
AJAX in ASP.NET James Crowley Developer Fusion
Introduction to ArcGIS API for JavaScript
Advanced Web Forms with Databases Programming Right from the Start with Visual Basic.NET 1/e 13.
AIRNow Web Services Data to Go! Prepared by Steven A. Ludewig, Timothy S. Dye Sonoma Technology, Inc. Petaluma, CA John E. White U.S. Environmental Protection.
U.S. Environmental Protection Agency WATERS Status Update
Project “Astoria” first announced in Mix 2007 Shared early prototypes, got tons of feedback Now we’re talking about the real deal Production quality bits,
GIS On The Web: An Overview of ArcIMS. *The easy flow of geographic data can offer real-life solutions in many societal sectors, including municipal government,
Enabling High-Quality Printing in Web Applications
Sitefinity Nordic Event – Sitefinity Success Stories Matti Kiviluoto
Getting the most out of ArcGIS Web Application Templates
1 Geospatial and Business Intelligence Jean-Sébastien Turcotte Executive VP San Francisco - April 2007 Streamlining web mapping applications.
Session: 1. © Aptech Ltd. 2Introduction to the Web / Session 1  Explain the evolution of HTML  Explain the page structure used by HTML  List the drawbacks.
Page 1 CSISS Center for Spatial Information Science and Systems Access HDF-EOS data with OGC Web Coverage Service - Earth Observation Application Profile.
GEON2 and OpenEarth Framework (OEF) Bradley Wallet School of Geology and Geophysics, University of Oklahoma
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Extending the Operations Dashboard
RIA and Web2.0 Development with no Coding Juan Camilo Ruiz Senior Product Manager Development Tools.
Mohit Anand, Software Engineer Adobe 1 Selecting GUI Automation Testing Tool for Mobile Domain.
Development of e-Science Application Portal on GAP WeiLong Ueng Academia Sinica Grid Computing
1 Copyright © 2004, Oracle. All rights reserved. Oracle Application Development Framework.
UNDERSTANDING YOUR OPTIONS FOR CLIENT-SIDE DEVELOPMENT IN OFFICE 365 Mark Rackley
Prof. James A. Landay University of Washington Spring 2008 Web Interface Design, Prototyping, and Implementation Rich Internet Applications: AJAX, Server.
A Use Case for GEON 1 A user request of the form: “For a given region (i.e. lat/long extent, plus depth), return a 3D structural model with accompanying.
Acsmcdcprofiles_extract A tool to make it much simpler to access the latest 5-year period estimates from the American Community Survey John Blodgett May,
Ajax! Ajax Programming Ajax! Ajax Programming. Ajax! Ajax Programming Take a look at a typical desktop application (Spreadsheet app, etc.) The program.
® ® copyright © 2013 Open Geospatial Consortium What HTML5 and REST mean to the Geo community Raj Singh, PhD Open Geospatial Consortium
Introduction to ASP.NET development. Background ASP released in 1996 ASP supported for a minimum 10 years from Windows 8 release ASP.Net 1.0 released.
WHAT'S THE DIFFERENCE BETWEEN A WEB APPLICATION STREAMING NETWORK AND A CDN? INSTART LOGIC.
Google Analytics Graham Triggs Head of Repository Systems, Symplectic.
REST API to develop application for mobile devices Mario Torrisi Dipartimento di Fisica e Astronomia – Università degli Studi.
CIS 1203 Web Technologies Introduction to the Internet and the WWW.
NATIONAL AERONAUTICS AND SPACE ADMINISTRATION ESDS Reuse Working Group Earth Science Data Systems Reuse Working Group Case Study: SHAirED Services for.
Best Institutes offering Software Development courses.
Mobile Navigation Control for Planetary Web Portals Team Members: John Calilung, Miguel Martinez, Frank Navarrete, Kevin Parton, Max Ru, Catherine Suh.
Open-O Client Project Proposal
KISTERS TimeSeries HUB
Top Reasons to Choose Angular. Angular is well known for developing robust and adaptable Single Page Applications (SPA). The Application structure is.
Environmental Sensing Monitoring and Analyzing Water Temperatures
Mixed Reality Server under Robot Operating System
What's New in eCognition 9
HTTP and Abstraction on the Internet / The Need for DNS
Web AppBuilder for ArcGIS
Choosing between Silverlight and AJAX
Publishing image services in ArcGIS
What's New in eCognition 9
What's New in eCognition 9
#01# ASP.NET Core Overview Design by: TEDU Trainer: Bach Ngoc Toan
Running C# in the browser
Yale Digital Conference 2019
ArcGIS Pro: An Introduction Overview
Presentation transcript:

Pasquale Herzig, Michael Englert, Sebastian Wagner, Yvonne Jung & Ulrich Bockholt Presented at Web3D 2013 X3D-EarthBrowser Visualize our Earth in your Web Browser

EarthServer Funded by EU e-Infrastructure –Project Number: Open-access, ad-hoc analytics on extreme-size earth science data RTD & services, six lighthouse applications

EarthServer Different domains of earth science with unique challenges - including visualization E.g.: Cryospheric, atmospheric and planetary science, geology and oceanography, etc. Potentially looking for very different things to display

EarthServer Aim: 100+ TB of raster data each Server/Client architecture, OGC standards on top of HTTP as “glue” –WCS,WMS,WCPS –OGC standards development also part of the project Servers designed to deal with big data, clients request manageable subsets This talk: focus on 3D web client

Visualizations in X3DOM Open Source middleware for declarative 3D on the web -> Tutorials yesterday

Web 3D Client Aim: display raster data in a 3D environment on a web page Raster data comes in many varieties –1 to 3 spatial dimensions, optionally combined with a temporal dimension –uniform and various types of non-uniform grids, general meshes etc. –multiple coverages (datasets) sometimes necessary for meaningful results –1 to n channels of different types –... and plenty more...

Web 3D Client Also may need different visualizations of any coverage type. –Planes –Elevation Maps –Point Clouds –Time Series –Volume rendering –... Plenty of “3D widgets” you could think of

Web 3D Client Also, may want to combine different “widgets” in one display And that’s just visualization. There is also interaction Some basics (like navigation) are baseline, but how to anticipate all the custom interaction schemes users might want?

Web 3D Client Now, what is a 3D web client then? In the first year, we made a few prototypes, each addressing a different scenario They all have in common that they display something in a 3D box rather than e.g. on a globe –Internally dubbed the “fishtank”

EOX MultiCoverage

PlanetServer WCS/WMS

WCPS Elevation Grid

Unified Client Our aim was not to deliver just a bunch of semi-related code solving very specific problems. One 3D web client to rule them all. On desktops as well as mobile devices.

Unified Client Our solution: make client modular and split setup and execution Operator gets all the power at source code level to set up the application, may even write custom modules if necessary

Unified Client The unified client consists of –a framework with a module API –modules –UI & tools E.g. a module that has API to setup WCPS call that will request RGBA image and add it to scene as elevation map Framework has composition functionality like transformations and transparency

Unified Client

Underground Radar Data

Side Panels

Operator - Setup Example

User Interface - Using JQueryUI Created automatically Basics for modules – Movement, scaling, transparency.. Settings for light, cameras & annotations Easy to change and to adopt

Progressive Data Transmission Load low resolution data first –Increase resolution after a succesfull query –Add higher resolution when available Quicker feedback for the user The protocols allow to choose the resolution

Video

Summary Web client using X3DOM and no plugins – Except IE (X3DOM Flash fallback) Easy to set up by operators –Few lines of Javascript code Combine data from different sources –Services for e.g. geology and oceanography Combine different visualization types –Elevation map, underground, pointcloud…

What’s Next? Performance –Less Javascript, more shader in X3DOM User Experience –better UI feedback Interaction –e.g. UI for positioning planes and callbacks into application code to handle change events More modules

Thank You! Feel free to contact me or the EarthServer community. Questions? More technical details in the paper.