Page d'accueil Page d'accueil Place Victor Hugo Cottage sur Pilotis Eglise St-Ouen L'Eclat Ville en 3D
Accueil » Internet - Numérique - Service Public » Initiatives numériques » Carte interactive numérique de Pont-Audemer au début du 20ème siècle

Carte interactive numérique de Pont-Audemer au début du 20ème siècle

Carte interactive du début du 20ème siècleL'exposition « Pont-Audemer, Le Havre, Honfleur, Rouen... à la belle époque en photographie 3D », présentée au Musée Alfred Canel du 2 juillet au 13 novembre 2011, a plongé le visiteur dans l'univers de la photographie amateur de la première décennie du 20ème siècle. Dans le cadre de cette exposition, une carte interactive numérique a été réalisée afin de découvrir la ville de Pont-Audemer autrement. Elle a été créée à partir des photographies (plaques de verre) dont dispose le musée. A l'aide seulement d'une souris, 30 photographies pourront être localisées dans la ville et affichées sur un écran plasma.

Comment réaliser une carte interactive en JavaScript sans Flash ?

L'objectif de cette initiative est de faire découvrir des photographies anciennes de Pont-Audemer en utilisant les technologies modernes. Dans un premier temps, un ordinateur (datant de 5 ans) a été reconditionné, par le service informatique, en serveur Apache sous Ubuntu Linux afin de le relier à l'écran plasma du musée. Ensuite une image réactive basée, sur les balises HTML « AREA » et « MAP », a été réalisée.

Pour améliorer les effets visuels, plusieurs outils libres et gratuits ont été utilisés et adaptés pour les besoins :
  • les feuilles de styles CSS pour l'aspect graphique ;
  • le module javascript « lightbox » pour l'affichage des images ;
  • le module javascript « bubulle » pour la gestion des hyperliens de la carte sous forme d'infobulles ;
  • l'outil « Google web fonts » pour utiliser des polices de caractères alternatives ;
  • le langage PHP pour assembler les modules et gérer le découpage de l'image.

Vidéo de présentation de la carte interactive

Accueil - Accessibilité - Plan du site - Contacter la mairie - Webmestre - Mentions légales
Valid XHTML 1.0 ! Valid CSS ! Valid RSS ! Pour un web accessible maintenant ! Logo Villes Internet - 5 Arobases Logo Ville Fleurie