Réalisation d’un site Internet pour la mairie de Pinsaguel Soutenance du 15 sept. 2004 Présentée par Jessica Elarbi Bonjour, je m’appelle Jessica Elarbi et je vais vous présenter le projet que la Mairie de Pinsaguel m’a confiée dans le cadre de mon stage de validation de la licence Responsable des TIC Licence Pro RTICPMO 15 Septembre 2004

Introduction Thème Stage de fin d’étude Objectifs Présenter le stage et faire le bilan Plan Contexte du stage Objectifs Gestion de projet Travail réalisé Conclusion et perspectives Le projet s’intitule « Création du site Internet de la mairie de Pinsaguel ». Pour cela On suivra Le plan ci dessous : en première partie, nous allons voir le contexte dans lequel s'est déroulé le stage, puis les objectifs fixés. Ensuite, je vous présenterai le planning défini puis le travail réalisé et enfin, nous pourrons aborder la conclusion et les perspectives. Plan : - contexte du stage - objectifs - planning - travail réalisé - conclusion et perspectives Licence Pro RTICPMO 15 Septembre 2004

Contexte du stage L’administration d’accueil : la mairie de Pinsaguel Commune située à 12km au Sud de Toulouse Composée de plus de 2500 habitants Fait partie de la Communauté d’Agglomération du Muretain Créée en 1734 avec le 1er Consul de Pinsaguel Tout d'abord, quelques mots sur la mairie de Pinsaguel, l‘administration qui m'a accueillie pendant 4 mois. Pinsaguel est une petite commune située au sud de Toulouse, en pleine croissance elle compte aujourd’hui plus de 5000 habitants. Elle fait également partie depuis le 1er janvier 2004 de la Communauté d’Agglomération du muretain qui rassemble 14 communes. C’est en 1734 que le mairie de Pinsaguel a pris naissance et depuis elle a compté 6 consuls et une trentaine de mairie. Actuellement le maire de Pinsaguel est Mr Arqué et ce depuis 4ans. Licence Pro RTICPMO 15 Septembre 2004

Service Administratif Service Administratif Contexte Le Maire Adjoints au Maire Service Administratif Service Administratif Service Technique Service Réception publique Service Administration Générale J’ai travaillé au sein de la mairie de Pinsaguel, dans la partie Administrative. Dans le service informatique. Ce service n’est d’ordinaire non présent à la mairie puisqu’une convention a été signée avec le Conseil Général pour que ce soit lui qui gère toute la partie informatique. j'ai travaillé seule sur ce projet. Service Informatique Service Informatique Service Comptabilité Licence Pro RTICPMO 15 Septembre 2004

Objectifs Existant : aucun commencement  Créer le site Internet dans son intégralité Améliorer la communication de Pinsaguel Dynamiser la ville de Pinsaguel Lors de mon arrivé au sein de la mairie, aucun commencement de projet n’était réalisé quant à la conception du site Internet. ma mission était donc de concevoir le site Internet de la mairie dans son intégralité Ce Projet permettra : - L’amélioration de la communication - Dynamiser la ville de Pinsaguel en l’adaptant aux nouveaux moyens technologiques que nous possédons actuellement à savoir l’Internet Licence Pro RTICPMO 15 Septembre 2004

Gestion de projet Planning Initialisation du projet 20 j Gest.Projet Gestion de projet Planning Initialisation du projet 20 j Recherche d’informations 20 j Rédaction Cahier des charges 16 j Conception site Internet 50 j Je vais maintenant vous parler de la façon dont j’ai mené le projet. Je l’ai découpé en plusieurs taches réparties sur 4 mois, du 10 mai au 10 septembre 2004. Je vais vous présenter les tâches principales. initialisation du projet : détermination du planning, analyse comparative des sites internet de mairie Recherche d’information Cahier des charges Conception du site Internet (modèle de page, feuille de style, base de données, moteur de recherche,…) Hébergement et référencement (analyse choix hébergeur, procédure administrative hébergement,…) Formation du personnel (formation et réalisation manuel utilisateur) Les procédure administratives pour l’hébergement du site Internet a fait prendre du retard sur l’avancée du site puisque celui ce n’est pas encore en ligne. Le référencement n’est donc également pas réalisé ainsi que la formation du personnel Hébergement et référencement 10 j Formation du personnel 2 j Licence Pro RTICPMO 15 Septembre 2004

