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 : liste@colibris-lemouvement.org– Objet : Vous avez signé !– Message : à détailler

• Email reçu par l’admin– Expéditeur : liste@colibris-lemouvement.org– 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.