Logo
KEMBALI

Rezal, diperbarui pada 22 September 2025 | 10.20 WIB

Web Development
SILK (Sistem Informasi Laporan Keuangan)
Preview Cover Image

SILK adalah merupakan sistem yang berbasis website untuk mengelola laporan keuangan di Jurusan Sistem Informasi Universitas Tanjungpura. Memiliki fungsi antara lain adalah Dashboard, Pembuatan RAB, Anggaran Kegiatan, Honorarium Anggota, Perhitungan Pajak Otomatis dan Pelaporan. Pada proyek ini, pengerjaan dilakukan secara individu selama 3 bulan dengan teknologi Fullstack Next js.


Kebutuhan Sistem
Preview URL Asset
Halaman Dashboard SILK

Disini saya melakukan diskusi panjang dengan dosen terkait alur bisnis agar menyesuaikan dengan kebutuhan. Mulai dari cara perhitungan pajak, alur, hingga output akhir yang dihasilkan. Dengan pemetaan hasil requirement di awal, saya dapat menjabarkan halaman dan fitur yang diperlukan. Kebutuhan alur bisnis ini juga berjalan secara paralel selama pengembangan sistem.

Development Sistem Informasi
Preview URL Asset
Halaman Rancangan Anggaran Biaya SILK

Setelah mendapatkan kebutuhan flow bisnis dan requirement serta contoh dokumen, dilanjutkan ke tahapan development. Saya memilih teknologi Next.js karena sedang tren dan sekaligus sebagai kesempatan untuk mempelajari framework tersebut, sekaligus karena dari dosen sebagai klien juga meringankan timeline pengerjaan sehingga saya memiliki lebih banyak waktu untuk mendalami framework ini.

Dalam proses belajar dan development, saya menghadapi berbagai rintangan, mulai dari memahami alur bisnis, requirement yang terkadang terlambat, bug baru yang muncul, hingga pemahaman terkait pajak yang berlaku. Di sini saya melewati tahapan design dan langsung menggunakan komponen dari Shadcn UI agar mempercepat kinerja development.

Preview URL Asset
Halaman Nota Belanja Bahan SILK

Setelah proses development yang memakan waktu 3 bulan, dilanjutkan dengan melakukan meeting dengan dosen untuk menampilkan hasil yang telah dikerjakan. Di sini terdapat feedback dari dosen untuk penambahan fitur serta koreksi dan perbaikan alur bisnis dan perhitungan pajak yang sebelumnya saya pelajari sendiri. Hal ini membutuhkan waktu tambahan 1 bulan untuk menyelesaikan seluruh proses pengerjaan hingga final.

Presentasi Akhir dan Deployment
Preview URL Asset
Halaman Daftar Hadir Rapat SILK

Saya mengalami masalah saat masuk ke lingkungan production karena Fullstack Next.js tidak bisa dijalankan menggunakan web hosting biasa. Sehingga saya perlu mempelajari VPS (Virtual Private Server) agar semua fungsi pada sistem dapat berjalan di production, mulai dari instalasi melalui VM (Virtual Machine), setup database, hingga deploy ke server.

Setelah semuanya berhasil masuk ke lingkungan production, dilakukan presentasi akhir dengan dosen terkait Sistem Informasi Laporan Keuangan dan mendapatkan approval. Terakhir, saya menyerahkan hand-over proyek lengkap dengan dokumen yang diperlukan dan memberikan pelatihan penggunaan SILK (Sistem Informasi Laporan Keuangan) agar dapat digunakan di lingkungan Jurusan di kampus.

Teknologi Full-stack yang digunakan
  • Bahasa Pemrograman: TypeScript

  • Framework: Next.js, Tailwind CSS

  • Teknologi Lainnya: Axios, Zustand, Zod

  • Database & ORM: MySQL & Prisma

  • Komponen: Shadcn UI

  • Deployment: VPS

AYO BERKOLABORASI DAN CIPTAKAN SESUATU YANG LUAR BIASA!

SILK (Sistem Informasi Laporan Keuangan) |  SILK (Sistem Informasi Laporan Keuangan) |  SILK (Sistem Informasi Laporan Keuangan) |  SILK (Sistem Informasi Laporan Keuangan) |  
SILK (Sistem Informasi Laporan Keuangan) | SILK (Sistem Informasi Laporan Keuangan) | SILK (Sistem Informasi Laporan Keuangan) | SILK (Sistem Informasi Laporan Keuangan) | 

PORTOFOLIO SERUPA

MENU PINTAS

Punya ide proyek? Saya siap membantu mengubah ide kamu menjadi solusi nyata dan berkembang.

muhammadrezalsultan@gmail.com

mrezalsultan_p

Mari Mulai Kapan Saja

Ayo berkoneksi dan ciptakan sesuatu yang luar biasa!

Copyright @mrezalsultan All Rights Reserved

Logo

Muhammad Rezal Sultan