1 / 61

Cahier des charges des évolutions du site Colibris

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

tyne
Download Presentation

Cahier des charges des évolutions du site Colibris

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  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

More Related