Exploration de solutions pour l Observatoire Photographique des Paysages de la Garonne

Dimension: px
Commencer à balayer dès la page:

Download "Exploration de solutions pour l Observatoire Photographique des Paysages de la Garonne"

Transcription

1 Université Toulouse Le Mirail - ENSAT Master SIGMA Unité 71 Mini Projet Exploration de solutions pour l Observatoire Photographique des Paysages de la Garonne ALGLAVE Christophe BRUN Geoffrey QUESNOT Teriitutea Février 2011

2 Remerciements Nous tenons à remercier tout d abord notre tuteur de projet Monsieur Laurent JEGOU, ingénieur cartographe et enseignant au département de géographie à l université Toulouse le Mirail, pour son aide, sa disponibilité et pour les astuces qu il nous a enseignées afin de mener à bien ce mini-projet Nous aimerions aussi remercier Monsieur Philippe VALETTE, professeur au département de géographie à l université Toulouse le Mirail, d avoir proposé un sujet aussi intéressant que celui d un observatoire photographique des paysages. Un grand merci à Madame Magali GONDAL du Parc Naturel Régional de la Scarpe- Escaut et à Madame Géraldine SIMON d INSITE pour les informations qu elles nous ont fournies à propos de l observatoire photographique du PNR. Nous tenions également à remercier l équipe pédagogique du Master SIGMA pour la qualité et la diversité des enseignements dispensés au cours de ce master, lesquels ont été utiles pour mener à bien notre mini-projet. Enfin, nous remercions l ensemble des internautes pour les solutions proposées dans divers forums liés à notre sujet : ils ont ainsi contribué à l avancement de notre projet grâce à leurs conseils.

3 Sommaire INTRODUCTION... 2 I. IDENTIFICATION DES BESOINS POUR UN OBSERVATOIRE PHOTOGRAPHIQUE DE LA GARONNE UN PROJET SCIENTIFIQUE QUI CONCERNE LA TOTALITE DE LA GARONNE BESOINS GENERAUX DES UTILISATEURS... 3 a. Les besoins liés à l ajout des photographies et à la saisie des informations... 4 b. Les besoins liés à la visualisation des informations... 4 c. Les besoins liés à la navigation sur le site internet de l observatoire... 5 II. PANEL DES SOLUTIONS ENVISAGEABLES APPLICATIONS ADOBE FLASH / FLEX... 6 a. L observatoire photographique du paysage d Arbois... 7 b. Le concept de Visiocarte... 8 c. Conclusion MOTEURS ET CLIENTS CARTOGRAPHIQUES... 9 a. L observatoire photographique des paysages de la Vanoise b. Conclusion LES API CARTOGRAPHIQUES a. Observatoire photographique de la DIREN de Martinique b. Atlas photographique de la montagne noire c. Conclusion LE CMS SPIP a. L observatoire photographiques des paysages du Hainaut b. Conclusion III. EXPLORATION DE SPIP ARCHITECTURE RETENUE a. Une structure basée sur des articles, mots-clefs et rubriques b. Une autre solution possible : l ajout d un troisième niveau de rubrique CONFIGURATION DU BACK-OFFICE a. Un plugin cartographique basé sur l API Géoportail b. La Mediabox : un plugin d affichage d image simple mais efficace c. Les Champs Extras : un plugin permettant une saisie plus fine des données d. Régler plus finement les droits des rédacteurs via le plugin Autorité ORGANISATION DE LA PARTIE-CLIENTE a. Explication du code présent dans les rubriques, articles et mots-clefs b. Explication du code relatif aux fichiers du plugin Geoportail CONCLUSION LISTE DES FIGURES ANNEXE 1 : EXEMPLE DE FICHE A SAISIR DANS LE BACK-OFFICE... I ANNEXE 2 : PLAN DES APPELS DE FICHIERS... III ANNEXE 3 : PLUGINS VISUELS POUR LA PHOTO-COMPARAISON... IV ANNEXE 4 : DETAILS DES CODES SOURCES EXPLIQUES DANS LA TROISIEME PARTIE DU RAPPORT... VII ANNEXE 5 : DETAIL DU CODE SOURCE DE LA PAGE D ACCUEIL... XIV ANNEXE 6 : GUIDE D UTILISATION POUR LA SAISIE D INFORMATIONS... XV

4 Introduction Que ce soit d une manière imperceptible ou radicale, les paysages géographiques changent perpétuellement. Cette évolution des paysages peut être soit d ordre naturel, soit causée par la main de l homme. Les paysages changent également en fonction de la variation de la luminosité selon la saison et l heure de la journée. Pour appréhender et quantifier les changements que connaissent les paysages au fil des années, un suivi photographique est souvent la solution la plus adaptée. La mise en place d un observatoire photographique des paysages a pour objectif principal de constituer une série de photographies permettant d analyser les mécanismes de transformation et d évolution des paysages. La photographie permet de pallier aux défaillances de la mémoire et de comparer les différents aspects d'un lieu pris à différentes époques, proches ou lointaines. Dans ces conditions, il faut que les prises de vue d'un même site soient comparables, c'est-à-dire effectuées exactement au même endroit, à la même saison et de la même manière. Afin de comparer plus facilement les photos d un même site entre elles, il est nécessaire de mettre en place des outils de visualisation adaptés. L Observatoire photographique des paysages de la Garonne est un projet scientifique qui est en phase de démarrage. Il a pour principale visée de permettre une comparaison photographique temporelle de différents sites paysagers de la Garonne par l intermédiaire d un site Internet. Le site sera enrichi par des chercheurs et des étudiants, ce qui implique que son alimentation en informations soit adaptée et facile à utiliser. La finalité de cette opération à long terme est de suivre l'évolution des paysages de la Garonne. L objectif de ce mini-projet est de tester différentes solutions de visualisation cartographique, et notamment l exploration des fonctionnalités du CMS SPIP. Auparavant, nous avons exploré d autres solutions de webmapping : toutefois, celle de SPIP nous a paru adaptée. Nous avons donc développé un prototype basé sous ce CMS. En effet, les fonctionnalités de SPIP, comme la publication d articles possible par plusieurs contributeurs différents et la disponibilité de différents plugins cartographiques et photographiques, en font l un des CMS les plus adaptés pour la mise en place d un observatoire photographique. Notre mini-projet a donc eu pour but de tester plus en détail ces fonctionnalités et de proposer des développements complémentaires concernant la cartographie interactive présentant les sites paysagers commentés (localisation et secteurs indiquant l orientation et l angle de vision des photographies), les possibilités de visualisation des couples photographiques et la mise en place d une interface permettant l ajout de points sur une carte. 2

5 I. Identification des besoins pour un observatoire photographique de la Garonne 1. Un projet scientifique qui concerne la totalité de la Garonne Le patrimoine Garonnais repose sur une véritable culture du fleuve et des paysages associés, au travers des us et coutumes et des perceptions d hier et d aujourd hui, qui témoignent des relations particulières entre l Homme et le fleuve. Pourtant l identification de ce patrimoine culturel et paysager, lequel est considéré comme un bien commun, reste peu mise en valeur. L observatoire des paysages de la Garonne s inscrit dans la partie quatre du plan Garonne : «La Garonne et son identité paysagère et culturelle». Ce quatrième axe d étude a pour principaux objectifs de mieux connaître et faire connaître les paysages naturels et culturels de la Garonne, de restaurer et requalifier ces paysages, et de valoriser l image de la Garonne. Les différentes observations de ces paysages sont liées à la connaissance du fleuve et à la valorisation de son image afin de réaliser des actions telles que l élaboration de chartes paysagères, de travaux de restauration, etc. Le plan Garonne est l un des cinq grands «Plan Fleuve» (Plans Loire, Rhône, Seine, Meuse et Garonne) mis en place par l Etat pour constituer des outils d aménagement et de financement volontaristes en faveur des fleuves français. Le plan Garonne a été initié en juillet 2005 par décision du Comité Interministériel d Aménagement et de Compétitivité des Territoires. C est un projet de développement maîtrisé préservant l environnement général du fleuve tout en exploitant ses potentialités. Dans le cadre du travail qui nous est demandé pour notre mini-projet, nous développerons la partie «observatoire photographique» qui caractérise l évolution des paysages via l utilisation de photographies passées et actuelles. Cet observatoire représente l une des rubriques du site internet de l Observatoire des Paysages de la Garonne. D autres rubriques, telles que celles présentant les paysages de la Garonne, les panoramas et les balades seront traitées ultérieurement. La partie «observatoire photographique» sera utilisée dans le cadre d un enseignement de la Géographie des paysages à l université du Mirail à Toulouse. Monsieur Philippe Valette, responsable de la mise en place de cet observatoire, nous a formulé les différents besoins que rencontrent ses étudiants, les futurs utilisateurs de cette rubrique. En effet, ils sont actuellement chargés de prendre des photographies des paysages de la Garonne et de les analyser sous la forme de fiches. Dans le futur, ils devront les ajouter sur le site internet de l Observatoire Photographique. 2. Besoins généraux des utilisateurs Avant de commencer à réfléchir à l interface web de l observatoire, nous avons du réaliser une étude des besoins généraux du projet. Après un rendez-vous avec Monsieur Valette nous avons pu identifier les besoins généraux pour la réalisation d un observatoire 3

6 photographiques mais aussi les besoins spécifiques pour les utilisateurs de l observatoire. Ces besoins pourront être classés en trois catégories. a. Les besoins liés à l ajout des photographies et à la saisie des informations Pour pouvoir ajouter différentes informations paysagères (localisation, photographie, informations liées à la prise de vue, etc.), il sera nécessaire d élaborer une interface internet où chaque utilisateur possèdera son propre compte, à partir duquel il pourra s authentifier pour ajouter des photographies, ainsi que des informations relatives à ces photographies. De plus, il faudra que cette saisie puisse être contrôlée via une validation effectuée par l administrateur du site, avant la mise en ligne de la fiche sur internet. Différents niveaux de d utilisation de l observatoire doivent être définis en fonction du statut de l utilisateur (auteur ou administrateur). De plus, la mise en place d un formulaire sera nécessaire pour faciliter la saisie des données attributaires de chaque photographie par les différents auteurs de l observatoire. Ils auront également besoin de localiser une position ponctuelle sur un fond de carte par un simple clic : cela doit permettre que les coordonnées s enregistrent automatiquement dans une base de données et que l affichage du point soit effectif. Enfin, les utilisateurs devront aussi pouvoir uploader plusieurs photographies pour un même site. b. Les besoins liés à la visualisation des informations Tout d abord, une interface cartographique interactive sera nécessaire pour localiser précisément les différents sites de prises de vue. Des outils de zoom et de déplacement devront faciliter la navigation sur la carte. Par ailleurs, il serait également intéressant de fournir un outil de géolocalisation permettant aux personnes consultant le site internet de retrouver un site de prise de vue par la saisie d une adresse. Dans la partie publique, les sites devront être localisables sur une carte à l aide de marqueurs. Un clic sur ces marqueurs devra permettre d afficher une infobulle contenant un aperçu des photographies, ainsi qu une présentation des différentes informations relatives à chaque photographie. L affichage de l angle de la prise de vue des photographies pourra également être pris en compte. Par exemple, pour chacun de ces sites, il faudra que le marqueur utilisé sur la carte symbolise l angle de prise de vue. Dans ces conditions, il pourrait être intéressant de pouvoir saisir une orientation dans un formulaire de saisie, et que celle-ci se répercute directement sur la carte. Dans un souci de lisibilité, seules huit orientations principales pourraient être identifiées. Toujours dans ces besoins liés à l affichage, notre commanditaire souhaiterait pouvoir insérer différentes couches issues de webservices (WMS par exemple), ainsi que des couches d informations personnalisées (fichiers KML, ect.). L idée de ces deux systèmes est d afficher 4

7 ou non des couches en fonction des besoins des utilisateurs. Ce système permettrait de répondre également à un autre besoin de notre commanditaire : celui-ci souhaiterait pouvoir découper la Garonne en plusieurs tronçons afin d avoir la possibilité de zoomer sur chacune des sections du fleuve. Dans un souci de simplicité, nous avons choisi de nous limiter à trois sections : Garonne maritime, moyenne et montagnarde. Chacune de ces parties devrait être accessible grâce à un simple clic sur le tronçon sélectionné. En ce qui concerne la visualisation des photographies, il serait intéressant de la rendre plus facile en ajoutant des fonctionnalités permettant la comparaison de ces photographies. Il sera également nécessaire de trouver une solution qui permettra de regrouper les différentes photos provenant d un même site de prise de vue. Enfin, il faudra s assurer qu il est possible de gérer l ajout de photographies de taille différente, et qui pourraient également s afficher dans une taille prédéfinies en sortie. c. Les besoins liés à la navigation sur le site internet de l observatoire La navigation dans le site internet est également un élément important à prendre en compte. Elle doit permettre aux internautes de se repérer facilement dans l Observatoire Photographique. Dans cette optique, différents outils seront nécessaires pour pouvoir naviguer simplement sur le site internet. Par exemple, l ajout d une barre de navigation en haut du site permettrait d accéder à une autre rubrique du site à n importe quel moment. Un onglet «rechercher» pourrait également permettre de rechercher facilement un article par le biais des mots-clefs qui le constituent. 5

8 II. Panel des solutions envisageables 1. Applications Adobe Flash / Flex Afin d éviter toute ambigüité, il convient tout d abord de dissocier les technologies propriétaires que sont Adobe Flash et Adobe Flex. Le logiciel Flash a été initialement développé par la société Macromedia qui a été rachetée ensuite par Adobe en Flash a été conçu à l origine dans une logique de création d animations simples (fichiers SWF), sans réelle interaction avec l utilisateur. Les SWF sont aujourd hui reconnues par la plupart des navigateurs web au moyen d un plugin, le Flash Player. Les animations issues de cet éditeur multimédia ont par la suite gagné en dynamisme et en interactivité avec la possibilité d imbriquer au sein d un projet Flash du code basé sur le langage de programmation orienté objet ActionScript. De ce fait, le logiciel Flash ne peut être en soi considéré comme une plateforme de développement à part entière. Flex a en ce sens été spécialement conçu comme une véritable solution de développement d applications internet riches (RIA) en se basant sur la technologie Flash et le langage ActionScript 3. Les animations SWF peuvent être ainsi directement programmées (codées en ActionScript et MXML) et implémentées dans une page HTML. Ces RIA produites à partir du logiciel Flash Builder (anciennement Flex Builder) d Adobe permettent alors d offrir, côté client, des applications internet qui présentent des caractéristiques et fonctionnalités similaires à un logiciel Desktop installé en local. En outre, certains éléments appréciables propres à ce type de solution peuvent être énoncés : interface ergonomique ; navigation fluide ; haute interactivité ; rapidité d exécution. De plus en plus d applications cartographiques utilisant la technologie Flash sont consultables en ligne. Celles-ci constituent une alternative aux clients cartographiques «traditionnels» basés sur des API Javascript telles qu OpenLayers ou GeoExt. Le principal avantage réside dans le fait que l ensemble des fonctionnalités de l application cartographique codée en Flash est délégué à un plugin tiers, le Flash Player. Cela permet d alléger considérablement les différentes tâches que le navigateur web doit réaliser, notamment en ce qui concerne le rendu (carto)graphique. Nous avons parcouru différents sites internet afin d identifier des exemples d observatoires photographiques programmés en Flash. La seule application que nous avons trouvée concerne l observatoire photographique du paysage d Arbois. Par ailleurs, nous avons pu répertorier certaines fonctionnalités dans d autres sites internet basées sur du Flash qui pourraient s avérer utiles lors de la mise en place d un observatoire photographique des paysages. 6

