System Overview & Architecture

Sistem Monitoring Real-time

🌱 Jaringan Sensor Cerdas Mandiri Energi

Solusi IoT inovatif untuk pemantauan iklim mikro dan kualitas udara perkotaan yang mendukung Sustainable Development Goals (SDGs)

📖 Tentang Proyek
SDG 11
SDG 7
SDG 9
SDG 3

🔄 System Architecture Flow

📡

Sensor Nodes (Transceiver)

ESP32 dengan berbagai sensor lingkungan:

  • BH1750 - Sensor intensitas cahaya (Lux)
  • BME280 - Sensor suhu, kelembaban, tekanan
  • MQ-135 - Sensor kualitas udara
  • GPS Module - Pelacakan lokasi
  • LoRa Module - Komunikasi jarak jauh
↓
🔄

LoRa Communication

Data dikirim via LoRa pada frekuensi 433MHz:

  • Format Data: JSON terstruktur
  • Interval: Setiap 4 detik
  • Jangkauan: Hingga beberapa kilometer
  • Energi: Efisien untuk battery operation
↓
🖥️

Gateway System

ESP32 Gateway menerima dan memproses data:

  • LoRa Receiver - Menerima data dari nodes
  • WiFi Connection - Koneksi internet
  • Data Processing - Parsing dan validasi
  • MQTT Client - Mengirim ke cloud
↓
☁️

HiveMQ Cloud Broker

MQTT Broker terkelola di cloud:

  • Host: ef0b64d1857f49109acb946f7e9732d8.s1.eu.hivemq.cloud
  • Port: 8883 (TLS secured)
  • Topics: /weathertech/sensor_data, /weathertech/system_data, /weathertech/gateway_system
  • Security: Authentication dengan username/password
↓
⚡

n8n Workflow Automation

Platform workflow otomatisasi:

  • MQTT Trigger - Subscribe ke topics
  • Data Processing - Filter dan transformasi data
  • Webhook Endpoints - API untuk frontend
  • Database Storage - Penyimpanan historical data
↓
🌐

Web Dashboard (Ini)

Frontend real-time monitoring:

  • GitHub Pages - Hosting static website
  • Real-time Updates - Auto refresh data
  • Responsive Design - Akses dari mobile/desktop
  • Multiple Views - Halaman khusus untuk setiap aspek

📊 Data Flow Status

📡

Sensor Nodes

Mengumpulkan data lingkungan secara real-time

Active
📶

LoRa Communication

Transmisi wireless ke gateway

Stable
🖥️

Gateway System

Memproses dan meneruskan data ke cloud

Running
☁️

HiveMQ Cloud

MQTT broker untuk message handling

Connected
⚡

n8n Workflow

Automation dan data processing

Processing
🌐

Web Dashboard

Real-time monitoring interface

Online

🎯 Monitoring Pages

📊

Sensor Data

Data real-time dari semua sensor lingkungan
🗺️

GPS Tracking

Pemantauan lokasi dan mapping
⚡

Transceiver Performance

Status dan performance sensor node
🖥️

Gateway System

Monitoring gateway dan konektivitas
📈

Historical Data

Analytics dan data historis
👥

Team & Project

Informasi tim dan detail proyek

🔧 Technical Specifications

Hardware Components

  • Microcontroller: ESP32 Dual-Core 240MHz
  • Sensors: BH1750, BME280, MQ-135, GPS NEO-6M
  • Communication: LoRa SX1278 (433MHz)
  • Storage: AT24C32 EEPROM (32KB)
  • RTC: DS3231 Precision Timer

Software Stack

  • Firmware: Arduino C++ dengan FreeRTOS
  • Communication: MQTT over TLS, LoRaWAN
  • Cloud: HiveMQ Cloud Broker
  • Automation: n8n Workflow Platform
  • Frontend: HTML5, CSS3, JavaScript, Chart.js, Leaflet

Data Flow

  • Sampling Rate: Sensor data setiap 2 detik
  • Transmission: LoRa packet setiap 4 detik
  • MQTT Publishing: Real-time ke cloud
  • Web Updates: Auto-refresh setiap 3-5 detik
  • Data Format: JSON structured data

🔄 Real-time System Status

Last Data Received Waiting...
System Status Connecting...
Gateway Uptime --
Total Data Recorded --