ANNAS TRI WIDAGDO/PORTFOLIO · 2026
VOL. 01 // TECHNICAL ARCHIVE
■annastriwidagdo.me
SOFTWARE ENGINEER·FULL-STACK WEB DEVELOPER·AI & MACHINE LEARNING ENTHUSIAST
ENTRY 001MEMBUKA ARSIP TEKNIS00% · 01 / 01
Lewati ke konten
■annastriwidagdo.me
  • 01Beranda
  • 02Tentang
  • 03Proyek●
  • 04Blog
  • 05Kontak
LANGEN/ID
■annastriwidagdo.me
  • Software Engineer
  • Full-Stack Web Developer
  • AI & Machine Learning Enthusiast
EMAILannastriw6@gmail.com↗ (dibuka di tab baru)LINKEDIN/in/annastriwidagdo↗ (dibuka di tab baru)GITHUB@annastriw↗ (dibuka di tab baru)CONTACTBuka Kontak→

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

←Kembali ke Proyek
03 / WEB APPLICATION

Dialisis Connect Edu

Platform edukasi dan komunitas yang membantu pasien hemodialisis dan pengguna dengan penyakit ginjal mengakses materi terstruktur serta mengikuti diskusi digital dari mana saja.

Stakeholder
Ikatan Perawat Dialisis Indonesia (IPDI) Jawa Tengah
Peran
Frontend Web Developer
Periode
Februari–Mei 2025
Status
Live Production
Buka Website↗Lihat Repository Frontend↗Lihat Repository Backend↗
[01]

Galeri Proyek

Perbesar Gambar
Konsol manajemen konten admin untuk menerbitkan materi pembelajaran, video YouTube, dan booklet PDF.
Halaman beranda Dialisis Connect Edu yang memperkenalkan materi edukasi terapi ginjal dan komunitas hemodialisis.
Halaman pendaftaran akun pengguna dengan formulir data diri terstruktur untuk pasien ginjal dan pendamping.
Katalog asesmen perawatan mandiri penyakit ginjal kronis yang menampilkan modul kuesioner evaluasi.
Halaman materi pembelajaran yang menampilkan panduan diet ginjal dan video edukasi dialisis interaktif.
Antarmuka kalender jadwal konsultasi kesehatan dan pemilihan sesi pendampingan edukasi.
Tampilan riwayat pembelajaran pasien yang menyajikan rekaman pengerjaan screening dan evaluasi mandiri.
Konsol manajemen konten admin untuk menerbitkan materi pembelajaran, video YouTube, dan booklet PDF.
Halaman beranda Dialisis Connect Edu yang memperkenalkan materi edukasi terapi ginjal dan komunitas hemodialisis.
Perbesar Gambar
[01]Halaman awal Dialisis Connect Edu memperkenalkan platform edukasi terapi ginjal dan komunitas hemodialisis.
01 / 07
[02]

Gambaran Proyek

Dialisis Connect Edu dikembangkan oleh tim beranggotakan empat orang bersama IPDI Jawa Tengah untuk menghadirkan edukasi kesehatan ginjal dan interaksi komunitas melalui platform digital yang mudah diakses.

Platform ini menyediakan artikel, video edukasi, booklet digital, dan forum diskusi bagi pasien, tenaga kesehatan, administrator, keluarga, serta masyarakat. Kebutuhan sistem dirumuskan melalui wawancara, diskusi, dan feedback dari IPDI Jawa Tengah.

■[BATAS KLAIM // PENGGUNAAN MEDIS]

Platform ini menyediakan edukasi dan ruang diskusi, bukan diagnosis atau pengganti konsultasi dengan tenaga kesehatan.

[03]

Kontribusi Saya

  • 01Menggali kebutuhan melalui wawancara dan diskusi dengan IPDI Jawa Tengah, kemudian mengolah feedback stakeholder selama proses revisi.
  • 02Merancang user flow, information architecture, dan UI/UX menggunakan Figma.
  • 03Mengembangkan seluruh frontend berbasis role menggunakan Next.js dan mengintegrasikan REST API, termasuk authentication flow, validation, loading state, dan error state.
  • 04Melakukan manual dan automation testing dengan Katalon Studio serta ikut dalam proses Docker dan deployment ke production.
■Tech Stack
  • Figma
  • Next.js
  • React
  • REST API
  • Katalon Studio
  • Docker
[04]

Cakupan Sistem

■01 // Peran Pengguna
  • Pasien

    Mengakses materi pembelajaran dan mengikuti diskusi komunitas.

  • Tenaga Kesehatan

    Menyediakan materi edukasi dan berpartisipasi dalam diskusi.

  • Administrator

    Mengelola pengguna, konten, dan aktivitas platform.

■02 // Konten Edukasi
Format Konten
ArtikelVideo YouTube tersematBooklet digital PDF
Topik Edukasi
Perawatan ginjalDialisisTransplantasiPola hidup sehatDukungan penyakit ginjal kronis
■03 // Diskusi Komunitas
Fitur Diskusi Frontend
  • 01Membuat topik diskusi
  • 02Membaca diskusi
  • 03Komentar dan balasan
  • 04Moderasi sesuai peran