1. have a dream
« L’ Histoire est un éternel
recommencement »
découvrez ou redécouvrez la lutte pour
les droits civiques Américains, et, vous
aussi, faites un rêve pour l’avenir.
Thibault Leporé - projet individuel - crm8 Gobelins Annecy

2. sommaire intention
parti pris 1
synopsis 1
démarche projet 1
promesse 2
public cible 2
services clés 2
conception
cible 3
schéma des envies 4
concept général 5
scénarios utilisateur 6-7
arborescence 8
zoning 9 - 13
navigation 14
graphisme
axes de recherche 15
recherches graphiques 16 - 18
charte graphique 19
écrans clés 20 - 25
technique
généralités 26
librairies et classes génériques 27
fonctionnement global 28
production
planning 29
budget 30

3. inten
tion

4. intention (1/2)
1
parti pris
La lutte contre la discrimination
raciale est l’une des périodes les plus
synopsis obscures de l’Histoire des Etats-Unis
d’Amériques.
Have a Dream est un site Internet
« I have a Dream » de Martin Luther
permettant d’en apprendre plus sur
King est sans doute le discours le plus
la lutte pour les droits civiques et les
marquant du siècle dernier, à l’image
inégalités des Etats-Unis des années
des personnalités qui ont inscrites
50 / 60 en confrontant passé et présent.
cette période dans l’Histoire.
Découvrez les grands thèmes abordés
par Martin Luther King dans son Aujourd’hui, ce discours me semble
discours et forgez votre propre vision toujours d’actualité sur certains
sur cette période et ses conséquences. points. C’est en confrontant passé et
présent que je souhaite faire connaître
A travers de nombreux médias, ce moment de l’Histoire aux futurs
citations, témoignages mais aussi une utilisateurs.
démarche interface ludique et intuitive, explorez
ce grand mouvement populaire.
Consultez ces médias et les réactions
Si le discours de Martin Luther King
est le point central de cette sombre
projet associées afin de revivre les émotions
que ces situations ont suscités par le
période, elle reste méconnue du grand
public tout comme la condition des
Have a Dream offre aux utilisateurs la passé et formulez vos propres rêves. noirs Américains. Je tiens à les éclaircir
possibilité de découvrir la lutte pour les en proposant une manière originale
droits civiques et la vie quotidienne à Avec Have a Dream, comprenez d’aborder l’Histoire et permettre aux
cette époque à travers une expérience comment les grands rêves d’hier font utilisateurs de réagir en partageant
ludique confrontant passé et présent. les réalités d’aujourd’hui. leurs rêves.

5. intention (2/2)
2
services clés
Aperçu de tous les grands thèmes via
le discours de Martin Luther King.
Plonger dans l’Histoire en consultant
chaque média en un geste.
Confondre passé et présent en
associant des faits marquants.
Explorer l’Histoire à travers les médias.
public cible Découvrir le discours de Martin Luther
promesse Have a Dream s’adresse à un
public désireux d’aborder l’Histoire
King de manière ludique et approfondir
ses connaissances sur cette période.
L’utilisateur pourra construire sa vision différemment et de vivre une
des tenants et aboutissants de la lutte expérience multimédia innovante. Comprendre les espoirs, les
pour les droits civiques Américains Un public ouvert d’esprit et curieux, conséquences du rêve de Martin
tout en restant fidèle à la réalité. Have sans connaissance particulière de Luther King et la lutte pour les droits
a dream fera appel à sa réflexion et la période historique traitée. Enfin, il civiques à travers l’expérience de tous
ses émotions pour mieux le plonger est sensible aux images fortes, aux les utilisateurs.
dans cette période incontournable de discours historiques et aux problèmes
l’Histoire et partager ses rêves. de société. Formuler son propre rêve.

6. conc
eptio
n

7. cible
3
cible coeur
étendue de cible
15 - 45 ans 15 - 25 ans
Connaissance du sujet moindre ou Connait les grandes lignes, les grands
plus étendu, n’est cependant pas un Hommes (Martin Luther King, Malcom
expert de la période. Novice utilisant X, JFK) et les grands événements
Internet pour effectuer des recherches de la période traitée. Utilise Internet
à expert travaillant dans le multimédia. quotidiennement, familié avec
Même centres d’intêrets que le coeur les réseaux sociaux et interfaces
de cible. Attitude plus ou moins active «innovantes» (mobile, jeux, tactile...).
sur Internet, cependant, connaît les Est interéssé par la création et / ou
pièges du média et ne reste pas passif l’Histoire. Attitude active sur internet,
fasse au contenu. aime expérimenter et s’instruire.

8. schéma des envies
4
se di
ver ti
se divertir r
Vivre une expérience multimédia s’inst
innovante et ludique. Découvrir ruire
une nouvelle façon de naviguer et
d’aborder l’Histoire tout en s’instruisant.
S’inspirer, s’inprégner d’un univers
graphique marqué et prendre plaisir à
manipuler l’interface.
s’instruire par ta
ger
Acquérir ou appronfondir des
partager connaissances sur la lutte contre la
ségrégation. Découvrir le discours de
Réagir, prendre parti, partager sa Martin Luther King, ses grandes idées.
vision des événements passés et des Mieux connaître les conditions de vie
changements effectués. Formuler un des noirs Américains et les évolutions
rêve pour demain, raconter sa propre de ces 40 dernières années. Découvrir
expérience, et s’impliquer dans le l’envers du décors et la réalité
projet en partageant cette vision avec des situations passées mais aussi
les autres internautes. présentes.

9. concept général
5
thèmes concept
Pour chaque thèmes, plusieurs médias Have a dream propose aux utilisateurs
sont proposés, représentatifs de la de naviguer dans deux discours.
période. D’un côté le discours «I have a dream»
contenus L’opposition ou les similitudes entre les
médias passés et présents permettront
de Martin Luther King, de l’autre,
le discours d’investiture de Barrack
de pousser les utilisateurs à réagir. Obama.
L’essentiel des contenus du site sont
basés sur la vidéo, le son et l’image, à Des extraits de ces discours, abordant
l’instar des sites actuels qui délaissent
en parti les textes pour les médias réactions des thèmes bien précis, permettront
d’accèder à des médias mettant en
riches. avant les progrès faits ces 50 dernières
Pour chaque thèmes, les utilisateurs
années.
Cependant, des contenus textuels peuvent répondre à une question.
restent présents pour donner plus
d’informations à l’utilisateur. Les résultats des
sont modélisés sous forme de
questions
navigation
pourcentages. Ainsi, il est possible de
La navigation au sein du site est basé
interface connaitre la tendance des réponses en
un clin d’oeil.
sur deux principes clés.
L’interface du site, minimaliste a pour En plus d’une réponse à la question, D’un côté le drag and turn, dérivé du
but de mettre le contenu au centre. chaque internaute peut ajouter un drag and drop, permettant de contrôler
commentaire textuel ou vidéo. la lecture des médias. De l’autre, la
L’habillage graphique quand à lui navigation gestuelle afin de passer de
permet à l’utilisateur de connaître en Ces commentaires sont ensuite médias en médias ou de changer de
permance sa position sur le site. visibles par tout les internautes. temps.

