ANNAS TRI WIDAGDO/PORTFOLIO · 2026
VOL. 01 // TECHNICAL ARCHIVE
■annastriwidagdo.me
SOFTWARE ENGINEER·FULL-STACK WEB DEVELOPER·MACHINE LEARNING ENGINEER
ENTRY 001OPENING TECHNICAL ARCHIVE00% · 01 / 01
Skip to content
■annastriwidagdo.me
  • 01Home
  • 02About
  • 03Projects●
  • 04Blog
  • 05Contact
LANGEN/ID
■annastriwidagdo.me
  • Software Engineer
  • Full-Stack Web Developer
  • Machine Learning Engineer

JAKARTA, INDONESIA · UTC+7

EMAILannastriw6@gmail.com↗ (opens in a new tab)LINKEDIN/in/annastriw↗ (opens in a new tab)GITHUB@annastriw↗ (opens in a new tab)CONTACTOpen Contact→

© 2026 Annas Tri Widagdo. Drafted in grids, shipped in code.

Projects/iHealth Edu
02 / WEB APPLICATION

iHealth Edu

Stakeholder
Puskesmas Padangsari
Role
Frontend Web Developer
Period
June–August 2025
Status
Live Production

A digital health platform that brings structured screening, health education, patient records, IoT health data, and machine learning decision support into one system.

Visit Live Website↗View Frontend Repository↗View Backend Repository↗
[01]

Project Gallery

iHealth Edu health education and screening interface
iHealth Edu patient dashboard and screening records
iHealth Edu structured questionnaire assessment interface
iHealth Edu educational module and learning path interface
iHealth Edu patient biometric records and health data interface
iHealth Edu health worker monitoring and decision support interface
iHealth Edu administrator content and user management console
iHealth Edu geographic patient distribution and reporting map
🔍 Inspect Figure
[01]TODO_IHEALTH_CAPTION_01_EN
01 / 08
[02]

Project Overview

iHealth Edu was developed with Puskesmas Padangsari to bring health records, structured screening, and educational content into a digital platform designed around primary-care workflows.

The system centralizes patient information, makes health education easier to access, and helps health workers review patient histories. Machine learning results are presented only as decision support and do not provide a clinical diagnosis.

■[CLAIM BOUNDARY // MEDICAL DECISION SUPPORT]

Machine learning results are presented only as decision support for health workers and do not provide a clinical diagnosis or medical advice.

[03]

My Contribution

  • 01Gathered requirements through an interview with the head of Puskesmas Padangsari, regular discussions, and workflow observation, then translated them into the UI/UX design.
  • 02Developed role-specific frontend experiences for patients, administrators, and health workers using Next.js.
  • 03Integrated REST APIs and presented health measurements received from ESP32 devices in the frontend.
  • 04Integrated machine learning decision-support results into the health-worker interface.
■Personal Technology Stack
  • Figma
  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • REST API
[04]

System Scope

■01 // User Roles
  • Patient

    Completes screening, accesses educational content, and views health history.

  • Administrator

    Manages accounts, content, and operational system data.

  • Health Worker

    Monitors patient data and reviews decision-support results.

■02 // Screening & Education
Screening Modules
DSMQHSMBQDASS-21
Education Tracks
DiabetesHypertensionMental Health
Learning Sequence
Pre-Test → Education Module → Post-Test
■03 // Patient Data
IoT Measurements

Blood pressure, Blood glucose, Cholesterol

Manually Entered Data

Height, Weight, Lifestyle information, Supporting patient information

BMI is calculated from height and weight.

Patient History

Centralized records reviewed over time by appropriate user roles

■04 // System Integrations
IoT & User Input Integration
ESP32 / User Input→Laravel API→MySQL→Next.js Interface
ML Decision-Support Integration
Flask ML Service / Random Forest→Decision-Support Result→Health-Worker Interface

Architecture includes backend, IoT, and ML services integrated into the Next.js interface; Annas's direct contribution focuses on UI/UX, frontend engineering, and client-level integrations.