Par Marie D. Martel (marie.d.martel@ville.montreal.qc)

1. Congrès des milieux documentaires du Québec. Envisager de nouveaux partenariats. Montréal, 3 au 5 novembre 2010 Webdesign et pratique collaborative Par Marie D. Martel (marie.d.martel@ville.montreal.qc.ca) et Julie Fortin (jj.fortin@ville.montreal.qc.ca) Division Planification et développement Direction associée – bibliothèques Ville de Montréal

2. Programme • La démarche de l’avant-projet • L’expérience de design intergénérationnel • La solution de gestion de la publication web • Une visite succincte de SOS Devoirs

3. La démarche exploratoire del’avant-projet 1. Les bases stratégiques formulées dans le cadre des documents de gestion interne 2. Les études sur la place de la technologie dans la perception des jeunes et leurs usages 3. L’analyse de l’offre actuelle et des meilleures pratiques proposées par les fournisseurs de ressources en ligne à l’intention des jeunes 4. Les études sur le développement de sites web pour la jeunesse

4. La démarche exploratoire del’avant-projet 5. Une expérience de design intergénérationnel 6. Un focus-groupe avec les bibliothécaires du réseau 7. La recension et l’analyse des services et des produits documentaires à l’intention des jeunes existant déjà dans le réseau des bibliothèques de Montréal

5. Les documents de gestion interne • La Politique de développement culturel de la Ville de Montréal • Orientation, Montréal, une ville de savoir • Politique familiale à la Ville de Montréal • Les axes stratégiques des Bibliothèques publiques de la Ville de Montréal • Le Diagnostic 2008 des Bibliothèques publiques de la Ville de Montréal

6. Les études sur la place de la technologie chez les jeunes et leurs usages • Giroux, L., et al. 2007. Les jeunes et Internet : 2006 : Rapport final de l’enquête menée au Québec. Ministère de la Culture et des Communications. http://mcc.quebectel.qc.ca/sites/mcc/clinstat.nsf/285616ce2ea7426785256db10051389d/9dec0d5b4f69834b852572db006db58f?OpenDocument • John D. and Catherine T. MacArthur Foundation. 2008. Kids' Informal Learning with Digital Media: An Ethnographic Investigation of Innovative Knowledge Cultures. http://digitalyouth.ischool.berkeley.edu/node/1 • Youth and Media. Digital Natives. Berkman Center for Internet & Society. Harvard University http://cyber.law.harvard.edu/research/youthandmedia/digitalnatives • CEFRIO. 2008. La génération C – Les 12-24 ans : moteurs de transformation des organisations. http://www.cefrio.qc.ca/index.php?id=80&tx_ttnews[pointer]=1&tx_ttnews[tt_news]=4528&tx_ttnews[backPid]=82&cHash=1f5f3459a4

7. Les études sur la place de la technologie chez les jeunes et leurs usages À retenir : • Le web et les nouveaux médias sociaux : des lieux d’information, de documentation et d’apprentissage • La participation et l’interaction • Un doute à l’égard de la fiabilité des informations sur le web • Une demande pour que les conditions d’une utilisation éclairée d’Internet soient réunies

8. Les études sur la spécificité montréalaise Montréal en Statistiques. http://ville.montreal.qc.ca/portalpage_pageid=6897,67633583&_dad=portal&_schema=PORTAL …ainsi que d’autres études réalisées par des organismes montréalais À retenir : • La francisation et de l’intégration des nouveaux arrivants • L’enjeu de la littéracie

9. Conclusion de la cueillettede données À retenir : • un outil participatif et inclusif, qui favorise l’autonomie des enfants et l’équité dans l’accès

10. L’analyse de l’offre et des meilleures pratiques • Quelques-uns des sites analysés :

11. L’analyse de l’offreet des meilleures pratiques Contenu • Aide aux devoirs • Activités de la bibliothèque • Activités locales • Rubrique pour les professeurs et parents • Suggestions de lecture • Sécurité sur Internet • Bibliothécaire en ligne • Jeux • Bases de données • Médiagraphies • Contenus créés par les enfants Fonctionnalités • Sondage en ligne • Critiques de livres par les usagers • Clavardage ou courriel avec un bibliothécaire • Fils RSS

