Jurnal Ilmu Siber dan Teknologi Digital (JISTED) ISSN2986-7312 Vol 3.
No 1, 2024, 11-41 https://doi.
org/10.
35912/jisted.
Pengembangan Sistem Informasi Aplikasi Mobile Pelayanan Elektronik Dispendukcapil Kota Malang (Mobile Application Information System Development Malang City Population and Civil Registration Electroni.
Dhika Bayu Pratama1.
Aidil Primasetya Armin2 Universitas 17 Agustus 1945 Surabaya .
Surabaya.
Indonesia1,2 dhikabayu38@gmail.
com@gmail.
com1, aidilprimasetya@untag-sby.
Riwayat Artikel Diterima pada 24 November 2024 Revisi 1 pada 25 Februari 2024 Revisi 2 pada 20 Juli 2024 Revisi 3 pada 15 Agustus 2024 Disetujui pada 22 Agustus 2024 Abstract Purpose: This study aims to develop a mobile application-based public service information system to improve the effectiveness and accessibility of administrative services at the Department of Population and Civil Registration (Dispendukcapi.
of Malang City.
Research Methodology: This research was conducted at the Dispendukcapil office of Malang City using a descriptive qualitative Data collection methods included field observations, interviews with service users and staff, and analysis of The mobile application was developed using the Flutter framework and implemented based on the waterfall development model.
Results: The resulting application, named SIAPEL, features service registration, real-time document tracking, notifications, and complaint submission via WhatsApp.
Testing with 50 respondents showed that 90% found the app easy to use and 86% were satisfied with its interface and usefulness in accessing services.
Conclusion: SIAPEL enhances administrative efficiency, reduces service queues, and improves communication between users and the The application has shown positive reception from both users and staff Limitation: The current version only supports Android devices and requires stable internet connectivity for optimal performance.
Integration with institutional databases is still being developed.
Contribution: This research contributes to the development of mobile-based public service systems, especially in the field of population administration.
It can be a reference for other government institutions aiming to implement similar digital services to improve public satisfaction and service efficiency.
Keywords: Flutter.
Information Technology.
Laravel.
Mobile Application.
Population Administration.
How to cite: Pratama.
Armin.
Pengembangan Sistem Informasi Aplikasi Mobile Pelayanan Elektronik Dispendukcapil Kota Malang.
Jurnal Ilmu Siber dan Teknologi Digital, 3.
, 11-41.
Pendahuluan Seiring dengan percepatan transformasi digital, pemanfaatan teknologi informasi dalam layanan publik menjadi sebuah keniscayaan.
Terutama dalam konteks administrasi kependudukan dan pencatatan sipil, sektor ini dituntut untuk terus meningkatkan efisiensi, akurasi, serta aksesibilitas layanan.
Dinas Kependudukan dan Pencatatan Sipil (Dispendukcapi.
Kota Malang menyadari pentingnya digitalisasi sebagai upaya strategis dalam menjawab kebutuhan masyarakat yang semakin dinamis dan berbasis Pengembangan sistem informasi pelayanan elektronik muncul sebagai solusi atas sejumlah kendala yang selama ini dihadapi, seperti proses pengurusan dokumen yang lambat, antrian panjang, serta keterbatasan akses terhadap informasi layanan.
Salah satu bentuk inovasi tersebut adalah pengembangan Sistem Informasi Aplikasi Pelayanan Elektronik (SIAPEL), sebuah platform digital yang dirancang untuk mempermudah masyarakat mengakses layanan kependudukan secara online.
SIAPEL yang diluncurkan pada 7 April 2021 telah bekerja sama dengan berbagai instansi, termasuk Badan Pendapatan Daerah Kota Malang, dan menyediakan layanan utama seperti pembuatan akta kelahiran, kematian.
KTP elektronik.
KIA, hingga layanan perpindahan domisili.
Namun, hasil evaluasi lapangan menunjukkan bahwa sistem ini masih memiliki keterbatasan, seperti belum tersedianya fitur pelacakan status permohonan secara real-time, tidak adanya sistem keamanan berbasis verifikasi wajah .
, dan ketiadaan chatbot WhatsApp untuk interaksi otomatis dengan masyarakat.
Menjawab tantangan tersebut, penelitian ini mengusulkan pengembangan aplikasi berbasis mobile yang dirancang untuk menyempurnakan fungsi-fungsi layanan yang belum optimal.
Proses pengembangan dilakukan dengan menggunakan pendekatan Classic Life Cycle Model (Waterfal.
karena struktur bertahapnya memungkinkan pelaksanaan setiap proses mulai dari analisis kebutuhan, desain, implementasi, hingga pemeliharaan dilakukan secara sistematis dan terkontrol.
Aplikasi yang dikembangkan tidak hanya mengatasi kekurangan sistem sebelumnya, tetapi juga menambahkan fitur seperti pelacakan status permohonan secara real-time melalui QR code, autentikasi pengguna berbasis selfie, dan integrasi chatbot WhatsApp.
Dengan demikian, aplikasi ini diharapkan dapat memberikan kontribusi nyata dalam meningkatkan efisiensi layanan, transparansi proses, serta kepuasan masyarakat terhadap pelayanan publik berbasis teknologi.
Tinjauan pustaka dan pengembangan hipotesis 1 Penelitian Terkait Penelitian terdahulu yang relevan menunjukkan bahwa transformasi digital dalam sektor pemerintahan, khususnya pada pelayanan publik, mampu meningkatkan efisiensi, transparansi, dan akuntabilitas (Putra et al.
, 2.
menemukan bahwa implementasi aplikasi layanan berbasis mobile pada sektor pemerintahan daerah mampu memangkas waktu layanan hingga 40% dibandingkan proses Selain itu, layanan yang terintegrasi secara elektronik dapat mengurangi risiko korupsi karena meminimalkan interaksi langsung antara pegawai dan masyarakat.
Mengenai aplikasi E-Lapor juga menunjukkan peningkatan dalam partisipasi masyarakat terhadap pelaporan pengaduan layanan.
Hal ini sejalan dengan temuan (Irianto et al.
, 2.
yang menyatakan bahwa penerapan sistem informasi publik berbasis mobile dapat meningkatkan engagement warga terhadap kebijakan pemerintah lokal.
Dari sisi pengembangan perangkat lunak, metode waterfall banyak digunakan untuk pengembangan aplikasi e-government karena tahapannya sistematis dan mudah dikontrol.
Meskipun saat ini banyak pendekatan agile digunakan, namun waterfall masih sesuai bila kebutuhan sistem sudah jelas di awal Sementara itu.
Flutter sebagai teknologi pengembangan aplikasi mobile lintas platform terus meningkat popularitasnya karena kecepatan proses build dan kemudahan dalam membuat antarmuka pengguna yang responsif (Marimuthu et al.
, 2.
Hal ini memperkuat alasan pemilihan Flutter dalam pengembangan aplikasi SIAPEL.
Berdasarkan studi tersebut, dapat disimpulkan bahwa pengembangan sistem informasi pelayanan publik berbasis mobile dapat memberikan dampak positif terhadap efisiensi layanan, transparansi, serta partisipasi masyarakat.
Maka, hipotesis eksploratif yang dapat diajukan adalah: Pengembangan sistem informasi pelayanan publik berbasis teknologi digital telah menjadi fokus utama dalam meningkatkan efisiensi dan efektivitas birokrasi pemerintahan (Aziz et al.
, 2.
Salah satu pendekatan modern adalah penggunaan aplikasi mobile yang dapat mempermudah masyarakat dalam mengakses layanan tanpa harus datang langsung ke kantor instansi terkait.
Menurut (Nugraha & Usman, 2.
, aplikasi mobile dapat mempercepat proses pelayanan, meningkatkan akurasi data, dan memperkecil kemungkinan terjadinya kesalahan manusia dalam pencatatan.
Dalam konteks pelayanan administrasi kependudukan, penerapan aplikasi digital seperti SIAPEL diharapkan mampu mengurangi beban kerja petugas dan mempercepat proses pelayanan.
Model pengembangan aplikasi yang digunakan dalam penelitian ini adalah model waterfall, yang dinilai cocok untuk sistem yang kebutuhan dan alurnya sudah dapat didefinisikan secara jelas dari awal.
Selain itu, pemilihan Flutter sebagai framework pengembangan aplikasi mobile berbasis Android dipilih karena bersifat open-source, fleksibel, dan mampu menghasilkan antarmuka pengguna yang responsif.
2024 | Jurnal Ilmu Siber dan Teknologi Digital/ Vol 3 No 1, 11-41 Penelitian oleh (Wardani et al.
, 2.
menunjukkan bahwa penerapan sistem informasi berbasis aplikasi mobile dalam sektor layanan publik dapat mempercepat distribusi layanan dan meminimalkan keluhan Sementara itu, studi oleh (Dalimonthe et al.
, 2.
) menekankan pentingnya pendekatan user-centered design dalam pengembangan aplikasi layanan publik untuk meningkatkan usability.
Membuktikan bahwa pelayanan berbasis digital dengan sistem informasi yang terintegrasi berpengaruh signifikan terhadap kepuasan pengguna.
Hal ini sejalan dengan temuan dalam penelitian (Setia Amalia et al.
, 2.
yang menyatakan bahwa pelayanan berbasis aplikasi memberikan efisiensi waktu layanan dan kemudahan aksesibilitas, terutama pada layanan kependudukan, menyimpulkan bahwa digitalisasi layanan melalui aplikasi berbasis Android dapat meningkatkan partisipasi masyarakat dan mendorong transparansi layanan.
Studi dari (Husain et al.
, 2.
juga menyebutkan bahwa pelayanan publik berbasis mobile dapat meningkatkan kredibilitas lembaga pelayanan publik jika disertai dengan dukungan sistem informasi yang baik dan keamanan data yang terjamin.
2 Dasar Teori 1 Sistem Informasi Sistem informasi didefinisikan sebagai sekumpulan komponen terorganisir yang mengumpulkan, memproses, menyimpan, dan mendistribusikan informasi untuk mendukung pengambilan keputusan dalam suatu organisasi.
Sistem informasi juga dipahami sebagai jaringan kerja terintegrasi yang bertujuan mencapai tujuan tertentu melalui pengolahan data yang sistematis.
2 Sistem Informasi Administrasi Kependudukan (SIAK) SIAK merupakan sistem terstandarisasi nasional yang bertujuan membangun database kependudukan memungkinkan pelayanan seperti pembuatan KTP.
KK, dan akta secara efisien dan terdigitalisasi dari tingkat RT hingga instansi pusat.
3 Dinas Kependudukan dan Pencatatan Sipil Kota Malang Dispendukcapil Kota Malang bertugas dalam penyelenggaraan administrasi kependudukan daerah.
Menurut (Setia Amalia et al.
, 2.
), lembaga ini menangani layanan mulai dari pembuatan KIA, eKTP, surat pindah, hingga pencatatan sipil.
Kualitas pelayanan yang diberikan sangat menentukan tingkat kepuasan masyarakat.
4 Flutter Flutter adalah framework open-source dari Google untuk membangun aplikasi multiplatform dari satu basis kode.
Flutter dinilai efisien untuk pengembangan aplikasi Android dengan antarmuka menarik (Marimuthu et al.
, 2.
5 Model Waterfall (Classic Life Cycle Mode.
Classic Life Cycle Model, yang lebih dikenal sebagai metode waterfall, merupakan pendekatan pengembangan perangkat lunak yang mengikuti urutan langkah-langkah secara linear dan sistematis.
Model ini, yang juga disebut Linear Sequential Model, memulai proses dari tahap identifikasi kebutuhan, kemudian dilanjutkan ke tahap perencanaan, desain, implementasi, hingga penyampaian sistem kepada pengguna, dan diakhiri dengan proses pemeliharaan sistem secara menyeluruh.
Model ini pertama kali diperkenalkan oleh Winston Royce pada awal 1970-an.
Meskipun tergolong klasik, pendekatan ini masih banyak digunakan dalam praktik rekayasa perangkat lunak karena kesederhanaannya dan kemampuannya dalam memberikan struktur yang jelas.
Setiap fase dalam model ini harus diselesaikan sepenuhnya sebelum melanjutkan ke fase berikutnya.
Artinya, tidak dimungkinkan untuk kembali ke tahap sebelumnya setelah sebuah tahap selesai (Pricillia & Zulfachmi, 2.
Pendekatan ini sangat cocok diterapkan dalam proyek yang kebutuhan dan alurnya telah terdefinisi dengan baik sejak awal pengembangan.
2024 | Jurnal Ilmu Siber dan Teknologi Digital/ Vol 3 No 1, 11-41 Gambar 1 Metode Waterfall Sumber : (Goni, 2.
Pengembangan sistem dalam penelitian ini menggunakan model Waterfall sebagai kerangka kerja yang menggambarkan tahapan pembangunan perangkat lunak secara berurutan dan terstruktur dari awal hingga akhir.
Metode ini terdiri dari lima langkah utama yang saling berkaitan, dimulai dari analisis kebutuhan .
, desain sistem .
, implementasi .
, pengujian .
, hingga tahap pemeliharaan .
Pada tahap analisis kebutuhan, peneliti melakukan observasi langsung dan wawancara dengan pegawai Dispendukcapil Kota Malang guna mengidentifikasi permasalahan, kebutuhan pengguna, dan batasan sistem.
Selanjutnya, dilakukan perancangan struktur sistem dan antarmuka pengguna (UI/UX) berdasarkan hasil analisis kebutuhan.
Desain ini mencakup arsitektur database serta integrasi antara aplikasi mobile dan backend service.
Implementasi sistem dilakukan dengan menggunakan framework Flutter untuk frontend dan Laravel untuk backend.
Proses pengkodean dilakukan secara bertahap sesuai desain yang telah disusun untuk memastikan bahwa semua fitur dapat berjalan optimal.
Tahap pengujian dilakukan guna mengevaluasi performa sistem, mendeteksi kesalahan, dan memastikan kecocokan dengan kebutuhan pengguna.
Pengujian ini memanfaatkan pendekatan otomatis .
utomatic testin.
dan pengujian antarmuka pengguna (UI testin.
untuk mendapatkan hasil yang akurat dan efisien.
Tahap terakhir adalah pemeliharaan sistem yang mencakup perbaikan bug, peningkatan performa, serta pembaruan fitur berdasarkan kebutuhan pengguna.
Pendekatan Waterfall dipilih karena sesuai untuk proyek dengan kebutuhan yang telah terdefinisi dengan jelas sejak awal pengembangan.
Metode penelitian Metodologi penelitian yang digunakan dalam penelitian ini adalah Classic Life Cycle Model, atau yang biasa dikenal sebagai metode Waterfall.
Metode ini merupakan pendekatan yang sistematis dan terstruktur untuk pengembangan perangkat lunak, dengan setiap tahapan memiliki urutan yang jelas dan saling bergantung.
Pemilihan metode ini didasarkan pada karakteristik proyek pengembangan sistem yang difokuskan pada layanan administrasi kependudukan di Dispendukcapil Kota Malang.
Gambar 2 Model Waterfall Sumber: Summerville, 2011 2024 | Jurnal Ilmu Siber dan Teknologi Digital/ Vol 3 No 1, 11-41 1 Object Penelitian Objek penelitian dalam penelitian ini adalah Dinas Kependudukan dan Pencatatan Sipil (Dispendukcapi.
Kota Malang beserta layanan administrasi kependudukan yang disediakan.
Penelitian ini memfokuskan pada proses digitalisasi pelayanan publik melalui pengembangan aplikasi mobile berbasis Flutter dan Laravel.
Layanan yang menjadi fokus penelitian meliputi:
Pendaftaran dan Pengurusan Dokumen Kependudukan Kartu Tanda Penduduk Elektronik .
-KTP).
Kartu Keluarga (KK).
Akta Kelahiran dan Akta Kematian.
Kartu Identitas Anak (KIA).
Penduduk Rentan dan Disabilitas Penduduk Keluar/Masuk Pengecekan Status Permohonan Dokumen Menampilkan status permohonan .
itolak, diproses, atau diterim.
secara transparan.
Chatbot WhatsApp Fitur otomatis untuk menjawab pertanyaan masyarakat terkait layanan administrasi Sistem Keamanan Verifikasi User Menggunakan metode selfie dan kode QR untuk memastikan validitas data user.
2 Alur dan Tahapan Penelitian Gambar 3 Alur Penelitian Sumber : (Penulis, 2.
Proses penelitian ini dimulai dari tahap perencanaan awal, yang berfungsi sebagai dasar dalam menyusun strategi riset secara sistematis.
Langkah ini dilanjutkan dengan studi literatur terhadap jurnal ilmiah, buku, dan dokumen yang relevan mengenai sistem informasi, pelayanan publik digital, dan pengembangan aplikasi mobile.
Tujuan dari kajian ini adalah membentuk landasan teoritis yang kuat untuk mendukung proses perancangan aplikasi.
Selanjutnya, dilakukan observasi lapangan di Dinas Kependudukan dan Pencatatan Sipil (Dispendukcapi.
Kota Malang guna memahami proses layanan serta mengidentifikasi permasalahan nyata yang terjadi.
Observasi ini dilengkapi dengan wawancara semi-terstruktur kepada petugas dan masyarakat, untuk menggali lebih dalam kebutuhan pengguna dan hambatan yang mereka alami dalam mengakses layanan kependudukan.
Berdasarkan data hasil observasi dan wawancara, dilakukan perumusan masalah serta analisis kebutuhan sistem, baik dari sisi 2024 | Jurnal Ilmu Siber dan Teknologi Digital/ Vol 3 No 1, 11-41 fungsional maupun non-fungsional.
Tahapan berikutnya adalah proses perancangan sistem, mencakup pembuatan desain antarmuka pengguna (UI/UX), struktur basis data, dan skema alur sistem.
Desain ini bertujuan menciptakan alur layanan yang intuitif dan sesuai dengan kebutuhan pengguna (Wardani et , 2.
Implementasi aplikasi dilakukan menggunakan Flutter untuk pengembangan aplikasi mobile dan Laravel sebagai backend service.
Pengujian sistem dilakukan menggunakan metode automatic testing melalui tools seperti Katalon, untuk memastikan bahwa seluruh fungsi berjalan optimal dan sesuai kebutuhan pengguna.
Tahap akhir meliputi evaluasi efektivitas aplikasi, dokumentasi hasil pengujian, dan pencatatan masukan dari pengguna.
Proses ini ditutup dengan refleksi hasil dan penarikan kesimpulan, sebagai bagian dari siklus pengembangan sistem berbasis metode waterfall.
3 Arsitektur Perangkat Lunak Proses perancangan pada penelitian ini, arsitektur perangkat lunak dirancang dalam bentuk user flow yang digambarkan dengan flowchart.
Titik awal pada diagram dimulai dari user melihat halaman utama dan di akhiri user berhasil mencapai tujuan.
Gambar 4 Flowchart Login Proses dimulai ketika pengguna membuka awal aplikasi kemudian terdapat slider lalu mengklik button get started setelah itu akan tertuju ke laman login, user memasukkan inputan email dan password jika tidak valid maka akan muncul notifikasi user atau email tidak boleh kosong/valid, jika berhasil maka akan muncul login berhasil langsung tertuju ke halaman homepage.
Gambar 4 Flowchart Login Sumber : (Penulis, 2.
Gambar 5 ini merupakan Flowchart Pendaftaran Akun.
Proses dimulai ketika pengguna membuka awal aplikasi kemudian terdapat slider alu mengklik button get started setelah itu akan tertuju ke laman login, user mengklik button daftar setelah itu user diminta untuk mengisi inputan yang tersedia, jika inputan valid maka akan akan muncul notif pendaftaran akun berhasil dan menuju ke laman login, jika gagal maka akan muncul notif error.
2024 | Jurnal Ilmu Siber dan Teknologi Digital/ Vol 3 No 1, 11-41 Gambar 5 Flowchart Pendaftaran Akun Sumber : (Penulis, 2.
Gambar 6 ini merupakan Flowchart Form Pengajuan Layanan.
Alur dimulai ketika usser mengakses salah satu form pengajuan yang tersedia, kemudian diminta untuk mengisi inputan jika tidak valid maka akan ada validator, jika valid maka akan lanjut diminta untuk mengupload berkas dokumen yang diperlukan beserta foto selfie, di cek Kembali apakah foto selfie ada jika tidak diminta untuk foto selfie terlebih dahulu jika ada maka user diminta untuk menekan tombol submit setelah itu aka nada notif jika gagal maka periksa kembali pengajuan anda, jika berhasil maka user diminta untuk klik oke lalu akan menuju ke halaman homepage.
Gambar 6 Flowchart Form Pengajuan Layanan Sumber : (Penulis, 2.
Gambar 7 ini merupakan Flowchart Cek Permohonan Alur dimulai ketika usser mengakses salah satu form pengajuan yang tersedia, setelah mengisi dan pengajuan berhasil user dapat mengecek status 2024 | Jurnal Ilmu Siber dan Teknologi Digital/ Vol 3 No 1, 11-41 pengajuannya di cek permohonan jika pengajuan gagal maka user tidak dapat mengecek karena sebelumnya pengajuannya tidak valid.
Gambar 7 Flowchart Form Cek Permohonan Sumber : (Penulis, 2.
4 Perancangan ERD Database Gambar 8 ini merupakan ERD Database yang dimana Table users berisi .
d, name, email, password, nik, phone, kec, kel,)yang terhubung ke table persyaratans berisi.
d, fm1-fm12, img1-img.
menggunakan relasi one to one karena satu user hanya bisa melakukan 1 persyaratan.
Table persyaratans yang terhubung ke table pendaftarans yang berisi.
d, user_id, perysratan_id, layanan_id, layanankategori_id, operator_id, tiket, pealpor_nik, pelapor_name, pelapor_email, _pelapor_phone, kec, kel, statustracking_id, selfi.
menggunakan relasi one to many karena 1 persyaratans bisa melakukan banyak pendaftaran ke layanans yang berisi.
d, code, sect, name, detai.
Table pendaftarans yang terhubung ke table operators yang berisi .
d, tuga_id, nama, email, nik, phone, kec, kel,) menggunakan relasi many to one karena banyak pendaftaran bisa di proses oleh 1 operators.
Table tugas yang terhubung ke table operators menggunakan relasi many to ne karena banyak tugas bida di kerjakan oleh 1 operators.
Table pendaftarans yang terhubung ke table layanans menggunakan relasi one to many karena 1 pendaftaranbisa melakukan banyak layananss.
Table layanans yang terhubung ke table layanan kategories berisi( id, code, sect, nam.
menggunakan relasi one to one karena 1 layanan bisa melakukan 1 layanan sesuai kategori.
Table layanan kategories yang terhubung ke table status tracking yang berisi .
d, code, sect, nam.
menggunakan relasi many to one karena banyak layanan kategories akan ditampilkan di status tracking.
2024 | Jurnal Ilmu Siber dan Teknologi Digital/ Vol 3 No 1, 11-41 Gambar 8 Perancangan ERD Database Sumber : (Penulis, 2.
5 Perancangan User Interface User Interface merupakan ilmu yang berfokus terhadap tata letak grafis suatu web atau aplikasi.
User Interface juga bagian dari pengalaman pengguna dengan menggabungkan desain visual dan interaksi.
Berfokus pada tata letak, pemilihan warna, penggunaan tipografi serta elemen grafis lainnya.
Sebelum memasuki tahap pemberian warna dan elemen grafis lainnya, terdapat sebuah tahapan yang berfokus hanya untuk nenyusun layout dan akan di kembangkan pada tahap User Interface dalam pemberian warna dan elemen grafis lainnya.
Tahapan yang dimaksud adalah Wirferame.
Berikut merupakan rancangan Wireframe pada sistem yang dikembangkan:
Halaman Splasch Screen Gambar 9 ini merupakan Wireframe Halaman Splasch Screen yang terdiri dari beberapa slider dan tombol next untuk melanjutkan ke tahap login.
Gambar 9 Wireframe Halaman Splasch Screen Sumber : (Penulis, 2.
2024 | Jurnal Ilmu Siber dan Teknologi Digital/ Vol 3 No 1, 11-41 Halaman Login Gambar 10 ini merupakan Wireframe Halaman Login yang terdiri dari inputan email dan password 2 tombol login dan sign Up besertata logo aplikasi, kemudian jika pada saat melakukan login ada pop up saat email atau password tidak di isi atau tidak valid, jika valid login berhasil dan menuju ke halaman home page.
Tampilan Login Inputan Tidak Terisi Inputan Tidak Valid Gambar 10 Wireframe Halaman Login Sumber : (Penulis, 2.
Halaman SignUp Gambar 11 ini merupakan Wireframe Halaman Daftar yang terdiri dari 7 inputan .
ama lengkap.
Nik.
Emal.
No WhatsApp.
Pilih Kecamatan.
Pilih Kelurahan.
Password dan 1 tombol Submit, ketika mencoba submit dengan data yang tidak sesuai maka akan muncul pop up error jika berhasil maka akan muncul pendaftarna berhasil dan menuju ke laman login.
Tampilan laman daftar Inputan Tidak Valid Inputan Valid Gambar 11 Wireframe Halaman Daftar Sumber : (Penulis, 2.
2024 | Jurnal Ilmu Siber dan Teknologi Digital/ Vol 3 No 1, 11-41 Halaman Dashboard Gambar 12 ini merupakan Wireframe Halaman Dashboard yang terdiri dari tombol search,slider page,6 layanan(Kartu Keluarga.
Kartu Identitas Anak.
KTP Elektronik.
Pindah Mauk/Keluar.
Paket Akta Kelahiran.
Layanan Disabilitas.
Chat WhatsApp bot dan 3 botton page (Home Page.
Cek Permohonan.
Profil.
Gambar 12 Wireframe Halaman Dashboard Sumber : (Penulis, 2.
Halaman Layanan Pengajuan Gambar 13 ini merupakan Wireframe Halaman Layanan yang terdiri dari beberapa inputan dan upload file untuk keperluan pengajuan administrasi, pada saat menekan tombol submit ada 2 notifikasi yang muncul jika valid maka ada notif pengajuan berhasil jika gagal maka ada notif pengajuan gagal silakan cek kembali formulir anda.
Tampilan Pengajuan Pengajuan Berhasil Pengajuan Gagal Gambar 13 Wireframe Halaman Layanan Sumber : (Penulis, 2.
Halaman Cek Permohonan 2024 | Jurnal Ilmu Siber dan Teknologi Digital/ Vol 3 No 1, 11-41 Gambar 3.
14 ini merupakan Wireframe Halaman Layanan Cek Permohonan yang terdiri dari beberapa output keterangan seperti tanggal pengajuan, nama pengajuan, dan lain Ae lain.
Tampilan barcode awal Tampilan barcode sudah di klik Gambar 14 Wireframe Halaman Cek Permohonan Sumber : (Penulis, 2.
6 Perancangan User Interface 1 Kebutuhan Fungsional Kebutuhan fungsional menggambarkan fitur atau fungsi utama yang harus dimiliki oleh sistem untuk mendukung operasional user.
Kebutuhan ini mencakup berbagai proses seperti pendaftaran akun, login, pengajuan document, cek status dokumen dan wa bot untuk pengaduan layanan.
Sistem secara otomatis memproses aplikasi, seperti memvalidasi data, menyimpan dokumen, memproses permohonan layanan, mengelola tiket unik, dan memberikan notifikasi.
User mencakup semua yang mengakses sistem, seperti individu yang mengajukan layanan, login, atau memantau status permohonan.
Admin pegawai mengelola sistem, termasuk pembuatan akun user, pemberian hak akses, dan pengelolaan data serta layanan.
User (Pengguna Layana.
KIA.
KTP.
KK.
Akta Kelahiran.
Penduduk Rentan dan Disabilitas.
Pindah masuk/Keluar: Mengisi data, mengunggah dokumen, dan mengajukan layanan.
Sistem validasi memastikan data user lengkap dan benar sebelum diproses.
Sistem notifikasi mengirimkan pemberitahuan terkait status pengajuan: berhasil, revisi, atau gagal.
Pengelola dokumen menyimpan dan mengelola dokumen yang diunggah user, seperti akta kelahiran dan surat nikah.
Cek Status Permohonan.
User: Memeriksa status dengan kode tiket unik.
Sistem: Menampilkan status permohonan .
iproses, berhasil, gaga.
beserta informasi tambahan.
Sistem: Mengelola dan menampilkan hasil pencarian secara cepat dan relevan.
WhatsApp Bot untuk Pengaduan Pengaduan: Menerima laporan atau pertanyaan user.
Informasi: Memberikan panduan layanan dan status permohonan.
Notifikasi: Mengirimkan konfirmasi dan informasi penyelesaian masalah.
Tabel 1 Kebutuhan Fungsional Kode
Kebutuhan Fungsional Aktor
Prioritas 2024 | Jurnal Ilmu Siber dan Teknologi Digital/ Vol 3 No 1, 11-41
KF - 01
KF - 02
KF - 03
Melakukan Register Validasi Data Register: Validasi input user seperti email, password, dan nomor telepon.
Melakukan Login: user dapat memasukkan email dan password untuk login.
KF - 04
User System User System Validasi Kredensial Login:
Memeriksa apakah email dan password yang dimasukkan valid.
KF - 05
Menampilkan dashboard yang berisikan beberapa layanan, search, bottom bar
User
KF - 06
Search: Fitur untuk mencari informasi layanan atau data dengan kata kunci tertentu.
User
KF - 07
Form Pengajuan Layanan Pemohon baru: Form untuk pengajuan pembuatan KIA.
KTP.
KK.
Akta Kelahiran.
Penduduk Rentan dan Disabilitas.
Pindah
masuk/Keluar User
KF - 08
Validasi Data KIA.
KTP.
KK.
Akta Kelahiran.
Penduduk Rentan dan Disabilitas.
Pindah masuk/Keluar: Validasi data input user seperti nama, tanggal lahir, dan alamat.
System
KF - 09
Unggah Dokumen User yang sudah di sediakan inputan di form
User
2024 | Jurnal Ilmu Siber dan Teknologi Digital/ Vol 3 No 1, 11-41
KF - 10
KF - 11
Notifikasi Pengajuan Dokumen akan muncul Berhasil/Tidak Cek Status Permohonan:
Pemohon dapat memeriksa status
permohonan menggunakan kode
tiket unik
System
User
KF - 12
Menampilkan Status Permohonan:
Sistem menampilkan status permohonan seperti "Sedang Diproses.
Sukses, maupun Ditolak".
System
KF - 13
WhatsApp Bot Pengaduan:
Menerima pengaduan dan memberikan informasi layanan User 2 Kebutuhan Non Fungsional Kebutuhan non-fungsional merupakan persyaratan yang berkaitan dengan kualitas sistem dan cara sistem beroperasi, bukan dengan fitur atau fungsi spesifik.
Kebutuhan ini penting untuk memastikan aplikasi dapat digunakan dengan baik oleh masyarakat serta sesuai dengan lingkungan operasional Tabel 2 Kebutuhan Non Fungsional Kode
Kebutuhan Non Fungsional NF - 01
NF - 02
F - 03
Sistem dapat melakukan autentikan user dengan metode yang sudah disesuaikan Sistem menggunakan framework laraver beserta enkripsi dan authentikasi untuk keamanan dan API services Sistem harus dapat digunakan pada perangkat dengan spesifikasi (Minimal RAM 2GB).
Aktor
Prioritas System
System
System
2024 | Jurnal Ilmu Siber dan Teknologi Digital/ Vol 3 No 1, 11-41
NF - 04
Tampilan harus memiliki antar muka yang user friendly sehingga mudah dipahami user
System
NF - 05
Notifikasi status permohonan harus dikirimkan secara real-time tanpa keterlambatan.
System
NF - 06
WhatsApp Bot harus memproses System 7 Skenario Kasus Penggunan Dalam skenario Penggunaan atau Use Case Diagram yang berfungsi sebagai gambaran akan kebutuhan fungsional yang ditetapkan sebelumnya.
Use Case terbagi berdasarkan interaksi aktor terhadap sistem yang saling membutuhkan.
1 Use Case Diagram SignUp Gambar 15 menjelaskan di mana jika user belum memiliki Akun SIAPEL dihapkan untuk mendaftar terlebih dahulu pada Halaman Pendaftaran Akun dengan mengisi sesuai dengan kolom yang sudah tersedia, seperti Nama Lengkap.
NIK.
Email.
No.
WhatsApp.
Password serta memilih Kecamatan dan Kelurahan tempat tinggal di Kota Malang.
Setelah semua kolom terisi user dapat langsung mengklik tombol Submit untuk mendaftarkan akun kemudian akan langsung diarahkan ke halaman Login jika memenui syarat validasi.
2024 | Jurnal Ilmu Siber dan Teknologi Digital/ Vol 3 No 1, 11-41 Gambar 15 Use Case Diagram SignUp Sumber : (Penulis, 2.
2 Use Case Diagram Login Gambar 16 Bagi user yang sudah memiliki akun dapat langsung memasukkan Email serta Password pada kolom yang telah di sediakan, terdapat juga button Lupa Password? yang digunakan untuk user yang sudah memiliki akun namun lupa password, namun bagi user baru dapat memilih tombol Daftar untuk mendaftarkan diri terlebih dahulu.
Setelah user login layar akan langsung menampilkan halaman home atau beranda dari aplikasi SIAPEL.
Gambar 16 Use Case Diagram Login Sumber : (Penulis, 2.
3 Use Case Diagram Layanan Gambar 17 Bagi user yang sudah login maka di laman dashbord tersedia 6 Layanan administrasi seperti KTP Elektronik.
KK.
Akta Kelahiran.
Kartu Identitas Anak.
Layanan Penduduk Rentan dan Disabilitas.
Cek Pindah Keluar/Masuk, yang dimana setiap form nya ada inputan tervalidasi fitur selfie untuk ke amanan jika sesuai maka pop up berhasil dan history nya akan muncul di laman status permohonan jika gagal maka akan muncul validasi inputan yang salah.
Gambar 17 Use Case Diagram Layanan Sumber : (Penulis, 2.
2024 | Jurnal Ilmu Siber dan Teknologi Digital/ Vol 3 No 1, 11-41 4 Use Case Diagram Cek Permohonan Gambar 18 Bagi user yang sudah mengajukan tambah permohonan layanan pada aplikasi SIAPEL serta sudah mengisi formulir serta kolom yang tersedia, maka user dapat melihat status pengajuan pada halaman Cek Status Permohonan dari Aplikasi SIAPEL.
Pada halaman ini terdapat ID Pendaftaran.
ID Status Tracking.
Code.
Section.
Name, status dokumen apakah ditolak atau diterima, tanggal permohonan keterangan dan Tiket Antrian yang disertai dengan kode barcode.
Gambar 18 Use Case Diagram Cek Permohonan Sumber : (Penulis, 2.
7 Skenario Pengujian Pada penelitian ini menggunakan Automatic Testing testing sebagai proses pengujian perangkat lunak.
Pengujian ini dilakukan secara otomatis dengan bantuan alat atau skrip untuk memverifikasi bahwa fungsionalitas perangkat lunak berjalan sesuai dengan kebutuhan dan spesifikasi yang telah ditentukan.
Dengan automatic testing, hasil eksekusi dapat diamati dan dievaluasi tanpa intervensi manual, sehingga meningkatkan efisiensi dan akurasi dalam proses pengujian.
Tabel 3 Skenario Pengujian Kode Skenario Login, dan Sign Up TC-01 Test Case Langkah Uji Hasil Login dengan kredensial benar Masukkan email dan password yang Klik tombol "Login".
Masukkan email atau password Klik tombol "Login".
Isi nama, email, password.
NIK, nomor WhatsApp, kecamatan, dan Klik "Submit".
Masukkan email atau NIK dengan format salah.
Klik "Submit".
Biarkan salah satu field kosong.
Klik "Submit".
Berhasil login, masuk ke halaman Home.
TC-02
Login dengan kredensial salah TC-03
Sign Up dengan data valid
TC-04
Sign Up dengan data tidak valid
TC-05
Validasi input kosong saat Sign Muncul pesan error "Email atau password salah".
Akun berhasil dibuat, diarahkan ke halaman Login.
Muncul pesan error
"Format data
Muncul pesan error
"Field tidak boleh Pengajuan Layanan 2024 | Jurnal Ilmu Siber dan Teknologi Digital/ Vol 3 No 1, 11-41
Administrasi
TC-06
Mengakses layanan Klik tombol "Layanan Administrasi" pada halaman utama.
Pilih salah satu kategori layanan, misalnya "KTP Baru".
Lengkapi semua field formulir, unggah dokumen, foto selfie dan klik "Submit".
Unggah file dokumen tidak sesuai format .
Klik "Lihat Tiket Antrian" setelah pengajuan berhasil.
TC-07
Memilih kategori TC-08
Mengisi formulir
TC-9
Cek dokumen
TC-10
Cek tiket setelah pengajuan diterima TC-11 Pelacakan status Masukkan ID Permohonan pada halaman "Cek Status".
Klik "Cari".
Mulai chat dengan WhatsApp Bot Kirim pesan pertama, seperti "Hi" atau "Mulai".
Pilih layanan melalui chat WhatsApp Kirim keyword layanan, seperti "KTP".
WhatsApp Bot
TC-12
TC-13
Menampilkan daftar layanan administrasi (KTP.
KK, dll.
Menampilkan formulir layanan yang dipilih.
Jika valid, muncul pesan sukses.
Jika gagal, muncul pesan error.
Muncul pesan error "Format file tidak Sistem barcode dan kode tiket untuk Sistem menampilkan detail status permohonan.
Sistem membalas dengan daftar layanan yang Sistem memberikan Hasil dan pembahasan Setelah melalui tahapan analisis, perancangan, implementasi, dan pengujian, aplikasi SIAPEL berhasil dikembangkan sesuai dengan kebutuhan pengguna dan tujuan penelitian.
Bagian ini menyajikan temuan utama dari hasil uji fungsionalitas, evaluasi antarmuka, serta tanggapan pengguna terhadap penggunaan aplikasi dalam layanan administrasi kependudukan.
Aplikasi SIAPEL dikembangkan dengan sejumlah fitur utama: .
registrasi layanan online, .
pelacakan status dokumen melalui nomor tiket dan QR code, .
pengiriman notifikasi status via chat Whatsapp bot, dan .
pengaduan via WhatsApp API serta fitur tambahan seperti verifikasi foto selfie pengguna dan validasi NIK turut mendukung keandalan sistem.
1 Implementasi Antarmuka System 1 Halaman Splace Screen Pada halaman ini terdapat laman splace screen tampilan yang terdiri dari beberapa slider dan tombol next untuk melanjutkan ke tahap login.
2024 | Jurnal Ilmu Siber dan Teknologi Digital/ Vol 3 No 1, 11-41 Gambar 19 Halaman Splace Screen Sumber : (Peneliti, 2.
2 Halaman Login Pada halaman ini jika user belum memiliki akun atau ingin mendaftarkan dengan email baru bisa mengakses laman Pendaftaran Akun ini yang terdiri dari 7 inputan .
ama lengkap.
Nik.
Emal.
No WhatsApp.
Pilih Kecamatan.
Pilih Kelurahan.
Password dan 1 tombol submit, ketika mencoba submit dengan data yang tidak sesuai maka akan muncul pop up error jika berhasil maka akan muncul pendaftarna berhasil dan menuju ke laman login.
Tampilan Login Tampilan Erro Tampilan Berhasil Gambar 20 Halaman Login Sumber : (Peneliti, 2.
3 Halaman Home Page Pada halaman ini terdiri dari tombol search ,slider page, 6 layanan(Kartu Keluarga.
Kartu Identitas Anak.
KTP Elektronik.
Pindah Mauk/Keluar.
Paket Akta Kelahiran.
Layanan Disabilitas.
Chat WhatsApp bot dan 3 botton page (Home Page.
Cek Permohonan.
Profil.
dengan inputan dan upload an dokumen yang berbeda di setiap formnya, pada saat menekan tombol submit ada 2 notifikasi yang muncul jika valid maka ada notif pengajuan berhasil jika gagal maka ada notif pengajuan gagal silakan cek kembali formulir anda.
2024 | Jurnal Ilmu Siber dan Teknologi Digital/ Vol 3 No 1, 11-41 Gambar 21 Halaman Login Sumber : (Peneliti, 2.
4 Halaman Login Pada halaman ini menunjukkan gambar halaman form pengajuan pada Layanan Disabilitas user terdiri dari beberapa inputan seperti nama, nik, keterangan, upload file dan selfie untuk keperluan pengajuan administrasi, pada saat menekan tombol submit ada 2 notifikasi yang muncul jika valid maka ada notif pengajuan berhasil jika gagal maka ada notif pengajuan gagal silakan cek kembali formulir anda Tampilan Form Tampilan Form Error Tampilan Form Berhasil Gambar 22 Halaman Login Sumber : (Peneliti, 2.
5 Halaman Cek Permohonan Pada halaman ini menunjukkan halaman setelah user sudah melakukan pengajuan dan akan muncul di laman Cek Permohonan dalam bentuk tiket barcode.
Halaman Layanan Cek Permohonan yang terdiri dari beberapa output keterangan seperti tanggal pengajuan, nama pengajuan, dan lain Ae lain, terdapat simulasi untuk edit status seperti masih di proses, gagal atau berhasil dan dikirim secara realtime lewat chat bot Whatsapp karna belum mendapatkan akses penuh terhadap api dispendukcapil Kota Malang.
2024 | Jurnal Ilmu Siber dan Teknologi Digital/ Vol 3 No 1, 11-41 Gambar 23 Halaman Cek Permohonan Sumber : (Peneliti, 2.
6 Halaman Bot Whatsapp Pada halaman ini menunjukkan halaman setelah user mengklik bot chat WA maka akan tertuju pada nomor WhatsApp bot tersebut dan memiliki beberapa balasan otomatis yang udah di tentukan.
Gambar 24 Halaman Bot Whatsapp 2 Implementasi Usability Testing Pada subbab ini pengujian antarmuka pengguna dilakukan terhadap 50 orang pengguna, yang terdiri dari staf Dispendukcapil dan warga masyarakat kota malang.
Pengujian dilakukan melalui 2 metode wawancara langsung sejumlah 40 orang melalui media offline dan sejumlah 10 orang melalui media online yang masing Ae masing orang di berikan e pertanyaan terkait aplikasi untuk target usianya diatas 17 tahun dan dilakukan secara random kepada user yang berkenan untuk melakukan wawancara aplikasi Siapel mobile ini.
Tujuan dari wawancara adalah untuk memperoleh umpan balik terkait tampilan antarmuka, kemudahan penggunaan, dan saran perbaikan.
Tabel 1 Daftar Informasi Responden
Nama Reza
Status
Responden
Tanggal Wawancara
Metode Wanwancara
Staf
Dispendukcapil
3 - 06 - 2025
Luring 2024 | Jurnal Ilmu Siber dan Teknologi Digital/ Vol 3 No 1, 11-41
Galuh
Rofi
Abror
Boby Januar
Dimas Wahyu
Hendra
Sofi
Safira
Rafi
Idris
Dea
Hafiza
Naula
Nabila
Nafis Indah
Izza
Wulan
Rosa
Della
Naya
Gofur
Prasetyo
Kusuma
Ardana
Dio
Azif
Lukito
Wartin
Uci
Adjie
Lola
Silvi
Afiq
Bimo
Defri
Nandina
Fea
Sauzan Adelia
Hana
Staf
Dispendukcapil
Staf
Dispendukcapil
Staf
Dispendukcapil
Staf
Dispendukcapil
Staf
Dispendukcapil
Staf
Dispendukcapil
Staf
Dispendukcapil
Staf
Dispendukcapil
Staf
Dispendukcapil
Staf
Dispendukcapil
Masyarakat
Masyarakat
Masyarakat
Masyarakat
Masyarakat
Masyarakat
Masyarakat
Masyarakat
Masyarakat
Masyarakat
Masyarakat
Masyarakat
Masyarakat
Masyarakat
Masyarakat
Masyarakat
Masyarakat
Masyarakat
Masyarakat
Masyarakat
Masyarakat
Masyarakat
Masyarakat
Masyarakat
Masyarakat
Masyarakat
Masyarakat
Masyarakat
Masyarakat
Masyarakat
Masyarakat
Masyarakat
Masyarakat
3 - 06 - 2025
Luring 3 - 06 - 2025
Luring 4 - 06 - 2025
Luring 4 - 06 - 2025
Luring 4 - 06 - 2025
Luring 4 - 06 - 2025
Luring 4 - 06 - 2025
Luring 4 - 06 - 2025
Luring 4 - 06 - 2025
Luring 4 - 06 - 2025
Luring 4 - 06 - 2025
4 - 06 - 2025
4 - 06 - 2025
4 - 06 - 2025
4 - 06 - 2025
4 - 06 - 2025
4 - 06 - 2025
4 - 06 - 2025
4 - 06 - 2025
4 - 06 - 2025
4 - 06 - 2025
4 - 06 - 2025
4 - 06 - 2025
4 - 06 - 2025
5 - 06 - 2025
5 - 06 - 2025
6 - 06 - 2025
6 - 06 - 2025
6 - 06 - 2025
7 - 06 - 2025
7 - 06 - 2025
7 - 06 - 2025
7 - 06 - 2025
7 - 06 - 2025
7 - 06 - 2025
7 - 06 - 2025
7 - 06 - 2025
7 - 06 - 2025
7 - 06 - 2025
13 - 06 - 2025
14 - 06 - 2025
15 - 06 - 2025
15 - 06 - 2025
Luring Luring Luring Luring Luring Luring Luring Luring Luring Luring Luring Luring Luring Luring Luring Luring Luring Luring Luring Luring Luring Luring Luring Luring Luring Luring Luring Luring Luring Daring Daring Daring Daring 2024 | Jurnal Ilmu Siber dan Teknologi Digital/ Vol 3 No 1, 11-41
Afifah
Billa
Hildan
Kinanti Ananda
Rara
Ica
Masyarakat
Masyarakat
Masyarakat
Masyarakat
Masyarakat
Masyarakat
Masyarakat
15 - 06 - 2025
18 - 06 - 2025
18 - 06 - 2025
18 - 06 - 2025
18 - 06 - 2025
19 - 06 - 2025
19 - 06 - 2025
Daring Daring Daring Daring Daring Daring Daring 1 Daftar Pertanyaan Wawancara Pada halaman ini terdapat laman splace screen tampilan yang terdiri dari beberapa slider dan tombol next untuk melanjutkan ke tahap login.
Pada subbab ini berisi daftar pertanyaan kepada user, dengan rinican sebagai berikut:
Bagaimana pendapat Anda tentang tampilan aplikasi SIAPEL? Apakah Anda merasa mudah memahami cara penggunaan aplikasi? Saran atau kritik Anda terhadap antarmuka aplikasi ini? 2 Tabel Ringkasan Hasil Wawanacara Pada subbab ini berisi tabel ringkasan hasil wawancara kepada user, dengan rinican sebagai berikut:
Tabel 2 Ringkasan Wawancara User Nama Reza Navigasi Mudah Tampilan UI Baik Galuh Mudah Baik Rofi Mudah Baik Abror Mudah Baik Boby Mudah Baik Januar Mudah Baik Dimas Mudah Baik Wahyu Mudah Baik Kritik/Saran Pindahkan tombol search di home ke Pindahkan tombol search di home ke Pindahkan tombol search di home ke Tampilkan pengajuan di Dikasih bottom nav Tampilkan nama dan NIK pengajuan di Hompage Seperti Shopee Hompage Seperti Shopee 2024 | Jurnal Ilmu Siber dan Teknologi Digital/ Vol 3 No 1, 11-41 Hendra Mudah Baik Sofi Mudah Cukup baik Safira Mudah Cukup baik Rafi Idris Dea Hafiza Naula Nabila Nafis Indah Mudah Mudah Cukup mudah Cukup mudah Cukup mudah Cukup mudah Cukup mudah Bingung Baik Baik Cukup baik Cukup baik Cukup baik Cukup baik Baik Baik Izza Wulan Rosa Della Naya Gofur Prasetyo Kusuma Ardana Dio Azif Lukito Wartin Cukup mudah Cukup mudah Cukup mudah Cukup mudah Cukup mudah Cukup mudah Mudah Mudah Mudah Mudah Mudah Mudah Bingung Baik Baik Baik Cukup baik Cukup baik Baik Baik Baik Baik Baik Baik Baik Baik Uci Adjie Mudah Mudah Baik Cukup baik Lola Silvi Afiq Bimo Defri Nandina Fea Sauzan Adelia Hana Afifah Billa Hildan Mudah Mudah Mudah Mudah Mudah Mudah Mudah Mudah Mudah Mudah Mudah Mudah Mudah Baik Baik Baik Baik Baik Baik Cukup baik Cukup baik Baik Baik Baik Baik Baik Tambahkan Download Tambahkan Download Tambahkan Download Tidak ada Tidak ada Tidak ada Tidak ada Tidak ada Tidak ada Tidak ada Icon dan Teks nya Agak Tidak ada Tidak ada Tidak ada Tidak ada Tidak ada Tidak ada Tidak ada Tidak ada Keamanan Keamanan Keamanan Keamanan Icon dan Teks nya Agak Tidak ada Jarak Keamanan Keamanan Keamanan Tidak ada Tidak ada Tidak ada Tidak ada Tidak ada Tidak ada Tidak ada Tidak ada Keamanan Keamanan 2024 | Jurnal Ilmu Siber dan Teknologi Digital/ Vol 3 No 1, 11-41 Kinanti Ananda Rara Ica Mudah Mudah Mudah Mudah Baik Baik Baik Baik Keamanan Keamanan Tidak ada Tidak ada 3 Perbaikan Dari Feedback Wawancara User Pada subbab ini berisi gambar sebelum dan sesudah perbaikan dari hasil wawancara kepada user, dengan rinican sebagai berikut:
Sebelum perbaikan bottom navbar :
Pada gambar 9 bottom navbar nya sebelum perbaikan masih kurang jelas dan agak membingungkan pengguna awam yang baru menggunakan aplikasi.
Gambar 25 Sebelum Perbaikan Bottom Navbar Sumber : (Peneliti, 2.
Setelah perbaikan bottom navbar :
Pada gambar 10 bottom navbar nya setelah perbaikan lebih jelas keterangannya bagi pengguna awam yang baru menggunakan aplikasi.
2024 | Jurnal Ilmu Siber dan Teknologi Digital/ Vol 3 No 1, 11-41 Gambar 26 Setelah Perbaikan Bottom Navbar Sumber : (Peneliti, 2.
Sebelum perbaikan fitur search :
Pada gambar 11 fitur search nya ada di Homepage untuk mencari fitur yang ada di Homepage Gambar 27 Sebelum Perbaikan Fitur Search Sumber : (Peneliti, 2.
Setelah perbaikan fitur search :
Pada gambar 12 fitur search nya setelah perbaikan wawancara di minta untuk di pindah ke cek permohonan guna untuk memfilter menggunakan id tiket.
Gambar 28 Setelah Perbaikan Fitur Search Sumber : (Peneliti, 2.
Sebelum perbaikan fitur cek permohonan :
Pada gambar 4.
13 fitur cek permohonan nya sebelum perbaikan, belum ada keterangan nama, no kk, dan form pengajuan apa yang diajukan.
2024 | Jurnal Ilmu Siber dan Teknologi Digital/ Vol 3 No 1, 11-41 Gambar 29 Sebelum Perbaikan cek permohonan Sumber : (Peneliti, 2.
Setelah perbaikan fitur cek permohonan :
Pada gambar 14 fitur cek permohonan nya, setelah perbiakan sudah ada keterangan nama, no kk, dan form pengajuan apa yang diajukan.
Gambar 30 Setelah Perbaikan cek permohonan Sumber : (Peneliti, 2.
Sebelum perbaikan download section :
Pada gambar 15 fitur download section nya, sebelum perbaikan belum ada download section jadi masyarakat harus download filenya terpisah.
2024 | Jurnal Ilmu Siber dan Teknologi Digital/ Vol 3 No 1, 11-41 Gambar 31 Sebelum Perbaikan download section Sumber : (Peneliti, 2.
Setelah perbaikan download section :
Pada gambar 16 fitur download section nya, setelah perbaikan sudah ada download form nya jadi masyarakat tidak harus download filenya terpisah.
Gambar 32 Setelah Perbaikan download section Sumber : (Peneliti, 2.
Setelah aplikasi SIAPEL selesai dikembangkan dan diuji secara fungsional, dilakukan pengumpulan tanggapan dari pengguna melalui survei kepada 50 responden.
Tujuan dari survei ini adalah untuk mengetahui tingkat kemudahan penggunaan .
dan kualitas antarmuka aplikasi dari sudut pandang pengguna akhir.
Survei dilakukan menggunakan kuesioner digital dengan skala persentase Pendekatan ini sesuai dengan prinsip evaluasi sistem informasi , bahwa persepsi pengguna merupakan indikator penting dalam menilai keberhasilan sistem pelayanan digital.
Secara keseluruhan, hasil evaluasi menunjukkan bahwa 90% responden menyatakan aplikasi mudah digunakan dan 2024 | Jurnal Ilmu Siber dan Teknologi Digital/ Vol 3 No 1, 11-41 navigasinya intuitif, bahkan bagi pengguna baru.
Selain itu, 86% responden menyatakan bahwa tampilan antarmuka aplikasi SIAPEL dinilai menarik, informatif, dan responsif, yang sejalan dengan prinsip desain user-centered.
Hal ini menandakan bahwa desain UI/UX yang diimplementasikan sudah sesuai dengan kebutuhan dan ekspektasi target pengguna.
Kesimpulan Dari seluruh pembahasan yang telah dijelaskan pada Bab 1 hingga Bab 4, dapat disimpulkan bahwa penelitian mengenai pengembangan aplikasi mobile pelayanan elektronik kependudukan (SIAPEL) dengan menggunakan metode Classic Life Cycle Model (Waterfal.
telah berhasil mencapai tujuan yang Berikut ringkasan hasil dari penelitian ini:
Aplikasi SIAPEL yang dikembangkan mampu menjadi solusi dari permasalahan antrian layanan dan keterbatasan akses masyarakat terhadap informasi status dokumen.
Melalui sistem ini, masyarakat dapat mengajukan berbagai layanan kependudukan seperti KTP.
KK, akta kelahiran, dan lainnya secara langsung melalui perangkat mobile tanpa perlu datang ke kantor Dispendukcapil.
Berdasarkan hasil pengujian fungsional erta tanggapan dari 50 responden, aplikasi menunjukkan performa yang baik.
Sebanyak 90% responden menyatakan aplikasi mudah digunakan, dan 86% menyatakan tampilan antarmuka aplikasi sudah baik.
Seluruh fitur utama, seperti login, pendaftaran layanan, cek status permohonan, hingga pengaduan melalui WhatsApp, telah diuji dan dapat berfungsi sesuai rancangan.
Antarmuka aplikasi yang sederhana dan responsif mendukung kemudahan penggunaan oleh berbagai kalangan, baik masyarakat umum maupun pegawai internal Dispendukcapil.
Integrasi fitur notifikasi real-time pengecekan status permohonan berbasis QR code, tambahan ke amanan berbasis selfie, serta pengaduan melalui WhatsApp bot menjadi nilai tambah yang Fitur ini mampu meningkatkan transparansi pelayanan dan mempercepat komunikasi antara masyarakat dan pihak Dispendukcapil.
Penelitian ini menunjukkan bahwa transformasi digital dalam layanan publik, khususnya di bidang kependudukan, dapat meningkatkan efisiensi, kenyamanan, serta kualitas layanan bagi Masyarakat Limitasi dan studi lanjutan Berdasarkan hasil penelitian dan pengembangan aplikasi SIAPEL yang telah dilakukan, ada beberapa hal yang dapat dijadikan saran untuk pengembangan lebih lanjut.
Untuk mengamankan data sensitif seperti data pembuatan KTP.
KK, dan dokumen layanan masyarakat lainnya dalam aplikasi, diperlukan penerapan sistem keamanan berlapis yang menyeluruh.
Pertama, semua data harus dienkripsi, baik saat dikirim .
enggunakan protokol HTTPS/TLS) maupun saat disimpan .
enggunakan enkripsi kuat seperti AES-.
Selain itu, sistem harus menggunakan autentikasi yang kuat, seperti multi-factor authentication (MFA) dan otorisasi berbasis peran (Role-Based Access Control/RBAC), agar hanya pengguna yang berwenang yang bisa mengakses data tertentu.
Penggunaan token seperti JWT atau OAuth 2.
0 untuk API juga penting untuk melindungi backend dari akses tidak sah.
Seluruh aktivitas pengguna sebaiknya dicatat dalam audit login aktivity untuk mendeteksi potensi pelanggaran atau kebocoran data.
Di sisi infrastruktur, penggunaan firewall, proteksi terhadap serangan siber, dan hosting di platform yang tersertifikasi keamanan sangat dianjurkan.
Terakhir, sistem juga harus memiliki prosedur backup dan pemulihan data secara berkala, serta mematuhi regulasi perlindungan data pribadi yang berlaku seperti UU PDP di Indonesia.
Ucapan terima kasih Saya mengucapkan terima kasih yang sebesar-besarnya kepada:
Bapak Aidil Primasetya Armin.
ST.
, selaku dosen pembimbing, yang telah meluangkan waktu, memberikan bimbingan, dan arahan selama proses pengerjaan tugas akhir ini.
Seluruh dosen dan staf di Program Studi Informatika atas ilmu dan pengalaman yang telah diberikan selama perkuliahan.
Pihak Dispendukcapil Kota Malang yang telah memberikan izin dan data yang dibutuhkan dalam pengembangan aplikasi ini.
Kedua orang tua saya tercinta, keluarga, serta teman-teman seperjuangan yang selalu memberi 2024 | Jurnal Ilmu Siber dan Teknologi Digital/ Vol 3 No 1, 11-41 semangat dan doa.
Semua pihak yang tidak dapat saya sebutkan satu per satu, terima kasih atas segala bantuan dan Saya menyadari bahwa tugas akhir ini masih jauh dari sempurna.
Oleh karena itu, kritik dan saran yang membangun sangat saya harapkan demi perbaikan di masa mendatang.
Referensi