BENABBOU Azzeddine Automne 2013 FERREIRA Dany SI28 : Ecriture interactive et multimédia Rapport du projet «Batterie pour tous» Enseignant : M. BOUCHARDON BENABBOU Azzeddine - FERREIRA Dany Page 1
Sommaire Sommaire... 2 Introduction... 3 I. Synopsis... 3 1. Concept... 3 2. Public cible... 3 3. Objectifs... 3 II. Cahier des charges... 4 1. Ressources médias... 4 a) Texte... 4 b) Images... 4 c) Son... 4 2. Structure et navigation... 4 3. Les interactions... 5 4. Les choix techniques... 5 III. Scénario... 5 1. Menu... 5 2. Mode découverte... 5 3. Mode pratique... 6 IV. Story-board... 8 1. Menu... 8 2. Mode découverte... 8 3. Mode pratique... 9 Conclusion...12 BENABBOU Azzeddine - FERREIRA Dany Page 2
Introduction Dans le cadre de l UV SI28, nous devons réaliser un projet interactif. Nous avons tout d abord observé d anciens projets. Puis nous nous sommes orientés vers un projet pédagogique ouvert à tous. En effet, le projet multimédia permet de découvrir la batterie et de jouer de l instrument. I. Synopsis 1. Concept Nous allons réaliser une animation flash sur le thème de la musique. Elle permettra à la fois la découverte et la pratique «virtuelle» d un instrument de musique : la batterie. Ce projet est innovant dans l approche de la pratique de l instrument et prend en compte la connaissance de l utilisateur et rend la relation homme-instrument interactive. 2. Public cible Le public cible est assez varié puisque notre projet est destiné à toute personne (jeune, parents, grands-parents) souhaitant découvrir la batterie ou qui la pratique déjà. L application proposera un contenu personnalisé selon le besoin de l utilisateur. Un mode découverte : pour les utilisateurs qui souhaitent en savoir plus sur l instrument sans pour autant vouloir le pratiquer. Un mode pratique : où l utilisateur pourra soit pratiquer librement l instrument soit jouer une partition parmi celle proposées ou même encore insérer une partition de son choix qu il fournira luimême au logiciel sous forme d une image JPEG. 3. Objectifs Pour les débutants, l objectif est une découverte théorique et pratique de la batterie. Pour les initiés, ils pourront pratiquer leur instrument préféré de façon ludique et amusante. L originalité du projet est aussi de permettre, par exemple, aux personnes n étant pas familières avec les baguettes de jouer de la batterie avec un outil qu elles utilisent au quotidien : le clavier d ordinateur. BENABBOU Azzeddine - FERREIRA Dany Page 3
II. Cahier des charges 1. Ressources médias Pour notre projet nous utiliserons principalement trois types de médias : Du texte Des images Du son a) Texte L utilisateur pourra rencontrer du texte dans la plupart des écrans de notre application. D une part, le texte servira à décrire la batterie de manière générale ou les éléments de celle-ci de manière plus détaillée pour ceux qui choisissent le mode découverte, d une autre part il guidera l utilisateur tout au long de sa navigation dans l application. b) Images Notre application comportera des images qui auront principalement pour but la représentation des éléments de notre batterie avec lesquels l utilisateur pourra interagir mais aussi la décoration des différents écrans de notre application. c) Son Pour notre application nous aurons aussi besoin des sons que produit chaque élément de la batterie. 2. Structure et navigation Une courte introduction accueillera l utilisateur de l application à son démarrage avant d accéder au menu principal. La navigation sera possible grâce au menu qui permettra de choisir le mode d utilisation (découverte ou pratique de la batterie). Accueil Mode pratique Mode découverte Pratique libre ou conditionnée BENABBOU Azzeddine - FERREIRA Dany Page 4
3. Les interactions Action de l utilisateur Clic sur un bouton du menu d accueil Clic sur un élément de la batterie dans le mode découverte Clic sur le bouton retour dans les modes Appui sur le raccourci clavier correspondant à un élément de la batterie dans le mode pratique Afficher une partition parmi celles présentes dans l animation Insérer dans l application une partition de batterie sous forme d image Effet sur l application Ouverture du mode choisi Affichage des informations concernant celui-ci dans un cadre prévu à cet effet et lecture du son émis par cet élément Retour au menu principal Le son de l élément est joué et un retour visuel (ellipse rouge) s affiche sur l élément concerné Affichage de la partition dans l application Affichage de la partition dans l application 4. Les choix techniques Nous utiliserons pour ce projet les logiciels suivants : - Adobe Flash : l implémentation générale de l application - Adobe Photoshop : Traitement et retouche des images - Microsoft Office : Mise en page du rapport et du support de présentation orale III. Scénario 1. Menu Le titre de l application «Batterie pour tous» est affiché sur le menu. Il est indiqué à l utilisateur qu il doit choisir un des deux modes proposés pour poursuivre sa navigation dans l animation («Choisissez votre mode :»). 2. Mode découverte Dans ce mode, l utilisateur est invité à cliquer sur un élément de son choix de la batterie grâce au message «Cliquez sur un élément de la batterie pour découvrir sa description et entendre le son joué. En accédant au mode pratique, vous pourrez jouer de la batterie.». En cliquant sur l un des éléments de la batterie, les textes suivants seront affichés à l écran dans un cadre prévu à cet effet, selon l élément choisi : La Grosse Caisse : Jouée avec la pédale par le pied droit, la Grosse Caisse joue un rôle prépondérant dans la construction des rythmes en combinaison avec la Caisse Claire. BENABBOU Azzeddine - FERREIRA Dany Page 5
La Caisse Claire : Jouée avec des baguettes sur la peau de frappe, le son "tambour" est obtenu grâce au timbre (plusieurs fils de métal parallèles) plaqués contre la peau de dessous (dites "peau de résonance"). Les Cymbales "Charleston": Elles peuvent être jouées soit au pied gauche avec la pédale Charleston en accompagnement du rythme, soit avec des baguettes en combinaison avec la Caisse Claire et la Grosse Caisse (la pédale servant alors à moduler la résonance des Cymbales). La Cymbale "Ride" : Jouée avec la main droite, elle sert principalement à jouer les rythmes en combinaison avec la Grosse Caisse et la Caisse Claire. Les Toms Alto et Médium : Fixés sur la Grosse Caisse à l'aide d'une attache, ils sont utilisés (en combinaison avec le Tom Basse et les autres éléments) comme apport mélodique aux différents rythmes et à l'intérieur de figures rythmiques qui annonce la fin d'une partie à l'intérieur d' un morceau de musique. Le Tom Basse : Posé sur trois pieds, c'est le son le plus grave de tous les Toms. On le joue souvent à la suite des autres Toms (lors d'une "descente de Toms"). Nous avons pensé que jouer le son de l élément cliqué est un complément intéressant à la description de l élément dans le mode découverte. 3. Mode pratique Dans ce mode, l utilisateur est invité à jouer de la batterie. Le message suivant apparaît dans un cadre : «Pour jouer d un élément de la batterie cliquez sur la touche indiquée. Des partitions sont proposées, en cliquant sur le bouton de la partition choisie. Vous pouvez également importer votre partition, à l aide du bouton en bas à gauche. Avant de commencer, cliquez sur la batterie». Etant donné que les partitions numériques sont payantes et que l utilisateur n en possède pas nécessairement sur son ordinateur, nous avons choisi d inclure une bibliothèque de trois partitions dans l animation. Trois boutons sont donc accessibles en bas à gauche de l écran. Chaque bouton permettant d afficher une partition incluse dans l animation affiche le nom du groupe et le titre du morceau. (Par exemple, «Metallica - Unforgiven»). Un bouton d import de partition («Importer votre partition») est présent en bas de l écran. Chaque élément de la batterie peut être joué, pour cela il suffit à l utilisateur d appuyer sur la touche de son clavier correspondante, qui est indiquée à côte de chacun des éléments. Afin de rendre l expérience offerte par ce projet le plus réaliste possible, nous avons souhaité insérer une image de la batterie vue de derrière. Ainsi l utilisateur voit la batterie comme s il était assis derrière une vraie batterie pour en jouer. La capture d écran ci-dessous montre notre choix qui est présent dans les deux modes proposés. BENABBOU Azzeddine - FERREIRA Dany Page 6
De plus, comme on peut le voir également sur l image ci-dessous, un symbole rouge s affiche sur l élément de la batterie lorsque celui est joué afin que l utilisateur voit son action sur la batterie. Cela rend également son expérience plus réaliste. BENABBOU Azzeddine - FERREIRA Dany Page 7
IV. Story-board 1. Menu L utilisateur a le choix de cliquer sur deux boutons pour rentrer dans le mode souhaité. 2. Mode découverte En cliquant sur le bouton du mode découverte, l écran ci-dessous apparait. BENABBOU Azzeddine - FERREIRA Dany Page 8
D une fois que l utilisateur clique sur un élément de la batterie, son nom et sa description apparaissent automatiquement dans le cadre supérieur. De plus, au clic le son de l élément choisi est joué dans l animation permettant ainsi une découverte et un apprentissage efficace pour l utilisateur. A n importe quel moment, l utilisateur peut revenir au menu principal en cliquant sur l icône retour dans le coin supérieur gauche de l écran. 3. Mode pratique En cliquant sur le bouton du mode découverte, l écran ci-dessous apparait. BENABBOU Azzeddine - FERREIRA Dany Page 9
A n importe quel moment, l utilisateur peut revenir au menu principal en cliquant sur l icône retour dans le coin supérieur gauche de l écran. La disposition des touches sur le clavier a été choisie de façon réaliste par rapport à la disposition spatiale des éléments de la batterie. L utilisateur peut choisir via les boutons en bas à gauche l une des trois partitions qui lui sont proposées (voir l image ci-dessous). De plus, il peut importer la partition de son choix, s il le souhaite. Elle s affiche alors à la place du cadre informatif. BENABBOU Azzeddine - FERREIRA Dany Page 10
Lorsque l utilisateur importe sa partition au format image JPEG, elle s affiche à la place du cadre supérieur, afin qu elle puisse être jouée. BENABBOU Azzeddine - FERREIRA Dany Page 11
Conclusion Durant le semestre, ce projet interactif nous a permis d apprendre de nouvelles connaissances sur la technologie Adobe Flash et Action script et mettre en commun les connaissances et les compétences de chacun, mettant en place un bon travail collaboratif. Du plus, nous avons découvert la mise en place d un projet interactif et multimédia. Etant donné nos autres projets à mener en parallèle de SI28, nous avons décidé de développer un projet moins conséquent en accord avec le responsable de l UV. Néanmoins, nous sommes satisfaits du résultat et avons bien le résultat attendu. La principale difficulté de ce projet aura été de trouver les sons de chacun des éléments de la batterie ainsi qu une image de la batterie vue de la place du joueur. Une amélioration possible et intéressante de l animation serait de proposer un module d exercice à l utilisateur afin de lui faire jouer des petits morceaux à la batterie et lui faire part de son résultat en vérifiant les touches pressées (bon résultats, quelques erreurs, etc.). Nous regrettons également que les sons des différents éléments ne puissent pas être joués simultanément comme cela est possible avec l instrument. Dans ce projet, nous avons fait tout notre possible afin de rendre le plus agréable possible l utilisation de l application, et la plus ludique et pédagogique également. BENABBOU Azzeddine - FERREIRA Dany Page 12