9 a. L observatoire photographique du paysage d Arbois Cette application Flash (fig.1) a été réalisée pour le compte de la DIREN de Provence- Alpes-Côte-d Azur ( Figure 1 : Aperçu de l'observatoire du paysage d'arbois Onze points de vue sont localisés sur un fond cartographique fixe de l IGN (orthophoto). Il ne s agit donc pas d une carte interactive disposant des fonctionnalités de navigation classiques telles que le zoom ou le pan. Ces points de vue sont matérialisés sous la forme de vignettes cliquables représentant l angle d orientation selon lequel la photographie a été prise. Figure 2 : Comparaison de photos dans l'observatoire du paysage d'arbois 7

10 Après avoir cliqué sur l une des vignettes, l utilisateur est renvoyé à la fiche de renseignements détaillée du point de vue en question (fig.2). Les photographies qui lui sont associées sont consultables selon un système d onglets. L utilisateur a également la possibilité de réaliser une comparaison diachronique du point de vue : les deux photographies, ainsi que leurs descriptions, sont alors apposées côte à côte pour une meilleure lisibilité. b. Le concept de Visiocarte Le concept de Visiocarte a été développé par la société Ka-Editions ( Il s agit d une gamme de cartes dédiées aux activités de tourisme et de randonnées disponibles selon trois formats : papier, mobile et web. Nous prendrons comme exemple la Visiocarte de l office du tourisme d Aix-en- Provence consultable en ligne ( qui offre certaines fonctionnalités intéressantes pouvant être reprises dans le cadre de la mise en place de l observatoire photographique des paysages de la Garonne (fig.3). Figure 3 : Slideshow d'une Visiocarte L utilisateur dispose d un Slideshow codé en Flash. Cet outil permet de parcourir les différentes photographies du lieu préalablement sélectionné par l utilisateur. Ce Slideshow pourrait en outre servir d outil de comparaison de photographies. Figure 4 : Interface Google Earth intégrée à la Visiocarte 8

11 La couche cartographique sur laquelle est basée la Visiocarte fait appel au plugin Google Earth (fig.4). Ce dernier hérite des fonctionnalités du logiciel Google Earth et permet donc à l utilisateur d utiliser la navigation 3D. A titre d exemple, ce système de navigation peut s avérer fort intéressant lors de la mise en ligne de chemins de randonnées ou de balades. C est notamment une des fonctionnalités souhaitées par M. Valette en ce qui concerne l Observatoire des Paysages de la Garonne. c. Conclusion L utilisation de Flash pour la réalisation d un observatoire photographique bénéficie, à l instar de toute autre application utilisant cette technologie, d une grande fluidité dans la navigation et d une interface ergonomique appréciable. Cela étant, opter pour une telle solution implique de maîtriser le langage de programmation ActionScript 3 auquel nous n avons pas été formé. De plus, rappelons que l un des objectifs principal de l Observatoire Photographique des Paysages de la Garonne est de permettre à ses utilisateurs de pouvoir saisir un site de prise de vue sur un fond de carte et d y associer divers renseignements ainsi qu une photographie. Le site internet doit présenter un aspect dynamique, lequel se matérialise par une connexion avec une base de données installée sur un serveur web. Or, il semblerait qu établir une connexion entre un SGBD et une application Flash ne soit pas réellement aisée, ce qui ajoute une difficulté supplémentaire à la réalisation d une application Flash. Notons pour terminer que les fonctionnalités intéressantes présentées comme le Slideshow ou encore les blocs multi-onglets sont également programmables en Javascript, langage de programmation qui nous est plus familier. Il s agit donc d une solution, certes attrayante, mais difficile à mettre en place à notre niveau. 2. Moteurs et clients cartographiques L utilisation combinée d un moteur cartographique côté serveur et d un client cartographique constitue la solution de cartographie en ligne la plus répandue sur le web. Basé selon une architecture client/serveur, le moteur cartographique qui est installé sur la machine serveur joue le rôle de distributeur de couches compilées aux formats Raster et/ou vecteur à la demande de l utilisateur. Plusieurs moteurs cartographiques open source sont disponibles à l heure actuelle. Chacun d entre eux a ses propres spécificités, ses avantages et inconvénients. Il convient donc de définir au préalable les besoins de l application avant de choisir un moteur cartographique. Dans notre cas, l utilisateur sera amené à définir côté client une position ponctuelle sur un fond carte. Ce point généré possèdera des attributs et des coordonnées précises qu il conviendra de stocker dans une base de données installée sur le serveur. L utilisation d un moteur cartographique Web Feature Service supportant le mode transactionnel (WFS-T) à l instar de Geoserver ou TinyOws est alors préconisé. Le client cartographique prend quant à lui en charge l affichage et l interaction des couches et des données qui leurs sont associées. Il est alors possible d utiliser un client WFS- T lourd comme un SIG Desktop mais nous nous limiterons pour notre observatoire photographique à l utilisation des navigateurs web. Ainsi, l API Openlayers constitue à elle 9

12 seule un outil d édition vectorielle mais son utilisation conjointe avec la bibliothèque de fonctions Javascript ExtJS au travers de GeoExt permet d enrichir grandement l interface utilisateur. Il est alors possible de générer, à l attention de l utilisateur, un formulaire qui reprend les informations figurant sur la fiche descriptive du lieu (cf. Annexe 1) et d y insérer un champ pour uploader la photographie sur le serveur. En termes de visualisation, l API GeoExt permet de créer des infobulles multi-onglets qui peuvent comporter les différentes informations et photographie(s) relatives à l un des sites de prise de vue. L exemple en ligne le plus abouti qui respecte cette architecture client/moteur cartographique concerne l observatoire photographique des paysages du Parc National de la Vanoise ( a. L observatoire photographique des paysages de la Vanoise L observatoire photographique du premier parc national français (fig.5) est géré côté client par l API GeoExt et semble, au regard du code qu il lui est associé, être couplé au moteur cartographique MapFish côté serveur. Il semblerait donc que cette application ait opté pour une architecture client/serveur entièrement basée sur MapFish, aussi bien côté client (GeoExt) que côté serveur (MapFish Server). Figure 5 : Observatoire photographique des paysages de la Vanoise L application se base sur un fond cartographique de l IGN au format Raster et recense pas moins de cent-quatre-vingt-un points de vue. L utilisateur dispose de plusieurs fonctionnalités. 10

13 Il peut par exemple : naviguer au sein de la carte via des fonctions classiques de zoom et de pan intégrés ; afficher plusieurs couches classées selon des thématiques (occupation du sol, agriculture, aménagement, etc.) ; centrer la carte sur une des communes du parc ; filtrer les prises de vues selon une période. Des zones cliquables correspondant aux différents sites de prise de vue sont localisées sur la carte. En cliquant sur un des points, l utilisateur est directement redirigé dans la zone à l extrême gauche de l écran : il peut alors obtenir de plus amples détails en cliquant sur un lien prévu à cet effet. Une fenêtre pop-up s ouvre alors et l utilisateur a la possibilité de consulter la fiche détaillé du lieu en question (fig.6). Les deux photographies peuvent dans certains cas être disposées côte à côte afin d appréhender au mieux l évolution paysagère. En revanche, nous n avons trouvé à un aucun moment sur le site internet un système d authentification permettant à un utilisateur disposant d un login et d un mot de passe d effectuer une quelconque saisie de points et/ou d informations attributaires. Figure 6 : Fiche de comparaison photographique de l'observatoire de la Vanoise 11

14 b. Conclusion La mise en place d un moteur cartographique couplé à une base de données spatiale, ainsi que la configuration d un client cartographique au travers d une API Javascript, est tout à fait envisageable : l observatoire photographique du parc de la Vanoise peut en témoigner. Néanmoins, pour respecter entièrement les conditions fixées par le cahier des charges, il conviendrait également de mettre en place un système d authentification et de gestion des privilèges des utilisateurs ; cela alourdirait un système déjà très voire trop complet. 3. Les API cartographiques Un nombre toujours plus important de sites internet propose dans leur interface une API cartographique légère visant en général à géolocaliser sur un fond Raster de l information géographique sous la forme d un lieu ou d un tracé. L API cartographique légère la plus connue, et qui est toujours la plus largement utilisée, est celle de Google Maps. Notons que d autres API cartographiques proposant des fonctionnalités équivalentes existent : Geoportail, Bing Maps ou encore Microsoft Virtual Earth. Le principal avantage de ces types d API réside dans leur légèreté et leur facilité d implémentation. En effet, à titre d exemple, pour pouvoir afficher une carte Google, il suffit simplement d intégrer directement à la structure de la page HTML quelques lignes de code Javascript ainsi qu une division (balise <div>) qui servira de conteneur. Les fonctionnalités de navigation classiques telles que le zoom et le pan, ainsi que la possibilité de modifier la couche Raster en cours d affichage (plan, satellite, etc.), sont gérées de manière automatique. Le webmestre a par ailleurs la possibilité de paramétrer un niveau de zoom et un centrage automatique au chargement de la carte. Des fichiers de type KML ainsi que des infobulles peuvent également être chargés. Ces dernières, associées à un marqueur individuel (placemark), peuvent contenir plusieurs onglets au sein desquels des informations de diverses natures ou des photographies ont la possibilité d être affichés. Comme exemple d observatoire basé sur une API cartographique, nous avons retenu l observatoire de la DIREN de Martinique, ainsi que l atlas photographique des paysages de la Montagne Noire. a. Observatoire photographique de la DIREN de Martinique Cet observatoire mis en place par la DIREN de Martinique se base sur l API Google Maps et est consultable à l adresse suivante : (fig.7). 12

15 Le fond cartographique, centré sur la Martinique, affiche par défaut une couche altimétrique. Un menu situé juste au-dessus de la carte permet de filtrer les différents points de vue par commune et/ou par la date à laquelle la photographie a été prise. Chaque point de vue est matérialisé par un marqueur cliquable. Après clic, une infobulle multi-onglets apparaît et laisse le choix au visiteur de : obtenir des détails ; afficher les différentes prises de vue relatives à ce point de vue ; consulter la fiche détaillée du point de vue ; zoomer sur le point de vue en question. Figure 7 : Observatoire photographique de la DIREN de Martinique Lorsque le visiteur clique sur l onglet «prises de vue», une fenêtre pop-up codée en Javascript s ouvre et offre la possibilité de comparer les différentes photographies relatives au point de vue sélectionné (fig.8). Figure 8 : Outil de comparaison de l'observatoire de la DIREN de Martinique 13

16 b. Atlas photographique de la montagne noire Cet atlas photographique des paysages et phénomènes météo de la montagne noire a été réalisé par la société e-carto (fig.9). Il est consultable à l adresse suivante : Cette application se base sur l API cartographique Microsoft Virtual Earth. Cette API prévoit, en plus des fonctionnalités basiques de navigation (zoom et pan), la possibilité de pivoter la couche Raster affichée. Tout comme pour l observatoire photographique de la DIREN de Martinique, les différents points de vue de cet atlas correspondent à des marqueurs. Un simple clic sur l un d entre eux affiche une infobulle similaire à celle de Google Maps. Le visiteur a alors la possibilité d obtenir des informations et de zoomer sur le lieu en question. Un menu codé en Javascript sur la gauche de la carte permet de filtrer les points de vue selon une date. Figure 9 : Observatoire photographique de la Montagne Noire c. Conclusion Il apparaît clairement que l utilisation des API cartographique légères constitue une solution simple et efficace pour l affichage des données et des photographies inscrites dans le cadre d un observatoire photographique des paysages. Le seul bémol concerne la dimension participative (authentification, gestion des privilèges des utilisateurs, possibilité pour l utilisateur de localiser ponctuellement un point sur un fond de carte) qui doit être impérativement pris en compte dans la réalisation de l observatoire photographique des paysages de la Garonne. Toutefois, il est bien sûr possible d ajouter cette fonctionnalité en programmant en PHP. De la même manière, en couplant du PHP et du JavaScript, il est 14

17 possible d ajouter un marqueur sur une carte en y associant des données attributaires (photographies par exemple) : ces données peuvent être ensuite stockées dans une base de données. Toutefois, la programmation nécessaire pour développer un tel système s avérerait assez lourde. En définitive, l utilisation d une API cartographique est une solution très prometteuse, mais qui ne peut malheureusement se suffire à elle-même dans notre contexte. 4. Le CMS SPIP Dans notre cahier des charges initial, une des solutions à explorer était le CMS SPIP. En effet, jusqu à présent, nous avions été systématiquement confrontés à la difficulté que pouvait engendrer la dimension participative : celle-ci est pourtant une caractéristique essentielle de notre projet. Cette difficulté peut être contournée en basant l architecture de notre site internet sur un CMS participatif. SPIP fait partie de la famille des CMS à l instar de Joomla, Wordpress ou encore Drupal pour ne citer que les plus connus. Son installation sur un serveur classique Apache avec une base de données MySQL ne prend que quelques minutes. Les Content Management System (CMS), ou systèmes de gestion de contenu, permettent à leurs utilisateurs de gérer de manière simple et rapide le contenu de leur site internet, ainsi que les éléments graphiques qui lui sont associés et ce sans aucunes compétences en programmation. Les utilisateurs ont la possibilité de contribuer à l enrichissement du site internet en créant leur propre contenu sous la forme d articles, à partir d une interface d administration (back-office) accessible via un login et un mot de passe depuis n importe quel navigateur web. Ce contenu ne sera pas publié en ligne tant qu un des utilisateurs bénéficiant des privilèges d administrateur n aura pas validé l article en question. SPIP prévoit en général deux catégories d utilisateurs : les administrateurs qui possèdent des droits étendus sur tout le site internet (publication, ajout de plugins, modification du thème, etc.) ; les auteurs qui ont des droits restreints et qui ne peuvent, en principe, que rédiger des articles et soumettre leurs contenus aux administrateurs. Cet aspect du CMS est très intéressant : il reste maintenant à savoir si la mise en place d un observatoire photographique est envisageable. Nous avons effectués plusieurs recherches sur internet avant de trouver l exemple, qui selon nous, est le plus abouti en la matière. Il concerne le Parc Naturel Régional de Scarpe-Escaut (fig.10). Celui-ci est consultable à l adresse suivante : a. L observatoire photographiques des paysages du Hainaut Cet observatoire photographique a été entièrement réalisé sous le CMS SPIP pour le compte du Parc Naturel Régional de Scarpe-Escaut par l agence INSITE ( Etant intéressés par cette application, nous avons contacté par le parc naturel, lequel 15

18 nous a mis en relation avec Madame Géraldine SIMON de l agence INSITE : cette dernière a participé de près au projet d observatoire photographique. L entretien téléphonique que nous avons réalisé nous a permis d éclaircir certains points sur ce projet. Cet observatoire photographique recense soixante points fixes. L application ne prévoit donc pas l ajout de points géolocalisés mais elle intègre une dimension participative. Les utilisateurs (auteurs et/ou administrateurs) disposant d un login et d un mot de passe ont la possibilité d enrichir les informations relatives à l ensemble des sites de prise de vue. Ils ont par ailleurs également la possibilité de soumettre une ou plusieurs photographies. Figure 10 : Observatoire photographique des paysages du Hainaut Le fond cartographique est basé sur une couche Raster fixe sur laquelle ont été placés manuellement les soixante sites de prise de vue sous la forme d une icône de couleur rouge. Ces icônes (png) ont été rendu cliquables et pointent chacune vers la fiche détaillée d un site de prise de vue. Cette fiche détaillée (fig.11) correspond à un article qui présente les deux photographies, ainsi que divers informations relatives au site de prise de vue ; chaque article est imbriqué dans une rubrique qui fait référence à une ville. 16

19 Figure 11 : Comparaison des photographies de l'observatoire des paysages du Hainaut Notons pour terminer que des menus prenant la forme de blocs déplaçables codés en Javascript figurent également sur la carte principale (fig.12). Ces derniers permettent d afficher des couches selon différentes thématiques. Ces couches sont en réalité des PNG transparents gérés sous la forme de calques. Il est également possible pour le visiteur de rechercher un point de vue selon une commune ou un village et/ou une entité paysagère. Figure 12 : Blocs de menu déplaçables dans l'observatoire photographique du Hainaut 17

20 b. Conclusion La solution du CMS SPIP pour la mise en place de l Observatoire Photographique des Paysages de la Garonne est tout à fait envisageable, comme l atteste l exemple que nous venons de détailler précédemment. La gestion des authentifications et des utilisateurs est intégrée de façon automatique, ce qui est loin d être un facteur négligeable. Par ailleurs, la possibilité d utiliser des API Javascript est tout à fait faisable, comme le démontre les menus figurant sur la carte principale de l observatoire des paysages du Hainaut. Néanmoins, ces avantages impliquent obligatoirement un développement web basé exclusivement sur l architecture de SPIP en organisant l ensemble du site internet sous la forme de rubriques, de sous-rubriques et d articles. Enfin, notons que le CMS SPIP permet le chargement de quelques plugins cartographiques, dont ceux de Google Maps et du Geoportail. Ces plugins correspondent en réalité aux API Javascript classiques exposées précédemment mais adaptées à l architecture de SPIP. Il est donc possible pour l utilisateur de générer à partir du back-office une position ponctuelle sur un fond Raster. Ce point géolocalisé peut être associé soit à une rubrique, à une sous-rubrique ou à un article. Notons également que l utilisation du plugin Geoportail est dans notre cas préconisée car il intègre une couche relative aux cartes topographiques de l IGN sur lesquelles se basent les étudiants lors des campagnes de terrains. Tous les ingrédients semblent donc être réunis pour élaborer un premier prototype de l Observatoire Photographique des Paysages de la Garonne en se basant sur le couplage du CMS SPIP avec le plugin Geoportail. En effet, ce système répond aux différents besoin évoquées dans la première partie de ce rapport : l aspect participatif et les divers privilèges sont gérés nativement par le CMS ; la géolocalisation est rendue possible via le plugin Geoportail ; l ajout d informations (textes, photos, etc.) peut s effectuer d une manière simple via la rédaction d articles ; l affichage des photos peut être amélioré via des plugins SPIP. 18

21 III. Exploration de SPIP Précédemment, nous avons expliqué pourquoi nous avons souhaité retenir SPIP comme solution pour notre prototype. Dans cette dernière partie, nous détaillerons la mise en place technique de l Observatoire Photographique des Paysages de la Garonne. Dans un premier temps, nous présenterons l architecture générale du site internet de l observatoire, puis nous détaillerons dans un second temps la configuration du back-office. Dans un dernier temps, nous présenterons la mise en place de la partie cliente du site. 1. Architecture retenue Comme nous l avons déjà dit, SPIP a l avantage d être un CMS participatif : il existe une distinction très nette entre la partie cliente et le back-office. Dans le cadre de la mise en place du prototype, cette séparation était idéale pour notre projet puisqu elle permettait de configurer toute la partie concernant la saisie des sites de prise de vue et l enregistrement des photos à partir d une interface unique d administration. Ce travail en amont a ensuite permis d améliorer l aspect graphique de la partie cliente. a. Une structure basée sur des articles, mots-clefs et rubriques L architecture générale de notre prototype est basée sur trois «types d entité SPIP» : les articles, les mots-clefs et les rubriques. A l origine, ces entités sont prévues pour faciliter le travail participatif des différents contributeurs. Dans notre cas, nous avons détourné ces outils de façon à élaborer un système répondant à nos attentes. Dans une première version, nous avions développé un système basé uniquement sur des articles : ceux-ci étaient les supports des fiches saisies par les étudiants. Toutefois, ce système posait un problème : nous n avions pas différencié les sites de prise de vues des fiches elles-mêmes. En effet, chacune d entre elles contient des informations et une photo : nous devions donc trouver un nouveau système permettant de distinguer les sites de prises de vue, lesquels contiennent plusieurs fiches. Nous pouvons donc schématiser l architecture de notre prototype final de la façon suivante (fig.13) : il existe des articles qui sont écrits par les rédacteurs. Chaque article contient du texte et une seule photo ; chaque article est lié à un seul mot-clef. Ce mot-clef peut contenir plusieurs articles. Il est géoréférencé via une carte IGN fournie par le plugin Geoportail ; chaque article est également enregistré dans une seule rubrique. Cette rubrique permet de savoir quelle partie de la Garonne est concernée par l article écrit. 19

22 Figure 13 : Organisation des rubriques, articles et mots-clefs de notre prototype Ce schéma est en réalité un peu plus complexe qu il n y paraît : deux notions supplémentaires s ajoutent à cette architecture. Il existe tout d abord une distinction entre des rubriques principales et des sous-rubriques. Les rubriques principales sont en fait les futures rubriques contenant les diverses parties du site internet prototype. L Observatoire Photographique, contenant une carte générale de la Garonne, constitue l une de ces rubriques principales. Celle-ci est elle-même divisée en trois sous-rubriques qui permettent d afficher différents tronçons de la Garonne. Nous avons pris le parti de scinder la Garonne en trois zones : ce choix peut bien sûr être adapté selon le souhait du commanditaire. Choisir une architecture reposant sur des sous-rubriques présente un grand avantage pour notre prototype : 20

23 elle permet l affichage sur des cartes des articles qui concernent exclusivement une partie précise de la Garonne. La seconde notion importante à introduire dans notre modèle est la distinction entre mots-clefs et groupes de mots-clefs. En effet, chaque mot-clef fait en réalité partie d un groupe de mots-clefs, lesquels sont au nombre de trois. Ils reprennent la même structure définie pour les sous-rubriques (les trois tronçons de la Garonne). Rétrospectivement, il aurait été possible de se passer de ces groupes de mots-clefs. En effet, dans une certaine mesure, ces derniers complexifient l architecture retenue : ils constituent un niveau supplémentaire dans la structure de notre prototype. Il aurait par exemple été possible d enregistrer les mots-clefs directement «à la racine du site» : cela aurait par exemple permis à l utilisateur de n avoir qu une seule possibilité pour affecter un mot-clef à un article (et non trois dans le cas présent un mot-clef possible pour chaque groupe de mots-clefs). Toutefois, une plus grande complexification de notre architecture s est révélée être assez utile par la suite : cette notion de groupes de mots-clefs permet notamment de sélectionner facilement tous les mots-clefs relatifs à une partie de la Garonne (comme dans le cas des sous-rubriques et des articles). En effet, dans notre modèle, il n est pas possible de sélectionner directement les mots-clefs en fonction d une rubrique puisque ceux-ci ne sont pas liés entre eux. Demander par exemple tous les mots-clefs concernant la Garonne maritime à partir de cette sous-rubrique est impossible. Or, avec une arborescence basée sur des groupes de mots-clefs, il est possible de sélectionner tous les mots-clefs liés au groupe de mots-clefs de la Garonne maritime. b. Une autre solution possible : l ajout d un troisième niveau de rubrique Notons toutefois qu une autre architecture, peut-être plus simple, aurait pu être envisagée : elle reposerait sur un troisième niveau de rubrique. Malheureusement, nous n avons pas eu le temps de tester ce type d architecture. Celle-ci aurait eu notamment l avantage de ne pas avoir à utiliser la notion de «mot-clef» dans notre prototype. Ce troisième niveau de rubrique aurait ainsi remplacé celui des mots-clefs : chaque site de prise de vue aurait fait l objet d une rubrique, laquelle aurait ensuite répertorié tous les articles liés au site de prise de vue en question. L architecture qui aurait pu être retenue dans ce contexte serait la suivante : une rubrique principale : l Observatoire Photographique ; trois sous-rubriques présentant les tronçons de la Garonne ; une multitude de sous-sous-rubriques dans chaque sous-rubrique répertoriant tous les lieux photographiés. Toutefois, cette solution aurait souffert d un problème majeur. Grâce à divers essais, nous avons pu constater qu il était déjà difficile d appeler dans la rubrique principale tous les articles présents dans les sous-rubriques. Même s il existe des fonctions pour réaliser cela, celles-ci sont assez ardues à mettre en œuvre. Il y a donc fort à parier qu il eut été encore plus complexe d effectuer cela dans une architecture à trois niveaux : il aurait fallu réussir à récupérer des articles situés jusqu à deux niveaux au-dessous! Cela aurait sans doute été 21

24 possible en multipliant notamment le nombre de fichiers nécessaires au fonctionnement du site internet, ce qui aurait nui à son efficacité ainsi qu à son développement futur. Nous avons donc préféré opter pour une architecture basée sur des mots-clefs puisque celle-ci nous paraissait plus souple pour le futur développement de notre prototype. Nous allons maintenant détailler un peu plus précisément les aspects techniques de l élaboration de notre prototype. 2. Configuration du back-office Tout d abord, le back-office nous a permis de créer l architecture que nous avons explicitée précédemment. Les différentes rubriques principales ont été créées, ainsi que les trois sous-rubriques à l intérieur de la rubrique principale dédiée à l observatoire photographique (fig.14). Les articles et les mots-clefs ont ensuite été créés au-fur-et-à-mesure des tests que nous avons effectués, sauf les groupes de mots-clefs qui ont également été prédéfinis. Suite à cela, le back-office a été amélioré grâce à l ajout de plugins SPIP. Nous allons maintenant détailler seulement ceux qui nous paraissent essentiels. En effet, l ajout de plugins nécessitait dans certains cas l installation de plugins complémentaires afin d assurer le bon fonctionnement de ceux que nous souhaitions utiliser. Nous ne détaillerons donc pas le contenu de ces plugins supplémentaires. Figure 14 : Organisation des rubriques et sous-rubriques dans le back-office du prototype 22

25 a. Un plugin cartographique basé sur l API Géoportail Notre prototype s appuie principalement sur un plugin cartographique utilisant l API du Geoportail. Ce plugin permet tout d abord de géoréférencer des éléments de SPIP : articles, rubriques, mots-clefs, etc. Il permet également l affichage de cartes dans la partie cliente du site internet. Les marqueurs affichés sur les cartes peuvent également être les supports d infobulles. Comme le montre la capture d écran ci-dessous (fig.15), seuls les mots-clefs ont été autorisés à être géoréférencés. En effet, ce sont les seuls éléments qui devront être affichés sur les cartes dans le futur prototype. L ajout de Géoservices a également été autorisé : via le plugin Geoportail, il est seulement possible d ajouter des services WMS. Ceux-ci ont été configurés dans une autre partie du back-office : nous avons ainsi réussi à ajouter des couches provenant du Geosignal et du BRGM. Toutefois, pour plus de lisibilité, nous avons désactivé cette fonction dans notre prototype. Néanmoins, si le commanditaire souhaite visualiser une couche personnalisée sur les cartes en s appuyant sur des services WMS, nous pouvons affirmer que cela fonctionne. Figure 15 : Configuration du plugin Geoportail et interface de la saisie de points b. La Mediabox : un plugin d affichage d image simple mais efficace L affichage des photographies prises par les étudiants constitue également une demande importante qu il convenait de prendre en compte. Après de nombreuses recherches, nous n avons malheureusement pas su trouver de plugin adapté à nos besoins. Nous souhaitions trouver un plugin original permettant de sélectionner des photos à comparer, et d afficher ces dernières côte à côte. Nous avons tout de même trouvé quelques scripts 23

26 JavaScript permettant cela, mais nous n avons pas eu le temps de les implémenter dans notre prototype. Ces scripts sont détaillés brièvement dans l Annexe 3. Dans ces conditions, nous avons donc opté pour un plugin d affichage d images assez classique, mais soigné : lorsque l utilisateur clique sur une photographie concernée par la Mediabox, celle-ci s agrandit avec un effet d ombre (fig.16). Ce plugin permet également l affichage d un petit texte saisi au moment de l enregistrement de la photo par le rédacteur, sous la photo agrandie via le plugin Mediabox. Il est également possible de faire défiler les photos dans la Mediabox en fonction d un portfolio configuré de façon à contenir des photos du même site de prise de vue. D autres options sont configurables : nous ne signalerons ici que celle relative à la taille des photos affichées. Nous avons choisi de définir une hauteur minimale et maximale identique pour chaque photo : cette astuce permet d obtenir des images qui auront toujours une taille identique lors de leur défilement dans la Mediabox. Cela Figure 16 : Configuration de la Mediabox permet notamment de régler le problème des photos de tailles différentes récupérées par les étudiants. Avec ce système, les étudiants n ont plus à gérer la taille des photos qu ils enregistrent avec les articles. c. Les Champs Extras : un plugin permettant une saisie plus fine des données Le back-office s appuie également sur un plugin permettant de gérer la saisie des informations par les utilisateurs (fig.17). En effet, une des conditions du cahier des charges était de guider l ajout d informations par les étudiants. Or, par défaut, les conditions de saisie dans le CMS ne sont pas très poussées : les rédacteurs n ont que la possibilité de saisir le texte d un article, ce qui ne formate absolument pas les informations saisies. Chaque étudiant aurait pu alors organiser sa fiche comme il le souhaitait. L idée de la saisie de texte dans le cadre d un formulaire de saisie nous a alors semblé intéressante. Cela permet notamment de formater les informations saisies comme si elles étaient enregistrées dans une base de données. Par la suite, cela facilite également l affichage de ces informations dans la partie cliente du prototype : chaque champ saisi peut alors être réappelé dans le code HTML et donc affiché dans la partie cliente. Le contrôle des champs via ce plugin est réellement intéressant : il est possible de choisir à quel élément il s appliquera (article, rubrique, mot-clef, etc.) et de définir une saisie obligatoire ou optionnelle. L interface du champ peut également se présenter sous la forme 24

27 d une liste d éléments à cocher (choix unique ou multiple). Cette liste est directement définie par l administrateur. Figure 17 : Configuration du plugin de formulaire Champs Extras d. Régler plus finement les droits des rédacteurs via le plugin Autorité Figure 18 : Configuration des autorisations Enfin, un dernier plugin essentiel à notre prototype a été utilisé : il permet de configurer plus finement les droits des administrateurs et des rédacteurs du site internet que cela n est le cas par défaut (fig.18). Ce plugin facilite grandement le travail des administrateurs : en effet, avec la configuration par défaut, seules ces personnes étaient autorisées à créer des mots-clefs. Or, il apparaissait plus pratique que les rédacteurs puissent créer euxmêmes les mots-clefs lorsqu ils en avaient besoin. Nous avons donc coché une option du plugin Autorité permettant aux rédacteurs de pouvoir créer de nouveaux mots-clefs. 25

28 D autres options sont configurables via ce plugin, mais dans le cadre de notre prototype, seule cette extension de droit était nécessaire. 3. Organisation de la partie-cliente Comme il l a déjà été dit précédemment, le plugin Geoportail de SPIP ne répondait pas totalement à nos attentes. En effet, celui-ci présente des fonctionnalités intéressantes, mais malheureusement non adaptées à l architecture que nous souhaitions mettre en place. Le problème est que l affichage en partie-cliente était assez limité : par défaut, il est possible d afficher sur des cartes uniquement des articles ou des auteurs. Or, dans le cadre de notre prototype, nous avons choisi d afficher les mots-clefs sur les cartes. Il a donc fallu créer nos propres fichiers de plugin en se basant sur ceux déjà présents. Les fichiers de code qui ont été modifiés sont tous détaillés en Annexe 5. Auparavant, les fichiers de rubriques, d articles et de mots-clefs ont également du être modifiés. Le fonctionnement du système de fichiers est décrit dans le schéma ci-dessous qui présente les plans d appel de fichiers (fig.19) : un agrandissement de ce schéma est disponible en Annexe 2. Chaque rubrique possède son propre fichier, lequel appelle à chaque fois le même fichier modèle du Geoportail : «geoportail_mots_clefs.html». Les fichiers d articles et de mots-clefs appellent quant à eux un autre fichier modèle du plugin Geoportail : «mot_geoportail.html». Enfin, les deux fichiers Geoportail en question appelle un autre fichier du plugin, un JavaScript cette fois-ci, qui a été modifié de façon à afficher les infobulles des cartes de manière personnalisée. Figure 19 : Plan des appels de fichiers 26

29 a. Explication du code présent dans les rubriques, articles et mots-clefs Les fichiers relatifs aux rubriques La structure des fichiers de rubriques est peut-être celle qui est la moins efficace par rapport aux autres fichiers. En effet, nous avons du créer un fichier par rubrique : il y a donc quatre fichiers de rubriques. Chaque fichier est nommé de la manière suivante : «rubrique=**.html». Les étoiles sont en fait remplacées par l identifiant de la rubrique décrite dans le fichier : cela permet d indiquer que tel fichier s applique seulement à telle rubrique. Dans chaque fichier de rubrique, il existe des indications spécifiques, notamment vis-à-vis du modèle de carte inséré (via le fichier «geoportail_mots_clefs.html» expliqué par la suite). Un niveau de zoom est défini dans tous les fichiers de rubrique, ainsi que des coordonnées de longitude et de latitude permettant un centrage de la carte. En ce qui concerne les sous-rubriques, les niveaux de zoom sont les mêmes pour toutes. Par contre, le critère servant à choisir les mots-clefs à afficher sur les cartes sont différents. Il est défini directement dans le modèle de carte Geoportail de la manière suivante : «id_groupe=**». Les étoiles sont ensuite remplacées par l identifiant du groupe de mots-clefs. Enfin, d autres critères sont également définis, tels que la hauteur de la carte affichée, ainsi que le mode réduit de la boîte à outil du Geoportail. Dans cette configuration, seule une petite chose diffère en réalité entre la rubrique principale et les trois sous-rubriques. Dans la première nous avons choisi de ne rien afficher sous la carte générale pour plus de clarté. Cela permet d avoir un premier aperçu des motsclefs géoréférencés. Dans les sous-rubriques, nous avons considéré que l internaute avait déjà eu cet aperçu et se trouvait donc dans une sous-rubrique de son plein gré : il était alors possible d afficher des informations supplémentaires sur la page internet. Nous avons donc choisi de laisser s afficher les titres des cinq dernières fiches (c est-à-dire articles) parues dans la sous-rubrique, avec leur date de parution et le nom de leur auteur. Le modèle de fichier relatif aux articles Le fichier qui définit la structure des articles est beaucoup plus efficace que ceux décrivant le contenu des rubriques. En effet, seul un fichier est nécessaire pour servir de modèle : il est nommé «article-7.html», cette syntaxe servant à définir que tous les articles concernés par ce modèle d article sont ceux dont l identifiant secteur est le numéro sept. Ce type de syntaxe est très pratique car il permet de différencier la structure des articles créés au sein de l Observatoire Photographique de ceux créés pour d autres rubriques. Comme précédemment, la première modification importante du fichier d origine concerne l insertion d un modèle de carte Geoportail, à partir du fichier «mot_geoportail.html», explicité également dans la suite de ce rapport. Ce modèle est inséré dans une boucle de mots-clefs : en effet, dans la mesure où ce dernier sert à placer un mot-clef sur une carte alors que le contexte actuel est celui d un article, cela ne peut pas fonctionner. D où la nécessité d élaborer une boucle cherchant le mot-clef lié à l article en cours de visualisation. Une fois cela réalisé, l identifiant du mot-clef est inséré dans le modèle de carte 27

30 via le critère «id_mot» et le centrage de la carte sur le mot-clef se fait automatiquement via le critère «align=center». Comme pour les fichiers des rubriques, d autres paramètres d affichage de la carte peuvent être changés. Le fichier générant les articles a également une autre particularité : il réaffiche les informations relatives aux articles qui ont été saisies par les étudiants dans le back-office. Pour cela, chaque champ défini via le plugin des Champs Extras peut être réappelé par une syntaxe «#******», les étoiles devant être remplacées par le nom du champ. Ces informations peuvent ensuite être présentées de manière plus esthétique en les couplant à du code HTML et CSS. Parmi les champs récupérés, l internaute trouve également la photographie liée à l article : celle-ci est appelée via une boucle sur les documents du site internet, filtrée via l identifiant de l article. Enfin, dernière modification d importance dans ce fichier modèle pour les articles : les photos des autres articles (c est-à-dire des autres fiches) liés au même mot-clef (c est-à-dire au même site de prise de vue) s affichent dans la partie cliente. Dans cette optique, il a fallu créer une structure de boucles complexe pour arriver à nos fins : une première boucle sur les mots-clefs est définie en fonction de l article courant de façon à récupérer le mot-clef lié à cet article ; une seconde boucle est mise en place : elle parcourt tous les articles en fonction du mot-clef précédemment récupéré ; une dernière boucle est insérée, celle-ci permettant de récupérer la photographie liée à l article en cours de lecture et de l insérer dans un portfolio. Ce dernier est configuré de manière à ce que toutes les photos récupérées soient insérées dans le même portfolio, bien qu elles ne concernent pas le même article (ce qui n est pas possible avec la boucle des documents habituelle). Par la même occasion, les titres des articles sont affichés au-dessus des photos correspondantes, avec un lien hypertexte permettant d atteindre ces articles. Cela permet une navigation plus rapide entre des fiches ayant le même site de prise de vue. Le modèle de fichier relatif aux mots-clefs Le fichier servant de modèle aux pages internet des mots-clefs est presque le même que celui des articles, si ce n est que son fonctionnement est encore plus simple! Tout d abord, précisons que dans sa syntaxe actuelle, ce fichier est défini pour tous les mots-clefs de notre site internet, c est-à-dire même pour les mots-clefs qui seraient utilisés à l extérieur de la rubrique réservées à l Observatoire Photographique. La création et l affectation des mots-clefs est donc à manier avec précaution dans ce prototype. Nous avons manqué de temps pour approfondir une piste similaire à celle des articles, en s appuyant sur la syntaxe «mot- ****.html» par exemple. Toutefois, après quelques recherches, nous nous sommes aperçus que ce type de syntaxe n était pas possible pour les mots-clefs. Une autre solution aurait été de filtrer la boucle principale des mots-clefs via une critère sous la forme «id_groupe IN 1,2,3». 28

31 La première réelle différence entre ce modèle de fichier et celui d avant concerne l insertion de la carte Géoportail : elle n est pas faite à l intérieure d une boucle. En effet, dans le contexte du mot-clef, il n est pas nécessaire de récupérer son identifiant à partir de l article en cours de lecture comme précédemment : celui-ci est déjà défini dans le contexte général du fichier. Enfin, la seconde différence concerne les photographies récupérées dans le portfolio. La structure est encore une fois moins complexe que précédemment : il n y a plus besoin d utiliser une boucle sur les mots-clefs pour récupérer les photos puisque l identifiant du motclef est déjà présent dans le contexte de la page internet. Seules deux boucles permettant de parcourir tous les articles liés au mot-clef, puis tous les documents liés à ces derniers sont nécessaires. b. Explication du code relatif aux fichiers du plugin Geoportail Comme nous l avons déjà signalé, nous avons du modifier le code fourni par le plugin Geoportail de façon à faire afficher les mots-clefs géoréférencés sur une carte, et non les articles. Pour remédier à ce problème, deux fichiers ont été créés sur le modèle d autres fichiers issus du plugin Geoportail, tandis qu un autre a seulement été modifié. Création du fichier «geoportail_mots_clefs.html» Ce fichier a pour modèle le fichier d origine du plugin Geoportail nommé «geoportail_articles.html». En effet, la structure de ce dernier nous paraissait adaptée pour ce que nous souhaitions faire : elle permettait d afficher sur une carte Geoportail tous les articles qui ont été géoréférencés dans le back-office. Toutefois, dans notre de cas, il a fallu faire en sorte que ce soit les mots-clefs géoréférencés qui soient affichés sur la carte. Dans cette optique, il était nécessaire d utiliser une autre boucle SPIP que celle utilisée dans le fichier d origine. Cette dernière permettait de récupérer tous les articles du site internet en fonction de divers critères (identifiant de rubrique, d auteur, de secteur, etc.). Dans notre fichier, la boucle utilisée permet de récupérer tous les mots-clefs présents dans le site. A l aide du critère «groupe_mots?» inséré dans la boucle, il est possible de préciser un identifiant de groupe de mots-clefs pour filtrer la recherche : celui-ci est précisé dans le modèle de carte inséré dans les fichiers de rubriques, comme nous l avons vu auparavant. A l intérieur de cette boucle, les coordonnées du mot-clef, ainsi que son logo, sont récupérés pour créer un point sur la carte Geoportail (lequel affiche en fait le logo du mot-clef). Au sein cette boucle, des éléments à insérer dans une future infobulle sont récupérés. Contrairement au fichier d origine qui créait partiellement le code HTML de cette infobulle (l autre partie était générée par le fichier «geoportail.js), le fichier que nous avons élaboré génère le code HTML complet de la future infobulle. Toutes les variables contenant les morceaux de code sont ensuite récupérées par le fichier «geoportail.js», via la structure 29

32 suivante : «feature.attributes.*****». Les étoiles sont ensuite remplacées via un nom de propriété selon ce qui est stocké : logo : stocke le logo du mot-clef dans des proportions prédéfinies ; link : stocke le nom du mot-clef, lequel est le support d un lien hypertexte vers la page internet dédiée au mot-clef ; contenu : stocke toutes les informations relatives aux articles liés au mot-clef en question. Cette variable contient d une part les titres des articles, lesquels sont les supports de liens hypertextes pointant vers ces derniers. S y trouvent d autre part les photos relatives aux articles, ainsi que de courts textes les décrivant. Cette dernière propriété est un peu particulière : elle stocke les informations récupérées sous la forme d un tableau JavaScript. Pour implémenter celui-ci, il a d abord été nécessaire d insérer une seconde boucle à l intérieur de la boucle principale (celle des motsclefs) qui permet de récupérer tous les articles liés au mot-clef parcouru, via un critère «id_mot». Stocker tous les articles via un tableau JavaScript est utile car ils sont tous formatés de la même manière : il est donc possible de pouvoir parcourir rapidement toutes les informations relatives à chaque article. Ce travail avec des tableaux est rendu possible grâce à une incrémentation, représentée par la variable «j». Celle-ci est d abord initialisée à 0 car, pour utiliser la première case du tableau JavaScript, il faut utiliser un indice qui démarre à 0 et non à 1. A la fin de la lecture de chaque article, l incrémentation est effectuée : la lecture et l enregistrement des données de l article suivant sont ainsi faits via l indice supérieur. Les données du premier article sont donc stockées via l indice 0 du tableau JavaScript, les données du second article via l indice 1, les suivantes via l indice 2, etc. Cela peut se poursuivre à l infini : il est ainsi possible d afficher des informations sur des dizaines d articles via cette structure! Cette structure permet une flexibilité très importante pour l évolution future des infobulle, notamment lorsqu il sera nécessaire d afficher des informations supplémentaires relatives aux articles. Prenons l exemple de la date de prise de vue : celle-ci pourrait être récupérée en utilisant la variable «#DATE», puis être affichée via du code HTML. Une fois cela effectué, les infobulles des cartes Geoportail contiendraient alors automatiquement la date de prise de vue! Enfin, précisons qu il existe une troisième boucle intégrée au sein des deux boucles précédentes. En effet, afin de récupérer les photographies liées aux articles, il était nécessaire de parcourir tous les documents de type image à partir d un critère «id_article» sur le modèle des boucles de portfolio. Une fois cette boucle définie, il est possible de récupérer la photographie liée à l article, ainsi que son descriptif. Création du fichier «mot_geoportail.html» Ce fichier est quasiment identique au précédent, même s il présente tout de même quelques différences. Il est à l origine basé sur le fichier «art_geoportail.html» du plugin Geoportail: celui-ci permet d insérer une carte Geoportail affichant un seul article. Le fichier d origine ne permettait toutefois pas l affichage d infobulle. Il nous a donc paru intéressant de 30

33 coupler ce fichier au fichier précédent, le but étant d afficher une carte contenant un seul motclef géoréférencé et qui permettrait l affichage d une infobulle similaire à celle présentée précédemment. En ce qui concerne la structure générale du fichier créé, nous avons repris celui présenté précédemment. Toutefois, il a été nécessaire d ajouter deux nouvelles portions de code, lesquelles permettent de récupérer un mot-clef spécifique et de centrer la carte sur celuici. La première fonctionnalité a été mise en place grâce à une syntaxe particulière : «id_mot=#id». Celle-ci permet de passer un «id_mot» entre deux fichiers HTML : c est un peu l équivalent des méthodes POST et GET en PHP. Cela permet donc au fichier que nous avons créé de récupérer, lorsqu il est appelé, un «id_mot» transmis par d autres fichiers (ceux des modèles d articles et de mots-clefs par exemple). Seules les informations relatives au mot-clef passé en critère sont donc récupérées. Grâce à cette structure, un seul point est affiché sur la carte en fonction des coordonnées et du logo du mot-clef spécifié. La seconde fonctionnalité, qui est le centrage de la carte sur ce mot-clef, se fait via un critère «align=center». Lorsque celui-ci est défini dans un modèle de carte Geoportail, la ligne «map.getmap().setcenteratlonlat(#lon, #LAT);» est utilisée. «#LON» et «#LAT» reprennent respectivement les longitudes et latitudes du mot-clef : la fonction «setcenteratlonlat( )» effectue le centrage sur ces coordonnées. Affichage d un KML dans les cartes Geoportail Dans les deux fichiers précédemment élaborés, quelques lignes ont également été insérées en fin de code. Elles permettent d afficher des fichiers KML sur les cartes Geoportail insérées dans les pages internet. Dans un premier temps, il a fallu enregistrer des fichiers KML dans le back-office, via la rubrique principale de l observatoire. Ces fichiers ont été sauvegardés en tant que documents-joints à la rubrique. Une fois que cela a été effectué, quelques lignes de code ont été élaborées en se basant sur celles présentes dans le fichier «geoportail.html» : celles-ci décrivent comment afficher un KML sur des cartes Geoportail. Dans ces lignes, une boucle parcourt tous les documents du site internet, à condition que ceux-ci soient au format KML. Via la fonction «.adddoc», chaque fichier est inséré dans la carte Geoportail générée. Toutefois, il existe une différence entre les deux fichiers qui ont été présentés cidessus : elle concerne la récupération des informations de centrage et de zoom de la carte. Dans le fichier «mot_geoportail.html», seul le niveau de zoom est récupéré. En effet, le centrage sur l article est fait grâce aux lignes situées dans le même fichier juste avant. Seul le niveau de zoom est défini dans les fichiers d articles et de mots-clefs : la propriété «#ZOOM» permet de récupérer ainsi le niveau de zoom. En ce qui concerne le fichier «geoportail_mots_clefs.html», la récupération des latitudes, longitudes et niveaux de zoom définis dans les fichiers de rubrique doit être effectuée car ceux-ci ne sont pas retrouvés par la boucle parcourant les fichiers KML. Notons que, dans les deux cas, un nouveau script JavaScript a du être ouvert car l insertion de ces lignes de code dans le script principal ne fonctionnait pas. Cela provenait 31

34 sûrement du fait que l ajout des fichiers KML doit normalement se faire sur une carte Geoportail qui doit être définie déjà dans un fichier d articles, de mots-clefs ou de rubriques (via un id_geoportail=0 par exemple). Enfin, précisons qu il est toujours possible d ajouter de nouveaux fichiers KML dans la rubrique principale : ces fichiers s afficheront alors automatiquement dans les cartes Geoportail générées! Modification du fichier JavaScript «geoportail.js» Ce dernier n a été que partiellement modifié : seule la partie concernant la création des infobulles a été changée. En effet, à l origine, cette dernière était configurée de manière à seulement afficher le logo et le titre de l article géoréférencé (avec un lien hypertexte), ainsi que le texte d introduction de ce dernier. Toutefois, ce contenu ne nous convenait pas : nous souhaitions définir une autre organisation pour l infobulle. Nous avons donc modifié le code servant à afficher son contenu. Dans le fichier originel, les différentes parties de l infobulle était récupérées au-fur-età-mesure, et non en une seule fois. Comme nous l avons vu précédemment, ces parties sont contenues dans un tableau JavaScript : via une incrémentation identique à celle utilisée pour le remplissage du tableau, ce tableau est vidé petit-à-petit dans une variable «contenu». Celle-ci est ensuite récupérée en tant que code HTML de l infobulle. 32

35 Conclusion De nos jours, les observatoires photographiques du paysage sont de plus en plus répandus sur internet. Ils constituent un outil qui permet d appréhender de manière visuelle les évolutions temporelles des entités paysagères. A l heure actuelle, il existe différentes manières de mettre en œuvre une application web qui permet de répondre aux besoins inhérents à un observatoire photographique. Il est par exemple possible d utiliser la technologie Flash qui permet de construire une interface soignée et ergonomique mais difficile à mettre en place pour des étudiants non-initiés à l Actionscript 3. L utilisation d un couple moteur/client cartographique est également envisageable : il s agit d une solution très complète, peut-être trop complexe par rapport aux besoins définis par le cahier des charges. Les API cartographiques sont aussi une solution intéressante : elles sont très légères à mettre en place mais elles nécessitent en contrepartie l élaboration d un système d authentification qui peut rapidement s avérer lourd à développer à notre niveau. De ce fait, l utilisation d un CMS participatif tel que SPIP permet de bénéficier d un outil d authentification et d une interface d administration présents par défaut. De plus, un plugin basé sur l API Geoportail est disponible sous SPIP : il nous a permis de gérer la dimension cartographique de l observatoire photographique. A partir de cette association, nous avons pu réaliser un prototype d observatoire démontrant qu il était possible d élaborer un tel système en s appuyant sur des techniques dont ce n était pas le but initial. Toutefois, afin de parvenir à nos fins, nous avons du détourner les outils qui étaient à notre disposition pour les adapter à nos besoins. Cela a été possible en réfléchissant à une architecture pertinente entre rubriques, articles et mots-clefs, ainsi qu en modifiant le code source des fichiers en notre possession. En définitive, nous avons réussi à élaborer un prototype qui a le mérite d être fonctionnel tout en restant simple d utilisation. Toutefois, ce dernier n est pas exempt de défauts, notamment en ce qui concerne l aspect cartographique et photographique de la partie cliente. En effet, les plugins que nous avons utilisés ne permettent pas une personnalisation poussée de ses éléments graphiques. Néanmoins, cela est tout à fait possible par l utilisation de scripts, comme celui de la bibliothèque de fonctions JavaScript jquery présente par défaut dans SPIP. Il est également possible d intégrer des scripts externes au CMS visant notamment à améliorer le système de comparaison photographique qui constitue tout de même l un des enjeux majeurs de l Observatoire Photographique des Paysages de la Garonne. Une autre amélioration envisageable est l implémentation d une fonctionnalité de filtrage spatial, temporel et thématique. Enfin, il serait intéressant d approfondir le concept d infobulles multi-onglets dans l optique de faciliter la prévisualisation des fiches descriptives rédigées par les étudiants. 33

36 Liste des figures Figure 1 : Aperçu de l'observatoire du paysage d'arbois... 7 Figure 2 : Comparaison de photos dans l'observatoire du paysage d'arbois... 7 Figure 3 : Slideshow d'une Visiocarte... 8 Figure 4 : Interface Google Earth intégrée à la Visiocarte... 8 Figure 5 : Observatoire photographique des paysages de la Vanoise Figure 6 : Fiche de comparaison photographique de l'observatoire de la Vanoise Figure 7 : Observatoire photographique de la DIREN de Martinique Figure 8 : Outil de comparaison de l'observatoire de la DIREN de Martinique Figure 9 : Observatoire photographique de la Montagne Noire Figure 10 : Observatoire photographique des paysages du Hainaut Figure 11 : Comparaison des photographies de l'observatoire des paysages du Hainaut Figure 12 : Blocs de menu déplaçables dans l'observatoire photographique du Hainaut Figure 13 : Organisation des rubriques, articles et mots-clefs de notre prototype Figure 14 : Organisation des rubriques et sous-rubriques dans le back-office du prototype.. 22 Figure 15 : Configuration du plugin Geoportail et interface de la saisie de points Figure 16 : Configuration de la Mediabox Figure 17 : Configuration du plugin de formulaire Champs Extras Figure 18 : Configuration des autorisations Figure 19 : Plan des appels de fichiers

37 Annexe 1 : Exemple de fiche à saisir dans le back-office OBSERVATOIRE PHOTOGRAPHIQUE DU PAYSAGE SITE - COMMUNE(S) DATE HEURE Carbonne - La Trille 20/05/10 12h IDENTIFICATION DE LA ZONE REFERENCE CARTE Cazères - n 2045 O Echelle 1/25000 LATITUDE / LONGITUDE 43 17'11.12"N / 1 14'4.51"E CONDITIONS METEOROLOGIQUES OBSERVATIONS Ciel clair sans nuage ALTITUDE 288m Photo prise du bord du terrefort. Vue sur l'ensemble du méandre de Carbonne. Accès depuis le chemin du lieu-dit Bourg, partant de la D25c au niveau du lieu-dit Madale. Le chemin, d'abord goudronné pour les riverains, devient un chemin de terre et de cailloux sur une descente d'environ 40 mètres d'altitude et sur une distance d'environ 500m, pour parvenir au point de vue. Disparition des parcelles cultivées pour faire place à l'aménagement de la ville et à la végétation. I

38 DATES ET PHOTOS Début XXe Début XXIe (mai 2010) II

39 Annexe 2 : Plan des appels de fichiers III

40 Annexe 3 : Plugins visuels pour la photo-comparaison L une des principales fonctionnalités d un observatoire photographique est de pouvoir comparer plusieurs photographies ayant trait à un même site afin d appréhender son évolution dans le temps. Notre prototype permet de gérer cela au moyen du plugin SPIP MediaBox que nous avons installé. Cependant, il s agit d un outil basique qui permet uniquement de faire défiler les photographies une à une. Afin d enrichir ce système, nous avons retenus deux plugins codés en Javascript qui se basent respectivement sur la bibliothèque de fonction jquery et jsapi : Before & After et Polaroid. Le plugin Before & After permet à l utilisateur de réaliser une comparaison de deux photographies de manière interactive au moyen d un système de poignée amovible (voir image ci-dessous). Il est également possible d afficher en un clic l une des deux photographies dans son format initial. Ce plugin s exécute de manière relativement simple. Il convient au préalable de configurer le script principal jquery.beforeafter.js en définissant le dossier où se situent les images à comparer ainsi que le gif correspondant à la poignée amovible (voir image ci-dessous). Attention, l ensemble des images et gif doivent impérativement se situés dans le même dossier. IV

41 Après avoir pointé les différents scripts Javascript nécessaires (jquery, jquery-ui et beforeafter), il convient d appeler la fonction principale nommé beforeafter() qui s applique à une variable conteneur (voir ci-après). Ce conteneur est définie dans le code de la page (X)HMTL sous la forme d une division (balise <div>), laquelle intègre les deux images à comparer. Même si cela semble évident, il convient de préciser que les deux images doivent obligatoirement être définies selon une même hauteur et une même largeur. Notons pour terminer qu il serait intéressant d associer à ce plugin un système de menu filtrant qui permettrait de choisir les photographies à comparer lorsqu un site comporte plus de deux prises de vue. Le plugin Polaroid simule une planche de travail qui permet à l utilisateur de comparer de manière interactive (système de drag) l ensemble des photographies qui ont trait à un site de prise de vue (voir image ci-dessous). V

42 Ce plugin fonctionne également de manière simple. Il suffit pour le faire fonctionner d appeler les scripts Javascript adéquats (jsapi et script) et d associer chacune des photographies à la classe «polaroid». Cette classe est liée à un fichier CSS qui organise la mise en forme de la planche de travail (voir ci-après). VI

43 Annexe 4 : Détails des codes sources expliqués dans la troisième partie du rapport Code source du fichier «rubrique=10.html» (Garonne montagnarde) VII

44 Code source du fichier «article-7.html» VIII

45 Code source du fichier «mot.html» IX

46 Code source du fichier «geoportail_mots_clefs.html» X

47 Code source du fichier «mot_geoportail.html» XI

48 Script permettant l'affichage de fichiers KML sur les cartes Geoportail XII

49 Code source du fichier «geoportail.js» XIII

50 Annexe 5 : Détail du code source de la page d accueil Afin de rendre notre prototype plus accueillant, nous avons décidé de changer la page d accueil de notre site internet. En effet, par défaut, celle-ci affichait une liste des dernières fiches parues sur le site. Nous avons donc décidé de changer le code de cette page dans le but que celle-ci affiche une image aléatoire, qui se changerait donc à chaque chargement (voir la capture d écran ci-dessous). Pour cela, nous avons modifié un fichier qui s appelle «page-sommaire.html». Nous avons créé une division qui accueille l image générée aléatoirement. Celle-ci est récupérée via une boucle sur tous les articles présents dans la rubrique de l observatoire photographique, en filtrant par l identifiant de secteur de cette rubrique. Les critères «par hasard» et «0,1» permettent respectivement de choisir un article au hasard, puis de sélectionner seulement cet article. La boucle s arrête donc automatiquement dès qu un premier article est sélectionné. Suite à cela, une seconde boucle est effectuée : elle permet de récupérer l image qui est liée à l article choisi en insérant le critère «id_article». Nous avons également choisi de faire afficher le titre de l article sous la photo. Celui-ci, ainsi que la photo elle-même, sont le support d un lien hypertexte permettant d accéder directement à la fiche de l article affiché en page d accueil. XIV

51 Annexe 6 : Guide d utilisation pour la saisie d informations Ce guide-utilisateur sert à montrer comment les utilisateurs doivent utiliser le prototype que nous avons mis en place pour saisir des fiches. Au préalable, l administrateur aura du créer un compte «auteur» pour qu un étudiant puisse accéder au back-office et rédiger des articles. 1. L utilisateur se connecte avec son login et son mot de passe. 2. Cliquer sur «écrire un nouvel article». XV

52 3. L utilisateur saisit le titre de son article sous la forme «nom de la commune description de la vue date de la photo». 4. Il choisit ensuite la rubrique à laquelle se rattache son article Enfin, il saisit les informations dans le formulaire de l article les champs affichés en gras étant obligatoire à saisir L utilisateur choisit ensuite la photo qui concerne sa fiche. Pour cela, il devra d abord joindre un document à partir de l interface prévu à cet effet Une fois la photo enregistrée, il doit saisir le titre de la photo, ainsi qu un court texte la décrivant. Ne pas oublier de cliquer sur le bouton enregistrer!. XVI

53 8. L utilisateur a ensuite deux choix : - soit il choisit un mot-clef déjà existant : dans ce cas, il doit se rendre directement au point numéro 14 de ce tutoriel ; - soit il doit créer un mot-clef si le site de prise de vue concerné par sa fiche n existe pas encore. OU U O L utilisateur saisit le titre du mot-clef sous la forme «nom de la commune descriptif précis du site de prise de vue». 10. Il choisit ensuite le groupe de motsclefs relatifs à son site de prise de vue Il saisit un court descriptif du mot-clef, ainsi que l angle de la prise de vue des futures photos. XVII

54 12. L utilisateur doit encore définir l image symbolisant l angle de prise de vue, ainsi que les coordonnées de ce lieu. Pour accéder à cette interface, il doit cliquer sur la petite clef dans le bloc «mots-clés». 13. L utilisateur peut maintenant géoréférencer le site de prise de vue, ainsi que choisir une image sur son disque dur représentant l angle de prise de vue. 14. Une fois le mot-clef créé et/ou assigné à l article en cours de rédaction, ce dernier doit être proposé à l évaluation par l étudiant. Une fois l article proposé à l évaluation, un des administrateurs du back-office doit le valider. Celui-ci a également la possibilité de supprimer cet article ou de le renvoyer à l auteur afin que ce dernier puisse le modifier si nécessaire. Une fois la validation effective, la fiche devient automatiquement visible dans la partie cliente à l adresse suivante : XVIII

Manuel d utilisation du site web de l ONRN

Manuel d utilisation du site web de l ONRN Manuel d utilisation du site web de l ONRN Introduction Le but premier de ce document est d expliquer comment contribuer sur le site ONRN. Le site ONRN est un site dont le contenu est géré par un outil

Plus en détail

Développer des Applications Internet Riches (RIA) avec les API d ArcGIS Server. Sébastien Boutard Thomas David

Développer des Applications Internet Riches (RIA) avec les API d ArcGIS Server. Sébastien Boutard Thomas David Développer des Applications Internet Riches (RIA) avec les API d ArcGIS Server Sébastien Boutard Thomas David Le plan de la présentation Petit retour sur les environnements de développement ArcGIS Server

Plus en détail

Site web établissement sous Drupal

Site web établissement sous Drupal Site web établissement sous Drupal Etat Date Rédacteur Version Création 12/12/2013 C. Vilport Pôle Web DASI 1.0 Modification 04/02/2014 C. Vilport Pôle Web DASI 1.1 Diffusion aux 06/02/2014 C. Vilport

Plus en détail

DU PATRIMOINE AU TERRITOIRE

DU PATRIMOINE AU TERRITOIRE CONSEIL D ARCHITECTURE D URBANISME ET DE L ENVIRONNEMENT DES BOUCHES-DU-RHÔNE DU PATRIMOINE AU TERRITOIRE Site internet CAHIER DES CHARGES 1 Table des matières 1 Table des matières...2 2 Présentation du

Plus en détail

Rapport de stage. Création d un site web. Stage du 20/01/2013 au 21/02/2013

Rapport de stage. Création d un site web. Stage du 20/01/2013 au 21/02/2013 Rapport de stage Création d un site web Stage du 20/01/2013 au 21/02/2013 Auteur : Antoine Luczak Tuteur professionnel : M. Tison Tuteur scolaire : Mme Girondon Année scolaire : 2013/2014 1 Table des matières

Plus en détail

... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE

... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE @... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE Office de Tourisme Lesneven - Côte des Légendes 12 boulevard des Frères Lumière - BP 48 29260 LESNEVEN

Plus en détail

L espace de travail de Photoshop

L espace de travail de Photoshop L espace de travail de Photoshop 1 Au cours de cette leçon, vous apprendrez à : ouvrir les fichiers Photoshop ; sélectionner et employer certains des outils dans le panneau Outils ; définir les options

Plus en détail

De EnvOLE 1.5 à EnvOLE 2. Document pour l administrateur

De EnvOLE 1.5 à EnvOLE 2. Document pour l administrateur De EnvOLE 1.5 à EnvOLE 2 Document pour l administrateur 1 INDEX 1/ Introduction :... 3 2/ Contenu du CEL 2.0 à l issue de la migration... 4 Votre CEL est-il migré?... 4 Accès aux deux versions du CEL...

Plus en détail

Banque de données d offres & carte web interactive d offres

Banque de données d offres & carte web interactive d offres Réseau des parcs suisses Monbijoustrasse 61, 3007 Bern Tel. +41 31 381 10 71; info@paerke.ch; www.paerke.ch Banque de données d offres: a.jordan@paerke.ch Carte web interactive: t.estermann@paerke.ch Feuille

Plus en détail

Cartographie et SIG interactifs en ligne Séance 1 : Présentation générale du webmapping : principe et techniques

Cartographie et SIG interactifs en ligne Séance 1 : Présentation générale du webmapping : principe et techniques Département de Géographie, UT2J M2 Sigma : Module 351_33 Laurent Jégou 7 nov 2014 jegou@univ-tlse2.fr Cartographie et SIG interactifs en ligne Séance 1 : Présentation générale du webmapping : principe

Plus en détail

ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A.

ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A. ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A. - 1 - PREAMBULE Les conditions générales d utilisation détaillant l ensemble des dispositions applicables

Plus en détail

Installer Joomla. 2013 Pearson France Joomla! Le guide officiel Jennifer Marriott, Elin Waring

Installer Joomla. 2013 Pearson France Joomla! Le guide officiel Jennifer Marriott, Elin Waring 3 Installer Joomla Dans ce chapitre, nous procéderons au téléchargement et à l installation manuelle de Joomla, et nous expliquerons la configuration de base. Les captures d écran et les instructions font

Plus en détail

Formation. Module WEB 4.1. Support de cours

Formation. Module WEB 4.1. Support de cours Formation Module WEB 4.1 Support de cours Rédacteur Date de rédaction F.CHEA 08/02/2012 Les informations contenues dans ce document pourront faire l'objet de modifications sans préavis Sauf mention contraire,

Plus en détail

Soyez accessible. Manuel d utilisation du CMS

Soyez accessible. Manuel d utilisation du CMS Soyez accessible. Manuel d utilisation du CMS Nameo : mode d emploi Nameo est une agence web basée en Alsace, à Strasbourg. Son champ d action : création ou refonte de sites internet, stratégie et mise

Plus en détail

Optimiser pour les appareils mobiles

Optimiser pour les appareils mobiles chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...

Plus en détail

Convention sur la conservation des espèces migratrices appartenant à la faune sauvage

Convention sur la conservation des espèces migratrices appartenant à la faune sauvage Convention sur la conservation des espèces migratrices appartenant à la faune sauvage Guide d utilisation du Système de rapport en ligne de la CMS Préparé par le Secrétariat de la Convention sur la conservation

Plus en détail

Modules Multimédia PAO (Adobe)

Modules Multimédia PAO (Adobe) Modules Multimédia PAO (Adobe) Pré-requis : Bonne maîtrise de la manipulation d'un PC (environnement Windows ou Mac) et de la navigation Internet. Disposition pour le graphisme recommandée. Mémoire visuelle,

Plus en détail

JAHIA 6. Création et modification de sites web UniNE

JAHIA 6. Création et modification de sites web UniNE JAHIA 6 Création et modification de sites web UniNE Janvier 2012 TABLE DES MATIÈRES 1 MODIFIER UN SITE : PRINCIPES DE BASE... 1 1.1 ADMINISTRATEUR DU SITE... 1 1.2 LOGIN (AUTHENTIFICATION)... 1 2 LES

Plus en détail

les techniques d'extraction, les formulaires et intégration dans un site WEB

les techniques d'extraction, les formulaires et intégration dans un site WEB les techniques d'extraction, les formulaires et intégration dans un site WEB Edyta Bellouni MSHS-T, UMS838 Plan L extraction des données pour un site en ligne Architecture et techniques Les différents

Plus en détail

FLEX 3. Applications Internet riches avec Flash ActionScript 3, MXML et Flex Builder. Aurélien Vannieuwenhuyze

FLEX 3. Applications Internet riches avec Flash ActionScript 3, MXML et Flex Builder. Aurélien Vannieuwenhuyze Programmation FLEX 3 Applications Internet riches avec Flash ActionScript 3, MXML et Flex Builder Aurélien Vannieuwenhuyze Avec la contribution de Romain Pouclet Groupe Eyrolles, 2009, ISBN : 978-2-212-12387-6

Plus en détail

Syfadis. > Configuration du poste client. Nous vous aidons à réussir. REFERENCE : Syfadis LMS - 20/06/2007. AUTEUR : Equipe technique Syfadis

Syfadis. > Configuration du poste client. Nous vous aidons à réussir. REFERENCE : Syfadis LMS - 20/06/2007. AUTEUR : Equipe technique Syfadis Syfadis Nous vous aidons à réussir > Configuration du poste client REFERENCE : Syfadis LMS - 20/06/2007 AUTEUR : Equipe technique Syfadis Ce document est la propriété de Syfadis. Il ne peut être communiqué

Plus en détail

Projet en nouvelles technologies de l information et de la communication

Projet en nouvelles technologies de l information et de la communication Projet en nouvelles technologies de l information et de la communication Site Web universitaire du Prof. Jacques Moeschler. Nono Steeve Semestre de printemps 2013 Sous la direction du Prof Luka Nerima

Plus en détail

Animation numérique. de territoire. Créer son site Internet avec un outil gratuit. Mardi 4 novembre 2014. Cédric ARNAULT OT Lourdes

Animation numérique. de territoire. Créer son site Internet avec un outil gratuit. Mardi 4 novembre 2014. Cédric ARNAULT OT Lourdes Créer son site Internet avec un outil gratuit Mardi 4 novembre 2014 Cédric ARNAULT OT Lourdes Présentation de la journée - Créer un site Internet : Pourquoi? Pour qui? Comment? - - Aller plus loin avec

Plus en détail

Un site Web performant p 3. Les moteurs de la réussite p 4

Un site Web performant p 3. Les moteurs de la réussite p 4 Un site Web performant p 3 Les moteurs de la réussite p 4 Fonctionnalités (en bref) p 5 Fonctionnalités (petit zoom sur les rubriques) p 6 Démo p 8-2 - Avec la FCGA, c est facile La Fédération vous propose

Plus en détail

SITE I NTERNET. Conception d un site Web

SITE I NTERNET. Conception d un site Web SITE I NTERNET Conception d un site Web Conception de votre site Web Préambule Ce document a pour but de donner une méthode de travail afin de réaliser dans les meilleures conditions un site internet.

Plus en détail

Introduction aux concepts d ez Publish

Introduction aux concepts d ez Publish Introduction aux concepts d ez Publish Tutoriel rédigé par Bergfrid Skaara. Traduit de l Anglais par Benjamin Lemoine Mercredi 30 Janvier 2008 Sommaire Concepts d ez Publish... 3 Système de Gestion de

Plus en détail

ERGONOMIE ET OPTIMISATION DU TAUX DE CONVERSION D UN SITE INTERNET Partie 1/2

ERGONOMIE ET OPTIMISATION DU TAUX DE CONVERSION D UN SITE INTERNET Partie 1/2 Lorraine ERGONOMIE ET OPTIMISATION DU TAUX DE CONVERSION D UN SITE INTERNET Partie 1/2 Attirer des visiteurs sur un site internet, c est bien ; les transformer en clients, c est mieux! Cette phrase semble

Plus en détail

Support de TD ArcGIS 10.1. Introduction à l automatisation et au développement avec ArcGIS 10.1 JEAN-MARC GILLIOT 2014-2015. 3 e année ingénieur

Support de TD ArcGIS 10.1. Introduction à l automatisation et au développement avec ArcGIS 10.1 JEAN-MARC GILLIOT 2014-2015. 3 e année ingénieur JEAN-MARC GILLIOT 2014-2015 Durée 1,5 heures Introduction à l automatisation et au développement avec ArcGIS 10.1 3 e année ingénieur Support de TD ArcGIS 10.1 Grande école européenne d'ingénieurs et de

Plus en détail

Chapitre 22 Optimisation pour diffusion à l'écran, pour le web

Chapitre 22 Optimisation pour diffusion à l'écran, pour le web 1 1 9 9 7 7 Optimisation pour diffusion à l'écran, pour le web Diffusion pour le web........................ 31 Les paramètres avant l exportation................. 31 Optimisation pour le web......................

Plus en détail

Documentation RBS Change E-Commerce Core

Documentation RBS Change E-Commerce Core Documentation RBS Change E-Commerce Core 10 septembre 2010 2 Table des matières 1 Introduction à RBS Change 7 1.1 Concepts généraux................................... 7 1.1.1 Qu est-ce qu un module RBS

Plus en détail

Pierre Racine Professionnel de recherche Centre d étude de la forêt Département des sciences du bois et de la forêt, Université Laval, Québec

Pierre Racine Professionnel de recherche Centre d étude de la forêt Département des sciences du bois et de la forêt, Université Laval, Québec Pierre Racine Professionnel de recherche Centre d étude de la forêt Département des sciences du bois et de la forêt, Université Laval, Québec Production d un site web = CMS Il n y a plus besoin aujourd

Plus en détail

Solution informatique pour l accueil, le suivi et l accompagnement de l usager. DOCUMENT DE FORMATION «Volet administratif»

Solution informatique pour l accueil, le suivi et l accompagnement de l usager. DOCUMENT DE FORMATION «Volet administratif» D o ssi er de l a P er so n n e A c cu ei l l i e / A c co m p a g né e, d e l usa g er Solution informatique pour l accueil, le suivi et l accompagnement de l usager. DOCUMENT DE FORMATION «Volet administratif»

Plus en détail

PARAMETRER INTERNET EXPLORER 9

PARAMETRER INTERNET EXPLORER 9 PARAMETRER INTERNET EXPLORER 9 Résumé Ce document vous donne la marche à suivre pour paramétrer Microsoft Internet Explorer 9, notamment en vous indiquant comment lancer Internet Explorer 9, réinitialiser

Plus en détail

Créer un site WordPress

Créer un site WordPress Utilisation pédagogique d une solution de gestion de contenu Créer un site WordPress Portfolio, Blog, plateforme,... Les blogs et les plateformes d enseignants sont un moyen de poursuivre la relation élèveenseignant

Plus en détail

CAHIER DES CLAUSES TECHNIQUES PARTICULIERES

CAHIER DES CLAUSES TECHNIQUES PARTICULIERES DC-SICA 10.1204 CAHIER DES CLAUSES TECHNIQUES PARTICULIERES Développement et hébergement d un site Internet cartographique sur les points de captage et les périmètres de protection Glossaire API Application

Plus en détail

Access 2007 FF Access FR FR Base

Access 2007 FF Access FR FR Base ACCESS Basic Albertlaan 88 Avenue Albert Brussel B-1190 Bruxelles T +32 2 340 05 70 F +32 2 340 05 75 E-mail info@keyjob-training.com Website www.keyjob-training.com BTW TVA BE 0425 439 228 Access 2007

Plus en détail

Référencement et visibilité sur Internet Comment améliorer la visibilité de son site internet sur les principaux moteurs de recherche?

Référencement et visibilité sur Internet Comment améliorer la visibilité de son site internet sur les principaux moteurs de recherche? 9 Référencement et visibilité sur Internet Comment améliorer la visibilité de son site internet sur les principaux moteurs de recherche? Le trafic d un site internet Le référencement naturel Les freins

Plus en détail

Groupe Eyrolles, 2003, ISBN : 2-212-11317-X

Groupe Eyrolles, 2003, ISBN : 2-212-11317-X Groupe Eyrolles, 2003, ISBN : 2-212-11317-X 3 Création de pages dynamiques courantes Dans le chapitre précédent, nous avons installé et configuré tous les éléments indispensables à la mise en œuvre d une

Plus en détail

www.imprimermonlivre.com

www.imprimermonlivre.com 0 www.imprimermonlivre.com Composition d une couverture avec Word L objectif de ce guide est de vous proposer un mode opératoire pour créer une couverture avec Word. Nous vous rappelons toutefois que Word

Plus en détail

Les applications webmapping en opensource. 1 Christophe Adriaensen

Les applications webmapping en opensource. 1 Christophe Adriaensen Les applications webmapping en opensource 1 Christophe Adriaensen Sommaire Présentation de GIM Architecture Webmapping opensource: schéma général Architecture Webmapping opensource: description des composants

Plus en détail

SOMMAIRE 1 INTRODUCTION 3 2 CONTACTER VOTRE SUPPORT 3 3 ESPACE DE GESTION DES CARTES 4 4 CONFIGURER UNE CARTE 5

SOMMAIRE 1 INTRODUCTION 3 2 CONTACTER VOTRE SUPPORT 3 3 ESPACE DE GESTION DES CARTES 4 4 CONFIGURER UNE CARTE 5 SOMMAIRE 1 INTRODUCTION 3 2 CONTACTER VOTRE SUPPORT 3 3 ESPACE DE GESTION DES CARTES 4 4 CONFIGURER UNE CARTE 5 4.1 Ajouter une carte 5 4.1.1 Détails : nom, taille, marqueur 5 4.1.2 Ajout d un marqueur

Plus en détail

Perspectives en matière de portails géographiques et de 3D

Perspectives en matière de portails géographiques et de 3D Perspectives en matière de portails géographiques et de 3D version du Géoportail de l IGN Aurélien Barbier-Accary (Atos Worldline) et Frédéric Rouas (Diginext) Un groupement d expertises Depuis 2006 et

Plus en détail

WEB & DÉVELOPPEMENT LES BASES DU WEB LE LANGAGE HTML FEUILLES DE STYLES CSS HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES

WEB & DÉVELOPPEMENT LES BASES DU WEB LE LANGAGE HTML FEUILLES DE STYLES CSS HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES WEB & DÉVELOPPEMENT LES BASES DU WEB HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES LE LANGAGE HTML STRUCTURE D UNE PAGE En-tête et corps Syntaxe INSÉRER DES CONTENUS Texte : formatage (titre,

Plus en détail

Guide d utilisation OGGI. Gestionnaire d incidents à l usage des clients. Date de rédaction : 04/02/2013. Version : 1.0.

Guide d utilisation OGGI. Gestionnaire d incidents à l usage des clients. Date de rédaction : 04/02/2013. Version : 1.0. Guide d utilisation OGGI Gestionnaire d incidents à l usage des clients Date de rédaction : 04/02/2013 Version : 1.0 Groupe Archimed Sommaire 1 PREAMBULE 3 1.1 Objectif du document... 3 1.2 Public cible...

Plus en détail

Déploiement d application Silverlight

Déploiement d application Silverlight Déploiement d application Silverlight Thibault Laurens Bastien Chauvin 2 Déploiement d'application Silverlight 17/06/09 Sommaire 1 Introduction... 3 2 Intégrer une application à une page Web... 4 3 Les

Plus en détail

Notes pour l utilisation d Expression Web

Notes pour l utilisation d Expression Web EICW Formation Webmaster Notes pour l utilisation d Expression Web G. Barmarin 2008-2009 1 /21 Table des matières 1 Introduction... 3 2 Installer Expression Web... 4 3 Explorer et personnaliser l interface

Plus en détail

Université de Toulouse-Le Mirail janvier 2012 Département de Géographie-Aménagement-Environnement Laurent Jégou

Université de Toulouse-Le Mirail janvier 2012 Département de Géographie-Aménagement-Environnement Laurent Jégou Université de Toulouse-Le Mirail janvier 2012 Département de Géographie-Aménagement-Environnement Laurent Jégou M2 Sigma Module U50_B33 Le WebMapping côté client : les API et bibliothèques Javascript Positionnement

Plus en détail

ASTER et ses modules

ASTER et ses modules ASTER et ses modules Sommaire Caractéristiques du site internet Rubriques et pages... page 3 Actualités... page 3 Agenda... page 4 Sons... page 4 Documents à télécharger... page 4 Liens... page 4 Albums

Plus en détail

Des outils numériques simples et conviviaux!

Des outils numériques simples et conviviaux! Des outils numériques simples et conviviaux! 1 La clé USB en bref La clé USB vous permet : n De projeter, avec ou sans tableau blanc interactif (TBI), les pages du livre numérique. n De naviguer facilement

Plus en détail

Guide utilisateur des services WASATIS (Manuel Version 1.1)

Guide utilisateur des services WASATIS (Manuel Version 1.1) Guide utilisateur des services WASATIS (Manuel Version 1.1) Bienvenue dans le monde de la vidéotranquillité de Wasatis, nous vous remercions de votre confiance. Préambule Wasatis est aujourd hui la société

Plus en détail

Plateforme takouine: Guide de l apprenant

Plateforme takouine: Guide de l apprenant Plateforme takouine: Guide de l apprenant - - Juillet 2012 - Sommaire Introduction :...3 Objectif :...3 Moodle :...3 Prérequis :...4 Matériel :...4 Logiciel :...4 Réglages préalables :...4 JavaScript :...4

Plus en détail

Publication dans le Back Office

Publication dans le Back Office Site Web de l association des ingénieurs INSA de Lyon Publication dans le Back Office Note : dans ce guide, l'appellation GI signifie Groupe d'intérêt, et GR Groupe Régional laure Buisset Page 1 17/09/2008

Plus en détail

LES TABLETTES : EN PRATIQUE

LES TABLETTES : EN PRATIQUE Installer une application LES TABLETTES : EN PRATIQUE Lorsque vous achetez une tablette, des applications sont déjà installées. En général, vous trouverez de quoi surfer sur Internet, écouter de la musique,

Plus en détail

Module 1 : Tableau de bord Excel * 2010 incl.*

Module 1 : Tableau de bord Excel * 2010 incl.* Module 1 : Tableau de bord Excel * 2010 incl.* 1.0 Introduction Excel nous aide à mieux comprendre les données en les plaçant dans des cellules (réparties en lignes et en colonnes) et au moyen de formules

Plus en détail

Crédits photos Philippe Montigny, Christophe Lepetit, Pascal Bourguignon, Julien-René Jacque, Cédric Hesly.

Crédits photos Philippe Montigny, Christophe Lepetit, Pascal Bourguignon, Julien-René Jacque, Cédric Hesly. Mentions légales Le site www.sofiproteol.com est la propriété de SOFIPROTEOL SA SOFIPROTEOL SA Société Anonyme au capital de 212.087.000 euros 804 808 095 RCS PARIS SIRET : 804 808 095 00017 CODE APE (en

Plus en détail

Présentation Colibrix

Présentation Colibrix Présentation Colibrix Cartographie dans le Tourisme Les Pratiques de l Internaute V1.0 Journée Technique MOPA, Saint Maixant, 7 décembre 2006 Colibrix et le tourisme Colibrix a lancé le projet Luxor :

Plus en détail

CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING

CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING Durée : 3J / 21H Formateur : Consultant expert en PAO et Web-marketing. Groupe de : 4 max Formation au web marketing Objectifs : Mettre en oeuvre des

Plus en détail

Logiciel ArpentGIS-PC Guide de l utilisateur

Logiciel ArpentGIS-PC Guide de l utilisateur D3E Electronique Logiciel ArpentGIS-PC Guide de l utilisateur D3E Electronique SA 2003-2008 D3E ELECTRONIQUE Parc du Grand Troyes 3 Rond-point Winston Churchill 10302 SAINTESAVINE Cedex Email : support@arpentgis.com

Plus en détail

Créer un compte itunes Store

Créer un compte itunes Store P r o f i t e r d I n t e r n e t A t e l i e r 0 9 Créer un compte itunes Store en 4 étapes L ipad est un ordinateur aux nombreuses capacités dès la sortie du carton mais ses capacités ne sont rien face

Plus en détail

CONTACT EXPRESS 2011 ASPIRATEUR D EMAILS

CONTACT EXPRESS 2011 ASPIRATEUR D EMAILS CONTACT EXPRESS 2011 ASPIRATEUR D EMAILS MANUEL D UTILISATION Logiciel édité par la société I. PREAMBULE a) Avant propos... 3 b) Support... 3 c) Interface d accueil... 4 à 5 d) Interface de Recherche...

Plus en détail

Nom de l application

Nom de l application Ministère de l Enseignement Supérieur et de la Recherche Scientifique Direction Générale des Etudes Technologiques Institut Supérieur des Etudes Technologiques de Gafsa Département Technologies de l Informatique

Plus en détail

Guide d utilisation IPAB-ASSOCIATION v5.0 GUIDE D UTILISATION. à destination des associations et organismes sans but lucratif.

Guide d utilisation IPAB-ASSOCIATION v5.0 GUIDE D UTILISATION. à destination des associations et organismes sans but lucratif. GUIDE D UTILISATION à destination des associations et organismes sans but lucratif Page 1 Table des matières I. Activation du compte Ipab-Association et première connexion... 4 1. L email d activation...

Plus en détail

Dans cette Unité, nous allons examiner

Dans cette Unité, nous allons examiner 13.0 Introduction Dans cette Unité, nous allons examiner les fonctionnements internes d une des plateformes de publication web les plus largement utilisées de nos jours sur l Internet, WordPress. C est

Plus en détail

Spip 2. Premiers pas pour créer son site web. Anne-Laure Quatravaux Dominique Quatravaux. Avec la contribution de Sandrine Burriel

Spip 2. Premiers pas pour créer son site web. Anne-Laure Quatravaux Dominique Quatravaux. Avec la contribution de Sandrine Burriel Anne-Laure Quatravaux Dominique Quatravaux Spip 2 Premiers pas pour créer son site web Avec la contribution de Sandrine Burriel Groupe Eyrolles, 2009, ISBN : 978-2-212-12502-3 Pourquoi choisir Spip? Vous

Plus en détail

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. 1 Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. Voici un mode opératoire qui vous guidera dans l utilisation de

Plus en détail

Formation Webmaster : Création de site Web Initiation + Approfondissement

Formation Webmaster : Création de site Web Initiation + Approfondissement Contactez notre équipe commerciale au 09.72.37.73.73 Aix en Provence - Bordeaux - Bruxelles - Geneve - Lille - Luxembourg - Lyon - Montpellier - Nantes - Nice - Paris - Rennes - Strasbourg - Toulouse Formation

Plus en détail

Bureautique Initiation Excel-Powerpoint

Bureautique Initiation Excel-Powerpoint Module de Formation Personnalisée : Bureautique Initiation Excel-Powerpoint Durée : jours ouvrables Prix : Formation personnalisée en vue d obtenir les notions de base indispensables pour : Excel Office

Plus en détail

CREG : http://www.creg.ac- versailles.fr/spip.php?article803

CREG : http://www.creg.ac- versailles.fr/spip.php?article803 OUTILS NUMERIQUES Édu-Sondage : concevoir une enquête en ligne Rédacteur : Olivier Mondet Bla. 1 Présentation Parmi les pépites que contient l Édu-Portail, l application Édu-Sondage est l une des plus

Plus en détail

Un site web collaboratif avec Drupal. Judith Hannoun - Journées INSHS 16 Octobre 2012

Un site web collaboratif avec Drupal. Judith Hannoun - Journées INSHS 16 Octobre 2012 Un site web collaboratif avec Drupal Judith Hannoun - Journées INSHS 16 Octobre 2012 Site web Ensemble de pages en html Des liens hypertextes Une base de données si site dynamique Une interface graphique

Plus en détail

Utilisation de Sarbacane 3 Sarbacane Software

Utilisation de Sarbacane 3 Sarbacane Software Tutorial par Anthony Da Cruz Utilisation de Sarbacane 3 Sarbacane Software Ambiance Soleil 17 Rue Royale 74000, Annecy Sommaire 1. Présentation générale 2. Guide étape par étape 3. Astuces de l éditeur

Plus en détail

Service On Line : Gestion des Incidents

Service On Line : Gestion des Incidents Service On Line : Gestion des Incidents Guide de l utilisateur VCSTIMELESS Support Client Octobre 07 Préface Le document SoL Guide de l utilisateur explique comment utiliser l application SoL implémentée

Plus en détail

Comité départemental du tourisme de Haute Bretagne Ille et Vilaine

Comité départemental du tourisme de Haute Bretagne Ille et Vilaine Comité départemental du tourisme de Haute Bretagne Ille et Vilaine Newsletters : Benchmark & Recommandations RESCAN Christophe crescan@mediaveille.com 02.99.14.80.93 1. Graphisme / Ergonomie Soignez la

Plus en détail

MANUEL D UTILISATION LIVRET DE L ENSEIGNANT

MANUEL D UTILISATION LIVRET DE L ENSEIGNANT MANUEL D UTILISATION LIVRET DE L ENSEIGNANT Septembre 2007 Le contenu de ce manuel est susceptible d évoluer en fonction des adaptations apportées à l application CORRELYCE. La version actualisée de ce

Plus en détail

Le CMS Content Manager

Le CMS Content Manager Le Avec Content Manager, prenez le contrôle de votre site web! Version 3.12 / 2010 Content Manager est un système de gestion de contenus (CMS), qui vous permet de gérer des sites web hautement personnalisés.

Plus en détail

Agence Web innovatrice

Agence Web innovatrice QUI SOMMES NOUS? 02 n o v a t i s La théorie c est quand on comprend tout et que rien ne marche La pratique c est quand tout marche mais on ne sait pas pourquoi! Chez Novatis, nous avons réussi les deux...

Plus en détail

Guide de l utilisateur. Faites connaissance avec la nouvelle plateforme interactive de

Guide de l utilisateur. Faites connaissance avec la nouvelle plateforme interactive de Guide de l utilisateur Faites connaissance avec la nouvelle plateforme interactive de Chenelière Éducation est fière de vous présenter sa nouvelle plateforme i+ Interactif. Conçue selon vos besoins, notre

Plus en détail

PREMIERE UTILISATION D IS-LOG

PREMIERE UTILISATION D IS-LOG PREMIERE UTILISATION D IS-LOG Is-LOG est un logiciel d identification et d authentification à un ordinateur qui se substitue à la saisie du couple «Login / mot passe» par la présentation au lecteur de

Plus en détail

Sommaire. Images Actives Logiciel libre développé par le CRDP de l académie de Versailles 2 Rue Pierre Bourdan Marly le Roi - 78160

Sommaire. Images Actives Logiciel libre développé par le CRDP de l académie de Versailles 2 Rue Pierre Bourdan Marly le Roi - 78160 Sommaire Choisir son image... 2 Enregistrer son travail... 3 Créer les détails... 4 Supprimer une zone ou un détail... 6 Les commentaires... 6 Créer un lien hypertexte... 8 Appliquer un modèle... 8 Personnaliser

Plus en détail

EXTENSION WORDPRESS. Contact Form 7. Proposé par :

EXTENSION WORDPRESS. Contact Form 7. Proposé par : Contact Form 7 Proposé par : Sommaire Sommaire... 2 Présentation... 3 I. Le Tutoriel... 3 1) Espace de travail... 3 2) Téléchargez les extensions nécessaires... 3 3) Configuration du Formulaire... 7 1)

