🐠 Aquarius — Smart Aquarium IoT

Sistem Cerdas Pemantauan & Pengendalian Kualitas Air Akuarium
Berbasis Edge-Cloud Computing dan Generative AI

Proyek UTS Internet of Things — Semester 6, Program Studi Informatika, Universitas Siliwangi

Fitur • Arsitektur • Tech Stack • Quick Start • Screenshot • Struktur • Lisensi

📖 Tentang Proyek

Aquarius adalah purwarupa sistem IoT full-stack yang merevolusi cara memelihara akuarium. Sistem ini mengintegrasikan:

🔌 Edge Computing — Mikrokontroler ESP32 membaca 5 sensor kualitas air dan menjalankan failsafe otonom
☁️ Cloud Dashboard — Antarmuka Digital Twin real-time berbasis React JS dengan visualisasi interaktif
🧠 AI Cloud Brain — Google Gemini AI menganalisis korelasi data, memprediksi tren, dan memberikan rekomendasi naratif
📡 MQTT Telemetry — Protokol publish-subscribe ringan untuk streaming data sensor tanpa overhead

Masalah yang dipecahkan: Air akuarium yang terlihat jernih belum tentu aman — amonia, pH, dan TDS yang membahayakan tidak terlihat mata. Aquarius memantau parameter ini 24/7 dan memberikan peringatan dini cerdas sebelum terjadi kematian massal ikan.

🌊 Fitur Utama

Fitur	Deskripsi
🌡️ Pemantauan 5 Parameter	Suhu, pH, TDS/EC/Salinitas, Turbiditas, Amonia — semuanya real-time
📊 Water Quality Index (WQI)	Skor tunggal 0–100 dari algoritma penalty-based yang menyederhanakan data kompleks
🚨 Deteksi Anomali	Mendeteksi lonjakan data sensor yang tidak wajar (noise/outlier) dan menandainya
🔄 Failsafe Otonom	Pompa & alarm otomatis menyala saat WQI kritis — tanpa perlu internet
🤖 AI Predictive Analytics	Gemini AI melakukan prediksi tren, Root Cause Analysis, dan rekomendasi tindakan
🌓 Dark Mode	Antarmuka responsif dengan tema gelap premium untuk monitoring malam hari
📡 Terminal MQTT Live	Visualisasi paket JSON mentah dari broker MQTT secara langsung
📋 Event Logger	Riwayat kronologis insiden, alarm, dan aksi pompa terstruktur
💾 Export CSV	Unduh data histori sensor ke format CSV untuk analisis lanjutan
🖥️ Simulasi Hardware & Telemetri	Mendukung manipulasi data via slider kontrol UI yang menghasilkan pergerakan nilai (fluktuasi) menyerupai data sensor asli di dunia nyata

🏗️ Arsitektur Sistem

Topologi Edge-to-Cloud

graph TB
    subgraph "🔌 Edge Layer (ESP32)"
        S1[🌡️ DS18B20<br/>Suhu Air]
        S2[⚗️ SEN0161<br/>pH Level]
        S3[💧 SEN0244<br/>TDS/EC/Salinitas]
        S4[🌫️ Turbidity<br/>Kekeruhan]
        S5[☠️ MQ-135<br/>Amonia]
        MCU[🧮 ESP32<br/>Edge Computing]
        R[⚡ Relay + Pompa]
        BZ[🔔 Buzzer + LED]
    end

    subgraph "📡 Transport Layer"
        MQTT[☁️ MQTT Broker<br/>WebSocket Bridge]
        CF[🌐 Cloudflare<br/>Reverse Proxy + SSL]
    end

    subgraph "🖥️ Application Layer"
        FE[⚛️ React Dashboard<br/>Frontend]
        BE[🟢 Bun Backend<br/>REST API PM2]
        PROXY[🚀 CF Workers<br/>Gemini Proxy Bypass]
    end

    subgraph "🧠 Cognitive Layer"
        AI[🤖 Google Gemini AI<br/>Predictive Analytics]
    end

    S1 & S2 & S3 & S4 & S5 -.->|Simulated Data| MCU
    MCU -->|Failsafe Trigger| R & BZ
    MCU -->|Publish JSON| MQTT
    MQTT -->|WebSocket Stream| FE
    FE -->|HTTPS POST| CF
    CF -->|Reverse Proxy| BE
    BE -->|Proxy Request| PROXY
    PROXY -->|Forward Bypass Geo| AI
    AI -->|JSON Response| PROXY
    PROXY -->|Forward Result| BE
    BE -->|Forward Result| FE

    style MCU fill:#1e40af,color:#fff,stroke:#3b82f6,stroke-width:2px
    style CF fill:#f59e0b,color:#000,stroke:#fbbf24,stroke-width:2px
    style PROXY fill:#f59e0b,color:#000,stroke:#fbbf24,stroke-width:2px
    style FE fill:#0891b2,color:#fff,stroke:#22d3ee,stroke-width:2px
    style BE fill:#16a34a,color:#fff,stroke:#4ade80,stroke-width:2px
    style AI fill:#9333ea,color:#fff,stroke:#c084fc,stroke-width:2px

