CAHIER DES CHARGES. Projet SI28: Le Petit Prince de Saint Exupéry. Céline Lebrun - Laura Mathieu - Maïlis Ribéreau-Gayon

Transcription

1 CAHIER DES CHARGES Projet SI28: Le Petit Prince de Saint Exupéry Céline Lebrun - Laura Mathieu - Maïlis Ribéreau-Gayon 1

2 Table des matières Concept et objectif... 3 Public cible... 3 Ressources utilisées pour le projet/ Choix techniques... 3 Répartition du travail :... 3 Choix du logiciel :... 4 Les illustrations :... 4 Le son :... 6 Les animations interactives :... 7 Structure et navigation... 9 Formes et degrés d interactivité... Erreur! Signet non défini. 2

3 Concept et objectif Le concept du projet est de créer un livre interactif du Petit Prince. Pour cela, uniquement trois passages du livre ont été choisis : Dessine-moi un mouton La vision désenchantée des adultes L amitié vue du renard Le Petit Prince est un livre qui vise un public enfant comme un public adulte. Le concept est de permettre à l utilisateur de pouvoir avoir une vision nouvelle du livre, tout en lui permettant d interagir avec la progression de l histoire. Les différents tableaux ont été choisis afin de commencer par une vision plutôt enfantine, pour finir par une vision plus adulte, En effet, le premier tableau permet à l utilisateur de commencer de se rendre compte que les personnes adultes ont parfois tendance à prendre en compte uniquement le côté pragmatique et à manquer d imagination. Le deuxième tableau permet à l utilisateur de remettre en question la vision du monde adulte. Et le troisième tableau permet d apporter une critique sur les relations sociales de notre société. L objectif principal est donc de provoquer une réflexion de la part de l utilisateur sur les morales amenées par le livre, notamment sur l importance de la différence de la vision enfant-adulte. Public cible Le public cible de ce projet sont des adultes ayant déjà lu le livre. En effet, ce projet vise des personnes attirées par la littérature et la poésie et également ouvert aux nouveaux médias de communication. Le projet vise à leur faire vivre une nouvelle expérience du Petit Prince, le public doit donc déjà avoir pris le temps de réfléchir aux portées philosophiques du livre. Ressources utilisées pour le projet/ Choix techniques Répartition du travail : Notre projet s est construit autour de tableaux chacun comportant une illustration, des textes et un message différent. Nous avons donc choisi pour la répartition des tâches de se consacrer chacune à la réalisation d un tableau. Il fallait tout de même conserver une unité au projet, nous avons pour cela établi une charte graphique et réalisé l ensemble des éléments sonores ensemble. 3

4 Laura s est chargée de la réalisation du premier tableau, Maïlis du second et Céline du dernier. Choix du logiciel : Etant trois étudiantes qui n avaient pas de compétences particulières dans le développement informatique, nous avons choisi de réaliser notre projet grâce au logiciel Adobe Flash. En effet, ce logiciel nous a paru le plus accessible vis-à-vis de son interface et de son maniement. Ce logiciel permet d intégrer une composante graphique et temporelle à la réalisation de l animation. Cela permet de mieux visualiser l ensemble du projet pour des non-initiés et d intégrer directement les animations aux temps désirés. Il a été très intéressant pour nous de pouvoir se familiariser avec ce genre d interface et de comprendre toute la complexité des animations que nous utilisons dans notre quotidien. La manipulation du logiciel a été une des difficultés importantes de notre projet. Nous n avions pas toujours conscience de la difficulté de réalisation de certaines animations par rapport à d autre. Dans la construction et la structuration de notre projet, notre absence de connaissances a donné lieu à de multiples essaies et des temps de réalisation importants. Les illustrations : Pour obtenir un projet homogène d un point de vue graphique, nous avons choisi d établir une charte graphique commune déterminant les quatre couleurs dominantes du projet, le format du document et les polices utilisables. Ces détails biens que très simples sont essentiels pour la suite du projet et son harmonie. La charte graphique est la suivante : 4

5 FIGURE 1: CHARTE GRAPHIQUE Pour ce projet nous avons choisi de reprendre à la fois des illustrations originales du petit prince et d y intégrer des images plus personnelles que nous avons réalisé nousmême. L idée était à la fois de conserver les principales illustrations connues du petit prince comme référence qui accompagne les textes originaux et d apporter une lecture nouvelle de l œuvre à travers des illustrations originales qui offrent un univers et des paysages différents. Pour la réalisation, nous avons utilisé une tablette graphique et le logiciel Photoshop, qui permet d obtenir une bonne qualité d image. Ce projet nous a permis d expérimenter le dessin sur ordinateur par l utilisation d une tablette graphique, qui donne un rapport au dessin très différent. Nous avons cherché à conserver une unicité dans le style graphique en ayant les mêmes références colorimétriques définies par la charte graphique et en consultant l avis de chacun sur les dessins. Voici quelques exemples d images réalisées au cours de ce projet : FIGURE 2:PAYSAGE DU TABLEAU 1 5