Plus en détail

MANUEL WORDPRESS. Objectif: Refonte d un site web sous Wordpress I PRE-REQUIS: 1 / Créer un backup (sauvegarde) du site:

MANUEL WORDPRESS. Objectif: Refonte d un site web sous Wordpress I PRE-REQUIS: 1 / Créer un backup (sauvegarde) du site: MANUEL WORDPRESS Objectif: Refonte d un site web sous Wordpress I PRE-REQUIS: 1 / Créer un backup (sauvegarde) du site: A/ Traitement de la base de données: Pour cette étape, vous aurez besoin au préalable

Plus en détail

Cahier des charges - Refonte du site internet www.sciencespo- rennes.fr

Cahier des charges - Refonte du site internet www.sciencespo- rennes.fr Cahier des charges Refonte du site internet www.sciencesporennes.fr Procédure d achat conformément à l article 28 alinéa I du Code des marchés publics 1. Présentation de la structure Reconnu pour son excellence

Plus en détail

CMS Modules Dynamiques - Manuel Utilisateur

CMS Modules Dynamiques - Manuel Utilisateur CMS Modules Dynamiques - Manuel Utilisateur 1. Introduction Le modèle CMS Le modèle des «Content Management Systems» proposé par MUM est un type particulier de sites web dynamiques, ayant comme avantage

