⬅️ Back

SIPS App (Sistem Informasi Pencatat Surat)

React Js Vite Tailwind CSS Express Js Sequelize MySQL

Pada bulan Juli hingga September 2023, saya berada di Kantor Desa Balaroa untuk magang atau KKLP (Kuliah Kerja Lapangan Pengganti). Saya melakukan berbagai kegiatan administrasi seperti membuat surat keterangan bagi warga yang datang.

Suatu hari ada warga datang, ia ingin membuat 2 surat keterangan yang berbeda tetapi orangnya sama, sehingga data yang diinput juga sama. Namun, karena menggunakan template surat yang sudah ada untuk setiap jenis surat, maka perlu memasukkan data warga ke dalam 2 template surat tersebut.

Nah, dari sini saya lihat kurang efisien karena harus melakukan proses yang sama berulang-ulang, yaitu memasukkan data warga dengan cara diketik, ya bisa difotokopi tetapi difotokopi satu per satu dan disesuaikan dengan template surat yang berbeda.

Oleh karena itu, saya berinisiatif untuk membuat sistem yang dapat mengatasi hal tersebut dengan hanya perlu menginput data warga satu kali saja, sudah bisa membuat berbagai jenis surat yang berbeda tanpa harus difotokopi berulang-ulang.

Saya di depan komputer Saya sedang memasukkan data warga negara untuk membuat sertifikat

Dalam proses pengembangan, saya menggunakan React Js sebagai frontend dan Express Js sebagai backend, dan untuk database menggunakan MySQL. Database yang digunakan terdiri dari beberapa tabel yang saling terkait.

dashboard Tampilan halaman dasbor aplikasi

dashboard ERD (Entity Relationship Diagram)

Ya, ada terlalu banyak tabel yang digunakan karena beberapa templat surat memiliki format data yang berbeda sehingga harus disesuaikan. Namun, surat-surat tersebut pasti memiliki data warga negara yang sama yang tersimpan di tabel Surats.

Beberapa fitur utamanya antara lain:

  1. Menyimpan data pegawai, bagi yang menandatangani surat
  2. Menyimpan data warga, sehingga Anda dapat membuat surat yang berbeda dan berulang
  3. Mencetak langsung dari aplikasi dan mencetak ke berkas PDF

Pada tanggal 30 Agustus 2023, proses pengembangan aplikasi telah selesai dan dilanjutkan ke tahap presentasi dan pelatihan aplikasi bagi staf Kantor Desa Balaroa.

Setelah melakukan presentasi, selanjutnya dilakukan instalasi ke komputer kantor. Untuk implementasinya, gunakan komputer lokal secara offline.

Source: Frontend | Backend