Sequence Diagram — Aliran Data

sequenceDiagram
    participant 🔌 as ESP32 + Sensors
    participant 📡 as MQTT Broker
    participant ⚛️ as React Dashboard
    participant 🟢 as Node.js Backend
    participant 🤖 as Gemini AI
    participant ⚡ as Aktuator (Pompa/Alarm)

    loop Setiap 2 Detik
        🔌->>🔌: Baca 5 Sensor + Hitung WQI Lokal
        🔌->>🔌: Cek Anomali & Batas Kritis
        alt WQI ≤ 50 (BAHAYA)
            🔌->>⚡: 🚨 FAILSAFE: Relay ON + Buzzer ON
        end
        🔌->>📡: Publish payload JSON
    end

    loop Real-Time Sync
        📡-->>⚛️: WebSocket → Data Sensor
        ⚛️->>⚛️: Kalkulasi WQI + Update Chart & UI
        ⚛️->>⚛️: Deteksi Anomali (Outlier Spike)
    end

    loop On-Demand / Berkala
        ⚛️->>🟢: POST /api/analyze {sensor + history}
        🟢->>🟢: Rate Limiting + Deadband Filter
        🟢->>🤖: Kirim Prompt (Context + Data)
        🤖-->>🟢: JSON {status, risk, RCA, actions}
        🟢-->>⚛️: Forward Response
        ⚛️->>⚛️: Render Panel "Pakar Ekosistem Virtual"
    end

🔌 Skema Hardware Simulasi (Wiring Referensi)

Walaupun aplikasi ini berjalan menggunakan simulasi telemetri berfluktuasi tanpa perangkat fisik, berikut adalah referensi koneksi pin (GPIO) jika proyek ini diimplementasikan dengan Real Hardware ESP32:

Sensor / Modul	Pin ESP32 (Default)	Fungsi	Protokol Komunikasi
DS18B20	`GPIO 4`	Suhu Air	1-Wire (Butuh Resistor Pull-up 4.7k)
SEN0161 (pH)	`GPIO 34`	pH Air	Analog (ADC)
SEN0244 (TDS)	`GPIO 35`	Salinitas & Mineral	Analog (ADC)
Turbidity Sensor	`GPIO 32`	Kekeruhan Air	Analog (ADC)
MQ-135	`GPIO 33`	Kadar Amonia	Analog (ADC)
Relay Pompa	`GPIO 25`	Kendali Sirkulasi	Digital Out
Relay Aerator	`GPIO 26`	Kendali Oksigen	Digital Out

Catatan: Anda dapat melihat skema Wiring visual interaktif langsung di Dashboard dengan menekan tombol "Lihat Skema Perangkat".

⚙️ Variabel Lingkungan (.env)

Buat file .env di folder /backend dengan isian berikut:

Variabel	Keterangan	Default / Contoh
`GEMINI_API_KEY`	API Key dari Google AI Studio (Wajib)	`AIzaSy...`
`PORT`	Port backend berjalan	`3001`
`GEMINI_PROXY_URL`	URL Cloudflare Worker (Untuk Geo-bypass)	`https://proxy.workers.dev`

🔑 Pro Tip: Karena kita mempublikasi repo ini, file .env sudah aman masuk ke dalam .gitignore sehingga API Key milik Anda tidak akan terekspos ke GitHub.

