Introduction: ESP8266 Weather & KVG Infoscreen

Picture of ESP8266 Weather & KVG Infoscreen

This is a simple Infoscreen for Weatherforecast via darksky.net and bus stop live screens for busses in Kiel via "KVG Echtzeitabfahrten".

The infoscreen is based on a NodeMCU (ESP8266) and a ILI9341 LCD Display.

Step 1: Parts and Tools Required

Parts:

Tools:

  • Soldering Iron & solder

  • If available a CNC machine for the case

Step 2: Connection

Picture of Connection

The connection between NodeMCU and display is shown above. You only need a few short lines for the connection:

Display <-> NodeMCU

  • VCC <-> 3.3V
  • GND <-> GND
  • CS <-> D8
  • RESET <-> 3.3V
  • DC <-> D3
  • SDI <-> D7
  • SCK <-> D5
  • LED <-> 3.3V
  • SDO <-> D6
  • T_CLK <-> D5
  • T_CS <-> D2
  • T_DIN <-> D7
  • T_DO <-> D6
  • T_IRQ <-> D1

Step 3: Preparation of the Arduino IDE

I used the Arduino IDE (v1.8.2) for programming.

Install ESP8266 Arduino support
After downloading the IDE you have to tell the software to support ESP8266 modules:

  1. Go into File > Preferences.
  2. Insert following line into "Additional Board Manager URLs" field:
    http://arduino.esp8266.com/stable/package_esp8266c...
  3. Go to Tools > Board > Boards Manager…
  4. Search for ESP8266 and install “esp8266by ESP8266 Community".
  5. Go to Tools > Board and select your ESP8266 board. If you have bought one of the boards I mentioned above you should select NodeMCU 1.0 (ESP-12E Module).
  6. After driver installation select the right port for the NodeMCU at Tools > Port.

Install CH340 drivers
If not present, you should now install the CH340 drivers for your OS. You can find the drivers via google or e.g. here.

Install needed Arduino libraries
Go to Sketch > Include Library > Manage Libraries... and install the following libraries:

  • ArduinoJson by Benoit Blanchen
  • Json Streaming Parser by Daniel Eichhorn

We also need to install additional libraries, which can't be found in the library manager. There are two ways of installing. The easiest is to copy the libraries included in my GitHub project into your Arduino "library" folder and restart the Arduino IDE. The other is to download the needed libraries from GitHub and install it:

Download the project from GitHub

https://github.com/basti8909/Weather-KVG-infoscreen

Step 4: ​Customization of the Source Code

If you have installed the libraries manually, you have first to edit the file "User_Setup.h" of the TFT_eSPI library. Otherwise you could skip the next two lines.

  • Line 17: activate ILI9341_DRIVER
  • Line 83-86: define Pins for Display like it is shown in the Connection part

Now open the ESP_InfoDisplay.ino file with the Arduino IDE and customize your software:

WiFi

In line 107 set the SSID and Password

Bus Stops

You need the KVG bus stop number for your preferred bus stop. This can be done by opening the following website, where you put a part of your bus stop name after the "query=", e.g. "query=Dreiecks"

http://kvg-kiel.de/internetservice/services/lookup/autocomplete?query=

Now you should see a list with your bus stop name. Open the source code of the site and you see something like "li stop="23">Dreiecksplatz" where 23 is your bus stop number. You can now put this number in line 164/165 of the main file or look into the file KVGliveAPI.h and append your bus stop nr to the literal list (like "static const int Dreiecksplatz = 23;") and use this name (KVGliveAPI::KVGstop::Dreiecksplatz) in line 164/165 of the main file.

  • Weather API access and location

    To access the darksky.net API you need a secret key which is 100% free. You only have to register at darksky.net for developers. After logging in you see a field with the title "Your secret key". This 32 character hex key you have to copy into line 61 of the file DarkSkyAPI.h between the slashes.

    If you want to change the weather location you only have to edit line 16 of the file DarkSkyAPI.cpp and line 25 for the name of the location.

    Now you can compile and upload the program to the ESP8266 (and it should work! :) )

  • Step 5: Building the Case

    Coming later...

    Comments

    finn_lassen_id (author)2017-11-18

    Yeah! Made it :) hat alles geklappt! Vielen Dank. Jetzt nur noch ein anständiges Case bauen :D

    Eine Frage hätte ich noch: wie kann ich die Uhrzeit einstellen? Momentan geht die Uhr eine Stunde vor :D

    basti89 (author)finn_lassen_id2017-12-03

    Cool! Freut mich :)

    Sorry für die späte Antwort... Die Stunde Zeitverschiebung hängt damit zusammen, dass ich keine Sommer-/Winterzeit Erkennung eingebaut habe. Die Zeitverschiebung ist in "ntp.ino" Zeile 15 bei NTP_TIME_ZONE eingetragen.

    finn_lassen_id (author)2017-11-16

    NIce, Teile sind bestellt! Melde mich evtl. mal wenn etwas nicht klappt :D

    Swansong (author)2017-10-20

    Gut gemacht! Danke für das Teilen. :)

    About This Instructable

    836views

    17favorites

    License:

    More by basti89:ESP8266 Weather & KVG Infoscreen
    Add instructable to: