Breadcrumbs

 

 

 

Download ModelDownload SourceembedLaunch Website ES WebEJS

Credits

['Angela Kwan']

 

Sample Learning Goals

Project 18: WebEJS workshop Music Playing Game by Angela

 

 

https://sg.iwant2study.org/ospsg/index.php/1241



Exploring Music Through Interactive Simulations in WebEJS

In our recent WebEJS workshop, educators had the opportunity to dive into the fascinating world of interactive simulations, with a specific focus on creating engaging educational tools. One of the highlights of the workshop was an interactive simulation designed to teach musical notes through a resonator bell interface.

The Resonator Bell Simulation

The simulation allows users to play a song by interacting with color-coded resonator bells. Each bell represents a different note, from C to C’, and is associated with a distinct color that corresponds to the actual resonator bells to help learners easily identify and remember the notes.

What makes this simulation particularly engaging is its ability to play songs by matching the timing of user clicks to the notes of a chosen song. Users can select from a variety of songs, such as "Hot Cross Buns," "Ode to Joy," "Twinkle Twinkle," and "Naughty Kitty Cat." As the song plays, users can either follow along by clicking the corresponding resonator bars or press keys 1-8. 

Key Features of the Interactive

  • Speed Control: The simulation includes buttons to increase or decrease the playback speed, allowing users to learn at their own pace.
  • Song Selection: A dropdown menu provides a variety of song options, making it easy to switch between different tunes.
  • Visual and Auditory Learning: The color-coded keys and corresponding notes create a multisensory learning experience, which is ideal for reinforcing musical concepts.

Educational Benefits

This interactive simulation is an excellent tool for introducing students to music theory and helping them understand the relationship between notes, timing, and rhythm. By matching the timing of their clicks to the music, students develop a sense of timing and rhythm, which are critical skills in music education.

Additionally, the visual representation of notes through color-coded bells helps in memory retention and makes learning more accessible, especially for younger students or those new to music.

Practical Applications in the Classroom

Educators can incorporate this simulation into their music lessons to provide a hands-on learning experience. It can be used to:

  • Demonstrate the fundamentals of musical notes and scales.
  • Encourage students to practice their timing and rhythm in a fun, interactive way.
  • Allow students to experiment with different tempos and songs, fostering creativity and a deeper understanding of music.

Conclusion

The WebEJS workshop showcased the versatility of interactive simulations in education, and the resonator bell simulation is a prime example of how technology can be used to make learning more engaging and effective. By blending auditory and visual elements, this tool not only teaches musical concepts but also makes the learning process enjoyable for students.

As we continue to explore the possibilities of WebEJS, we look forward to developing more interactive tools that can enhance learning across various subjects. Stay tuned for more updates and resources!

 

For Teachers

20240718-24 Web EJS beta Workshop by Francisco Esquembre and Félix J. García Clemente supported by MOE CPDD1 Registration for Web EJS Workshop (18-24 July 2024)

 
Dates: July 18th-24th, 2024
Venue: MOEHQ Buona Vista,  B3-02 (18 July) P2-01-02 (19,22,23,24 July) 
Contact organisers at This email address is being protected from spambots. You need JavaScript enabled to view it. 

Trainers are: 
Full Professor Francisco Esquembre 
 
Facilitators:
This email address is being protected from spambots. You need JavaScript enabled to view it.  

Research

[text]

Video

[text]

 Version:

      1. https://weelookang.blogspot.com/2024/03/20240718-24-web-ejs-beta-workshop-by.html?m=1
      2. https://weelookang.blogspot.com/2024/08/project-18-webejs-workshop-music.html

 

Other Resources

[text]

end faq

{accordionfaq faqid=accordion4 faqclass="lightnessfaq defaulticon headerbackground headerborder contentbackground contentborder round5"}