ESP8266 OLED – Get Time and Date From Internet

In this tutorial we will learn how to get the date and time from NIST TIME server using ESP8266 OLED and Visuino,

Watch the video.

Step 1: What You Will Need

• ESP8266 OLED
• Visuino program: Download Visuino

Step 2: Start Visuino, and Select the Arduino WeMos D1 Mini Board Type

Step 2: Start Visuino, and Select the Arduino WeMos D1 Mini Board Type

Start Visuino as shown in the first picture Click on the “Tools” button on the Arduino component (Picture 1) in Visuino When the dialog appears, select “WeMos D1 Mini” as shown on Picture 2

Step 3: WiFi Setup

• Select WeMos D1 Mini and in the editor Modules>WiFi>Access Points, click on […] button, so that “Access points ” window will open.In this editor drag the WiFi access point to the left side.
• In the properties window Under “SSID” put the name of your WiFi Network
• Under “Password” put the access password for your WiFi network
• Close the “Access points” window
• On the left in editor select Modules>Wifi>Sockets, click on […] button, so that “Sockets” window will open Drag the TCP/IP Client from right to the left side, then Under Properties window set port: 37 and host: time-a-g.nist.gov
• Close the “Sockets” window

Step 4: In Visuino Add Components

• Add “Pulse Generator” component
• Add “Internet Time Protocol” component
• Add 2X “Delete Right Sub Text” component
• Add 2X “Delete Left Sub Text” component
• Add “SSD1306/SH1106 OLED Display (I2C)” component

Step 5: In Visuino Set Components

• Select “PulseGenerator1” and in the properties window set frequency to 0.1166667
• Select “DeleteRightText1” and in the properties window set Length to 13
• Select “DeleteRightText2” and in the properties window set Length to 5
• Select “DeleteLeftText2” and in the properties window set Length to 12
• Double click on the “DisplayOLED1” component

 

Elements Dialog will show

• In the Elements Dialog expand “Text” on the right side and drag “Draw Text” and drag 2X “Text Field” from the right side to the left
• In the Elements Dialog expand “Lines” on the right side and drag “Draw Line” from the right side to the left
• Select “Draw Text1” on the left side and in the properties window set “Text” to ‘Time&Date’ (or some other text) and set size to 2
• Select “Draw Line1” and in the properties window set “Width” to 120 and “Y” to 20
• Select “Text Field1” and in the properties window set “Size” to 2 and “Y” to 25
• Select “Text Field2” and in the properties window set “Size” to 2 and “Y” to 45

 

Close the Elements Dialog

Step 6: In Visuino Connect Components

• Connect “PulseGenerator1” pin [Out] to “InternetTime1” pin [In]
• Connect “InternetTime1” pin [Socket] to “WeMos D1 Mini” >TCP Client1 pin [In]
• Connect “InternetTime1” pin [Out] to “DeleteRightText1” pin [In] and “DeleteRightText2” pin [In]
• Connect “DeleteRightText1” pin [Out] to “DeleteLeftText1” pin [In]
• Connect “DeleteRightText2” pin [Out] to “DeleteLeftText2” pin [In]
• Connect “DeleteLeftText1” pin [Out] to “DisplayOLED1”>Text Field1 pin[In]
• Connect “DeleteLeftText2” pin [Out] to “DisplayOLED1”>Text Field2 pin[In]

Step 7: Generate, Compile, and Upload the Arduino Code

In Visuino, at the bottom click on the “Build” Tab, make sure the correct port is selected, then click on the “Compile/Build and Upload” button.

Step 8: Play