Matani App – Panduan Implementasi Juri

Selamat datang di panduan resmi untuk menilai proyek Matani App. Dokumen ini menuntun juri menyiapkan backend, layanan Supabase, dan aplikasi mobile Expo hingga bisa diuji langsung di perangkat masing-masing.

2 opsi untuk menjalankan aplikasi:

A.) Melalui public QR & Link

B.) Setup manual in local computer

---

A.) Melalui public QR & Link

• Scan QR (IOS)

ATAU LINK DIBAWAH

https://expo.dev/preview/update?message=ios+production%3A+moment+of+truth&updateRuntimeVersion=1.0.0&createdAt=2025-10-12T16%3A30%3A50.303Z&slug=exp&projectId=8412a993-1dcd-42cd-a433-ece093519147&group=b81bf928-6b26-4646-9bbf-dbe08bdf8c0b

• Scan QR (ANDROID)

ATAU LINK DIBAWAH

https://expo.dev/preview/update?message=android+production%3A+moment+of+truth%2C+will+matani+win%3F%21%3F%21+yapastilah+egiluy+kali+%28habis+update+domain+backend%29&updateRuntimeVersion=1.0.0&createdAt=2025-10-12T10%3A46%3A34.180Z&slug=exp&projectId=8412a993-1dcd-42cd-a433-ece093519147&group=83c83d43-1e90-4fe1-bda1-3c0d02d71813

B.) Setup manual in local computer

1. Ringkasan Proyek

• Tujuan: membantu petani memantau lahan, NDVI, cuaca mikro, dan mencatat temuan lapangan.
• Komponen utama:
  • Frontend Expo/React Native (/app)
  • Backend Express (/backend) yang menjembatani NDVI Sentinel Hub, AccuWeather/Open-Meteo, dan Gemini AI
  • Supabase sebagai autentikasi, penyimpanan lahan, catatan, dan bucket thumbnail

2. Prasyarat Perangkat & Akun

• Pastikan perangkat mobile dan laptop berada pada jaringan Wi-Fi yang sama.
• Laptop/desktop dengan Node.js 18 LTS atau lebih baru (node -v untuk verifikasi)
• npm v9+ (otomatis terpasang bersama Node)
• Aplikasi Expo Go pada perangkat Android/iOS juri
• dianjurkan untuk menggunakan Android/Ios dikarenakan base matani adalah aplikasi :D.

3. Kloning & Instalasi Dependensi (terminal tab ke-1)

1) Kloning repository

1. a) cd D:\
1. b) git clone https://github.com/ezzeddinp/matani-app.git
1. c) cd matani-app
1. d) npm install

2) Run frontend Expo (terminal tab ke-2)

2. a) npx expo start
2. b) scan QR Code menggunakan kamera bawaan device

- file .env untuk FE -> matani-app/.env:
EXPO_PUBLIC_SUPABASE_URL=https://[blablabla].supabase.co
EXPO_PUBLIC_SUPABASE_PUBLISHABLE_KEY=
EXPO_PUBLIC_API_URL=

3) Instal dependensi backend Express (terminal tab ke-3)

3. a) cd backend
4. b) node index.js

- buat folder & file untuk BE -> matani-app/backend/.env:
# Sentinel Hub API credentials
SENTINEL_CLIENT_ID=
SENTINEL_CLIENT_SECRET=

EXPO_PUBLIC_SUPABASE_URL=
EXPO_PUBLIC_SUPABASE_PUBLISHABLE_KEY=

ACCUWEATHER_API_KEY=

GOOGLE_MAP_FOR_IOS=
GOOGLE_MAP_FOR_ANDROID=

GOOGLE_GENERATIVE_AI_API_KEY=

MATANI_GEMINI_MODEL=

• Console akan menampilkan endpoint aktif (/weather, /ndvi, /ai).
• Biarkan terminal ini tetap terbuka selama demo aplikasi.

# Tips terminal (CMD/ Powershell)
- CTRL + C untuk memberhentikan aplikasi.
- Ketik "C" untuk menampilkan ulang QR Code
- Ketik "R" untuk restart aplikasi

Selamat Mencoba