Ringkasan Mutu Terkini
Total Data
Rata-rata Skor
Mutu Baik
Mutu Sedang
Mutu Buruk
Indikasi Bahaya
Ranking & Rekomendasi
Perbandingan Mutu per Pasar
Tren Skor Waktu
Proporsi Jenis Ikan
Indikator Mutu
Cuaca Lokasi
Data Mutu Ikan
|
Pilih
|
No | Tanggal | Jenis Ikan | Pasar | Organoleptik | Bau | Tekstur | Warna | Keamanan | Gambar | Status | Pengguna | Aksi |
|---|
Input Data Mutu Baru
Tips: Ketik langsung Jenis Ikan / Pasar untuk menambahkan otomatis saat simpan (jika belum ada). Gunakan penilaian objektif keamanan (indikasi Boraks/Formalin hanya jika ada bukti uji cepat).
Laporan & Export
Pilih rentang data dan ekspor laporan yang berisi grafik dan tabel.
HACCP / CCP Checklist
Modul ini mencatat monitoring titik kendali kritis (CCP). Tambah/master CCP lebih dulu jika belum ada.
| Tanggal | CCP | Param | Nilai | Limit | Status | Aksi Koreksi | User | # |
|---|
Data Sensor Suhu
Menampilkan pembacaan suhu terakhir dari database lokal aplikasi ini.
Perangkat (ESP32/dll) mengirim data secara periodik. Gunakan grafik untuk memantau tren.
Suhu Rata-rata Ikan
-
Catatan: Integrasi real sensor lakukan pengiriman via script/perangkat ke Firestore.
Panel ini hanya membaca koleksi sensorTemperatures real‑time.
AI Asisten Perikanan
Gunakan AI untuk membantu tanya jawab mutu ikan segar, organoleptik, keamanan (formalin/boraks), penyimpanan dan praktik higienis. Masukkan API Key Gemini untuk stabilitas. Tanpa key tidak bisa jalan.
Materi & Edukasi Mutu Ikan
Kumpulan materi ringkas mengenai parameter mutu organoleptik, keamanan pangan, penanganan ikan segar, dan tips praktis lapangan.
Penilaian Mata
- Mata cembung dan kornea jernih menandakan kesegaran tinggi.
- Kornea keruh dan cekung: ikan menurun mutu.
- Cekung parah & buram: tidak layak konsumsi.
Penilaian Insang
- Insang merah cerah & berlendir bening: segar.
- Insang pucat kecoklatan: kesegaran menurun.
- Insang coklat abu & lendir tebal berbau: mendekati busuk.
Bau / Aroma
- Bau laut segar / amis alami ringan = baik.
- Bau amis tajam / sedikit asam = waspada.
- Bau asam menyengat / busuk = tidak layak.
Tekstur & Daging
- Fleksibel & kembali cepat bila ditekan.
- Lunak & bekas tekan lama hilang = mutu turun.
- Sangat lembek / hancur = rusak.
Kulit & Warna
- Mengkilap cerah dengan lendir jernih tipis.
- Kusam & lendir keruh menebal = degradasi.
- Lendir tebal kental / kering = tidak segar.
Indikasi Keamanan
- Insang terlalu pucat tanpa bau amis → indikasi formalin.
- Tekstur terlalu kenyal elastis → indikasi boraks.
- Warna daging mencolok / tidak alami → pewarna berbahaya.
- Bau bahan kimia tajam (bukan amis) → potensi bahan tambahan.
Catatan: Materi disederhanakan sebagai bantuan awal. Rujuk dokumen SNI dan peraturan resmi untuk standar lengkap.
Pengaturan & Preferensi
Tampilan
Manajemen Peran
Hanya admin dapat mengubah peran pengguna lain. (Client-side demonstrasi)
Info Akun
Preferensi Default Input
Kelola Notifikasi
Admin dapat mengirim notifikasi broadcast ke semua atau berdasarkan role.
Zona Berbahaya
Penghapusan akun akan menghapus data profil (tidak menghapus histori data). (Demo)
Profil Pengguna
Keamanan Pangan
Bagian ini menjelaskan indikator keamanan ikan segar di pasar tradisional. Indikasi bahan berbahaya seperti Boraks, Formalin, Pewarna Tekstil (Rhodamin B), atau Pengawet berlebih harus dicatat jika ada bukti visual / uji cepat.
Indikator Umum
- Daging ikan terlalu kenyal / elastis tidak wajar → indikasi Boraks.
- Warna insang pucat keabu-abuan tanpa bau amis alami → indikasi Formalin.
- Warna daging sangat mencolok (merah muda cerah / kuning terang) → pewarna tekstil.
- Bau menyengat kimia (bukan bau laut/amis ringan)
- Mata ikan keruh & cekung + lendir berlebih → mutu turun.
Rekomendasi
- Lakukan uji cepat formalin/boraks bila tersedia.
- Catat hanya "indikasi" jika tanpa uji laboratorium.
- Gunakan kolom catatan untuk deskripsi temuan.
- Laporkan ke otoritas bila indikasi kuat berulang.
Status Keamanan
Sosial & Aktivitas Pengguna
Bagian ini menampilkan daftar pengguna, posting singkat, reaksi, dan komentar. Klik avatar/nama untuk melihat profil.
Tool Perhitungan Organoleptik
Pilih standar (SNI 2013 / SNI 2021), kemudian pilih deskripsi kondisi tiap parameter. Skor total dihitung otomatis (rata-rata / atau ambil skor terendah—dapat diubah sesuai kebijakan). Klik "Terapkan ke Form Input" untuk mengisi otomatis field Organoleptik (skor) dan beberapa deskripsi (Bau, Tekstur, Warna) berdasarkan pilihan.
Micro-Learning Mutu Ikan
Modul mini (1–2 menit) + kuis cepat. Selesaikan semua & lulus kuis untuk membuka lencana "Quality Steward".
Klik salah satu modul di sebelah kiri untuk mulai membaca slide, lalu kerjakan kuis.
Tentang Developer
Gunadi Renta (L061221027)
Saya mengembangkan aplikasi ini sebagai bagian dari proyek akademik untuk mendukung pengawasan mutu ikan segar di pasar tradisional. Fokus utama ada pada manajemen data mutu, desain antarmuka (UI/UX), edukasi mini (micro-learning), dan integrasi fitur analisis AI.
- Optimasi single-file (struktur modular internal).
- Modul AI (analisis mutu ikan berbasis teks & gambar).
- Tool Organoleptik & Micro-Learning integratif.
- Notifikasi, sosial, dan sensor suhu real-time.
Tentang Aplikasi
- Mengurangi pencatatan manual & meningkatkan konsistensi data organoleptik.
- Menyediakan analitik mutu (tren, distribusi, ranking, rekomendasi).
- Memberi kanal edukasi (micro-learning + AI asisten + tool organoleptik).
- Memfasilitasi komunikasi internal (feed sosial & notifikasi).
- Menyisipkan dasar monitoring keamanan & titik kendali kritis (HACCP / CCP).
- Frontend: Single HTML + embedded CSS + modular JS (improvisasi state global).
- Realtime & Auth: Firebase Authentication + Firestore snapshot listener.
- Media: Gambar disimpan sebagai base64 (dapat diarahkan ke Storage untuk scaling).
- AI: Gemini API (text & vision) + fallback lokal (pattern-based).
- State Local: localStorage (preferensi tema, aksen, progress quiz, achievements partial).
- Input Data → validasi → simpan dokumen
fishQuality. - Dashboard mendengar snapshot → hitung agregasi & ranking → render indikator.
- Tool Organoleptik → hasil skor → injeksi ke form (one‑click apply).
- Export / Laporan → bentuk dataset + render tabel + (opsional) draw chart to canvas → PDF.
- AI Chat → rakit payload (text + inline_data gambar) → panggil endpoint Gemini → parse candidates.
- Micro-Learning / Quiz → simpan progress ke localStorage → pencapaian → update achievements Firestore.
- CCP Monitoring → banding nilai observed vs limit → status OK / OUT → log tindak koreksi.
- Sensor Suhu → listener realtime → kalkulasi tren & status warna indikator.
- Contoh rules Firestore disediakan (panel about) – perlu dikeras-kan di deployment nyata.
- Deteksi formalin/boraks: hanya “indikasi” observasi visual, bukan kepastian ilmiah.
- Base64 image memperbesar dokumen: migrasi ke Storage disarankan jika volume tinggi.
- AI jawaban bukan pengganti uji mutu laboratorium.
- Integrasi Firebase Storage untuk media + CDN caching.
- Penambahan role granular (Supervisor / Auditor).
- Model analisis gambar berbasis fine-tuned (segmentasi insang / tingkat kecerahan kornea).
- Mode offline (IndexedDB) & sink otomatis.
- Panel analitik lanjutan (box plot per pasar, heatmap waktu).