6 FIGURE 3: PAYSAGE DU TABLEAU 2 FIGURE 4: RENARD DU TABLEAU 3 Le son : Après avoir choisi soigneusement nos textes, nous avons fait appel à l association décibels (association de l UTC se chargeant de l ensemble du matériel de sonorisation de l UTC) qui nous a ouvert les portes du studio d enregistrement de la Maison Des Etudiants(MDE). Ce studio contient des micros de très bonne qualité et les personnes de l association nous ont aidés à réaliser l enregistrement grâce à leur logiciel. Nous avons demandé à un étudiant (Pierrick) de faire la voix d Antoine de St-Exupéry, pour les autres personnages, Maïlis a joué le petit prince et Céline le renard. A partir de la bande son obtenue, nous avons découpé grâce à Audacity les différentes pistes à synchroniser aux interactions. 6

7 FIGURE 5: INTERFACE LOGICIEL AUDACITY Les animations interactives : A partir du story-board établi au préalable, nous avons cherché les solutions techniques associées pour mettre en œuvre chacune des interactions. Grâce aux différents exposés sur Flash, à des recherches sur internet et l aide de différents étudiants en spécialité informatique nous avons réussi l ensemble des animations. Voici quelques lignes de codes qui ont permis la réalisation des principales interactions : Exemple1 : «//Action : Clicker sur un objet passage à la séquence suivante renard9.addeventlistener(mouseevent.click, onclickb1); function onclickb1(e:event):void { gotoandplay(1,"séquence 3"); }» Exemple 2 : «//Définition des variables positions initiales var posx4:int=posx3; var posy4:int=posy3; petitprince.addeventlistener(mouseevent.mouse_down, drag4); rectangle4.addeventlistener(mouseevent.mouse_down, drag4); stage.addeventlistener(mouseevent.mouse_up, drop4); //Action: Clicker sur l objet et glisser Déplacement de l objet function drag4(e:mouseevent):void { e.target.startdrag(); 7

8 } //Action: Lacher le Click function drop4(e:mouseevent):void { stopdrag(); //Action: Si il y a collision avec le rectangle, retour aux variables initiales if (petitprince.hittestobject(rectangle4)) { petitprince.x = posx4 ; petitprince.y = posy4 ; } //Action: Sinon, il n y a pas collision avec le rectangle, arrêt à son emplacement et mise à jour des variables positions else{ posx4=petitprince.x; posy4=petitprince.y} }» Exemple 3 : «//Action: Clicker sur un objet Disparition de l objet cache par un nouvel objet fumee.addeventlistener(mouseevent.click, clic2); function clic2(event:mouseevent):void { if(fumee.alpha == 0){ ajout(); } fumee.alpha=1; }» 8

9 Structure et navigation Planches Textes Interactions Lorsque j avais six ans j ai lu un Image qui apparait livre sur la Forêt Vierge qui au fur et à mesure s appelait «Histoires Vécues». du texte On disait dans le livre : «Les serpents boas avalent leur proie tout entière, sans la mâcher.» J ai alors beaucoup réfléchi sur les aventures de la jungle et, à mon tour, j ai réussi, avec un crayon de couleur, à tracer mon premier dessin. Mon dessin numéro 1. Il était comme ça : Image qui apparait dès le début de la planche. Lorsque la lecture est finie, il est alors possible de cliquer sur le dessin afin de pouvoir passer à la planche suivante J ai montré mon chef-d œuvre aux grandes personnes et je leur ai demandé si mon dessin leur faisait peur. Elles m ont répondu : «Pourquoi un chapeau ferait-il peur?» Mon dessin ne représentait pas un chapeau. (clique) J ai alors dessiné l intérieur du serpent boa, afin que les grandes personnes puissent comprendre. Elles ont toujours besoin d explications. Mon dessin numéro 2 était comme ça : Image qui apparait au après la première phrase. C est ainsi que j ai abandonné, à l âge de six ans, une magnifique carrière de peintre. J avais été découragé par l insuccès de mon dessin numéro 1 et de mon dessin numéro 2. J ai donc dû choisir un autre métier et j ai appris à piloter des avions. J ai volé un peu partout dans le monde Dernier phrase qui s affiche au fur et à mesure qu elle est lue. 9