Plus en détail

Rapport de stage. Développement d un logiciel de vidéoconférence : Enjeux 3. Guillaume DOTT 2009

Rapport de stage. Développement d un logiciel de vidéoconférence : Enjeux 3. Guillaume DOTT 2009 Rapport de stage Développement d un logiciel de vidéoconférence : Enjeux 3 Guillaume DOTT 2009 Maître de stage : Louis Poulette Tutrice : Marie-Paule Muller Remerciements Je tiens à remercier toute l équipe

Plus en détail

SYNOLIA LE partenaire à valeur ajoutée de votre relation client

SYNOLIA LE partenaire à valeur ajoutée de votre relation client SYNOLIA LE partenaire à valeur ajoutée de votre relation client SugarCRM Pro version 5 Guide utilisateur Ergonomie Janvier 2008 Préambule Version : SugarCRM version Professional Release 5.0.0 (build 3095)

Plus en détail

L écran du marais : Comment configurer le viewer OpensSim

L écran du marais : Comment configurer le viewer OpensSim L écran du marais : Comment configurer le viewer OpensSim Dans un premier temps, il vous faut télécharger et installer un logiciel de navigation dédié aux serveurs de mondes virtuels. En voici deux ainsi

Plus en détail

Les Ateliers Numériques 2013. 26 avril 2013 - Alboussière

