Embed Size (px)
Citation preview
Thibault Leporé - projet individuel - crm8 Gobelins Annecy
découvrez ou redécouvrez la lutte pourles droits civiques Américains, et, vousaussi, faites un rêve pour l’avenir.
have a dream« L’ Histoire est un éternel recommencement »
parti prissynopsisdémarche projetpromessepublic cibleservices clés
intention
graphisme
conception
technique
production
cibleschéma des enviesconcept généralscénarios utilisateurarborescencezoning navigation
axes de rechercherecherches graphiquescharte graphiqueécrans clés
généralitéslibrairies et classes génériquesfonctionnement global
planningbudget
111222
345
6 - 78
9 - 1314
1516 - 18
1920 - 25
262728
2930
sommaire
1inte
ntio
n
La lutte contre la discrimination raciale est l’une des périodes les plus obscures de l’Histoire des Etats-Unis d’Amériques.
« I have a Dream » de Martin Luther King est sans doute le discours le plus marquant du siècle dernier, à l’image des personnalités qui ont inscrites cette période dans l’Histoire.
Aujourd’hui, ce discours me semble toujours d’actualité sur certains points. C’est en confrontant passé et présent que je souhaite faire connaître ce moment de l’Histoire aux futurs utilisateurs.
Si le discours de Martin Luther King est le point central de cette sombre période, elle reste méconnue du grand public tout comme la condition des noirs Américains. Je tiens à les éclaircir en proposant une manière originale d’aborder l’Histoire et permettre aux utilisateurs de réagir en partageant leurs rêves.
parti pris
démarche projetHave a Dream offre aux utilisateurs la possibilité de découvrir la lutte pour les droits civiques et la vie quotidienne à cette époque à travers une expérience ludique confrontant passé et présent.
Have a Dream est un site Internet permettant d’en apprendre plus sur la lutte pour les droits civiques et les inégalités des Etats-Unis des années 50 / 60 en confrontant passé et présent.
Découvrez les grands thèmes abordés par Martin Luther King dans son discours et forgez votre propre vision sur cette période et ses conséquences.
A travers de nombreux médias, citations, témoignages mais aussi une interface ludique et intuitive, explorez ce grand mouvement populaire. Consultez ces médias et les réactions associées afin de revivre les émotions que ces situations ont suscités par le passé et formulez vos propres rêves.
Avec Have a Dream, comprenez comment les grands rêves d’hier font les réalités d’aujourd’hui.
synopsis
intention (1/2)1
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.
Découvrir le discours de Martin Luther King de manière ludique et approfondir ses connaissances sur cette période.
Comprendre les espoirs, les conséquences du rêve de Martin Luther King et la lutte pour les droits civiques à travers l’expérience de tous les utilisateurs.
Formuler son propre rêve.
services clés
Have a Dream s’adresse à un public désireux d’aborder l’Histoire différemment et de vivre une expérience multimédia innovante. Un public ouvert d’esprit et curieux, sans connaissance particulière de la période historique traitée. Enfin, il est sensible aux images fortes, aux discours historiques et aux problèmes de société.
public ciblepromesseL’utilisateur pourra construire sa vision des tenants et aboutissants de la lutte pour les droits civiques Américains tout en restant fidèle à la réalité. Have a dream fera appel à sa réflexion et ses émotions pour mieux le plonger dans cette période incontournable de l’Histoire et partager ses rêves.
intention (2/2)2
2conception
2 coeur de cible
cible étendue
Connait les grandes lignes, les grands Hommes (Martin Luther King, Malcom X, JFK) et les grands événements de la période traitée. Utilise Internet quotidiennement, familié avec les réseaux sociaux et interfaces «innovantes» (mobile, jeux, tactile...). Est interéssé par la création et / ou l’Histoire. Attitude active sur internet, aime expérimenter et s’instruire.
Connaissance du sujet moindre ou plus étendu, n’est cependant pas un expert de la période. Novice utilisant Internet pour effectuer des recherches à expert travaillant dans le multimédia. Même centres d’intêrets que le coeur de cible. Attitude plus ou moins active sur Internet, cependant, connaît les pièges du média et ne reste pas passif fasse au contenu.
15 - 25 ans15 - 45 ans
cible3
se divertir
s’instruire
Vivre une expérience multimédia innovante et ludique. Découvrir 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
partager Acquérir ou appronfondir des connaissances sur la lutte contre la ségrégation. Découvrir le discours de Martin Luther King, ses grandes idées. Mieux connaître les conditions de vie des noirs Américains et les évolutions de ces 40 dernières années. Découvrir l’envers du décors et la réalité des situations passées mais aussi présentes.
Réagir, prendre parti, partager sa vision des événements passés et des changements effectués. Formuler un rêve pour demain, raconter sa propre expérience, et s’impliquer dans le projet en partageant cette vision avec les autres internautes.
se divertir
partager
schéma des envies4
Pour chaque thèmes, plusieurs médias sont proposés, représentatifs de la période.
L’opposition ou les similitudes entre les médias passés et présents permettront de pousser les utilisateurs à réagir.
thèmes
La navigation au sein du site est basé sur deux principes clés.
D’un côté le drag and turn, dérivé du drag and drop, permettant de contrôler la lecture des médias. De l’autre, la navigation gestuelle afin de passer de médias en médias ou de changer de temps.
navigation
conceptHave a dream propose aux utilisateurs de naviguer dans deux discours.
D’un côté le discours «I have a dream» de Martin Luther King, de l’autre, le discours d’investiture de Barrack Obama.
Des extraits de ces discours, abordant des thèmes bien précis, permettront d’accèder à des médias mettant en avant les progrès faits ces 50 dernières années.
Pour chaque thèmes, les utilisateurs peuvent répondre à une question.
Les résultats des questions sont modélisés sous forme de pourcentages. Ainsi, il est possible de connaitre la tendance des réponses en un clin d’oeil.
En plus d’une réponse à la question, chaque internaute peut ajouter un commentaire textuel ou vidéo.
Ces commentaires sont ensuite visibles par tout les internautes.
réactionsL’essentiel des contenus du site sont basés sur la vidéo, le son et l’image, à l’instar des sites actuels qui délaissent en parti les textes pour les médias riches.
Cependant, des contenus textuels restent présents pour donner plus d’informations à l’utilisateur.
contenus
L’interface du site, minimaliste a pour but de mettre le contenu au centre.
L’habillage graphique quand à lui permet à l’utilisateur de connaître en permance sa position sur le site.
interface
concept général5
léo
Léo vit proche de Nantes et est issu de la classe moyenne.
Il est en classe de seconde, plutôt bon élève, et souhaite poursuivre des études dans le domaine de l’informatique.
Il utilise Intenet quotidiennement à la maison, principalement pour discuter
15 ans
Il consulte alors le thème suivant, et se sentant de plus en plus concerné, dé-cide d’ajouter une réaction.
Il accède à la page de réactions, et sans consulter celles des autres inter-nautes, il ajoute sa propre vidéo.
Après s’être exprimé, le site lui pro-pose de partager sa réaction avec ses amis, ainsi que l’url de celle-ci.
Il note l’adresse de sa vidéo et termine sa visite en consultant une partie du discours de Martin Luther King.
Plutard, léo remontrera sa réaction lors d’un exposé en cours. Le professeur d’Histoire incitera d’ailleurs chaque élève a étudier les différents contenus du site lors d’un cour d’éducation ci-vique.
Sans s’en rendre compte, Léo en a appris plus sur la situation des noirs Américains aujourd’hui et hier tout en se divertissant.
parcoursDans le cadre de ses cours d’Histoire, léo, doit effectuer des recherches sur Martin Luther King et la lutte pour les droits civiques aux Etats-Unis.
Il commence par effectuer une reche-cher sur Google, et après avoir consul-ter les grands sites «d’information», il arrive sur le site Have a Dream.
Amusé par le mode de navigation, il pousuit sa visite.
Sur la page d’accueil, il s’amuse d’abord à se déplacer dans le discours et passe du passé au présent en un mouvement de souris. Très vite il mai-trise cette navigation.
Arrivé sur un des thèmes passés, il retourne à son objectif premier et consulte les informations complémen-taires.
Après avoir lu le résumé, il navigue vers le présent, et découvre que la si-tuation n’a guère évoluée.
sur MSN, facebook ou consulter des sites sur ses diverses passions (infor-matique, football...). Il l’utilise égale-ment à l’école dans un cadre pédago-gique pour effectuer des recherches.
Il connait peu Martin Luther King à l’exception qu’il a participé à la désé-grégation notamment en pronoçant le discours «I Have A Dream».
scénarios utilisateur (1/2)6
sophie
Sophie est étudiante en Master Re-cherche Sociologie Spécialité Sociolo-gie à l’université de Paris 8.
Etudiante appliquée, Sophie est inte-ressée par toutes les formes de discri-mination raciale, sociale, sexuelle.. et est bénévole à la HALDE (Haute auto-rité pour la lutte contre la discrimination et pour l’égalité).
23 ans
Elle consulte plusieurs de ces réac-tions, et, bien que loin du niveau intel-lectuelle des études qu’elle suit, elle est interessé par le côté très spontanné et «sous l’émotion» de ces réactions.
Elle prends note de quelques réactions et décide d’en consulter d’autres sur plusieurs des thèmes.
Après en avoir vu une vingtaine, elle termine sa visite mais reviendra plu-sieurs fois sur le site.
Sophie retiendra principalement de ce site la force des images et des émo-tions sur les témoignages des inter-nautes.
Elle consacrera d’ailleurs un chapitre entier de son mémoire sur la poli-tique émotionnionelle dont le principe consiste à légiférer sur le coup de l’émotion.
parcoursDans son mémoire, Sophie souhaite consacer une partie à des témoi-gnages relatifs à la discrimination.
Elle effectue diverses recherches sur Internet, et tombe, via un forum, sur le site Have a Dream.
Elle découvre dans l’introduction que les internautes ont la possibilité de laisser des réactions aux thèmes abor-dés par le site. Bien qu’interessée à la base par des témoignages du passé, elle décide de poursuivre sa visite.
L’apprentissage de l’interface est quasi instantanné et elle passe rapidemenrt de thème en thème, jusqu’à ce qu’un d’entre eux retienne son intention.
Déjà bien au courant du sujet elle ac-cède directement aux réactions des internautes, sans consulter plus d’in-formations.
Elle utilise Intenet quotidiennement pour ses études, son implication asso-ciative et communiquer avec ses amis de la fac.
Sophie connait particulièrement bien la lutte contre la ségrégation aux Etats-Unis ainsi que les faits de société pas-sés et présents liés à la ségrégation entre les peuples.
scénarios utilisateur (2/2)7
homepage thème
informations / personnalité / carte
réactions ajout d’une réaction
visualisation d’une réaction
page passé / présent
panneau
page
arborescence8
homepageLa 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.
zoning (1/5)9
thèmesLes 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é.
zoning (2/5)10
réactionsLes 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.
zoning (3/5)11
ajout d’uneréactionAvant 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.
zoning (4/5)12
aideA 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.
zoning (5/5)13
temps /retourLa flèche vers le bas permet de changer de temps (page médias, home) ou de retourner vers la page précédente.
Des flèches en direction de la gauche ou la droite permettent de passer de médias en médias.
suivant /précédent
plus /moinsLe symbole plus permet d’ouvrir le panneau d’informations sur les pages médias. Le signe moins quand à lui sert à fermer ce panneau.
navigationgestuelleLa navigation au sein du site se fait en partie par mouvement.
Ce mode de navigation sans clic, est résolument tourné vers une utilisation tactile, futur de l’informatique pour beaucoup, avec des mouvements simples à effectuer au doigt.
Cependant, le tactile étant jusqu’alors peu répendu, ce mode de navigation est également simple à reproduire avec une souris.
De plus, l’utilisation des gestes, ajoute un côté ludique et permet de percevoir les médias de façon moins brutale. Enfin, celà permet d’obtenir une vrai implication de l’internaute dès sont arrivé sur le site.
drag &turnLe principe de drag and turn est un dérivé du drag and drop.
Ce procédé est utilisé à de nombreuses reprises dans le site principalement pour contrôler le temps au sein d’un média.
Il est également utilisé dans les panneaux d’information afin de passer d’un panneau à un autre en les faisant tourner.
A l’image du drag and drop, ce procédé de manipulation est très simple d’apprentissage, et la plupart des utilisateurs familiers avec un ordinateur s’approprient la technique très rapidemment.
navigation14
3graphisme
séparation / confrontation
lien /mélange
Premier axe de recherche, la séparation permet d’exprimer à la fois l’idée de ségrégation mais aussi d’habiller la confrontation entre passé et présent. La séparation peut également exprimer le changement, le progrès, le renouveau, points importants du projet.
lien /mélange
échange /partage
A l’opposé de la séparation, on trouve le mélange, la mise en relation, le lien. Ce second axe graphique exprime le rapprochement des peuples, la fin de la ségrégation... C’est aussi le moyen de montrer les similitudes, les points communs entre des événements, des idées ou encore des personnalités.
L’échange, le partage, sont les propres du discours, au centre du projet. C’est aussi l’idée d’avancer enssemble et de partager des idées communes ou contraires. Le partage et l’échange seront au coeur des réactions des internautes et de leur implications dans le site.
séparation / confrontation
échange /partage
axes de recherche15
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.
séparation / confrontation
recherches graphiques (1/3)16
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.
lien / mélange
recherches graphiques (2/3)17
1
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.
échange /partage
recherches graphiques (3/3)18
1
abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789/*-+& ‘(){}[]@$!:;.,?<>#=%
Have a dream est articulié autour de deux couleurs, premettant de rappeler le sens de la ségrégation.
Les deux couleurs utilisée sont un rouge (présent) et un bleu (passé) vif et opposés.
De plus, le jeux avec ces deux couleurs permet d’identifiier passé / préssent, positif / négatif...
Une troisième couleur, le gris, permet d’exprimer quand à lui là neutralité.
Les médias seront présentés en nuances de gris, pour mieux les confronter en leur offrant un traitement graphique identique (les médias passés étant en noir et blanc de base).
couleurDeux typographies sont utilisées sur le site.
La première, Rockwell, est utilisée pour les titrages et les grands caractères. Cette typographie à très fort empatement alie un côté très graphique qui permet de l’utiliser dans différents corps et graisses, mais aussi une excellente lisibilité.
La seconde, une Arial, tranche avec la première dans la taille de ses empatements et son côté très classique. Pour autant, elle se marie bien avec la police Rockwell, avec notamment des arrondis, des angles et des inclinaisons très proches. Cette typographie sera utilisée pour les contenus textuels, informations...
typographie
abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789/*-+& ‘(){}[]@$!:;.,?<>#=%
Afin de faire place au contenu, l’interface du site est minimaliste, avec des habillages de page discrets basés sur la répétition de formes telles que le cercle.
Une intertace minimaliste permet également d’augmenter la lisibilité et la simplicité de compréhension de celle-ci.
C’est donc avec un graphisme simple et éfficace que l’interface du site palie au mode de navigation inhabituels et innovant.
minimalisme
L’essentiel du graphisme du site est basé sur le cercle ou la portion de cercle.
Cette forme continue et infinie, placée au centre constitue l’élément majeur de l’interface.
Tous les médias, les discours, timeline, ou encore pourcentages sont modélisés à travers de cercle central, parfois double.
Il exprime l’idée de recommencement, d’infini, ce que tente de démontrer le site.
Enfin, d’autres petit cercles sont utilisés pour représenter des éléments drag and dropable.
le cercle
charte graphique19
homepage
écrans clés (1/6)20
thème (1/2)
écrans clés (2/6)21
thème (2/2)
écrans clés (3/6)22
consultationdes réactions
écrans clés (4/6)23
ajout d’uneréaction
écrans clés (5/6)24
aide
écrans clés (6/6)25
4tech
niq
ue
Le site sera développé en Flash 10, à l’aide d’Adobe Flash CS4 et de l’éditeur ActionScript3 FDT3 Entreprise.
L’enssemble du site sera développé en ActionScript3, et utilisera plusieurs designs patterns dont notamment l’observateur ou le Singleton.
L’avantage de la technologie Flash est son universalité (près de 99% des postes équipés), sa gestion des médias et de l’interactivité, ainsi que sa communauté particulièrement active.
L’enregistrement des réactions vidéos se fera grâce à la technologie Flash Media Serveur 3.5.
technologiesfront
Côté back, le site se basera sur une base de donnée mySQL, interfacée avec Flash via des scripts PHP générant des XML.
L’avantage de SQL est sa simplicité de mise en place et sa fiabilité.
L’utilisation de XML est jusitifé par le fait qu’ActionScript gère particulièrement bien ce format grâce à E4X.
technologiesback
Le site sera hébergé sur un serveur FMS / Apache avec une version de PHP 4 ou supérieur.
La bande passante devra être suffisante pour assurer l’enregistrement des vidéos ainsi que leur diffusion.
Le site sera disponible sous le nom de domaine http://have.a-dream.net/, rappelant le nom du projet
hébergementLe site est optimisé pour une résolution de 1280 * 1024 mais pourra être visible en 1024 * 768.
Pour vivre l’expérience de façon optimale, l’utilsateur devra disposer d’enceintes, d’une webcam et d’un micro.
Les vidéos seront diffusées en F4V H264, ce qui impliquera une connexion haut débit pour l’utilisateur.
contraintes
généralités26
Toutes les pages étendront la classe APage, présente dans le framework, capable de gérer les show / hide, les niveaux d’adresse...
Apage
L’enssemble du site sera développé sur la base d’un framework personnel du nom de JourDePluie composé d’environ 60 classes.
Celui-ci gère une logique de chargement et de page complète, basée sur swfadress, détaillée dans la page suivante.
Egalement présent un package de gestion du son, des éléments d’interfaces (bouton, roll-over, show / hide, selection...).
Enfin, diverses classes outils (calculs mathématique, effet de texte, applications de typographie, gestion de fichier, gestion de la timeline, encodage, cryptage...) sont présentes.
frameworkJourDePluie
Main est la classe principale chargée de gérer l’enssemble des pages et des contenus.
Main
Loading est la classe permettant de gérer l’enssemble des chargements.
Loading
L’enssemble des constantes sont stockées dans la classe Constants
Constants
Initialisée au début, la classe Paths permet de gérer l’enssemble des repertoires.
Paths
Classe présente pour chaque lecture de média, elle utilise le player de myLib.
Player
Mouse Gesture permet d’analyser les mouvement à la souris de l’utilisateur grâce notamment à l’algorythme de Levenstein.
MouseGesture
SoundPlayer est une classe de gestion de son complexe, elle est entourée de 5 autres classes pour fonctionner.
SoundPlayer
Client est la classe de référence pour tous les paramètres clients.
ClientFMSManager gère l’enssemble des classes permettant d’intéragir avec le serveur FMS.
FMSManager
Five3d est un moteur 3d léger, rapide et basé sur des graphismes vectoriels, ce qui permet d’obtenir d’excellents rendus pour les textes.
five3d
MyLib est une librairie de composants particulièrement complète et entièrement personnalisable permettant de se passer des composants d’Adobe, peu performants et compliqués à designer.
myLib
SWFAdress est une petite libraire permettant de pratiquer l’url rewriting avec Flash.
swfAdress
librairies et classes génériques27
5action utilisateur swfadress /
manager
masque la page actuellecharge la nouvelle pageintialise la nouvelle pageaffiche la nouvelle page
charge nouveau contenu si necessairemodifie la page actuelle
changement de page
adre
sse
valid
e
adresses /contenusL’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 celle d’une reaction) pour à accéder une page.
De plus, il peut utiliser le bouton retour de son navigateur sans quitter le site.
Cette méthode de gestion permet de palier à l’un des gros défaut de la technologie de Flash, à savoir l’absence d’écriture d’url.
fonctionnement global28
oui
non
5production
00 05 10 15 20 25 30 35 40 45
étude de marché
direction artistique
développement back recettage
concepts
tests techniques
zoning
recherches graphiques
déclinaison / intégration
développement front
tournage / montage des témoignages
jours
gestion de projet
planning29
47
études de marchéétudes comparatives
pré-projet
graphisme
conception
développement
tests
conceptszoningtests techniques
recherchesdirection artistiquedeclinaison / intégrationtournage / montage vidéos
développement backdéveloppement front
recettage
concepteur concepteur
concepteurconcepteuringénieur de développement
directeur artistiquedirecteur artistiquegraphisteéquipe de tournagemonteur
développeur backingénieur de développement
chef de projet ingénieur de développement
2 2
12632
421
44
800800
200020001200
7001400320048001000
160012600
16002400
39100€
400400
400400600
700700400
1600500
400600
400600
552
gestiongestion de projet (hors recettage) chef de projet 10 4000400
poste jours prix / j prixétape
budget30
