Perancangan Design System Mobile-First untuk Pendataan Kependudukan Desa Berbasis Mitigasi Bencana

Adiwidya Wirawan J, F (2026) Perancangan Design System Mobile-First untuk Pendataan Kependudukan Desa Berbasis Mitigasi Bencana. Pro-Step Report, Universitas Multimedia Nusantara.

	PDF HALAMAN_AWAL.pdf Restricted to Registered users only Download (683kB)
	PDF BAB_I.pdf Download (272kB)
	PDF BAB_II.pdf Download (260kB)
	PDF BAB_III.pdf Restricted to Registered users only Download (1MB)
	PDF BAB_IV.pdf Restricted to Registered users only Download (247kB)
	PDF DAFTAR_PUSTAKA.pdf Restricted to Registered users only Download (377kB)
	PDF LAMPIRAN.pdf Restricted to Registered users only Download (1MB)
	PDF LEMBAR_PENGESAHAN.pdf Restricted to Registered users only Download (53kB)

Abstract

Indonesia berada di kawasan Cincin Api dengan tingkat kerentanan bencana alam yang tinggi, termasuk di wilayah Lebak Selatan, Banten. Gugus Mitigasi Lebak Selatan (GMLS) berkolaborasi dengan Universitas Multimedia Nusantara untuk mengembangkan aplikasi Sigap Desa untuk mendata kependudukan berbasis mitigasi bencana. Namun, versi terdahulu memiliki kendala pada antarmuka pengguna (UI) yang tidak optimal untuk perangkat mobile. Melalui Humanity Project, penulis bertugas sebagai Full Stack Developer untuk merancang ulang UI Sigap Desa dengan pendekatan mobile-first. Metode pelaksanaan meliputi migrasi framework UI dari Bootstrap ke Tailwind CSS guna meningkatkan fleksibilitas dan performa memori. Kendala utama yang dihadapi adalah pencampuran kode front- end dan back-end dalam satu file, perbedaan design system, serta penyesuaian media pada layar mobile. Solusi yang diterapkan meliputi pemetaan logika menggunakan komen dalam kode, penggunaan utility classes Tailwind untuk breakpoint dan padding yang responsif, serta pengujian berkala menggunakan Responsive Design Mode. Hasil akhir program ini adalah antarmuka Sigap Desa yang lebih fungsional untuk browser perangkat mobile.

Item Type:	Technical Report (Pro-Step Report)
Creators:	Adiwidya Wirawan J, F (00000104430)
Contributors:	Faza, Ahmad (0312019501)
Keywords:	Mobile-First, Tailwind CSS, Sigap Desa
Subjects:	000 Computer Science, Information and General Works > 000 Computer Science, Knowledge and Systems > 004 Computer Science, Data Processing, Hardware > 004.2 Systems Analysis and Design, Information Architecture, Performance Evaluation
Divisions:	Faculty of Engineering & Informatics > Information System
Date Deposited:	30 Jul 2026 14:58
URI:	https://kc.umn.ac.id/id/eprint/48916

Actions (login required)

View Item