Cahier des charges des évolutions du site Colibris

Présentation au sujet: "Cahier des charges des évolutions du site Colibris"— Transcription de la présentation:

1 Cahier des charges des évolutions du site Colibris

2 Plan Les commandes initiales La refonte technologique du site
Les nouveaux projets L’organisation et le planning

3 Les commandes initiales
Questionnaire « Signataires de la charte » Gestionnaire de projets Les limites techniques des interactions avec SQLI Les avantages de la refonte

4 La refonte technologique du site
Repartir sur une base APHP > démo

5 Charte graphique

6 Charte graphique Reprise de la charte actuelle
Ajustements graphiques par un DA > Camille est dispo Découpe des éléments

7 Ergonomie

8 Refonte home 4 objectifs / 4 propositions Transervsales :
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é

9 Rubriques Reclasser tous les contenus dans Comprendre et Changer

10 Menus Amélioration de la navigation Menu horizontal
Menus verticaux gauche Page d’accueil des rubriques Liens, lire la suite, etc.

11 Statique à hiérarchiser
Libre Liste d’articles Libre Liste d’articles

12 Liste des sous-rubriques
Texte de gauche vidéo

13 Liste des sous-rubriques
Détailler fiches pédagogiques et fiches pratiques ? Sous-titre de rubrique Libre avec vidéo Libre avec template spécial Desription de rubrique avec ou sans colonnes

14 Liste des sous-rubriques
Détailler fiches pédagogiques et fiches pratiques ? Chapô d’article Texte d’article

15 Fiches pédagogiques et pratiques
Préciser si on conserve et comment ça marche ?

16 Liste des sous-rubriques Sous-titre de rubrique

17 Transformations graphiques et ergonomiques de ce formulaire
Détailler le fonctionnement

18 Transformations graphiques et ergonomiques de ce formulaire
Détailler le fonctionnement

19 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

20 dans le gestionnaire de contacts : groupe local
Nouveau type dans le gestionnaire de contacts : groupe local

21 4 liens vers 4 sous-rubriques

22 Boutique ? Expliquer ce qu’elle doit faire

23 Contenus

24 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 »

25 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

26 Hébergement et transfert

27 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 s 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

28 Réintégration des outils actuels

29 Réintégration des outils actuels
Gestionnaire de contacts > ok Carte acteurs > ok dans une rubrique dédiée

30 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

31 Pour le devis APHP Menu javascript Pages : Carte des groupes locaux :
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 Articles : Reste à définir les Fiches pédagogiques et pratiques ? > articles avec couleurs ? 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 !

32 Les nouveaux projets

33 Mon Colibri

34 Mon Colibri – entrez votre adresse
Des acteurs près de chez vous Mon Colibri – entrez votre adresse ok

35 Mon Colibri Des acteurs près de chez vous X Tous les projets X Thème 1
X Etc

36 Mon Colibri X Fiche de l’acteur en layer au dessus
Des acteurs près de chez vous Mon Colibri X Fiche de l’acteur en layer au dessus

37 Questionnaire

38 Transformations graphiques et ergonomiques de ce formulaire
Aujourd'hui 982 SIGNATAIRES Possibilité de mettre des accents ? ;-) Juste un

39 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. reçu par le visiteur Expéditeur : Objet : Vous avez signé ! Message : à détailler reçu par l’admin Objet : Un signataire ! Message : Un nouveau signataire > ses infos renseignées L’ détaille ce qui se passe > cocher le critère signataire Personne a un existant > ne pas ajouter mais cocher « signataire » et indiquer dans le mail les infos existantes et fournies par la personne Personne a un non existant > ajouter la personne, cocher « signataire » et ajouter les infos fournies Personne n’a pas d’ > ajouter et/ou indiquer infos fournies ?

40 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 !

41 Gestionnaire de projets

42 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 ?

43 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 ?

44 Accès aux projets via le nouveau menu en 4 zones

45 Accueil avec explications > Mes projets – Projets près de chez moi
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

46 Mes projets – entrez votre adresse
Des projets près de chez vous Mes projets – entrez votre adresse ok X Tous les projets X Thème 1 X Thème 2 X Etc Ajouter votre projet formlulaire

47 Projets par départements
Des projets près de chez vous Projets par départements Ajouter votre projet

48 Projets par départements
Des projets près de chez vous Projets par départements X Tous les projets X Thème 1 X Thème 2 X Etc Ajouter votre projet

49 Projets par départements
Des projets près de chez vous Projets par départements X Fiche du projet en layer au dessus Ajouter votre projet

50 Projets par thèmes Thème 1 Thème 2 Ajouter votre projet
Des projets près de chez vous Projets par thèmes Thème 1 Sous-thème 1 Sous-thème 2 Sous-thèmes 3 Thème 2 Etc. Ajouter votre projet

51 Liste des résultats Projet 1 Projet 2 Projet 3 Ajouter votre projet
Des projets près de chez vous Liste des résultats Projet 1 Sous-thème 1 – Sous-thème 2 Description En savoir + Projet 2 Sous-thème 17 – Sous-thème 21 – Sous-thème 32 Projet 3 Sous-thème 4 – Sous-thème 8 – Sous-thème 32 Etc Ajouter votre projet

52 Fiche du projet en page complète (référencée par les moteurs)
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 > formulaire Site(e)s web : Porteur du projet : Michel Machin formlulaire formlulaire Participer ! Postez un commentaire > pseudo + mail + commentaire Restez informé de ce projet > pseudo + mail uniquement Ajoutez votre projet X se souvenir de moi Mettre à jour ce projet Vous êtes Michel Machin ? Cliquez ici pour recevoir un vous permettant de mettre à jour votre projet pendant 24h. En cas de soucis, contactez-nous formlulaire envoyé formlulaire Vos commentaires Super ! (par Bob) dedededed Du nouveau dans le projet (par Michel) deded

53 Outils collaboratif sur le net
Des projets près de chez vous Outils collaboratif sur le net Des infos sur les objectifs, les outils internet pour gérer ses projets Etc.

54 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

55 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 au porteur (celui avec lequel il a jouté son projet) Réception d’un pour mettre à jour pendant 24h Validation admin ? Mise en ligne du projet mis à jour

56 Formulaire d’inscription (ultra simplifié > ajouter QCM ?)
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

57 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

58 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 : s envoyés à porteur de projet, visiteur inscrit, admi Demande de mise à jour > bouton > envoi d’ avec lien pour mettre à jour son projet pendant 24h

59 Pour le devis Participer
En dessous de chaque projet : Poster un commentaire : pseudo, mail, commentaire, case à cocher Rester informé Resté informé du projet : 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 s des autres Le porteur peut aussi utiliser les commentaires comme une zone « actu » Fonctionnement des alertes s : 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 s sur une boîte spéciale > à valider Ils peuvent voir la liste des s dans la fiche projet Ces s 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 !

60 Budget global A détailler après les ajouts / corrections avec Colibris
Voir notamment si « tout » a été prévu !

61 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.