fbpx

DIY – Smart Mirror with Raspberry Pi

Setup in 3 simple steps

Step 1

Download MangOS for Free and copy* the image to your Micro SD Card

*We recommend using Etcher to copy the MangOS image onto your Micro SD Card

Step 2

Insert the Micro SD Card into your compatable Raspberry Pi. Connect your HDMI display and Power it on.

Step 3

Download Mango Mirror App from the iOS App store to setup wifi. Select and configure widgets & layout.

Hardware Requirements

Raspberry Pi*

+ Micro SD Card 16GB 
+ Power Adaptor

*Raspberry Pi 3B, 3B+, 4

HDMI display

Any size HDMI compatible display of your choice. Works in portrait and landscape.

Optional add-on hardware components for extra functionality

+ Motion sensor

Add a PIR motion sensor to turn on the display only when motion is detected. It turns off when motion stops after a timer delay of your choice which  you can set in the Mango Mirror App.

Without a motion sensor your display will stay on always, however you can set a night mode time within the Mango Mirror App and it will turn off the display every night for that time duration, automatically.

Part: Any PIR motion sensor compatible with the Raspberry Pi 
Buy:  HC-SR501 PIR motion sensor (5v) from amazon, don’t forget wires đŸ™‚Click here for wiring diagram for HC-SR501 PIR motion sensor or any other 5v sensor.

Click here for wiring diagram for a 3.3v motion sensor.

+ USB Bluetooth Dongle for multi-user setup

This USB dongle plugged into the Raspberry Pi  allows you to set up your display in multiple user mode. Enabling each user in the home to see their own personalized display layout and data when they are in near the display. Works based on iPhone proximity.

MangOS will default to single user mode during setup in the absence of this USB dongle.

Part: Bluegiga BLED112 Bluetooth® Low Energy Dongle   
Buy:  SiliconLabs,  mouser,  amazon


Customer Feedback

A Raspberry Pi that is completely controlled by an iOS App. This is the future. I set my display with the optional motion sensor behind a frame and it looks and works amazing.

Mike, UK

Mango Mirror Assembly Instructions

  1. Place mirror side down on cloth surface to avoid scratches. The hole on the bottom left side facing you, as shown on the images below.
  2. Mark placement for LCD screen as indicated below for each mirror size.

Macintosh HD:Users:ddubier:Dropbox:Mango Mirror:Installation & Assembly Documents:Assembly:18x24Sketch with LCD measures for install .png

Macintosh HD:Users:ddubier:Dropbox:Mango Mirror:Installation & Assembly Documents:Assembly:24x32Sketch with LCD measures for install  copy.png

  1. Wipe glass to make sure the glass is dust free. Remove the LCD plastic covering and hold edges or back (to avoid finger prints on screen) place adhesive and sealant around frame and place the LCD in the designated area in the orientation as shown exactly below.

LCD Placement with the screen down on the glass and the Ribbon on the left side.

Example:

Macintosh HD:Users:ddubier:Dropbox:Mango Mirror:Installation & Assembly Documents:Assembly:with LCD shown 24x32Sketch with LCD measures for install  copy.png

  1. Apply the Black Vinyl to cover the entire glass, except the LCD back. Cut neatly around edges. Cover the LCD outer frame. Leave no gaps around the LCD screen otherwise light might be seen through the mirror.
  2. Trim out an excess Vinyl neatly around glass edges. And cut out a hole in the vinyl where the motion sensor is to be placed. The black vinyl is what gives the two-way mirror its look, so any vinyl gaps left will be clearly seen from the front.

Smart Mirror Raspberry Pi - back.png

  1. Insert the USB BLE dongle into the Raspberry Pi.

  1. Connect the DSI connector to the screen and the Raspberry Pi.
    Macintosh HD:Users:ddubier:Dropbox:Mango Mirror:Installation & Assembly Documents:Assembly:Photos:January 17, 2017:IMG_7584.png
    Macintosh HD:Users:ddubier:Dropbox:Mango Mirror:Installation & Assembly Documents:Assembly:Photos:January 17, 2017:IMG_7588.png
  2. Connect the Raspberry Pi to the Motion detector as shown below. Make sure wires are long enough for the motion sensor to reach the hole in the glass.

Raspberry Pi Pin connection mapping to Motion Sensor (Panasonic EKMC1601111)

Note: USB & Ethernet ports are closest to Pins 39 and 40 and farthest from pins 1 and 2.

Macintosh HD:Users:ddubier:Dropbox:Mango Mirror:Installation & Assembly Documents:Assembly:Photos:Rpi pins and Motion Sensor connection.png

Macintosh HD:Users:ddubier:Dropbox:Mango Mirror:A:File 2017-03-05, 2 48 49 PM.jpeg

  1. Add the specified washers to the stand offs. Turn the Raspberry pi over, with the USB dongle pointing towards the top of the mirror.
  2. Insert the screws through the washers and tighten.

Macintosh HD:Users:ddubier:Dropbox:Mango Mirror:Installation & Assembly Documents:Assembly:Photos:January 26, 2017:IMG_7661.png

  1. Connect the USB from the LCD Screen (Power Out) to the micro usb (power in) on the Raspberry Pi as shown above, using the appropriate connector.
  2. Insert the Micro SD Card into the Micro SD slot in the Raspberry Pi

Macintosh HD:Users:ddubier:Dropbox:Mango Mirror:Installation & Assembly Documents:Assembly:Photos:January 17, 2017:IMG_7608.png

  1. Connect the micro USB power from the power adaptor to the micro usb slot (power in) on the LCD screen.
  2. Cover the components with the plastic enclosure as shown. The plastic enclosure should end 0.5cm from the edge of the glass on the left. Apply appropriate adhesive as required and also seal the tunnel where the wires exit. Motion sensor wires on the left, Power adaptor wire on the right.

Macintosh HD:Users:ddubier:Dropbox:Mango Mirror:Installation & Assembly Documents:Assembly:Photos:January 17, 2017:IMG_7610.png
Macintosh HD:Users:ddubier:Dropbox:Mango Mirror:Installation & Assembly Documents:Assembly:Photos:January 17, 2017:IMG_7611.png

  1. Lift the glass or pull it over the edge of the table so you can access the hole from the other side and insert the metal flanged sleeve bearing with adhesive, and place the lip tight against the mirror surface.
  2. Wrap a rubber seal or some tape on the motion sensor near the top (to keep it centered, snug and water resistant –due to it’s shape) add adhesive or sealant to prevent users from accidently thinking it’s a and push it into the flanged sleeve from the back. The motion sensor should be in line with the top of the ring, just its curve should be above it (See drawing below). It should not be pushed out any further.

Front View:

Macintosh HD:Users:ddubier:Dropbox:Mango Mirror:A:File 2017-03-05, 3 57 38 PM.jpeg

Macintosh HD:Users:ddubier:Desktop:Screen Shot 2017-03-05 at 2.27.34 PM.png

Cover the exposed motion sensor wires with a strip of vinyl at the back.

%d bloggers like this: