Skip to content

KLiKS Mobile

Cover

Aplikasi mobile yang dikembangkan dengan React Native. KLiKS mobile merupakan aplikasi yang digunakan untuk registrasi acara seminar yang diselenggarakan oleh Subdirektorat Proteksi Keamanan Informasi Publik (PKIP) Direktorat Proteksi Ekonomi Digital, Badan Siber dan Sandi Negara (BSSN).

Subdirektorat Proteksi Keamanan Informasi Publik (PKIP) Direktorat Proteksi Ekonomi Digital pada Badan Siber dan Sandi Negara (BSSN) memiliki program kegiatan pemberian edukasi keamanan siber yang bernama Kampanye Literasi Keamanan Siber (KLiKS). Pada kegiatan tersebut terdapat proses bisnis registrasi ulang yang mana masih dilakukan secara manual. Hal ini mengakibatkan pelaksanaan proses bisnis yang tidak efektif dan efisien karena peserta kegiatan KLiKS yang mencapai ribuan orang. Pada penelian ini dikembangkan aplikasi registrasi ulang seminar KLiKS BSSN berbasis gawai untuk mempermudah pelaksanaan proses bisnis registrasi ulang KLiKS dan sudah sewajarnya BSSN memiliki aplikasi mandiri yang aman. Hasil yang diperoleh dari penelitian ini yaitu aplikasi registrasi ulang seminar KLiKS BSSN dapat dikembangkan menggunakan bahasa pemrograman React Native dengan metode pengembangan system prototyping SDLC, namun masih memberikan kebutuhan yang perlu dianalisis. Selain itu, aplikasi ini juga aman dari serangan yang mungkin terjadi pada pemindaian QR code dan aplikasi tersebut.

Judul penelitian

Rancang Bangun Aplikasi Gawai untuk Registrasi Ulang Peserta Seminar KLiKS BSSN Menggunakan Secure QR Code Scanner pada Kerangka Kerja Multiplatform React.

Implementasi

Penelitian ini menggunakan metode pengembangan system prototyping yaitu, tahap analisis, desain, dan implementasi dengan bersamaan untuk mempercepat pengembangan versi sederhana dari sistem yang diusulkan dan diberikan kepada pengguna untuk dievaluasi. Hasil evaluasi dan komentar tersebut, pengembang menganalisis, mendesain, dan mengimplementasikan ulang ke prototipe kedua dan seterusnya.

Pada penelitian ini, aplikasi yang dibangun yaitu aplikasi gawai untuk registrasi ulang KLiKS BSSN pada subdirektorat PKIP. Berdasarkan hasil wawancara, disampaikan bahwa aplikasi ini diharapkan dapat mempermudah proses bisnis registrasi dan verifikasi data peserta seminar KLiKS BSSN. Hal tersebut dikarenakan proses bisnis registrasi ulang kegiatan KLiKS BSSN yang masih dilakukan secara manual tetapi memiliki jumlah peserta seminar yang mencapai ribuan orang. Daftar peserta yang hadir juga tidak dibuat secara otomatis sehingga menyulitkan pada saat verifikasi data jumlah peserta yang hadir dengan peserta yang mendaftar secara online. Oleh karena itu, akan dibangun aplikasi registrasi ulang KLiKS BSSN yang memiliki fitur utama pemindaian QR code peserta. Selain itu, terdapat fitur tambahan berupa login untuk petugas dan admin, melihat dan mengubah data peserta yang QR code-nya terpindai, serta melakukan logout. Aplikasi ini juga diharapkan dapat terintegrasi dengan web KLiKS BSSN dan dibuat multiplatform serta memiliki keamanan yang tahan dari serang yang mungkin terjadi. Implementasi aplikasi ini dikembangkan menggunakan React Native.

Rancangan berupa use case diagram ditunjukkan pada gambar di bawah ini.

use case

Dari use case diagram kemudian diturunkan menjadi beberapa sequence diagram. Salah satunya adalah sequence diagram untuk use case mengubah data peserta ditunjukkan pada gambar di bawah ini.

sequence diagram

QR code memiliki fungsi agar peserta dapat melihat data peserta tersebut yang meliputi nama, email, nomor HP, dan NIK. Pengguna diberikan 3 pilihan untuk melanjutkan ke tahap selanjutnya yaitu "cancel", "update", dan "submit". Tombol "cancel" digunakan untuk membatalkan QR code yang telah terpindai dan akan kembali ke tampilan pemindaian QR code. Tombol "update" digunakan untuk mengubah data peserta jika diperlukan yang mana akan mengarahkan pengguna ke halaman mengubah data peserta. Tombol "submit" digunakan untuk memasukkan data peserta tersebut bahwa peserta telah melakukan registrasil ulang. Setelah itu pengguna akan kembali ke halaman pemindaian QR Code.

Pengujian yang dilakukan antara lain Unit Testing, Integration Testing, Security Testing dan User Acceptance Testing. Dari hasil pengujian keamanan (Security Testing) dengan metode statis, didapatkan bahwa aplikasi KLiKS ini terdapat 0 bugs pada kode programnya. Selain itu kode program aplikasi KLiKS memunyai 0 kerentanan dan nilai 100% pada keamanannya. Aplikasi ini juga mendapatkan 0 kesalahan penulisan pada pemrogramannya. Pada UAT dilakukan pengujian terhadap aplikasi KLiKS kepada dua orang pegawai di Subdirektorat PKIP. Dari hasil pengujian UAT menyatakan bahwa aplikasi yang dibangun sesuai dengan kebutuhan pengguna.

security test

Tangkapan Layar

  1. Tampilan halaman login
    halaman login

  2. Tampilan menu untuk admin dan petugas
    menu

  3. Tampilan halaman data peserta
    data peserta

Peneliti

  • Muhammad Fikri Kamal

Supervisor

  • Nurul Qomariasih
  • Ray Novita Yasa
  • R. Budiarto Hadiprakoso