1. Présence
numérique
des
quar/ers
culturels
Proposé
à
la
Direc/on
de
la
culture
et
du
patrimoine,
Ville
de
Montréal
i
Rachid
Bouarour
Laure
Luquet
=
Marie-­‐Claude
Pelle/er
Ariane
Savoie-­‐Tremblay
École
d'été
en
AI,
Université
de
Montréal,
Été
2011

2. i
École
d'été
en
AI,
Université
de
Montréal,
Été
2011

3. i
Le
concept
des
quar/ers
culturels
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.
École
d'été
en
AI,
Université
de
Montréal,
Été
2011

4. i
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.
»
École
d'été
en
AI,
Université
de
Montréal,
Été
2011

5. i
Besoins
du
client
(suite)
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.
École
d'été
en
AI,
Université
de
Montréal,
Été
2011

6. i
Une
démarche
créa/ve
à
l’image
de
nos
quar/ers
culturels…
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:
Novateur
,
Authen)que,
À
l’image
de
nos
quar)ers
culturels…
École
d'été
en
AI,
Université
de
Montréal,
Été
2011

7. i
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.
École
d'été
en
AI,
Université
de
Montréal,
Été
2011

8. i
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.
École
d'été
en
AI,
Université
de
Montréal,
Été
2011

9. i
Nos
u/lisateurs
(suite)
Public
poten/ellement
ciblé
:
• Touristes
amateurs
de
culture
• Les
communautés
autochtones
des
Quar/ers
Culturels
• La
jeunesse
numérique
(16-­‐25
ans)
École
d'été
en
AI,
Université
de
Montréal,
Été
2011

10. i
Comprendre
nos
u/lisateurs
Nous
avons
entre
autres
créés
des
personas
correspondants
à
différents
types
de
citoyens
que
nous
voulons
intéressés
par
notre
projet
École
d'été
en
AI,
Université
de
Montréal,
Été
2011

11. i
Projets
semblables
Quar%er
des
Spectacles.
Montréal,
Québec.
École
d'été
en
AI,
Université
de
Montréal,
Été
2011

12. i
Projets
semblable
(suite)
Toronto
ArtScape
École
d'été
en
AI,
Université
de
Montréal,
Été
2011

13. i
Projets
semblable
(suite)
Quar%er
Nouvo
St-­‐Roch
:
ville
de
Québec
École
d'été
en
AI,
Université
de
Montréal,
Été
2011

14. i
Projets
semblable
(suite)
Dallas
Arts
District.
États
Unis.
École
d'été
en
AI,
Université
de
Montréal,
Été
2011

15. i
Inventaire
des
contenus
Première
tenta/ve
de
classifica/on
École
d'été
en
AI,
Université
de
Montréal,
Été
2011

16. i
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.
École
d'été
en
AI,
Université
de
Montréal,
Été
2011

17. i
Accueil
École
d'été
en
AI,
Université
de
Montréal,
Été
2011

18. i
Quar/er
École
d'été
en
AI,
Université
de
Montréal,
Été
2011

19. i
Contenu
X
École
d'été
en
AI,
Université
de
Montréal,
Été
2011

20. i
Organisa/on
des
contenus
A
l’image
des
quar/ers
culturels,
l'organisa/on
des
contenus
devra
se
moduler
de
façon
organique.
École
d'été
en
AI,
Université
de
Montréal,
Été
2011

21. i
Naviga/on
École
d'été
en
AI,
Université
de
Montréal,
Été
2011

22. i
Naviga/on
(suite)
• 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.
École
d'été
en
AI,
Université
de
Montréal,
Été
2011

23. i
Naviga/on
(suite)
• 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.
École
d'été
en
AI,
Université
de
Montréal,
Été
2011

24. i
Interac/vité
• 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.
École
d'été
en
AI,
Université
de
Montréal,
Été
2011

25. i
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.
École
d'été
en
AI,
Université
de
Montréal,
Été
2011

26. i
Présenta/on
des
membres
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.
École
d'été
en
AI,
Université
de
Montréal,
Été
2011

27. i
É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
École
d'été
en
AI,
Université
de
Montréal,
Été
2011

28. i
É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)
École
d'été
en
AI,
Université
de
Montréal,
Été
2011

29. i
Budget
de
la
phase
de
concep/on
Tâches
Nbr
Nbr
Quan/té/ Montant/
jours
personne
Heure
$
Architecturer
l’informa/on
7
-­‐
49
17600
(planifica/on,
livrables)
MaqueVage
d’interface
(les
12
-­‐
84
33600
concep/ons)
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$
École
d'été
en
AI,
Université
de
Montréal,
Été
2011

30. i
Mot
de
la
fin
Merci
;-­‐)
École
d'été
en
AI,
Université
de
Montréal,
Été
2011