10. scénarios utilisateur (1/2)
6
parcours
Dans le cadre de ses cours d’Histoire, Il consulte alors le thème suivant, et se
léo, doit effectuer des recherches sur sentant de plus en plus concerné, dé-
Martin Luther King et la lutte pour les cide d’ajouter une réaction.
droits civiques aux Etats-Unis.
Il accède à la page de réactions, et
Il commence par effectuer une reche- sans consulter celles des autres inter-
cher sur Google, et après avoir consul- nautes, il ajoute sa propre vidéo.
ter les grands sites «d’information», il
arrive sur le site Have a Dream. Après s’être exprimé, le site lui pro-
pose de partager sa réaction avec ses
Amusé par le mode de navigation, il amis, ainsi que l’url de celle-ci.
pousuit sa visite.
léo Sur la page d’accueil, il s’amuse
Il note l’adresse de sa vidéo et termine
sa visite en consultant une partie du
d’abord à se déplacer dans le discours discours de Martin Luther King.
15 ans et passe du passé au présent en un
mouvement de souris. Très vite il mai- Plutard, léo remontrera sa réaction lors
Léo vit proche de Nantes et est issu de sur MSN, facebook ou consulter des trise cette navigation. d’un exposé en cours. Le professeur
la classe moyenne. sites sur ses diverses passions (infor- d’Histoire incitera d’ailleurs chaque
matique, football...). Il l’utilise égale- Arrivé sur un des thèmes passés, élève a étudier les différents contenus
Il est en classe de seconde, plutôt ment à l’école dans un cadre pédago- il retourne à son objectif premier et du site lors d’un cour d’éducation ci-
bon élève, et souhaite poursuivre gique pour effectuer des recherches. consulte les informations complémen- vique.
des études dans le domaine de taires.
l’informatique. Il connait peu Martin Luther King à Sans s’en rendre compte, Léo en a
l’exception qu’il a participé à la désé- Après avoir lu le résumé, il navigue appris plus sur la situation des noirs
Il utilise Intenet quotidiennement à la grégation notamment en pronoçant le vers le présent, et découvre que la si- Américains aujourd’hui et hier tout en
maison, principalement pour discuter discours «I Have A Dream». tuation n’a guère évoluée. se divertissant.

11. scénarios utilisateur (2/2)
7
parcours
Dans son mémoire, Sophie souhaite Elle consulte plusieurs de ces réac-
consacer une partie à des témoi- tions, et, bien que loin du niveau intel-
gnages relatifs à la discrimination. lectuelle des études qu’elle suit, elle est
interessé par le côté très spontanné et
Elle effectue diverses recherches sur «sous l’émotion» de ces réactions.
Internet, et tombe, via un forum, sur le
site Have a Dream. Elle prends note de quelques réactions
et décide d’en consulter d’autres sur
Elle découvre dans l’introduction que plusieurs des thèmes.
sophie les internautes ont la possibilité de
laisser des réactions aux thèmes abor- Après en avoir vu une vingtaine, elle
termine sa visite mais reviendra plu-
23 ans
dés par le site. Bien qu’interessée à la
base par des témoignages du passé, sieurs fois sur le site.
elle décide de poursuivre sa visite.
Sophie est étudiante en Master Re- Elle utilise Intenet quotidiennement Sophie retiendra principalement de ce
cherche Sociologie Spécialité Sociolo- pour ses études, son implication asso- L’apprentissage de l’interface est quasi site la force des images et des émo-
gie à l’université de Paris 8. ciative et communiquer avec ses amis instantanné et elle passe rapidemenrt tions sur les témoignages des inter-
de la fac. de thème en thème, jusqu’à ce qu’un nautes.
Etudiante appliquée, Sophie est inte- d’entre eux retienne son intention.
ressée par toutes les formes de discri- Sophie connait particulièrement bien la Elle consacrera d’ailleurs un chapitre
mination raciale, sociale, sexuelle.. et lutte contre la ségrégation aux Etats- Déjà bien au courant du sujet elle ac- entier de son mémoire sur la poli-
est bénévole à la HALDE (Haute auto- Unis ainsi que les faits de société pas- cède directement aux réactions des tique émotionnionelle dont le principe
rité pour la lutte contre la discrimination sés et présents liés à la ségrégation internautes, sans consulter plus d’in- consiste à légiférer sur le coup de
et pour l’égalité). entre les peuples. formations. l’émotion.

12. arborescence
8
informations / personnalité / carte
page
panneau
visualisation d’une réaction
page passé / présent
homepage thème réactions ajout d’une réaction