Méthode Évolutive Réflexion Conception Préalable Validation Gest.Projet Méthode Évolutive Réflexion Conception Préalable Validation Pour mener ce projet à bien, j’i utilisé une méthode évolutive qui permet de réaliser un projet étape par étape et ainsi éviter une perte de temps. Cela consiste tout d’abord à la réflexion sur le sujet, par la suite la conception préalable. Cette conception passe par une étape de validation. Si celle ci est positive alors on peut effectuer la réalisation, si elle est négative on revient à la première étape qui est la réflexion. Réalisation Licence Pro RTICPMO 15 Septembre 2004

Travail réalisé Analyse Comparative site Internet Comparaison de 3 mairies de même envergures Analyse basée sur 5 critères : Architecture Charte Graphique Contenu Page d’accueil Technologies utilisées Résultat : a permis de déterminer tous ces critères pour le site de la mairie de Pinsaguel Avant de commencer la conception du site Internet, j’ai réalisé une étude comparative de site Internet d’autre mairie. Pour cela mon choix s’est axé sur 3 mairies de même envergure que celle de Pinsaguel. L’analyse s’est basée sur 5 critères, l’architecture, la charte graphique, le contenu du site, la page d’accueil t les technologies utilisées En fonction des différentes solutions utilisées par les mairies, nous avons pu déterminer tout ces aspect pour le futur site de la mairie de Pinsaguel. Licence Pro RTICPMO 15 Septembre 2004

Travail réalisé Recherche d’Information Rencontre avec Mme Reilles Objectif : Trouver les informations pour le contenu du site Rencontre avec Mme Reilles Prise de contact avec les acteur externes (Garonne Impression) Validation du contenu avec le commanditaire La recherche d’information est une partie très important dans un projet de conception de site Internet. Elle permettra par la suite de pouvoir remplir le contenu avec les informations adéquates. Pour cela, j’ai rencontré Mme Reilles, responsable du service administration générale qui m’a aidé a recueillir les informations nécessaires. Ensuite une réunion a été organisé avec mon commanditaire pour valider les différentes informations pour chaque rubrique du site Licence Pro RTICPMO 15 Septembre 2004

Travail réalisé Conception du site Internet 1- Ergonomie et Structure du Site Utilisation de deux couleurs dominantes Architecture hiérarchique Un menu principal et un sous menu La charte graphique du site Internet utilise deux couleurs principales qui sont le bleu et le jaune. Ces deux couleurs font référence au logo de la mairie pour donner un aspect reconnaissable et personnel au site de la mairie. Un architecture hiérarchique a été mise en place. C’est à dire que chaque Enfin, le site se composer d’un menu principal qui sera toujours accessible depuis n’importe quel endroit du site et un sous menu qui correspondra à chaque rubrique principale du site. Licence Pro RTICPMO 15 Septembre 2004

2- Maquette définitive Travail Licence Pro RTICPMO 15 Septembre 2004 Voivi la maquette définitive choisie pour le site de la mairie de Pinsaguel. On peut ermarquyer les deux couleurs dominantes dont nous avons parlé auparavant. De plus, deux petites boites seront présentes pour mettre les actualités et les événements de la ville de Pinsaguel. Licence Pro RTICPMO 15 Septembre 2004

3- Présentation du site Internet Travail 3- Présentation du site Internet Je vais maintenant vous présenter le site Internet de la mairie Licence Pro RTICPMO 15 Septembre 2004

