MagicMirror² v2.13.0 is available! For more information about this release, check out this topic.

MMM-Keyboard (a virtual touch keyboard)


  • Module Developer

    Naaaa nanana Nana Nana
    You can touch this!

    As part of a bigger project to build a touch kitchen dashboard, I programmed a virtual touch keyboard based on the npm module simple-keyboard.
    This module can basically interact with every other module using the MM notification system!

    Download:

    https://github.com/lavolp3/MMM-Keyboard

    Screenshots:

    example screenshot

    Features:

    • working with MM’s notification system (see below), can interact with every other module you can think of! (the notification function needs to be programmed into the module)
    • supports en and de locales, more on request
    • standard and numeric keyboard supported

    Working with the Keyboard

    Opening the keyboard

    The keyboard works with MagicMirror’s notification system. You can broadcast notifications from another module using the following parameters

    this.sendNotification("KEYBOARD", {
        key: "uniqueKey",
        style: "default"
    });
    

    The payload of the notification must be an object containing two parameters:
    key: You can use any unique key, it is advised to use the module name. MMM-Keyboard will take the key and send it back for the module to understand it.
    style: Use “default” or “numbers” here

    Receiving data

    As soon as you hit the “SEND!”-Button the keyboard sends back the written content using the format

    this.sendNotification("KEYBOARD_INPUT", {
        key: "uniqueKey",
        message: "test"
    });
    

    You can fetch this message by checking for the key component. Here an example:

    notificationReceived : function (notification, payload) {
        if (notification == "KEYBOARD_INPUT" && payload.key === "uniqueKey") {
            console.log(payload.message);
        }
    },
    

    Implemented modules

    • MMM-Bring (PR prepared, not implemented into master yet)

    Planned:

    • MMM-Todo
    • an own Timer / Alarm module

    For further implementations, contact me or send it as an issue here!

    Thanks

    Thanks to @jheyman for alpha testing and Francisco Hodges for the beautiful simple-keyboard npm module!



  • @lavolp3
    I can’t thank you enough for building this, I have now completed my touchscreen dashboard using this, and it was an integral part in making it useful, to add things to my shopping list directly on the screen 👍

    temp.png


  • Module Developer

    @jheyman Thanks for the nice words and happy it works! Looks great!


  • Module Developer

    This module is now integrated into MMM-Bring.

    Currently working an adaption Microsoft ToDo with keyboard support .


Log in to reply