13. zoning (1/5)
9
homepage
La homepage présente les grands
thèmes à travers les deux discours.
Ils sont représentés par un cercle, dans
lequel un curseur tourne pour imager le
temps qui passe. Il est possible de se
déplacer dans le temps en déplacant
ce curseur.
Chaque thème sont des portions de
cercle correspondant au passage du
discours l’abordant.
Au centre, les phrases du discours
s’affiche.

14. zoning (2/5)
10
thèmes
Les grands thèmes sont présentés au
moyen de vidéos, sons, images... dans
le gabarit thème (gabarit unique pour
toutes les pages).
Ces pages thèmes peuvent afficher
plusieurs volets d’informations.
Le volet détails offre à l’utilisateur un
résumé du fait / de l’évément présenté.
Il permet d’obtenir des informations
necessaires à la comprehenssion du
thème.
Le volet carte, optionnel, permet à
l’internaute de se situer dans l’espace
et de mieux se projeter dans l’Histoire.
Le volet personnalité nous renseigne
sur une des grandes figures qui ont
illustrées ou se sont engagées pour le
thème abordé.

15. zoning (3/5)
11
réactions
Les réactions de tous les internautes
à propos d’un thème sont compilées
autour d’un cercle. Il est possible
d’accéder à ces réactions en cliquant
simplement dessus.
Des pourcentages sur les réponses
des internautes sont affichés au centre,
il est possible pour l’utilisateur de voter
à son tour en cliquant dessus.

16. zoning (4/5)
12
ajout d’une
réaction
Avant d’ajouter sa réaction, l’utilisateur
est amené à relire la question qu’il
va commenter et de renseigner son
pseudonyme et le titrre de son vote.
Il peut ensuite ajouter un commentaire
textuel, vidéo (d’une minute) ou
peut choisir de ne pas laisser de
commentaire.

17. zoning (5/5)
13
aide
A n’importe quel moment et sur
n’importe quelle page du site,
l’utilisateur peut consulter le panneau
d’aide, qui lui donnera des informations
sur les gestes à effectuer pour naviguer
au sein du site.
Ces informations seront propres à la
page ou l’internaute se trouve.
En cas d’inactivité, le panneau d’aide
s’ouvrira légérement pour rappeler à
l’utilisateur l’un des mouvements qu’il
peut utiliser.
Enfin, lors des temps de chargement,
certains mouvements pourront être
rappellés à l’internaute.

18. navigation
14
suivant /
précédent
Des flèches en direction de la gauche
drag & navigation ou la droite permettent de passer de
médias en médias.
turn gestuelle
La navigation au sein du site se fait en
Le principe de drag and turn est un partie par mouvement.
dérivé du drag and drop.
Ce mode de navigation sans clic, est
plus / Ce procédé est utilisé à de nombreuses
reprises dans le site principalement
résolument tourné vers une utilisation
tactile, futur de l’informatique pour
moins pour contrôler le temps au sein d’un
média.
beaucoup, avec des mouvements
simples à effectuer au doigt. temps /
Le symbole plus permet d’ouvrir le
panneau d’informations sur les pages
Il est également utilisé dans les Cependant, le tactile étant jusqu’alors retour
panneaux d’information afin de passer peu répendu, ce mode de navigation
médias. Le signe moins quand à lui La flèche vers le bas permet de changer
d’un panneau à un autre en les faisant est également simple à reproduire
sert à fermer ce panneau. de temps (page médias, home) ou de
tourner. avec une souris.
retourner vers la page précédente.
A l’image du drag and drop, ce De plus, l’utilisation des gestes, ajoute
procédé de manipulation est très un côté ludique et permet de percevoir
simple d’apprentissage, et la plupart les médias de façon moins brutale.
des utilisateurs familiers avec un Enfin, celà permet d’obtenir une vrai
ordinateur s’approprient la technique implication de l’internaute dès sont
très rapidemment. arrivé sur le site.

