![Page 1: WORLDWIDE TELESCOPE USING THE WWT HTML5 WEB CONTROL IN YOUR APPLICATIONS JONATHAN FAY MICROSOFT RESEARCH](https://reader035.vdocuments.us/reader035/viewer/2022071807/56649e7d5503460f94b8095d/html5/thumbnails/1.jpg)
WORLDWIDE TELESCOPE
USING THE WWT HTML5 WEB CONTROL IN YOUR APPLICATIONS
JONATHAN FAY
MICROSOFT RESEARCH
![Page 2: WORLDWIDE TELESCOPE USING THE WWT HTML5 WEB CONTROL IN YOUR APPLICATIONS JONATHAN FAY MICROSOFT RESEARCH](https://reader035.vdocuments.us/reader035/viewer/2022071807/56649e7d5503460f94b8095d/html5/thumbnails/2.jpg)
WORLDWIDE TELESCOPE API OPTIONS
• WorldWide Telescope desktop clinet using Layer Control API
• Use any language that supports HTTP calls
• Desktop client is windows only, but LCAPI can run anywhere.
• Use full dome, HMD, Kinect and other technologies
• WebClient for HTML5
• Jscript client code glue
• Runs on virtually any HTML5 client
• WebClient for Silverlight (deprecated)
![Page 3: WORLDWIDE TELESCOPE USING THE WWT HTML5 WEB CONTROL IN YOUR APPLICATIONS JONATHAN FAY MICROSOFT RESEARCH](https://reader035.vdocuments.us/reader035/viewer/2022071807/56649e7d5503460f94b8095d/html5/thumbnails/3.jpg)
WHEN TO USE THE LAYER CONTROL API
![Page 4: WORLDWIDE TELESCOPE USING THE WWT HTML5 WEB CONTROL IN YOUR APPLICATIONS JONATHAN FAY MICROSOFT RESEARCH](https://reader035.vdocuments.us/reader035/viewer/2022071807/56649e7d5503460f94b8095d/html5/thumbnails/4.jpg)
WHAT IS THE HTML5 CONTROL
• A Scriptable Sky & Planet viewer
• A canvas for adding interactive visual elements using coordinate systems
• A scalable viewer for your images and data
• Hundreds of all-sky surveys in several bands instantly available for reference
• Playback of tours by script control
![Page 5: WORLDWIDE TELESCOPE USING THE WWT HTML5 WEB CONTROL IN YOUR APPLICATIONS JONATHAN FAY MICROSOFT RESEARCH](https://reader035.vdocuments.us/reader035/viewer/2022071807/56649e7d5503460f94b8095d/html5/thumbnails/5.jpg)
GETTING STARTED
• On-line user guide at: http://www.worldwidetelescope.org/authoring/Developer.aspx?Page=WebControlScriptReference
![Page 6: WORLDWIDE TELESCOPE USING THE WWT HTML5 WEB CONTROL IN YOUR APPLICATIONS JONATHAN FAY MICROSOFT RESEARCH](https://reader035.vdocuments.us/reader035/viewer/2022071807/56649e7d5503460f94b8095d/html5/thumbnails/6.jpg)
HELLO WORLD SAMPLE
![Page 7: WORLDWIDE TELESCOPE USING THE WWT HTML5 WEB CONTROL IN YOUR APPLICATIONS JONATHAN FAY MICROSOFT RESEARCH](https://reader035.vdocuments.us/reader035/viewer/2022071807/56649e7d5503460f94b8095d/html5/thumbnails/7.jpg)
<!DOCTYPE html >
<html>
<head>
<title>Hello World with WWT</title>
<script src="http://www.worldwidetelescope.org/scripts/wwtsdk.aspx"></script>
<script>
var wwt;
function initialize() {
wwt = wwtlib.WWTControl.initControl("WWTCanvas");
wwt.endInit();
}
</script>
</head>
<body onload="initialize()">
<div id="WWTCanvas" style="width:750px; height:750px; border-style: none; border-width: 0px;"></div>
</body>
</html>
![Page 8: WORLDWIDE TELESCOPE USING THE WWT HTML5 WEB CONTROL IN YOUR APPLICATIONS JONATHAN FAY MICROSOFT RESEARCH](https://reader035.vdocuments.us/reader035/viewer/2022071807/56649e7d5503460f94b8095d/html5/thumbnails/8.jpg)
ADDING A READY EVENT
function initialize() {
wwt = wwtlib.WWTControl.initControl("WWTCanvas");
wwt.add_ready(wwtReady);
wwt.endInit();
}
function wwtReady() {
wwt.loadImageCollection("http://www.worldwidetelescope.org/COMPLETE/wwtcomplete.wtml");
wwt.gotoRaDecZoom(286.485, -27.5231666666667, 60, false);
}
![Page 9: WORLDWIDE TELESCOPE USING THE WWT HTML5 WEB CONTROL IN YOUR APPLICATIONS JONATHAN FAY MICROSOFT RESEARCH](https://reader035.vdocuments.us/reader035/viewer/2022071807/56649e7d5503460f94b8095d/html5/thumbnails/9.jpg)
ADDING YOUR DATA
• You add your own glue to bind together your database/images to viewer
• Load WTML collections for custom background, foreground image sets
• Plot data points, lines and polygons with click-back notification
• Use libraries your favorite Library for VOTable & WebSAMP handling
![Page 10: WORLDWIDE TELESCOPE USING THE WWT HTML5 WEB CONTROL IN YOUR APPLICATIONS JONATHAN FAY MICROSOFT RESEARCH](https://reader035.vdocuments.us/reader035/viewer/2022071807/56649e7d5503460f94b8095d/html5/thumbnails/10.jpg)
SAMPLE “COMPLETE COVERAGE MAP TOOL”
• http://www.worldwidetelescope.org/complete/wwtcoveragetool5.htm
![Page 11: WORLDWIDE TELESCOPE USING THE WWT HTML5 WEB CONTROL IN YOUR APPLICATIONS JONATHAN FAY MICROSOFT RESEARCH](https://reader035.vdocuments.us/reader035/viewer/2022071807/56649e7d5503460f94b8095d/html5/thumbnails/11.jpg)
Mahalo!