🔧 Tech Stack

🔌 Edge / IoT

Teknologi	Peran
ESP32	Mikrokontroler utama
DS18B20	Sensor suhu air
SEN0161	Sensor pH
SEN0244	Sensor TDS/EC
MQ-135	Sensor amonia
Relay Module	Pengendali pompa
C++ / Arduino	Firmware
Wokwi	Simulator

⚛️ Frontend

Teknologi	Peran
React 19	UI Library
Vite 7	Bundler
Tailwind CSS	Styling
Framer Motion	Animasi
Recharts	Grafik data
Lucide React	Ikon
Bun	Package Manager

🟢 Backend & Cloud

Teknologi	Peran
Bun	Fast Runtime
Express 5	REST Framework
PM2	Process Manager
Caddy	Reverse Proxy
Cloudflare	DNS & SSL
CF Workers	Gemini Proxy

📡 Protokol & AI

Teknologi	Peran
MQTT	Pub/Sub Telemetri
WebSocket	Real-time UI
Gemini 3.1	Flash Lite Model
REST API	Backend Route
HTTPS	Secure Comm.

📸 Screenshot

☀️ Light Mode	🌙 Dark Mode

💡 Tip: Klik gambar untuk melihat dalam resolusi penuh. Dashboard menampilkan panel kontrol sensor (kiri), dashboard real-time dengan gauge meter dan chart (tengah), serta panel AI Cloud Assistant (kanan).

📐 Flowchart WQI (Water Quality Index)

Skor WQI dihitung menggunakan algoritma penalty-based — dimulai dari skor sempurna 100, lalu dikurangi berdasarkan deviasi setiap parameter:

graph TD
    A["🎯 Skor Awal: 100"] --> B["🌡️ Penalti Suhu<br/>|temp - 27°C| × 5"]
    A --> C["⚗️ Penalti pH<br/>|pH - 7.0| × 15"]
    A --> D["💧 Penalti TDS<br/>(TDS > 400) × 0.05"]
    A --> E["🌫️ Penalti Turbiditas<br/>(NTU > 10) × 0.5"]
    A --> F["☠️ Penalti Amonia<br/>NH3 × 40 ⚠️ TERBERAT"]

    B & C & D & E & F --> G["➖ Total Penalti"]
    G --> H["📊 WQI = 100 - Total"]
    H --> I{WQI Score?}
    I -->|"≥ 80"| J["✅ Sangat Baik"]
    I -->|"60-79"| K["⚠️ Waspada"]
    I -->|"40-59"| L["🟠 Buruk"]
    I -->|"< 40"| M["🔴 KRITIS<br/>Failsafe Aktif!"]

    style A fill:#dbeafe,stroke:#3b82f6,stroke-width:2px
    style F fill:#fce4ec,stroke:#ef4444,stroke-width:3px
    style J fill:#dcfce7,stroke:#22c55e,stroke-width:2px
    style K fill:#fef9c3,stroke:#eab308,stroke-width:2px
    style L fill:#fed7aa,stroke:#f97316,stroke-width:2px
    style M fill:#fecaca,stroke:#ef4444,stroke-width:3px

Catatan penting: Penalti Amonia memiliki bobot tertinggi (×40) karena toksisitasnya yang mematikan — hanya 0.5 ppm saja sudah memotong 20 poin WQI!

🧠 Alur Kerja AI (Gemini Cloud Brain)

graph LR
    A["📊 Data Sensor<br/>+ Histori 10 Poin"] --> B["🟢 Backend<br/>POST /api/analyze"]
    B --> C{"🔒 Rate Limiter<br/>+ Deadband"}
    C -->|"Data berubah signifikan"| D["📝 Prompt<br/>Engineering"]
    C -->|"Data stabil"| E["⏸️ Cache Response<br/>(Cooldown 60s)"]
    D --> F["🌟 Dynamic Context<br/>Profil Lingkungan"]
    F --> G["🤖 Gemini 3.1 Flash"]
    G --> H["📋 JSON Response<br/>Terstruktur"]

    H --> I["📊 status_level"]
    H --> J["📈 predictive_insight"]
    H --> K["🔍 root_cause_analysis"]
    H --> L["✅ recommended_actions"]

    I & J & K & L --> M["⚛️ Panel AI<br/>di Dashboard"]

    style G fill:#9333ea,color:#fff,stroke:#c084fc,stroke-width:2px
    style F fill:#4f46e5,color:#fff,stroke:#818cf8,stroke-width:2px

