Création et mise en ligne d'un hyperpaysage

Un hyperpaysage se distingue d'une simple image panoramique en ce qu'il contient des zones actives qui renvoient à des informations complémentaires ou à d'autres hyperpaysages.

Différentes techniques concurrentes existent utilisant les technologies QTVR , flash ou java.

La mise en ligne se fait ici, en incorporant dans une page web une applet java.

Deux applets sont couramment utilisées : il s'agit de pmvr ( commerciale) et ptviewer (open-source).

pmvr est un produit commercial qu'il faut acquérir , en général avec la licence du logiciel Panorama Factory .

Les versions téléchargeables ( à durée limitée) permettent de créer des visites virtuelles utilisables , mais à la visualisation le panorama est tatoué par le message « not registred » .

On trouve sur l'Internet de « vieilles » versions n'affichent pas ce message et elles semble très utilisées , mais le caractère légal de cet usage semble plus que douteux.

Ptviewer ne présente pas ces problèmes , puisque c'est un produit open-source lié aux travaux du même universitaire allemand Helmut Dersch . site http://webuser.fh-furtwangen.de/%7Edersch/

Cette applet offre beaucoup plus de possibilités que pmvr ( elle gère tous les types de projection) , mais elle est aussi plus complexe à paramétrer.

Il existe un outil qui permet de créer automatiquement des visites virtuelles avec Ptviewer ( ptviewer scripter ) mais cet outil n'est pas gratuit et des versions de démonstration ne permettent pas de sauvegarder les travaux réalisés.

Ptviewer-panorama propose sensiblement les mêmes fonctionnalités plus quelques autres comme la prise en charge directe du format ptv.

Sans ces outils il est nécessaire de paramétrer cette applet manuellement , le plus simple étant de partir de modèles de pages que l'on adaptera à ses besoins.

Ptviewer comprend une gestion d'interface (boutons de zoom, défilement...) qui peut être paramétrée dans l'applet elle même ou par des scripts javascripts extérieurs.

exemple création d'une barre d'outils en dessous de la zone d'affichage de l'applet

<MAP name="control">

<AREA shape=rect coords="0,0,14,14"  alt="Autorotation Start" href="javascript:DoAutorotationStart()">
<AREA shape=rect coords="14,0,28,14" alt="Autorotation Stop"  href="javascript:DoAutorotationStop()">
<AREA shape=rect coords="28,0,42,14" alt="Zoom In"        href="javascript:DoZoomIn()">
<AREA shape=rect coords="42,0,56,14" alt="Zoom Out"      href="javascript:DoZoomOut()">
<AREA shape=rect coords="56,0,70,14" alt="Show/Hide Hotspots" href="javascript:DoShowHideHotspots() ">
<AREA shape=rect coords="70,0,84,14" alt="Reset" href="javascript:DoReset()">
<AREA shape="default" nohref>
</MAP>

Le code javascript suivant permet l'interaction entre les boutons et l'applet

<SCRIPT language="JavaScript1.1">

function DoAutorotationStart() {
        document.ptviewer.startAutoPan( 0.5, 0.0, 1.0 );
}
function DoAutorotationStop() {
        document.ptviewer.stopAutoPan();
}
function DoZoomIn() {
        document.ptviewer.startAutoPan( 0.0, 0.0, 1.0/1.03 );
}
function DoZoomOut() {
        document.ptviewer.startAutoPan( 0.0, 0.0, 1.03 );
}
function DoShowHideHotspots() {
        document.ptviewer.toggleHS();
}
function DoReset() {
        document.ptviewer.gotoView( -45, -60, 80 );
}
function DisplayPan() {
        status = document.ptviewer.pan().toString() ;
}
function DisplayTilt() {
        status = document.ptviewer.tilt().toString() ;
}
function DisplayFov() {
        status = document.ptviewer.fov().toString() ;
}

function mousehs(n) {
        if( n== -1 )
                        document.cn.hsnum.value = "---" ;
        else
                        document.cn.hsnum.value = n ;
}
function getview(p,t,f) {
   document.cn.pan.value = p ;
   document.cn.tilt.value = t ;
   document.cn.fov.value = f ;
}

function NewPano(  ) {
        document.ptviewer.newPanoFromList(0);
}


function wpano() {
        document.ptviewer.newPanoFromList(0);
}
function fpano() {
        document.ptviewer.newPanoFromList(1);

}
</SCRIPT>

Le code html suivant définit l'image sensible correspondant au mappage control

<TD ALIGN=RIGHT BGCOLOR="#C0C0C0"><IMG SRC="images/control.gif" ALT="" BORDER=0 usemap="#control" HEIGHT=14 WIDTH=84></TD>

Parmi les possibilités , il est possible de créer des zones sensibles ( hotspot) équivalents à des liens vers d'autres panoramas , vers une image fixe , ou vers une autre page web .

En bas à droite sous l'applet les zones actives correspondant au mappage explique plus haut.

Les cercles jaunes sont une variété de hot-spot à affichage permanent.

L'étiquette 'Tombeau de Jovin » correspond à un hot-spot qui apparaît lorsque la souris passe au dessus de la zone sensible . Les hot-spots peuvent être ou non actifs et envoyer sur un autre panorama défini dans la même page , sur une image ( en restant dans l'applet) sur une page web externe quelconque ...

{hotspot3=x20 y299 a25 b350 c0000ff p  q  n'Salle 2' u'ptviewer:newPanoFromList(1)'} ouvre le panorama n° 2 .

{hotspot4=x100 y287 a150 b421 c0000ff p i'Sommaire Histoire'e u'http://www.ac-reims.fr/datice/hist-geo' t'_blank'}
ouvre la page sommaire du site académique histoire-géographie
{hotspot1=x363 y278  cFFFF00  p i'Attis'e u'panorama/attis.jpg'}
affiche la statue dite du dieu Attis et revient dans l'hyperpaysage à la fermeture.

Lorsque l'applet affiche la photographie panoramique les défaut de parallaxe sont automatiquement corrigés comme le montre l'image ci-dessus ( portion du panorama réalisé avec hugin) .

Pour finir , Ptviewer sait afficher de grandes images ( testée avec des images de 6000x600) et gère éventuellement le préchargement des images diverses composant l'ensemble des scènes .

Creating and posting a hyperpaysage how to

A hyperpaysage differs from a single panoramic image in that it contains active areas that refer to information or other hyperpaysages.

Various techniques exist using competing technologies QTVR, Flash or Java.

The posting is done here, by incorporating into a web page a java applet.

Two applets are commonly used: to PMVR (commercial) and PTViewer (open source).

PMVR is a commercial product to be acquired, usually with the software license Panorama Factory.

Downloadable versions (limited) for creating virtual tours for use, but to view the panorama is tattooed with the message "not registred".

Found on the Internet "old" versions do not display this message and it looks very used, but the legality of this use seems more than doubtful.