Montpellier Territoire Numérique - Projet Cité des Écrans carte-interactive
Montpellier Territoire Numérique - Projet Cité des Écrans
1. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 1V1 4.11 | page 1
Projet
Cité des écrans
2. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 2V1 4.11 | page 2
1. UNE CARTE INTERACTIVE
CONTEXTE
C’est la première fois que
Mireille vient à Montpellier,
elle aimerait découvrir
la ville mais ne sait pas
par où commencer. Son
premier réflexe est d’aller
à l’office du tourisme (ou
dans le hall de la nouvelle
mairie) pour obtenir des
informations et consulter
une carte.
3. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 3V1 4.11 | page 3
1. UNE CARTE INTERACTIVE
CARTOGRAPHIE
La cartographie interactive
présente en ces lieux,
permet d’afficher des
données de la banque «
open-data », initiée par la
Mairie. Nous y retrouvons
donc des informations
relatives à la culture ou
des informations pratiques
(monuments, spectacles,
expositions, Histoire,
parcs, hôtels, restaurants,
transports en commun ou
vélo’mag)
4. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 4V1 4.11 | page 4
1. UNE CARTE INTERACTIVE
CALQUE D’INFORMATION
L’avantage du numérique
est de pouvoir superposer
plusieurs couches de
données et ainsi visualiser
la densité d’activités
proposées en un quartier
donné. Celle-ci sont
classées et reconnaissables
grâce à différents
pictogrammes.
5. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 5V1 4.11 | page 5
1. UNE CARTE INTERACTIVE
FICHE D’INFORMATION
En touchant l’un des
pictogrammes présents
sur la carte, nous
pouvons convoquer
des informations plus
précises sur un spectacle
par exemple. Cette
fiche comporte donc
une iconographie, un
texte explicatif, et 2
boutons (« s’y rendre » et
« enregistrer/réserver »)
6. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 6V1 4.11 | page 6
1. UNE CARTE INTERACTIVE
S’Y RENDRE
En activant le bouton « s’y
rendre » nous convoquons
des informations relatives
aux transports en commun
(la station la plus proche,
le numéro de la ligne de
tramway ou de bus et les
horraires de passage)
7. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 7V1 4.11 | page 7
1. UNE CARTE INTERACTIVE
FLASHCODE
Pour réserver ou enregistrer
les informations présentées
sur la carte interactive,
il suffit, à l’aide de son
mobile de photographier
le flashcode présent sur la
fiche.
8. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 8V1 4.11 | page 8
1. UNE CARTE INTERACTIVE
APPLICATION MOBILE
Le flashcode nous permet
de convoquer (via une
application ou un site
internet) une version
mobile de l’information et
ainsi pouvoir la conserver.
9. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 9V1 4.11 | page 9
1. UNE CARTE INTERACTIVE
RÉSERVER UNE PLACE
Grâce à cette application,
il est possible de réserver
des places pour le
spectacle et de payer
celles-ci en ligne via son
téléphone portable.
10. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 10V1 4.11 | page 10
1. UNE CARTE INTERACTIVE
NOUVELLE INFORMATION
Pendant qu’elle parcourait
Montpellier, Mireille a
découvert des activités non
mentionnées par la ville
et souhaiterait les ajouter
sur la carte interactive.
Elle se connecte donc, de
son ordinateur ou de son
téléphone portable sur le
site : Montpellier-carto.com
11. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 11V1 4.11 | page 11
1. UNE CARTE INTERACTIVE
AJOUTER
Le site lui propose de
contribuer à la conception
d’une carte intelligente
et évolutive de la ville de
Montpellier. Elle s’identifie
et peut ajouter une
nouvelle information.
12. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 12V1 4.11 | page 12
1. UNE CARTE INTERACTIVE
GÉOLOCALISER
En cliquant sur le plan de
la ville, elle géolocalise
l’endroit où l’information
doit apparaître et choisi le
type d’événement dont il
s’agit.
13. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 13V1 4.11 | page 13
1. UNE CARTE INTERACTIVE
FICHE D’INFORMATION
Afin de mieux informer
les citadins et touristes,
des informations
complémentaires lui sont
demandées, comme le
nom du spectacle, le nom
de la compagnie, l’adresse
exacte, les jours et horaires
de représentations, etc...
14. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 14V1 4.11 | page 14
1. UNE CARTE INTERACTIVE
ENREGISTREMENT
La nouvelle information
sera alors validée, corrigée
si nécessaire puis ajoutée
presque en temps réel à la
carte interactive.
15. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 1V1 4.11 | page 1
2. UN DÉBAT PUBLIC
CONTEXTE
Le débat peut être un
outils pour « penser » et
« panser » la ville. Nous
sommes donc place de la
Comédie et l’agglomération
souhaiterait avoir l’avis des
citadins quant au tracé
de la nouvelle ligne de
tramway, la ligne 5. Les
débats sont ouverts.
16. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 2V1 4.11 | page 2
2. UN DÉBAT PUBLIC
INFORMER LE CITADIN
L’une des faces du
panneau permet d’informer
le citadin sur le thème du
débat permettant ainsi
de nourrir celui-ci. Ici est
donc présenté le tracé
de la ligne proposée par
l’agglomération.
17. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 3V1 4.11 | page 3
2. UN DÉBAT PUBLIC
RÊVER SA VILLE
L’écran tactile nous permet
de rêver sa ville c’est à
dire de la construire à sa
manière. Ici il est proposé
au passants de modifier
le tracé de la ligne en
déplaçant les futurs
stations.
18. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 4V1 4.11 | page 4
2. UN DÉBAT PUBLIC
ENREGISTRER SA CARTE
Il est possible d’enregistrer
le tracé personnalisé ou de
visualiser les propositions
des autres citadins et ainsi
se tenir au courant des
envies et des besoins de
ces concitoyens.
19. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 5V1 4.11 | page 5
2. UN DÉBAT PUBLIC
RELANCER LE DÉBAT
Pour relancer le débat,
il nous serait possible
d’exposer dans l’espace
public le tracé personnalisé
de la ligne par un citadin.
Ce nouveau tracé
suscitera forcément des
commentaires.
20. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 6V1 4.11 | page 6
2. UN DÉBAT PUBLIC
CARTOGRAPHIE DÉBAT
Côté verso de l’écran,
le débat est actif et la
cartographie des idées
prend forme. Les citadins
se répondent et exposent
leurs arguments, leurs
satisfactions ou leurs
craintes.
21. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 7V1 4.11 | page 7
2. UN DÉBAT PUBLIC
OUVRIR UN MESSAGE
En touchant le post, il est
possible d’ouvrir celui-ci
afin de le lire entièrement
et confortablement.
22. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 8V1 4.11 | page 8
2. UN DÉBAT PUBLIC
RÉPONDRE AU MESSAGE
Bertrand Nigon souhaiterait
répondre à Rosine
Favier car il est tout à fait
contre sa proposition.
Il se connecte donc,
directement, de son
téléphone portable à
l’application ou au site
internet « Montpellier-
débat ».
23. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 9V1 4.11 | page 9
2. UN DÉBAT PUBLIC
PARTICIPER AU DÉBAT
Bertrand entre le numéro
du message auquel il
souhaite répondre et tape
son message. Il n’a plus
qu’à valider pour participer
au débat.
24. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 10V1 4.11 | page 10
2. UN DÉBAT PUBLIC
CARTOGRAPHIE
Quelques minutes après
Bertrand peut visualiser
sa participation dans la
cartographie du débat.
Via un numéro de
message, il sera alors
possible de lui répondre.
25. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 11V1 4.11 | page 11
2. UN DÉBAT PUBLIC
MAISON POUR TOUS
Le « web-débat » peut
avoir lieu dans différents
contextes, en différents
lieux. Sur une place
publique comme celle de
la comédie, afin d’attirer un
maximum de personnes
ou, comme ici, dans une
maison pour tous.
26. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 12V1 4.11 | page 12
2. UN DÉBAT PUBLIC
DÉBATTRE DE CHEZ SOI
Afin de n’exclure personne,
il est aussi possible de
participer au débat de
chez soi, via son ordinateur
personnel et le site
internet
« Montpellier-débat.com ».
27. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 13V1 4.11 | page 13
2. UN DÉBAT PUBLIC
DÉBAT EN PRÉSENCE
Afin de mieux restituer
les pensées de chacun, le
débat en présence aura
lieu autour du grand écran.
Il clôturera la question et
permettra de contacter
les élus en étant force de
propositions.
28. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 1V1 4.11 | page 1
3. UN JOURNAL HYPERLOCAL
CONTEXTE
Le web urbain permet
de dynamiser la vie de
quartier et de re-connecter
habitants, commerçants et
associations d’un même
quartier. Dans un espace
public, lieu de passage ou
maison pour tous, l’écran
informe et génère des
services de proximité.
29. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 2V1 4.11 | page 2
3. UN JOURNAL HYPERLOCAL
DOUBLE ENTRÉE
L’écran se divise en 2,
la partie haute est une
entrée cartographique sur
l’information de quartier
alors que la partie basse
est une entrée de type
« journal » où les messages
de chacun sont regroupés
par thème.
30. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 3V1 4.11 | page 3
3. UN JOURNAL HYPERLOCAL
MESSAGE GÉOLOCALISÉ
Un message touché,
dans la partie basse,
est automatiquement
géolocalisé sur la carte
en partie haute grâce
à un code couleur et à
pictogramme représentant
le type de messages
(commercial, associatif, de
service...etc) et vis et versa.
31. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 4V1 4.11 | page 4
3. UN JOURNAL HYPERLOCAL
OUVRIR UN MESSAGE
Toucher un pictogramme
sur la carte permet d’ouvrir
une popup d’informations
comportant le message
entier, éventuellement une
image et un flashcode.
32. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 5V1 4.11 | page 5
3. UN JOURNAL HYPERLOCAL
DÉPLACER LA CARTE
Afin de lire le message
ou de photographier le
flashcode de manière
confortable il est possible
de déplacer la carte par un
geste.
33. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 6V1 4.11 | page 6
3. UN JOURNAL HYPERLOCAL
FLASHER LE CODE
Flasher le code permet
de se connecter
instantanément à
l’application ou au site
internet « mon
quartier.com »
34. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 7V1 4.11 | page 7
3. UN JOURNAL HYPERLOCAL
MON QUARTIER.COM
Il est alors possible de
suivre une personne,
un commerce ou une
association via un flux
RSS ou simplement de
répondre à la personne
concernée.
35. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 8V1 4.11 | page 8
3. UN JOURNAL HYPERLOCAL
RÉPONDRE AU MESSAGE
Bruno Corson et Michel
vont donc certainement
pourvoir s’entendre pour
faire du covoiturage jusqu’à
Sètes et ainsi partager les
frais de déplacement tout
en rendant le trajet plus
agréable.
36. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 9V1 4.11 | page 9
3. UN JOURNAL HYPERLOCAL
SUIVRE QUELQU’UN
Il se trouve que Michel
envoie beaucoup de
messages sur « mon
quartier.com » car il est
aussi président d’une
association de danse
et Bruno et sa femme
adorent la danse, ils vont
donc suivre les actualités
de Michel qui apparaîtront
directement sur leur
mobile.
37. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 10V1 4.11 | page 10
3. UN JOURNAL HYPERLOCAL
NOUVELLE INFORMATION
De son téléphone ou de
son ordinateur personnel,
Bruno Corson peut lui aussi
ajouter une information sur
son quartier.
38. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 11V1 4.11 | page 11
3. UN JOURNAL HYPERLOCAL
MON QUARTIER.COM
Il se connecte sur le site
internet ou sur l’application
mobile « mon quartier.
com », cartographie en
temps réelle du quartier
favorisant l’entraide et le
partage.
39. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 12V1 4.11 | page 12
3. UN JOURNAL HYPERLOCAL
ÉCRIRE UN MESSAGE
Bruno géolocalise sa
participation en cliquant sur
la carte, tape son message,
ajoute une image s’il le
souhaite et l’envoie
40. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 13V1 4.11 | page 13
3. UN JOURNAL HYPERLOCAL
DÉBAT EN PRÉSENCE
Après modération, le
message de Bruno sera
validé et apparaîtra sur la
carte du quartier.
Bruno aura certainement
des réponses car exposer
des messages dans
l’espace public permet de
leur donner plus d’impact.
41. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 1V1 4.11 | page 1
4. MAQUETTE AUGMENTÉE
CONTEXTE
Dans le hall de la nouvelle
mairie, il est tout à fait
possible « d’augmenter »
les maquettes de la Ville
via des puces RFID, et
une application i-pad, par
exemple.
Une nouvelle manière de
découvrir la ville.
42. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 2V1 4.11 | page 2
4. MAQUETTE AUGMENTÉE
SCANNER LA VILLE
En se connectant à cette
application, l’i-pad
devient une sorte de
scanner intelligent, capable
d’ajouter différents
types d’informations à
la maquette présente,
comme ici le nom et la
délimitation des quartiers.
43. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 3V1 4.11 | page 3
4. MAQUETTE AUGMENTÉE
VOYAGER DANS LE TEMPS
L’application nous propose
aussi de visiter Montpellier
à différentes époques et
ainsi de découvrir la ville
de sa naissance au Moyen-
âge jusqu’aux projets
d’urbanisme futurs.
44. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 4V1 4.11 | page 4
4. MAQUETTE AUGMENTÉE
VOYAGE EN IMAGE
Après avoir choisi une
époque, ici les années
1800, il est possible de
déambuler autour de la
maquette afin d’observer
la ville sous différents
points de vue. L’application
recompose la ville par
des photomontage, des
peintures ou des images
de synthèse.
45. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 5V1 4.11 | page 5
4. MAQUETTE AUGMENTÉE
ZOOM / DÉ-ZOOM
S’approcher ou s’éloigner
des maquettes à bien-sur
une influence sur l’image.
Certaine information
s’afficheront en fonction
du niveau de zoom. Ici
des pictogramme H, pour
Histoire, C, pour Culture
et P, pour politique nous
informe que des données
complémentaires sont
disponibles.
46. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 6V1 4.11 | page 6
4. MAQUETTE AUGMENTÉE
POPUP INFORMATION
Toucher le pictogramme
déclenche l’ouverture
d’une popup
d’informations liée au lieu
scanné et à la temporalité
choisie.
47. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 7V1 4.11 | page 7
4. MAQUETTE AUGMENTÉE
POPUP INFORMATION
Un clic sur un autre
pictogramme fermera
automatiquement la
popup ouverte pour en
afficher une nouvelle. Les
informations données nous
permettront d’imaginer la
vie à une période donnée.
48. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 8V1 4.11 | page 8
4. MAQUETTE AUGMENTÉE
MONTPELLIER EN 900
À tout moment, il est
possible de changer
d’époque. L’application
combinera alors de
nouvelles données (
dessin, image de synthèse,
etc...)
49. Cité des écrans | Scénarii d’usages | 16.06.2011 | page 1V1 4.11 | page 1
5. COMMUNICATION DE LA VILLE
CONTEXTE
Sur table tactile ou grand
écran, dans le hall de
la mairie, l’application
« Pliage » permet aux
citadins de naviguer dans
un flux d’informations
proposé par la municipalité.
(sorties, spectacles,
expositions, urbanisme...)