Wordclock 2.0

Wordclock 2.0 with ESP8266 and NTP time

More details on my website: https://techniccontroller.com/word-clock-with-wifi-and-neopixel/

Languages

The Wordclock is available in German, English and Italian language. By default the language is German. To use the English or Italian language please replace the file wordclockfunctions.ino with wordclockfunctions.ino_english or wordclockfunctions.ino_italian. The code compiles only with one file named wordclockfunctions.ino. So please rename the file you want to use to wordclockfunctions.ino and replace the existing file.

Features

• 6 modes (Clock, Digital Clock, SPIRAL animation, TETRIS, SNAKE, PONG)
• time update via NTP server
• automatic summer/wintertime change
• easy WIFI setup with WifiManager
• configurable color
• configurable night mode (start and end time)
• configurable brightness
• automatic mode change
• webserver interface for configuration and control
• physical button to change mode or enable night mode without webserver
• automatic current limiting of LEDs

Pictures of clock

Screenshots of webserver UI

Quickstart

1. Clone the project into the sketch folder of the Arduino IDE,
2. Rename the file "example_secrets.h" to "secrets.h". You don't need to change anything in the file if you want to use the normal WiFi setup with WiFiManager (see section "Remark about the WiFi setup").
3. Install the additional libraries and upload the program to the ESP8266 as usual (See section Upload program to ESP8266 below).
4. The implemented WiFiManager helps you to set up a WiFi connection with your home WiFi -> on the first startup it will create a WiFi access point named "WordclockAP". Connect your phone to this access point and follow the steps which will be shown to you.
5. After a successful WiFi setup, open the browser and enter the IP address of your ESP8266 to access the interface of the webserver.
6. Here you can upload all files located in the folder "data". Please make sure all icons stay in the folder "icons" also on the webserver.
   • Open http://<ip-address>/fs.html in a browser
   • Upload fs.html
   • Upload style.css
   • Upload index.html
   • Create a new folder icons
   • Upload all icons into this new folder icons

Install needed Libraries

Please download all these libraries as ZIP from GitHub, and extract them in the libraries folder of your Sketchbook location (see File -> Preferences):

• https://github.com/adafruit/Adafruit-GFX-Library
• https://github.com/adafruit/Adafruit_NeoMatrix
• https://github.com/adafruit/Adafruit_NeoPixel
• https://github.com/tzapu/WiFiManager
• https://github.com/adafruit/Adafruit_BusIO

folder structure should look like this:

MySketchbookLocation 
│
└───libraries
│   └───Adafruit-GFX-Library
│   └───Adafruit_NeoMatrix
│   └───Adafruit_NeoPixel
│   └───WiFiManager
│   └───Adafruit_BusIO
│   
└───wordclock_esp8266
    │   wordclock_esp8266.ino
    │   (...)
    |
    └───data
        │   index.html
        |   (...)
        |
        └───icons 

Upload program to ESP8266 with Arduino IDE

STEP1: Installation of Arduino IDE

First, the latest version of the Arduino IDE needs to be downloaded and installed from here.

STEP2: Installation of ESP8266 Arduino Core

To program the ESP8266 with the Arduino IDE, you need to install the board information first in Arduino IDE. To do that follow the following instructions:

• Start Arduino and open the File -> Preferences window.

• Enter http://arduino.esp8266.com/stable/package_esp8266com_index.json into the Additional Board Manager URLs field. You can add multiple URLs, separating them with commas.

• Open Boards Manager from Tools > Board menu and search for "esp8266".

• Click the install button.

• Don’t forget to select your ESP8266 board from Tools > Board menu after installation (e.g NodeMCU 1.0)

STEP3: Upload a program to ESP8266

• Open wordclock_esp8266.ino in Arduino IDE
• Connect ESP8266 board with Computer
• Select right serial Port in Tools -> Port
• Click on the upload button in the Arduino IDE to upload the program to the ESP8266 Module.
  

Remark about the WiFi setup

Regarding the WiFi setting, I have actually implemented two variants:

1. By default the WifiManager is activated. That is, the word clock makes the first time its own WiFi (should be called "WordclockAP"). There you connect from a cell phone to 192.168.4.1* and you can perform the configuration of the WiFi settings conveniently as with a SmartHome devices (Very elegant 😊)
2. Another (traditional) variant is to define the wifi credentials in the code (in secrets.h).
   • For this you have to comment out lines 230 to 251 in the code of the file wordclock_esp8266.ino (add /* before and */ after)
   • and comment out lines 257 to 305 (remove /* and */) (* default IP provided by the WifiMAnager library.)

Resetting the WiFi configuration

You can clear the stored WiFi credentials and restart the WiFi setup described above with these steps:

1. Open the settings panel in the web UI.
2. Enable 'Reset WiFi' slider.
3. Save settings.
4. LED test should be performed.
5. Disconnect and reconnect the power. WiFi credentials were removed. The setup should be restarted. Resetting the wifi credentials does not delete uploaded files.

Remark about Logging

The wordclock sends continuous log messages to the serial port and via multicast UDP. If you want to see these messages, you have to

• open the serial monitor in the Arduino IDE (Tools -> Serial Monitor). The serial monitor must be set to 115200 baud.

OR

• run the following steps for the multicast UDP logging:

1. Starting situation: wordclock is connected to WLAN, a computer with installed Python (https://www.python.org/downloads/) is in the same local area network (WLAN or LAN doesn't matter).
2. Open the file multicastUDP_receiver.py in a text editor and in line 81 enter the IP address of the computer (not the wordclock!).

# ip address of network interface
MCAST_IF_IP = '192.168.0.7'

4. Execute the script with following command:

python multicastUDP_receiver_analyzer.py

5. Now you should see the log messages of the word clock (every 5 seconds a heartbeat message and the currently displayed time). If this is not the case, there could be a problem with the network settings of the computer, then recording is unfortunately not possible.

6. If special events (failed NTP update, reboot) occur, a section of the log is saved in a file called log.txt. In principle, the events are not critical and will occur from time to time, but should not be too frequent.