Travail Licence Pro RTICPMO 15 Septembre 2004

Travail Licence Pro RTICPMO 15 Septembre 2004

3- Solutions Techniques - Langages utilisés Travail 3- Solutions Techniques - Langages utilisés HTML PHP Javascript : formulaire de contact Pour la conception du site web, j’ai utilisé le HTML qui est le langage de base pour tout site Internet, ceci avec l’aide du logiciel Dreamweaver. Du javascript a été utilisé lors de la conception du formulaire de contact. Enfin le php a été utilisé pour toutes la partie base de données Licence Pro RTICPMO 15 Septembre 2004

Le Formulaire de Contact Travail Le Formulaire de Contact Licence Pro RTICPMO 15 Septembre 2004

- La Base de données 3- Solutions Techniques Commerçants Santé Travail 3- Solutions Techniques - La Base de données Commerçants Santé Associations Une base de données a été conçu pour permettre une mise à jour future du site beaucoup plus efficace. De plus il était intéressant de réaliser une base de données. Cette base de données comporte trois tables : - une table commerçant - une table santé qui regroupe tous les professionnels de la santé - une table associations qui comporte toutes les associations de Pinsaguel L’ajout d’une table journal municipal sera à prévoir par la suite Licence Pro RTICPMO 15 Septembre 2004

3- Solutions Techniques - Le moteur de recherche Travail 3- Solutions Techniques - Le moteur de recherche Basé sur deux critères : - le nom - le type Un moteur de recherche a été mis en place pour pouvoir rechercher plus rapidement une donnée souhaitée. Il est utilisé pour la recherche d’un commerce ou la recherche d’un professionnel de la santé. Il est basé sur deux critères de recherche : - soit en tapant le nom - soit en choisissant le type Une cas à cocher permet d’obliger le moteur de recherche à chercher sur les deux critères. Nous allons le voir sur le site Internet Licence Pro RTICPMO 15 Septembre 2004

3- Solutions Techniques - L’affichage page par page Travail 3- Solutions Techniques - L’affichage page par page programme crée en PHP Limite l’affichage à 7 résultats par page Pour la rubrique des associations, l’utilisation d’un programme a été nécessaire pour limiter le nombre de résultats par page. Ce programme a été conçu en PHP. Il permet donc de limiter l’affichage à 7 résultats par page. Licence Pro RTICPMO 15 Septembre 2004

Travail réalisé Hébergement - problème : transfert du nom de domaine Analyse comparative pour le choix du prestataire Choix de l’hébergeur et mise en place - problème : transfert du nom de domaine La mairie ne possédant pas de serveur pouvant héberger le site Internet, il a fallu recherche un prestataire correspondant aux critères et au budget de la mairie. Pour cela, une étude comparative a été réalisée de sorte à pouvoir choisir le meilleur hébergeur. Cette analyse s’appuie sur plusieurs critères d’hébergement : - le nom de domaine - la messagerie - l’hébergement - les services Notre choix final s’est porté sur Amen qui fournit un hébergement de très bon rapport qualité/prix. Un problème s’est posé pour le transfert du nom de domaine. Étant donné que la mairie avait déjà réservé le nom de domaine mairie-pinsaguel.fr par une autre société, il est nécessaire de faire le transfert de cette société à notre nouvel hébergeur. Cependant pour cela, il y a une procédure administrative qui prend assez de temps : Il Faut tout d’abord envoyer une demande d’autorisation de transfert à notre nouvel hébergeur qui la transmettra à l’Afnic ( association française de gestion des nom de domaine). Celle ci devra demander à la société détenant le nom de domaine de bien vouloir le transférer à notre hébergeur. C’est seulement après l’acceptation de la société qu’on pourra héberger notre site Internet sur les serveurs de Amen. Cette procédure a donc déclenché un retard dans le planning que j’avais prévu et c’est pour cela que le site n’est tjs pas en ligne. De plus, le référencement n’a donc également pas pu etre réalisé ainsi que la formation du personnel. Licence Pro RTICPMO 15 Septembre 2004

