🚀
HEARTWARE DIGITAL DESA
Solusi Digital Terintegrasi untuk Desa Modern
Dari Web Desa Individual hingga Monitoring Regional 50+ Desa
Dengan Kontrol Penuh & Akses Berbeda untuk Setiap Level
🏢 Web Desa Dotte - Arsitektur
Sistem Informasi & Layanan Publik Desa Berbasis Web
📰
Publikasi
Berita, Galeri, Video, Sambutan Lurah
📊
Statistik
Penduduk, Infografis, Demografi
📋
Layanan
Surat Online, Pengaduan, Aspirasi
💰
Bansos
Jenis, Penerima, Distribusi
💵
APBDes
Pendapatan, Belanja, Pembiayaan
🗺️
GIS & Dokumen
Peta, Dokumen Publik, UMKM
Teknologi: Laravel 10, Bootstrap, Chart.js, Leaflet.js | Database: MySQL | Storage: Local + Cloud
✨ Web Desa - Fitur Utama
Untuk Admin Desa
- Kelola semua konten (berita, galeri, video)
- Manage data penduduk & statistik
- Approve surat online & pengaduan
- Input bansos & distribusi
- Kelola APBDes & laporan keuangan
- Kelola GIS & dokumen publik
Untuk Masyarakat
- Akses informasi desa yang lengkap
- Lihat statistik & infografis
- Ajukan surat online
- Kirim pengaduan & aspirasi
- Lihat status surat online
- Akses dokumen publik
Authentication: Multi-guard (web admin, masyarakat) | Email Notifications: Status surat, pengaduan updates
🔌 Web Desa - API Publik
Endpoint terbuka untuk integrasi dengan sistem monitoring regional
Keamanan API
- ✓ API Key Authentication (header: X-API-KEY)
- ✓ Rate Limiting (60 req/min per key)
- ✓ Data masking (no sensitive info)
Endpoint Utama
| Endpoint |
Deskripsi |
Return |
| GET /api/public/penduduk |
Data penduduk (filter by RT, RW, pekerjaan, pendidikan) |
JSON paginated |
| GET /api/public/bansos/* |
Jenis, penerima, distribusi bansos |
JSON array |
| GET /api/public/apbdes |
Pendapatan, belanja, pembiayaan desa |
JSON detail |
| GET /api/public/summary |
Ringkasan untuk monitoring (total penduduk, bansos, APBDes realisasi) |
JSON summary |
Dokumentasi: Swagger UI di /docs | Notifikasi: Email saat surat online status berubah
🗄️ Web Desa - System Design & Database
Arsitektur Sistem
┌─────────────────────────────────────────┐
│ WEB DESA DOTTE │
│ (Laravel 10 + MySQL) │
├─────────────────────────────────────────┤
│ Presentation Layer (Blade + Bootstrap) │
│ + Admin Panel + Masyarakat Portal │
├─────────────────────────────────────────┤
│ Application Layer │
│ Controllers → Services → Models │
│ (Business Logic, Validasi, Auth) │
├─────────────────────────────────────────┤
│ Data Access Layer │
│ Repositories, Query Builders, Cache │
├─────────────────────────────────────────┤
│ Database Layer (MySQL) │
│ 15+ Tables (users, penduduk, bansos...) │
└─────────────────────────────────────────┘
Core Tables
- 📋 users (admin, masyarakat)
- 👥 penduduk (RT, RW, data detail)
- 🎁 jenis_bansos (tipe bansos)
- 💰 penerima_bansos (penerima, KK)
- 📦 distribusi_bansos (logistik)
- 📰 berita (konten, publish)
- 🖼️ galeri (foto, kategori)
- 📄 surat_online (aplikasi)
- 💬 pengaduan (aspirasi, feedback)
- 💵 apbdes (pendapatan, belanja)
- 📋 dokumen (publik, download)
- 🏢 umkm (data usaha lokal)
🔄 Web Desa - Data Flow & API Integration
Internal Data Flow
Masyarakat Admin Desa
│ │
│ Input (Surat, Pengaduan) │ Input (Konten, Data)
▼ ▼
┌──────────────────────────────────────┐
│ API Requests + Form Submissions │
└──────────────────────────────────────┘
│
▼
┌──────────────────────────────────────┐
│ Laravel Controllers & Middleware │
│ (Auth, Validation, Authorization) │
└──────────────────────────────────────┘
│
▼
┌──────────────────────────────────────┐
│ Database (MySQL) │
│ + File Storage (Uploads) │
└──────────────────────────────────────┘
│
▼
┌──────────────────────────────────────┐
│ Notifications │
│ • Email (Surat status, Pengaduan) │
│ • In-app (Dashboard alerts) │
└──────────────────────────────────────┘
API Public Endpoints (untuk Monitoring)
GET /api/public/summary → Ringkasan desa (total penduduk, bansos, APBDes)
GET /api/public/penduduk → Data demografis (filter, pagination)
GET /api/public/bansos → Distribusi bansos (per bulan, per KK)
GET /api/public/apbdes → Keuangan desa (realisasi, timeline)
Security: API Key (X-API-KEY header) + Rate Limit (60 req/min) + JWT middleware untuk internal
📋 Problem Statement
Saat Ini (As-Is)
- 🔴 50+ desa punya web sendiri-sendiri
- 🔴 Data terpisah di 10 kabupaten berbeda
- 🔴 Pemerintah provinsi tidak bisa monitor
- 🔴 Tidak ada dashboard terpusat
- 🔴 Sulit membandingkan performa antar desa
- 🔴 Tidak ada visibility regional
Yang Kita Inginkan (To-Be)
- ✅ Satu dashboard pusat agregasi 50+ desa
- ✅ Setiap desa tetap manage web sendiri
- ✅ Pemerintah provinsi bisa monitor semua
- ✅ Pemerintah kabupaten hanya lihat desa sendiri
- ✅ Real-time data sync & alerts
- ✅ Mobile app untuk akses mudah
Solusi: Build Monitoring Heartware Digital Desa Platform + Keep Individual Desa Instances
🎯
MONITORING HEARTWARE DIGITAL DESA
Platform Terpusat Monitoring 50+ Desa
Satu web yang mengagregasi data dari semua desa
Dengan kontrol akses berbeda untuk setiap level
Publik → Kabupaten → Provinsi → Heartware Digital
🗄️ Monitoring - System Design & Database
Arsitektur Multi-Layer
┌─────────────────────────────────────────┐
│ MONITORING HEARTWARE DIGITAL DESA │
│ (Laravel 12 + PostgreSQL + Redis) │
├─────────────────────────────────────────┤
│ Frontend Layer (Vue.js 3) │
│ • Public Dashboard │
│ • Auth Dashboard (Kab/Prov) │
│ • Admin Panel │
├─────────────────────────────────────────┤
│ API Layer (REST + Webhooks) │
│ • Dashboard Endpoints │
│ • Desa Management APIs │
│ • Sync & Alert APIs │
├─────────────────────────────────────────┤
│ Business Logic (Services & Jobs) │
│ • SyncService (pull dari 50+ desa) │
│ • AggregationService (compute summary) │
│ • AlertService (notifikasi) │
├─────────────────────────────────────────┤
│ Cache Layer (Redis) │
│ • Desa summaries (updated every 10 min) │
│ • Dashboard cards & charts │
├─────────────────────────────────────────┤
│ Database (PostgreSQL) │
│ • 12 Tables (users, desa, api_keys...) │
│ • Audit logs (immutable) │
└─────────────────────────────────────────┘
Core Tables (PostgreSQL)
| Table |
Fields |
Purpose |
| users |
id, name, email, role, kabupaten_id |
Auth user (admin, kabupaten, provinsi) |
| kabupatens |
id, nama, provinsi, koordinat |
10 kabupaten/kota |
| desas |
id, nama, kabupaten_id, api_url, api_key |
50+ desa dengan API endpoint |
| desa_summaries |
desa_id, total_penduduk, total_bansos, apbdes_data, updated_at |
Cache agregat dari API desa |
| sync_logs |
id, desa_id, status, error_msg, synced_at |
Tracking setiap sync (success/fail) |
| audit_logs |
id, user_id, action, model, changes, created_at |
Immutable log semua perubahan |
🔄 Monitoring - Data Sync & Cache Strategy
Pull-Based Sync Architecture
Every 10 Minutes (Laravel Scheduled Job)
│
▼
┌──────────────────────────────────┐
│ SyncService::syncAllDesas() │
│ (Async Queue - Background Job) │
└──────────────┬───────────────────┘
│
┌──────────┼──────────┐
│ │ │
▼ ▼ ▼
┌────────┐ ┌────────┐ ┌────────┐
│Desa A │ │Desa B │ │Desa N │
│ API │ │ API │ │ API │
└────┬───┘ └────┬───┘ └────┬───┘
│ │ │
└──────────┼──────────┘
│
▼
Validate Response
(Status 200, JSON valid)
│
├─→ SUCCESS: Update desa_summaries in DB
│ Cache to Redis (30 min TTL)
│ Log to sync_logs (status: success)
│
└─→ FAIL: Log error, Retry (3x)
If still fail → Alert to admin
Keep old cache until next success
Cache Strategy
Redis Cache Keys
desa_summary:{desa_id} → Individual desa
dashboard:all → All 50 desa summary
kabupaten:{kab_id} → Filtered per kabupaten
TTL & Invalidation
✓ Cache TTL: 30 minutes
✓ Auto refresh: Every 10 min sync
✓ Manual invalidate: Admin trigger
✓ Fallback: Old cache if sync fails
🏗️ Arsitektur Sistem Monitoring
┌──────────────────────────────────────────┐
│ MONITORING HEARTWARE DIGITAL DESA │
│ (Central Dashboard + Mobile Apps) │
│ Laravel 12 + PostgreSQL + Redis │
└────────────────────┬─────────────────────┘
│
┌─────────────┼─────────────┐
│ │ │
▼ ▼ ▼
┌────────┐ ┌────────┐ ┌────────┐
│Desa A │ │Desa B │ │Desa N │
│/api/..│ │/api/..│ │/api/..│
└────────┘ └────────┘ └────────┘
│ │ │
└─────────────┼─────────────┘
Every 10 min
Pull via API Keys
Cache to Redis
Serve Dashboard
Key Point: Pull-based sync (bukan push), data cached di Redis, toleran kalau desa offline, async queue untuk scalability
👥 Role & Permission (1/2)
1️⃣ Publik (Tanpa Login)
✓ Dashboard summary agregat semua 50 desa
✓ Total penduduk, bansos, APBDes realisasi
✓ Daftar desa + detail (statistik, berita, galeri)
✗ Tidak bisa lihat nama penduduk atau data sensitif
2️⃣ Pemerintah Kabupaten (10 users)
✓ Dashboard desa-desa di kabupaten masing-masing SAJA
✓ Detail statistik, bansos, APBDes, surat online per desa
✓ Perbandingan antar desa dalam 1 kabupaten
✗ TIDAK bisa lihat desa kabupaten lain
3️⃣ Dinas Kominfo Provinsi (1 user)
✓ SEMUA desa di SEMUA 10 kabupaten
✓ Perbandingan desa dari kabupaten berbeda
✓ Regional KPI report + monitoring alerts
✗ Readonly access (tidak bisa edit)
👥 Role & Permission (2/2)
4️⃣ Tim Heartware Digital (Superadmin)
✓ Full access: CRUD kabupaten, desa, users, API keys
✓ Manage system settings, sync scheduling, monitoring
✓ View audit logs (immutable, semua perubahan tercatat)
✓ Manual trigger sync, system monitoring & alerts
Access Matrix
| Feature |
Publik |
Kabupaten |
Provinsi |
Heartware |
| Dashboard Summary |
✅ |
✅ |
✅ |
✅ |
| Detail Desa Sendiri |
- |
✅ |
✅ |
✅ |
| Lihat Semua Desa |
- |
- |
✅ |
✅ |
| Manage Users & API Keys |
- |
- |
- |
✅ |
📊 Monitoring Dashboard - Fitur Utama
1. Public Dashboard (No Login)
- Hero cards: 50 desa, 250K penduduk, Rp X bansos, APBDes realisasi
- Desa grid dengan search & filter dinamis
- Berita agregat real-time dari semua desa
2. Kabupaten Dashboard
- Dashboard cards untuk desa-desa sendiri saja (filtered)
- Detail statistics, bansos, APBDes per desa
- Trend chart (6 bulan) bansos distribution
- Surat online pending list (desa sendiri)
3. Provinsi Dashboard
- ALL desa summary dari semua kabupaten
- Comparison multiple desa berbeda kabupaten
- Regional KPI report + alert management
- Readonly access (view only, no edit)
🛠️ Technology Stack
Backend
Laravel 12
PostgreSQL
Redis
- Queue System (async jobs)
- JWT Authentication
- Role-based Access Control
- Telescope (debugging)
Frontend & Mobile
Vue.js 3
Tailwind CSS
Flutter (Phase 2)
- Real-time Charts (ApexCharts)
- GIS Maps (Leaflet.js)
- Mobile Responsive
- Offline Support
Infrastructure: VPS/Kubernetes + GitHub Actions CI/CD + Sentry Error Tracking + DataDog Monitoring
⚙️ Admin Panel (Heartware Only)
Dashboard Management
- CRUD Kabupaten (10 kabupaten)
- CRUD Desa (50+ desa, assign to kabupaten)
- User Management (create, edit, delete, assign role)
- API Key Management (generate, test, rotate, usage stats)
Monitoring & Logs
- Sync Status Tracker (kapan last sync, error logs)
- Manual trigger sync (all or per desa)
- Audit logs (immutable, semua perubahan tercatat)
- System settings (mail, notification frequency)
Alerts & Notifications
- Desa offline > 1 jam → Auto alert
- Sync error > 3x consecutive → Warning
- API rate limit exceeded → Critical
📅 Implementation Timeline (MVP)
Week 1-2: Foundation
Setup Laravel 12, PostgreSQL, Auth system, API key management
Week 3-4: Sync Engine
Build sync job, Redis cache, sync status tracker, error handling
Week 5-6: Backend APIs
Dashboard endpoints, desa filtering, comparison, alerts
Week 7-8: Frontend (Vue.js)
Public dashboard, desa list, detail view, components
Week 9-10: Auth Dashboard
Role-based dashboard, desa filtering, comparison view
Week 11-12: Admin Panel
CRUD operations, user management, audit logs, monitoring
Week 13-14: Testing & Deploy
Unit/E2E tests, security audit, staging & production
Total: 14 minggu (3.5 bulan) untuk MVP
💰 Cost Estimation
Development (One-Time)
| Web Development (MVP) |
Rp 300 - 600 juta |
| Backend + Frontend + Admin + Testing (8-12 weeks) |
|
Infrastructure (Monthly)
| VPS Server (2-4 vCPU, 4-8GB RAM) |
Rp 5 - 8 juta |
| Managed PostgreSQL |
Rp 1 - 2 juta |
| CDN + Monitoring + Sentry |
Rp 1 - 2 juta |
| Total/Bulan |
Rp 7 - 12 juta |
💎 Total Tahun Pertama: Rp 600 juta - 1.2 miliar
✨ Key Benefits
📈
Skalabilitas
Dari 50 desa bisa scale ke 200+ tanpa redesign
🔒
Security
JWT, role-based access, audit logs, encryption
⚡
Performance
Redis cache, async queue, toleran offline
📱
Multi-Channel
Web dashboard + mobile apps (Phase 2)
📊
Insights
Comparison, trends, alerts, real-time monitoring
🤝
Collaboration
Multi-level access, granular permissions
🚀 Next Steps
Immediate (Minggu Depan)
- Approve architecture & tech stack (Laravel 12 + PostgreSQL)
- Finalize budget & timeline dengan stakeholders
- Identify team leads (10 kabupaten, provinsi)
- Setup project repository (GitHub)
- Kick-off meeting dengan tim development
Phase 1 Execution
- Setup infrastructure (VPS, PostgreSQL, Redis)
- Start Foundation (DB schema, auth, models)
- Build sync engine dengan async queue
- Iterate dengan 5 pilot desa (test real API)
- Launch ke semua 50+ desa
Phase 2 Planning
- Mobile app development (Flutter)
- Advanced reporting & analytics
- Predictive alerts & anomaly detection
❓
Questions & Discussion
Terima kasih atas perhatian
Mari kita wujudkan Heartware Digital Desa untuk Indonesia! 🎉
📧 Contact: admin@heartware.id
🔗 Dashboard: monitoring.heartware.id
💻 GitHub: github.com/heartware/monitoring-desa
1 / 21