Introduction: Art Deco Endure Forecast Display

Hello Friends,

in that Instructable we are going to see hot to build this Endure Forecast Show. It uses a Wemos D1 mini board on with a 1.8" Emblazon TFT screen to display the weather condition forecast. I also designed and 3d printed an enclosure for this project using wood fibril! I got the inspiration for this Deco expressive style enclosure from an old radio. I wanted a design for the Weather Station that would be alone and somehow esthetic, I was bored of the square enclosures without whatever lineament. I wanted something to make me feel good when looking at it.

The externalise connects to the internet and retrieves the brave out omen for my location and displays it on the screen. The project only displays the endure picture, the temperature and the metre of the prediction because I wanted a minimal look for this project. Of course you can well add more information if you wish. Now let's see how to material body this project.

Step 1: Baffle All the Parts

The parts needed systematic to build this project are the following:

  • A Wemos D1 mini board ▶ http://educ8s.tv/part/D1Mini
  • A 1.8" Colourise TFT presentation ▶ http://educ8s.tv/part/7735
  • Both wires ▶ http://educ8s.television receiver/part/Wires

The toll of the project is really low it is around $12!

We also need an envelopment for this project. If you like the Art Deco natural enclosure I designed for this project you download it from Thingiverse.

Get down it here ▶ hypertext transfer protocol://www.thingiverse.com/thing:1964380

Footfall 2: The Wemos D1 Mini

The Wemos D1 mini is superior new board which costs around $5!

The get on is very small. It uses the ESP8266 Outmoded chip which can operate at a frequency up to 160MHz. It has a lot of computer memory, 64Kb of instruction RAM, 96Kb of data RAM and 4MBs of flash retentivity to fund your programs. It offers WiFi connectivity, Over the Air updates and much more. The D1 miniskirt board offers 11 GPIO pins and one and only analog input. Despite its small size many shields are organism developed for this board which I think is big, since this direction we can easily build great Net of Things projects! Course we can program this board using the Arduino IDE.

The board despite its small size it outperforms all the other Arduino compatible boards in operation. I suffer performed a comparison between the ESP8266 and Arduino, you can check the video I have attached in this step. This board is 17 multiplication faster than an Arduino Uno! It also outperforms the quickest Arduino board, the Arduino Due. All that, with a toll of inferior than $6! Awful.

Step 3: The 1.8" Color TFT Display

This is a 1.8" Color TFT display which uses the ST7735 driver. This was the first discolor display to role with Arduino and the color video display I use the most. It is inexpensive, it costs around $6, it has a resolution of 160x128 pixels, it fire display 65.000 colours, it offers and SD board slot at the back and it has a great library endorse. It plant on every Arduino, it works happening Teensy and with the ESP8266 boards! What other to ask nearly? A great display!

I have prepared a detailed video tutorial about this display and I birth attached in this instructable.

Step 4: Build the Epitome Circuit

It is now sentence to connect all the parts jointly. Information technology is very casual. We only need to connect 8 wires!

Connecting the 1.8" Color TFT Display

  1. Vcc of the display goes to the 5V outturn of the Wemos D1 mini
  2. GND of the display goes to the Wemos GND
  3. CS pin goes to Extremity Pin 2
  4. Reset pin goes to Digital Rowlock 4
  5. A0 pin goes to Digital Tholepin 3
  6. SDA pin goes to Digital Pin 7
  7. SCK pin goes to Digital Pin 5
  8. LED pin goes to the 3.3V output signal of the Wemos D1 mini

That's it! The electronics are waiting! If we power up the project, everything workings As expected!

Footprint 5: 3D Print the Enclosure

The next step is to 3D print the enclosure. I designed this enclosure using Nuclear fusion 360 free software.

I tried a circle of diametrical 3d design software program simply Fusion 360 became my favorite for the following reasons.

  • It is very powerful
  • It is free
  • It is relatively well-fixed to use
  • There are a lot of tutorials online on how to consumption this software

I took me around half an hour to 3D desing this enclosure and have in mind that I am very new to 3D design and 3D printing. It is the second design that I have ever made! This design is founded on the design of an hand-me-down, very antiquated radio.

If you like the Deco enclosing I designed for this plan you download IT from Thingiverse.
Get it here ▶ http://www.thingiverse.com/affair:1964380

