Par Marie D. Martel (marie.d.martel@ville.montreal.qc.ca)  et Julie Fortin (jj.fortin@ville.montreal.qc.ca) Division Plani...
Programme <ul><li>La démarche de l’avant-projet  </li></ul><ul><li>L’expérience de design intergénérationnel  </li></ul><u...
La démarche exploratoire de l’avant-projet  <ul><li>1. Les bases stratégiques formulées dans le cadre des documents de ges...
La démarche exploratoire de l’avant-projet  <ul><li>5. Une expérience de design intergénérationnel </li></ul><ul><li>6. Un...
Les documents de gestion interne  <ul><li>La Politique de développement culturel de la Ville de Montréal  </li></ul><ul><l...
Les études sur la place de la technologie chez les jeunes et leurs usages  <ul><li>Giroux, L., et al. 2007.  Les jeunes et...
<ul><li>À retenir : </li></ul><ul><li>Le web et les nouveaux médias sociaux : des lieux d’information, de documentation et...
Les études sur la spécificité montréalaise <ul><li>Montréal en Statistiques.  http://ville.montreal.qc.ca/portalpage_pagei...
Conclusion de la cueillette de données <ul><li>À retenir : </li></ul><ul><li>un outil participatif et inclusif, qui favori...
L’analyse de l’offre  et des meilleures pratiques  Quelques-uns des sites analysés : BAnQ. Espace jeunes New York Public L...
L’analyse de l’offre et des meilleures pratiques  <ul><li>Contenu </li></ul><ul><li>Aide aux devoirs </li></ul><ul><li>Act...
Les études sur le développement de sites web pour la jeunesse  <ul><li>Blowers. H. Bryan. Robin. 2004. Weaving a Library W...
Résultats empiriques de Large et als. <ul><li>Des sites webs faits par les adultes pour des besoins technologiques d’adult...
L’expérience de design intergénérationnel <ul><li>Méthodologie : </li></ul><ul><li>8 enfants de 4 e  et 5 e  année du prim...
L’expérience de design intergénérationnel <ul><li>Séance 1 : Je visite ma bibliothèque publique </li></ul><ul><li>Séance 2...
L’expérience de design intergénérationnel <ul><li>Cette démarche a permis de déterminer des directives : </li></ul><ul><li...
Un focus-groupe avec les bibliothécaires du réseau  <ul><li>Plus d’une trentaine de bibliothécaires du réseau </li></ul><u...
Analyse des services proposés dans le réseau
Synthèse <ul><li>Un but  :  </li></ul><ul><li>Amener la bibliothèque aux enfants et les enfants à la bibliothèque </li></u...
Synthèse <ul><li>Les objectifs : </li></ul><ul><li>Promouvoir la  lecture et la littéracie  </li></ul><ul><li>Fournir un a...
Le contenu et les orientations générales  <ul><li>Les services web jeunesse : les outils pour la recherche d’information e...
La solution de gestion de la publication web <ul><li>Sélection d’une méthode de publication web </li></ul><ul><li>Sélectio...
La sélection de la méthode de publication web <ul><li>Méthode utilisée pour la publication devait permettre l’atteinte des...
Les conditions de réussite - jeunes - <ul><li>Assurer la participation et la satisfaction des  jeunes  à l’égard du site :...
Les conditions de réussite - bibliothécaires et autres partenaires - <ul><li>Assurer la participation et la satisfaction à...
Conditions de réussite - bibliothécaires et autres partenaires - <ul><li>Assurer la participation et la satisfaction à l’é...
La recherche d’une solution technologique <ul><li>Activités : </li></ul><ul><li>Recherche documentaire </li></ul><ul><li>É...
Les solutions technologiques envisagées <ul><li>Solution maison combinant des sections statiques et d’autres dont la publi...
La sélection du CMS <ul><li>Étapes : </li></ul><ul><li>Élaboration de listes de caractéristiques  du système idéal </li></...
La sélection du CMS <ul><li>Spécificités liées à la sélection d’un système de gestion de contenus gratuit et à code source...
La sélection du CMS <ul><li>Base technologique : </li></ul><ul><li>Apache (Serveur applicatif et serveur web) </li></ul><u...
La sélection du CMS <ul><li>Sécurité : </li></ul><ul><li>Gestion de l’authentification et des sessions (historique et priv...
La sélection du CMS <ul><li>Fonctionnalités conditionnelles au développement d’une infrastructure collaborative : </li></u...
Le choix de Drupal <ul><li>Préféré à Wordpress et Joomla! </li></ul><ul><li>Présence des caractéristiques technologiques e...
Avant de passer à la visite de SOS Devoirs <ul><li>À noter : </li></ul><ul><li>Le site web jeunesse est un projet d’enverg...
  Présentation succincte de SOS Devoirs
 
  Contenus demandés par les jeunes et/ou appropriés à leurs besoins
Médiagraphies thématiques
Médiagraphies thématiques
Catégorisation des thèmes
<ul><li>Un  coffre à outils  intégrant des ressources : </li></ul><ul><li>de référence générale en ligne </li></ul><ul><li...
Coffre à outils Ressources de référence
Sélection de jeux en ligne
  Environnement interactif
Fonctionnalités collaboratives
Jeu  Faites votre Béha
Sondage et quiz
Sondage et quiz
Animations
  Merci!
Prochain SlideShare
Chargement dans…5
×

Webdesign et pratique collaborative

1 821 vues

Publié le

Publié dans : Formation, Business
0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
1 821
Sur SlideShare
0
Issues des intégrations
0
Intégrations
131
Actions
Partages
0
Téléchargements
12
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive
  • Sélection de jeux en ligne : parce qu’il n’y a pas que le travail dans la vie!
  • Webdesign et pratique collaborative

    1. 1. 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 Congrès des milieux documentaires du Québec. Envisager de nouveaux partenariats . Montréal, 3 au 5 novembre 2010 Webdesign et pratique collaborative
    2. 2. Programme <ul><li>La démarche de l’avant-projet </li></ul><ul><li>L’expérience de design intergénérationnel </li></ul><ul><li>La solution de gestion de la publication web </li></ul><ul><li>Une visite succincte de SOS Devoirs </li></ul>
    3. 3. La démarche exploratoire de l’avant-projet <ul><li>1. Les bases stratégiques formulées dans le cadre des documents de gestion interne </li></ul><ul><li>2. Les études sur la place de la technologie dans la perception des jeunes et leurs usages </li></ul><ul><li>3. L’analyse de l’offre actuelle et des meilleures pratiques proposées par les fournisseurs de ressources en ligne à l’intention des jeunes </li></ul><ul><li>4. Les études sur le développement de sites web pour la jeunesse </li></ul>
    4. 4. La démarche exploratoire de l’avant-projet <ul><li>5. Une expérience de design intergénérationnel </li></ul><ul><li>6. Un focus-groupe avec les bibliothécaires du réseau </li></ul><ul><li>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 </li></ul>
    5. 5. Les documents de gestion interne <ul><li>La Politique de développement culturel de la Ville de Montréal </li></ul><ul><li>Orientation, Montréal, une ville de savoir </li></ul><ul><li>Politique familiale à la Ville de Montréal </li></ul><ul><li>Les axes stratégiques des Bibliothèques publiques de la Ville de Montréal </li></ul><ul><li>Le Diagnostic 2008 des Bibliothèques publiques de la Ville de Montréal </li></ul>
    6. 6. Les études sur la place de la technologie chez les jeunes et leurs usages <ul><li>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 </li></ul><ul><li>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 </li></ul><ul><li>Youth and Media. Digital Natives. Berkman Center for Internet & Society. Harvard University http://cyber.law.harvard.edu/research/youthandmedia/digitalnatives </li></ul><ul><li>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 </li></ul>
    7. 7. <ul><li>À retenir : </li></ul><ul><li>Le web et les nouveaux médias sociaux : des lieux d’information, de documentation et d’apprentissage </li></ul><ul><li>La participation et l’interaction </li></ul><ul><li>Un doute à l’égard de la fiabilité des informations sur le web </li></ul><ul><li>Une demande pour que les conditions d’une utilisation éclairée d’Internet soient réunies </li></ul>Les études sur la place de la technologie chez les jeunes et leurs usages
    8. 8. Les études sur la spécificité montréalaise <ul><li>Montréal en Statistiques. http://ville.montreal.qc.ca/portalpage_pageid=6897,67633583&_dad=portal&_schema=PORTAL </li></ul><ul><li>… ainsi que d’autres études réalisées par des organismes montréalais </li></ul><ul><li>À retenir : </li></ul><ul><li>La francisation et de l’intégration des nouveaux arrivants </li></ul><ul><li>L’enjeu de la littéracie </li></ul>
    9. 9. Conclusion de la cueillette de données <ul><li>À retenir : </li></ul><ul><li>un outil participatif et inclusif, qui favorise l’autonomie des enfants et l’équité dans l’accès </li></ul>
    10. 10. L’analyse de l’offre et des meilleures pratiques Quelques-uns des sites analysés : 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
    11. 11. L’analyse de l’offre et des meilleures pratiques <ul><li>Contenu </li></ul><ul><li>Aide aux devoirs </li></ul><ul><li>Activités de la bibliothèque </li></ul><ul><li>Activités locales </li></ul><ul><li>Rubrique pour les professeurs et parents </li></ul><ul><li>Suggestions de lecture </li></ul><ul><li>Sécurité sur Internet </li></ul><ul><li>Bibliothécaire en ligne </li></ul><ul><li>Jeux </li></ul><ul><li>Bases de données </li></ul><ul><li>Médiagraphies </li></ul><ul><li>Contenus créés par les enfants </li></ul><ul><li>Fonctionnalités </li></ul><ul><li>Sondage en ligne </li></ul><ul><li>Critiques de livres par les usagers </li></ul><ul><li>Clavardage ou courriel avec un bibliothécaire </li></ul><ul><li>Fils RSS </li></ul>
    12. 12. Les études sur le développement de sites web pour la jeunesse <ul><li>Blowers. H. Bryan. Robin. 2004. Weaving a Library Website : A Guide to Developping Children’s Websites. Chicago : ALA. </li></ul><ul><li>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 </li></ul><ul><li>Druin, A. 2005. What children can teach us: Developing digital libraries for children. Library Quarterly , 75, no 1 : 20-41. </li></ul><ul><li>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 </li></ul><ul><li>Large, J. A. Beheshti, Jamshid. 2005. Interface Design, Web Portals, and Children. Library Trends 54, no 2 : 318-342 http://muse.jhu.edu/login?uri=/journals/library_trends/v054/54.2large.html </li></ul><ul><li>New Review of Children's Literature and Librarianship. Routledge. 2008 : http://www.informaworld.com/smpp/title~db=all~content=g910362540 </li></ul>
    13. 13. Résultats empiriques de Large et als. <ul><li>Des sites webs faits par les adultes pour des besoins technologiques d’adultes </li></ul><ul><li>Les enfants ont des besoins technologiques particuliers </li></ul><ul><li>En intégrant les enfants dans le processus de design, on obtient des directives pour créer des outils technologiques appropriés </li></ul><ul><li>La méthodolologie du design intergénérationnel : une démarche structurée et scénarisée impliquant des enfants et des adultes. </li></ul>
    14. 14. L’expérience de design intergénérationnel <ul><li>Méthodologie : </li></ul><ul><li>8 enfants de 4 e et 5 e année du primaire </li></ul><ul><li>(4 filles et 4 garçons âgés entre 9 et 11 ans) </li></ul><ul><li>2 bibliothécaires jeunesse et une animatrice </li></ul><ul><li>7 rencontres d’une heure à raison d’une fois par semaine </li></ul>
    15. 15. L’expérience de design intergénérationnel <ul><li>Séance 1 : Je visite ma bibliothèque publique </li></ul><ul><li>Séance 2 : Pour faire mes recherches et mes travaux scolaires (contenu informationnel et documentaire) </li></ul><ul><li>Séance 3 : Pour lire (contenu lié à la lecture ) </li></ul><ul><li>Séance 4 : Pour m’amuser (contenu ludique) </li></ul><ul><li>Séance 5 : Pour chercher (fonctionnalités de recherche) </li></ul><ul><li>Séance 6 : Je choisis une interface qui me plaît (éléments graphiques) </li></ul><ul><li>Séance 7 : Je crée le portail idéal (synthèse, discussion et recherche d’un consensus) </li></ul>
    16. 16. L’expérience de design intergénérationnel <ul><li>Cette démarche a permis de déterminer des directives : </li></ul><ul><li>pour développer un outil qui supporte technologiquement les jeunes </li></ul><ul><li>qui reflètent leurs besoins </li></ul><ul><li>qui permettent de valider certaines hypothèses concurrentes qui ressortaient quant aux meilleures pratiques </li></ul>
    17. 17. Un focus-groupe avec les bibliothécaires du réseau <ul><li>Plus d’une trentaine de bibliothécaires du réseau </li></ul><ul><li>Différences de vision, clivage administratif et générationnel </li></ul><ul><li>Le web instrumental versus le service web et le territoire à explorer </li></ul>
    18. 18. Analyse des services proposés dans le réseau
    19. 19. Synthèse <ul><li>Un but : </li></ul><ul><li>Amener la bibliothèque aux enfants et les enfants à la bibliothèque </li></ul><ul><li>Une mission : </li></ul><ul><li> 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. </li></ul>
    20. 20. Synthèse <ul><li>Les objectifs : </li></ul><ul><li>Promouvoir la lecture et la littéracie </li></ul><ul><li>Fournir un accès à des ressources gratuites, fiables et de qualité </li></ul><ul><li>Contribuer à la formation à l’information </li></ul><ul><li>Favoriser la socialisation et la participation </li></ul><ul><li>Servir de vitrine promotionnelle pour les collections, les programmes et les activités </li></ul><ul><li>Présenter une offre de service comparable à ce qui se fait dans les villes nord-américaines de même dimension </li></ul>
    21. 21. Le contenu et les orientations générales <ul><li>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 </li></ul><ul><li>Agencement des contenus en 5 zones : </li></ul><ul><ul><li>Aide aux devoirs (SOS Devoirs) </li></ul></ul><ul><ul><li>Zone lecture </li></ul></ul><ul><ul><li>Zone destinée à l’amélioration de la littéracie de l’information </li></ul></ul><ul><ul><li>Zone jeux </li></ul></ul><ul><ul><li>Zone communautaire (Montréal) </li></ul></ul>
    22. 22. La solution de gestion de la publication web <ul><li>Sélection d’une méthode de publication web </li></ul><ul><li>Sélection du système de gestion de contenus </li></ul>
    23. 23. La sélection de la méthode de publication web <ul><li>Méthode utilisée pour la publication devait permettre l’atteinte des conditions de réussite identifiées : </li></ul><ul><li>Par et pour les jeunes </li></ul><ul><li>Par et pour les bibliothécaires </li></ul>
    24. 24. Les conditions de réussite - jeunes - <ul><li>Assurer la participation et la satisfaction des jeunes à l’égard du site : </li></ul><ul><li>offre riche et diversifiée de contenus et d’activités </li></ul><ul><li>ajouts fréquents d’activités et de recommandations documentaires </li></ul><ul><li>activités interactives en ligne </li></ul><ul><li>possibilité d’ exprimer leur opinion </li></ul>
    25. 25. Les conditions de réussite - bibliothécaires et autres partenaires - <ul><li>Assurer la participation et la satisfaction à l’égard du système : </li></ul><ul><li>Simplification de la structure de publication : </li></ul><ul><ul><li>Diminution du nombre d’intervenants afin de diminuer le délai entre la production des contenus et leur mise en ligne </li></ul></ul>
    26. 26. Conditions de réussite - bibliothécaires et autres partenaires - <ul><li>Assurer la participation et la satisfaction à l’égard du système : </li></ul><ul><li>Offre de fonctionnalités permettant une publication autonome des contenus : </li></ul><ul><ul><li>Accès en ligne en tout temps et en tous lieux </li></ul></ul><ul><ul><li>Interfaces de travail adaptées aux rôles attribués aux différents contributeurs </li></ul></ul><ul><ul><li>Interface d’édition WYSIWYG </li></ul></ul>
    27. 27. La recherche d’une solution technologique <ul><li>Activités : </li></ul><ul><li>Recherche documentaire </li></ul><ul><li>Échanges avec des professionnels de la diffusion web (rencontres inter-organisations, conférences, discussions) </li></ul><ul><li>Formation sur les CMS et explorations </li></ul>
    28. 28. Les solutions technologiques envisagées <ul><li>Solution maison combinant des sections statiques et d’autres dont la publication serait automatisée (gabarits et BD) </li></ul><ul><li>Système de gestion de contenus (CMS) gratuit et à code source ouvert (Open Source) personnalisé </li></ul>
    29. 29. La sélection du CMS <ul><li>Étapes : </li></ul><ul><li>Élaboration de listes de caractéristiques du système idéal </li></ul><ul><li>Identification des CMS susceptibles de répondre à ces besoins </li></ul><ul><li>Analyse comparative des caractéristiques des CMS envisagés </li></ul><ul><li>Sélection finale </li></ul>
    30. 30. La sélection du CMS <ul><li>Spécificités liées à la sélection d’un système de gestion de contenus gratuit et à code source ouvert : </li></ul><ul><li>Communauté locale de développeurs active </li></ul><ul><li>Événements : conférences et activités de formation </li></ul><ul><li>Documentation : manuels commerciaux </li></ul><ul><li>En ligne : listes de diffusion et forums publics </li></ul><ul><li>Hébergement et services professionnels externes </li></ul>
    31. 31. La sélection du CMS <ul><li>Base technologique : </li></ul><ul><li>Apache (Serveur applicatif et serveur web) </li></ul><ul><li>MySQL (Système de gestion de base de données) </li></ul><ul><li>PHP (Langage de programmation) </li></ul><ul><li>Déploiement multi-site et création de sous-sites </li></ul><ul><li>Interopérabilité : </li></ul><ul><li>Respect de normes technologiques promues par le W3C (XHTML; WCAG 1.0 partiel) </li></ul><ul><li>Syndication de contenu (i.e. génération automatique de fils RSS) </li></ul><ul><li>Fils iCal </li></ul>
    32. 32. La sélection du CMS <ul><li>Sécurité : </li></ul><ul><li>Gestion de l’authentification et des sessions (historique et privilèges granulaires) </li></ul><ul><li>Possibilité de développer un mécanisme d’authentification unique à tous les services web de l’organisation (compatibilité LDAP / SSL) </li></ul>
    33. 33. La sélection du CMS <ul><li>Fonctionnalités conditionnelles au développement d’une infrastructure collaborative : </li></ul><ul><li>Définition granulaire de groupes et de rôles d’utilisateurs (autorisations) </li></ul><ul><li>Extensibilité et personnalisation des différents profils d’utilisateurs </li></ul><ul><li>Possibilité de développer des interfaces de travail intuitives à l’intention de certains groupes d’utilisateurs </li></ul><ul><ul><li>Interface d’édition WYSIWYG </li></ul></ul><ul><ul><li>Création de types d’« objets » structurés spécifiques à notre contexte </li></ul></ul><ul><li>Historique des révisions et gestion des flux de travail </li></ul>
    34. 34. Le choix de Drupal <ul><li>Préféré à Wordpress et Joomla! </li></ul><ul><li>Présence des caractéristiques technologiques essentielles préalablement identifiées </li></ul><ul><li>Potentiel en vue... </li></ul><ul><ul><li>Du développement d’ interfaces de travail facilitant la contribution autonome des multiples partenaires envisagés, ayant des rôles et responsabilités distincts </li></ul></ul><ul><ul><li>Du développement de services web incluant des fonctionnalités sociales évoluées </li></ul></ul><ul><ul><li>D’une intégration transparente du catalogue et du site web des Bibliothèques </li></ul></ul>
    35. 35. Avant de passer à la visite de SOS Devoirs <ul><li>À noter : </li></ul><ul><li>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. </li></ul><ul><li>Les efforts ont été principalement mis sur le développement initial des contenus, l’intégration d’éléments interactifs et l’aspect graphique. </li></ul><ul><li>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. </li></ul><ul><li>Les jeunes sont des contributeurs anonymes. </li></ul>
    36. 36. Présentation succincte de SOS Devoirs
    37. 38. Contenus demandés par les jeunes et/ou appropriés à leurs besoins
    38. 39. Médiagraphies thématiques
    39. 40. Médiagraphies thématiques
    40. 41. Catégorisation des thèmes
    41. 42. <ul><li>Un coffre à outils intégrant des ressources : </li></ul><ul><li>de référence générale en ligne </li></ul><ul><li>de formation à la recherche </li></ul><ul><li>de formation à l’utilisation d’Internet </li></ul><ul><li>et plus… </li></ul>Ressources de référence
    42. 43. Coffre à outils Ressources de référence
    43. 44. Sélection de jeux en ligne
    44. 45. Environnement interactif
    45. 46. Fonctionnalités collaboratives
    46. 47. Jeu Faites votre Béha
    47. 48. Sondage et quiz
    48. 49. Sondage et quiz
    49. 50. Animations
    50. 51. Merci!

    ×