Upload
vincent-chapdelaine
View
694
Download
0
Embed Size (px)
Citation preview
Présence numérique des quar/ers culturels
Proposé à la Direc/on de la culture et du patrimoine, Ville de Montréal
Rachid Bouarour Laure Luquet Marie-‐Claude Pelle/er Ariane Savoie-‐Tremblay
École d'été en AI, Université de Montréal, Été 2011
i =
École d'été en AI, Université de Montréal, Été 2011
i
École d'été en AI, Université de Montréal, Été 2011
Les quar/ers culturels sont des milieux singuliers de par leur histoire, les gens qui y habite, les gens qui y travaillent et ceux qui s’y rendent pour profiter de l'expérience culturelle immersive que ces microcosmes peuvent offrir.
Le projet Présence numérique des Quar/ers culturels se veut un espace collabora/f entre les organismes municipaux, les organismes privés et les Montréalais.
Cet espace devra meVre en relief les richesses culturelles spécifiques à chacun des milieux qui composent la mosaïque Montréalaise et aussi de rendre compte des ini/a/ves de part et d'autre qui contribuent à leur incontournable évolu/on.
Ainsi, de façon dis/nc/ve, les ini/a/ves municipales, privées et individuelles contribueront à une sorte de dialogue ouvert, formant un ensemble orchestré par le projet Montréal quar/ers culturels.
Le concept des quar/ers culturels i
École d'été en AI, Université de Montréal, Été 2011
Besoins du client
« La Direc)on de la culture et du patrimoine souhaite me4re sur pied un projet numérique afin d’accroître la visibilité des quar)ers culturels pour ses citoyens. »
i
École d'été en AI, Université de Montréal, Été 2011
Le projet Présence numérique des Quar/ers culturels présente deux objec/fs principaux :
• La promo/on des quar/ers culturels. • La valorisa/on de l’ac/vité culturelle et ar/s/que dans ces quar/ers.
Des spécifica/ons au niveau de la forme nous sont aussi données : 1. Les lieux culturels, évènements, organismes, devront être localisés et
leur proximité devra être mise de l’avant; 2. Il devra y avoir interac/on et contribu/on des u/lisateurs (internautes); 3. Il sera possible de visualiser des circuits culturels grâce à une mise en
rela/on des lieux et des évènements; 4. Les données liées au projet seront gérées de façon organisée, tout en
assurant la confiden/alité des u/lisateurs.
Besoins du client (suite) i
École d'été en AI, Université de Montréal, Été 2011
Le projet que nous proposons est le fruit d’une démarche créa%ve dans laquelle nous n’avons jamais perdu de vue le dynamisme culturel des différentes communautés qui forment le paysage montréalais.
C’est pourquoi nous avons tout mis en œuvre pour que ces précédentes requêtes soient priorisées et que plusieurs solu/ons soient envisagées afin de proposer un projet numérique à la fois:
Une démarche créa/ve à l’image de nos quar/ers culturels…
Novateur , Authen)que, À l’image de nos quar)ers culturels…
i
École d'été en AI, Université de Montréal, Été 2011
Nos u/lisateurs
La Direc/on de la culture et du patrimoine souhaite meVre sur pied un projet numérique afin d’accroître la visibilité des quar/ers culturels et rejoindre les Montréalaises et Montréalais ayant un intérêt pour la culture.
i
École d'été en AI, Université de Montréal, Été 2011
Nos u/lisateurs (suite)
Plus spécifiquement :
• Public ayant un intérêt pour des ac/vités culturelles Bibliothèques, lieux d’arts (musées, galeries), bâ/ments patrimoniaux, espaces de spectacles et d’exposi/on.
• Public ayant un intérêt pour le numérique Ar/stes en arts média/ques, professionnels et amateurs ac/fs du numérique.
i
École d'été en AI, Université de Montréal, Été 2011
Public poten/ellement ciblé :
• Touristes amateurs de culture
• Les communautés autochtones des Quar/ers Culturels
• La jeunesse numérique (16-‐25 ans)
Nos u/lisateurs (suite) i
Comprendre nos u/lisateurs
École d'été en AI, Université de Montréal, Été 2011
Nous avons entre autres créés des personas correspondants à différents types de citoyens que nous voulons intéressés par notre projet
i
École d'été en AI, Université de Montréal, Été 2011
Projets semblables Quar%er des Spectacles. Montréal, Québec.
i
École d'été en AI, Université de Montréal, Été 2011
Projets semblable (suite) Toronto ArtScape
i
École d'été en AI, Université de Montréal, Été 2011
Quar%er Nouvo St-‐Roch : ville de Québec
i Projets semblable (suite)
École d'été en AI, Université de Montréal, Été 2011
Dallas Arts District. États Unis.
i Projets semblable (suite)
École d'été en AI, Université de Montréal, Été 2011
i Inventaire des contenus
Première tenta/ve de classifica/on
École d'été en AI, Université de Montréal, Été 2011
Ce que nous proposons
La stratégie que nous préconisons pour le projet est de traiter tous les items de contenus sur un pied d'égalité, tout en leur aVribuant des marqueurs qui témoigneront de leur spécificité.
Les critères de groupement et d'affichage seront donnés par un jeu de métadonnées, qui ne les subordonne pas à une structure hiérarchique rigide mais, qui les dispose de façon contrôlée dans une structure malléable et non exclusive. Par inter-‐associa/on, les items de contenus seront contextualisés pour en faire des éléments de contenus riches et cohérents.
CeVe méthode permeVra de bâ/r, au gré de l'évolu/on des données de contenu du site, les éléments même de la naviga/on en contexte et ce, de façon automa/que et en temps réel.
i
École d'été en AI, Université de Montréal, Été 2011
Accueil i
École d'été en AI, Université de Montréal, Été 2011
Quar/er i
École d'été en AI, Université de Montréal, Été 2011
Contenu X i
École d'été en AI, Université de Montréal, Été 2011
A l’image des quar/ers culturels, l'organisa/on des contenus devra se moduler de façon organique.
Organisa/on des contenus i
École d'été en AI, Université de Montréal, Été 2011
Naviga/on i
École d'été en AI, Université de Montréal, Été 2011
• Naviga%on principale : Géographique • Les quar/ers culturels sont posi/onnés sur la carte de Montréal.
• Ceux-‐ci sont accessibles directement et, de plus, témoignent de leur statut grâce à des indices visuels.
• Naviga%on secondaire : Signifiante • Les éléments de naviga/on secondaires sont donnés par la catégorisa/on des items de contenu.
• Le volume d’informa/on par catégorie caractérise le quar/er en le révélant sous forme de « paleVe » de couleurs.
• CeVe naviga/on est transparent c.a.d. qu’elle offre directement sous son libellé, une sélec/on des contenus récents qui y sont associés.
i Naviga/on (suite)
École d'été en AI, Université de Montréal, Été 2011
• Raccourci contextuel : En vedeVe Pour chacun des contextes d’affichage (template), une sélec/on de liens est offerte:
• de façon privilégiée (choix éditorial), • par leur proximité et similarité en terme de métadonnées, • par inter-‐associa/on avec d’autres items.
• U%litaire de liens: Pied de page et critères de recherche • Liens de support. • Catégories qu’on retrouve dans l’ensemble du site.
• Ces catégories agissent comme critères de recherche
• Élément de recherche : Globale • Cet élément de recherche est textuel c.a.d. que le système ira chercher le terme choisi dans le texte de l’élément.
• Il sera possible par la suite de filtrer l’ensemble des résultats en u/lisant le jeu de métadonnées regroupés en faceVes.
Naviga/on (suite) i
École d'été en AI, Université de Montréal, Été 2011
• Contenu usagers: Contribu/on encadrée • Les usagers peuvent publier des commentaires, images, vidéos dans la mesure ou la permission est accordée à l’item de contenu.
• Le commentaire est toujours en associa/on avec un item de contenu, peu importe sa catégorie.
• Un formulaire de publica/on encadre l’usager et lui fournit toutes les op/ons en ce sens. Il peut être capturé, rédigé et publié via sa plateforme favorite.
• À par/r d’un objet mobile, l’associa/on pourra se faire via sa localisa/on ou peut être déclenchée par un QrCode.
• Répertoire des organismes : Recensement facile • Un organisme peut s’enregistrer en associa/on avec un quar/er culturel et faire par/e du répertoire. • Il pourra ensuite publier et gérer des événements, ac/vités, installa/on etc. en rela/on avec l’organisme en ques/on.
Interac/vité i
École d'été en AI, Université de Montréal, Été 2011
Présenta/on des membres et méthodologie i
est une entreprise qui vous accompagne dans la conception de produits interactifs : du système d’information aux sites web. Notre entreprise rassemble des experts de différents milieux possédant une expertise riche et variée.
Notre philosophie : L’utilisateur est au centre de nos projets ! Dans ce sens, il doit être sollicité à travers les différentes phases de conception et réalisation à l’aide de tests utilisateurs.
i
École d'été en AI, Université de Montréal, Été 2011
Notre équipe est constituée de 4 collaborateurs :
• Architecte de l’information (Arborescence détaillée de l’information du site web et rapport)
• Designer (Wireframes, graphisme, conception typographique)
• Intégrateur (HTML & CSS, référencement)
• Informaticien – programmeur
Nos experts possèdent tous une très bonne connaissance de ces spécialités, tout en possédant une expertise plus spécifique, ce qui leur permet d’élaborer et concevoir un projet en collaboration.
Présenta/on des membres i
École d'été en AI, Université de Montréal, Été 2011
Échéancier détaillé
• Distribu)on des tâches aux membres de l’équipe et échéancier
• Architecture de l’informa)on 5 à 10 jours Rencontre client (vérifica/on et valida/on des aVentes et modifica/ons) Livrables : arborescence détaillée du site web et rapport (vocabulaire précisé) Présenta/on et valida/on des livrables au client Tests u/lisateurs (Méthode de tri par cartes) Modifica/ons et mise à jour
• Maque4age d’interface (d’applica)on web) 10 à 15 jours Wireframes Visualisa/on Tests u/lisateurs – sous-‐traitant (eye tracking) Rencontre client (vérifica/on et valida/on des aVentes et modifica/ons) (R)
• Personas (modéliser les u)lisateurs type) 5 à 10 jours
i
École d'été en AI, Université de Montréal, Été 2011
Échéancier détaillé (suite)
• Charte ergonomique 5 à 10 jours (des/née aux développeurs et concepteurs d’interface)
Déterminer des fonc/onnalités spécifiques (u/lisabilité – accessibilité) Tests u/lisateurs (R)
• Rencontre client (vérifica)on et valida)on des a4entes et modifica)ons) (R)
• Charte graphique 5 à 10 jours Definir les couleurs, icônes, typographie, éléments de naviga)on Tests u)lisateurs (R)
• Rencontre client (vérifica)on et valida)on des a4entes et modifica)ons) (R)
• Gabarits XHTML –CSS 10 à 15 jours Vérifica/on d’applica/ons des normes en vigueur (visibilité) Vérifica/on accessibilité Référencement Tests u/lisateurs – sous-‐traitant (u/lisabilité -‐ accessibilité) (R)
i
École d'été en AI, Université de Montréal, Été 2011
Budget de la phase de concep/on Tâches Nbr
jours Nbr
personne Quan/té/Heure
Montant/$
Architecturer l’informa/on (planifica/on, livrables)
7 -‐ 49 17600
MaqueVage d’interface (les concep/ons)
12 -‐ 84 33600
Personas (modélisa/on) 7 -‐ 49 17600
Charte ergonomique 7 -‐ 49 17600
Charte graphique 7 -‐ 49 17600
Concep/on du site 12 -‐ 84 33600
Tests u/lisateurs (sous-‐traitant) -‐ 5 -‐ 3000
Total : 140600
Taux horaire : 100$
Forfait d’un test/personne (sous-‐traitant): 300$
i
École d'été en AI, Université de Montréal, Été 2011
Merci ;-‐)
Mot de la fin i