Proyek Klien Nyata HEALTH TECH & OTOMATISASI SPREADSHEET · 2026

Whoop Health Analytics & Weekly Reporting Dashboard

Membangun dashboard analitik kesehatan klinis dengan Chart.js dan html2canvas—merender grafik garis bertumpuk dengan perbandingan periode di dalam Google Sheets via sidebar Apps Script. Mengeskpor laporan PNG resolusi Retina langsung untuk catatan medis Healthie.

Cara Kerja Sistem

01

Google Sheets

Data mentah, 1 baris / hari

02

Apps Script

Menyusun konfigurasi grafik

03

QuickChart

Merender grafik menjadi gambar

04

Google Drive

Otomatis tersimpan format Slides

05

Siap Kirim

Slide deck presentasi klien

Tanpa server atau hosting terpisah. Sistem berjalan 100% di dalam ekosistem Google Workspace dan diperbarui otomatis sesuai jadwal.

01. Tantangan & Kebutuhan Inti

Export mentah perangkat wearable Whoop menghasilkan ratusan baris spreadsheet per pasien dengan bacaan biometrik harian—variabilitas detak jantung (HRV ms), skor pemulihan (%), dan performa tidur (%). Mengolah data mentah ini secara manual untuk puluhan pasien membuat tim medis menghabiskan 3+ jam setiap minggu untuk menyalin data dan membuat grafik manual.

Studio kesehatan membutuhkan dashboard otomatis yang berjalan langsung di dalam Google Sheets untuk mengagregasi entri harian ganda, merender 3 grafik metrik bertumpuk dengan kursor tersinkronisasi, membandingkan metrik periode terbaru vs. terdahulu, dan mengekspor grafik PNG resolusi tinggi secara langsung ke catatan medis Healthie.

02. Peran Saya & Implementasi Dashboard

Tanggung jawab saya adalah merancang dashboard Chart.js di sisi klien, menyusun pipeline agregasi data dari Sheets ke HTML sidebar, dan membangun kode integrasi Google Apps Script:

  • Otomatisasi Agregasi Data (aggregateByDate): Membangun skrip transformator data yang menghapus duplikasi entri harian ganda, menyaring nilai null/NaN, dan menghitung rata-rata harian presisi untuk HRV, Pemulihan, dan Tidur.
  • Visualisasi 3 Metrik Bertumpuk Tersinkronisasi: Merender tiga grafik garis Chart.js bertumpuk dengan kursor tersinkronisasi—memungkinkan dokter melihat korelasi antara kualitas tidur malam dan tingkat pemulihan tubuh.
  • Pemilih Tanggal Dinamis & Evaluasi Delta Periode: Mengimplementasikan tab sakelar periode cepat (Mingguan, 2-Mingguan, Bulanan) dan pemilih tanggal yang menghitung persentase perubahan delta terhadap periode terdahulu.
  • Sidebar Google Apps Script & Ekspor Healthie: Mengisi aplikasi web sebagai sidebar Google Sheets kustom (Code.js + sidebar.html) dengan penangkap gambar html2canvas satu-klik yang menghasilkan PNG 2x Retina untuk catatan medis Healthie.

03. Visualisasi Transformasi Data & Laporan Dashboard

Di bawah ini adalah alur interaktif 3-tahap yang memperlihatkan bagaimana data mentah dari spreadsheet diproses secara otomatis menjadi tabel teratur, hingga menjadi dashboard laporan kesehatan Whoop interaktif:

01. Data Mentah Spreadsheet (Multi-Pasien)

Ekspor mentah sensor wearable dari beberapa pasien bercampur dengan jam acak, entri berulang, dan nilai kosong (null):

#DateTimePatientHRV (ms)RecoverySleepRHRStrain
12026-05-0408:30:15Patient #1046278%null5012.4
22026-05-0414:15:00Patient #104null78%nullnullnull
32026-05-0422:00:45Patient #10466null85%4814.8
42026-05-0407:45:10Patient #2085465%76%559.8
52026-05-0418:20:00Patient #2085665%null5411.2
62026-05-0508:10:00Patient #1045860%72%5310.2
72026-05-0508:00:00Patient #2086082%88%5113.5
↓

02. Validasi Kesiapan Data & Catatan Log Otomasi

Skrip memeriksa otomatis apakah data rentang waktu sudah lengkap (YES / NO), kemudian mencatat log pembuatan file Google Slides secara otomatis:

Matriks Pengecekan Kesiapan Data (Data Readiness Matrix)
PatientMonthWeekly 1Weekly 2Weekly 3Weekly 4Weekly 5Bi-Weekly 1Bi-Weekly 2Monthly
Patient #1041NONONONONONONONO
Patient #104...NONONONONONONONO
Patient #1045YESNONONONONONONO
Patient #2081NONONONONONONONO
Patient #2085YESNONONONONONONO
Catatan Log Ekspor Otomasi (Automation Output Log)
PatientRendered TimestampDoc LinkData RangePeriodFile Namesent_atStatusSource
Patient #10414/05/2026https://docs.google.com/presentation/d/.../view2026-05-04_2026-05-10W1Patient104_Weekly_W1_2026-05-04_2026-05-10-Savedauto
Patient #20814/05/2026https://docs.google.com/presentation/d/.../view2026-05-04_2026-05-10W1Patient208_Weekly_W1_2026-05-04_2026-05-10-Savedauto
↓

03. Dashboard Laporan Kesehatan Whoop

Output akhir dashboard klinis dengan komparasi periode (W / 2W / M), split line pemisah pekan, dan distribusi persentil p25-p75:

Whoop Health Report

Feb 03 – Feb 16, 2026 · 2-Mingguan (Pekan 1 vs Pekan 2)
Patient #104
Heart Rate Variability (HRV)
PRIOR: 56 msRECENT: 64 ms
↑ +14.2%
SPLIT
Resting Heart Rate (RHR)
PRIOR: 53 bpmRECENT: 49 bpm
↓ -7.5%
Recovery Score
78%
↑ +21.8%
5x Green2x Yellow0x Red
Day Strain
12.4
↑ +1.2
4x Mod (10-14)1x Stren (>14)2x Light
Sleep Efficiency
85%
↑ +14.8%

04. Hasil & Deliverables Utama

Dashboard pelaporan Whoop otomatis ini mengeliminasi lebih dari 3.5 jam overhead pelaporan manual per kohort pasien setiap minggu. Staf medis kini cukup membuka Google Sheet pasien, mengklik menu sidebar "Whoop Dashboard", meninjau tren pemulihan interaktif, dan melampirkan grafik PNG klinis resolusi tinggi langsung ke catatan medis Healthie dengan satu klik.