Rapport

UTC
Publit®is
Projet SI28
Brely Lucas
Cap Jean-François
03/01/2012
Publit®is SI28
Table des matières
Cahier des Charges (11/10/2011) .................................................................................................. 3
Scénario ....................................................................................................................................... 5
Story board .................................................................................................................................. 6
1ère scène :............................................................................................................................................ 6
2ème scène : .......................................................................................................................................... 6
3ème scène : .......................................................................................................................................... 7
Conclusion ................................................................................................................................... 8
Page 2
Publit®is SI28
Cahier des Charges (11/10/2011)
1. Concept:
Le thème principal de notre projet porte sur la critique des publicités sur internet. En effet l’abus de
certains publicistes sur internet peut être parfois agaçant, les célèbres pop-up, spam ou proxys
“polluent” notre quotidien et même si certains navigateurs arrivent à diminuer le nombre de publicités,
il reste toujours quelques failles. Notre idée est donc de faire une critique exagérée à travers un jeu
interactif. Le décor serait un site internet très simple sous forme d’article exposant les avantages des
publicités sur internet ; l’utilisateur voulant lire l’article doit faire face à un afflux progressif de
publicités tombant de haut en bas (comme le jeu « Tetris »), l’utilisateur pourra alors à l’aide des
flèches du clavier placer les pubs et les détruire en formant des lignes de pubs (toujours de la même
manière que "Tetris") pour continuer à lire l’article. Le jeu est terminé lorsque les pubs sont arrivées
en haut du site.
2. Public-Cible:
Le jeu sera a la portée de n’importe quel utilisateur d'internet portant un avis critique sur les publicités
du web. L’envie de lire un article concernant les avantages des publicités sur la toile sera perturbée par
un jeu interactif s’inspirant du célèbre jeu « Tetris ». Le jeu est terminé lorsque l’utilisateur ne peut
plus voir l’interface du site à cause des publicités imposantes. Une fois le jeu terminé l’utilisateur aura
accès au score des autres internautes ayant consulté le site avant lui et une petite métaphore reliant la
publicité et l’abus.
3. Objectifs:
Nous voudrions à travers ce jeu simple donner un avis critique à l’utilisateur mais aussi passer un petit
message aux publicitaires pour avoir plus de limites restrictives sur le web ou du moins avoir un juste
milieu.
4. Ressources média:
Nous utiliserons des ressources textes, images et son. Un article assez long (pour ne pas lire trop
facilement sans avoir à interagir avec le jeu en cours) sera rédigé sur l’interface utilisateur avec une
métaphore à la fin du jeu. Le cadre de la page web sera très sommaire. Des images de publicités
recueillies sur le web avec la possibilité d’incorporer des images animées sous format « .gif » seront
Page 3
Publit®is SI28
mises en place à la place des briques du jeu « Tetris ». Au cours du jeu plus l’accumulation de briques
de publicité sera importante, plus il sera difficile de lire la page. Et enfin une mélodie pour rappeler le
jeu « Tetris » sera jouée dès le début du jeu.
5. Structure et navigation:
L’organisation de la page web sera simple, le jeu commence par un clic permettant l’accès à l’article et
le début de la chute des pubs (briques de Tetris). L’environnement prenant l’aspect d’un site web, les
côtés droits et gauche de l’article comprendront eux-mêmes des publicités donnant le score en terme
de ligne de pubs. Il y aura possibilité de rejouer.
6. Formes et degrés d’interactivité:
L’utilisateur aura la possibilité de manipuler les briques de publicités grâce au jeu publitris. Son
environnement pourra évoluer en fonction du score et de la proximité de la défaite (en jouant sur les
couleurs, les bordures, le son…)
La navigation sera limitée à 3 « pages », la pages de début, la page de jeu et la page de fin.
7. Choix technique:
L’animation se fera sous flash grâce à la récupération d’un code d’un code « Tetris » déjà existant.
Une fois celui-ci modifié il sera exporté sous Dreamweaver. Peut-être nous aurons besoins d’utiliser
Photoshop pour les images des publicités.
Page 4
Publit®is SI28
Scenario
L’internaute arrive sur un écran d’accueil où se joue une animation d’introduction. Le lien du site sera
au centre, le curseur de la souris voudra cliquer dessus mais des fenêtres pops-ups viendront gêner
l’interaction avec le lien. Le curseur fermera les deux fenêtres pops-ups pour ensuite cliquer sur le
lien et accéder au jeu.
L’internaute arrive ensuite sur la une 2ème scène contenant plusieurs pubs dont une pub interactive.
La pub interactive contient le mot « Play » et lorsque l’utilisateur clique sur cette publicité, il peut
gérer la musique. Un article en fond d’écran décrit l’intérêt des publicités sur internet et comment
elles fonctionnent. La lecture de l’article est perturbée par le défilement de petites publicités
tombant de haut en bas avec les formes du tétris. Le lecteur peut alors diriger et placer les publicités
qui s’entassent sur l’écran, de la même manière que le jeu tétris. Il peut les détruire en formant des
lignes de pub. A chaque ligne détruite, un publicité d’antivirus est alors intégrée sous forme de
bombe, l’antivirus va alors détruire les pubs autour de lui. Le score ainsi que la pièce suivante seront
affichés.
Le jeu est perdu quand les pièces du publitris ne peuvent plus descendre et une troisième scène
apparait avec le message que nous voulons faire passer à travers ce jeu et la possibilité de relire
l’article (et donc de rejouer).
Page 5
Publit®is SI28
Story board
1ère scène :
Une animation d’introduction met en scène un curseur tentant d’accéder à un lien est gêné par
l’ouverture de pops-ups. Le jeu se lance une fois ces derniers fermés par le curseur.
2ème scène :
Page 6
Publit®is SI28
La scène se présente comme un site internet. La chute de pubs vient empêcher la lecture d’un texte
traitant de la publicité en ligne. L’utilisateur se voit donc contraint de jouer au tetris afin de lire
l’intégralité de l’article. Lorsque l’utilisateur fait « game over », il accède à la troisième scène.
3ème scène :
Une image métaphorique représentant le comportement des internautes sur le web avec comme
slogan central « 78% des internautes font confiance aux recommandations d’autres internautes
avant d’acheter un produit »
En dessous de l’image, quelques lignes donnant la morale du jeu.
« Aujourd'hui la publicité fait vivre des millions d'individus, d'applications, d'entreprises, de sites
internet... Cependant l'être humain crée de jour en jour des applications avec un potentiel publicitaire
possible et le jeu est de ne pas tomber dans l'abondance et la banalisation de la publicité sur le net.
Internet est un marché publicitaire prometteur, mais il est difficile de mettre des limites et cela profite
aux publicitaires non consciencieux.
Ce petit jeu à pour but de donner un avis critique à l'utilisateur du web, de lancer un message d'alerte
sur l'abus de certain publicitaires du web et de l'instauration de potentielles limites plus restrictives.
Auteur : Jean-François CAP et Lucas BRELY étudiant de l'Université Technologique de Compiègne en
Génie des Systèmes Mécaniques. Ce jeu à but non lucratif a été réalisé dans le cadre de l'UV SI28
"écriture interactive et multimédia" enseigné par Mr Serge BOUCHARDON »
Page 7
Publit®is SI28
Conclusion
Le sujet a été assez difficile à trouver au départ mais au final ce fut un projet très prenant et
enrichissant. Nous avons dû adapter notre projet aux sources trouvées sur le web. En effet plusieurs
formes de tetris existent et les codes sources sont plus ou moins détaillés. Cela nous a donc contraint
à utiliser des logos de marque plutôt que des vraies publicités du web. Nous avons essayé de rendre
assez attractif le jeu en travaillant sur l’esthétique et en prenant en compte les différentes
remarques de la soutenance intermédiaire. Par conséquent les bases acquises durant les TDs de
Photoshop ont été très utiles ainsi que les TDs Flash. Nous avons dans l’ensemble respecté notre
cahier des charges initial. Cependant à cause de difficultés rencontrées dans ce projet, quelques
détails de notre cahier des charges, comme l’accès aux scores des autres internautes ou la
modification des couleurs et bordures, n’ont pas été traités. Nous trouvons notre travail assez
satisfaisant et attrayant.
Page 8