ANNAS TRI WIDAGDO/PORTFOLIO · 2026
VOL. 01 // TECHNICAL ARCHIVE
■annastriwidagdo.me
SOFTWARE ENGINEER·FULL-STACK WEB DEVELOPER·AI & MACHINE LEARNING ENTHUSIAST
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
  • AI & Machine Learning Enthusiast
EMAILannastriw6@gmail.com↗ (opens in a new tab)LINKEDIN/in/annastriwidagdo↗ (opens in a new tab)GITHUB@annastriw↗ (opens in a new tab)CONTACTOpen Contact→

© 2026 Annas Tri Widagdo. Find the purpose. Build the solution.

←Back to Projects
02 / WEB APPLICATION

iHealth Edu

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

Stakeholder
Puskesmas Padangsari
Role
Frontend Web Developer
Period
June–August 2025
Status
Live Production
Visit Live Website↗View Frontend Repository↗View Backend Repository↗
[01]

Project Gallery

Enlarge Image
Geographic patient distribution map supporting community health monitoring across Puskesmas Padangsari coverage areas.
iHealth Edu public landing page featuring primary healthcare services and educational program overview for Puskesmas Padangsari.
User authentication screen showing one-time password OTP input verification modal.
Interactive healthcare educational module reader displaying embedded video and downloadable digital booklets.
Health assessment questionnaire evaluation results screen displaying self-management scores and response breakdown.
Patient and health worker community forum thread showing health-related questions and verified replies.
Clinical measurement input form for recording patient biometrics from connected IoT hardware or manual entry.
Patient biometric examination history chart plotting blood pressure, blood glucose, and cholesterol over time.
Geographic patient distribution map supporting community health monitoring across Puskesmas Padangsari coverage areas.
iHealth Edu public landing page featuring primary healthcare services and educational program overview for Puskesmas Padangsari.
Enlarge Image
[01]The iHealth Edu homepage introducing the integrated primary healthcare education platform for Puskesmas Padangsari.
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.
■Tech 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

Patient History

Centralized patient history for appropriate role-based monitoring.

■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

The architecture connects IoT data and machine learning outputs with the Next.js interface. My contribution focused on frontend development and integrating these data flows into the user interface.