Download - Webdesign et pratique collaborative
![Page 1: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/1.jpg)
Par Marie D. Martel ([email protected]) et Julie Fortin ([email protected])
Division Planification et développementDirection associée – bibliothèques
Ville de Montréal
Congrès des milieux documentaires du Québec.Envisager de nouveaux partenariats.Montréal, 3 au 5 novembre 2010
Webdesign etpratique collaborative
![Page 2: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/2.jpg)
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
![Page 3: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/3.jpg)
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
![Page 4: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/4.jpg)
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
![Page 5: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/5.jpg)
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
![Page 6: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/6.jpg)
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
![Page 7: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/7.jpg)
À 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
Les études sur la place de la technologie chez les jeunes et leurs usages
![Page 8: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/8.jpg)
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
![Page 9: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/9.jpg)
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
![Page 10: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/10.jpg)
BAnQ. Espace jeunes New York Public Library
Radio-Canada. Zone jeunesse Los Angeles Public Library
Vrak.tv Denver Public Library
Cité des sciences. Zone jeunesse Hennepin County Library
Toronto Public Library Internet Public Library for Kids
Calgary Public Library KidsClik!
Ottawa Public Library PLCMC. BookHive
Richmond Public Library RIF. Reading Planet
L’analyse de l’offre et des meilleures pratiques
Quelques-uns des sites analysés :
![Page 11: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/11.jpg)
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
![Page 12: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/12.jpg)
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
![Page 13: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/13.jpg)
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.
![Page 14: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/14.jpg)
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
![Page 15: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/15.jpg)
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)
![Page 16: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/16.jpg)
L’expérience de design intergénérationnel
Cette démarche 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
![Page 17: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/17.jpg)
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
![Page 18: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/18.jpg)
Analyse des services proposésdans le réseau
![Page 19: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/19.jpg)
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.
![Page 20: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/20.jpg)
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
![Page 21: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/21.jpg)
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 : o Aide aux devoirs (SOS Devoirs)o Zone lectureo Zone destinée à l’amélioration de la littéracie de l’informationo Zone jeux o Zone communautaire (Montréal)
![Page 22: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/22.jpg)
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
![Page 23: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/23.jpg)
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
![Page 24: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/24.jpg)
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
![Page 25: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/25.jpg)
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 :
oDiminution du nombre d’intervenants afin de diminuer le délai entre la production des contenus et leur mise en ligne
![Page 26: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/26.jpg)
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 :
o Accès en ligne en tout temps et en tous lieux
o Interfaces de travail adaptées aux rôles attribués aux différents contributeurs
o Interface d’édition WYSIWYG
![Page 27: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/27.jpg)
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
![Page 28: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/28.jpg)
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é
![Page 29: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/29.jpg)
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
![Page 30: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/30.jpg)
La sélection du CMS
Spécificités liées à la sélection d’un système de gestion de contenus gratuit et à code source ouvert :
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
![Page 31: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/31.jpg)
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
![Page 32: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/32.jpg)
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 (compatibilité LDAP / SSL)
![Page 33: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/33.jpg)
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’utilisateurso Interface d’édition WYSIWYGo Création de types d’« objets » structurés spécifiques à notre contexte
Historique des révisions et gestion des flux de travail
![Page 34: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/34.jpg)
Le choix de Drupal
Préféré à Wordpress et Joomla!
Présence des caractéristiques technologiques essentielles préalablement identifiées
Potentiel en vue...o Du développement d’interfaces de travail facilitant la
contribution autonome des multiples partenaires envisagés, ayant des rôles et responsabilités distincts
o Du développement de services web incluant des fonctionnalités sociales évoluées
o D’une intégration transparente du catalogue et du site web des Bibliothèques
![Page 35: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/35.jpg)
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.
![Page 36: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/36.jpg)
Présentation succinctede SOS Devoirs
![Page 37: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/37.jpg)
![Page 38: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/38.jpg)
Contenus demandés par les jeunes et/ou appropriés à leurs besoins
![Page 39: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/39.jpg)
Médiagraphies thématiques
![Page 40: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/40.jpg)
Médiagraphies thématiques
![Page 41: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/41.jpg)
Catégorisation des thèmes
![Page 42: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/42.jpg)
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
![Page 43: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/43.jpg)
Coffre à outils
Ressources de référence
![Page 44: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/44.jpg)
Sélection de jeux en ligne
![Page 45: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/45.jpg)
Environnement interactif
![Page 46: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/46.jpg)
Fonctionnalités collaboratives
![Page 47: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/47.jpg)
Jeu Faites votre Béha
![Page 48: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/48.jpg)
Sondage et quiz
![Page 49: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/49.jpg)
Sondage et quiz
![Page 50: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/50.jpg)
Animations
![Page 51: Webdesign et pratique collaborative](https://reader033.vdocuments.site/reader033/viewer/2022061115/54646dedaf7959f22f8b4edd/html5/thumbnails/51.jpg)
Merci!