Digital learning becomes relevant for music education when distant learning comes into play. Text based activities such as musicology or music theory come first into mind when it comes to transferring learning content into the digtial realm. Nethertheless adequate interaction for music related tasks are not widely available (such as a web-based score editor or proper sound processing). Also, many available score and musical editors are mostly developed for proficient users. Using HCI Methods, researching and working on interfaces can reduce the cognitive load for students and support musical and tool learning.

For this we develop interfaces and lightweight applications for Learning Management Systems or other interactive setups. These not only should be applicable to desktop workstations, but also for smaller devices, as the use of tablets and smartphones gets more common in learning activities. Therefore, one goal will be to improve usability and technical acceptance.

Using a score editor might be as easy as using a text editor, since it resembles the most natural way how musicians interacted with written music for the last 300 years (Common Western Music Notation, CWMN).

Annotation in the VerovioScoreEditor

One could think further of how to incorporate current and future music practical assessing techniques in a student and teacher convenient way.

Of course, CWMN is just a start point from which we can build towards different kinds of notation supporting contemporary music and ethnomusicology. Also, many Music Information Retrieval Techniques are available which could help to visualize aspects of the learning process (acoustical and musical features, learning improvement, etc.)

Such endeavors are already practiced since 2013 with the detmoldmusictools which provide a wide variety of tools for assessing musical knowledge and also preparing future students for application test.

This project funded by the „Digitale Hochschule NRW“ and will be sustainable and sharable through an open source license.


VerovioScoreEditor (npm module) is the source code for a web based score editor (using Verovio as rendering engine) and can be imported into you project via NPM.

Score4LMS (h5p application) is a client implementation of the VerovioScoreEditor and for H5P Activities in Learning Management Systems (such as Moodle). Please follow the installation instructions on the GitHub page.


  • Toward Interactive Music Notation for Learning Management Systems
    M. Nowakowski, A. Hadjakos, and A. Stärk
    in International Journal on Innovations in Online Education, vol. 5, iss. 3, 2022.
    Publisher: Begel House Inc.

    title = {{Toward} {Interactive} {Music} {Notation} for {Learning} {Management} {Systems}},
    volume = {5},
    issn = {2377-9519, 2377-9527},
    url = {},
    doi = {10.1615/IntJInnovOnlineEdu.2021039605},
    abstract = {International Journal on Innovations in Online Education},
    language = {English},
    number = {3},
    urldate = {2022-01-14},
    journal = {International Journal on Innovations in Online Education},
    author = {Nowakowski, Matthias and Hadjakos, Aristotelis and Stärk, André},
    year = {2022},
    note = {Publisher: Begel House Inc.}