Profil Lingkungan yang Didukung:

Profil	Suhu Ideal	pH Ideal	TDS Maks	Kekeruhan
🐠 Ikan Tropis	24–30°C	6.5–7.5	400 ppm	< 10 NTU
🐟 Ikan Koi	20–28°C	7.0–8.0	300 ppm	< 5 NTU
🌿 Aquascape	22–28°C	6.0–7.0	500 ppm	< 5 NTU

🔒 Aspek Keamanan & Batasan (Security & Limitations)

Sistem ini dirancang sebagai Proof of Concept (PoC) untuk kebutuhan akademik (UTS), dengan mempertimbangkan beberapa aspek keamanan dasar:

AI API Key Protection: API Key Google Gemini disimpan aman di server backend (melalui .env), tidak pernah diekspos ke sisi client (Frontend).
Geo-Restriction Bypass: Akses ke model Gemini di-routing melalui Cloudflare Workers sebagai Forward Proxy, sehingga IP VPS tidak ditolak oleh Google. Worker ini bersifat passthrough dan tidak menyimpan credential.
Data Transport: Komunikasi antara Frontend dan Backend sudah dilindungi enkripsi HTTPS/WSS via Cloudflare/Caddy.

⚠️ Batasan (Known Limitations):

Data Berbasis Simulasi: Seluruh telemetri yang dimunculkan merupakan data mock (dummy) yang dirancang agar menyerupai sensor asli. Tidak ada sensor maupun ESP32 fisik yang terhubung ke dalam sistem.

Tanpa Rate-Limiting: Endpoint /api/analyze belum dilengkapi mekanisme Rate Limiting. Pengguna publik dapat menguras kuota gratis API Gemini jika melakukan spam request.

🚀 Deployment (Production)

Sistem ini sudah di-deploy dan dapat diakses publik.

🌐 Live URL

Aplikasi Web: https://iot.aquarise.my.id
API Endpoint: https://iot.aquarise.my.id/api/analyze
ESP32 Code: https://iot.aquarise.my.id/esp32-code.txt

🏗️ Konfigurasi Server (VPS Linux)

1. Frontend (Caddy Static Hosting) Build Vite di-serve langsung menggunakan Caddy Reverse Proxy dengan auto-SSL dari Cloudflare.

2. Backend (Bun + PM2) Backend berjalan menggunakan runtime Bun yang super cepat dan dijaga tetap hidup oleh PM2.

pm2 start server.js --name iot-backend --interpreter bun
pm2 save

3. Cloudflare Workers (Gemini Proxy) Karena Google Gemini API memblokir request dari IP Indonesia (Geo-restriction), request ke AI di-routing melalui Cloudflare Workers.

// CF Worker URL
GEMINI_PROXY_URL=https://gemini-proxy.yourname.workers.dev

Backend akan otomatis fallback ke local logic (Smart Fallback) jika API Key habis quota atau proxy mati.

💻 Local Development (Quick Start)

Prasyarat

Node.js v18+ atau Bun v1+
Google Gemini API Key (gratis)
Browser modern (Chrome/Firefox/Edge)

1️⃣ Clone Repository

git clone https://github.com/feb027/TugasIoT.git
cd TugasIoT

2️⃣ Setup Backend

cd backend
bun install          # atau: npm install

# Buat file .env
echo "GEMINI_API_KEY=your_api_key_here" > .env

# Jalankan server
bun server.js        # atau: node server.js
# ✅ Server listening on port 3001

3️⃣ Setup Frontend

cd frontend
bun install          # atau: npm install

# Jalankan dev server
bun run dev          # atau: npm run dev
# ✅ Local: http://localhost:5173

4️⃣ Buka Dashboard

Akses http://localhost:5173 di browser.

ℹ️ Catatan: Dashboard berjalan dalam mode Simulasi Telemetri. Anda bisa mencoba berbagai skenario ekosistem (Suhu tinggi, pH asam, dll) dengan menggeser slider pada Control Panel. Nilai data akan berfluktuasi secara otomatis (ditambah noise ±) agar menyerupai perilaku data sensor riil di lapangan.

graph LR
    A["💻 Terminal 1<br/>bun server.js"] --> B["Port 3001<br/>Backend API"]
    C["💻 Terminal 2<br/>bun run dev"] --> D["Port 5173<br/>Frontend UI"]
    D -->|"API Call"| B
    E["🌐 Browser"] -->|"localhost:5173"| D

    style A fill:#16a34a,color:#fff
    style C fill:#0891b2,color:#fff

📁 Struktur Proyek

smart-aquarium-iot/
│
├── 📄 README.md                    # Dokumen ini
├── 📄 laporan_akhir.md             # Laporan lengkap proyek (PDF-ready)
├── 📄 UTS Internet of Things 2026.md  # Naskah soal UTS
├── 📄 prd.md                       # Product Requirements Document
│
├── ⚡ wokwi_sketch.ino             # Firmware ESP32 (C++/Arduino)
├── 📋 diagram.json                  # Skema rangkaian Wokwi Simulator
│
├── 🖥️ skema_rangkaian.html         # Visualisasi skema rangkaian
├── 🏗️ arsitektur_sistem.html       # Diagram arsitektur sistem
├── 📊 flowchart_wqi.html           # Flowchart WQI interaktif
│
├── 🟢 backend/                     # Server Node.js + Express
│   ├── server.js                   # Entry point (REST API + Gemini)
│   ├── .env                        # Environment variables (API Key)
│   └── package.json                # Dependencies backend
│
├── ⚛️ frontend/                    # React Dashboard (Vite)
│   ├── src/
│   │   ├── App.jsx                 # Root component (State, WQI, Anomaly)
│   │   ├── main.jsx                # Entry point React
│   │   ├── index.css               # Global styles + Tailwind
│   │   ├── App.css                 # App-specific styles
│   │   └── components/
│   │       ├── Dashboard.jsx       # Panel utama: Gauge, Chart, Events
│   │       ├── ControlPanel.jsx    # Slider sensor & toggle kontrol
│   │       ├── AIPanel.jsx         # Panel asisten AI Cloud
│   │       ├── HardwareSimulation.jsx  # Modal skema ESP32 (Diagram Wiring)
│   │       ├── TrendChart.jsx      # Line chart Recharts
│   │       ├── GaugeMeter.jsx      # Gauge meter komponen
│   │       └── CustomSlider.jsx    # Slider input kustom
│   ├── tailwind.config.js          # Konfigurasi Tailwind CSS
│   ├── vite.config.js              # Konfigurasi Vite bundler
│   └── package.json                # Dependencies frontend
│
└── 📚 docs/                        # Dokumentasi tambahan
    ├── screenshots/                # Screenshot aplikasi
    │   ├── dashboard_light.png     # Dashboard mode terang
    │   └── dashboard_dark.png      # Dashboard mode gelap
    └── plans/                      # Rencana pengembangan

🔌 Skema Rangkaian ESP32

Berikut adalah pemetaan koneksi GPIO antara ESP32 dan seluruh modul sensor/aktuator:

graph LR
    subgraph "ESP32 DevKit V4"
        ESP["🧮 ESP32"]
    end

    subgraph "Sensor Input"
        T["🌡️ DS18B20<br/>Pin 4 (1-Wire)"]
        PH["⚗️ pH Sensor<br/>Pin 34 (ADC)"]
        TDS["💧 TDS Sensor<br/>Pin 35 (ADC)"]
        NH3["☠️ MQ-135<br/>Pin 32 (ADC)"]
        NTU["🌫️ Turbidity<br/>Pin 33 (ADC)"]
    end

    subgraph "Aktuator Output"
        RL["⚡ Relay Module<br/>Pin 2 (Digital)"]
        LED["🔴 Warning LED<br/>Pin 5 (Digital)"]
        BUZ["🔔 Buzzer<br/>Pin 18 (Digital)"]
    end

    T -->|"Data"| ESP
    PH -->|"Analog"| ESP
    TDS -->|"Analog"| ESP
    NH3 -->|"Analog"| ESP
    NTU -->|"Analog"| ESP
    ESP -->|"Control"| RL
    ESP -->|"Control"| LED
    ESP -->|"Control"| BUZ

    style ESP fill:#1e40af,color:#fff,stroke:#3b82f6,stroke-width:3px
    style RL fill:#dc2626,color:#fff,stroke:#ef4444,stroke-width:2px
    style LED fill:#dc2626,color:#fff,stroke:#ef4444,stroke-width:2px
    style BUZ fill:#dc2626,color:#fff,stroke:#ef4444,stroke-width:2px