Travail réalisé Le site Internet des mises à jour Faire des ajouts de données Modifier des données Supprimer des données Pour que le personnel puisse agir sur la base de données sans pour autant avoir des connaissances poussées, j’ai réalisé un mini site Internet qui permettra d’aller effectuer toutes les modifications nécessaires. C’est à dire qu’a l’aide de formulaire, on pourra effectuer des ajouts, des modifications ou des suppressions de données. Licence Pro RTICPMO 15 Septembre 2004

Le site Internet des mises à jour Travail Le site Internet des mises à jour Voici l’apparence de ce site. Comme on peut le voir, il reprend la charte graphique du site Internet de la mairie. Licence Pro RTICPMO 15 Septembre 2004

Modification ou suppression de données Travail Modification ou suppression de données Licence Pro RTICPMO 15 Septembre 2004

Travail Ajout de données Licence Pro RTICPMO 15 Septembre 2004

Conclusion et perspectives Difficultés rencontrées Ma non présence à la mairie de Pinsaguel Disponibilité du matériel La non présence à la mairie de pinsaguel a entraîné des difficultés non pas da la conception du site Internet mais plus dans la compréhension de l’organisation de la mairie. En effet, ne travaillant pas au sein de la mairie, je n’ai eu qu’un aperçu externe du fonctionnement de cette structure. Il a donc fallu questionner Mme Reilles pour comprendre le fonctionnement d’une mairie. En ce qui concerne la disponibilité du matériel, cela m’a posé un problème lors de la prise de vue pour le site Internet. Un appareil photo numérique était normalement à disposition à la mairie, mais seulement un élu l’a emporté avec lui et n’était de retour de vacance que début septembre. Cela a entraîné un retard pour la prise des photos qui n’a donc tjs pas été réalisée. Licence Pro RTICPMO 15 Septembre 2004

Conclusion et perspectives Mise en ligne du site Internet Référencement du site Formation du personnel Amélioration de la base de données En ce qui concerne la fin du projet, il reste à effectuer - la mise en ligne du site Internet. Celle ci sera effectué dès les procédures administratives réglées en ce qui concerne le nom de domaine - Le référencement du site : il faudra réfléchir à savoir si on utilisera un organisme payant spécialiste du référencement ou si nous souhaitons le faire nous même. Pour cela, il faudra effectuer les procédures de référencement sur les moteur et annuaire de recherche - La formation du personnel sera réalisée sur une période de deux jours, durant lesquels le fonctionnement du site ainsi que la procédure pour les mises à jour sera expliqué. De plus un manuel utilisateur sera à disposition du personnel pour garantir les méthodes à utiliser lors de la maintenance du site. -Enfin, la base de données pourra etre améliorer par l’ajout d’une nouvelle table, la table compte rendu, qui permettre par la suite de proposer à l’internaute le compte rendu qu’il souhaite visualiser. Licence Pro RTICPMO 15 Septembre 2004

Conclusion et perspectives Travail dans une administration Mener le projet de façon autonome Réaliser un projet dans son intégralité Réflexion Conception Mise en place Ce stage m’a permis de pouvoir travailler au sein d’une collectivité et de découvrir son mode de fonctionnement qui est assez différent d’une entreprise notamment par son organisation. J’ai pu également mener un projet de façon totalement autonome puisque j’étais la seule personne à travailler et à réaliser ce projet. Étant donnée qu’il n’y avant aucun commencement j’ai pu réaliser le projet dans sa totalité c’est à dire en passant par les étapes suivantes : - analyse avant conception - réalisation - hébergement - formation Licence Pro RTICPMO 15 Septembre 2004

Merci de votre attention… Licence Pro RTICPMO 15 Septembre 2004