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.
Part | Description |
---|---|
Development Board | NodeMCU V3 ESP8266 Lolin |
Code Editor | • Arduino IDE • Visual Studio Code |
Application Support | • Telegram Bot • Xampp |
Driver | CH340 USB Driver |
IoT Platform | ThingSpeak |
Communications Protocol | • Hypertext Transfer Protocol (HTTP) • MTProto |
IoT Architecture | 3 Layer |
Framework | • Bootstrap • Font-Awesome |
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) |
-
Arduino IDE
https://bit.ly/ArduinoIDE_Installer
-
CH340 USB Driver
https://bit.ly/CH340_USBdriver
-
XAMPP with PHP version 8
https://bit.ly/XAMPP_PHP8_Installer
Infrastructure | Pictorial Diagram |
---|---|
Wiring |
---|
-
Open the
Arduino IDE
first, then open the project by clickingFile
->Open
:monitoring_suhu.ino
-
Fill in the
Additional Board Manager URLs
in Arduino IDEClick
File
->Preferences
-> enter theBoards Manager Url
by copying the following link :http://arduino.esp8266.com/stable/package_esp8266com_index.json
-
Board Setup
in Arduino IDEHow to setup the
NodeMCU V3 ESP8266 Lolin
board• Click
Tools
->Board
->Boards Manager
-> Installesp8266
.• Then click
Tools
->Board
->ESP8266 Boards
->NodeMCU 1.0 (ESP-12E Module)
.
-
Change the Board Speed
in Arduino IDEClick
Tools
->Upload Speed
->9600
-
Install Library
in Arduino IDEDownload all the library zip files. Then paste it in the:
C:\Users\Computer_Username\Documents\Arduino\libraries
-
Port Setup
in Arduino IDEClick
Port
-> Choose according to your device port(you can see in device manager)
-
Change the
WiFi Name
,WiFi Password
, and so on according to what you are currently using. -
Before uploading the program please click:
Verify
. -
If there is no error in the program code, then please click:
Upload
. -
If there is still a problem when uploading the program, then try checking the
driver
/port
/others
section.
-
Getting started with ThingSpeak :
• Please Log in to access the ThingSpeak service.
• If you don't have a ThingSpeak account yet, please create one.
-
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 theChannel Sharing Settings
section please select ->Share channel view with everyone
.
-
Create visualizations :
• Make sure you are in the
Channel
menu ->Public View
section.• Click
+ Add Visualization
.• Click
Field Chart
-> then selectSave
.• If you want to change the visualization content, please click
Field Chart Option
-> then selectSave
to save.
-
Create widgets :
• Make sure you are in the
Channel
menu ->Public View
section.• Click
+ Add Widgets
.• Click
Numeric Display
-> then selectNext
.• In the
Configure widget parameters
section, please fill in according to your needs -> then selectCreate
.• If you want to change the widget content, please click
Widget Option
-> then selectSave
to save.
-
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.
-
Move the
Website-Project
directory into thehtdocs
directory, the details of which you can see as follows:C:\xampp\htdocs
. -
Open
index.php
inside theWebsite-Project\iot-monstera\index.php
directory viaVisual Studio Code
. -
The
<iframe>
tag please match thevisualization / widget link
inThingSpeak
. 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>
-
Open
XAMPP
, then start theApache
section. This aims to be able to support the website optimally. -
To
access the website
, open yourbrowser
by writing :localhost/Website-Project/iot-monstera/index.php
.
-
Open @BotFather.
-
Type
/newbot
. -
Type the desired bot name, for example:
monistera_bot
. -
Type the desired bot username, for example:
monistera_bot
. -
Also do it for bot image settings, bot descriptions, and so on according to your needs.
-
Copy
your telegram bot API token
-> then paste it into the#define BOTtoken "YOUR_API_BOT_TOKEN"
section.For example :
#define BOTtoken "2006772150:AAE6Fdjk3KbiySkzV6CLbd6ClJDzgTfJ5y0"
-
Download and extract this repository.
-
Make sure you have the necessary electronic components.
-
Make sure your components are designed according to the diagram.
-
Configure your device according to the settings above.
-
Please enjoy [Done].
NUMBER | FULL NAME | NPM | ROLE |
---|---|---|---|
1 | Devan Cakra Mudra Wijaya | 18081010013 | Fullstack |
2 | Heri Khariono | 18081010002 | Frontend |
3 | Rifky Akhmad Fernanda | 18081010126 | System Analyst |
4 | Merdin Risalul Abrori | 18081010081 | System Analyst |
5 | Haidar Ananta Kusuma | 18081010057 | Documentalist |
Via Telegram: @monistera_bot
Temperature and Humidity Device | Monitoring Via Serial Monitor |
---|---|
Monitoring Via Telegram Bot | |
---|---|
Monitoring Via Website |
---|
More information: Click Here
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.
This application is the result of my work with my team and is not the result of plagiarism from other people's research or work, except those related to third party services which include: libraries, frameworks, and so on.
MIT License - Copyright © 2021 - Devan C. M. Wijaya et al
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.