I need an explanation of how the magic mirror system works

aljosie · Mar 11, 2019, 1:11 AM

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?

sdetweil · Mar 11, 2019, 1:26 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…

the web UI part (created web content to be injected into the web page)
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

aljosie · Mar 11, 2019, 3:00 AM

@sdetweil thank you bro…

aljosie · Mar 11, 2019, 3:04 AM

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

sdetweil · 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

aljosie · Mar 12, 2019, 11:51 AM

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

sdetweil · Mar 15, 2019, 1:35 PM

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

aljosie · 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?

aljosie · 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.

ejay-ibm · Mar 15, 2019, 2:23 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