Komponen	Jenis Pin	GPIO	Keterangan
DS18B20 (Suhu)	Digital 1-Wire	`GPIO 4`	Dengan pull-up resistor 4.7kΩ
pH Sensor (SEN0161)	Analog (ADC)	`GPIO 34`	Range 0–14 pH
TDS Sensor (SEN0244)	Analog (ADC)	`GPIO 35`	Range 0–1000 ppm
Amonia (MQ-135)	Analog (ADC)	`GPIO 32`	Range 0–5 ppm
Turbidity	Analog (ADC)	`GPIO 33`	Range 0–100 NTU
Relay Module	Digital Output	`GPIO 2`	NO (Normally Open)
Warning LED	Digital Output	`GPIO 5`	Resistor 220Ω
Buzzer	Digital Output	`GPIO 18`	1KHz tone

⚙️ Mekanisme Failsafe

Sistem dirancang dengan prinsip keselamatan otonom: meski internet mati, ESP32 tetap melindungi akuarium.

stateDiagram-v2
    [*] --> Monitoring: Sistem Hidup
    
    Monitoring --> Normal: WQI > 50
    Monitoring --> Critical: WQI ≤ 50
    
    Normal --> Monitoring: Baca Sensor (2s)
    
    Critical --> FailsafeActive: Trigger Lokal
    
    state FailsafeActive {
        [*] --> RelayON: digitalWrite(RELAY, HIGH)
        RelayON --> PompaAktif: Pompa Sirkulasi Menyala
        [*] --> LEDON: digitalWrite(LED, HIGH)  
        LEDON --> LampuMerah: Indikator Darurat
        [*] --> BuzzerON: tone(BUZZER, 1000)
        BuzzerON --> AlarmBerbunyi: Sirine 1KHz
    }
    
    FailsafeActive --> Monitoring: WQI Pulih > 50

🔑 Poin kunci: Failsafe berjalan di loop() firmware — tidak bergantung pada koneksi internet/cloud. Ini adalah garis pertahanan pertama yang melindungi ekosistem akuarium.

🧪 Skenario Pengujian

#	Skenario	Tujuan	Hasil
1	Stabilitas UI	Memastikan chart tidak frame-drop saat data stream konstan	✅ React Virtual DOM + Vite HMR stabil
2	Trigger Alarm Kritis	Injeksi Amonia > 2.5 ppm	✅ LED, Buzzer, Relay aktif + Event Log mencatat
3	Rate Limiting AI	Spam klik "Analisis AI" berturut-turut	✅ Backend mengembalikan HTTP 429 + Cooldown
4	Deteksi Anomali	Lonjakan TDS > 100 ppm/detik	✅ Banner "Anomali Terdeteksi" muncul di UI
5	Failsafe Offline	Matikan koneksi saat WQI kritis	✅ Pompa tetap aktif (Edge Computing)
6	Export CSV	Unduh data histori	✅ File `.csv` valid dengan semua kolom

🗺️ Roadmap Pengembangan

timeline
    title Roadmap Smart Aquarium IoT
    
    section Phase 1 — MVP ✅
        Sensor Integration    : ESP32 + 5 Sensor + Aktuator
        Dashboard UI          : React + Tailwind + Dark Mode
        WQI Algorithm         : Penalty-based scoring
        AI Integration        : Gemini API + Backend wrapper

    section Phase 2 — Enhancement 🚧
        Auto Feeder           : Servo motor + jadwal pakan AI
        Mobile App            : React Native / Flutter
        Push Notification     : Alert darurat ke smartphone
        MQTT Broker Publik    : HiveMQ / EMQX Cloud

    section Phase 3 — Advanced 🔮
        Computer Vision       : Kamera IP waterproof + deteksi perilaku ikan
        Multi-Tank Support    : Manajemen beberapa akuarium
        Data Analytics        : Grafik multi-minggu + ML prediction
        Komersial Release     : Produk jadi siap pasar

