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 • http://www.acidd.com/admin/rubrique.php

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

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. 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 ! Pour le devis APHP

32. Les nouveaux projets

33. Mon Colibri

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

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

36. 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 email

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. • 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 ?

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. 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. 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. Des projets près de chez vous Projets par départements Ajouter votre projet

48. 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. Des projets près de chez vous Projets par départements X Fiche du projet en layer au dessus Ajouter votre projet

50. 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 Sous-thème 1 Sous-thème 2 Sous-thèmes 3 Etc. Ajouter votre projet