Les Ateliers Numériques 2013. 26 avril 2013 - Alboussière Les Ateliers Numériques 2013 26 avril 2013 - Alboussière Atelier : Les outils Google pour améliorer mon référencement Atelier : Les outils Google pour améliorer mon référencement Tour de table Et vous,

Plus en détail

Elaboration d un Plan Local d Urbanisme / d un Agenda 21

Elaboration d un Plan Local d Urbanisme / d un Agenda 21 Elaboration d un Plan Local d Urbanisme / d un Agenda 21 Phase diagnostic Par : P. Mordelet, Université Toulouse 3 C. Aschan-Leygonie, Université Lyon 2 F. Boussama, Université Montpellier 1 C. Mathieu,

Plus en détail

Création d un formulaire de contact Procédure

Création d un formulaire de contact Procédure Création d un formulaire de contact Procédure Description : Cette procédure explique en détail la création d un formulaire de contact sur TYPO3. Outil Procédure CMS: TYPO3 Auteur : hemmer.ch SA Extension:

Plus en détail

Thunderbird est facilement téléchargeable depuis le site officiel

Thunderbird est facilement téléchargeable depuis le site officiel 0BThunderbird : une messagerie de bureau simple et gratuite! Thunderbird est un logiciel de messagerie résident dans votre système, spécialisé dans la gestion des courriers électroniques. Thunderbird n

Plus en détail

Créer et gérer une newsletter Comment créer et faire vivre une lettre d information au sein de votre entreprise?

Créer et gérer une newsletter Comment créer et faire vivre une lettre d information au sein de votre entreprise? 4 Créer et gérer une newsletter Comment créer et faire vivre une lettre d information au sein de votre entreprise? à quoi sert une newsletter? Objectifs et atouts Fabriquer sa newsletter Gérer vos envois

Plus en détail

MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE. Documentation utilisateur Octobre 2005

MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE. Documentation utilisateur Octobre 2005 MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE Documentation utilisateur Octobre 2005 I. Principes 1.1 - Généralités Les personnes autorisées à intervenir sur le site sont enregistrées par

Plus en détail

RAPPORT DE STAGE. Terrasse Hugo 1/12

RAPPORT DE STAGE. Terrasse Hugo 1/12 RAPPORT DE STAGE Terrasse Hugo 1/12 Sommaire Introduction Les CMS Présentation CMSMS CMS Made Simple Prestashop Les Travaux VAMO Moulin du Calanquet Le Responsive Design La Refonte graphique Le Reférencement

Plus en détail

INF 1250 INTRODUCTION AUX BASES DE DONNÉES. Guide d étude

INF 1250 INTRODUCTION AUX BASES DE DONNÉES. Guide d étude INF 1250 INTRODUCTION AUX BASES DE DONNÉES Guide d étude Sous la direction de Olga Mariño Télé-université Montréal (Québec) 2011 INF 1250 Introduction aux bases de données 2 INTRODUCTION Le Guide d étude