👥 Tim Pengembang

Proyek ini dikerjakan sebagai tugas UTS Internet of Things di bawah bimbingan:

Peran	Nama
📚 Dosen Pengampu	Reza Febriana, S.Kom., M.Kom., CEH.
🏫 Institusi	Program Studi Informatika, Fakultas Teknik, Universitas Siliwangi
📅 Semester	Genap 2025/2026

📜 Lisensi

Proyek ini dibuat untuk keperluan akademis (UTS IoT Semester 6). Diizinkan digunakan sebagai referensi pembelajaran.

Navigation Menu

Repository files navigation

🐠 Aquarius — Smart Aquarium IoT

📖 Tentang Proyek

🌊 Fitur Utama

🏗️ Arsitektur Sistem

Topologi Edge-to-Cloud

Sequence Diagram — Aliran Data

🔌 Skema Hardware Simulasi (Wiring Referensi)

⚙️ Variabel Lingkungan (.env)

🔧 Tech Stack

🔌 Edge / IoT

⚛️ Frontend

🟢 Backend & Cloud

📡 Protokol & AI

📸 Screenshot

📐 Flowchart WQI (Water Quality Index)

🧠 Alur Kerja AI (Gemini Cloud Brain)

🔒 Aspek Keamanan & Batasan (Security & Limitations)

🚀 Deployment (Production)

🌐 Live URL

🏗️ Konfigurasi Server (VPS Linux)

💻 Local Development (Quick Start)

Prasyarat

1️⃣ Clone Repository

2️⃣ Setup Backend

3️⃣ Setup Frontend

4️⃣ Buka Dashboard

📁 Struktur Proyek

🔌 Skema Rangkaian ESP32

⚙️ Mekanisme Failsafe

🧪 Skenario Pengujian

🗺️ Roadmap Pengembangan

👥 Tim Pengembang

📜 Lisensi

About

Releases

Packages

Contributors

Languages

Name		Name	Last commit message	Last commit date
backend		backend
cloudflare-workers		cloudflare-workers
docs		docs
frontend		frontend
README.md		README.md
UTS Internet of Things 2026.md		UTS Internet of Things 2026.md
arsitektur_sistem.html		arsitektur_sistem.html
contoh-alur.html		contoh-alur.html
diagram.json		diagram.json
flowchart_wqi.html		flowchart_wqi.html
laporan_akhir.md		laporan_akhir.md
lint.json		lint.json
prd.md		prd.md
progres.md		progres.md
sensor_research.md		sensor_research.md
skema_rangkaian.html		skema_rangkaian.html
tugas.md		tugas.md
wokwi_sketch.ino		wokwi_sketch.ino

Latest commit

History

Folders and files

Repository files navigation

🐠 Aquarius — Smart Aquarium IoT

📖 Tentang Proyek

🌊 Fitur Utama

🏗️ Arsitektur Sistem

Topologi Edge-to-Cloud

Sequence Diagram — Aliran Data

🔌 Skema Hardware Simulasi (Wiring Referensi)

⚙️ Variabel Lingkungan (.env)

🔧 Tech Stack

🔌 Edge / IoT

⚛️ Frontend

🟢 Backend & Cloud

📡 Protokol & AI

📸 Screenshot

📐 Flowchart WQI (Water Quality Index)

🧠 Alur Kerja AI (Gemini Cloud Brain)

🔒 Aspek Keamanan & Batasan (Security & Limitations)

🚀 Deployment (Production)

🌐 Live URL

🏗️ Konfigurasi Server (VPS Linux)

💻 Local Development (Quick Start)

Prasyarat

1️⃣ Clone Repository

2️⃣ Setup Backend

3️⃣ Setup Frontend

4️⃣ Buka Dashboard

📁 Struktur Proyek

🔌 Skema Rangkaian ESP32

⚙️ Mekanisme Failsafe

🧪 Skenario Pengujian

🗺️ Roadmap Pengembangan

👥 Tim Pengembang

📜 Lisensi

About

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages