IoT Smart Clock Dot Matrix Use Wemos ESP8266 - ESP Matrix
by bluino_electronics in Circuits > Electronics
45709 Views, 141 Favorites, 0 Comments
IoT Smart Clock Dot Matrix Use Wemos ESP8266 - ESP Matrix
![asset-espmatrix-instructables0.jpg](/proxy/?url=https://content.instructables.com/FOQ/8X7D/JQMOAB5L/FOQ8X7DJQMOAB5L.jpg&filename=asset-espmatrix-instructables0.jpg)
![Demo ESP Matrix - Youtube Subscriber Counter](/proxy/?url=https://content.instructables.com/F5F/RZFF/JQQYO362/F5FRZFFJQQYO362.jpg&filename=Demo ESP Matrix - Youtube Subscriber Counter)
Make your own IoT Smart Clock that can:
- Display Clock with a beautiful animation icon
- Display Reminder-1 to Reminder-5
- Display Calendar
- Display Muslim Prayer times
- Display Weather information
- Display News
- Display Advice
- Display Bitcoin rate
- Display Instructables Followers & Views counter
- Display Twitter follower counter
- Display Facebook Page like counter
- Display Instagram follower counter
- Display Youtube Subscribers (realtime) & Views counter
Easy to build just need a Wemos D1 Mini and MAX7219 LED Dot Matrix Panel. No need programming skill no need Laptop/PC to program Wemos ESP8266 microcontroller, just need Android phone to upload sketch/firmware to Wemos via USB OTG.
It runs completely autonomously and be configured and controlled via an Android app, with the app you can configure and setting IoT Smart Clock (ESPMatrix) device very easy with a simple interface.
Things Needed
![asset-espmatrix-instructables4.jpg](/proxy/?url=https://content.instructables.com/FVS/FD4C/JQMOABBG/FVSFD4CJQMOABBG.jpg&filename=asset-espmatrix-instructables4.jpg)
Here are the things that you will need to make ESP Matrix:
- Wemos D1 Mini - ESP8266
- MAX7219 LED Dot Matrix Panel
- Dupont cable - Included in LED Dot Matrix Panel
- OTG Adapter
- Micro USB cable
- 3D Printed Case
- Pieces of transparent colored Acrylic 129x32x3mm
- Android phone (Installed ESP Matrix app)
Modify Pin
![IMG_20190107_125112.jpg](/proxy/?url=https://content.instructables.com/FU9/2PXL/JQMO9TBN/FU92PXLJQMO9TBN.jpg&filename=IMG_20190107_125112.jpg)
![asset-espmatrix-instructables2.jpg](/proxy/?url=https://content.instructables.com/FDW/PHL0/JQMOABHX/FDWPHL0JQMOABHX.jpg&filename=asset-espmatrix-instructables2.jpg)
![IMG_20190107_130107.jpg](/proxy/?url=https://content.instructables.com/FMF/T783/JQMO9TL4/FMFT783JQMO9TL4.jpg&filename=IMG_20190107_130107.jpg)
1) Remove the LED Dot matrix component in the first column that have the soldered header pin on pcb.
2) Twisted all male pin headers 180° using long-nose pliers, so that they point inward.
Wiring
![IMG_20190107_130940.jpg](/proxy/?url=https://content.instructables.com/FZG/20UO/JQMO9SR4/FZG20UOJQMO9SR4.jpg&filename=IMG_20190107_130940.jpg)
![IMG_20190107_141806.jpg](/proxy/?url=https://content.instructables.com/F8Q/TOI8/JQMO9TOW/F8QTOI8JQMO9TOW.jpg&filename=IMG_20190107_141806.jpg)
![IMG_20190107_142052.jpg](/proxy/?url=https://content.instructables.com/F9B/6VDW/JQMO9SCQ/F9B6VDWJQMO9SCQ.jpg&filename=IMG_20190107_142052.jpg)
1) Cut half of the existing dupont cable, so it becomes around 10cm.
2) Connect female header on dupont cable with male header on LED Dot matrix panel, see picture.
3) Separate the cable into two parts, 2 cables for VCC & GND, 3 cables for CLK DS & DIN. then enter into the hole on the pcb, see picture.
Before Soldering
![IMG_20190107_142145.jpg](/proxy/?url=https://content.instructables.com/FTP/K1O5/JQMO9THR/FTPK1O5JQMO9THR.jpg&filename=IMG_20190107_142145.jpg)
![IMG_20190107_142825.jpg](/proxy/?url=https://content.instructables.com/F11/PE45/JQMO9TK5/F11PE45JQMO9TK5.jpg&filename=IMG_20190107_142825.jpg)
1) Peel the end of the cable using a wire stripper tools.
2) Then cover all ends of the cable with tin.
Soldering
![espmatrix4.jpg](/proxy/?url=https://content.instructables.com/F1L/8A5H/JQQZ2URC/F1L8A5HJQQZ2URC.jpg&filename=espmatrix4.jpg)
![IMG_20190107_143739.jpg](/proxy/?url=https://content.instructables.com/FQS/AY1R/JQMO9WPM/FQSAY1RJQMO9WPM.jpg&filename=IMG_20190107_143739.jpg)
![IMG_20190107_144501.jpg](/proxy/?url=https://content.instructables.com/FTM/7ALM/JQMO9VW0/FTM7ALMJQMO9VW0.jpg&filename=IMG_20190107_144501.jpg)
1) Solder to connect CLK to D5, CS to D6 & DIN to D7.
2) Solder to connect VCC to 5V & GND to G.
Putting It All Together
![IMG_20190107_145623.jpg](/proxy/?url=https://content.instructables.com/FLO/26PM/JQMO9UY2/FLO26PMJQMO9UY2.jpg&filename=IMG_20190107_145623.jpg)
![IMG_20190107_150426.jpg](/proxy/?url=https://content.instructables.com/FEB/LKML/JQMO9TT6/FEBLKMLJQMO9TT6.jpg&filename=IMG_20190107_150426.jpg)
![asset-espmatrix-instructables1.jpg](/proxy/?url=https://content.instructables.com/FB8/DV68/JQMOABMD/FB8DV68JQMOABMD.jpg&filename=asset-espmatrix-instructables1.jpg)
![IMG_20190107_150706.jpg](/proxy/?url=https://content.instructables.com/F39/3CZI/JQMO9U5A/F393CZIJQMO9U5A.jpg&filename=IMG_20190107_150706.jpg)
You can use double sided tape, to glue between the Wemos and the LED Dot matrix panel, see the picture. Also reinstall the LED Dot matrix component which is in first step removed
Placing to the 3D Printed Case
![IMG_20190107_165757.jpg](/proxy/?url=https://content.instructables.com/F4W/UMD0/JQMO9VBD/F4WUMD0JQMO9VBD.jpg&filename=IMG_20190107_165757.jpg)
![IMG_20190107_165915.jpg](/proxy/?url=https://content.instructables.com/FIA/TN5L/JQMO9UJE/FIATN5LJQMO9UJE.jpg&filename=IMG_20190107_165915.jpg)
This 3d printed case is design more slim and pressing to make it look solid and robust, so to install it is not so easy need a little pressed.
ESP matrix can be made in two sizes, a short 32x8 pixel of LED use 1 panel LED Dot matrix and a long 64x8 pixels of LED use 2 panel LED dot matrix, so to make a 3D printed case depends on your choice.
Add Acrylic
![IMG_20190107_165940.jpg](/proxy/?url=https://content.instructables.com/FTK/DH1R/JQMO9RIY/FTKDH1RJQMO9RIY.jpg&filename=IMG_20190107_165940.jpg)
![IMG_20190107_170040.jpg](/proxy/?url=https://content.instructables.com/FX8/1CIC/JQMO9T6S/FX81CICJQMO9T6S.jpg&filename=IMG_20190107_170040.jpg)
To make the light of the LEDs be more clear and diffused, on the LED surface add black transparent colored acrylic.
There are two sizes of acrylic:
- A short: 129x32x3mm.
- A long: 257x32x3mm
Programming
![IMG_20190107_170416.jpg](/proxy/?url=https://content.instructables.com/FGQ/W652/JQMOAHH8/FGQW652JQMOAHH8.jpg&filename=IMG_20190107_170416.jpg)
![Screenshot_2019-01-09-03-51-50-738_com.bluino.espmatrix.png](/proxy/?url=https://content.instructables.com/FJ5/VZ8Z/JQMOCZGL/FJ5VZ8ZJQMOCZGL.png&filename=Screenshot_2019-01-09-03-51-50-738_com.bluino.espmatrix.png)
1) To program the Wemos ESP8266 (ESP Matrix) very simple, you only need to connect Wemos (ESP Matrix) to an Android phone via a micro usb cable and OTG adapter, see picture.
2) Then install the ESP Matrix app from Google Playstore. https://goo.gl/b9YAth
3) In the first welcome screen tap UPLOAD button.
App Interface for Configuration
![Screenshot_2019-01-09-03-54-45-804_com.bluino.espmatrix.png](/proxy/?url=https://content.instructables.com/F81/DB1L/JQMOCZGV/F81DB1LJQMOCZGV.png&filename=Screenshot_2019-01-09-03-54-45-804_com.bluino.espmatrix.png)
![Screenshot_2019-01-09-03-54-59-747_com.bluino.espmatrix.png](/proxy/?url=https://content.instructables.com/F8I/KV9M/JQMOCZGK/F8IKV9MJQMOCZGK.png&filename=Screenshot_2019-01-09-03-54-59-747_com.bluino.espmatrix.png)
![Screenshot_2019-01-09-03-58-03-129_com.bluino.espmatrix (1).png](/proxy/?url=https://content.instructables.com/FV0/PPP6/JQMOCZG4/FV0PPP6JQMOCZG4.png&filename=Screenshot_2019-01-09-03-58-03-129_com.bluino.espmatrix (1).png)
After programming is complete then it is necessary to set some parameters of the devices:
1) Connect ESP Matrix device to network internet using app.
2) You need Sign-up to get an API key from openweathermap.org, then copy the your API key to the weather option in app.
3) You need City ID from openweathermap.org, eg.2643743 for London, then copy the your City ID to the weather option in app.
Make a Long Type 64x8
![ESP Matrix - Smart Clock ESP8266](/proxy/?url=https://content.instructables.com/F0L/ECQ3/JQMODBIP/F0LECQ3JQMODBIP.jpg&filename=ESP Matrix - Smart Clock ESP8266)
![asset-espmatrix-instructables5.jpg](/proxy/?url=https://content.instructables.com/F4Y/YXKP/JQMOAHIE/F4YYXKPJQMOAHIE.jpg&filename=asset-espmatrix-instructables5.jpg)
If you feel dissatisfied with the short type because you can only see short messages, so you can make the long type the length of the size two times longer. For more details you can follow the tutorial in this video.
Enjoy
![IMG_20190107_213853.jpg](/proxy/?url=https://content.instructables.com/FOV/IIGV/JQMOAEKI/FOVIIGVJQMOAEKI.jpg&filename=IMG_20190107_213853.jpg)
Hopefully you enjoy your ESP Matrix. If you do, please share your makes, share the link, like and subscribe. As always, if you have any questions please let me know!