Traditional Media / News
Strengths
Wide reach Established
Weaknesses
No verification Ephemeral No accountability tracking
Project Proposal v1.1Project Proposal v1.1 · Codename: No Omon-Omon
The Talk &
The Walk
Turning political rhetoric into environmental accountability through AI and community action.
Product
WIWOKDETOK
Members
- Meilyan Siwy
- Oxilia Kosegeran
Institution
Klabat University
Category
Web App
Scroll to initialize
Problem & Urgency
Politicians make environmental promises; citizens have no way to verify what was said vs. what is actually happening on the ground. The gap between rhetoric and reality undermines trust and blocks accountability.
Social Media Activism
Strengths
Viral potential Community-driven
Weaknesses
Unverified claims Echo chambers No legal grounding
WIWOKDETOK
Strengths
Single source of truth AI + community verification Legal tools built-in
Weaknesses
Requires user participation Crawl dependency
| Platform | Strengths | Weaknesses |
|---|---|---|
| Traditional Media / News | Wide reach Established | No verification Ephemeral No accountability tracking |
| Social Media Activism | Viral potential Community-driven | Unverified claims Echo chambers No legal grounding |
| WIWOKDETOK | Single source of truth AI + community verification Legal tools built-in | Requires user participation Crawl dependency |
Impact of the Website
1
Restored Public Trust
Creates a transparent, verifiable record that holds officials accountable to their environmental promises.
2
Citizen Empowerment
Equips ordinary citizens with AI-driven legal tools to report violations effectively and safely.
3
Data-Driven Policy Pressure
Aggregates community evidence into actionable data that NGOs and media can use to drive real change.
4
Environmental Visibility
Maps local ecological issues in real-time, making invisible problems impossible to ignore.
Solutions &
Objectives
WIWOKDETOK provides a single source of truth where the rakyat kecil can compare what politicians say with what is actually happening on the ground. The Talk (promises) meets The Walk (evidence) — with legal tools and AI to make accountability real.
The Talk Ledger
Continuously updated, publicly verifiable feed of environmental promises. Daily webcrawl, AI summaries, Walk-o-Meter scores, and Watchdog Commentary.
Bang Jaga AI
RAG-grounded legal assistant for Perda/UU. Draft Surat Pengaduan, upload evidence, live-streaming preview, PDF export, Share to Map.
Walk-o-Meter
Interactive map and evidence feed. Community verifications (Yes/No + photo + GPS), citizen complaints, trust tiers, Regional Leaderboard.
Profile & Gamification
7 Watchdog Levels from Warga Baru to Penjaga Lingkungan. Verified Citizen Badge, XP for civic actions, notification triggers.
Key Benefits
For Citizens
Verify local promises, report environmental violations with AI legal assistance, and gain a unified voice to demand accountability.
For Institutions
Access structured, community-verified data to oversee policy implementation and track regional sustainability goals efficiently.
For the Community
Build collective evidence through crowdsourced reporting, fostering a culture of active environmental stewardship and transparency.
Boundaries & Scope
Target personas, core functions, and platform boundaries for WIWOKDETOK.
Primary Users
Pak Budi (The Impacted): Android 10, prepaid data, low tech literacy — needs to stop factory waste near his house. Siska (The Urban Watchdog): iPhone, 5G, high tech literacy — wants to see which politicians meet carbon goals.
Rakyat KecilIndonesia
Functions
- Promise Tracker (Talk Ledger)
- Bang Jaga AI (Legal Assistant)
- Walk-o-Meter (Map & Evidence Feed)
Limitations
- Vote/Report/Comment require auth
- Bang Jaga AI: authenticated only
- Indonesian localization primary
Platform Support
Web app. Next.js App Router. Mobile-first for Pak Budi (low-end Android). Data-Saver mode for prepaid users. Map tiles, feed, and chat optimized for 4G.
DesktopFull Feature
MobileFull Feature + Data-Saver
The Unforgettable
Difference
WIWOKDETOK bridges The Talk (what politicians promise) and The Walk (what actually happens). The Walk-o-Meter score combines community Yes/No votes (60%) with official progress (40%) — a single, verifiable accountability metric.
Bang Jaga AI grounds answers in real Perda and UU via RAG. No invented laws. Citizens get Surat Pengaduan drafts, evidence upload, and Share to Map — turning consultation into on-the-ground visibility.
7 Levels
Watchdog Hierarchy (Warga Baru → Penjaga Lingkungan)
25+ Votes
Ground Truth Badge Threshold
Live & Scalable
Production Ready.
Not just a final exam project.
We aim higher than typical competition entries. WIWOKDETOK is engineered with high-quality, fully functional architecture designed for real-world deployment and scalability.
Fully Functional Architecture
Not a mockup. Real database, real authentication, and live API integrations.
Enterprise-Grade Tech
Built on Next.js App Router, Supabase, and pgvector for scalable performance.
Advanced AI Integration
Production RAG pipelines using Gemini Flash and vector embeddings, not just simple API wrappers.
Secure & Tested
Implemented with strict boundaries, authentication flows, and thorough documentation.
Project Timeline
From concept to production-ready system in under two weeks.
2-3 March
Brainstorm Ideas
Ideation, problem definition, and conceptualizing the core features of WIWOKDETOK.
3-4 March
Building PRD & Documentation
Drafting the Product Requirements Document, defining acceptance criteria, and establishing the single source of truth.
4-13 March
Developing
Vibe coding and document-driven system development. Building the full web architecture and AI integrations.
15 March
Building Proposal
Finalizing the presentation, documentation, and this very proposal page for submission.
Document Driven Development
How we built a production-ready system on a tight timeline using Vibe Coding.
Vibe Coding Workflow
Single Source of Truth for AI Agents
Before writing a single line of code, we initiated all requirements, documentation, acceptance criteria, and expected results. This document-first approach ensures the AI agent has a perfectly clear understanding of the project goals.
- Zero Ambiguity: Detailed PRDs eliminate guesswork for the AI.
- Rapid Iteration: Focus shifts from typing code to architectural direction.
- High Quality: Acceptance criteria are baked into the prompt context.
1. Documentation
PRD, Specs, Criteria
2. AI Agent
Context-Aware Coding
3. Production
High-Quality Output
Technology Stack
Next.js 16, Supabase, Gemini Flash, MapLibre. FCP < 2s on 4G.
Frontend
- Next.js 16
- App Router
- Tailwind CSS v4
- Motion
Database & Auth
- Supabase
- Auth (Google OAuth + Email)
- pgvector
- Storage
AI & PDF
- Google Gemini Flash
- RAG (embeddings)
- Puppeteer (PDF)
- Server Actions
Map & Deploy
- MapLibre GL JS
- OpenStreetMap
- Vercel
- Resend (Email)
API & Integrations
| Service / API | Function | Data Used |
|---|---|---|
| Google Gemini API | RAG chat, summarization, text embeddings | User queries, Perda/UU text, promise texts |
| MapLibre GL JS | Interactive map rendering, clustering | GeoJSON coordinates, map tiles |
| Supabase REST/Realtime | Data sync, auth, vector search | User profiles, votes, comments, embeddings |
| Resend API | Transactional emails, notifications | Email addresses, notification content |
Quality Assurance &
Feedback
E2E tests cover gamification flows and auth guards. Performance, accessibility, and moderation rules are defined per feature spec.
E2E Coverage
Playwright E2E for profile Watchdog levels: baseline, XP increase, level transition at 100 XP, persistence. Auth guard on protected actions.
Performance Targets
Home feed FCP < 2s; evidence feed FCP < 1.5s; all on 4G. Non-functional requirements from PRD §6.
Accessibility
WCAG 2.1 AA minimum. All interactive elements keyboard-navigable. Min tap target 48×48dp.
Moderation & Security
UGC thresholds per feature docs. Malware scan on uploads. Location data never exposed beyond city-level.
E2E Coverage
profile-watchdog.spec.ts
Profile Watchdog Level
XP Increase
Level Transition
Auth Guard
FCP Targets
Attachments &
Repository
PRD, feature specs (feat-promise-tracker, feat-bang-jaga, feat-walk-o-meter, feat-profile), and docs.
WIWOKDETOK Demo
Walk-o-Meter map with evidence pins. Bang Jaga AI chat. The Talk Ledger promise feed.
Video Coming Soon
LIVE_FEED
REC_001
00:00:00 / 00:05:32