19. grap
hism
e

20. axes de recherche
15
séparation / sépa
confrontation rat
confr ion /
Premier axe de recherche, la ontat
séparation permet d’exprimer à la ion lien /
fois l’idée de ségrégation mais aussi
d’habiller la confrontation entre
méla
passé et présent. La séparation peut
également exprimer le changement,
nge
le progrès, le renouveau, points
importants du projet.
échange / lien / écha
nge /
partage mélange par ta
ge
L’échange, le partage, sont les propres A l’opposé de la séparation, on trouve
du discours, au centre du projet. C’est le mélange, la mise en relation, le lien.
aussi l’idée d’avancer enssemble et Ce second axe graphique exprime le
de partager des idées communes ou rapprochement des peuples, la fin de
contraires. Le partage et l’échange la ségrégation... C’est aussi le moyen
seront au coeur des réactions des de montrer les similitudes, les points
internautes et de leur implications dans communs entre des événements, des
le site. idées ou encore des personnalités.

21. recherches graphiques (1/3)
16
séparation /
confrontation
La séparation peut être modélisée
sous la forme de catégorisation. Cette
catégorisation peut se faire par la
couleur, le placement ou les formes. Le
principe de catégorisation s’applique le
plus souvent lorsqu’il faut différencier
plus de deux groupes.
La séparation peut également être
retranscrite par une séparation
physique. Le plus efficace étant la
division de l’écran en deux partie
distinctes. Cet effet peut être accentué
avec des obliques ou une différence /
opposition de couleur. L’utilisation de
ces procédés permet d’aller au delà
de la séparation et d’entrer dans la
confrontation.
Il est également possible d’instaurer
la confrontation dans le choix des
médias, soit par plusieurs médias
s’opposant l’un l’autre, ou par un média
représentant lui même la confrontation.
Enfin, la séparation peut se faire en
opposant deux styles graphiques
radicalement différents au sein d’une
même page.

22. recherches graphiques (2/3)
17
lien /
1
mélange
Le mélange peut se faire par des effets
de profondeur et / ou de superposition.
Ce procédé graphique peut aussi
instaurer des notions d’échelle.
Les liens sont souvent représentés par
des liens physiques, lignes cables...
Celà permet de créer des graphismes
proches du constructivisme, d’ajouter
des formes, mais aussi de jouer
avec le mouvement (inertie, reaction
physique) dans certains cas.
A l’image de la confrontation la mise
en relation peut aussi se faire par la
catégorisation, qui permet d’associer
des éléments entre eux.
Enfin, le lien peut, là encore à l’nistar de
la séparation, être fait par des jeux de
couleurs, de formes ou de placement /
distance des élements.

23. recherches graphiques (3/3)
18
échange /
partage
Sur Internet l’échange peut être divers
et multiple. Que ce soit par vidéo, par
témoignages écrits, vidéos ou audios,
par des sondages, des opinons, des
votes, ou tout simplement en déposant
/ créant une contribution. Plusieurs
pratiques graphiques et éditoriales font
office de meilleures pratiques.
L’instauration d’un «rite», d’un «ton»
souvent donné par des exemples est
une bonne pratique lors de l’utilisation
de la vidéo. Celà permet d’offrir une
cohérence éditoriale et graphique à
l’internaute.
La création d’un élément
personnalisable via plusieurs options
prédéfinies pour laisser un message
est la meilleure manière d’obtenir
une cohésion graphique entre toutes
les contributions des utilisateurs.
Cepdendant cette pratique doit
également être cadrée du côté éditorial
car elle offre une grande liberté à
l’internaute.
Enfin, le vote ou le sondage, permettent
de garder un contrôle total sur la
représentation graphique et le contenu
éditorial, en proposant des réponses
bien définies.

