1. Animer un projet web
1.1. Elaborer un tableau de bord
1.1.1. Analytics
1.1.1.1. Présentation des fonctionnalités de bases
1.1.1.1.1. Visiteurs
1.1.1.1.2. Sources de trafic
1.1.1.1.3. Contenu
1.1.1.1.4. Objectif
1.1.1.2. Fonctionnalités avancées
1.1.1.2.1. urchintracker
1.1.1.2.2. utmsetvar
1.1.2. Retour utilisateur
1.1.3. Google Alerts
1.1.4. Revue de presse
1.2. Animer un projet web
1.2.1. Un contenu / un service en adéquation permanente avec le besoin
1.2.1.1. Proposer un contenu pertinent et régulier
1.2.1.2. L'info sur le web se trouve partout, il faut apporter une valeur ajoutée une expertise
1.2.2. Etre à l'écoute
1.2.2.1. Des utilisateurs du site
1.2.2.2. Des sites "concurrents"
1.2.2.3. Des nouvelles technologies et pratiques
1.2.3. Manager en interne
1.2.3.1. Motiver les équipes autour du projet
1.2.3.2. Etre à l'écoute des interlocuteurs
1.3. Communiquer
1.3.1. Référencement
1.3.1.1. Naturel
1.3.1.1.1. Pertinence du contenu
1.3.1.1.2. Popularité du site
1.3.1.1.3. google
1.3.1.2. Payant : Adwords
1.3.1.2.1. Ou sont diffusées les annonces
1.3.1.2.2. Les options de filtrage
1.3.2. Communiquer online
1.3.2.1. Le CP Web
1.3.2.2. Les forums
1.3.2.3. Les réseaux
1.3.2.4. Les annuaires territoriaux
1.3.2.5. Le buzz
1.3.2.6. La newsletter
1.3.3. Communiquer offline
1.3.3.1. En interne
1.3.3.2. Sur le territoire
1.4. Exercices
1.4.1. Brief de référencement selon cible CG
2. Présentations
2.1. CV
2.1.1. Pauline LORANT 27 ans - Nantes
2.1.2. Contact
2.1.2.1. [email protected]
2.1.2.2. 02 72 68 27 07 (pro)
2.1.2.3. 06 63 39 52 45 (portable)
2.1.2.4. [email protected]
2.2. Vous..
2.2.1. Combien de mails ?
2.2.2. Inscrit sur des réseaux sociaux ?
2.2.3. Participation sur les réseaux ?
2.2.4. Participation à des forums / blogs / wiki ?
2.2.5. Un blog à vous ?
2.2.6. Un site à vous ?
2.3. Tool box
2.3.1. MindMapping
2.3.2. Netvibes
2.3.3. Liste d'appli 2.0
2.3.4. Compte Rendus des travaux
2.4. Groupes
2.4.1. Première session
2.4.1.1. Groupe A
2.4.1.1.1. Anne Laure AUTUNES
2.4.1.1.2. Romaric AUMON BEMELMANS
2.4.1.1.3. Hélène BIZETTE
2.4.1.1.4. Marie COLLUCI
2.4.1.2. Groupe B
2.4.1.2.1. Pierrick DEVANNE
2.4.1.2.2. Samuel GALODE
2.4.1.2.3. Charlotte GROB
2.4.1.2.4. Rozenn LE QUELLEC
2.4.1.3. Groupe C
2.4.1.3.1. Aline LESBATS
2.4.1.3.2. Marie MANCEAU
2.4.1.3.3. Olivier PRIMAULT
2.4.1.4. Groupe D
2.4.1.4.1. Cédric TARTIVEL
2.4.1.4.2. Samantha TUSSEAU
2.4.1.4.3. Sophie ZAMORA
2.4.2. Deuxième session
2.4.2.1. Groupe 1
2.4.2.1.1. Marie COLLUCI
2.4.2.1.2. Aline LESBATS
2.4.2.1.3. Olivier PRIMAULT
2.4.2.1.4. Samantha TUSSEAU
2.4.2.1.5. Sophie ZAMORA
2.4.2.2. Groupe 2
2.4.2.2.1. Romaric AUMON BEMELMANS
2.4.2.2.2. Hélène BIZETTE
2.4.2.2.3. Pierrick DEVANNE
2.4.2.2.4. Samuel GALODE
2.4.2.2.5. Marie MANCEAU
2.4.2.3. Groupe 3
2.4.2.3.1. Anne Laure AUTUNES
2.4.2.3.2. Charlotte GROB
2.4.2.3.3. Rozenn LE QUELLEC
2.4.2.3.4. Cédric TARTIVEL
3. Autre
4. Le Web 2.0
4.1. Qu'est ce que le web 2.0
4.1.1. Votre définition...
4.1.2. Ce qu'en dit le web ?
4.1.2.1. Wikipédia
4.1.2.2. Kevin Kelly Rédacteur en chef de Wired
4.1.2.2.1. “Le web 2.0 c’est le moment où les gens réalisent que ce n’est pas le logiciel qui fait le web, mais les services !”
4.1.2.3. Eric van der Vlist Société Dyomedea
4.1.2.3.1. "c'est une révolution dans l'utilisation des technologies et non une révolution des technologies elles-mêmes"
4.1.2.4. Manuel Diaz Directeur des opérations au sein de Groupe Reflect
4.1.2.4.1. "un service Web 2.0 repose sur l’utilisation de technologies matures et communément partagées comme peuvent l’être désormais RSS, CSS ou encore XHTML"
4.1.3. Donc le web 2.0 ?
4.1.4. Exercice
4.1.4.1. Trouvez 5 sites qui selon vous sont 2.0 et expliquez votre choix
4.1.4.2. http://www.facebook.com/profile.php?id=1809731664&ref=search&sid=746808605.3806515694..1
4.1.4.3. http://twitter.com/monsaintegreve
4.1.4.4. http://www.elysee.fr/accueil/
4.1.4.5. http://www.toulouse.fr/web/guest/accueil
4.1.4.6. http://auwwwergne.com/
4.2. Les usages
4.2.1. le blog
4.2.1.1. les fonctionnalitées
4.2.1.1.1. Immédiateté
4.2.1.1.2. Interactivité
4.2.1.1.3. Visibilité
4.2.1.1.4. Modération
4.2.1.2. exemples
4.2.1.2.1. Mairie de Locminé (56)
4.2.1.2.2. Mairie de Binic (22)
4.2.1.2.3. vos exemples
4.2.1.3. l'intérêt
4.2.1.3.1. C’est l’occasion d’identifier et de définir une communauté autour d'un centre d’intérêt. Dans les Blogs vous trouvez des indépendants, des consultants, des utilisateurs, des experts, des passionnés, des concurrents et aussi des blogs inintéressants, mais tous sont des potentiels relais d’opinion. Il faut donc en tenir compte.
4.2.1.4. les outils
4.2.2. le forum
4.2.2.1. les fonctionnalitées
4.2.2.1.1. Echange
4.2.2.1.2. Modération
4.2.2.1.3. Accessibilité
4.2.2.2. des exemples
4.2.2.2.1. Mairie de Poncaré (77)
4.2.2.2.2. CC de Chemillé (49)
4.2.2.2.3. vos exemples
4.2.2.3. les outils
4.2.2.3.1. http://fluxbb.org/
4.2.2.3.2. http://www.phpbb.fr/
4.2.3. le wiki
4.2.3.1. Les fonctionnalitées
4.2.3.1.1. CMS
4.2.3.1.2. modifiable par d'autres
4.2.3.1.3. modérateur
4.2.3.1.4. Travail collaboratif
4.2.3.2. des exemples
4.2.3.2.1. Mairie de Brest (29)
4.2.3.2.2. Mairie de Villeneuve le Roi (94)
4.2.3.2.3. vos exemples
4.2.3.3. les outils
4.2.3.3.1. http://www.twiki.org/
4.2.3.3.2. http://www.mediawiki.org/wiki/MediaWiki/fr
4.2.4. Les formulaires
4.2.4.1. Les fonctionnalitées
4.2.4.1.1. interactivité
4.2.4.1.2. accessibilité
4.2.4.1.3. récolte d'information
4.2.4.2. des exemples
4.2.4.2.1. Mairie de Thann(68)
4.2.4.2.2. Mairie d'Echirolles (38)
4.2.4.2.3. vos exemples
4.2.4.3. créer un formulaire
4.2.4.3.1. intégrer au CMS
4.2.4.3.2. externaliser
4.2.4.3.3. via une appli
4.3. Un peu de technique
4.3.1. Les concepts à maitriser
4.3.1.1. Le flux RSS une nouvelle diffusion de l'information
4.3.1.1.1. Définition
4.3.1.1.2. A quoi ça sert
4.3.1.1.3. Lecteur de flux
4.3.1.1.4. Trouver des flux
4.3.1.2. Le tag : une nouvelle hiérarchisation de l'information
4.3.1.2.1. Définition
4.3.1.2.2. A quoi ça sert
4.3.1.2.3. Notion de Folksonomie
4.3.1.2.4. Exemple
4.3.2. Les langages
4.3.2.1. HTML et XHTML
4.3.2.1.1. architecture de la page
4.3.2.2. CSS
4.3.2.2.1. mise en forme
4.3.2.3. php
4.3.2.3.1. créer un contenu dynamique
4.3.2.4. Le javascript
4.3.2.4.1. créer de l'interactivité
4.3.3. L'intranet / l'extranet
4.3.3.1. Différences
4.3.3.1.1. Intranet : sur un réseau local, non accessible de l'extérieur
4.3.3.1.2. Extranet : sur le web, accessible via connexion sécurisé depuis un navigateur internet
4.3.3.2. Les principales fonctions
4.3.3.2.1. Echange d'information
4.3.3.2.2. Travail collaboratif
4.3.3.2.3. Knowledge Management (partage des savoirs)
4.3.4. CMS : l'outil du web
4.3.4.1. Exemples
4.3.4.1.1. Joomla
4.3.4.1.2. SPIP
4.3.4.2. Les principales fonctions d'un CMS
4.3.4.2.1. Gestion dynamique des contenus
4.3.4.2.2. Gestion des droits d'utilisateurs (backoffice)
4.3.4.2.3. Gestion multisite
4.3.4.2.4. Gestion Multilingue
4.3.4.2.5. Moteur de recherche
4.3.4.2.6. Gestion des métas informations
4.3.4.2.7. Site de développement
4.3.4.2.8. Gestion de newsletter
4.3.4.2.9. Bibliothèque des médias
4.3.4.2.10. Gestion des pièces jointes
4.3.4.2.11. Intégration de modules complémentaires
4.4. La législation
4.4.1. CNIL
4.4.1.1. Plus d'obligation de déclarer un site
4.4.1.1.1. Tant qu'aucune information personnelle sur l'utilisateur n'est pas collectée
4.4.1.2. Le site de la CNIL
4.4.1.3. Respects des droits de l'utilisateur
4.4.1.3.1. droit d'information
4.4.1.3.2. droit d'opposition
4.4.1.3.3. droit de modification
4.4.1.4. Ne pas demander plus d'informations que celles nécessaires à la réponse du besoin exprimé par l'utilisateur
4.4.1.5. L'information collectée doit restée confidentielle et n'être utilisée que dans le cadre ou elle a été récoltée
4.4.2. Nom de domaine
4.4.2.1. 1 & 1
4.4.2.2. OVH
4.4.2.3. Gandi
4.4.3. W3C
4.4.3.1. recommandations et certification
4.4.3.2. pas d'obligation
4.4.3.3. un code "propre" pour une plus grande compatibilité
4.4.3.4. Obtenir une certification W3C
4.4.4. SPAM et emailing
4.4.4.1. Privilégier la qualité à la quantité
4.4.4.2. Utiliser un format propre et compatible
4.4.4.3. Ne pas forcer l'utilisateur
4.5. Exercice
4.5.1. Comment les conseils généraux communiquent ils auprès de leur différents publics ?
4.5.1.1. Citoyen
4.5.1.2. Relais d'opinion
4.5.1.3. Agents et élus du CG
4.5.1.4. Les autres collectivités
4.5.1.5. Les entreprises
4.5.1.6. Autre
4.5.2. Vos résultats
4.5.2.1. Groupe A
4.5.2.1.1. http://www.cg65.fr/front.aspx
4.5.2.1.2. http://www.isere.fr/
4.5.2.2. Groupe B
4.5.2.2.1. http://www.cg21.fr/jahia/jsp/index.jsp
4.5.2.2.2. http://www.haute-marne.fr/
4.5.2.2.3. http://www.cg55.fr/accueil/index.asp
4.5.2.3. Groupe C
4.5.2.4. Groupe D
4.5.2.4.1. http://www.cg94.fr/
5. Préparer un projet web 2.0
5.1. Ergonomie et arborescence
5.1.1. Notion d'ergonomie
5.1.1.1. Jacob Nielsen
5.1.1.1.1. Expert dans l'ergonomie et l'utilisabilité des sites web A défini 10 principes clés de conception de système.
5.1.1.1.2. "Un bon site est celui qui permet à ses utilisateurs de trouver facilement ce qu'ils cherchent. Et, à partir du moment où ils l'ont trouvé, de leur donner un contenu compréhensible et qui correspond à leurs besoins. "
5.1.1.2. Les principes
5.1.1.2.1. 1- Visibilité de statut du système
5.1.1.2.2. 2 - Correspondance entre le système et le monde réel
5.1.1.2.3. 3 - Contrôle de l’utilisateur et liberté
5.1.1.2.4. 4 - Normalisation et standards
5.1.1.2.5. 5 - Prévention contre les erreurs
5.1.1.2.6. 6 - Reconnaissance plutôt que rappel
5.1.1.2.7. 7 - Flexibilité et efficacité d’utilisation
5.1.1.2.8. 8 - Design et esthétique minimalistes
5.1.1.2.9. 9 - Fonctions de l’aide
5.1.1.2.10. 10 - Aide et documentation
5.1.2. Arborescence
5.1.2.1. Pas plus de 8 rubriques ou sous rubriques
5.1.2.2. Les sections (rubriques) doivent être équilibrées
5.1.2.3. L'utilisateur doit pouvoir accéder à tout en moins de 3 clics (pas plus de 3 niveaux d'arborescence)
5.1.2.4. Il faut penser à l'évolution de l'arborescence (catégories futures, traductions)
5.1.2.5. Une seule information à un endroit : pas de redite
5.1.2.6. Les intitulés des sections doivent correspondre aux besoins de l'utilisateur pas à l'organisation fonctionnelle de l'organisation
5.1.2.7. Les intitulés doivent comporter des mots servant le référencement. (pas de nom commun comme : qui somme nous ?)
5.1.2.8. La page d'accueil doit comporter des raccourcis vers les principales sections
5.1.2.8.1. On ne peut pas, avant la mise en ligne, prévoir quelles seront les sections les plus consultées / demandées
5.1.2.8.2. Ce sont les première statistiques d'utilisation qui fournissent ces réponses, dans un premier temps ces raccourcis sont pensés de façon intuitive
5.2. Etude préalable
5.2.1. Phase 1
5.2.1.1. Objectif du projet et contraintes
5.2.1.1.1. Faciliter la navigation et la recherche d'information sur le site Internet en fonction des publics visés.
5.2.1.2. Analyse de l'existant
5.2.1.2.1. Indentifier les cibles prioritaires pour le CG
5.2.1.2.2. Définir les leviers d'information manquants
5.2.1.2.3. Vos résultats
5.2.1.3. Benchmark de solutions équivalentes
5.2.1.3.1. http://www.eure-en-ligne.fr/cg27/
5.2.1.3.2. http://www.doubs.fr/filrouge/
5.2.1.3.3. http://www.cg26.fr/
5.2.1.3.4. http://www.cg61.fr/
5.2.1.3.5. http://www.cg18.fr/
5.2.1.3.6. http://www.seine-et-marne.fr/
5.2.1.3.7. http://www.cg90.fr/index.html
5.2.2. Phase 2
5.2.2.1. Segmentation utilisteur
5.2.2.1.1. Citoyen
5.2.2.1.2. Entreprise
5.2.2.1.3. Collectivité
5.2.2.1.4. Relais d'opinion
5.2.2.1.5. Association
5.2.2.2. Analyse des besoins
5.2.2.2.1. Citoyen
5.2.2.2.2. Entreprise
5.2.2.2.3. Collectivité
5.2.2.2.4. Relais d'opinion
5.2.2.2.5. Association
5.2.2.3. Proposition et dispositif
5.2.2.3.1. Site Internet
5.2.3. Phase 3
5.2.3.1. Identification des services à produire
5.2.3.2. Mesure de performance des outils choisis
5.2.4. validation
5.2.5. Phase 4
5.2.5.1. Définition de l'arborescence
5.2.5.2. Préparation de structure écran
5.2.5.3. Charte éditoriale
5.2.6. validation
5.2.7. Phase 5
5.2.7.1. Stratégie d'animation
5.2.7.1.1. Anticipation médiatique et solutions
5.2.7.2. La vie du dispositif
5.2.8. validation
5.2.9. Grille des services
5.2.9.1. Service
5.2.9.2. Objectifs
5.2.9.3. Description contenus/ services
5.2.9.4. Public prioritaire
5.2.9.5. Média utilisé
5.2.9.6. Bénéfices de l'utilisateur
5.2.9.7. Difficultés organisationnelles
5.2.9.8. Difficultés techniques
5.2.9.9. Version (priorité)
5.2.9.10. Commentaires
5.2.10. validation
5.3. Structure d'écran et maquettes
5.3.1. La structure d'écran défini l'emplacement des différents contenus (texte image menus)
5.3.1.1. Plusieurs page types sont ainsi définies
5.3.1.2. Structure d'écran = gabarits
5.3.2. La maquette intègre la charte graphique
5.4. les interlocuteurs
5.4.1. Décideur
5.4.2. Développeur
5.4.3. Hébergeur
5.4.4. Graphiste
5.4.5. Rédacteur
5.5. Le cahier des charges
5.5.1. Etude préalable
5.5.2. Arborescence
5.5.3. Structures d'écran et/ou maquettes
5.5.4. Organisation du suivi et de l'animation du site
5.6. la diffusion du cahier des charges
5.6.1. En fonction du budget, le projet doit être soumis à la procédure adaptée selon le code des marchés publics