• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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 6.4k 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.
  • S Offline
    sdetweil @aljosie
    last edited by sdetweil Mar 11, 2019, 1:26 AM Mar 11, 2019, 1:19 AM

    @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 Mar 11, 2019, 3:00 AM Reply Quote 0
    • A Offline
      aljosie @sdetweil
      last edited by Mar 11, 2019, 3:00 AM

      @sdetweil thank you bro…

      1 Reply Last reply Reply Quote 0
      • A Offline
        aljosie @sdetweil
        last edited by Mar 11, 2019, 3:04 AM

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

        S 1 Reply Last reply Mar 11, 2019, 3:17 AM Reply Quote 0
        • S Offline
          sdetweil @aljosie
          last edited by Mar 11, 2019, 3:17 AM

          @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 Mar 12, 2019, 11:51 AM Reply Quote 0
          • A Offline
            aljosie @sdetweil
            last edited by Mar 12, 2019, 11:51 AM

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

            S 1 Reply Last reply Mar 12, 2019, 11:58 AM Reply Quote 0
            • S Offline
              sdetweil @aljosie
              last edited by sdetweil Mar 12, 2019, 12:01 PM Mar 12, 2019, 11:58 AM

              @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 Mar 15, 2019, 1:35 PM Reply Quote 0
              • A Offline
                aljosie @sdetweil
                last edited by Mar 15, 2019, 1:35 PM

                @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 Mar 15, 2019, 1:48 PM

                  @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.

                  E 1 Reply Last reply Mar 15, 2019, 2:22 PM Reply Quote 0
                  • E Offline
                    ejay-ibm Project Sponsor Module Developer @aljosie
                    last edited by ejay-ibm Mar 15, 2019, 2:23 PM Mar 15, 2019, 2:22 PM

                    @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 Mar 16, 2019, 12:44 AM Reply Quote 0
                    • A Offline
                      aljosie @ejay-ibm
                      last edited by Mar 16, 2019, 12:44 AM

                      @ejay-ibm can u give me the link tutorial about that?

                      E 1 Reply Last reply Mar 16, 2019, 7:27 AM Reply Quote 0
                      • 1
                      • 2
                      • 1 / 2
                      1 / 2
                      • First post
                        6/12
                        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