MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    I need an explanation of how the magic mirror system works

    Scheduled Pinned Locked Moved Unsolved Feature Requests
    12 Posts 3 Posters 7.3k Views 3 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • A Offline
      aljosie
      last edited by

      hi, I am writing about magic mirrors, and I need to explain how the system flow of the magic mirror works? what is the platform? the database? how to exchange data from requests to appear on the user interface? can anyone help me?

      S 1 Reply Last reply Reply Quote 0
      • S Offline
        sdetweil @aljosie
        last edited by sdetweil

        @aljosie sure… MM is what is called a Single Page Web application. it operates just like any other web page…
        https://en.wikipedia.org/wiki/Single-page_application

        javascript, html, etc…

        Now, Mitch has done an outstanding job of designing the structure so that multiple pieces of code (modules) can be added in a structured way…

        a module has two parts…

        1. the web UI part (created web content to be injected into the web page)
        2. the integration part (connects to everything NOT UI to get/set data for the web component

        the two parts run inside the browser web page, and talk to each other via a socket connection.

        he also designed a methodology for modules to communicate with each other. Notifications

        Node and Angular are the dynamic runtime of the application, providing mechanisms to allow for long running tasks (get some api content which may take seconds) to not hang up the rest of the system

        there is no database … everything is configured in flat files…

        the web UI component of the module gets called to get its content contribution to the web page at its getDom() method…

        Mitch designed in multiple ‘areas’ of the web page… and u must target your modules content to one of those…
        top, bottom, left, right. center and more. thus you have some starting control over where your content goes.

        if u comment out all the modules, the page will be blank

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        A 2 Replies Last reply Reply Quote 0
        • A Offline
          aljosie @sdetweil
          last edited by

          @sdetweil thank you bro…

          1 Reply Last reply Reply Quote 0
          • A Offline
            aljosie @sdetweil
            last edited by

            @sdetweil no database there? thats mean magic mirror as server and client too?

            S 1 Reply Last reply Reply Quote 0
            • S Offline
              sdetweil @aljosie
              last edited by

              @aljosie correct… all in one…

              you can also access the server from a remote system using the same web url address (if permitted)

              some MM implementations also have a single use mode… server only (no ui locally) or client only (no server, just access server).

              MM has all of that

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              A 1 Reply Last reply Reply Quote 0
              • A Offline
                aljosie @sdetweil
                last edited by

                @sdetweil can u give me link of module for turn on/off light with this smart mirror

                S 1 Reply Last reply Reply Quote 0
                • S Offline
                  sdetweil @aljosie
                  last edited by sdetweil

                  @aljosie sorry… missed ‘this mirror’

                  again, using what technology

                  PIR (Pi Infrared sensor), camera, voice, ?
                  does your monitor support electronic on/off. (mine dont)

                  but did u mean room lights? again, these need to be electronically controlled…
                  what technology? hue, insteon, wifi (lots of different apis there)

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  A 2 Replies Last reply Reply Quote 0
                  • A Offline
                    aljosie @sdetweil
                    last edited by

                    @sdetweil i’m wanna control light room (turn on/off) with voice comand and i want the comand show on the magic mirror interface, can help me?

                    1 Reply Last reply Reply Quote 0
                    • A Offline
                      aljosie @sdetweil
                      last edited by

                      @sdetweil and i want only my voice can execute the comand, and i’m using the beardboard, light indicator and relay for this project, so this project just like for home automation system controlling the light room with voice.

                      ejay-ibmE 1 Reply Last reply Reply Quote 0
                      • ejay-ibmE Offline
                        ejay-ibm Project Sponsor Module Developer @aljosie
                        last edited by ejay-ibm

                        @aljosie You need some philips hue light a philps hue bridge and then you can use MMM-Hue module and see your light status. But you need first to configure your system for google home usage. Then with Mk2 assisant you can request to turn on/ off your lights as the philps hue system is be connected to google home account that you use as well on your miror.
                        there’s few setup to make before all works. But I have this at home and it work like a charm .

                        Ejay

                        A 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 1 / 2
                        • First post
                          Last post
                        Enjoying MagicMirror? Please consider a donation!
                        MagicMirror created by Michael Teeuw.
                        Forum managed by Sam, technical setup by Karsten.
                        This forum is using NodeBB as its core | Contributors
                        Contact | Privacy Policy