Rapport

Crespo Perez Simon RAPPORT SI28 Printemps 2007
Alexandre Germain Salsa Interactive Crespo Perez Alexandre Simon Germain Introduction Dans le cadre de l'UV SI28, nous avons réalisé notre site interactif multimédia sur la Salsa. L'objectif était de faire découvrir et de partager notre amour et notre connaissance de la Salsa en nous familiarisant avec les logiciels de multimédia, tels que Flash, Dreamweaver, photoshop... Les deux membres du groupe étant passionnés de Salsa, et professeurs à l'UTC, le sujet a été trouvé tout naturellement. Le site permet, de plus, de support aux étudiants de l'UTC voulant apprendre la salsa ou à ceux ayant suivi des cours avec nous. Dans ce rapport, nous commencerons par mettre les documents du projet que nous avons réalisés au cours du semestre tel que le synopsis, le cahier des charges, le scénario et le story board. Nous terminerons ce rapport par des appréciations personnelles sur notre travail et les connaissances acquises.
Page 2 sur 16 SI28 P07 Salsa Interactive Crespo Perez Alexandre Simon Germain Synopsis Concept du projet : Le projet est un site web interactif. Ce site sera un support du cours de l’association salsa­ utc dont nous sommes les professeurs. Il fournira des vidéos en ligne des passes, des jeux pour reconnaître le tempo et les musiques. Public cible : Le site s’adresse de préférence à des danseurs de salsa débutants et intermédiaires ayant déjà suivi des cours dans l’association Salsa­utc et souhaitant se perfectionner. ­ ­ ­ ­ Attentes : Un environnement « salsa » interactif Les vidéos des passes vues en cours Un jeu pour apprendre à avoir le bon timing à la salsa Bref historique de la salsa cubaine Mode de consultation : Internet Objectifs : Concevoir une interface musicale, colorée et « ensoleillée », pour susciter l’enthousiasme et la volonté de découvrir la salsa ou de s’améliorer. Par l’intermédiaire de mini jeux on veut donner les commandes à l’utilisateur afin qu’il prenne de lui­même ce qu’il attend du site, et s’améliore à son rythme. Notre projet nous permettra entre autres d’apprendre à nous servir d’outils multimédias tels que Dreamweaver, Flash ou Audacity.
Page 3 sur 16 SI28 P07 Salsa Interactive Crespo Perez Alexandre Simon Germain Cahier des charges Ressources média : Notre projet prendra la forme d’un site Internet comprenant :
· Une base de vidéos : filmées à partir d’un appareil photo numérique o une dizaine de vidéos pour la rubrique débutant o une dizaine de vidéos pour la rubrique intermédiaire
· Des images o récupérées sur le net o des photos que nous allons prendre nous­mêmes o des dessins réalisés par une graphiste
· Des sons o musiques de salsa o sons enregistrés par nos soins
· Des textes o historique de la salsa o description des passes
· Un mini jeu o Lui­même contenant des sons et des images. Structure et navigation : A l’apparition du site, une page d’introduction se lancera (avec la possibilité de la passer), dans laquelle un descriptif de ce que le site propose sera visible. Nous arrivons sur la page d’accueil à partir de laquelle toutes les pages sont accessibles. L’interface sera constituée d’un tableau avec des zones interactives nous dirigeant vers les différentes parties. Un menu d’accès rapide aux différentes parties sera disponible à tout moment de la navigation pour éviter de perdre l’internaute. Trois parties seront présentes : ­ Historique : présentation écrite de l’histoire de la salsa cubaine ­ Mini jeu : « capturer le timing » pour s’approprier le temps de la salsa ­ Vidéos : base de données sur les différentes passes pour débutants et intermédiaires, avec descriptif
Page 4 sur 16 SI28 P07 Salsa Interactive Crespo Perez Alexandre Simon Germain Intro Accueil Histoire Videos Débutants Vidéos Initiés
Mini­jeu La navigation se fera à l’aide de la souris. Formes et degrés d’interactivité : Navigation : L’internaute décidera lui ­même de ce qu’il veut voir. Il sera libre d’aller où il veut. La page d’accueil sera constituée d’un tableau interactif comprenant des éléments réactifs aux mouvements de la souris et qui nous servira de menu pour accéder aux différentes rubriques du site. Manipulation : Le visiteur aura l’occasion de jouer avec un mini jeu qui le familiarisera avec le rythme « salsa », notion que nous jugeons, en tant que professeurs, très importante et peu abordée en cours. Le principe du jeu sera simple : il suffira de détecter les temps clés de la musique tel que le premier et le 5 ème temps. Le public cible de ce jeu sera principalement les personnes apprenant la salsa, pour les autres son intérêt sera assez limité. Pour détecter les temps il faudra appuyer sur une touche du clavier ou cliquer avec la souris. L’utilisateur pourra également agir sur l’environnement sonore (Choix de la musique et Contrôle du volume). Nous avons également associé à la manipulation du son, plusieurs formes d’interaction. En effet, le lecteur audio de notre page d’accueil agira directement sur l’environnement en offrant différents effets suivant que la musique : se joue, est en pause ou bien est arrêtée. Page 5 sur 16 SI28 P07 Salsa Interactive Crespo Perez Alexandre Simon Germain Choix techniques : Le site web sera réalisé en utilisant Flash et Dreamweaver. Les animations du décor seront faites avec Flash, les images et photos seront traitées si nécessaire avec Photoshop. Le support sonore et musical sera aux formats .mp3 ou .wav et seront éventuellement traités avec Audacity afin de sélectionner les séquences les plus intéressantes et d’obtenir un compromis acceptable entre qualité et quantité de stockage. La réalisation de ce projet nous amènera a utiliser et maîtriser ces logiciels au cours du semestre.
Page 6 sur 16 SI28 P07 Salsa Interactive Crespo Perez Alexandre Simon Germain Scénario Page d'introduction : Nous sommes des amateurs de Salsa et nous avons réalisé ce site, afin de donner un support aux personnes qui apprennent à danser la salsa cubaine ou qui souhaiteraient se perfectionner. Bienvenue ! Page Historique : Le livre contient 16 pages que nous détaillons ici : page 1 : Première page L'histoire de la salsa page 2 : Entrer découvrir le monde de la salsa page 3 : Sommaire Sommaire : histoire , danse, clave, Rueda page 5 : Histoire Terme commercial créé à New York dans un club de la 52ème rue le 21 août 1971. En espagnol, Salsa signifie "Sauce". La Salsa est née du mariage de divers genres musicaux combinés à de nombreuses traditions de différents pays d'Amérique. Mais il est impossible de parler de salsa sans parler de Cuba. Depuis toujours Cuba est un grand producteur et exportateur de musique. Les mélanges de culture africaine et hispanique ont donné naissance très tôt à différents types de musique, comme le Danzon, qui date de la fin du 19ème siècle (1879) et qui mélange la contredanse européenne et les rythmes africains.
Page 7 sur 16 SI28 P07 Salsa Interactive Crespo Perez Alexandre Simon Germain Page 6 : Le Son, une évolution du Danzon qui apparaît au début du 20ème siècle (1909) et qui se popularise dans les années 20 : mélodies espagnoles et rythmes africains, avec déjà la présence de la Clave. Les musiques ne cessent d'évoluer et de se développer: rumba, mambo, jazz latin. Elles continuent à immigrer ainsi que leurs musiciens jusque dans les années 50, où de nombreux artistes latins se produisent aux USA et en particulier à New York. La musique salsa prend ses origines dans le son cubain qui correspond au son apparue après la guerre d'indépendance de Cuba. Mais le terme "salsa" n'est apparue qu'a partir des années 70 par certains musiciens pour qualifier leur musique.. Néanmoins ce terme n'est pas très utilisé, on parle de "musique latino". Page 7 : Cette musique était principalement dominée et diffusée par des New­Yorkais faisant partie de la communauté latino composée d'immigrés venant de Puerto Rico, Cuba, Haïti ou encore la République Dominicaine. Dans ce contexte, les rythmes originaux de la salsa subirent les influences du jazz américain, d'où l'introduction d'instruments comme la trompette. Dans les années 40, des groupes comme celui de Tito Puente contribuent à diffuser la salsa hors de New­York. Dans les années 70, la musique latino d'une manière générale est de moins en moins diffusée et la maison de disques "Fania Records" désire largement promouvoir ses artistes latinos. Elle utilisa donc le mot salsa comme le terme marketing pour identifier ce type de musique. Page 8: On rencontre différents courants de danseurs de salsa, les deux essentiels sont d'origine portoricaine et d'origine cubaine respectivement. Et dans un même courant, on trouve encore des variantes (salsa avec le premier pas sur un "1" de la musique ou celle avec le premier pas sur le "2" ou salsa "on 2"). La Rueda est aussi une manière de danser la salsa en groupe de danseurs (souvent disposés en cercle). Page 9: La danse La Salsa se danse généralement en couple, mais on peut danser seul (shine). La danse se base sur une mesure de 8 temps répétés tout le long de la musique. Seul 6 temps sont dansés de la façon suivante. Trois pas sur les trois premiers temps de la mesure, puis on "saute" ou on tape le 4ème temps. Et on reproduit symétriquement la même chose sur les 4 derniers temps de la mesure, avant de retourner à la case départ.
Page 8 sur 16 SI28 P07 Salsa Interactive Crespo Perez Alexandre Simon Germain Les pas de la fille se font de la manière suivante : Ceux du garçon sont les mêmes mais en inversant jambes. Page 11: La clave Deux morceaux cylindriques de bois dur d'une vingtaine de centimètres que l'on frappe l'un contre l'autre : cette percussion toute simple, née dans le port de La Havane, est pourtant la colonne vertébrale de toute la musique latine. C'est elle qu'on suit, c'est sur elle que s'appuie tout l'orchestre. Elle génère la mesure rythmique, elle est la pulsation primale : le véritable cœur. La clave, c'est à la fois l'instrument, mais aussi le rythme qu'il génère. La cellule rythmique est formée de la succession de deux parties, répétées à l'infini. L'une des parties comprend trois battements, l'autre partie seulement deux. Page 12: La clave d'origine commence par la partie comprenant trois chocs, suivie de la partie comprenant deux chocs : c'est la clave 3/2. Dans le cas contraire (c'est­à­dire quand la partie "deux chocs" précède la partie "trois chocs"), on parle de clave 2/3. Page 13: La Rueda S'inspirant de danseurs dans la rue qui pratiquaient "la Rueda" (mot espagnol qui signifie "roue": plusieurs couples dansent en cercle, un meneur chante des mots qui indiquent une passe que tous doivent faire ou bien un changement de partenaires, les danseurs de "Casino" vont inventer la Rueda de casino. Le centre de la Rueda est à gauche pour un cavalier, à droite pour une cavalière. On se déplace normalement en Rueda dans le sens inverse des aiguilles d'une montre.
Page 9 sur 16 SI28 P07 Salsa Interactive Crespo Perez Alexandre Simon Germain Page vidéos débutants et intermédiaires : Liste et explications des passes débutants et intermédiaires : Pas salsa Pas casino Pas rumba Dile que no Vacilala Sacala Enchufla Enchufla doble Sombr ero Setenta Ochenta Ochenta y cuatro Page 10 sur 16 Pas de base – Derrière sur 1,2,3 / Derrière sur 5,6,7. Pas de base – Derrière sur 1,2,3 / Devant sur 5,6,7. Pas de base – Côté sur 1,2,3 / Côté sur 5,6,7. Passage de la position fermée à celle ouverte. Le garçon donne une impulsion à la fille et lâche sa main. Tour à droite pour la fille. Même chose que vacilala mais sans lâcher la main de la fille. Le garçon donne une impulsion vers l’arrière à la fille et la fait passer sous son bras gauche. Terminer en position fermée. Le garçon donne une impulsion vers l’arrière à la fille, la fait passer sous son bras gauche et la bloque dans le dos sur le 3ème temps. Sur 5,6,7 : retour en position ouverte. Puis faire un enchufla pour terminer. Changement de main (le garçon et la fille ont les mains croisées) puis sacala pour la fille sans lâcher les mains. Terminer en posant les bras derrière la nuque du garçon et de la fille et faire dile que no. Mise en espagnole (= tour à droite pour la fille, le garçon lève la main gauche et laisse sa main droite en bas) sur 1,2,3. Le garçon et la fille continuent de marcher dans le sens du tour sur 5,6,7. Puis appel d’enchufla sur 1,2,3 et le garçon fait un pivot vers la gauche sur 5,6,7. Puis enchufla et terminer en position fermée et faire dile que no. Changement de main puis sacala. Enchufla sans lâcher les mains : le garçon a sa main droite en haut et sa main gauche en bas et fait une finta sur 5,6,7. Puis enchufla, terminer en position fermée et faire dile que no. Changement de main puis sacala. Appel d’enchufla et présentation (= le garçon bloque la fille devant lui). Faire deux balades et laisser sortir la danseuse à la troisième balade. Le garçon fait une finta puis enchufla. Terminer en position fermée et faire dile que no.
SI28 P07 Salsa Interactive Dile que no y Coca Cola La ultima de Puerto Rico Setenta complicada Crespo Perez Alexandre Simon Germain Même chose que engroscala sauf que le garçon fait tourner la fille en lui donnant une impulsion sur l’épaule droite avec sa main gauche. Enchufla. Arrive en position fermée. Dile que no y Coca Cola. Sur 7, le garçon bloque la fille avec sa main gauche. Sur 1,2,3 les danseurs sont dos à dos et la fille se décale sur la gauche. Sur 5, le garçon donne une impulsion sur la hanche de la fille avec sa main droite. Sur 5,6,7, la fille fait un tour et demi sur elle­même et se retrouve à la droite du garçon. Terminer par dile que no. Mise en espagnole sur 1,2,3. A 7, le garçon passe sous le bras droit de la fille. Les danseurs se retrouvent dos à dos. Puis sur 1,2,3, le garçon tire la fille vers sa gauche et la fille passe sous le bras gauche du garçon. Le garçon garde la paume de sa main gauche vers le haut et fait une finta sur 5,6,7. Enchufla. Puis terminer en position fermée et faire dile que no. RUEDA Dame Tiempo españa Changement de partenaire en Rueda: faire un dile que no avec la fille de droite. Enchufla et rester en position fermée. Le garçon avance et la fille recule en marquant chacun des temps. Si on annonce « un taro » : le garçon passe à l’intérieur de la Rueda sous le bras droit de la fille (sur 1,2,3) et va chercher la fille suivante. Page tempo : Introduction au minijeu : Les percussions se retrouvent sur le 1. Le piano fait une vague qui commence sur le 1. Le chanteur commence parfois le refrain sur le 1 (extrait n°3). La clave commence sur le 1. Indications pour trouver le temps: Bienvenue sur le jeu tempo : Veuillez­rentrer votre pseudonyme : Analyse des résultats :
Ø Si résultat est bogosse : " Vous êtes probablement ce qu'on appelle un(e) Salsa Freak, vous n'écoutez exclusivement que de la salsa, vos ami(e)s sont probablement aussi des salsero(a)s, vous dormez avec la clave et vos rêves se résument à : 123 567 ...";
Page 11 sur 16 SI28 P07 Salsa Interactive Crespo Perez Alexandre Simon Germain Ø Si résultat est bon : "Votre déhanché précis et ajusté fait rêver les débutantes, vous gérer le rythme et les filles. Cependant le salsa freak du coin vous jettes toujours des cacahuètes quand vous passez devant lui."; Ø Si Moyen : "Vous êtes encore très peu familier avec la clave. Vous êtes la terreur du dancefloor, en effet les filles s’enfuient à force de remarquer vos contretemps répétés." Ø Si Mauvais : "Vous avez probablement oublié de brancher votre souris ou oublier d'allumer les enceintes ce qui n'est hélas pas recommandé pour ce jeu.";
Page 12 sur 16 SI28 P07 Salsa Interactive Crespo Perez Alexandre Simon Germain Story board Historique : Dans cette partie, l’interface est un livre que l’on feuillette, pour une meilleure immersion de l’utilisateur, retraçant les principaux éléments de la salsa cubaine. De cette plateforme, on adjoint toutes les possibilités offertes par l’ordinateur et internet : Un contenu interactif. Des éléments interactifs viendront donc animer cette histoire en cliquant sur des boutons (sons, gif animé, vidéo)
Page 13 sur 16 SI28 P07 Salsa Interactive Crespo Perez Alexandre Simon Germain Tempo : Mini­jeu On a ici réalisé un mini jeu pour assimiler le rythme. L’objectif n’est pas d’apprendre le rythme, mais que des gens commençants déjà à pratiquer la salsa en club puissent perfectionner leurs connaissances du timing. Cependant, nous avons réalisé un mode démonstration et adjoint quelques explications succinctes, afin que les joueurs puissent retrouver le rythme, même avec très peu de notions. Notre public cible : Le public cible de notre site est en particulier les étudiants qui ont suivis nos cours de salsa, tout au long de l’année, et par extension cela devient les personnes qui ont commencées la salsa et qui se situent entre le niveau débutant et intermédiaire. Nous avons remarqué au cours de notre enseignement qu’il y’avait de nombreux problèmes pour assimiler le tempo de la musique, notre jeu est une réponse à cette attente.
Page 14 sur 16 SI28 P07 Salsa Interactive Crespo Perez Alexandre Simon Germain Objectif Internet : Il nous a fallut également prendre en compte que le site devra être visualisé sur Internet et tout ce que cela implique notamment en matière de téléchargement. Nous avons réalisé des barres de chargement afin que le visiteur du site ne le quitte pas en pensant qu’il ne fonctionne pas. Notre site implique beaucoup de ressources : des musiques au format MP3, des vidéos au format flash FLV ainsi que des images/photos de taille assez conséquente. Une de nos principales difficultés aura été de trouver un compromis entre qualité et navigabilité. Cela nous a amené à opter pour les choix suivants : ­ Retouche des musiques avec Audacity pour les couper et retoucher. ­ Le plus fort taux de compression vidéo avec flash. Le jeu : Nous avons donc réalisé un mode démonstration pour le jeu, même si notre but n’est pas d’apprendre le timing dés le début cela permettra de faire une petite démonstration aux utilisateurs perdus. Nous avons également adjoint une courte explication pour « chopper » le rythme. Quand l’utilisateur click au bon moment le feedback est un halo vert qui se dégage du bouton en revanche si la réponse est mauvaise le halo est de couleur rouge. Il y’a un 2ème feedback plus subtil, quand on donne une succession de bonnes réponses l’arbre se colore en vert en revanche s’il y’a trop de mauvaises réponses celui­ci se noircit de plus en plus. Nous avons accompagné ce jeu de 3 musiques, 3 rythmes différents toutes les 3 encodés sous format mp3 de moins d’une minute environ.
Page 15 sur 16 SI28 P07 Salsa Interactive Crespo Perez Alexandre Simon Germain Conclusion Le « gong » a retenti, sonnant la fin de notre projet. Celui­ci est apparu plus complexe que ce que nous nous étions imaginé. Beaucoup d’idées dansaient dans nos têtes au début du semestre, et nous avons dès la rédaction du cahier des charges centré notre projet sur l’essentiel. Nous avons la fierté d’avoir fini notre projet en y incluant tout ce qui a été défini dans le cahier des charges initialement. Le but de notre site est d’être consulté rapidement et facilement par les étudiants et ceux qui veulent découvrir la salsa. Il fallait un site « léger » et rapide. Les vidéos et chansons présentes sur le site sont bien compressées et nécessitent un temps de chargement assez faible. Nous sommes arrivés à un compromis entre interactivité et navigabilité acceptable qui permettra à quiconque de consulter le site de n’importe où, sans être obligé de danser dans les salles informatiques de l’UTC pour apprendre la salsa. Ce projet a été une très bonne expérience pour plusieurs raisons. D’abord pour le plaisir que nous avons eu à mettre au point un lieu de partage de connaissance ; nous avons appris à gérer les différentes contraintes d’un projet multimédia (temps, espace, interactivité.). Et enfin du point de vue technique, nous avons enrichi notre maîtrise des différents outils médias et graphiques tels que Photoshop, Flash et Dreamweaver qui pourront nous être utile dans notre parcours professionnel.
Page 16 sur 16 SI28 P07