Dossier de proposition

Léo POIROUX
Nicolas DEVEAUD
Sandrine PETIT
Sébastien GOURNAY
Thibault FARNOUX
DOSSIER DE
PROPOSITION
Institut Universitaire de Technologie de Vélizy
Département Service et Réseaux de Communication
Sommaire
I.
INTRODUCTION : ............................... 1
I.1.
L’AGENCE : ............................................................ 1
II. SYNOPSIS DETAILLE : ......................... 2
II.1.
II.2.
II.3.
LE CONCEPT : .......................................................... 2
LES OBJECTIFS : ...................................................... 2
DEVELOPPEMENT DU CONCEPT : ................................... 2
II.3.1
II.3.2
II.3.3
Les quatre étapes : ........................................................ 2
Le temps : .................................................................... 7
L’interactivité : .............................................................. 8
III. ARCHITECTURE :................................ 9
IV. EXTRAITS DE SCENARIO : .................... 9
V. CHARTE GRAPHIQUE : ....................... 11
VI. NOMENCLATURE : ............................ 12
VII.REMARQUES : ................................. 14
2
Préambule
Ce dossier de proposition vient tout naturellement après le cahier des charges
commanditaire dans la réalisation de notre projet. Celui-ci prend forme dans notre esprit
et nous allons bien évidemment essayer de vous le faire partager. Ce dossier présentera
donc avant sa phase de conception le projet Chronopolis.
I. INTRODUCTION :
I.1.
L’Agence :
Suite à un travail en cours de graphisme, nous avons élaboré une charte
graphique pour notre agence. Les principales couleurs sont le orange, le gris et le noir.
Voici donc le logo de notre agence :
L’ensemble du projet et l’agence sont présentés sur le site www.uryken.fr.st. Nous
allons désormais vous exposer la structuration de l’agence. Chacun ayant des domaines
de prédilection, nous avons pu réalisé la répartition des taches en fonction de celles-ci.
Marketing
Multimédia
Communication Théorique
Communication Pratique
Droit
Graphisme
Audiovisuel
Réseaux
Informatique
Anglais
Allemand
Espagnol
Sandrine
●
●
●
●
●
Thibault
Nicolas
Léo
●
●
●
●
●
●
●
●
●
●
●
●
●
●
●
Sébastien
●
●
●
●
●
●
●
●
●
●
●
●
1
II. SYNOPSIS DETAILLE :
II.1. Le concept :
Le concept de ce projet multimédia est de réaliser une œuvre numérique
accessible sur Internet et éventuellement dans des expositions d’art numérique. Elle est
basée sur une interaction directe entre la machine et l’utilisateur. Celui-ci peut passer
une journée virtuelle dans Paris en visitant différents lieux en fonction de ses goûts
artistiques et de son profil psychologique. Après réflexion nous avons décidé de nommer
le projet Chronopolis. On retrouve dans ce nom des racines grecs et latines, Polis
signifiant la ville et chronos le temps. Ces deux notions étant des piliers de notre projet,
ce nom s’adaptent parfaitement à notre future œuvre.
II.2. Les objectifs :
L’œuvre a plusieurs objectifs :
- Estomper l’aspect mécanique (clic et clavier) de l’utilisation de l’ordinateur.
- Faire réfléchir sur l’utilisation du temps
- Rendre l’utilisateur créateur de sa propre journée virtuelle
- Faire découvrir Paris de manière originale
Notre projet se veut véritablement novateur de par les réflexions que nous allons
engager sur l’utilisation de la souris et sur la gestion du temps.
II.3. Développement du concept :
Chronopolis apparaît donc comme une œuvre numérique sous forme de site
Internet. Le visiteur peut donc y accéder via le Web. Cependant, nous envisageons
également de la présenter dans des expositions d’art numérique telles que DIGIT@RT,
@rt-Outsiders, le festival EXIT.
Nous allons désormais vous présenter les quatre étapes qui constituent notre
œuvre. Voici un schéma conceptuel de notre œuvre :
II.3.1 Les quatre étapes :
2
Etape 1 : Informations et inscription
Avant de définir l’étape 1, il convient de préciser qu’elle ne fait pas partie de
l’œuvre même et que notre réflexion sur l’estompage de l’aspect mécanique de
l’utilisation de l’ordinateur, à savoir l’absence de clic et la non utilisation du clavier, ne
sera pas effective.
Cette étape consiste à présenter l’œuvre et à attribuer un login et un mot de
passe à l’utilisateur. Cette formalité est nécessaire pour le déroulement de l’œuvre et
pour les connexions futures de l’utilisateur. Avant l’inscription, l’utilisateur peut visualiser
différentes informations sur l’œuvre : auteurs, dans quel cadre l’œuvre a été réalisé…
Chronopolis est présentée comme étant une visite originale de Paris mais le visiteur n’est
pas averti des notions de test psychologique et de temps qui sont utilisées tout au long
de la visite, mais toujours de manière implicite.
Après cette rapide présentation de l’oeuvre, deux cas se présentent :
- Si l’utilisateur vient pour la première fois, il doit s’inscrire et donc enregistrer un
login et un mot de passe.
- S’il ne s’agit pas d’une première visite, l’utilisateur doit directement rentrer son
login et son mot de passe, pour pouvoir commencer une nouvelle journée virtuelle dans
Paris. Bien entendu, les critères qui lui auront été attribués à la fin de sa visite
précédente sont pris en compte dans cette nouvelle visite. Ainsi, il ne passe pas par
l’étape 2, définie ci-après.
Une fois l’inscription terminée, l’utilisateur aura la possibilité de rentrer dans
l’œuvre. Celle-ci s’exécute dans la même fenêtre.
3
Etape 2 : Le dialogue avec le narrateur virtuel
Le passage par l’étape 2 concerne uniquement les utilisateurs qui visitent le site
pour la première fois. Cette étape permet de définir implicitement l’humeur, les goûts
artistiques et le point de vue du visiteur dans le but de lui proposer une visite la plus
adaptée à sa personnalité. Le dialogue avec le narrateur virtuel se présente de
différentes façons. Il s’agit de questions à choix multiples, mais également de tests (test
de couleur, de son…). Conformément à nos objectifs, l’aspect mécanique de l’utilisation
de l’ordinateur est totalement estompé. En effet, l’utilisateur dialogue avec la machine et
répond aux questions sans utiliser le clic de la souris ni le clavier. Le test psychologique
se fait évidemment de manière naturelle et imperceptible pour l’utilisateur.
Le narrateur virtuel est représenté à l’écran par une petite animation. Nous ne
savons pas encore comment il sera figuré (une simple bouche, une personnage
simpliste,…). Il se manifeste à certaines occasions, on peut alors l’entendre parler et
son dialogue est retranscrit afin que les personnes malentendantes et les étrangers
puissent le comprendre.
Le résultat du test se présente sous forme de plusieurs jauges, incrémentées
chacune par les réponses données par l’utilisateur. Les valeurs prises par ces jauges sont
stockées dans une base de données et nous permettent de lui proposer une visite de
Paris correspondant à son profil.
On distingue en tout 4 groupes de jauges :
- 1 groupe d’humeur (comporte 3 jauges)
- 1 groupe couleur (comporte 2 jauges)
- 1 groupe média (comporte 2 jauges)
- 1 groupe point de vue (comporte 3 jauges)
Ces quatre groupes de jauges fonctionnent indépendamment. Cependant les
jauges qui y sont présentes sont dépendantes les unes des autres comme des vases
communicants. Les jauges des groupes humeur et point de vue évoluent sur 13 paliers,
tandis que les 2 autres groupes varient sur 14 paliers.
Voici l’allure des jauges :
Les valeurs des jauges correspondent au nombre d’éléments présents sur le
panel. Ainsi chaque élément du panel aura quatre caractéristiques. Par exemple si l’on
parle du groupe couleur, si sur le panel de 15 photos, il apparaît 6 photos en couleur, il y
aura 9 photos en noir et blanc. Bien évidemment dans chaque groupe, la somme des 2
ou 3 jauges est égal à la valeur totale d’une jauge.
4
Nous allons maintenant vous expliquer l’effet de chaque jauge sur les photos. Le
groupe humeur correspond à la symbolique émotionnel d’un élément. Toutes les photos
de chaque élément auront une valeur d’humeur prédéfinie. Les groupes couleur et média
correspondent à des filtres qui seront appliqués à toutes les photos d’un élément. Ainsi
tous les éléments de la base donnée peuvent avoir ces caractéristiques de couleur ou
média. En ce qui concerne le groupe point de vue, il fonctionne comme le groupe
humeur. Chaque élément aura une valeur de point de vue prédéfinie. La jauge fixe
correspond à des photos représentant des panoramas ou des vues de monuments en
plein large et toujours en plein fixe tout au long de la journée. La jauge semi-fixe
correspond à des photos qui sont basées sur des lieux plus précis (café, maison,
fontaine,…). Ces photos ne sont pas en plan fixe tout au long de la journée mais tourne
toujours autour du même lieu. La jauge ambiance correspond à des photos libres basées
sur un même thème. Ce sont des plans serrés, voir des gros plans sur des objets ou des
personnes. Tous ces éléments de point de vue ont une humeur prédéfinie (association
avec le groupe humeur).
L’incrémentation des jauges ce fait de 4 en 4 pour le groupe humeur et de 2 en 2
pour les trois autres groupes. Par exemple si l’utilisateur fait un choix qui incrémente la
jauge joyeuse du groupe humeur, celle-ci augmente de 4, tandis que les deux autres
baissent de 2. La valeur maximum que peut atteindre une jauge est 13 ou 14 et la valeur
minimum est 1.
Le profil du visiteur ainsi déterminé influe sur le type de photos qui lui sera
proposé, ainsi que sur leur style et sur l’émotion qu’elles transmettent. Cette étape n’est
utile que dans le cadre d’une première connexion pour pouvoir déterminer un profil de
base à l’utilisateur. Par la suite, chaque jauge évolue au fil de la visite et des choix
opérés par le visiteur. Dans le cas où il ne s’agit pas d’une première venue sur le site,
l’utilisateur ne passe pas par l’étape 2. Après la saisie à l’étape1 de son login et son mot
de passe, il passe directement à l’étape 3.
La transition entre l’étape2 et l’étape3 est faite par le narrateur virtuel. En effet,
celui-ci accompagne le visiteur jusqu'à un plan de Paris. C’est alors qu’il disparaît en
donnant rendez vous au visiteur à la fin de l’œuvre.
Etape 2bis : Apparition du narrateur pour une nouvelle visite
On envisage que si l’utilisateur se connecte au site une nouvelle fois, il ne passera
pas par l’étape 2. Cependant le narrateur virtuel apparaître quand même avant l’étape 3
pour l’accueillir et lui souhaiter une bonne nouvelle visite.
Etape 3 : La visite
Cette troisième partie constitue la visite de Paris. Cette visite est caractérisée par
la visite de différents lieux. L’accès à un lieu se déroule en deux phases. La première est
le choix du lieu à partir d’une carte et la deuxième est la visite du lieu même.
1. Première phase : la carte
Le choix du lieu se fait à partir d’une carte schématique de Paris. Cette carte
apparaît au début de la visite et après chaque visionnage des panels de photos.
5
Lieu
Seine
Cette carte permet à l’utilisateur de se déplacer dans des lieux spécifiques de Paris,
comme « les puces », « Montmartre », « La tour Eiffel» etc.… Dès qu’un lieu est
sélectionné le panel de photographies est affiché à l’écran.
L’affichage du panel de photos correspond à la deuxième phase des visites de lieux.
2. Deuxième phase : le panel de photographies
Chaque panel est composé de 16 éléments :
- 15 éléments qui correspondent aux valeurs des jauges
- 1 élément qui représente la bouche de métro la plus proche du lieu visité.
Seule un élément est visible dans son intégralité. C’est au visiteur de déplacer le
panel de haut en bas et de gauche à droite pour pouvoir visualiser toutes les éléments.
La première photo qu’il voit, est la photo de la bouche de métro. Elle représente l’entrée
du lieu. Pour sortir du panel (revenir à la carte de Paris) l’utilisateur doit retrouver cette
photo. Elle est donc une symbolique d’entrée/sortie du lieu qui permet à l’utilisateur de
bien s’immerger dans l’œuvre.
A la sortie du lieu, l’élément sur laquelle l’utilisateur a passé le plus de temps est
analysé. En fonction des paramètres que nous avons définis pour chaque élément nous
pouvons réajuster les jauges du profil utilisateur. Après chaque visionnage de panel de
photos, le profil de l’utilisateur évolue (pour correspondre le plus précisément à son état
psychologique du moment). Ainsi lors de la visite d’un nouveau lieu (à partir de la carte
6
de Paris) le panel de photo présenté a évolué en fonction du nouveau profil redéfinie. Le
temps passé sur la photo d’entrée/sortie du panel n’est pas pris en compte car ces
photos ne possèdent pas de critères psychologiques. La sélection du lieu à visiter, le
déplacement des photos dans le panel, ainsi que la sortie de ce même panel sont
effectués sans aucun clic.
Chaque lieu est accompagné d’une ambiance sonore. Nous envisageons de
sonoriser aussi la carte de paris cependant pour des raisons techniques cela ne sera peut
être pas réalisable.
L’utilisateur n’accède à l’étape 4 que dans un cas précis. Si les 12h virtuelles (les
12 min réelles) sont écoulées à la fin d’un visionnage d’un panel de photos, l’utilisateur
sera redirigé vers le narrateur virtuel. Ainsi s’il souhaite mettre fin à sa visite alors que
les 12 minutes ne sont pas écoulées, il fermera directement le site en cliquant sur la
croix du navigateur. Enfin, s’il s’absente, un message l’informe simplement de la fin de sa
visite. Dans ces 2 cas il n’a pas accès à l’étape 4.
Etape 4 : Déconnexion
Cette étape constitue la déconnexion de l’utilisateur à la fin de sa visite. Le
narrateur virtuel réapparaît et reprend la parole. Il signale à l’utilisateur la fin de sa
visite et lui rappelle son login et son mot de passe. Bien évidemment, il l’invite
également à revenir. Plus aucune action n’est alors possible sur la fenêtre, l’utilisateur
est forcé de quitter l’œuvre en fermant la fenêtre du navigateur.
II.3.2 Le temps :
Nous avons défini plusieurs principes de fonctionnement de l’œuvre à partir de la
relation utilisateur/temps. Dans le souci de créer une dynamique dans la visite, nous
désirons animer les photos de telle façon que l’on puisse y voir le temps qui passe
(déplacement du fond de l’image : foule, nuage, etc.…). C’est pour cela que sur le panel
se sont des éléments qui apparaissent. Un élément est un ensemble de photos d’un
même lieu ou type qui varie tout au long de la journée.
On détermine l’heure du début de visite en fonction de l’heure de connexion au
site. Nous désirons créer une relation entre le temps passé sur le site et le temps réel.
Ainsi si le visiteur se connecte le soir, sa visite se déroulera la nuit. Etant donné que la
majeure partie des lieux est fermée la nuit sur Paris, il en est de même pour les lieux
figurant sur notre site. Nous avons déterminé que la durée d’une journée passée dans
Paris était de 12 heures. Nous allons créer dans notre œuvre l’algorithme suivant
1h=1min. Le visiteur possède alors 12 min pour effectuer la visite et donc le visionnage
des photos (12 heures virtuelles correspondront à 12 minutes réelles). Après chaque
visionnage de panel il y a vérification du temps total écoulé dans l’étape 3. Si ce temps
est inférieur à 12 min l’utilisateur peut sélectionner un nouveau lieu à visiter, dans le cas
contraire sa visite s’arrête et il sera envoyé vers l’étape 4. De plus à chaque réaffichage
de la « Carte de Paris » le visiteur peut se rendre compte du temps car nous affichons
très brièvement l’heure virtuelle à laquelle l’utilisateur est rendu dans la visite.
L’utilisateur peut se rendre compte du temps qui passe mais ne le voit pas en
continu. Il ne sait pas comment il évolue, ne sait pas si il y a une limite et ne sait pas que
les temps de transports sont pris en compte lors de sa visite. En effet nous pensons
calculer les temps de transports entre chaque lieu. Pour cela nous pensons diviser la
carte de Paris en différentes zones et attribuer à chacune de ces zones un temps de
transport spécifique.
7
Voici comment nous pensons gérer les temps de transports :
Pour se déplacer dans des lieux d’une même Zone : le temps de transport sera
équivalent à 15 secondes sur les 12 min de visite.
Pour se déplacer de la zone 1 à 2 ou 1 à 3 (et inversement) : 25 secondes
Pour se déplacer de la zone 2 à 3 (et inversement) : 35 secondes
Zone 2
Zone 1
Zone3
Nous pensons donc réaliser une transition entre le choix d’un lieu et l’arrivée sur
un panel. Cette transition comportera une barre de chargement permettant de faire
patienter l’utilisateur pendant le calcul du panel généré et une animation de métro
accompagnée par du son d’ambiance.
Si l’utilisateur s’absente durant la visite (s’il n‘effectue aucune action durant un
certain laps de temps), le temps continue de tourner. Cependant à partir d’un certain
moment le site disparaît progressivement et un message l’informe de la fin de sa visite.
L’utilisateur ne peut donc s’absenter que très brièvement.
II.3.3 L’interactivité :
Dans cette œuvre, l’interactivité est omniprésente. En effet, l’utilisateur est le
propre créateur de sa journée virtuelle. Son profil est réajusté en fonction de ses choix et
en « temps réel ». L’interactivité est ici non mécanique puisque l’utilisation du clavier et
du clic de la souris est totalement inexistante. De plus l’utilisateur est toujours amené à
revoir son idée de l’interactivité sachant que le panel est généré et donc jamais identique
quelque soit le lieu choisit. On peut noter aussi que l’utilisateur peut très difficilement
visualiser l’envergure du projet sachant qu’on lui impose une limite de temps pour le
parcourir.
8
III. ARCHITECTURE :
Notre architecture est très simpliste mais complète et précise. Sachant que notre
œuvre se déroule d’une manière sur un plan très linéaire, l’architecture est très peu
développée.
IV. EXTRAITS DE SCENARIO :
Dans le cas d’un utilisateur qui se connecte pour la première fois et qui effectue la visite
jusqu’à la fin
L’utilisateur s’installe devant son ordinateur et se connecte au site Chronopolis. Il
est accueilli par une page lui présentant l’agence URYKEN ainsi que le contexte dans
lequel a été réalisé l’œuvre. A la suite de ces informations, deux choix lui sont proposés :
il peut cliquer sur le bouton « S’inscrire » ou sur le bouton « S’identifier ». Puisqu’il s’agit
de sa première visite, l’utilisateur s’inscrit.
Le remplissage du formulaire d’inscription se fait dans une nouvelle fenêtre ;
l’utilisateur y saisit un login et un mot de passe puis valide.
Dans une nouvelle pop-up, un message l’informe que son inscription a bien été
prise en compte et un bouton « Aller à Chronopolis » apparaît. Un clic sur ce bouton
amène l’utilisateur face à un écran représentant le narrateur virtuel. Un dialogue
s’instaure entre les deux personnes. Le narrateur virtuel s’exprime par le biais du son (et
de textes), pose des questions à choix multiples et propose des tests à l’utilisateur.
Quant à l’utilisateur, il communique par le biais de sa souris. En effet, les réponses des
questions à choix multiples et des tests s’affichent à l’écran. En passant sa souris sur les
réponses, l’utilisateur remarque qu’un compteur de chargement apparaît puis disparaît
lorsque le curseur de sa souris n’est pas placé sur une réponse. Il tente donc de laisser le
9
curseur de sa souris placé sur la réponse de son choix durant un certain moment. Le
compteur de chargement apparaît puis une nouvelle question ou un nouveau test est
proposé. Après quelques minutes et après avoir répondu à quelques questions, une carte
schématique de Paris arrive progressivement à l’écran. Le narrateur virtuel informe
l’utilisateur qu’il va pouvoir commencer sa visite, avant de disparaître.
La carte contient un certain nombre de points symbolisant des lieux. En effet,
lorsque l’utilisateur passe le curseur de sa souris sur l’un des points, l’intitulé du lieu
apparaît sous la carte et le compteur de chargement se déclenche. L’un des points
représente la Tour Eiffel et l’utilisateur laisse le curseur de sa souris sur ce dernier. Le
compteur se met en marche et une photo de la bouche de métro « Tour Eiffel – Champ
de Mars », se présente à l’utilisateur. A côté de cette photo, il y a des flèches de
direction : en passant le curseur de sa souris sur une des flèches, l’utilisateur fait
apparaître de nouvelles photos. Ces photos sont, pour la plupart, des prises de vue
différentes de la Tour Eiffel. La plupart de ces photos sont intéressantes et correspondent
à la manière dont l’utilisateur souhaitait voir la Tour Eiffel. Néanmoins, il y a également
d’autres photos dont certains détails interpellent l’utilisateur. Ces photos, de par la façon
dont elles ont été prises, de par leur couleur ou leur représentation attirent son attention.
Après avoir visionné quelques clichés, l’utilisateur souhaite revenir à la carte schématique
de Paris pour se rendre dans un autre lieu. Cependant, il ne voit pas de bouton
« Retour », seule le changement de la photo de la bouche de métro peut l’interpeller. En
effet, celle-ci à changer pendant sa visite. Elle représente désormais une entrée dans le
métro et non plus une sortie. En s’attardant sur ce cliché, il est redirigé vers la carte. Sur
cette dernière, des chiffres apparaissent qu’il n’avait pas vu tout à l’heure. Ces chiffres
semblent indiquer l’heure mais disparaissent très vite, de plus, de nouveaux lieux sont
apparus. L’utilisateur a maintenant compris comment visiter un lieu et en sortir, il
continue donc sa démarche. Il s’aperçoit néanmoins qu’à chaque fois qu’il retourne à la
carte de Paris, de nouveaux lieux apparaissent et une nouvelle heure s’affiche… Celle-ci
affiche maintenant 20h07 et la visite du quartier Saint Michel que fait l’utilisateur se
passe maintenant dans une certaine obscurité, comme s’il était 20h07 ! Il peut même se
rendre dans un cinéma et dans une discothèque du quartier dont les photos
apparaissaient en grisé il y a quelques minutes. Ces photos sont maintenant accessibles.
L’utilisateur souhaite maintenant retourner à la carte de Paris. Il laisse donc son
curseur sur la photo de la bouche de métro « Saint Michel ».
A ce moment là, le narrateur réapparaît et lui signale la fin de sa visite. Après lui
avoir rappelé son login et son mot de passe, il l’invite à revenir. L’utilisateur n’a pour seul
choix que de fermer la fenêtre du site.
Dans le cas d’un utilisateur qui se connecte pour la seconde fois
L’utilisateur s’installe devant son ordinateur et se connecte au site Chronopolis.
Il est accueilli par une page lui présentant l’agence URYKEN ainsi que le contexte
dans lequel a été réalisé l’œuvre. A la suite de ces informations, deux choix lui sont
proposés : il peut cliquer sur le bouton « S’inscrire » ou sur le bouton « S’identifier ».
Comme il s’est déjà inscrit durant sa précédente visite, il s’identifie en saisissant son
login et son mot de passe. Le narrateur réapparaîtra brièvement pour souhaiter la
bienvenue à l’utilisateur.
Après avoir cliqué sur le bouton « Aller à Chronopolis », le narrateur virtuel
l’accueil et lui souhaite une bonne visite. La carte de Paris apparaît alors et présente à
l’utilisateur une nouvelle série de lieux à visite, en fonction de son heure de connexion.
La démarche de la visite est ensuite la même que précédemment.
Dans le cas d’un utilisateur qui s’absente durant la visite
L’utilisateur s’absente de devant son ordinateur ou ne bouge plus la souris
pendant un certain temps. Lorsqu’il revient, l’interface du site est devenue floue et un
message l’informe que sa visite est terminée, tout de même son login et son mot de
passe lui sont rappelés.
10
Dans le cas d’un utilisateur qui se déconnecte avant la fin de la visite
Durant sa visite, l’utilisateur choisit de quitter le site. Il ferme simplement la
fenêtre mais ne bénéficiera pas du rappel de son login et de son mot de passe.
V. CHARTE GRAPHIQUE :
La charte graphique est l'ensemble des codes graphiques, colorés et formels créés
pour la communication visuelle du projet. Dans cette partie nous devons élaborer un
certain nombre de règles donnant une unité et une cohérence aux activités du projet.
Ces règles sont appliquées aux déclinaisons du logo, aux mises en page, aux
animations,…Ces recommandations contribuent à renforcer le système de communication
et à véhiculer la cohérence de l'image que veut donner toute notre oeuvre. Des couleurs
harmonieuses et judicieuses sont donc indispensables pour mettre en valeur l'information
véhiculée. Un bon contenu dans un bon contenant ne peux que renforcer l'intérêt d'un
utilisateur lorsqu'il visite notre oeuvre et ne peux que l'inciter à revenir.
Pour déterminer les couleurs qui sont présentes sur le site nous nous sommes
basés sur la symbolique des couleurs. Nous avons ainsi décidés d’utiliser principalement
du noir et du blanc ou gris clair. Le noir a pour symbolique le calme, la détermination, la
nuit, le mystère,… le blanc a lui une symbolique du sobre, fidèle, propre, clair,… Tous
ces mots semblent correspondre avec l’idée que nous nous faisons de notre projet.
En ce qui concerne la police d’accompagnement du projet, nous avons choisis
d’utiliser de l’Arial. Cette police est très courante et donc visible par toutes les personnes
sur Internet. De plus étant sobre et très lisible, elle s’adapte très bien avec la chartre
graphique du site.
A part les photographies, nous pensons incorporer à notre œuvre que très peut
d’objets graphiques. Les photos sont présentées sur fond noir. Une légère silhouette d’un
monument parisien en gris foncée sera peut être présent sur ce fond noir. Cela évite
ainsi une trop grande simplicité graphique du projet. Sachant que nous voulons à tout
pris supprimer l’effet mécanique du clic de souris, la présence d’image représentant un
bouton est réduite au maximum.
L’objet graphique le plus imposant que nous allons incorporer à l’œuvre sera le
plan de Paris. Dans notre esprit il n’est pas précis mais plutôt assez stylisé. Les lieux ne
seront donc pas parfaitement situés ce qui permet d’équilibrer la visite entre une
personne qui connaît la Capitale et autre qui justement ne la connaît pas. Les lieux
apparaîtront sous forme de ronds de différentes couleurs en fonction du type de lieu
(monument, parc, musée,…).
Il en est de même pour la création du narrateur virtuel. Celui-ci est très stylisé et
pourra s’apparenté à de simples lèvres ou a un personnage mais dessiné en quelques
coups de crayons (dessin animé l’Alinéa,…)
Pour la création du logo du projet, nous pensons utiliser une police urbaine voir
déstructuré. Un petit dessin de silhouette de building pourrait éventuellement faire partie
du logo.
11
VI. NOMENCLATURE :
Tous les objets de la nomenclature de notre projet n’étant pas définis à ce jour,
nous allons vous exposer le fonctionnement de notre nomenclature ainsi qu’un morceau
de celle-ci.
Nous avons découpé notre projet en quatre parties :
1)
2)
3)
4)
L’arrivée sur le site
Le questionnaire psychologique
La partie centrale
La fin
La nomenclature aura donc pour premier chiffre le numéro de la partie auquel
l’élément appartient. Le second chiffre déterminera le type de média que l’on utilise. Les
médias sont définis comme suit :
1)
2)
3)
4)
Son
Image
Image animée
Bouton
Le troisième et dernier
incrémenté à partir de 000.
chiffre définit le numéro du média, ce chiffre sera
Cette nomenclature n’est bien sur pas complète à l’heure actuelle, nous y
introduisons donc seulement les éléments dont nous sommes sur.
Numéro
12000
14000
14001
21000
22000
23000
21001
22000
22001
22002
24000
31000
32000
33001
33002
33003
33004
33005
33006
33007
33008
33009
33010
33011
Dénomination
Image fond
Bouton « S’identifier »
Bouton « S’inscrire »
Ambiance du questionnaire
Image
Représentation iconographique du narrateur
(bouche, personnage)
Son ambiance test
Photo en couleur
Photo en noir et blanc
Aquarelle
Bouton « Aller à Chronopolis » permettant de
passer à l’œuvre
Ambiance métro
Carte de Paris
Bouche de métro sortie « Tour Eiffel »
Bouche de métro entrée « Tour Eiffel »
Bouche de métro sortie « Moulin Rouge »
Bouche de métro entrée « Moulin Rouge »
Bouche de métro sortie « Montmartre »
Bouche de métro entrée « Montmartre »
Vue Tour Eiffel angle 1 matin
Vue Tour Eiffel angle 1 midi
Vue Tour Eiffel angle 1 soir
Vue Tour Eiffel angle 2 matin
Vue Tour Eiffel angle 2 midi
Nom
Fond0.jpg
Boutonid.jpg
Boutonnoid.jpg
Ambiance0.wav
Image0.jpg
Anim0.gif
Son0.wav
Image00.jpg
Image01.jpg
Image02.jpg
Boutonok.jpg
Ambiance01.wav
Carte0.jpg
Métroout1.gif
Métroin1.gif
Métroout2.gif
Métroin2.gif
Métroout3.gif
Métroin3.jpg
Eiffel101.gif
Eiffel102.gif
Eiffel103.gif
Eiffel201.gif
Eiffel202.gif
12
33012
33013
33014
33015
33016
33017
33018
33019
33020
33021
33022
33023
33024
33025
33026
33027
33028
33029
33030
33031
33032
33033
33034
33035
33036
33037
33038
33039
33040
33041
33042
33043
33044
33045
33046
33047
33048
33049
33050
33051
31002
31001
31003
33052
33053
33054
33055
33056
33057
33058
33059
33060
33061
33062
33063
Vue Tour Eiffel angle 2 soir
Vue Tour Eiffel angle 3 matin
Vue Tour Eiffel angle 3 midi
Vue Tour Eiffel angle 3 soir
Vue Tour Eiffel angle 4 matin
Vue Tour Eiffel angle 4 midi
Vue Tour Eiffel angle 4 soir
Vue Tour Eiffel angle 5 matin
Vue Tour Eiffel angle 5 midi
Vue Tour Eiffel angle 5 soir
Vue Tour Eiffel angle 6 matin
Vue Tour Eiffel angle 6 midi
Vue Tour Eiffel angle 6 soir
Vue Tour Eiffel angle 7 matin
Vue Tour Eiffel angle 7 midi
Vue Tour Eiffel angle 7 soir
Vue Tour Eiffel angle 8 matin
Vue Tour Eiffel angle 8 midi
Vue Tour Eiffel angle 8 soir
Vue Tour Eiffel angle 9 matin
Vue Tour Eiffel angle 9 midi
Vue Tour Eiffel angle 9 soir
Vue Tour Eiffel angle 10 matin
Vue Tour Eiffel angle 10 midi
Vue Tour Eiffel angle 10 soir
Vue Tour Eiffel angle 11 matin
Vue Tour Eiffel angle 11 midi
Vue Tour Eiffel angle 11 soir
Vue Tour Eiffel angle 12 matin
Vue Tour Eiffel angle 12 midi
Vue Tour Eiffel angle 12 soir
Vue Tour Eiffel angle 13 matin
Vue Tour Eiffel angle 13 midi
Vue Tour Eiffel angle 13 soir
Vue Tour Eiffel angle 14 matin
Vue Tour Eiffel angle 14 midi
Vue Tour Eiffel angle 14 soir
Vue Tour Eiffel angle 15 matin
Vue Tour Eiffel angle 15 midi
Vue Tour Eiffel angle 15 soir
Ambiance Tour Eiffel matin
Ambiance Tour Eiffel journée
Ambiance Tour Eiffel nuit
Vue Moulin Rouge angle 1 matin
Vue Moulin Rouge angle 1 midi
Vue Moulin Rouge angle 1 soir
Vue Moulin Rouge angle 2 matin
Vue Moulin Rouge angle 2 midi
Vue Moulin Rouge angle 2 soir
Vue Moulin Rouge angle 3 matin
Vue Moulin Rouge angle 3 midi
Vue Moulin Rouge angle 3 soir
Vue Moulin Rouge angle 4 matin
Vue Moulin Rouge angle 4 midi
Vue Moulin Rouge angle 4 soir
Eiffel203.gif
Eiffel301.gif
Eiffel302.gif
Eiffel303.gif
Eiffel401.gif
Eiffel402.gif
Eiffel403.gif
Eiffel501.gif
Eiffel502.gif
Eiffel503.gif
Eiffel601.gif
Eiffel602.gif
Eiffel603.gif
Eiffel701.gif
Eiffel702.gif
Eiffel703.gif
Eiffel801.gif
Eiffel802.gif
Eiffel803.gif
Eiffel901.gif
Eiffel902.gif
Eiffel903.gif
Eiffel1001.gif
Eiffel1002.gif
Eiffel1003.gif
Eiffel1101.gif
Eiffel1102.gif
Eiffel1103.gif
Eiffel1201.gif
Eiffel1202.gif
Eiffel1203.gif
Eiffel1301.gif
Eiffel1302.gif
Eiffel1303.gif
Eiffel1401.gif
Eiffel1402.gif
Eiffel1403.gif
Eiffel1501.gif
Eiffel1502.gif
Eiffel1503.gif
Ambiance03.wav
Ambiance02.wav
Ambiance04.wav
Moulin101.gif
Moulin102.gif
Moulin103.gif
Moulin201.gif
Moulin202.gif
Moulin203.gif
Moulin301.gif
Moulin302.gif
Moulin303.gif
Moulin401.gif
Moulin402.gif
Moulin403.gif
13
33064
33065
33066
33067
33068
33069
33070
33071
33072
33073
33074
33075
33076
33077
33078
33079
33080
33081
33082
33083
33084
33085
33086
33087
33088
33089
33090
33091
33092
33093
33094
33095
33096
41000
42000
Vue Moulin Rouge angle 5 matin
Vue Moulin Rouge angle 5 midi
Vue Moulin Rouge angle 5 soir
Vue Moulin Rouge angle 6 matin
Vue Moulin Rouge angle 6 midi
Vue Moulin Rouge angle 6 soir
Vue Moulin Rouge angle 7 matin
Vue Moulin Rouge angle 7 midi
Vue Moulin Rouge angle 7 soir
Vue Moulin Rouge angle 8 matin
Vue Moulin Rouge angle 8 midi
Vue Moulin Rouge angle 8 soir
Vue Moulin Rouge angle 9 matin
Vue Moulin Rouge angle 9 midi
Vue Moulin Rouge angle 9 soir
Vue Moulin Rouge angle 10 matin
Vue Moulin Rouge angle 10 midi
Vue Moulin Rouge angle 10 soir
Vue Moulin Rouge angle 11 matin
Vue Moulin Rouge angle 11 midi
Vue Moulin Rouge angle 11 soir
Vue Moulin Rouge angle 12 matin
Vue Moulin Rouge angle 12 midi
Vue Moulin Rouge angle 12 soir
Vue Moulin Rouge angle 13 matin
Vue Moulin Rouge angle 13 midi
Vue Moulin Rouge angle 13 soir
Vue Moulin Rouge angle 14 matin
Vue Moulin Rouge angle 14 midi
Vue Moulin Rouge angle 14 soir
Vue Moulin Rouge angle 15 matin
Vue Moulin Rouge angle 15 midi
Vue Moulin Rouge angle 15 soir
Ambiance de fin de parcours
Fond de fin
Moulin501.gif
Moulin502.gif
Moulin503.gif
Moulin601.gif
Moulin602.gif
Moulin603.gif
Moulin701.gif
Moulin702.gif
Moulin703.gif
Moulin801.gif
Moulin802.gif
Moulin803.gif
Moulin901.gif
Moulin902.gif
Moulin903.gif
Moulin1001.gif
Moulin1002.gif
Moulin1003.gif
Moulin1101.gif
Moulin1102.gif
Moulin1103.gif
Moulin1201.gif
Moulin1202.gif
Moulin1203.gif
Moulin1301.gif
Moulin1302.gif
Moulin1303.gif
Moulin1401.gif
Moulin1402.gif
Moulin1403.gif
Moulin1501.gif
Moulin1502.gif
Moulin1503.gif
Ambiance05.wav
Fin0.jpg
VII. REMARQUES :
Dans le futur chronogramme, nous penserons à bien prendre en compte que le
fait d’aller sur Paris pour faire les prises de vue sera un travail long.
Nous avons d’ores et déjà commencé à nous renseigner sur les autorisations à
obtenir pour photographier les monuments de Paris. Nous savons donc qu’il nous est
impossible de photographier les monuments contemporains qui sont soumis à un droit à
l’image très onéreux. Pour tous les autres monuments, il conviend d’obtenir une
autorisation de la Direction de ceux-ci. Ainsi, il est nécessaire de définir rapidement les
monuments que nous souhaitons voir apparaître dans notre œuvre compte tenu des
délais pour obtenir une autorisation.
Le projet que nous allons réaliser est ambitieux mais nous pensons pouvoir le
terminer dans les limites de temps qui nous sont imparties.
14