Le document présente un projet de solutions web prêtes-à-porter basé sur WordPress, visant à améliorer l'autonomie des utilisateurs et à réduire les coûts de création de sites. Il détaille la problématique rencontrée avec les anciennes plateformes, les solutions envisagées, ainsi qu'un premier projet concret, le cyberbulletin des employés de la ville. Les prochaines étapes incluent la mise en place progressive de l'offre et des processus de maintenance d'ici fin 2012.

1. Solutions Web
« prêtes-à-porter »
avec WordPress
WordCamp Montréal 2012
2012-08-18
Stéphane Plante

2. Au programme
aujourd’hui
Comment nous avons mis en place une offre de solutions Web pouvant
être déployées à la demande
• La problématique
• La recherche d’une solution
• Les objectifs de ce projet
• Notre démarche
• Un premier projet concret :
le cyberbulletin des employés de la Ville
• Le processus de maintenance et d’évolution
• Les prochaines étapes

3. La problématique
• Plateforme de gestion de contenu actuelle désuète
• Temps de réalisation de sites très long
• Dépendance auprès d’intégrateurs Web
• Client qui est peu ou pas autonome

4. La problématique

5. La problématique

6. La recherche d’une
solution
• Nouvelle solution qui doit se faire à très faible coût
• Choix de plusieurs solutions (logiciels libres)
• Systèmes de gestion de contenu mature
• Robuste pour Internet
• Agile pour l’intranet
• Redonner l’autonomie aux clients
• Idée d’une solution prête-à-porter
• « Utile maintenant, parfait trop tard »
• WordPress (fait l’objet d’une orientation technologique)

7. Quelques objectifs de
ce projet
• Réduire les coûts de réalisation des sites
• Ne pas faire de développement de plugiciels
• Utiliser un maximum de composantes
réutilisables entre les instances
• Offrir un déploiement rapide et à la demande
de sites intranet, cyberbulletins et
observatoires
• Offrir des ensembles (Packages) plugiciels +
thème adapté aux besoins identifiés

8. Quelques objectifs de
ce projet
• Rendre les utilisateurs autonomes dans la
production de contenus
• Partager avec d’autres administrations publiques
• Expérimenter avec le design «responsive» et le
HTML5 ainsi qu’avec des versions de sites dédiés
aux plateformes mobiles
• Implanter des solutions Web qui respectent les
standards (W3C) et qui sont indépendantes des
plateformes (Device independence) (OS,
navigateurs, mobiles)

9. Indépendance des plateformes
(Device independence)

10. Démarche du projet
• Inventaire des fonctionnalités
• 70 regroupées en trois
thématiques
• Pour les utilisateurs
• Pour les administrateurs
• De sécurité (Internet)

11. Sélection des plugiciels
Support de la localisation

12. Tester un plugiciel
• Fonctionnel
• Ergonomique
• Contextuel
(Prototypage)
• Performance
(pas encore évalué)

13. Sélection d’un thème
• Répondre aux besoins de
• Cyberbulletin
• Site intranet
• Observatoire

14. Prototypage
Étonnamment, peu de mauvaise surprise à cet égard, ci ce
n’est parfois certains petits problèmes d’affichages qui
seront généralement résolus par l’adaptation de la feuille
de style dans un thème enfant.

15. Un premier projet :
le cyberbulletin des employés

17. Les plugiciels utilisés
Plugiciels liés à l'utilisation
•Formulaire de contact- Contact Form 7
•Widget photo - Image Widget
•Intégration des vidéos - JW Player Plugin for WordPress
•Calendrier - The Events Calendar (The Events Calendar PRO)
•Création de formulaires - Visual Form Builder
•Gestion des Widgets - Widget Logic Visual
•Vox pop - WP-Polls
•Évaluation d'un article - WP-PostRatings
•Fonctionnalité de popularité - WP-PostViews
Plugiciels liés à l'administration
•Outil de sauvegarde - BackUpWordPress
•Vérification de liens brisés - Broken Link Checker
•Traduction des plugiciels et thèmes - CodeStyling Localization
•Mode maintenance - Maintenance Mode
•Notification multiple - Comments Notifier
•Personnalisation du formulaire de commentaire - Disable / Hide Comment URL (disable-hide-comment-url)
•Personnalisation de la fenêtre d’authentification - Login Logo
•Restriction d’accès - Private WordPress - (utilisation seulement pour limiter l'accès en cours de développement)
•Redirection
•Recherche évoluée - Relevanssi
•Rechercher remplacer- Search and Replace
•Importation - WordPress Importer
•Cache - WP Super Cache
•Infolettre - Wysija Newsletters

18. Les plugiciels utilisés

19. • Formation
• Utilisateurs une journée
• Éditeurs et administrateurs + 1/2 journée
(images, galeries+ vidéos)
• Principe « donner au suivant »
• Rôles
• Contributeurs pour la majorité
• Éditeurs ou administrateurs pour l’équipe responsable
• Équipe TI administrateurs

20. Bilan pour
ce premier site
• Tout est déposé dans WordPress
• Réussite :
• Autonomie des utilisateurs
(même pour la vidéo)
• Projet réalisé en moins de deux mois

21. Maintenance et
évolution
• Vive la rétrocompatibilité de WordPress
• À l’avenir, mise à jour des environnements
au même rythme que WordPress
• Gestion du changement dans notre
organisation

22. Prochaines étapes
• Mise en place progressive de l’offre PAP
d’ici la fin de 2012
• Mise en place du processus de maintenance
et d’évolution
• Retour à la communauté des traductions

23. En conclusion
• Nos objectifs sont atteints
• Appropriation par les utilisateurs
• Coûts de réalisation à la baisse
(10 x moins)
• Un observatoire en ligne bientôt
• Équipe d’une personne et deux demies

24. Des questions ?
• @plantest
• Linkedin