10 Tableau 1 : J ai ainsi vécu seul, sans personne avec qui parler véritablement, jusqu à une panne dans le désert du Sahara, il y a six ans. Quelque chose s était cassée dans mon moteur. J avais à peine de l eau à boire pour huit jours. Le premier soir je me suis donc endormi sur le sable à mille milles de toute terre habitée. J étais bien plus isolé qu un naufragé sur un radeau au milieu de l Océan. Alors vous imaginez ma surprise, au lever du jour, quand une drôle de petite voix m a réveillé. Elle disait : Image de fond qui se dessin au fur et à mesure Phrase lue Le petit prince se dessine au fur et à mesure que le texte est lu. En fond, le décor du désert S il vous plaît dessine-moi un mouton! Hein! Dessine-moi un mouton J ai sauté sur mes pieds comme si j avais été frappé par la foudre. J ai bien frotté mes yeux. J ai bien regardé. Et j ai vu un petit bonhomme tout à fait extraordinaire qui me considérait gravement Quand je réussis enfin à parler, je lui dis : Mais qu est- 10

11 ce que tu fais là? Et il me répéta alors, tout doucement, comme une chose très sérieuse : S il vous plaît dessine-moi un mouton Quand le mystère est trop impressionnant, on n ose pas désobéir. Aussi absurde que cela me semblât à mille milles de tous les endroits habités et en danger de mort, je sortis de ma poche une feuille de papier et un stylographe. Mais je me rappelai alors que j avais surtout étudié la géographie, l histoire, le calcul et la grammaire et je dis au petit bonhomme (avec un peu de mauvaise humeur) que je ne savais pas dessiner. Il me répondit : Ça ne fait rien. Dessine-moi un mouton. Alors j ai dessiné. Il regarda attentivement, puis : Non! Celui-là est déjà très malade. Fais-en un autre. Le mouton est dessiner au fur et à mesure, on voit le trait de crayon Lorsqu il a fini d être dessiner, la phrase est lu et écrite en même temps 11

12 Je dessinai : Mon ami sourit gentiment, avec indulgence : Tu vois bien ce n est pas un mouton, c est un bélier. Il a des cornes Gomme qui apparait. La personne doit gommer le mouton en entier. Tant que ce n est pas fini, on a passe pas à la planche suivante Le mouton est dessiner au fur et à mesure, on voit le trait de crayon Lorsqu il a fini d être dessiner, la phrase est lu et écrite en même temps Gomme qui apparait. La personne doit gommer le mouton en entier. Tant que ce n est pas fini, on a passe pas à la planche suivante Je refis donc encore mon dessin : Mais il fut refusé, comme les précédents : Celui-là est trop vieux. Je veux un mouton qui vive longtemps. Le mouton est dessiner au fur et à mesure, on voit le trait de crayon Lorsqu il a fini d être dessiner, la phrase est lue et écrite en même temps. Gomme qui apparait. La personne doit gommer le mouton en entier. Tant que ce n est pas fini, on a passe pas à la planche suivante 12

13 Alors, faute de patience, comme j avais hâte de commencer le démontage de mon moteur, je griffonnai ce dessin-ci. Le mouton est dessiner au fur et à mesure, mais rapidement. Et je lançai : Ça c est la caisse. Le mouton que tu veux est dedans. Mais je fus bien surpris de voir s illuminer le visage de mon jeune juge : C est tout à fait comme ça que je le voulais! Crois-tu qu il faille beaucoup d herbe à ce mouton? Pourquoi? Parce que chez moi c est tout petit Ça suffira sûrement. Je t ai donné un tout petit mouton. Il pencha la tête vers le dessin : Pas si petit que ça Tiens! Il s est endormi Et c est ainsi que je fis la connaissance du petit prince. Mais moi, malheureusement, je ne sais pas voir les moutons à travers les caisses. Je suis peutêtre un peu comme les grandes personnes. J ai dû vieillir. Focalisation sur le trou de la boite, apparition d un fond noir. Au fur et a mesure le texte est écrit, avec un bruit de machine à écrire. 13

14 Tableau 2 : tous le texte est oral, il n est pas écrit. Planches Textes Interactions Les grandes personnes Image qui apparait aiment les chiffres. Quand vous leur parlez d un nouvel ami, elles au fur et à mesure du texte ne vous questionnent jamais sur l essentiel. Elles ne vous disent jamais : «Quel est le son de sa voix? Quels sont les jeux qu il préfère? Est-ce qu il collectionne les papillons?» Elles vous demandent : «Quel âge a-t-il? Combien a-t-il de frères? Combien pèse-t-il? Combien gagne son père?» Alors seulement elles croient le connaître. Si vous dites aux grandes personnes : «J ai vu une belle maison en briques roses, avec des géraniums aux fenêtres et des colombes sur le toit» elles ne parviennent pas à s imaginer cette maison. Il faut leur dire : «J ai vu une maison de cent mille francs.» Alors elles s écrient : «Comme c est joli!» Ainsi, si vous leur dites : «La preuve que le petit prince a existé c est qu il était ravissant, qu il riait, et qu il voulait un mouton. Quand on veut un mouton, c est la preuve qu on existe» elles hausseront les épaules et vous traiteront d enfant! Mais si vous leur dites : «La planète d où il venait est l astéroïde B 612» alors elles seront convaincues, et elles vous laisseront tranquille avec leurs questions. Elles sont comme ça. Il ne faut pas leur en vouloir. Les enfants doivent être très indulgents envers les grandes personnes. 14 On clique sur les éléments suivants, qui se transforment au fur et à mesure, on ne peut revenir en arrière. Des chiffres aléatoires arrivent en plus de l élément principal.

