Claim Missing Document
Check
Articles

Found 2 Documents
Search

Rancang Bangun Sistem Informasi Surat Keluar Berbasis Web pada Fakultas Komunikasi dan Informasi Universitas Garut Nadila Ahmad Yani; Fathia Alisha; An-Nisa Aina Nurwaida
Jurnal Sistem Informasi, Teknik Informatika dan Teknologi Pendidikan Vol. 6 No. 1 (2026): Edisi September 2026
Publisher : Utiliti Project Solution

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.55338/justikpen.v6i1.1093

Abstract

Pencatatan surat keluar mahasiswa di Fakultas Komunikasi dan Informasi (FKOMINFO) Universitas Garut mengalami kendala operasional akibat human error berupa duplikasi dan salah urut penomoran berkas pada Google Sheets. Penyimpanan berkas arsip digitalnya pun masih berserakan di berbagai media penyimpanan pribadi. Penelitian ini bertujuan untuk membangun sistem informasi surat keluar berbasis web sebagai ruang terpusat yang didedikasikan khusus untuk mengelola dokumen akademik mahasiswa. Sistem dikembangkan menggunakan metode Agile model Scrum guna menjamin proses pembuatan aplikasi berjalan adaptif dan cepat. Sistem dibangun menggunakan Bahasa pemrograman PHP Native, MySQL, dan Bootstrap. Hasil pengembangan menunjukkan sistem e-arsip dengan fitur penomoran otomatis yang presisi memanfaatkan kueri SELECT MAX untuk mencegah duplikasi, serta modul konfirmasi metadata berupa interim modal popup sebelum pengunduhan file mentah berformat .docx secara linear dilakukan. Pengujian menggunakan Black Box Testing menunjukkan seluruh fungsi utama berjalan dengan baik. Sistem ini diharapkan dapat membantu admin prodi dalam mengelola Surat Keterangan Aktif Kuliah, Surat Izin Penelitian, Surat Pengantar KP, Surat Dispensasi, dan Surat Pengajuan Cuti, sekaligus mengurangi risiko kesalahan penomoran berulang di tingkat fakultas.
ANALISIS KOMPARATIF EFISIENSI KODE DAN PERFORMA ANTARMUKA SHUTTERSPORT.ID MENGGUNAKAN TAILWIND CSS DAN BOOTSRAP Rio Setiawan; An-Nisa Aina Nurwaida; Helmi Abdul Aziz
RJOCS (Riau Journal of Computer Science) Vol. 12 No. 2 (2026): RJOCS (Riau Journal of Computer Science)
Publisher : Fakultas Ilmu Komputer, Universitas Pasir Pengaraian

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.30606/rjocs.v12i2.4826

Abstract

Modern web interface development requires a balance between development speed and the technical performance of digital assets. This study is motivated by the optimization challenges of Shuttersport.id, a visual asset management platform that requires a lightweight yet flexible front-end infrastructure. A technical debate exists regarding the efficiency of the component-based paradigm represented by Bootstrap and the utility-first paradigm represented by Tailwind CSS. This study aims to analyze the comparative development efficiency of the two frameworks based on file size (payload), code complexity (Lines of Code), and access performance measured using First Contentful Paint (FCP) and Largest Contentful Paint (LCP). A controlled experimental method was employed by developing two identical interface prototypes for the Shuttersport.id platform using the respective frameworks. Data were quantitatively measured using Google Lighthouse for performance evaluation and static analysis for code complexity assessment. The experimental results show that Tailwind CSS outperformed Bootstrap, reducing the payload size by up to 80.1% and decreasing code complexity by 33.1% through shifting a portion of the complexity into the markup. In terms of performance, Tailwind CSS reduced Largest Contentful Paint (LCP) by 31.7% and First Contentful Paint (FCP) by 6.7%. In conclusion, the utility-first paradigm proved to be considerably more efficient for an asset-intensive visual platform such as Shuttersport.id because it minimizes rendering overhead. The practical implication of this study recommends adopting Tailwind CSS in the production stage to maximize bandwidth allocation for primary image assets.