La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

Cahier des charges des évolutions du site Colibris.

Présentations similaires


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 Lorganisation 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 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 daccueil des rubriques –Liens, lire la suite, –etc.

11 Statique à hiérarchiser Libre Liste darticles

12 Texte de gauchevidéo Liste des sous- rubriques

13 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

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

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 darticles 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 quelle doit faire

23 Contenus

24 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 dAPHP 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é à lhébergement Modification simple des paramètres des logiciels de mail sur les mac Colibris

28 Réintégration des outils actuels

29 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 darticle à inclure dans la Lettre, inscription, désinscription Formulaires de contacts ? Tout ce qui nest pas « inclus » dans cette proposition

31 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 dun fichier excel (Alain ?) Template spécial > vert avec carte –Goodies > à venir mais gérables avec les fonctionnalités dAPHP –Plan du site –English version > plus tard !

32 Les nouveaux projets

33 Mon Colibri

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

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

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

37 Questionnaire

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

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 ladmin –Expéditeur : –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 na 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 sest passé, existait, ou non, gérer ceux qui nont 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 dactions 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 lensemble 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 X Tous les projets X Thème 1 X Thème 2 X Etc Des projets près de chez vous Mes projets – entrez votre adresse ok Ajouter votre projet formlulaire

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

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

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

50 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. Des projets près de chez vous Ajouter votre projet

51 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 Description En savoir + Projet 3 Sous-thème 4 – Sous-thème 8 – Sous-thème 32 Description En savoir + Etc Des projets près de chez vous Ajouter votre projet

52 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 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 Vos commentaires Super ! (par Bob) dedededed Du nouveau dans le projet (par Michel) deded formlulaire envoyé formlulaire

53 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

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 doutils 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 ladmin Mise en ligne du projet Mise à jour : –Dans la fiche projet, clic sur le lien « Vous êtes… » –Envoi dun au porteur (celui avec lequel il a jouté son projet) –Réception dun pour mettre à jour pendant 24h –Validation admin ? –Mise en ligne du projet mis à jour

56 Formulaire dinscription (ultra simplifié > ajouter QCM ?) Inscription : –Nom Prénom –Mail Tél –Nom du projet –Adresse –CPVille –Thèmes et sous-thèmes –Description –En savoir + : champs url –Case à cocher obligatoire > jai bien lu la charte de référencement des projets –VALIDER

57 Une fois le formulaire envoyé inviter lutilisateur à 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 linté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.


Télécharger ppt "Cahier des charges des évolutions du site Colibris."

Présentations similaires


Annonces Google