Platform/Software Req

This works best on Firefox, but generally works on Chrome as well.

All the HTML/CSS/JS are included in the package and work as is.
All the sound software is included in the project package and should work as is.

Starting it up

Please direct yourself to:

http://web.mit.edu/keshav57/Public/index.html

Depth of implementation

The prototype looks correct, and is capable of performing a single exercise.

The settings can be manipulated, but currently has no effect and is not persisted.

The 3rd page has all the correct buttons and responses, but is only capable of performing a single exercise. i.e. the selector is a dummy, and we don't yet have a database of exercises. It is possible to start and complete an exercise, get feedback, and move on to the "next" one.

From the input in the previous GR, when users were frequently confused on our first task, we have refined our task list to be more specific to the needs of a student who is ear training. Thus, the recording and sharing functionality demonstrated by the first task has been put on lower priority. 

The Revised Tasks:

1. It is Rob's birthday tomorrow. Play the song "Happy birthday to you." Here are the musical notes you found on the web:

C3 C3 D3 C3 F3 E3

C3 C3 D3 C3 G3 F3

C3 C3 C4 A3 F3 E3 D3

B3 B3 A3 F3 G3 F3

2. You do not understand musical notation. Change the display from musical notation to letter notation.

3. Change your ear training difficulty level to intermediate. Then start and complete an ear training session.

  • No labels

5 Comments

  1. Fidelity: I would have liked to see more of a sampling (even if just canned images) of what would show up in the feedback box. What happens when the user plays more notes than there is space in the box? Will it display all the notes? Is that the final feedback that users will see during lessons? Your exercise triggers as complete if I press the last key at any time (this currently doesn't really give me the feel of actually completing the lesson). 
    Usability: Your arrows don't quite blend in on the tutorial bar buttons and they don't give feedback about what can and can't be pushed (for example, the right arrow looks no different once I've reached the end). Your settings box has some alignment issues and your headings look like buttons themselves. It's very confusing to have both the note names and the corresponding keys to press on the keys and not have them look graphically different. I kept pressing ""C"" instead of ""A"" to trigger the C key. It's odd how your pressable black keys get larger than the rest (and the text on them isn't aligned properly). Also, not all of the keys you show are clickable and if you turn off the letters, there will be no indication what keys you can and cannot press. There should possibly be feedback for correctly hit notes during a lesson on the keyboard itself. It seems like you may have been trying to do that, as the first note that I have to hit is green, but I'm not sure why (it also makes the text difficult to read and breaks the gradient pattern and just generally clashes with your color scheme.
    Overall: For your GR5 turn in, be sure to polish up your look--there are a lot of elements of your page that look unfinished and the colors you use for feedback are saturated in such a way that they clash with your color scheme. Also, note that if the user holds down a piano key, it repeats rapidly, which is not expected on an actual piano.

  2. Unknown User (amruthv@mit.edu)

    Here's my heuristic analysis! HW2_amruthv.pdf

  3. Unknown User (avantis@mit.edu)

    Hw2_avantis_pickupPiano.pdf

    Good job getting the piano to work! Also, my evaluation was done using Chrome since the audio was failing in Firefox.

  4. Unknown User (pcattori@mit.edu)