15 Soleil => Diagramme en camembert Arbres => arbres informatique avec des chiffres ou arbres avec blocs Fumée de la maison => composition élémentaire 15

16 Profil de montagne => coubes Nuages => cloud avec les O et 1 informatiques qui tombent en matrice comme la pluie Animaux => stats sur l espèce, nombre d individu restant, %age de survie 16

17 Maison => prix, superficie Bonhomme => carte d identité, avec num SECU, âge, poids Fourmi => n 1, n 2, n 3 17

18 Cailloux => graphes et formes géométriques Collines => Droites formant un X Fond gris «les grandes personnes sont bien étranges» 18

19 Planche Texte Interactions C est alors qu apparut le renard. Qu est-ce que signifie «apprivoiser»? C est une chose trop oubliée, dit le renard. Ça signifie «créer des liens» Créer des liens? Bien sûr, dit le renard. Tu n es encore pour moi qu un petit garçon tout semblable à cent mille petits garçons. Et je n ai pas besoin de toi. Et tu n as pas besoin de moi non plus. Je ne suis pour toi qu un renard semblable à cent mille renards. Mais, si tu m apprivoises, nous aurons besoin l un de l autre. Tu seras pour moi unique au monde. Je serai pour toi unique au monde -On ne connaît que les choses que l on apprivoise, dit le renard. Les hommes n ont plus le temps de rien connaître. Ils achètent des choses toutes faites chez les marchands. Mais comme il n existe point de marchands d amis, les hommes n ont plus d amis. Si tu veux un ami, apprivoise-moi! Apparition du tableau L utilisateur ne peut pas intéragir L utilisateur peut à la fin du texte, cliquer sur n importe lequel des renards 19

20 Que faut-il faire? dit le petit prince. Il faut être très patient, répondit le renard. -Tu t assoiras d abord un peu loin de moi, comme ça, dans l herbe. Je te regarderai du coin de l œil et tu ne diras rien. Le langage est source de malentendus. Mais, chaque jour, tu pourras t asseoir un peu plus près -Il atteint une nouvelle page -Le texte se lit -L utilisateur par un système de Drag and Drop peut déplacer le petit mais pas en-dessous d un certain périmètre avec le renard qui est opaque pour le moment... Après 15 secondes, le cercle est plus petit et le renard devient plus visible... 20

21 Après 15 secondes, le cercle est encore plus petit et le renard devient plus visible... Il n y a plus de cercle, le renard a retrouvé toutes ses couleurs 21

22 Retour à la page de début, le renerd est maintenant unique Adieu, dit le renard. Voici mon secret. Il est très simple : on ne voit bien qu avec le cœur. L essentiel est invisible pour les yeux. Si l on passe notre souris, il disparait FIN DU TABLEAU 3 22

23 Les enfants seuls savent ce qu ils cherchent, fit le petit prince. Le tableau final apparait Des phrases arrivent de plus en plus grosses et blanches; elles flottent Les grandes personnes ne comprennent jamais rien toutes seules, et c est fatigant, pour les enfants, de toujours et toujours leur donner des explications. Lorsque l on passe la souris sur l une d entre elle, elle devient plus grande et on entend la phrase lu... 23

24 Car je n aime pas qu on lise mon livre à la légère. Ou Les enfants doivent être très indulgents envers les grandes personnes. Ou A la fin, toute les phrases se chevauchent, se lisent en même temps puis le silence s installe. FIN Les grandes personnes sont bien étranges Ou. 24

25 Conclusion A travers ce projet d écriture interactive, nous avons pu adopter la posture de concepteur. Cette position nous a permis de prendre conscience de l ampleur du sujet et de son potentiel. La construction du scénario a été très importante dans notre projet, notre problématique principale étant de créer une lecture personnelle de l œuvre, au travers du choix de passages et de reflexions particulière, et de réussir à la transmettre à l utilisateur. Nous avons apprécié travailler sur l œuvre Le petit prince, d Antoine de St-Exupéry, œuvre incontournable de la littérature française que nous avons eu l occasion de redécouvrir à travers ce projet. Ce projet a été aussi l occasion de découvrir beaucoup de nouveaux logiciels tels que Flash, Audacity et Photoshop. Des améliorations pourraient encore être apportées pour une meilleure utilisation et mieux guider le lecteur dans l animation. 25