Page | 1   

Etienne MONIER Cyrille  BOITEL 

 

 

 

 

 

 

 

LE P'TIT BRASSEUR ‐ RAPPORT 

PROJET SI28 

 

 

Page | 2   

SOMMAIRE 

 

 

 

Synopsis………………………………….....................................................................3 

 

 

Cahier des Charges………………………………………...………………………….4 

 

 

Scénario…………………………………………...…………………………………..….9 

 

 

Story‐board ……………………………………………………………………………18 

 

Page | 3   

SYNOPSIS: LE P’TIT BRASSEUR 

CONCEPT 

« Le P’tit Brasseur » sera une encyclopédie ludique et interactive sur les bières. Il devra répondre à plusieurs demandes et questionnement sur le sujet et permettre à la fin de son utilisation de connaître la technique de fabrication d’une bière, les différences entre elles et les dangers d’une forte consommation. 

Nous avons subdivisé ce projet en quatre parties.              La première plus académique traiterait le sujet de la bière comme une encyclopédie, en parlant de ses ingrédients, sa fabrication et son histoire. Elle devra favoriser la simplicité de navigation et la clarté des informations.            La deuxième partie mettra en scène quelques bières que nous apprécions pour mettre en évidence les différences entre chacune. L’utilisateur pourra alors voir la forme de la bouteille, du verre, une fiche technique et également la gouter interactivement.            La troisième, plus ludique, entrainera l’utilisateur a créer sa propre bière interactivement, dans un mini jeux. Ce dernier devra faciliter la compréhension du processus de fabrication en nous renvoyant à des pages de l’encyclopédie. A la fin, l’utilisateur pourra observer son résultat et le « gouter »             La dernière partie devra toujours être présente en haut de la présentation. Elle permettra de boire des bières virtuellement en choisissant dans une liste prédéfinie de bière. Il pourra à volonté remplir son verre, jusqu’à un seuil de tolérance lui faisant comprendre les dangers d’une consommation trop poussé.  

PUBLIC CIBLE 

Le public cible pourra être de trois niveaux différents : novice, amateur, expert. Néanmoins toutes les activités disponibles pourront‐être consultable par tout type d’utilisateur. Ce dernier n’aura besoin de savoir du sujet que le fait de savoir ce qu’est une bière. Il devra avoir la seul envie d’en apprendre plus sur les bières et connaître le principe de fabrication des brasseries (à l’aide des parties 1 et 3) et de découvrir de nouvelles bières (partie 2)            Chaque utilisateur type aura sa partie privilégiée. Le novice devra donc dans un premier temps utiliser l’encyclopédie, l’amateur, la carte des bières et l’expert directement passé à la fabrication de sa bière.            La dernière partie est un plus, pour pimenter l’animation et donner une nouvelle dimension et n’est pas par contre la raison principale pour attirer un public  

OBJECTIFS 

Ce sujet est déjà traité dans des livres, sur la toile et même sans doute dans des logiciels de découverte. L’idée au départ ne semble donc pas si innovante que cela. Mais nous espérons apporter une ambiance plus conviviale et ludique au sujet, que ce qui a pu déjà être traité de façon magistral. Le but du sujet est d’entraîner l’utilisateur à ne plus considérer la bière comme un alcool banale, mais pour certaines de les voir comme un délice des sens, ou de voir qu’il n’existe pas que la Heineken ou la « Kro ».  

Page | 4   

CAHIER DES CHARGES – LE P'TIT BRASSEUR 

CONCEPT 

« Le P’tit Brasseur » sera une encyclopédie ludique et interactive sur les bières. Il devra répondre à plusieurs demandes et questionnement sur le sujet et permettre à la fin de son utilisation de connaître la technique de fabrication d’une bière, les différences entre elles, son histoire, ses caractéristiques et les dangers d'une forte consommation. 

Le sujet déjà traité plus ou moins correctement sur d'autres sites ne doit pas être une simple recopie d'informations. Le projet devra donc être le plus attracteur possible avec une navigation simple et rapide, un contenu clair et facilement compréhensible. L'utilisateur devra comprendre le contenu quel que soit son type, tout en apportant à des amateurs confirmés un plus. 

STRUCTURATION DU CONTENU 

