have a dream
« L’ Histoire est un éternel
recommencement »
découvrez ou redécouvrez la lutte pour
les droits civiques Amér...
sommaire   intention
           parti pris                              1
           synopsis                             ...
inten
     tion
intention (1/2)
1




                                                                                                    ...
intention (2/2)
2




                                                                                                    ...
conc
    eptio
         n
cible
3




cible                                      coeur
étendue                                    de cible
15 - 45 a...
schéma des envies
4




                                                                                       se di
     ...
concept général
5




                                                              thèmes                                ...
scénarios utilisateur (1/2)
6




                                                                                       p...
scénarios utilisateur (2/2)
7




                                                                                        ...
arborescence
8




                                   informations / personnalité / carte




    page



    panneau
    ...
zoning (1/5)
9




               homepage
               La homepage présente les grands
               thèmes à travers ...
zoning (2/5)
10




               thèmes
               Les grands thèmes sont présentés au
               moyen de vidéo...
zoning (3/5)
11




               réactions
               Les réactions de tous les internautes
               à propos ...
zoning (4/5)
12




               ajout d’une
               réaction
               Avant d’ajouter sa réaction, l’utili...
zoning (5/5)
13




               aide
               A n’importe quel moment et sur
               n’importe quelle page...
navigation
14




                                                                                                        ...
grap
    hism
        e
axes de recherche
15




                                           séparation /                                 sépa
    ...
recherches graphiques (1/3)
16




                              séparation /
                              confrontation
...
recherches graphiques (2/3)
17




                              lien /
                                                  ...
recherches graphiques (3/3)
18




                              échange /
                              partage
         ...
charte graphique                                                                                                          ...
écrans clés (1/6)
20




homepage
écrans clés (2/6)
21




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




thème (2/2)
écrans clés (4/6)
23




consultation
des réactions
écrans clés (5/6)
24




ajout d’une
réaction
écrans clés (6/6)
25




                    aide
techn
        ique
généralités
26




                                                                                                       ...
librairies et classes génériques
27




                                                                                  ...
fonctionnement global
28




                                                                          masque la page actu...
prod
    uctio
         n
planning
29




                              zoning                                   tournage / montage des témoignages
...
budget
30

         étape                                poste                        jours   prix / j   prix
         pré...
Upcoming SlideShare
Loading in...5
×

JourDePluie Projet Individuel Dossier de conception

1,027

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,027
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
38
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

JourDePluie Projet Individuel Dossier de conception

  1. 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. 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. 3. inten tion
  4. 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. 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. 6. conc eptio n
  7. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 19. grap hism e
  20. 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. 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. 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. 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. 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. 25. écrans clés (1/6) 20 homepage
  26. 26. écrans clés (2/6) 21 thème (1/2)
  27. 27. écrans clés (3/6) 22 thème (2/2)
  28. 28. écrans clés (4/6) 23 consultation des réactions
  29. 29. écrans clés (5/6) 24 ajout d’une réaction
  30. 30. écrans clés (6/6) 25 aide
  31. 31. techn ique
  32. 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. 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. 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. 35. prod uctio n
  36. 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. 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€
  1. Gostou de algum slide específico?

    Recortar slides é uma maneira fácil de colecionar informações para acessar mais tarde.

×