Réalisation professionnelle : Nouvelle version du site de la Maison du Citoyen et de la Vie Associative Réalisation professionnelle : Nouvelle version du site de la Maison du Citoyen et de la Vie Associative Frédéric Mazeirat La Souterraine

Sommaire 1. - Introduction 2. - Définition du projet 3. - Présentation du site 4. - Conclusion 2

La Maison du Citoyen Service municipal créé en 1997 Centre de la démocratie locale et participative Évolution constante depuis l'ouverture Une structure à l'image du citoyen Quelques chiffres : ● 3600 m² d'espace d'activité ● entrées par an ● 12 salariés 1. Introduction 3

2. Définition des besoins Démarche adoptée Besoins et fonctionnalités Charte graphique Options de développement 4

2.1. La démarche 2. Définition des besoins Réunion préparatoire Questionnaires Réunions de travail Suivi hebdomadaire 5

2.2. Besoins et fonctionnalités 2. Définition des besoins Faire connaître son projet Page simple de présentation avec images et texte Faire découvrir la maison en images Diaporama Contribution du public Formulaire de dépôt + envoi du texte par mail à la MDC + lien de validation dans mail + encart du texte dans page d'accueil si validé Consultation de Boite-à- outils Page en.pdf 6

2. Définition des besoins 2.2. Besoins et fonctionnalités Accès facile Menus déroulants à un seul niveau Mise à jour simplifiée Back-office avec formulaires Coordonnées des associations Annuaire avec formulaire de recherche Mise à jour des infos des associations Formulaire simplifié de mise à jour en ligne avec mot de passe (back-office pour association) 7

2.3. La charte graphique Logo de la Maison du Citoyen Mise en page sobre Éventuellement reprise des couleurs du logo Priorité au contenu 2. Définition des besoins 8

2.4. Les options de développement Plusieurs possibilités : L'adaptation du site existant L'utilisation d'un CMS La création complète d'un nouveau site 2. Définition des besoins 9

3. Présentation du site Architecture du site Page d'accueil Autres pages Back-office 10

3.1. Architecture du site 3. Réalisation du site 11

3.2. Page d'accueil 3. Présentation du site En-tête Corps Pied de page Articles B-à-O Recherch e Menu Newslette r 12

3.3. Autres pages 3. Présentation du site Pied de page Menu déroulant 13

3.4. Le back-office 3. Présentation du site Menu Sélectio n Modifier Supprime r Insérer Navigation 14

3.4. Le back-office 3. Présentation du site Formulaire unique pour tous les articles insérer / modifier Activation des champs en fonction des données entrées. Gestion des erreurs en Javascript 15

4. Conclusion Anticiper les difficultés Un site évolutif Approfondir certains aspects techniques Des perspectives intéressantes 16