Monitoring-Suhu-Kelembapan-Udara-Tanaman-Hias-Janda-Bolong

Team Project - Informatics UPN Veteran Jatim

Janda bolong is a plant from the Araceae or taro species that can survive optimally in temperatures of 23-30°C, with air humidity of less than 40%. Temperature and humidity must be monitored at all times, as extreme changes can cause the plant to wilt. This project was created to make it easier for users to monitor changes in temperature and humidity in the janda bolong planting area in real time, so that users will benefit more in terms of time and energy. This project has been implemented and took approximately 1 month. The benefit of making this project is none other than to maintain the growth and development of janda bolong plants. The results showed that the system created can function properly. The system interface uses Telegram Bot and Website.

Project Requirements

Part	Description
Development Board	NodeMCU V3 ESP8266 Lolin
Code Editor	• Arduino IDE • Visual Studio Code
Application Support	Telegram Bot
Driver	CH340 USB Driver
IoT Platform	ThingSpeak
Communications Protocol	• Hypertext Transfer Protocol (HTTP) • MTProto
IoT Architecture	4 Layer
Framework	Bootstrap
Programming Language	• C/C++ • JavaScript • PHP
Arduino Library	• ESP8266WiFi (default) • ThingSpeak • DHT_sensor_library • CTBot • ArduinoJson
Sensor	DHT22: Air Temperature & Humidity (x1)
Other Components	• Micro USB cable - USB type A (x1) • Jumper cable (1 set) • Casing box (x1) • Adaptor DC 5V (x1)

Download & Install

1. Arduino IDE

   https://bit.ly/ArduinoIDE_Installer

   
   

2. CH340 USB Driver

   https://bit.ly/CH340_USB_Driver

Project Designs

Arduino IDE Setup

1. Open the Arduino IDE first, then open the project by clicking File -> Open :

   monitoring_suhu.ino

   
   

2. Fill in the Additional Board Manager URLs in Arduino IDE

   Click File -> Preferences -> enter the Boards Manager Url by copying the following link : http://arduino.esp8266.com/stable/package_esp8266com_index.json

   
   

3. Board Setup in Arduino IDE

   How to setup the NodeMCU V3 ESP8266 Lolin board
   • Click Tools -> Board -> Boards Manager -> Install esp8266. • Then click Tools -> Board -> ESP8266 Boards -> NodeMCU 1.0 (ESP-12E Module).

   
   

4. Change the Board Speed in Arduino IDE

   Click Tools -> Upload Speed -> 9600

   
   

5. Install Library in Arduino IDE

   Download all the library zip files. Then paste it in the: C:\Users\Computer_Username\Documents\Arduino\libraries

   
   

6. Port Setup in Arduino IDE

   Click Port -> Choose according to your device port (you can see in device manager)

   
   

7. Change the WiFi Name, WiFi Password, and so on according to what you are currently using.
   
   

8. Before uploading the program please click: Verify.
   
   

9. If there is no error in the program code, then please click: Upload.
   
   

10. If there is still a problem when uploading the program, then try checking the driver / port / others section.

ThingSpeak Setup

1. Getting started with ThingSpeak :

   • Please Log in to access the ThingSpeak service. • If you don't have a ThingSpeak account yet, please create one.

   
   

2. Create a channel :

   • After logging into the account -> click New Channel. • Fill in the form according to your needs. • Click Save Channel. • Click Sharing -> in the Channel Sharing Settings section please select -> Share channel view with everyone.

   
   

3. Create visualizations :

   • Make sure you are in the Channel menu -> Public View section. • Click + Add Visualization. • Click Field Chart -> then select Save. • If you want to change the visualization content, please click Field Chart Option -> then select Save to save.

   
   

4. Create widgets :

   • Make sure you are in the Channel menu -> Public View section. • Click + Add Widgets. • Click Numeric Display -> then select Next. • In the Configure widget parameters section, please fill in according to your needs -> then select Create. • If you want to change the widget content, please click Widget Option -> then select Save to save.

   
   

5. Firmware configuration :

   • Make sure you are in the Channel menu -> Public View section. • Copy the Channel ID -> paste it into the firmware code. For example : unsigned long ChannelID = '1504372'; // ID ThingSpeak • Please go to the API Keys section -> paste it into the firmware code. For example : const char * APIKey = "TF3UPJK9O1QA5FAU"; // Apikey ThingSpeak • Click Field Chart IFrame to display the selected chart link -> paste the link into the web program code. • Click Widget IFrame to display the selected widget link -> paste the link into the web program code.

Local Web Server Setup

1. Move the Website-Project directory into the htdocs directory, the details of which you can see as follows: C:\xampp\htdocs.
   
   

2. Open index.php inside the Website-Project\iot-monstera\index.php directory via Visual Studio Code.
   
   

3. The <iframe> tag please match the visualization / widget link in ThingSpeak. For example :

   <iframe style="width:85%;height:240px;" src="https://thingspeak.com/channels/1504372/charts/1?bgcolor=%23ffffff&color=%23d62020&dynamic=true&results=60&title=Grafik+%28Temperatur+Udara%29&type=line"></iframe>

   
   

4. Open XAMPP, then start the Apache section. This aims to be able to support the website optimally.
   
   

5. To access the website, open your browser by writing : localhost/Website-Project/iot-monstera/index.php.

Telegram Bot Setup

1. Open @BotFather.
   
   

2. Type /newbot.
   
   

3. Type the desired bot name, for example: monistera_bot.
   
   

4. Type the desired bot username, for example: monistera_bot.
   
   

5. Also do it for bot image settings, bot descriptions, and so on according to your needs.
   
   

6. Copy your telegram bot API token -> then paste it into the #define BOTtoken "YOUR_API_BOT_TOKEN" section.

   For example : #define BOTtoken "2006772150:AAE6Fdjk3KbiySkzV6CLbd6ClJDzgTfJ5y0"

Get Started

1. Download and extract this repository.
   
   

2. Make sure you have the necessary electronic components.
   
   

3. Make sure your components are designed according to the diagram.
   
   

4. Configure your device according to the settings above.
   
   

5. Please enjoy [Done].

Demonstration of Application

Via Telegram: @monistera_bot

Highlights

Product View

Telegram Bot View

Monitoring Website View

More information: Click Here

Appreciation

If this work is useful to you, then support this work as a form of appreciation to the author by clicking the ⭐Star button at the top of the repository.

Disclaimer

This application has been created by including third-party sources. Third parties here are service providers, whose services are in the form of libraries, frameworks, and others. I thank you very much for the service. It has proven to be very helpful and implementable.

LICENSE

MIT License - Copyright © 2020 - Devan C. M. Wijaya, S.Kom

Permission is hereby granted without charge to any person obtaining a copy of this software and the software-related documentation files to deal in them without restriction, including without limitation the right to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons receiving the Software to be furnished therewith on the following terms:

The above copyright notice and this permission notice must accompany all copies or substantial portions of the Software.

IN ANY EVENT, THE AUTHOR OR COPYRIGHT HOLDER HEREIN RETAINS FULL OWNERSHIP RIGHTS. THE SOFTWARE IS PROVIDED AS IS, WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, THEREFORE IF ANY DAMAGE, LOSS, OR OTHERWISE ARISES FROM THE USE OR OTHER DEALINGS IN THE SOFTWARE, THE AUTHOR OR COPYRIGHT HOLDER SHALL NOT BE LIABLE, AS THE USE OF THE SOFTWARE IS NOT COMPELLED AT ALL, SO THE RISK IS YOUR OWN.