IoT Smart Clock Dot Matrix Use Wemos ESP8266 - ESP Matrix

6,672

46

14

About: I am an electronic-enthusiast, maker, developer Android app, hobbyist and an owner of Bluino Electronics.

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.

Step 1: Things Needed

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)

Step 2: Modify Pin

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.

Step 3: Wiring

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.

Step 4: Before Soldering

1) Peel the end of the cable using a wire stripper tools.

2) Then cover all ends of the cable with tin.

Step 5: Soldering

1) Solder to connect CLK to D5, CS to D6 & DIN to D7.

2) Solder to connect VCC to 5V & GND to G.

Step 6: Putting It All Together

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

Step 7: Placing to the 3D Printed Case

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.

- STL file for a short 32x8

- STL file for a long 64x8

Step 8: Add Acrylic

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

Step 9: Programming

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.

Step 10: App Interface for Configuration

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.

Step 11: Make a Long Type 64x8

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.

Step 12: Enjoy

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!

3 People Made This Project!

Recommendations

  • Paint Challenge

    Paint Challenge
  • Games Contest

    Games Contest
  • Growing Beyond Earth Maker Contest

    Growing Beyond Earth Maker Contest

14 Discussions

0
None
engkozhe

Question 4 weeks ago on Step 10

hi, i follow all the instructions but i stuck on the app says that "connection error" scroll down to refresh , i write the ip address on the sync to esp but same thing, the app no connection error. i am using android 7 samsung j7 prime. i also able to connect to my mifi network. after that i use the app interface still no connection errror. gelp me please ..tnx

0
None
biglolek88

Question 6 weeks ago on Step 12

Hello, I have a question
which android system should i use
Thank you

0
None
dancopy

7 weeks ago

Precious but, I could not find the arduino sketch.

0
None
JeroenM18

3 months ago

I was really looking forward to solder this device and after I received the matrix modules today I started soldering. The device does work and shows me the WiFi-symbol and the WiFi-network to which I need to connect with the app. The app says I'm connected to the device.

When I enter the WiFi credentials of my home network it keeps saying "Connection error, please try again". What could be wrong? Anyone here who can help me out?

Environment:
- Fritz!box 7590 with 2,4 Ghz and 5 Ghz networks
- Fritz!box 4040 with 2,4 Ghz and 5 Ghz networks
- Nokia 8 with Android 9 Pie and both 2,4 Ghz and 5 Ghz networks support

Never had issues with other Wemos D1 mini's to connect them to my network. Tried both accesspoints.

When I visit the embedded webpage served by the matrix device on 192.168.4.1 when connected to the SoftAP the webpage only says "Not found / ".

Also I would like to see the source of both the app and the Wemos D1 mini image to be able to modify it to my (/our) needs.

Update:
Appearantly the app can't connect to the matrix display when the app is running on Android 9. My Nokia 8 has Android 9. On a tablet with Android 8 I was able to connect manually to the matrix display but the app wasn't able to search for WiFi networks by itself.

0
None
MartinM390

Question 3 months ago

Hi, very useful project. Everything works, but I have a problem with switching to daylight saving time. Clock shows still winter time.
Do you have a similar experience?

THX

0
None
ChristianK105

Question 4 months ago

My ESP doesnt create an WIFI ... how to solve this ?

2
None
chunkysteveo

6 months ago

Mmmm, very cool, like a DIY simple LaMetric. Looks great, but went all the way down the post waiting to see how you coded the ESP8266, how the OTG worked, the code for driving the display etc? Nothing?

2 replies
0
None
joeldanielpielakchunkysteveo

Reply 4 months ago

what do you mean by this, am about to order parts for the project and want to make sure it is duable

1
None
chunkysteveojoeldanielpielak

Reply 4 months ago

This is a "closed" project, there's no code available and you would have to use their Mobile App to install and configure. Like @MikeL90 said below - this is probably using open source software and frameworks, but they are not releasing the code. You will be able to make it and use it, but it's not very in keeping with open source and the maker community...

0
None
MikeL90

Question 6 months ago

Since your app contains ads and in-app purchases (I.e. It is commercial) are you using any open source software,such as libraries or frameworks in the esp8266 or the app? If so, are you breaking the open source software licence? If it contains open source software you should provide the source code free of charge.

2 answers
0
None
AttilaK22MikeL90

Answer 4 months ago

You are right! They should give them the source code.

0
None
joeldanielpielak

Question 4 months ago

where did you purchase your acrylic?

0
None
JulienF4

Tip 4 months ago on Introduction

Hello, can i configure Facebook counter ? Can i build my own counter souces ? Thank's a lot