cahier des charges des évolutions du site colibris
DESCRIPTION
Cahier des charges des évolutions du site Colibris. Plan. Les commandes initiales La refonte technologique du site Les nouveaux projets L’organisation et le planning. Les commandes initiales. Questionnaire « Signataires de la charte » Gestionnaire de projets - PowerPoint PPT PresentationTRANSCRIPT
Cahier des charges des évolutions du site Colibris
Plan
• Les commandes initiales
• La refonte technologique du site
• Les nouveaux projets
• L’organisation et le planning
Les commandes initiales
• Questionnaire « Signataires de la charte »
• Gestionnaire de projets
• Les limites techniques des interactions avec SQLI
• Les avantages de la refonte
La refonte technologique du site
• Repartir sur une base APHP > démo
• http://www.acidd.com/admin/rubrique.php
Charte graphique
Charte graphique
• Reprise de la charte actuelle
• Ajustements graphiques par un DA > Camille est dispo
• Découpe des éléments
Ergonomie
Refonte home
• 4 objectifs / 4 propositions– Changer de logique > Comprendre– Changer de mode de vie > Changer – Chercher ou ajouter un acteurs près de chez nous > ?– Créer ou participer à un Projets > Créer
• Transervsales :– Faire un don– Participer aux Colibris– Faire un stage
• Reste : planning/agenda et actualité
Rubriques
• Reclasser tous les contenus dans Comprendre et Changer
Menus
• Amélioration de la navigation– Menu horizontal– Menus verticaux gauche– Page d’accueil des rubriques– Liens, lire la suite, – etc.
Statique à hiérarchiser
Libre
Libre
Liste d’articles
Liste d’articles
Texte de gauche vidéo
Liste des sous-
rubriques
Liste des sous-rubriques
Détailler fiches pédagogiques
et fiches pratiques ? Libre avec vidéo
Libre avec template spécial
Sous-titre de rubrique
Desription de rubrique avec ou sans colonnes
Liste des sous-rubriques
Détailler fiches pédagogiques
et fiches pratiques ?
Chapô d’article
Texte d’article
Fiches pédagogiques et pratiques
• Préciser si on conserve et comment ça marche ?
Liste des sous-rubriques
Sous-titre de rubrique
Transformations graphiques et ergonomiques de ce formulaire
Détailler le fonctionnement
Transformations graphiques et ergonomiques de ce formulaire
Détailler le fonctionnement
Carte de France des groupes locaux
• Détailler les besoins
• En attendant > Liste simple avec les groupes sous forme d’articles
• Puis dans le gestionnaire avec carte
Nouveau type dans le gestionnaire de contacts : groupe local
4 liens vers 4 sous-rubriques
Boutique ?
• Expliquer ce qu’elle doit faire
Contenus
Contenus
• Réintégration de tous les contenus actuels
• 60 pages environ
• Une partie du travail a réaliser par LMC pour tester et faire des « modèles »
Fonctionnalités
• Gestion plus simple de toutes les pages avec APHP– Home– Rubriques– Articles– Autres contenus dynamiques (dans les formulaires)– Intégration des vidéos via DM, Utube… sur toutes les pages– Mise en page (intertitres, images, fichiers, liens…)
• Une seule interface pour tout• Amélioration du référencement
– Meilleur définition des métas des pages– Scan plus facile par les robots– Page erreur pour les anciennes url SQLI > retour home
Hébergement
et transfert
Hébergement
• Actuellement 90plan chez OVH sur comcolibris.net• Installation d’APHP sur ce serveur• Intégration graphique, technique, contenus• Validation du nouveau site• Création des emails et redirections chez OVH• Transfert de colibris-lemouvement.org (et des autres
domaines) chez OVH• Basculement des noms de domaine associé à
l’hébergement • Modification simple des paramètres des logiciels de mail
sur les mac Colibris
Réintégration des outils actuels
Réintégration des outils actuels
• Gestionnaire de contacts > ok
• Carte acteurs > ok dans une rubrique dédiée
A développer plus tard
• Moteur de recherche ?• Administrateurs multiples ? • Nouveautés sur le gestionnaire de
contacts ?• Newsletter ? > Template d’article à inclure
dans la Lettre, inscription, désinscription• Formulaires de contacts ?• Tout ce qui n’est pas « inclus » dans cette
proposition
Pour le devis APHP
• Menu javascript• Pages :
– Home : préciser ce qui sera statique et dynamique et le calage des blocs
– Rubriques :• Templates marron, orange et bleu à
choisir• Niv 1 :
– marrons – Menu passe à gauche et le texte de
gauche au centre avec vidéo– réorganiser > avec titre, sous-titre
couleur, libres et description sur 2 colonnes
• Niv 2 : – bleus ou jaunes– réorganiser > avec titre, sous-titre
couleur, libres et description sur 2 colonnes
– Articles :• Reste à définir les Fiches
pédagogiques et pratiques ? > articles avec couleurs ?
• Templates marron, orange et bleu à choisir
– Carte des groupes locaux :• On créé un nouveau type « Groupe
local » comme « Acteurs »• Carte de France avec tous les groupes
à partir d’un fichier excel (Alain ?)• Template spécial > vert avec carte
– Goodies > à venir mais gérables avec les fonctionnalités d’APHP
– Plan du site – English version > plus tard !
Les nouveaux projets
Mon Colibri
Des acteurs près de chez vous
Mon Colibri – entrez votre adresseok
X Tous les projets
X Thème 1X Thème 2X Etc
Des acteurs près de chez vous
Mon Colibri
X
Fiche de l’acteuren layer au dessus
Des acteurs près de chez vous
Mon Colibri
Questionnaire
Aujourd'hui 982 SIGNATAIRES
Juste un email
Possibilité de mettre des accents ? ;-)
Transformations graphiques et ergonomiques de ce formulaire
Fonctionnement
• Page de réponse au visiteur :– Détailler la page de réponse – Actuellement, pas ou peu de « réponse » au visiteur– Le texte a été rédigé. Il est en cours de validation interne.
• Email reçu par le visiteur– Expéditeur : [email protected]– Objet : Vous avez signé !– Message : à détailler
• Email reçu par l’admin– Expéditeur : [email protected]– Objet : Un signataire !– Message :
• Un nouveau signataire > ses infos renseignées• L’email détaille ce qui se passe > cocher le critère signataire
– Personne a un email existant > ne pas ajouter mais cocher « signataire » et indiquer dans le mail les infos existantes et fournies par la personne
– Personne a un email non existant > ajouter la personne, cocher « signataire » et ajouter les infos fournies
– Personne n’a pas d’email > ajouter et/ou indiquer infos fournies ?
Pour le devis questionnaire
A faire :• Charte graphique a transformer > pas fonctionnelle• Ajouter sur la page :
– Aujourd'hui 982 SIGNATAIRES (compteur automatique)• Technos formulaire, tests• Intégration de la personne dans la base• Mails admin et visiteur• Page de réponse• Import des anciens > fourni par SQLI sous Excel > créer
des personnes avec le critère signataire • Indiquera ce qui s’est passé, existait, ou non, gérer ceux qui n’ont
pas de mail à la main (le vérifier avant dans le fichier Excel)
• Pas le droit de mettre des accents > on pourra !
Gestionnaire de projets
Objectif
• Valoriser via des cartes et un classement thématique des projets d’actions sociales ou environnementales
• Constituer une BDD de projets
• A terme à articuler avec un espace de T collaboratif > wizer earth ?
Attention
Pas mal de travail créatif sur le gestionnaire de projet > Evaluer la
quantité de T du DA sur l’ensemble du site > DA de Colibris ?
Accès aux projetsvia le nouveau menu en 4 zones
Des projets près de chez vous
Rubrique
Accueil avec explications
> Mes projets – Projets près de chez moi
> Projets par départements
> Projets par thèmes
X Tous les projets
X Thème 1X Thème 2X Etc
Des projets près de chez vous
Mes projets – entrez votre adresseok
Ajouter votre projet
formlulaire
Des projets près de chez vous
Projets par départements
Ajouter votre projet
X Tous les projets
X Thème 1X Thème 2X Etc
Des projets près de chez vous
Projets par départements
Ajouter votre projet
Des projets près de chez vous
Projets par départements
Ajouter votre projet
X
Fiche du projeten layer au dessus
Projets par thèmesThème 1Sous-thème 1Sous-thème 2Sous-thèmes 3
Thème 2Sous-thème 1Sous-thème 2Sous-thèmes 3
Etc.
Des projets près de chez vous
Ajouter votre projet
Liste des résultats
Projet 1Sous-thème 1 – Sous-thème 2Description En savoir +
Projet 2Sous-thème 17 – Sous-thème 21 – Sous-thème 32Description En savoir +
Projet 3Sous-thème 4 – Sous-thème 8 – Sous-thème 32Description En savoir +
Etc
Des projets près de chez vous
Ajouter votre projet
Participer !Postez un commentaire > pseudo + mail + commentaire Restez informé de ce projet > pseudo + mail uniquementAjoutez votre projetX se souvenir de moi
Mettre à jour ce projet Vous êtes Michel Machin ? Cliquez ici pour recevoir un email vous permettant de mettre à jour votre projet pendant 24h. En cas de soucis, contactez-nous
Des projets près de chez vous
Fiche du projet en page complète(référencée par les moteurs)
Description
Infos
Contacr par email > formulaire
Site(e)s web : http://www...
Porteur du projet : Michel Machin
formlulaire
formlulaire
Vos commentaires
Super ! (par Bob)dedededed
Du nouveau dans le projet (par Michel)deded
formlulaire
Email envoyé
formlulaire
Outils collaboratif sur le net
Des infos sur les objectifs, les outils internet pour gérer ses projets
Etc.
Des projets près de chez vous
Un gestionnaire simple
• Une organisation géographique et thématique• Une promotion des projets sur les cartes et dans des
listes par thèmes• Une passerelle rapide vers les projets (coordonnées et
liens)• Une administration des projets côté gestionnaire de
contacts (rubrique « Projets »)• Pas de gestion des projets côté porteur (proposer
uniquement)• Un formulaire pour proposer des projets et un autre pour
proposer des modifications de son projet• Un centre de ressources d’outils Internet gratuits pour
monter ses projets collectifs
Processus
• Inscription (formulaire slide suivant)– Du porteur > 1 personne– Du Projet > 1 projet dans le gestionnaire
• Validation/corrections par l’admin• Mise en ligne du projet
• Mise à jour : – Dans la fiche projet, clic sur le lien « Vous êtes… »– Envoi d’un email au porteur (celui avec lequel il a jouté son
projet)– Réception d’un email pour mettre à jour pendant 24h– Validation admin ?– Mise en ligne du projet mis à jour
Formulaire d’inscription (ultra simplifié > ajouter QCM ?)
• Inscription :– Nom Prénom– Mail Tél– Nom du projet– Adresse– CP Ville– Thèmes et sous-thèmes– Description– En savoir + : champs url– Case à cocher obligatoire > j’ai bien lu la charte de
référencement des projets– VALIDER
Une fois le formulaire envoyé inviter l’utilisateur à continuer
• Via un résultat de recherche géographique ou thématique
• A trouver/rejoindre les projets – de sa région > lien direct vers Mon Colibris
avec adresse indiquée– dans son thème > les thèmes cliquables
Pour le devis Gestionnaire de projets
• Charte graphique et ergonomie des pages > DA + chef de projet
• Pages à développer :– Accueil – Mes projets– Carte > départements – Thèmes et sous-thèmes– Résultats thèmes – Fiches projet en layer et en pleine page – Formulaires personne + projet + validation admin
• Dév complémentaires : – Emails envoyés à porteur de projet, visiteur inscrit, admi– Demande de mise à jour > bouton > envoi d’email avec lien pour
mettre à jour son projet pendant 24h
Pour le devis Participer
• En dessous de chaque projet :– Poster un commentaire : pseudo, mail, commentaire, case à cocher Rester
informé– Resté informé du projet : email– Antispam et contrôles javascript– Validation du commentaire par admin (si validé, envoi aux personnes souhaitant
être informé)– Aucun des interlocuteurs ne connaît les emails des autres– Le porteur peut aussi utiliser les commentaires comme une zone « actu »
• Fonctionnement des alertes emails :– Chaque fois que le porteur de projet met à jour son projet > envoi alerte– Chaque commentaire > envoi alerte si validé– Admin :
• Les admins recoivent tous les emails sur une boîte spéciale > à valider• Ils peuvent voir la liste des emails dans la fiche projet• Ces emails ne sont pas conservés mais on peut indiquer que ce mail était ou non
présent dans la base > voir l’intérêt ?• Tout ce système nécessitera une batterie de tests avec tous le monde sur le pont !
Budget global
• A détailler après les ajouts / corrections avec Colibris
• Voir notamment si « tout » a été prévu !
Idées / questions
• Gestionnaire de projets – 1 porteur / plusieurs projets ? 1 projet /
plusieurs porteurs ?– Une colonne "actualité" qui mettrait en avant
périodiquement des projets : les projets nouvellement créés, les projets qui évoluent, les projets qui se mettent en relation, etc.