Le contenu sera divisé en quatre parties. Trois d'entre elles forment des rubriques tandis que la dernière jouera un rôle dans la navigation et permettra également la dégustation de bières ; elle devra donc être visible en permanence.  

La première partie sera l'"Encyclopédie". Comme son nom l'indique elle devra apporter à l'utilisateur du contenu plus magistral que le reste des parties du projet. Pour ne pas ennuyer l'utilisateur et le noyer dans une suite d'informations, il faudra obligatoirement rendre le contenu textuel attractif à l'aide de petites animations, simples et claires avec une navigation intuitive. 

Cette partie se subdivisera en trois sous rubriques: Histoire, Type et Fabrication. Chacune d'entre elles ne sera composée que d'une seule page où les différentes informations devront apparaître suivant le choix de l'utilisateur. 

La deuxième partie, "la Carte des Bières", présentera une quinzaine de bières que nous apprécions plus particulièrement. La page principale devra représenter un énorme menu listant les quinze bières selon leur type (couleur). Ainsi l'utilisateur pourrait cliquer sur le type pour avoir l'information présente dans la partie encyclopédie et revenir rapidement au choix des bières. Chaque bière aura donc sa propre page, où seront listées ses caractéristiques, et sera présentée une photo de la bouteille et du verre. L'information devra donner envie de goûter à ces bières par la suite.  

La troisième partie la "Brasserie" sera une animation dédiée à la fabrication d'une bière. Chaque étape de la conception d’une bière sera animée dans des pages différentes : empâtage, brassage, houblonnage, fermentation et embouteillage. Chacune des parties pourra faire référence à la partie encyclopédie correspondant à la même étape. 

  

La quatrième partie, le "Bandeau de Dégustation" devra être en permanence visible pour l'utilisateur. Il sera placé en haut de l'animation générale. Cette partie sera elle aussi subdivisé en quatre parties 

Page | 5   

La première partie est le personnage guide. Il sera le guide de l'utilisateur tout au long de son parcours. Une infobulle apparaîtra en dessous de la tête pour expliquer l'assemble des fonctionnalités. Ce même personnage ne sera représenté que par une simple tête qui évoluera au fil du temps. Suivant le nombre de bière que nous pouvons prendre dans ce même bandeau de dégustation, notre guide prendra de plus en plus l'apparence d'un homme saoule. 

La deuxième partie « la dégustation » sera la partie où nous pourrons voir notre verre rempli de bière et une jauge des litres bus et de l'alcool présent dans le sang d'un homme moyen. Selon les bières choisies, le taux d'alcool devra plus ou moins vite monter, sachant que le guide prendra sa référence sur cette jauge. Le verre diminuera au fil du temps. Cette partie est plus une section de représentation de l'information.  

La troisième partie devra permettre à l'utilisateur de sélectionner sa bière sur une liste défilante en 3D de quinze bières. L'utilisateur aura plusieurs choix, lorsqu'il sélectionne une bière il pourra soit la visualiser en chargeant la page des caractéristiques des bières, soit remplir son verre avec. Ici il ne s'agit pas d'aller vite à la bière qui nous intéresse. Il s'agit d'une recherche à l'aveugle que l'utilisateur doit apprécier.  

La dernière partie est celle de la navigation. Elle ne sera pas obligatoirement affiliée au bandeau de dégustation, mais devra permettre à l'utilisateur d’aller sur n'importe quelle page en moins de trois clics. 

Page | 6   

UTILISATION DES RESSOURCES MEDIAS 

 

IMAGE: 

• Photo de bouteille et verre 

• Tête dessiné du personnage guide 

• Tableau et photo pour l'encyclopédie 

 

SON: 

• Bruit de verre, mousse, soirée (remplir un verre) 

• Bruit d'ambiances de l’auberge, ou du pub (carte des bières, ambiance générale) 

• Bruit de machine (brasserie interactive) 

 

ANIMATION: 

• Animation du petit personnage (bandeau de dégustation) 

• Animation du verre qui se vide et se rempli (bandeau de dégustation) 

• Animation de la carte pour une immersion (carte des bières) 

• Animation attractive dans l'encyclopédie 

• Animation des verres qui tournent (bandeau de dégustation) 

• Animation de la Brasserie 

 

TEXTE: 

• Textes trouvés sur d’autres sites et reformulés par nos soins

Page | 7   

STRUCTURATION DE LA NAVIGATION 

 

 

L'encyclopédie devra être en étroite relation avec la brasserie pour comprendre toutes les parties de la fabrication. Si l'utilisateur présent dans la brasserie ne connaît pas une étape de la fabrication, il pourra consulter simplement la partie présente dans l'encyclopédie et revenir ensuite sur le jeu sans rien perdre. 

De même, le bandeau de dégustation pourra permettre en sélectionnant une bière dans les choix de voir la page correspondante dans la carte des bières pour voir les caractéristiques de cette dernière. 

Page | 8   

DEGRES D’INTERACTIVITE 

 Le  degré  d'interactivité  est    quasiment  nul  pour  la  première  partie.  Seul  le  principe  de 

navigation existe entre le support et son utilisateur. C'est d'ailleurs pour cette raison que nous devons impérativement rendre cette partie beaucoup plus attrayante. 

 La deuxième partie est un peu dans  la même situation que  la première. Elle ne présente 

qu'une simple navigation pour une consultation de contenu. Mais elle doit permettre un dialogue avec la quatrième partie pour choisir la bière que nous sommes ne train de regarder. 

 La troisième partie, la brasserie doit permettre à l'utilisateur de créer sa bière, donc d'être 

le  plus  libre possible dans  le  choix de  la  fabrication. Donc nous utiliserons un  environnement métaphorique pour permettre à l'utilisateur de se plonger dans les grandes brasseries. Ensuite nous  lui  permettront  de manipuler  les  objets  importants  pour  qu'ils  puissent  comprendre  le processus de fabrication.  

 La dernière partie sera la plus interactive. Le personnage devra déjà indiqué une aide sur 

ce que  fait  l'utilisateur. Ensuite  cette partie devra gérer  le  choix de  la bière,  en  remplissant  le verre, augmentant les taux d'alcool et modifiant la tête du personnage. L'utilisateur aura le choix entre remplir son verre ou bien regarder la fiche technique de celle‐ci. 

 

 

 

 

SOLUTION TECHNIQUE 

 

Pour résoudre les problèmes d'interactivité de l'utilisateur devant le support, pour créer les animations, ils nous à semblé nécessaire et presque obligatoire d'utiliser la technologie exploité grâce au logiciel Flash 

Nous aurions pu associer du HTML avec le Flash, mais le problème de l'interaction des parties entre elles et plus particulièrement du bandeau de dégustation sur les autres parties, nous a obligé d'abandonner cette option. 

Nous exploiterons donc le logiciel Flash pour créer ce site internet dynamique et interactif. 

Page | 9   

SCENARIO Nous avons du supprimer la partie lié à la brasserie pour des raisons de temps. La création 

de toute l'interface principale a demandé plus d'effort que prévu. Nous avons donc du refaire le schéma général du projet. 

De ce fait nous avons divisé la partie encyclopédie en deux catégories distinctes: Histoire et Fabrication. Nous avons perdu tout le côté horizontal du parcours des pages (Les pages de l'Encyclopédie renseignaient les pages de la Brasserie). 

 

 

Page | 10   

 

I HISTOIRE 

8000 AV JC 

La bière fait partie de nos plus anciens produits. On situe son origine en Palestine vers 8.000 av JC… il y a donc 10.000 ans. Au début des premières cultures de céréales et notamment de l'orge. A l'origine la bière était obtenue en faisant macérer du pain d’orge dans de l’eau. Pour l'homme du néolithique la maîtrise de la fermentation lui fournissait une boisson, nourrissante, désaltérante et facilement conservable.

L'antique civilisation sumérienne nous a légué les premières traces écrites concernant la bière connues à ce jour : des textes gravés en caractères cunéiformes sur des tablettes d'argile, remontant à plus de six mille ans. Les Sumériens avaient déjà développé une dizaine de type de bière et l'appelé "Sikaru" (traduit par liquide). A l'époque la bière était la boisson quotidienne

En 3000 av JC Les Babyloniens diversifient encore la gamme avec au moins 34 bières différentes recensées. La bière a déjà pris de l'ampleur dans les civilisations.

ANTIQUITE  

Civilisation raffinée et inventive, l’Égypte antique fit de la bière sa boisson préférée et un monopole d’État en créant déjà de véritables brasseries d’Etat. Ces « vins d’orge » servaient d’offrande aux Dieux. Le pharaon Ramsès II, surnommé le «pharaon brasseur» proclama des règles très strictes concernant ce breuvage

Accompagnant la vie des égyptiens, la bière constituait avec le pain, le repas normal d’un paysan ou d’un esclave. Ils utilisaient de nombreuses épices pour en accentuer les goûts: clous de girofle, myrrhe, lupins, cumin, gingembre, myrte et le jus de dattes.

Les techniques de fabrication utilisées à l'époque, décrites sur les fresques de monuments et sur des papyrus, consistaient à broyer en farine les céréales (orge, millet, épautre, toutes des variétés de blés), pour les additionner d'un peu d'eau, et ainsi faire des pains après un passage au four, permettant ainsi de les conserver et de les transporter facilement. Ensuite ces pains d'orge étaient émiettés, mouillés et on les laissait fermenter le tout pendant plusieurs jours. La pâte était ensuite pétrie, avant de l'égoutter dans des paniers placés au dessus de jarres.

MOYEN‐AGE 

A l'époque, on ne parlait pas de bière, mais de cervoise. Elle était appréciée des Gaulois, car apparaissait comme une boisson sans risque comparé à l'eau de certaines sources. Ils inventèrent le foudre, pour la fermentation et la maturation et le tonneau en bois pour la conservation et le transport.

Au cours des siècles qui suivirent, la brasserie s'organisa. La production à domicile cessa et chaque village eut sa brasserie publique. De leur côté, les monastères, qui s'établirent dans ces régions, entreprirent de brasser pour les besoins de leurs communautés.

C'est ainsi que vont se développer deux innovations techniques majeures dans ces abbayes qui entraîneront le passage de la cervoise à la bière moderne telle que nous a connaissons : l'introduction du houblon vers l'an mille, qui va progressivement remplacer toutes les autres herbes et épices utilisées jusque là pour aromatiser la bière, et la mise au point de la fermentation basse (voir partie fabrication) vers le XVe siècle, qui assurera une plus longue conservation et donc exportation.

RENAISSANCE 

Page | 11   

La Renaissance vit le développement du marché de la bière. Le métier de brasseur rapportait de l’argent. Louis XIV tenta de profiter de ce succès, mais ne pu lutter contre le savoir-faire artisanal.

Pour encadrer la fabrication artisanale, le duc de Bavière, Guillaume V, établit la Loi de pureté de la bière, obligeant les petites brasseries locales à n'utiliser que de l'eau, de l'orge, de l'houblon et de la levure pour brasser des bières (voir les ingrédients dans la partie fabrication). Cette loi reste encore en vigueur de nos jours.

Les Anglais amenèrent en Amérique la bière pour affronter l’aridité. La culture de céréales étant plus aisée, cette boisson fut favorisée sur le continent américain. Les plus pauvres utilisèrent des alternatives à l'orge comme le maïs indien ou les pommes de terre.

SIECLE DES LUMIERES 

Au 17e siècle de nombreuses bières différentes font leur apparition dans nos régions. Elles se caractérisent par les matières utilisées et par la qualité de l’eau. Les petites brasseries fleurissent et sont encouragés par l'Etat. En effet, les procédés de conservation n’existant pas encore, chaque village a sa brasserie.

A la fin du 18e siècle, la Révolution française est loin d’avoir été bénéfique pour notre patrimoine brassicole. Outre le fait qu’elle a mis fin aux guildes des brasseurs, elle a aussi détruit de nombreux monastères et abbayes, mettant ainsi un terme à de nombreuses activités brassicoles. L’arrivée de Napoléon permettra de relancer les activités liées à la bière dans le cadre d’une relance générale de l’économie. Cette activité ne sera plus réservée aux seuls moines, mais deviendra une véritable industrie à part entière

LES TEMPS MODERNES 

Après la Seconde Guerre Mondiale, le nombre de brasseries diminue encore, les petites ayant disparu où ayant été rachetées par les plus grandes. Aujourd’hui, il existe une centaine de brasseries en Belgique avec une gamme de quelques 500 produits différents.

Nous sommes loin des 3223 présentent en 1900. Même si la production de bière a augmenté grâce à toutes les innovations industriels, la publicité, nous avons perdus énormément de savoir-faire entre les deux guerres.

Deux tendances se dégagent actuellement: les grandes compagnies brassicoles fusionnent entre elles pour prendre de plus en plus d'importance et envahissent les points de ventes; les petites et moyennes brasseries de redéveloppent petit à petit et produisent des bières de qualité liés au terroir.

Page | 12   

II FABRICATION

INGREDIENTS :

Eau : La qualité de l’eau est primordiale dans l’élaboration de la bière. Pour une fabrication artisanale, on privilégiera une eau de source légèrement acide (pH entre 5 et 5.5), pour favoriser le travail des enzymes.

Malt : Le malt est obtenu par germination et chauffage de l’orge. La température de chauffage du malt est déterminante dans la fabrication de la bière, c’est en effet lui qui donnera la couleur de la bière. On choisira entre un malt blond (peu torréfié), légèrement torréfié (qui donnera une bière ambrée) ou fortement torréfié pour les bières brunes.

Houblon : Le houblon est une plante grimpante de la famille des cannabacées. On utilise les cônes, fleurs femelles du houblon dans la fabrication de la bière. Le houblon donnera son amertume à la bière et permettra une meilleure conservation.

Levures de Bière

L’EMPATAGE :

Apres avoir choisi le malt en fonction de la couleur de la bière désirée, on concasse les grains à l’aide d’un moulin à céréales.

Quantité de malt nécessaire : M = ( B * D ) / 26

• M = quantité de malt en kilo • B = quantité de bière désirée • D = degré de bière désiré

Exemple : pour 20 litres de bière blonde à 5 % il faut 3.85 kilo de malt blond (en fait, ce résultat dépend du rendement de l'installation).

On mélange ensuite le malt concassé avec de l’eau à 50° pour obtenir une maische. On brasse le mélange à température constante pendant 20-30 mn. On a besoin de Q litres d’eau donnés par la formule : Q =M*2.8

BRASSAGE :

Montez ensuite la température jusqu'à 62~63°C et maintenez cette température pendant 30mn tout en brassant (à cette température l'amidon est transformé en maltose, un sucre fermentescible qui sera transformé en alcool pendant la fermentation). Augmentez encore la température pour arriver à 66~68°C et maintenez cette température pendant 30mn tout en brassant (à cette température l'amidon est transformé en dextrose, sucre non fermentescible qui donnera la rondeur en bouche). Ensuite, augmentez encore la température pour chauffer la maische jusqu'à 75~77°C et maintenir cette température 10mn.

Filtrage de la maische et lavage de la drêche : Une des possibilités pour filtrer la maische est de la verser dans une bassine perforée.

Il faut ensuite laver cette drêche ainsi obtenue, car il reste encore un peu de sucre, en passant de l'eau chaude à 80°C.

quantité d'eau pour passer la drêche : E = ( B * 1.25 ) – Q 

HOUBLONNAGE :

Le moût doit maintenant être amené à ébullition. En début d'ébullition incorporez le houblon amer. Laissez bouillir 1 heure 30 à deux heures afin

Page | 13   

d'extraire les résines amères puis 5 à 10 minutes avant la fin de cette opération ajoutez le houblon aromatique. Videz la cuve en filtrant le houblon.

• quantité de houblon pour 20 litres de bière : 50 à 100 g de houblon amère et environ 20 g de houblon aromatique.

FERMENTATION :

Faites refroidir le liquide. Quand il atteint une température de 20~25°C incorporez la levure ( un sachet pour 20 litres de bière ). Fermez votre récipient de fermentation et installez un barboteur pour permettre l'évacuation du CO². La fermentation doit se faire à environ 20°C, une température de 25°C donne un goût de levure à la bière et une température de 30°C tue les levures! Quand les signes de fermentation disparaissent ( plus d'activité dans le barboteur ) la bière doit subir une phase de maturation dite de "garde". Il faut pour cela transporter votre récipient dans un lieu plus froid ( ~ 6 à 10°C, en tout cas pas en dessous de -2°C pour ne pas tuer les levures ).

EMBOUTEILLAGE :

Pour rendre la bière mousseuse il va falloir la faire refermenter en bouteille : il suffit pour cela de la sucrer, pour relancer une fermentation avec les levures encore présentes, à l'embouteillage.

• quantité de sucre à l'embouteillage : 4 à 6g par litre.

Le plus simple est de sucrer l'ensemble et de mettre en bouteille après. Refermentation et maturation: 

Placez les bouteilles verticalement à la température d'environ 20°C pendant une semaine puis une fois la referrmentation terminée placez vos bouteilles au frais (environ 5°C) pour une nouvelle garde. Cette maturation doit durer 2 mois.  

 

Page | 14   

III CARTE DES BIERES 

Chaque bière sera présentée de la même manière sur les catégories suivantes: Nom, Couleur, Origine, Degré, Brasseur et Commentaire 

nom="Murphy's" couleur="Stout" origine="Irlande" degre="4°" brasseur="Murphy" commentaires="Stout noir ebene,veloutee et tres amere a la fois." 

 

nom="Guinness" couleur="Stout" origine="Irlande" degre="5°" brasseur="Guinness" commentaires="La stout par excellence, amere et mousse cremeuse." 

   

nom="Chimay Bleu" couleur="Brune" origine="Belgique" degre="9°" brasseur="Abbaye ND de Scourmont" commentaires="Couleur ambree, assez foncee, saveur corsee et epicee, bien qu'assez douce." 

   

nom="Mc Chouffe" couleur="Brune" origine="Belgique" degre="8,5°" brasseur="Achouffe" commentaires="Biere de garde brune, gout prononce et long en bouche." 

 

nom="Kasteel" couleur="Brune" origine="Belgique" degre="11°" brasseur="Van Honsebrouck" commentaires="Biere forte et lourde, existe aussi en blonde." 

 

nom="Carolus Triple" couleur="Blonde" origine="Belgique" degre="9°" 

Page | 15   

brasseur="Het Anker" commentaires="Une des nombreuses bieres Carolus. Blonde a l'arome fort." 

 

nom="Karmeliet" couleur="Blonde" origine="Belgique" degre="8°" brasseur="Bosteels" commentaires="Blonde subtile, un gout doux et epice." 

 

nom="Orval" couleur="Blonde" origine="Belgique" degre="6.2°" brasseur="Abbaye ND d'Orval" commentaires="Biere trappiste au gout tres particulier." 

   

nom="Westmalle" couleur="Blonde" origine="Belgique" degre="9°" brasseur="Abbaye de Westmalle" commentaires="Biere trappiste corsee, a l'arome fort, existe en brune plus legere." 

   

nom="Steedonk" couleur="Blanche" origine="Belgique" degre="4,5°" brasseur="Duvel‐Moortgat" commentaires="Blanche legere, aromatisee au coriandre et au curacao." 

     

nom="Hoegaarden" couleur="Blonde" origine="Belgique" degre="5°" brasseur="Hoegaarden" commentaires="Blanche tres legere, naturellement trouble et tres raffraichissante." 

 

nom="Kwak" couleur="Rousse" origine="Belgique" degre="8°" brasseur="Bosteels" commentaires="Ambree forte et capiteuse, a boire dans son fameux verre cocher." 

Page | 16   

IV BANDEROLE – GUIDE 

PRESENTATION 

Voici les textes affichés après le chargement de l'animation. Il n'y a qu'un seul état possible au début, donc aucun besoin d'écrire plusieurs fois le même texte pour des états différents 

"Bienvenue au P'tit Brasseur!!! Je suis votre guide tout le long de votre visite. Cliquez sur moi pour en savoir plus"; 

 "Choisissez parmi trois catégories: le globe pour toute l'histoire de la Bière, la carte pour découvrir nos meilleurs bières"; 

"Et la dernière l'alambic pour en savoir plus sur la fabrication de ce breuvage!!! Vous pouvez également boire des bières avec la liste tournante en haut à droite"; 

"Pour cela sélectionnez d'abord une bière à l'aide des boutons pause et play, puis cliquer sur BOIRE ou CONSULTER. Très Bonne Visite" 

Voici le texte affiché lorsque l'on clique trop sur le guide 

"Hey!!! Arrêtez de me toucher... je t'ai déjà donné toutes les informations importantes. Maintenant va!!! et que la bière soit avec toi"; 

HISTOIRE 

Etat 1 : "Vous pouvez au fil des âges comprendre comment la bière est devenu ce breuvage si délicats. Sélectionnez une époque en bas pour en savoir plus" 

Etat 2 : "Alors tu désires savoir qui dans le temps a commencé à boire les premier? Je crois que tu es dans la bonne section!!!" 

Etat 3 : "Mon vieux ... burp!!! te voilà dans le passé... ben didon on voyage dans le temps... c'est génial ce projet SI28!!!" 

FABRICATION 

Etat 1 : "Vous êtes intéressé par la fabrication de la bière! Sélectionner une des étapes ci‐dessous pour découvrir tout ce que vous avez toujours voulu savoir" 

Etat 2 : "Ben tu vois donc en bas y a des boutons où tu peux cliquer pour regarder les explications à l'intérieur... c'est simple!!!" 

Etat 3 : "Euh... ben alors tu peux cliquer sur les boutons pour comprendre comment les boires que tu bois sont si bonnes... burp!!!!!!!" 

CARTE DES BIERES 

Etat 1: "Choisissez une bière de la carte. Ne faites pas attention aux prix, je vous invite !!!" 

Etat 2 : "Tient tu es revenu ici. Allez vas y prends encore une. La dernière!!!" 

Etat 3 : "Oula!!! je crois que je vais pas très bien là... mais c'est pas grave, je te suis mon ami(e)" 

CONSULTATION 

Etat 1 : "Voici la fiche technique de la bière. Tu peux revenir en arrière ou bien la boire. Tu verras alors le verre à côté de moi se remplir." 

Page | 17   

Etat 2 : "Bon hein c'est bien beau de regarder combien cette bière a de degré, maintenant il faut tester" 

Etat 3 : "Burp!!! voilà mon pot tout ce que tu as à faire c'est de cliquer sur BOIRE" 

DIVERS 

Texte qui doit s'afficher si on clique une deuxième fois sur le présentateur 

Etat 1 : "C'est assez vulgaire de toucher les gens comme ça" 

Etat 2 : "Oh!!! ba les pattes!!! c'est ma bière t'en aura pas" 

Etat 3 : "Hey... arrête tu vas me faire vomir" 

Page | 18   

STORY‐BOARD Nous allons dans cette partie présenter l'interface du P'tit Brasseur à travers les quatre 

parties présentées précédemment. 

I PRESENTATION 

Nous pouvons voir que l'interface se décompose en trois parties  : une première en haut, correspondant au bandeau interactif, une deuxième au centre, qui affichera tous les textes et les différentes autres sections et enfin la dernière partie, tout en bas incorporant le menu. 

Nous  avons  essayez  le  plus  possible  de  respecter  la  règle  des  trois  cliques  pour  une meilleur ergonomie et rapidité, à l'aide du menu.   

Nous avons  essayé  le plus possible de plonger  l'utilisateur dans  l'ambiance d'un bar.  Le choix  des  tons  de  couleurs  et  de  la musique  rappelle  celle  d'un bar,  ou d'un pub. Nous  avons surtout  joué sur  les couleurs marron,  rouges et  jaunes. L'utilisation d'ardoise pour  le bandeau interactif rappelle les écriteaux listant les prix au dessus du comptoir. La police a également été choisie pour ressembler aux écritures faites à la craie.  

Les  infobulles du guide  se  situent dans  la  zone d'affichage du contenu. Nous n'avons pu faire  apparaître  les  bulles  à  l'aide  d'une  petite  animation  (apparition  progressive).  Elles apparaissent donc brusquement, mais interpellent l'utilisateur à l'aide d'un son spécifique. 

 

   

Page | 19   

  

II BANDEAU INTERACTIF 

Nous voyons ici les trois parties du bandeau interactif: le guide, la dégustation de la bière et le choix de la bière. 

Le guide évolue au cours du  temps en  fonction de  la  jauge du  taux d'alcool dans  le sang (celle de droite). L'utilisateur peut cliquer dessus pour faire afficher un texte sans rapport aux contenus en bas (voir scénario). 

La dégustation de bière se fait à l'aide de trois animations: le verre se remplissant et deux jauges surveillant la consommation. Le verre tout à fait à gauche se remplit de la couleur de la bière sélectionnée. Le verre se vide rapidement, pour que l'utilisateur puisse essayer plus vite de nouvelles boissons. Les deux jauges permettent, lorsqu'elles arrivent en haut de faire régurgiter le guide est de repartir à l'état initial (nous considérons que toute son alcool a disparu). 

Le  choix  de  la  bière  se  fait  via  une  liste  tournante  des  12  bières  présentées  dans  la catégorie "carte des bières". La rotation peut être contrôlé avec quatre boutons en bas à gauche, pour  les  avancer,  les  reculer,  les  stopper  ou  bien  les  faire  repartir.  Ensuite  il  suffit  de sélectionner une bière en cliquant dessus. Son nom s'affiche alors en bas à droite de  l'ardoise. L'utilisateur peut alors soit consulter la fiche de la bière ou bien la boire. Le verre de l'ardoise du milieu se remplit alors et les jauges augmentent. 

 

III INTRODUCTION 

Lorsque  l'animation  est  chargée,  l'utilisateur  fait  fasse  à  l'image  suivante.  Il  voit  en premier  trois  grosses  images.  Il  s'aperçoit  très  vite  qu'il  s'agit  de  boutons  correspondant  aux trois  grandes  parties  du  projet.  Le  guide  lui  explique  tout  d'abord  ce  qu'il  peut  faire  en expliquant ces trois catégories, la dégustation des bières et l'accès rapide grâce au menu. 

Nous avons voulus rendre cette partie simple et rapide pour l'utilisateur puisqu'elle n'est juste qu'un tremplin pour la suite.  

 

Page | 20   

IV HISTOIRE ‐ FABRICATION 

La partie histoire et fabrication ont été conçu sur le même modèle. Au départ l'utilisateur a une petite explication de la part du guide. Tout en bas est présent une fresque chronologique du temps pour l'histoire et des étapes de créations pour la fabrication. 

L'utilisateur  sélectionne  alors  l'étape  voulu  pour  voir  apparaître  le  texte.  Nous  avons essayé d'agencer le texte de façon à le rendre plus attractif, plus attirant. L'ajout d'image aiguaye le  contenu,  car  souvent  il  s'agit  de  texte  simple  et  parfois  soporifique.  Il  nous  a  donc  parut évident de créer un certain effet. 

Nous avons opté pour la création de bloc de texte communiquant entre eux par une petite brèche,  rappelant  ce  qui  a  déjà  été  créé  sur  les  fresques  et  l'appariation  du  texte.  L'avantage d'avoir  choisi  une  telle  solution  est  celle  de  l'irrégularité  entre  les  pages.  Le  texte  est  tout  le temps différent, plus ou moins long. Les blocs sont donc de tailles toutes différentes et donnent l'impression de particularité et d'unicité de la page, d'un travail un peu rustique fait au cas par cas. 

 

VI CARTE DES BIERES 

Toujours dans notre but d'immerger  l'utilisateur dans  le monde de  la bière, nous avons choisis de simuler  la commande de bière, à  l'aide d'une carte. La disposition du menu de cette partie  est  donc  celle  d'une  carte  d'un  bar,  avec  les  différentes  bières  classées  par  type  et présentés  avec  leur  prix.  La  seule  différence  vient  donc  du  changement  d'écriture  lorsque  la souris passe sur la liste. 

 

Page | 21   

VII CONSULTATIONS DES BIERES 

Cette  section  accessible  depuis  le  bandeau  interactif  ou  la  carte  montrent  la  fiche technique d'une bière. Ces dernières informations sont directement lues depuis un fichier XML. Ainsi nous pouvons très facilement ajouter des bières à consulter pour une possible évolution du projet.  

Le  parchemin  rappelle  l'ambiance  taverne  et  les  écritures  celle  situé  dans  les  ardoises. Nous  avons  choisis  de  vectoriser  toutes  les  images  de  nos  bières,  à  cause  parfois  d'une  trop grande compression du JPEG de départ. De ce fait certaines images devenaient exploitables. 

Le  guide  indique  à  l'utilisateur  qu'il  peut  boire  la  bière  en  cours  de  visionnage  ou  bien repartir en arrière. Le bouton retour permet alors de revenir exactement au dernier endroit où vous vous trouviez avant de consulter cette bière depuis le bandeau interactif.