Skip to content
PlatformCoffee Quality2026

Digitalisasi
Profil Rasa.

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.

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
Industrial Engineering · Agro · Digital
© 2026 · Crafted in Sulawesi