Infrastructure & Tech Stack

Sistem Smart Home IoT SKARIGA dibangun dengan arsitektur modern menggunakan layanan cloud terpercaya dan protokol IoT standar industri. Berikut adalah komponen infrastruktur yang digunakan dalam proyek ini.

← Kembali

Project by: Samuel Indra Bastian • SMK PGRI 3 Malang

⚛️

Frontend Dashboard

Web Application

User interface untuk monitoring dan kontrol perangkat IoT secara real-time

Next.js 15 (App Router), TypeScript, Tailwind CSS, React

☁️

Hosting & Deployment

Cloud Platform

Deploy dan hosting aplikasi web dengan CI/CD otomatis

AWS Amplify (Git-based deployment, CDN global, SSL auto)

🔐

Authentication & Database

Backend Service

Manajemen user, autentikasi, dan penyimpanan data pengguna

Appwrite (Cloud) - Account sessions, Database, API

📡

MQTT Broker VPS

Message Broker

Real-time communication antara dashboard dan perangkat ESP32

AWS Lightsail VPS - Mosquitto MQTT broker dengan WebSocket (wss://)

🔌

IoT Devices

Hardware

Microcontroller untuk kontrol relay dan sensor

ESP32-S2 Mini, relay modules, sensors

🔄

Real-time Protocol

Communication

Protocol pub/sub untuk device command dan status updates

MQTT over WebSocket (mqtt.js client library)

Architecture Flow

User Access: Pengguna mengakses dashboard melalui AWS Amplify (CDN global dengan HTTPS)

Authentication: Login via Appwrite menggunakan email/password, session disimpan sebagai cookie

MQTT Connection: Browser terhubung ke Mosquitto broker di AWS Lightsail via WebSocket (wss://)

Device Control: Dashboard publish command ke topik MQTT, ESP32 subscribe dan eksekusi perintah relay

Status Updates: ESP32 publish status device, dashboard subscribe dan update UI secara real-time

✅

Scalable

Cloud infrastructure yang dapat scale sesuai kebutuhan traffic

🔒

Secure

TLS/SSL encryption untuk semua koneksi, autentikasi Appwrite

⚡

Real-time

MQTT protocol untuk komunikasi instan antara device dan dashboard

💡 Infrastructure Highlights

Cost-effective: AWS Lightsail memberikan harga VPS yang terjangkau untuk MQTT broker
Developer-friendly: Appwrite menyediakan SDK dan API yang mudah digunakan untuk auth dan database
Modern stack: Next.js 15 dengan App Router dan TypeScript untuk type-safe development
Global reach: AWS Amplify CDN memastikan dashboard dapat diakses dengan cepat dari seluruh dunia