Skip to content
← Kembali
Sensory Tool2026·Quality Control

Objektivitas
profil rasa
digital.

CuppingNotes.online adalah manifestasi digital dari protokol SCA (Specialty Coffee Association). Sebuah alat yang saya bangun untuk memastikan evaluasi kualitas kopi tidak hanya berhenti di catatan kertas, tapi menjadi data yang bisa dipertanggungjawabkan.

Catatan Konsultan

"Data sensoris adalah
bahasa universal
industri kopi."

Dalam rantai pasok global, skor *cupping* adalah penentu harga. Tanpa sistem yang standar, perdebatan kualitas antara petani dan pembeli seringkali merugikan pihak yang lebih lemah.

CuppingNotes saya bangun untuk memberikan standarisasi evaluasi di lapangan. Dengan algoritma yang menghitung skor SCA secara otomatis dan visualisasi radar chart, platform ini memungkinkan roaster di Jakarta atau mancanegara "melihat" potensi rasa kopi dari Toraja atau Enrekang sebelum fisik kopinya sampai.

Protocol Standard
SCA
Kepatuhan penuh pada protokol Coffee Value Assessment.

Role

Fullstack Developer & System Architect

Stack

  • Angular 21 (Signals, SSR)
  • Firebase (Auth, Firestore, Storage)
  • Tailwind CSS (Glassmorphism)

Context

Production-grade coffee platform.

Latar Belakang

Evaluasi kualitas kopi (cupping) adalah proses vital bagi roaster dan Q-Grader. Namun, pencatatan manual di atas kertas menyulitkan rekapitulasi data, kolaborasi, dan pembagian hasil evaluasi profil rasa kepada stakeholders lain.

Tantangan Sistem

Aplikasi membutuhkan interaksi mobile yang sangat stabil saat digunakan di lapangan, dengan data integrity yang kuat agar manipulasi metrik sosial (seperti rating atau ulasan) tidak terjadi. Selain itu, pengguna menginginkan kemampuan membagikan hasil cupping mereka secara estetik ke platform sosial media.

Solusi Arsitektural

Mobile Stability

Penggunaan Angular 21 Signals untuk reaktivitas UI tingkat tinggi, menjamin state tidak rusak walau koneksi terputus sesaat.

Data Integrity

Penerapan Firebase Security Rules yang ketat dan atomic transactions mencegah spoofing skor dan modifikasi data tanpa otorisasi.

Social Sharing

Implementasi SSR (Server-Side Rendering) untuk meng-generate Open Graph meta tags dinamis berisi preview hasil cupping.

Image Processing

Sistem yang dapat mengolah data skor numerik menjadi radar chart visual untuk langsung dianalisis oleh roaster.

Hasil & Dampak

CuppingNotes.online sukses bertransisi dari fungsional prototipe menjadi sistem produksi yang ter-harden. Proses cupping tidak lagi berhenti di atas meja laboratorium, tetapi terdokumentasi rapi, aman, dan siap dibagikan ke ranah publik.

Demo Modul

Eksplorasi Profil Rasa

Active Profiling
Fruity

Sensoris Terukur.

CuppingNotes menyederhanakan kompleksitas profil rasa kopi. Pengguna cukup memilih kategori utama, lalu mendalami deskriptor yang lebih spesifik sesuai standar SCA.

Artefak Produk

Beberapa tangkapan layar dari antarmuka platform.

Galeri

Visualisasi data untuk keputusan yang lebih presisi.

Beberapa artefak dari pengembangan CuppingNotes — geser untuk menelusuri.

Tahapan:ProblemSolutionResult
Solution01 / 03
Tampilan Mobile CuppingNotes
Mobile First

Antarmuka yang dioptimalkan untuk penggunaan di lapangan saat sesi cupping, dengan stabilitas mobile dan glassmorphism UI.

Solution02 / 03
Dashboard CuppingNotes
Hasil & Evaluasi

Sistem mengumpulkan dan mengkalkulasi skor (SCA standar), serta menghasilkan visualisasi radar chart untuk profil rasa.

Result03 / 03
Fitur Berbagi Sosial
Social Sharing

Open Graph metadata dinamis (SSR) memungkinkan pengguna membagikan hasil cupping langsung ke media sosial dengan preview gambar otomatis.

Proyek Selanjutnya

Beanhub.online

Roedy Rustam
Roedy Rustam
Sociopreneur · Trainer · Village Consultant
© 2026Crafted in Sulawesi
Dari kebun ke kode — dengan cinta untuk Sulawesi Selatan