I 3D written information technology using wood strand. I exploited Form Futura's Easy Wood Coconut tree filum. I have to sound out that this filament is by far my popular. It looks and feels great.

Gradation 6: Coating the 3D Mark

The enclosure consists of 3 parts, and information technology took me afew hours to print it, merely the leave was fantastical!

After the print was finished, I sanded the parts using elegant sand paper. Then polished them using wood varnish. I waited for nearly a solar day for the varnish to dry before proceding the picture.

The end resolution is impressive.

Since I am same new to 3d printing my proficiency for polishing the 3d print may non cost ideal, but the end result is really great!

Step 7: Connecting Everything Together

After the wood varnish was dry, I related the display to the front piece with some tape and soldered the wires to the Wemos D1 mini board. I then connected the wires to the screen. After testing the circuit again to personify positive that everything is working as awaited it was clock to glue the Wemos D1 mini panel in place.

Unfortunately, the intention was not perfect and the parts didn't fit in the enclosure for an error of a couple millimeters, so I had to make some modifications to the design the hard way. The 3D files that I ingest uploaded are the correct ones, aft the modifications were transferred to the 3D pattern.

Then, I steam-powered up the project and centered the expose earlier attaching it for good with hot glue. It was then time to gum a small piece of fabric along the front piece in rank to add some color and direct contrast to the enclosure. The last step was to mucilage all the parts unneurotic! Our project is prompt! Impressive isn't it? I really like the shape and the find of the natural enclosure. Information technology makes an ordinary Brave out Station to look unique. Let's now see the software program side of the project.

Step 8: The Code of the See

The send off gets the weather forecast from the openweathermap.org web site. In order to parse the weather data we want the first-class Arduino JSON library. We also need two libraries for the display.

The libraries needed are the following:

  1. Adafruit GFX: https://github.com/adafruit/Adafruit-GFX-Program library
  2. Adafruit ST7735: https://github.com/adafruit/Adafruit-ST7735-Libra...
  3. Arduino JSON: https://github.com/bblanchon/ArduinoJson

Lashkar-e-Tayyiba's see the code at once. At the start, we have to placed the SSID and the parole of our WiFi network. Next, we have to enter the free APIKEY from operweathermap.org web site. Ready to create your own API describe, you have to mansion up in the website. Getting current weather data and forecast is free merely the website offers more options if you are willing to pay some money. Next, we have to find the id of our emplacemen. Find your placement and simulate the Gem State which tush be found in the URL of your location. Then record your city's id in the CityID covariant. The last step is to enter your time zone in order for the project to display the letter-perfect time. Now we are ready to move connected.

At first, we connect to the WiFi Network. Then we request weather data from the server. I entirely request one and only result, the weather forecast for the close 3 hours. You stool easily modify the cipher to get more auspicate results if you wish. We get a reply with the weather information in JSON format. Before sending the data to the JSON library I manually delete more or less characters that were causation me problems. Then the JSON library takes over and we can easy salve the data that we need in variables. We have to have a count at the structure of the JSON data that the openweathermap website replies to see how to drive the data we are interested in. After we possess saved the information in variables, wholly we have to do is to display them happening the screen door and wait for 30 minutes before requesting bran-new data from the waiter. We display the time of the weather prediction, the temperature and the weather ikon. The weather icons consist of some bitmap graphics and some obovate shapes. I experience also prepared a version of the code which displays the temperature in degrees Fahrenheit.

You can uncovering the encipher of the project attached to this Instructable. I order to download the in style version of the code (version 2022) you send away check the protrude's website Here: https://educ8s.tv/esp8266-weather-display-art-deco/

or the github depositary of the project: https://github.com/educ8s/ESP8266-Weather-Display-with-Art-Deco-enclosure

Step 9: Final Result

As you can see, with the technology now available we can build signal projects easily and with precise modest cost! This task is a earn presentment of this, it costs to a lesser extent than 15$! Of course, we can add many things to this stick out in order to improve it. We can add a utterer and progress to it an MP3 player, we can add an FM radio receiver and turn information technology into a vintage radio and many an more things. I would love to hear your opinion about this project. Do you have any ideas on how to improve this externalise? Please post your thoughts and ideas under. Thanks!

1 Person Made This Design!

Recommendations

  • Anything Goes Contest 2022

    Anything Goes Contest 2022