Webdesign et pratique collaborative

51
Par Marie D. Martel ([email protected]) et Julie Fortin ([email protected]) Division Planification et développement Direction 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 et pratique collaborative

description

 

Transcript of Webdesign et pratique collaborative

Page 1: Webdesign et pratique collaborative

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

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

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

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

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

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

À 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

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

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

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

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

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

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

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

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

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

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

Analyse des services proposésdans le réseau

Page 19: Webdesign et pratique collaborative

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Présentation succinctede SOS Devoirs

Page 37: Webdesign et pratique collaborative
Page 38: Webdesign et pratique collaborative

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

Page 39: Webdesign et pratique collaborative

Médiagraphies thématiques

Page 40: Webdesign et pratique collaborative

Médiagraphies thématiques

Page 41: Webdesign et pratique collaborative

Catégorisation des thèmes

Page 42: Webdesign et pratique collaborative

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

Coffre à outils

Ressources de référence

Page 44: Webdesign et pratique collaborative

Sélection de jeux en ligne

Page 45: Webdesign et pratique collaborative

Environnement interactif

Page 46: Webdesign et pratique collaborative

Fonctionnalités collaboratives

Page 47: Webdesign et pratique collaborative

Jeu Faites votre Béha

Page 48: Webdesign et pratique collaborative

Sondage et quiz

Page 49: Webdesign et pratique collaborative

Sondage et quiz

Page 50: Webdesign et pratique collaborative

Animations

Page 51: Webdesign et pratique collaborative

Merci!