12. Les études sur le développement de sites web pour la jeunesse • Blowers. H. Bryan. Robin. 2004. Weaving a Library Website : A Guide to Developping Children’s Websites. Chicago : ALA. • Cooper, Linda Z. 2005. Developmentally Appropriate Digital Environments for Young Children. Library Trends 54, no 2 : 286-302. http://muse.jhu.edu/journals/library_trends/v054/54.2cooper.html • Druin, A. 2005. What children can teach us: Developing digital libraries for children.Library Quarterly, 75, no 1 : 20-41. • Druin, A (ed.). 2005. Children's Access and Use of Digital Resources. Library Trends. 54, No 2. Consulté en septembre 2007 à http://muse.jhu.edu/journals/library_trends/toc/lib54.2.html • Large, J. A. Beheshti, Jamshid. 2005. Interface Design, Web Portals, and Children. Library Trends 54, no 2 : 318-342http://muse.jhu.edu/login?uri=/journals/library_trends/v054/54.2large.html • New Review of Children's Literature and Librarianship. Routledge. 2008 : http://www.informaworld.com/smpp/title~db=all~content=g910362540

13. Résultats empiriques de Large et als. • Des sites webs faits par les adultes pour des besoins technologiques d’adultes • Les enfants ont des besoins technologiques particuliers • En intégrant les enfants dans le processus de design, on obtient des directives pour créer des outils technologiques appropriés • La méthodolologie du design intergénérationnel : une démarche structurée et scénarisée impliquant des enfants et des adultes.

14. L’expérience de design intergénérationnel Méthodologie : • 8 enfants de 4e et 5e année du primaire (4 filles et 4 garçons âgés entre 9 et 11 ans) • 2 bibliothécaires jeunesse et une animatrice • 7 rencontres d’une heure à raison d’une fois par semaine

15. L’expérience de design intergénérationnel • Séance 1 : Je visite ma bibliothèque publique • Séance 2 : Pour faire mes recherches et mes travaux scolaires (contenu informationnel et documentaire) • Séance 3 : Pour lire (contenu lié à la lecture ) • Séance 4 : Pour m’amuser (contenu ludique) • Séance 5 : Pour chercher (fonctionnalités de recherche) • Séance 6 : Je choisis une interface qui me plaît (éléments graphiques) • Séance 7 : Je crée le portail idéal (synthèse, discussion et recherche d’un consensus)

16. L’expérience de design intergénérationnel Cette démarche nous a permis de déterminer des directives : • pour développer un outil qui supporte technologiquement les jeunes • qui reflètent leurs besoins • qui permettent de valider certaines hypothèses concurrentes qui ressortaient quant aux meilleures pratiques

17. Un focus-groupe avec les bibliothécaires du réseau • Plus d’une trentaine de bibliothécaires du réseau • Différences de vision, clivage administratif et générationnel • Le web instrumental versus le service web et le territoire à explorer

18. Analyse des services proposésdans le réseau

19. Synthèse • Un but : Amener la bibliothèque aux enfants et les enfants à la bibliothèque • Une mission : Exploiter les dimensions participatives et interactives du Web pour offrir aux enfants de la Ville de Montréal et d’ailleurs dans la francophonie, de même qu’à ceux qui les accompagne dans leur développement, des expériences, des ressources et des activités de médiation appropriées et enrichies en lien et, en complément avec, les services qu’ils reçoivent dans leur bibliothèque de quartier.

20. Synthèse Les objectifs : • Promouvoir la lecture et la littéracie • Fournir un accès à des ressources gratuites, fiables et de qualité • Contribuer à la formation à l’information • Favoriser la socialisation et la participation • Servir de vitrine promotionnelle pour les collections, les programmes et les activités • Présenter une offre de service comparable à ce qui se fait dans les villes nord-américaines de même dimension

21. Le contenu etles orientations générales • Les services web jeunesse : les outils pour la recherche d’information et la référence, l’aide aux devoirs, la médiation, la recommandation de lecture • Agencement des contenus en 5 zones : • Aide aux devoirs (SOS Devoirs) • Zone lecture • Zone destinée à l’amélioration de la littéracie de l’information • Zone jeux • Zone communautaire (Montréal)

22. La solution de gestion de la publication web • Sélection d’une méthode de publication web • Sélection du système de gestion de contenus

23. La sélection de la méthode de publication web Méthode utilisée pour la publication devait permettre l’atteinte des conditions de réussite identifiées : • Par et pour les jeunes • Par et pour les bibliothécaires

24. Les conditions de réussite- jeunes - Assurer la participation et la satisfaction des jeunes à l’égard du site : • offre riche et diversifiée de contenus et d’activités • ajouts fréquents d’activités et de recommandations documentaires • activités interactives en ligne • possibilité d’exprimer leur opinion

25. Les conditions de réussite- bibliothécaires et autres partenaires - Assurer la participation et la satisfaction à l’égard du système : • Simplification de la structure de publication : • Diminution du nombre d’intervenants afin de diminuer le délai entre la production des contenus et leur mise en ligne

26. Conditions de réussite- bibliothécaires et autres partenaires - Assurer la participation et la satisfaction à l’égard du système : • Offre de fonctionnalités permettant une publication autonome des contenus : • Accès en ligne en tout temps et en tous lieux • Interfaces de travail adaptées aux rôles attribués aux différents contributeurs • Interface d’édition WYSIWYG

27. La recherche d’une solution technologique Activités : • Recherche documentaire • Échanges avec des professionnels de la diffusion web (rencontres inter-organisations, conférences, discussions) • Formation sur les CMS et explorations

28. Les solutions technologiques envisagées • Solution maison combinant des sections statiques et d’autres dont la publication serait automatisée (gabarits et BD) • Système de gestion de contenus (CMS) gratuit et à code source ouvert (Open Source) personnalisé

29. La sélection du CMS Étapes : • Élaboration de listes de caractéristiques du système idéal • Identification des CMS susceptibles de répondre à ces besoins • Analyse comparative des caractéristiques des CMS envisagés • Sélection finale

30. La sélection du CMS À retenir pour la sélection d’un CMS gratuit et à code source ouvert : • popularité et utilisation dans le contexte nord-américain et québécois, au sein des milieux documentaires • Communauté locale de développeurs active • Événements : conférences et activités de formation • Documentation : manuels commerciaux • En ligne : listes de diffusion et forums publics • Hébergement et services professionnels externes

31. La sélection du CMS Base technologique : • Apache (Serveur applicatif et serveur web) • MySQL (Système de gestion de base de données) • PHP (Langage de programmation) • Déploiement multi-site et création de sous-sites Interopérabilité : • Respect de normes technologiques promues par le W3C (XHTML; WCAG 1.0 partiel) • Syndication de contenu (i.e. génération automatique de fils RSS) • Fils iCal

32. La sélection du CMS Sécurité : • Gestion de l’authentification et des sessions (historique et privilèges granulaires) • Possibilité de développer un mécanisme d’authentification unique à tous les services web de l’organisation

33. La sélection du CMS Fonctionnalités conditionnelles au développement d’une infrastructure collaborative : • Définition granulaire de groupes et de rôles d’utilisateurs (autorisations) • Extensibilité et personnalisation des différents profils d’utilisateurs • Possibilité de développer des interfaces de travail intuitives à l’intention de certains groupes d’utilisateurs • Interface d’édition WYSIWYG • Création de types d’« objets » structurés spécifiques à notre contexte • Historique des révisions et gestion des flux de travail

34. Le choix de Drupal • Préféré à Wordpress et Joomla! • Présence des caractéristiques technologiques essentielles préalablement identifiées • Potentiel en vue... • Du développement d’interfaces de travail facilitant la contribution autonome des multiples partenaires envisagés, ayant des rôles et responsabilités distincts • Du développement de services web incluant des fonctionnalités sociales évoluées • D’une intégration transparente du catalogue et du site web des Bibliothèques

35. Avant de passer à la visitede SOS Devoirs À noter : • Le site web jeunesse est un projet d’envergure qui a été découpé en plusieurs phases dont SOS Devoirs constitue la 1ère phase. • Les efforts ont été principalement mis sur le développement initial des contenus, l’intégration d’éléments interactifs et l’aspect graphique. • L’alimentation des contenus, même si elle demeure pour l’instant centralisée, est effectuée de façon autonome par des bibliothécaires. • Les jeunes sont des contributeurs anonymes.

36. Présentation succincte de SOS Devoirs

38. Contenus demandés par les jeunes et/ou appropriés à leurs besoins

39. Médiagraphies thématiques

40. Médiagraphies thématiques

41. Catégorisation des thèmes

42. Un coffre à outils intégrant des ressources : • de référence générale en ligne • de formation à la recherche • de formation à l’utilisation d’Internet • et plus… Ressources de référence

43. Coffre à outils Ressources de référence

44. Sélection de jeux en ligne

45. Environnement interactif

46. Fonctionnalités collaboratives

47. Jeu Faites votre Béha

48. Sondage et quiz

49. Sondage et quiz

50. Animations