Description

Deskripsi Proyek

Proyek ini adalah pengembangan solusi berbasis IoT yang menghubungkan perangkat simulator IoT di Wokwi ke backend Python Flask dengan database MySQL. Aplikasi ini memiliki tiga endpoint utama (POST, PUT, dan GET) yang memungkinkan operasi CRUD data secara real-time. Proyek ini bertujuan untuk menunjukkan kemampuan integrasi IoT dengan sistem backend berbasis web menggunakan protokol HTTP.

Langkah-Langkah Pengembangan

1. Membangun Aplikasi Backend di Python Flask

a. Siapkan Struktur Proyek

• Direktori proyek: flask_app.
• Buat file utama: app.py.
• Buat file untuk konfigurasi database: config.py.

Konfigurasi Database

Tambahkan konfigurasi untukmenghubungkan aplikasi Flaskke MySQL di VM.

Sudo apt update

Sudo apt install mysql-server

Mysql -u root -p

Create database

Membuat Endpoint

• Tambahkan tiga endpoint: POST,PUT, dan GET untuk menangani data dalam database.

Running

1. Menguji EndpointPOST /data

Endpoint ini digunakan untuk menambahkan data baru ke database.

2. Menguji EndpointPUT /data/<id>

Endpoint ini digunakan untuk memperbarui data pengguna berdasarkan id.

• Method: PUT
• URL: http://127.0.0.1:5000/data/1 (ubah1 menjadi ID data yang ingin diperbarui)
• Headers: Content-Type: application/json
• Body (JSON): json

3. MengujiEndpoint GET /data

Endpoint ini digunakan untuk mengambil semua data dari database.

Dengan cara ini, Anda dapat menguji setiap endpoint menggunakan Postman untuk memastikan aplikasi berfungsi dengan baik dalam menangani operasi CRUD pada data.

4. Membangun Frontenddengan Wokwi (IoT Simulator)

Wokwi adalah simulatorIoT yang memungkinkan Anda membuat visualisasi perangkat IoT dan dapat terhubung ke backend melalui HTTP API.

Langkah-langkah:

1. Membuat Simulasi di Wokwi
   1. Buka Wokwi dan buat proyek baru.
   2. Pilih perangkat yang akan digunakan, seperti ESP32 atau NodeMCU.
   3. Hubungkan ke Backend
      • Gunakan kode untuk mengirim data ke endpointbackend menggunakan HTTP.
      • Misalnya, tambahkan kode berikut pada bagian firmware(misalnya untuk ESP32)

Hasil

Hubungkan LCD dengan ESP32

A. VCC pada LCD dihubungkan ke 3.3V pada ESP32.

B. GND pada LCD dihubungkan ke GND.2 pada ESP32.

C. SDA pada LCD dihubungkan ke pin ESP: 21 pada ESP32.

D. SCL pada LCD dihubungkan ke pin ESP: 22 pada ESP32.

Hubungkan DTH22 dengan ESP32

VCC pada DTH22 dihubungkan ke 3.3v pada ESP32.

SDA pada DTH22 dihubungkan ke ESP: 4 pada ESP32.

GND pada DRH22 dihubungkan ke GND.1 pada ESP32.

buat database tambahan di mysql

Menambahkan EndPoint POST, PUT dan GET di bagian app.py untuk integrasi suhu

Buat code wokwi yang sudah terhubung dengan backend

run backend

Hasil Wokwi

post dan put

Kesimpulan dan Hasil

• Backend: Backend Flask berhasil mengelola data dengan database MySQL menggunakan endpoint POST, PUT, dan GET.
• Frontend (Wokwi): Perangkat IoT Simulator (ESP32) berhasil terhubung dengan backend, mengirim, dan menerima data.
• Integrasi: Proyek ini menunjukkan koneksi mulus antara perangkat IoT dan aplikasi backend berbasis Python Flask.