Inspiration
Inspirasi utama proyek PAPAN (Papua Mandiri) lahir dari sebuah paradoks yang memprihatinkan: Papua, sebuah wilayah dengan kekayaan alam dan pangan lokal yang melimpah seperti sagu dan buah merah, justru menempati posisi terendah dalam Indeks Pembangunan Manusia di Indonesia. Rendahnya keterlibatan masyarakat adat dalam mengelola sumber daya mereka sendiri, terbatasnya diversifikasi produk olahan, serta minimnya akses terhadap edukasi dan teknologi menjadi tantangan besar. Kami terinspirasi untuk menjembatani kesenjangan ini dan membantu mewujudkan tujuan SDGs, khususnya dalam mengurangi ketidaksetaraan dan meningkatkan kualitas pendidikan.
What it does
PAMAN (Papua Mandiri) adalah sebuah platform web terintegrasi yang berfungsi sebagai jembatan digital antara komunitas lokal Papua dengan peluang ekonomi dan pendidikan yang lebih luas. Secara spesifik, platform ini melakukan beberapa hal:
Edukasi & Pemberdayaan: Menyediakan materi pembelajaran yang kaya (teks, gambar, video) tentang cara mengolah sumber daya alam lokal menjadi produk bernilai jual tinggi, mulai dari abon ikan hingga minuman sehat buah merah.
Kolaborasi Multi-pihak: Menciptakan alur kerja yang jelas antara tiga peran utama: Admin Komunitas yang dapat mengajukan produk, Admin Pemerintah yang dapat meninjau dan memesan produk tersebut, dan Super Admin yang mengelola keseluruhan platform.
Asisten Cerdas "Paman AI": Menghadirkan asisten AI kontekstual yang dapat menjawab pertanyaan pengguna secara spesifik berdasarkan konten materi yang ada di platform, membuatnya menjadi "ahli" dalam pengolahan pangan Papua.
Manajemen Pesanan & Riwayat: Memfasilitasi proses pemesanan produk oleh pemerintah dan memungkinkan semua pihak untuk melacak riwayat serta status dari setiap pengajuan dan pesanan.
How we built it
Platform ini dibangun di atas tumpukan teknologi modern yang berfokus pada kinerja, skalabilitas, dan pengalaman pengguna yang interaktif.
Framework: Next.js 14+ dengan App Router dipilih untuk kemampuannya dalam Server-Side Rendering (SSR) dan Server Components, memastikan halaman dapat diakses dengan cepat bahkan dengan koneksi terbatas.
Backend & Database: Supabase berfungsi sebagai Backend-as-a-Service, menyediakan database PostgreSQL untuk semua data, Supabase Auth untuk sistem otentikasi multi-peran, dan Supabase Storage (meskipun kami memilih Cloudinary untuk hosting media akhir).
Styling & UI: Tailwind CSS digunakan untuk styling yang cepat dan responsif, dipadukan dengan shadcn/ui untuk menyediakan komponen UI yang aksesibel dan mudah dikustomisasi.
Kecerdasan Buatan (AI): DeepSeek diakses melalui OpenRouter API sebagai model bahasa utama untuk "Paman AI". Logika Retrieval-Augmented Generation (RAG) diterapkan di server action untuk memberikan jawaban yang kontekstual.
Media Hosting: Cloudinary dipilih untuk menangani unggahan, optimisasi, dan pengiriman gambar serta video secara efisien.
Validasi & Tipe Data: TypeScript digunakan di seluruh proyek untuk keamanan tipe, dan Zod untuk validasi skema data di sisi server.
Challenges we ran into
Membangun AI Kontekstual: Tantangan teknis terbesar adalah memastikan "Paman AI" tidak memberikan jawaban generik. Kami harus merancang dan menyempurnakan logika retrieval (pencarian konteks) di database agar AI selalu mendapatkan informasi yang paling relevan sebelum menjawab pertanyaan pengguna.
Logika Transaksi yang Aman: Mengimplementasikan fitur pemesanan yang melibatkan pengurangan stok memerlukan jaminan konsistensi data. Kami awalnya mempertimbangkan logika di level aplikasi sebelum beralih ke fungsi RPC (Remote Procedure Call) di PostgreSQL untuk memastikan operasi bersifat atomik (semua berhasil atau semua gagal).
Manajemen State di Client: Mengelola state yang kompleks untuk dasbor interaktif dengan banyak tab dan dialog (seperti pada dasbor admin) sambil menjaga kode tetap bersih dan efisien merupakan tantangan tersendiri.
Menghadapi Kesenjangan Digital: Secara konseptual, tantangan terbesar adalah bagaimana merancang platform canggih ini agar tetap relevan dan dapat diakses oleh masyarakat di Papua yang mungkin memiliki keterbatasan akses internet dan literasi digital, seperti yang disebutkan dalam riset latar belakang.
Accomplishments that we're proud of
Alur Kerja End-to-End yang Fungsional: Kami berhasil membangun sebuah siklus penuh, mulai dari pengajuan produk oleh komunitas, proses peninjauan dan persetujuan oleh pemerintah, hingga pemesanan produk tersebut.
Arsitektur Multi-Peran yang Kuat: Sistem dasbor dan hak akses yang kami bangun sangat modular dan aman, memastikan setiap pengguna memiliki pengalaman yang sesuai dengan perannya.
Antarmuka yang Modern dan Responsif: Menggunakan shadcn/ui dan Tailwind CSS, kami berhasil menciptakan UI yang bersih, profesional, dan dapat beradaptasi dengan baik di berbagai ukuran layar.
What we learned
Selama membangun proyek ini, kami mendapatkan beberapa pelajaran berharga, baik dari sisi teknis maupun konseptual:
Membuat AI yang Benar-Benar Pintar: Kami belajar bahwa sebuah AI tidak bisa langsung tahu tentang konten spesifik. Kuncinya adalah memberinya "contekan" dari database kami setiap kali ia akan menjawab. Dengan cara ini, kami berhasil mengubah AI umum menjadi "Pakar Papua Mandiri" yang tahu persis apa yang ada di situs kami.
Pentingnya Proses 'Anti Gagal': Saat pemerintah memesan produk, ada dua aksi penting: stok produk berkurang dan pesanan baru tercatat. Kami belajar betapa krusialnya memastikan kedua aksi ini tidak bisa gagal separuh jalan. Sistem harus menjamin keduanya berhasil, atau jika ada masalah, keduanya dibatalkan sepenuhnya, sehingga tidak ada data yang kacau atau stok yang tidak sinkron.
Membuat Halaman Cepat dan Tetap Interaktif: Kami belajar teknik terbaru di Next.js untuk membangun halaman. Caranya adalah dengan membuat sebagian besar halaman di server agar tampil super cepat bagi pengguna, sementara bagian-bagian yang interaktif (seperti tombol dan form) baru "dihidupkan" di browser. Ini memberikan pengalaman terbaik dari kedua dunia.
Teknologi Harus Membumi: Pelajaran terbesar kami bukan soal teknis, melainkan tentang bagaimana teknologi harus dirancang untuk manusia. Kami sadar bahwa membangun fitur canggih saja tidak cukup jika tidak mempertimbangkan tantangan nyata di lapangan, seperti koneksi internet yang terbatas di Papua. Solusi terbaik adalah yang benar-benar bisa diakses dan bermanfaat bagi penggunanya.
What's next for Papua Mandiri
Sesuai dengan rencana yang diuraikan, langkah selanjutnya untuk PAPAN (Papua Mandiri) berfokus pada adopsi dan penyempurnaan di dunia nyata:
Peluncuran MVP (Minimum Viable Product): Meluncurkan versi inti platform yang mencakup fitur edukasi dan sistem pengajuan produk untuk diuji coba langsung dengan komunitas lokal di Papua.
Pelatihan dan Literasi Digital: Mengadakan sesi pelatihan dan uji coba kesadaran teknologi untuk memastikan platform mudah digunakan dan memberikan manfaat maksimal bagi pengguna target.
Pengembangan Fitur Low-Bandwidth: Mengoptimalkan website agar tetap dapat diakses dengan cepat dan lancar bahkan di daerah dengan koneksi internet yang terbatas.
Analisis dan Iterasi: Mengumpulkan umpan balik dari pengguna MVP untuk mengevaluasi efektivitas solusi dan merencanakan fitur-fitur tambahan sebelum peluncuran skala penuh.
Built With
- nextjs
- postgresql
- supabase
- typescript
Log in or sign up for Devpost to join the conversation.