1 / 62

LOG745 – Interfaces utilisateurs avancées

LOG745 – Interfaces utilisateurs avancées. Les interfaces pour la musique. Maxime Dumas – Hiver 2013. Plan de cours. Mise en contexte - TP4 Principes fondamentaux Interfaces pour la musique Visualisations pour la musique. Survol du travail pratique 4. Trois choix de sujets

cadman-carpenter
Download Presentation

LOG745 – Interfaces utilisateurs avancées

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. LOG745 – Interfaces utilisateurs avancées Les interfaces pour la musique Maxime Dumas – Hiver 2013

  2. Plan de cours • Mise en contexte - TP4 • Principes fondamentaux • Interfaces pour la musique • Visualisations pour la musique

  3. Survol du travail pratique 4 • Trois choix de sujets • Visualiser les relations d’influence entre des musiciens • Modifier un logiciel interactif permettant de jouer de la musique • Créer une interface multitactile avec un ou plusieurs instruments de musique

  4. TP4 – Projet #1 • Jeu de données à visualiser • 600 artistes • 193 « styles » ou « marchés » • 13 styles principaux ou genres • 3000 liens d’influence entre les artistes • Application de départ à modifier ou votre propre application (sur approbation) • Important: le jeu de donnéesestconfidentiel

  5. TP4 – Projet #1 Simple Network Visualizer (application de départ)

  6. TP4 – Projet #2 • Modifier ou créer un logiciel permettant d’écrire des notes de musique et de les jouer • Application de départ: Simple Piano Roll • Vous pourriez développer un autre type d’instrument qu’un piano (sur approbation) • Démo

  7. TP4 – Projet #3 • Créer un logiciel multitactile permettant de jouer de la musique • Tirer profit des capacités du multitactile • Peut être un piano, une percussion ou tout autre instrument conventionnel ou non • Important: Communiquez avec le chargé de laboratoire pour réserver des sessions au laboratoire avec les écrans multitactiles.

  8. Exemples Hiver 2012 Vidéo: https://www.youtube.com/watch?v=6yH9ifBvK6o

  9. Un peu de théorie musicale… • Les principes fondamentaux • Les notes, les altérations, les intervalles, etc. • Pour que ça « sonne bien » • Les gammes, les accords, les progressions • La musique numérique • Le piano roll • Le MIDI

  10. Les notes sur un piano Source image: http://www.josef-k.net/mim/ThePianoKeyboard.gif

  11. Les notes en fréquence Référence: Wikipédia et http://www.think-underground.com/post/2011/11/15/Notes,-fr%C3%A9quences%E2%80%A6-et-binaire

  12. La musique, c’est de la physique! Référence: http://www.sengpielaudio.com/calculator-notenames.htm

  13. Le rythme • Numérateur: Nombre de temps par mesure • Dénominateur: Durée de chaque temps par rapport à la ronde • Ex: 4/4 -> 4 temps de 1/4 de ronde (un temps = une noire) • Ex: 6/8 -> 6 temps de 1/8 de ronde (un temps = une croche)

  14. Les figures de notes Nombre de temps (à la noire)

  15. Le tempo • 120 bpm = 120 battements par minute

  16. Les altérations • Un octave = 12 demi-tons • 1 ton = Écart de 2 touches sur un piano • 1 demi-ton = Écart d’une touche sur un piano

  17. Les altérations (suite) • Les bémols (flat): ½ ton chromatique plus bas que la hauteur naturelle • Les dièses (sharp): ½ ton chromatique plus haut que la hauteur naturelle • Les bécarres (natural): annule une altération

  18. Les transpositions • Monter ou descendre toutes les notes d’un même intervalle. • Permet de modifier la tonalité sans changer la perception des mélodies • Plusieurs instruments sont transposés naturellement

  19. Les gammes • Gammes chromatiques: • Gammes contenant 12 degrés (notes différentes). La gamme chromatique contient toutes les notes d’un octave sur un piano • Gammes heptatoniques: • Gammes comprenant 7 degrés (ex: gamme majeure) • Gammes pentatoniques: • Gammes comprenant 5 degrés (ex: seulement les touches noires du clavier)

  20. Les gammes heptatoniques les plus connues • Gamme majeure: T T D T TT D T = 1 ton D = ½ ton • Do majeur: do ré mi fa sol la si do • Mi majeur: mi fa# sol# la si do# ré# mi • Gamme mineure: T D T T D T T • La mineur: la si do ré mi fa sol la

  21. Les intervalles Référence: http://dictionnaire.metronimo.com/img/intervalle.jpg

  22. Les accords • Accord majeur: Tonique + Tierce majeure + Quinte (Tonique + 4 demi-tons + 3 demi-tons) • C = do - mi – fa • C7 = do – mi – fa – sib (+ septième mineure) • Accord mineur: Tonique + Tierce mineure + Quinte (Tonique + 3 demi-tons + 4 demi-tons) • Cm = do - mi bémol – fa * Tonique : note dominante de la tonalité • Ex: pour la gamme de do, la tonique est do

  23. Les accords sur un piano Accord de do majeur: Accord de do# majeur:

  24. Les degrés • Désignela place d’une note dans une échelle musicale spécifique. Ex: en musique tonale (gamme heptatonique): • Le premier degré = Tonique (I) • Le second degré = Sus-tonique (II) • Le troisième degré = la médiane (III) • Le quatrième degré = la sous-dominante (IV) • Le cinquième degré = la dominante (V) • Le sixième degré = la sus-dominante (VI) • Le septième degré = la sensible (VII) • Le huitième degré = l'octave ou la tonique

  25. Lier les concepts: les progressions • Un accord peut être construit à partir de n'importe quelle note d'une gamme. Une gamme de sept notes permet sept accords de base, chaque degré de la gamme devenant la fondamentale de son propre accord. • La progression est une séquence d’accords basés sur la gamme. Il est possible d’imaginer un nombre infini de progressions, mais certaines progressions caractéristiques sont souvent récurrentes. • Ex: • I - IV - V - V : À la base de La Bamba de Ritchie Valens, Like A Rolling Stone de Bob Dylan, celle aussi de Twist and Shout des Isley Brothers, et celle de Lucy in the Sky with Diamonds des Beatles, etc. • I - I - IV - V. - My Boy Lollipop de Millie Small, Heartbeat de Buddy Holly, le refrain de Get Off of My Cloud des Rolling Stones, Diamonds on the Soles of Her Shoes de Paul Simon, Madame George de Van Morrison, etc. Exemple vidéo: http://www.youtube.com/watch?v=DlUfbCuNzq8 Référence: Music: In Theory and Practice et http://fr.wikipedia.org/wiki/Progression_d'accords

  26. Le piano roll

  27. Le MIDI • Musical Instrument Digital Interface • Protocole de communication et de commande permettant à des instruments de musique électronique d’échanger de l’information Références utiles: http://www.cs.cf.ac.uk/Dave/Multimedia/node158.html http://www.thewhippinpost.co.uk/midi/midi-messages.htm http://www.midi.org/techspecs/midimessages.php

  28. Le protocole en résumé • 16 canaux indépendants • Chaque canal contient 128 notes* • 7 types de message *Peut être utiliser pour transférer des paramètres autres que des notes de musique

  29. Messages MIDI • Chaque message estcomposé de 24 bits • [1sssnnnn] [0xxxxxxx] [0xxxxxxx] statutdonnée 1 donnée 2 • sss: type de message • nnnn: numéro de canal midi • xxxxxxx: valeur (entre 0 et 127)

  30. Types de messages • Note off • Note on • Polyphonic Key Pressure (aftertouch) • Control Change • Program Change • Channel Pressure • Pitch bend

  31. Note on / off Permetd’activer / désactiverune note • Donnée 1: Numéro de la note [0-127] • Donnée 2: Vélocité [0-127]

  32. Les notes en MIDI Schéma complet : http://fr.wikipedia.org/wiki/Musical_Instrument_Digital_Interface

  33. Control Change (CC) Permet de changer les paramètres d’un canal • Donnée 1: Numéro du paramètre • Donnée 2: Valeur du paramètre Exemples de contrôleurs: volume, pan, pédales de contrôle, etc.

  34. Program Change Permet de changer le programme • Donnée 1: Numéro du programme [0-127] • Donnée 2: Vide Habituellement, le programme estassocié à un instrument ou un son sur le séquenceur General MIDI définituneliste des programmes standards. Voirspécifications.

  35. Le MIDI en Java importjavax.sound.midi.*; public class MidiSynthesizerSample { public staticvoidmain(String[] args) { try{ Synthesizersynthesizer = MidiSystem.getSynthesizer(); synthesizer.open(); MidiChannelchannel = synthesizer.getChannels()[0]; // Choisir le canal 1 channel.programChange(46); // Choisir un son de harpe (programme #47) channel.noteOn(48, 64); // Appuyer sur la note - Numéro de note C3, Vélocité 50% Thread.sleep(1000); // Tenir la note pour 1 seconde channel.noteOff(48); // Relâcher la note - Numéro de la note } catch(Exception e) { e.printStackTrace(); } } } Autre exemple: voir SynthesizerTest.java

  36. Les interfaces pour la musique

  37. Les contrôleurs MIDI “conventionnels”

  38. Tirer profit des tablettes

  39. Kaossilator Vidéo: http://www.youtube.com/watch?v=45d2Yomsct4

  40. Ocarina2 (iPhone) Vidéo: http://www.smule.com/ocarina/#prettyPhoto

  41. Artiphon Vidéo: https://www.youtube.com/watch?v=wMhQ57fXWPY - 1:30

  42. Tenori-on Vidéo: http://www.youtube.com/watch?v=_SGwDhKTrwU

  43. Claviers isomorphiques

  44. Claviers isomorphiques Axis Keyboard Application Musix pour iPad

  45. Piano isomorphique! Source: http://en.wikipedia.org/wiki/Janko_keyboard Vidéo: https://www.youtube.com/watch?v=NqCsEcNeswk

  46. Harpejji  Vidéo: http://www.youtube.com/watch?v=2CrjvsJAkBs

  47. Beat blocks Vidéo: http://www.youtube.com/watch?v=Jug3iYAuJes

  48. Beat bearing Vidéo: http://www.youtube.com/watch?v=wreP8FMupyM

  49. Reactable Vidéo: http://www.youtube.com/watch?v=MPG-LYoW27E

  50. Live coding Vidéo: http://en.wikipedia.org/wiki/Live_coding

More Related