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

SIMASTOK SHR Jaya Motor

Sistem inventory berbasis web yang menggantikan pencatatan stok di buku dengan workflow terpusat untuk memantau persediaan, menelusuri barang masuk dan keluar, serta membuat laporan.

Peran
Full-Stack Web Developer
Periode
Desember 2025–Januari 2026
Status
Live Production
Stakeholder
SHR Jaya Motor
Buka Website↗Private Repository
[01]

Galeri Proyek

Perbesar Gambar
Halaman pengaturan profil pengguna SIMASTOK dengan formulir data pribadi dan pembaruan kata sandi.
Modal login SIMASTOK bertema bengkel otomotif dengan input autentikasi email dan kata sandi.
Dashboard admin SIMASTOK dengan kartu ringkasan total barang dan grafik batang pergerakan stok bulanan.
Tabel inventaris SIMASTOK menampilkan daftar suku cadang, kategori, pemasok, jumlah stok, dan tombol aksi.
Formulir barang keluar SIMASTOK dengan pilihan suku cadang, validasi jumlah stok, dan tanggal pengeluaran.
Halaman laporan pergerakan stok SIMASTOK dengan filter tanggal, total keluar masuk barang, dan ekspor PDF.
Halaman pengaturan profil pengguna SIMASTOK dengan formulir data pribadi dan pembaruan kata sandi.
Modal login SIMASTOK bertema bengkel otomotif dengan input autentikasi email dan kata sandi.
Perbesar Gambar
[01]Halaman masuk SIMASTOK menyediakan portal autentikasi pengguna dengan antarmuka bertema bengkel otomotif.
01 / 06
[02]

Gambaran Proyek

Sebelum menggunakan SIMASTOK, SHR Jaya Motor mencatat persediaan secara manual di buku sehingga pemantauan stok, penelusuran transaksi, dan pembuatan laporan menjadi lebih sulit. Saya menggali kebutuhan sistem melalui wawancara dan feedback bertahap bersama pihak bengkel.

Saya merancang dan mengembangkan SIMASTOK secara mandiri untuk owner dan pegawai. Sistem yang digunakan dalam operasional ini menyatukan pencatatan inventory, transaksi stok, pembaruan otomatis, validasi, riwayat transaksi, serta laporan PDF berdasarkan periode dalam satu aplikasi.

[03]

Kontribusi Saya

  • 01Menggali kebutuhan inventory melalui wawancara dan feedback bertahap bersama SHR Jaya Motor.
  • 02Merancang workflow inventory dan antarmuka di Figma, kemudian membangun frontend dan backend menggunakan Laravel serta MySQL.
  • 03Mengimplementasikan akses berbasis role, master data, pergerakan stok, validasi stok tidak mencukupi, riwayat transaksi, dan laporan.
  • 04Melakukan manual dan automation testing menggunakan Playwright, kemudian menjalankan containerization dan deployment aplikasi menggunakan Docker.

Project ini memperkuat kemampuan saya dalam membangun sistem inventory secara end-to-end hingga digunakan dalam operasional nyata.

■Tech Stack
  • Figma
  • Laravel
  • PHP
  • MySQL
  • Playwright
  • Docker
[04]

Cakupan Sistem

■01 // Pencatatan Persediaan

Pencatatan terpusat untuk suku cadang, kategori, supplier, dan stok yang tersedia.

■02 // Transaksi Stok

Transaksi barang masuk dan keluar memperbarui stok secara otomatis, mencegah pengeluaran melebihi stok, dan menyimpan riwayat pergerakan barang.

■03 // Laporan & Akses

Akses berbasis role untuk owner dan pegawai, dilengkapi laporan berdasarkan rentang tanggal serta ekspor PDF.