Aladin Lite

Transcript Aladin Lite

Aladin Lite
Un visualiseur léger dans le navigateur
Thomas Boch (CDS)
Réunion OV France - 28 janvier 2014
2
Une version en ligne de cette présentation (avec des exemples
interactifs) est disponible ici :
http://cds.u-strasbg.fr/~boch/ASOV2014/aladin-lite/
Aladin Lite en quelques mots
• Visualiseur d'images multi-résolution
• Visualisation d'une zone du ciel
• Overlays graphiques : catalogues, footprints
• Interactivité : déplacement, zoom, sélection
• Fonctionne dans tout navigateur récent
• Ni plugin ni installation
• Desktops et tablettes
• Intégration facile dans une page web
• Léger
• 40kB (minifié et gzippé)
• API Javascript
3
Intégration dans une page web
Options
Largeur
4
Copy/paste in your web page
400
px
<link href="http://aladin.ustrasbg.fr/AladinLite/api/v2/latest/aladin.min.css" rel="stylesheet">
Hauteur
Survey image
Position
400
px
<script type="text/javascript" src="http://code.jquery.com/jquery1.10.1.min.js" charset="utf-8"></script>

Position or object name
<div id="aladin-lite-div" style="width:400px;height:400px;"></div>
<script type="text/javascript" src="http://aladin.u-
Champ de vue
60
deg
strasbg.fr/AladinLite/api/v2/latest/aladin.min.js" charset="utf-8">
</script>
<script type="text/javascript">
var aladin = $.aladin('#aladin-lite-div', {survey: "P/DSS2/color",
zoom:60});
</script>
5
HiPS
(Hierarchical Progressive Survey)
• Surveys multi-résolution basés
sur un découpage HEALPix
J2000
• Génération à partir d'un jeu
d'images FITS (ou JPEG+WCS)
• SkyGen: outil en ligne
commande disponible sur le
site aladin
• Exemple:
Image UltraVISTA bande Ks
(48k x 48k pixels) convertie
en HiPS
+
–
FoV: 1.5°
Propulsé par Javascript
• Interactivité dans le navigateur
• 2000-2010 : applets Java, Flash
• Maintenant : Javascript, canvas HTML5, WebGL
• Canvas
• Zone 2D de dessin
• Primitives simples : drawLine, drawImage, transformations affines
• Support sur tous les navigateurs modernes
• WebGL
•
•
•
•
Sous-ensemble d'OpenGL
Outil puissant pour définir des scènes 3D
Plus complexe à mettre en oeuvre
Quelques problèmes sur les machines anciennes/navigateurs mobiles
6
API Javascript
Méthodes pour contrôler Aladin Lite
• Màj position, màj taille du champ de vue
• Aller à une position/un objet
• Zoom avant/Zoom arrière
• Màj survey image
• Gestion des overlays
• Callbacks sur certains événements
7
8
API Javascript - exemple #1
Markers cliquables
J2000
03 47 42.19 +24 28 53.58
var a = $.aladin('myDiv', {target: 'M 45'});
var cat = a.newCatalog();
+
–
a.addLayer(cat);
var marker = a.newMarker(56.87, 24.10,
{popupTitle: 'Alcyone',
popupText: 'Bmag: 2.8 ...'});
cat.add(marker);
FoV: 1.99°
9
API Javascript - exemple #2
Visualisation de footprints
J2000
13 29 48.38 +47 17 9.09
var a = $.aladin('myDiv', {target: 'M
51'});
var overlay = a.newOverlayLayer();
a.add(layer);
var polygon = a.newPolygon([[202.45,
47.16], [202.41, 47.19], ...]);
overlay.add(polygon);
+
–
API Javascript - exemple #3
Interaction riche et callbacks
TYC
RA
Dec
BTmag
2853 2164 1 02 42 01.77 +42 44 54.0 9.864
2853 112 1
2853 166 1
2853 22 1
2853 679 1
2853 1013 1
2853 958 1
2853 238 1
2853 1665 1
2853 334 1
02 42 12.96
02 42 13.46
02 41 58.44
02 41 56.74
02 42 13.16
02 42 45.75
02 42 05.78
02 42 22.15
02 41 48.49
+42 44 49.6
+42 46 40.7
+42 47 30.7
+42 47 23.3
+42 41 57.4
+42 49 13.1
+42 42 26.7
+42 45 36.6
+42 46 14.2
J2000
9.917
8.884
8.348
8.388
8.139
8.242
8.253
8.862
9.025
10
02 42 47.20 +42 48 9.12
+
–
FoV: 23.94'
Standards OV supportés
11
• VOTable
• création d'un catalogue à partir d'une URL pointant sur un VOTable
• aladin.newCatalogFromVOTable('http://...')
• STC-S
• aladin.newFootprintFromSTCS('Polygon J2000 40.57 0.0868
40.58 0.08048 ...')
• SAMP: exportation des données et de l'état courant vers des outils OV
• Pré-visualisation dans Aladin Lite, anayse dans des outils plus complexes
(Aladin Java, Topcat, etc)
Qui utilise Aladin Lite ?
12
Pré-visualisation de données (D. Paradis/CADE)
Overlay de contours (R. Williams/LIGO-Virgo)
Cartes de densité bibliographiques
(ADS All Sky Survey)
Imaging toolbox (Blackwater skies)
13
SIMBAD (en test)
ADS Labs
VizieR (beta)
Aladin Lite pour données planéto ?
J2000
+
–
FoV: 175.32°
14
Visualisation dans le navigateur - Autres
développements
VAO portal viewer
A. Rogers - T. Donaldson
Canvas
WWT HTML5
J. Fay
Canvas/WebGL
Mizar (client HiPS)
CNES
WebGL
JS9
SAO
Canvas + Node.js
webfits
A. Kapadia
WebGL
15

Aladin Lite

Transcript Aladin Lite

Directory