Retour à l'index Géographie du Pic de l'Étendard Le Pic de l'Étendard : randonnée glaciaire Photographies Construction des pages Compatibilité et aspects techniques Services commerciaux

Table d'orientation virtuelle du Pic de l'Étendard

Retour à l'index général du site
Afficher le panoramaRetour à l'index Montagne

Construction des pages

Recensement des sites

Le recensement des sites, des azimuts, altitudes et distances a été réalisé à l'aide de plusieurs cartes de différents organismes. Il a permis de dénombrer un peu plus de trois cents références différentes.

Chaque référence est entrée dans une base de données. En plus de son nom, on gère entre autres, pour chaque lieu répertorié, son altitude, sa distance, ainsi que ses coordonnées (azimuts, hausses).

Production des pages

La base de données dans lequel les sites remarquables sont répertoriés, est ensuite balayée par le script de création des pages ; ce balayage permet de construire différents ensembles de pages :

  • 72 pages de panorama, s'étendant chacune sur 6 (ou 8) "bandes" de 5°, soit 30 (ou 40) degrés, ou encore 600 (ou 800) x 367 pixels (seule la version "JavaScript" de la table d'orientation offre de basculer la largeur d'affichage de 600 à 800 pixels ; la version "standard" présente une largeur d'affichage fixe). Chaque page correspondra donc à un point de vue différent à 5° près, et contiendra autant d'imagemaps que l'analyse de la base de données l'aura déterminé.
  • une liste alphabétique des sites, par mot-clé. Cet instrument se présente de façon très différente selon que l'on utilise la version DHTML (avec JavaScript : moteur de recherche par mot-clef) ou la version standard : une page par lettre. Quelle que soit la version utilisée, un lien hypertexte est automatiquement créé entre chaque entrée de cette liste, et la page qui en permet la meilleure visualisation d'une part, et une fiche de synthèse d'autre part.
  • les cartes interactives.
  • une fiche de synthèse (exemple : le Rocher Blanc) par lieu référencé.

Chaque script est "doublé" afin de produire deux versions distinctes de la table d'orientation : DHTML (avec JavaScript) et "standard" (sans JavaScript). Une grosse partie du traitement peut être faite "à la volée" dans la version DHTML : cela permet d'alléger considérablement l'espace disque occupé (moins de la moitié par rapport à la version "standard") et, partant, les temps de chargement de chaque page.

Grâce à cette méthode, on peut ajouter, supprimer ou modifier une coordonnée en quelques secondes directement à l'intérieur de la base de données, puis obtenir la mise à jour complète sur l'ensemble des pages concernées tout simplement par une nouvelle exécution des scripts.

Méthode utilisée

Plusieurs panoramas interactifs existent déjà sur internet ; en général, ceux-ci se présentent sous la forme d'une "applet" java ou d'un clip au format QuickTime VR. Une telle méthode présente toutefois un certain nombre d'inconvénients :

  • Pour obtenir un panorama de la taille de celui affiché ici, le temps de chargement de l'applet ou simplement du clip correspondant serait considérablement plus long ; la plupart des panoramas interactifs présents sur le web présentent déjà un temps de chargement de l'ordre de la minute, pour une définition (nombre de pixels affichés) nettement moindre. Deux panoramas animés au format Quicktime VR ont néanmoins été construits à partir des mêmes photographies que celles utilisées pour le reste du site, et sont montrés à titre de comparaison.
  • L'interfaçage avec des cartes ou des listes alphabétiques, la définition de légendes interactives, le tout à l'intérieur d'un 360° "complet" (sans rupture) rendraient l'ensemble beaucoup plus lourd, donc beaucoup plus long à charger.
  • Le format Quicktime nécessite l'installation d'un "plug-in" ; une applet Java pourra quant à elle ne pas être souhaitée pour des raisons de sécurité. Dans le cas de cette table d'orientation, la version "sans Javascript" utilise du langage html 4.0 classique et sera donc visible par le plus grand nombre de navigateurs internet.
  • L'ensemble du site a été testé avec succès avec Internet Explorer 5 et Netscape Navigator 4.7, avec et sans JavaScript. Les tests commencés avec Netscape 6 (preview release 1) sont terminés et concluants pour la version DHTML ; la version "standard" devant faire l'objet d'une refonte prochainement.

La création de nombreuses pages web (près d'un millier, dont plusieurs centaines sont créées dynamiquement dans la version JavaScript), comme c'est le cas ici, ne nécessite que peu de place sur le serveur : de l'ordre de 8 Mo tout compris, incluant les légendes, les cartes, les listes alphabétiques, etc. et apporte un confort d'utilisation incomparable. Si l'on exclut les fiches de synthèse de la version "standard" et les panoramas animés, on conserve la même quantité d'information pour un espace total inférieur à 3 Mo.