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
01 / WEB APPLICATION

UKG System

ERP multi-cabang yang menyatukan pengelolaan stok, penjualan, dan operasional harian dalam satu sistem.

Klien
CV Universal Kharisma Globalindo
Peran
Full-Stack Web Developer
Periode
Januari–April 2026
Status
Live Production
Buka Website↗Private Repository
[01]

Galeri Proyek

Perbesar Gambar
Tabel master inventaris gudang yang menunjukkan jumlah stok multi-cabang dan label peringatan persediaan.
Dashboard admin UKG System menampilkan grafik omzet dan biaya bulanan serta ringkasan metrik operasional.
Antarmuka kasir penjualan dengan pencarian barang, rincian harga, potongan diskon, dan pilihan metode pembayaran.
Modal pratinjau nota digital yang merinci daftar barang belanja, subtotal, cabang toko, dan opsi cetak nota.
Tabel laporan transaksi penjualan dengan filter cabang toko, rentang tanggal, dan tombol ekspor data Excel.
Dashboard analitik keuangan yang memvisualisasikan tren laba kotor, total omzet, dan rincian biaya operasional.
Tabel presensi pegawai dengan verifikasi radius lokasi berbasis peta digital dan koordinat absensi.
Peta digital interaktif yang menampilkan sebaran titik cabang toko dan status keaktifan operasional wilayah.
Formulir permohonan order stok barang antar-cabang dengan pilihan gudang tujuan dan kolom input jumlah.
Tabel master inventaris gudang yang menunjukkan jumlah stok multi-cabang dan label peringatan persediaan.
Dashboard admin UKG System menampilkan grafik omzet dan biaya bulanan serta ringkasan metrik operasional.
Perbesar Gambar
[01]Dashboard admin menyajikan grafik keuangan bulanan dan ringkasan metrik operasional toko.
01 / 09
[02]

Gambaran Proyek

Sebelum UKG System, pencatatan stok, penjualan, dan operasional cabang dilakukan melalui buku, sementara data dibagikan melalui WhatsApp dan Excel. Kondisi ini menyulitkan owner untuk memantau aktivitas lintas cabang.

UKG System menyatukan data tersebut dalam satu sistem, sehingga owner dapat memantau stok, penjualan, dan operasional tanpa harus berada di lokasi.

[03]

Kontribusi Saya

  • 01Menggali kebutuhan melalui wawancara dengan owner dan merancang UI/UX.
  • 02Mengembangkan frontend, backend, dan integrasi workflow antar modul secara mandiri.
  • 03Melakukan testing manual dan automated end-to-end testing menggunakan Playwright, lalu melakukan deployment ke VPS Ubuntu yang masih digunakan hingga saat ini.

Project ini memperkuat pengalaman saya dalam mengembangkan sistem dari kebutuhan bisnis hingga digunakan dalam operasional sehari-hari.

■Tech Stack
  • Figma
  • Next.js
  • NestJS
  • MySQL
  • Playwright
  • Linux Ubuntu
[04]

Cakupan Sistem

■Modul Terintegrasi
  1. 01Warehouse & Inventory
  2. 02Store Operations
  3. 03Cashier & Sales
  4. 04Reports & Finance
  5. 05Dashboard & Analytics