In this guide, you will find instructions and suggestions on how to:
Play
Make configurations
Explore
Use videos
Share your setups
Listen
Create
Learn
Teach
Suggest improvements
Best of luck on your musical adventure!
The coloured “xylophone” keys and the piano are playable both by clicking and by using the computer keyboard.
Only notes that are part of the scale can make a sound!
On the computer keyboard:
To play the notes of the scale from the root, start with the keys FGHJ.
To add a bass line (in non-extended mode), the keys are, depending on your keyboard:
ZXC ASD QWE (QWERTY)
WXC QSD AZE (AZERTY)
YXC ASD QWE (QWERTZ)
The bass line can be moved to another octave using the arrow keys up and down.
In extended mode, you can start playing in the octave below the root by using ASDF/QSDF and continue three notes into the next octave by using
‘[= (QWERTY)
ÄÅ´ (QWERTY Nordic)
ù^= (AZERTY)
ÄÜ´ (QWERTZ)
The bass line is disabled in extended mode.
You can make your own unique configurations and share them easily through the top menu.
The possible configurations are:
Show keyboard: Turn the piano on/off (the xylophone is still playable).
Extended keyboard: Extend to 2 octaves (this disables bass line).
Sound: Choose from a sound menu (more options coming!)
Notation: Show the names of the notes used in the scale in different languages and in the relative system. Show scale steps and extensions.
Root: Choose the root of the scale (DO). This will be the note that is played on the F of the computer keyboard and it will be displayed in red both on the xylophone and the piano keyboard.
Scale: Choose a scale or create your own!
Clefs: Choose the clef to be used, or disable the staff entirely.
Video player: Open and use the video player.
Share this setup: Share the setup you have created through a URL link.
You can change the colour scheme by pressing the numbers
1: Greyscale
2: Protanopia
3: Deuteranopia
4: Tritanopia
5: Variation 1
6: The Original Notio
7: Variation 2
8: Variation 3
9: Pastel
Set up Notio for different keys and modes, try them out, improvise. Enter your favourite music or backing track in the video player, play along, compare sounds, develop a combined aural and visual understanding of musical concepts and structures, generate theory for music that you are curious about…
The video player has three separate tabs:
Enter URL Choose a video that you want to use for learning or practising. Copy-paste the URL into the form, then press Enter.
Player is where you see the video.
Tutorials is a collection of short examples of how Notio can be used.
When you have created a setup in Notio, you can save a link to it. Simply press the button "Share this setup", then press “Copy link”. You can share your link or a collection of copied links with anyone. For example, as a teacher, you can create a list of setups for your students to work through. Those who open the link will get an exact copy of your setup: all settings including the video URL will be included.
Use the keyboard and the video player to find the specific sounds of different scales, modes, keys, and tonalities. Use the Notation menu for ear training. Become familiar with the sounds of extensions: the connection between 2nd and 9th, 4th and 11th, 6th and 13th.
Use Notio as support for your own songwriting and musical creativity: find inspiration in music videos, play around with ideas, get help with notation for something cool you found while improvising.
You can also create your own scale! In the Scale menu, select Customize. A pop-up window with checkboxes will appear. Choose the notes you want in your scale, give it a name, then press Submit, then OK. Your scale will now appear in the Scale menu. Refresh the page to remove it.
Develop a combined aural and visual understanding of musical concepts and structures. Use Notio as support for your learning with video tutorials. Generate theory for music that you are curious about. Practice solmisation with relative note names.
Encourage your students to explore the connections between sound, structure, and notation. Introduce elements of theory in a piece of music or as part of a course. Ask students to select music for listening and playing together, discuss what makes the music sound the way it sounds. Use Notio as support for songwriting sessions. Curate material for play-along, improvisation, and analysis
Notio is a research and development project intended to broaden the horizon of how educational research and technology can enhance musical teaching and learning (see About). We welcome your feedback on how to further this vision. If you have any suggestions, please write to us at suggestionsnotio@gmail.com
Thank you for using Notio!
The Notio project focuses on researching and developing new pedagogies and technologies that support processes of learning to actively theorise and conceptualise music. We believe that having the possibility to explore and create music is central to those processes. With this in mind, we have designed the Notio digital environment as a flexible, open resource for teachers and learners.
This browser-based application can be used together with music videos, tutorials, or backing tracks; to play along and improvise, and as support for writing, analysing and transcribing music. Notio also works well for ear training and for memorising scales and modes in different languages. By curating material that fits the learning goals and needs of groups and individual students, teachers can use the digital resource from beginner level to advanced professional level. Notio is public and free for anyone to use. For an optimal user experience, please open the application in Chrome on a laptop or desktop computer.
We thank the funders of the project:
The Åbo Akademi University Foundation (Stiftelsen för Åbo Akademi)
The Swedish Cultural Foundation in Finland (Svenska kulturfonden)
Högskolestiftelsen i Österbotten
The association Föreningen Konstsamfundet r.f.
Ålands musikinstitut
Vasa övningsskola
Many thanks also to all our colleagues and friends who keep providing feedback!
Yes! There are currently seven different setups that you can choose between by pressing the numbers 1–7 on your computer keyboard (see "How to"). We are currently working on an integrated colour picker that will allow you to customise the colour scheme. Please feel free to suggest a setup that you like!
Not yet, but that is one of our longterm goals.
Also not yet, but that is our next project!