Plus en détail

Guide plateforme FOAD ESJ Lille

Guide plateforme FOAD ESJ Lille Guide plateforme FOAD ESJ Lille v. 1.2 «étudiants» septembre 2014 Réalisé par Maxime Duthoit Ingénieur pédagogique multimédia à l ESJ Lille Sommaire Introduction... 1 1. Accueil et connexion... 2 2. Accueil

Plus en détail

Guide de l'utilisateur

Guide de l'utilisateur Guide de l'utilisateur 1994 2010 Mindjet Mindjet MindManager Version 9 pour Windows - Guide de l'utilisateur Table des matières Introduction... 1 Mindjet en bref - Solutions de productivité visuelle et

Plus en détail

Guide d utilisation. Version 1.1

Guide d utilisation. Version 1.1 Guide d utilisation Version 1.1 Guide d utilisation Version 1.1 OBJECTIF LUNE Inc. 2030 boulevard Pie-IX, bureau 500 Montréal (QC) Canada H1V 2C8 +1 514-875-5863 sales@ca.objectiflune.com http://captureonthego.objectiflune.com

Plus en détail

WysiUpStudio. CMS professionnel. pour la création et la maintenance évolutive de sites et applications Internet V. 6.x

WysiUpStudio. CMS professionnel. pour la création et la maintenance évolutive de sites et applications Internet V. 6.x WysiUpStudio CMS professionnel pour la création et la maintenance évolutive de sites et applications Internet V. 6.x UNE SOLUTION DE GESTION DE CONTENUS D UNE SOUPLESSE INÉGALÉE POUR CRÉER, MAINTENIR ET

Plus en détail

OFFRE DE SERVICE. www.votreentreprise.com

OFFRE DE SERVICE. www.votreentreprise.com 2011 NOM ENTREPRISE OFFRE DE SERVICE CONCEPTION, REALISATION ET HEBERGEMENT SITE WEB www.votreentreprise.com AFConsulting Web Services Page 1 sur 19 SOMMAIRE Lettre, offre de services --------------------------------------------

Plus en détail

Gérer, stocker et partager vos photos grâce à Picasa. Janvier 2015

Gérer, stocker et partager vos photos grâce à Picasa. Janvier 2015 Gérer, stocker et partager vos photos grâce à Picasa Janvier 2015 Sommaire 1 - Découverte de Picasa 2 - Gestion des dossiers et des photos 3 - Trier, filtrer et rechercher 4 - Retoucher une image 5 - Création

Plus en détail