Studi Kasus

Inspek logo

OCU — Platform Spektroskopi Biofarmasi

Principal application-layer developer untuk v1.2 dan v2.0 OCU (Optical Control Unit) — platform koordinasi spektroskopi multi-sensor untuk riset biofarmasi. v1.2 menghadirkan seluruh layer eksperimen dan analisis data lanjutan. v2.0 memimpin redesign UI dan berkontribusi ke API untuk fondasi multi-sensor lengkap — Raman, pH, O2, suhu, dan biomass yang berjalan paralel.

KlienInspek
IndustriLife Sciences / Biopharma
Engagementv1.2 → v2.0, 2024–2025
KepemilikanPrincipal App Developer
OCU — Platform Spektroskopi Biofarmasi
metrik #1

Principal application-layer developer v1.2 + v2.0

metrik #2

Seluruh layer eksperimen & analisis data: SNV, PCA, deteksi outlier, overlay klasifikasi

metrik #3

Platform multi-sensor: Raman, pH, O2, suhu, biomass berjalan paralel

metrik #4

Dashboard live acquisition dengan visualisasi sensor real-time

metrik #5

Manajemen probe, model + kalibrasi fit + post-processing

01 / Masalah

Masalah

OCU mengoordinasikan beberapa instrumen spektroskopi dan sensor — Raman, pH, O2, suhu, biomass — dalam lingkungan eksperimen biofarmasi yang tersinkronisasi. Pada v1.2, layer eksperimen dan analisis data perlu dibangun dari awal: wizard eksperimen terpandu, data explorer, dan toolkit visualisasi lanjutan yang mencakup seluruh alur analisis spektrum (dark subtraction, normalisasi SNV, smoothing, deteksi outlier, PCA, overlay klasifikasi). Pada v2.0, platform perlu berkembang ke fondasi multi-sensor sejati — sensor berjalan paralel, dashboard live acquisition, manajemen probe dan model, kalibrasi fit, post-processing, dan annotation — bersamaan dengan migrasi model data penuh.

02 / Kendala

Kendala

  • [01]Domain biofarmasi — integritas data dan akurasi visualisasi tidak bisa dikompromikan
  • [02]Koordinasi multi-sensor — Raman, pH, O2, suhu, biomass harus berjalan paralel dengan status akuisisi independen
  • [03]Pipeline real-time MQTT + WebSocket — data sensor langsung harus muncul dengan latensi minimal selama akuisisi
  • [04]Migrasi model data v2.0 — data eksperimen yang ada harus dipertahankan dan dipetakan ulang tanpa kehilangan
  • [05]Standar engineering Swiss yang diterapkan via Alpamayo — ekspektasi kualitas kode, review, dan dokumentasi ketat
  • [06]Toolkit visualisasi berbasis Chart.js — harus menangani dataset spektral besar dengan overlay interaktif secara bersih
03 / Pendekatan

Pendekatan Kami

Pada v1.2, membangun seluruh layer eksperimen dan analisis data dari awal. Wizard eksperimen memandu pengguna melalui pengaturan, pengelompokan sampel, dan konfigurasi akuisisi. Data explorer menyediakan browser dataset spektral lengkap. Toolkit visualisasi lanjutan mencakup dark subtraction, normalisasi SNV (Standard Normal Variate), smoothing dengan moving average, deteksi outlier dengan penandaan, PCA (Principal Component Analysis), dan overlay klasifikasi — masing-masing sebagai overlay interaktif yang dapat dikombinasikan pada grafik spektral. Mengimplementasikan transformasi API pendukung untuk semua operasi analisis.

Pada v2.0, memimpin sisi UI dan berkontribusi ke API di seluruh set fitur: migrasi model data dari skema v1.2 ke v2.0, fondasi multi-sensor yang memungkinkan sensor Raman, pH, O2, suhu, dan biomass berjalan paralel dengan status akuisisi independen, dashboard live acquisition dengan visualisasi sensor real-time via MQTT dan WebSocket, manajemen probe, manajemen model, kalibrasi fit, pipeline post-processing, dan alat annotation.

Poin Teknis Utama

Mengorkestrasi peralatan spektroskopi multi-sensor memerlukan streaming real-time berkecepatan tinggi (MQTT/WebSockets) dan penggabungan algoritma visualisasi canggih pada dataset berukuran besar.

04 / Galeri

Galeri

OCU — dashboard utama

OCU — dashboard akuisisi live

OCU — sesi akuisisi berjalan

OCU — daftar eksperimen

OCU — tampilan detail eksperimen

OCU — sampel akuisisi aktif

OCU — form sampel akuisisi (tampilan eksperimen)

OCU — form sampel akuisisi

OCU — konfigurasi widget dashboard

OCU — ikhtisar data viewer

OCU — visualisasi spektrum penuh

OCU — overlay normalisasi SNV

OCU — smoothing & moving average

OCU — deteksi & penandaan outlier

OCU — manajemen probe

OCU — manajemen model

OCU — konfigurasi sensor Raman

05 / Hasil

Hasil

  • Principal application-layer developer untuk v1.2 dan v2.0
  • Seluruh layer eksperimen dan analisis data dirilis: normalisasi SNV, PCA, deteksi outlier, overlay klasifikasi, dark subtraction, smoothing
  • Fondasi multi-sensor live: sensor Raman, pH, O2, suhu, dan biomass berjalan paralel
  • Dashboard live acquisition dengan visualisasi sensor real-time via MQTT dan WebSocket
  • Manajemen probe dan model, kalibrasi fit, post-processing, dan alat annotation diserahkan di v2.0
06 / Ulasan

Kenapa ini penting

Platform spektroskopi hidup dan mati dari kualitas visualisasi data dan koordinasi sensornya. Membangun seluruh layer analisis — SNV, PCA, deteksi outlier, overlay klasifikasi — dari awal di v1.2 berarti setiap keputusan visual memetakan langsung ke cara peneliti biofarmasi menginterpretasikan spektra. Menskalakan itu ke arsitektur multi-sensor paralel di v2.0, tanpa merusak data eksperimen yang ada, adalah pekerjaan yang membutuhkan pemahaman domain sekaligus disiplin engineering. Keduanya berhasil diserahkan.

07 / Teknologi

Tech Stack

Frontend & UI

Vue 3TypeScriptVite

Backend & API

DjangoDRF

Penyimpanan & Protokol

MQTTWebSocket

DevOps & Infrastruktur

DockerAzure DevOpsPinia

AI & Logika Inti

Chart.js
LET'S GO

Hubungi kami

Punya proyek di kepala?

Kami balas dalam 24 jam pada jam kerja WIB. Bahasa Indonesia atau Inggris — pilih yang paling nyaman buat kamu.

top rated plus · 100% jss · 8+ klien

OCU — Platform Spektroskopi Biofarmasi | Idin Studio