24. charte graphique abcdefghijklmnopqrstuvwxyz
19 ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789/*-+& ‘(){}[]@$!:;.,?<>#=%
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789/*-+& ‘(){}[]@$!:;.,?<>#=%
couleur typographie le cercle
Have a dream est articulié autour de Deux typographies sont utilisées sur le L’essentiel du graphisme du site est
deux couleurs, premettant de rappeler site. basé sur le cercle ou la portion de
le sens de la ségrégation. cercle.
minimalisme Les deux couleurs utilisée sont un
La première, Rockwell, est utilisée
pour les titrages et les grands Cette forme continue et infinie, placée
Afin de faire place au contenu, rouge (présent) et un bleu (passé) vif caractères. Cette typographie à très au centre constitue l’élément majeur
l’interface du site est minimaliste, avec et opposés. fort empatement alie un côté très de l’interface.
des habillages de page discrets basés graphique qui permet de l’utiliser dans
sur la répétition de formes telles que De plus, le jeux avec ces deux couleurs différents corps et graisses, mais aussi Tous les médias, les discours,
le cercle. permet d’identifiier passé / préssent, une excellente lisibilité. timeline, ou encore pourcentages sont
positif / négatif... modélisés à travers de cercle central,
Une intertace minimaliste permet La seconde, une Arial, tranche parfois double.
également d’augmenter la lisibilité et la Une troisième couleur, le gris, permet avec la première dans la taille de
simplicité de compréhension de celle- d’exprimer quand à lui là neutralité. ses empatements et son côté très Il exprime l’idée de recommencement,
ci. classique. Pour autant, elle se marie d’infini, ce que tente de démontrer le
Les médias seront présentés en bien avec la police Rockwell, avec site.
C’est donc avec un graphisme simple nuances de gris, pour mieux les notamment des arrondis, des angles
et éfficace que l’interface du site palie confronter en leur offrant un traitement et des inclinaisons très proches. Cette Enfin, d’autres petit cercles sont
au mode de navigation inhabituels et graphique identique (les médias typographie sera utilisée pour les utilisés pour représenter des éléments
innovant. passés étant en noir et blanc de base). contenus textuels, informations... drag and dropable.

25. écrans clés (1/6)
20
homepage

26. écrans clés (2/6)
21
thème (1/2)

27. écrans clés (3/6)
22
thème (2/2)

28. écrans clés (4/6)
23
consultation
des réactions

29. écrans clés (5/6)
24
ajout d’une
réaction

30. écrans clés (6/6)
25
aide

31. techn
ique

32. généralités
26
technologies
front
Le site sera développé en Flash 10, à
l’aide d’Adobe Flash CS4 et de l’éditeur
technologies ActionScript3 FDT3 Entreprise.
hébergement contraintes back L’enssemble du site sera développé
en ActionScript3, et utilisera plusieurs
Le site est optimisé pour une résolution designs patterns dont notamment
Le site sera hébergé sur un serveur de 1280 * 1024 mais pourra être visible Côté back, le site se basera sur une l’observateur ou le Singleton.
FMS / Apache avec une version de en 1024 * 768. base de donnée mySQL, interfacée
PHP 4 ou supérieur. avec Flash via des scripts PHP L’avantage de la technologie Flash
Pour vivre l’expérience de façon générant des XML. est son universalité (près de 99%
La bande passante devra être suffisante optimale, l’utilsateur devra disposer des postes équipés), sa gestion des
pour assurer l’enregistrement des d’enceintes, d’une webcam et d’un L’avantage de SQL est sa simplicité de médias et de l’interactivité, ainsi que sa
vidéos ainsi que leur diffusion. micro. mise en place et sa fiabilité. communauté particulièrement active.
Le site sera disponible sous le nom Les vidéos seront diffusées en F4V L’utilisation de XML est jusitifé par le fait L’enregistrement des réactions vidéos
de domaine http://have.a-dream.net/, H264, ce qui impliquera une connexion qu’ActionScript gère particulièrement se fera grâce à la technologie Flash
rappelant le nom du projet haut débit pour l’utilisateur. bien ce format grâce à E4X. Media Serveur 3.5.

33. librairies et classes génériques
27
SoundPlayer
SoundPlayer est une classe de gestion
Main de son complexe, elle est entourée de
5 autres classes pour fonctionner.
Main est la classe principale chargée
de gérer l’enssemble des pages et des
contenus. Player
Classe présente pour chaque lecture
framework Apage de média, elle utilise le player de
five3d
myLib.
Toutes les pages étendront la classe
Five3d est un moteur 3d léger, rapide
JourDePluie APage, présente dans le framework,
capable de gérer les show / hide, les Mouse
et basé sur des graphismes vectoriels, niveaux d’adresse...
ce qui permet d’obtenir d’excellents
rendus pour les textes.
L’enssemble du site sera développé
sur la base d’un framework personnel Gesture
du nom de JourDePluie composé
d’environ 60 classes. Constants Mouse Gesture permet d’analyser les
mouvement à la souris de l’utilisateur
myLib Celui-ci gère une logique de
L’enssemble des constantes sont
stockées dans la classe Constants
grâce notamment à l’algorythme de
Levenstein.
chargement et de page complète,
MyLib est une librairie de composants basée sur swfadress, détaillée dans la
particulièrement complète et
entièrement personnalisable
permettant de se passer des
page suivante.
Paths Loading
Egalement présent un package
composants d’Adobe, peu performants Initialisée au début, la classe Paths Loading est la classe permettant de
de gestion du son, des éléments
et compliqués à designer. permet de gérer l’enssemble des gérer l’enssemble des chargements.
d’interfaces (bouton, roll-over, show /
hide, selection...). repertoires.
swfAdress Enfin, diverses classes outils (calculs FMSManager
SWFAdress est une petite libraire
mathématique, effet de texte,
applications de typographie, gestion
Client FMSManager gère l’enssemble des
permettant de pratiquer l’url rewriting de fichier, gestion de la timeline, Client est la classe de référence pour classes permettant d’intéragir avec le
avec Flash. encodage, cryptage...) sont présentes. tous les paramètres clients. serveur FMS.

34. fonctionnement global
28
masque la page actuelle
charge la nouvelle page
intialise la nouvelle page
non
affiche la nouvelle page
changement oui
adresses / de page charge nouveau contenu si necessaire
modifie la page actuelle
contenus
L’enssemble des chargements et
modification de contenus du site sont
gérée par l’url.
Ainsi il est possible pour l’utilisateur de
taper directement une url (par exemple
adresse valide
celle d’une reaction) pour à accéder
une page.
De plus, il peut utiliser le bouton retour
action
de son navigateur sans quitter le site.
Cette méthode de gestion permet
de palier à l’un des gros défaut de utilisateur swfadress /
la technologie de Flash, à savoir
l’absence d’écriture d’url. manager

35. prod
uctio
n

36. planning
29
zoning tournage / montage des témoignages
tests techniques déclinaison / intégration
concepts direction artistique développement front
étude de marché recherches graphiques développement back recettage
gestion de projet
47
00 05 10 15 20 25 30 35 40 45
jours

37. budget
30
étape poste jours prix / j prix
pré-projet
études de marché concepteur 2 400 800
études comparatives concepteur 2 400 800
conception
concepts concepteur 5 400 2000
zoning concepteur 5 400 2000
tests techniques ingénieur de développement 2 600 1200
graphisme
recherches directeur artistique 1 700 700
direction artistique directeur artistique 2 700 1400
declinaison / intégration graphiste 6 400 3200
tournage / montage vidéos équipe de tournage 3 1600 4800
monteur 2 500 1000
développement
développement back développeur back 4 400 1600
développement front ingénieur de développement 21 600 12600
tests
recettage chef de projet 4 400 1600
ingénieur de développement 4 600 2400
gestion
gestion de projet (hors recettage) chef de projet 10 400 4000
39100€