1. Visual Programming Week # 07
“Xylophone”, More Lists

2. VP Lecture Note by Dr. Hanh Pham
Outline
Tutorial # 6: “Xylophone”
More Lists
References
VP Lecture Note by Dr. Hanh Pham

3. Tutorial: “Xylophone”
Requirements:
Turn a phone/tablet into a music instrument (Keyboard):
8 buttons representing 8 notes (C,D,E, …, B,C): a note is played when a button is pressed
it also records al the notes has been played and plays them back (in the same order with the same time interval between the notes) WHEN “Play” button is pressed
when the “Reset” button is clicked it erases all of the recorded notes.
VP Lecture Note by Dr. Hanh Pham

4. Tutorial: “Xylophone”
Download files (“1.wav”, “2.wav”, … ) for music notes (“C”, “B”, … ) to your computer from:
Upload these 8 files (“1.wav”, “2.wav”, … ) to your project under “Media”
Get a “Sound” component. Select this component. Change “Minimal Interval” from 500 to 0 :
Get a “Clock” component. Select this component. Uncheck the “Timer Enable” field :
VP Lecture Note by Dr. Hanh Pham

5. Tutorial: “Xylophone”
VP Lecture Note by Dr. Hanh Pham

6. Tutorial: “Xylophone”
Build the “Keyboard”
VP Lecture Note by Dr. Hanh Pham

7. Tutorial: “Xylophone”
Step 2:
VP Lecture Note by Dr. Hanh Pham

8. Tutorial: “Xylophone”
Step 3:
VP Lecture Note by Dr. Hanh Pham

9. Tutorial: “Xylophone”
VP Lecture Note by Dr. Hanh Pham

10. Tutorial: “Xylophone”
Step 4: Add/Change these blocks
VP Lecture Note by Dr. Hanh Pham