rancang bangun buku tamu elektronik berbasis …

RANCANG BANGUN BUKU TAMU ELEKTRONIK BERBASIS ANDROIDDENGAN MEDIA KTP-EL

SKRIPSI

Diajukan sebagai salah satu syarat untuk memperoleh gelarSarjana Komputer (S.Kom.)

Alvin Julian00000019711

PROGRAM STUDI INFORMATIKAFAKULTAS TEKNIK DAN INFORMATIKA

UNIVERSITAS MULTIMEDIA NUSANTARATANGERANG

2021

LEMBAR PENGESAHAN


Oleh

Nama : Alvin JulianNIM : 00000019711Program Studi : InformatikaFakultas : Teknik dan Informatika

Tangerang, 16 Juni 2021

Ketua Sidang

(Wirawan Istiono, S.Kom., M.Kom.)

Dosen Penguji

(Andrey Andoko, M.Sc.)

Dosen Pembimbing I

(Yaman Khaeruzzaman, M.Sc.)

Dosen Pembimbing II

(Moeljono Widjaja, B.Sc.,M.Sc,Ph.D.)

Mengetahui,Ketua Program Studi Informatika,

(Marlinda Vasty Overbeek, S.Kom., M.Kom.)

ii

PERNYATAAN TIDAK MELAKUKAN PLAGIAT

Dengan ini saya yang bertanda tangan di bawah ini:

Nama : Alvin Julian

NIM : 00000019711

Program Studi : Informatika

Fakultas : Teknik dan InformatikaMenyatakan bahwa Skripsi yang berjudul “Rancang Bangun Buku Tamu

Elektronik Berbasis Android dengan Media KTP-el” ini adalah karya ilmiah

saya sendiri, bukan plagiat dari karya ilmiah yang ditulis oleh orang lain atau lem-

baga lain, dan semua karya ilmiah orang lain atau lembaga lain yang dirujuk dalam

Skripsi ini telah disebutkan sumber kutipannya serta dicantumkan dalam Daftar

Pustaka.

Jika di kemudian hari terbukti ditemukan kecurangan / penyimpangan, baik

dalam pelaksanaan Skripsi maupun dalam penulisan laporan Skripsi, saya bersedia

menerima konsekuensi dinyatakan TIDAK LULUS untuk mata kuliah Skripsi yang

telah saya tempuh.


Alvin Julian

iii

PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH UNTUK

KEPENTINGAN AKADEMIS

Sebagai sivitas akademik Universitas Multimedia Nusantara, saya yang bertandatangan di bawah ini:

Nama : Alvin JulianNIM : 00000019711Program Studi : InformatikaFakultas : Teknik dan InformatikaJenis Karya : Skripsi

Demi pengembangan ilmu pengetahuan, menyetujui untuk memberikan kepadaUniversitas Multimedia Nusantara hak Bebas Royalti Non-eksklusif (Non-

exclusive Royalty-Free Right) atas karya ilmiah saya yang berjudul:


beserta perangkat yang diperlukan.Dengan Hak Bebas Royalti Noneksklusif ini, pihak Universitas Multimedia Nu-santara berhak menyimpan, mengalih media atau format-kan, mengelola dalambentuk pangkalan data (database), merawat, dan mendistribusi dan menampilkanatau mempublikasikan karya ilmiah saya di internet atau media lain untuk kepentin-gan akademis, tanpa perlu meminta izin dari saya maupun memberikan royaltikepada saya, selama tetap mencantumkan nama saya sebagai penulis karya ilmiahtersebut.Demikian pernyataan ini saya buat dengan sebenarnya untuk dipergunakan seba-gaimana mestinya.


Alvin Julian

iv

HALAMAN PERSEMBAHAN / MOTO

”Don’t let your learning lead to knowledge. Let your learning lead toaction.”

Jim Rohn

v

KATA PENGANTAR

Puji syukur kepada Tuhan Yang Maha Esa atas segala karunia dan rahmat-

Nya sehingga penulis dapat menyelesaikan skripsi yang berjudul “Rancang Ban-

gun Buku Tamu Elektronik Berbasis Android dengan Media KTP-el”. Ten-

tunya dalam menyusun laporan ini, banyak pihak yang telah membantu baik berupa

moril dan spiritual, maka dalam kesempatan yang indah ini, penulis ingin mengu-

capkan terima kasih kepada:

1. Bapak Dr. Ninok Leksono, selaku rektor Universitas Multimedia Nusantara.

2. Dr. Eng. Niki Prastomo, S.T., M.Sc., selaku dekan fakultas teknik dan infor-

matika Universitas Multimedia Nusantara.

3. Ibu Marlinda Vasty Overbeek, S.Kom., M.Kom., selaku kepala program studi

informatika Universitas Multimedia Nusantara.

4. Bapak Yaman Khaeruzzaman, M.Sc., dan Bapak Moeljono Widjaja,

B.Sc.,M.Sc,Ph.D., selaku dosen pembimbing yang telah memberikan ban-

tuan, arahan dan masukan dalam penyusunan skripsi ini.

5. Semua pihak lain yang tidak dapat disebutkan satu per satu yang dengan tu-

lus dan ikhlas telah memberikan doa dan juga dukungan hingga penyusunan

laporan Skripsi ini dapat terselesaikan dengan baik.


Alvin Julian

vi


ABSTRAK

Buku tamu yang disediakan oleh suatu instansi digunakan untuk diisi oleh setiaptamu yang datang agar penerima tamu dapat mengetahui informasi tamu terse-but. Namun terdapat masalah yang muncul yaitu proses pengisian buku tamu yangcukup lama karena masih manual membuat tamu yang datang menjadi saling me-nunggu dalam mengisi buku tamu. Untuk mengatasi masalah ini akan dilakukanrancang bangun buku tamu elektronik berbasis Android yang di kombinasikan de-ngan media KTP Elektronik (KTP-el). Media KTP elektronik digunakan sebagaidata profil tamu. Dalam penelitian ini juga dibantu dengan menggunakan teknologiNFC (Near Field Communication), dan OCR (Optical Character Recognition) un-tuk mendapatkan data profil tamu dari KTP-el. Hasil dari pengujian menunjukkanbahwa dalam mendapatkan data Tag-id dari KTP-el dengan menggunakan NFCmemiliki nilai akurasi yang sudah baik yaitu 100%. Sedangkan penggunaan OCRmemiliki performa terbaik dalam pengambilan data profil tamu (NIK, nama, tem-pat dan tanggal lahir, jenis kelamin, alamat, agama, status perkawinan, pekerjaan,kewarganegaraan) pada kualitas foto KTP-el jernih atau jelas menghasilkan nilaiakurasi sebesar 88%. Selain itu secara fungsional aplikasi ini telah berhasil dalammenambah tamu baru, mengubah status aktif atau tersimpan, dan juga melakukanbackup data ke Firebase Cloud Firestore.

Kata kunci: Android, Buku tamu, Firebase Cloud Firestore, Media KTP-el, NFC,OCR.

vii

DESIGN ELECTRONIC GUEST BOOK BASED ON ANDROID WITHKTP-EL

ABSTRACT

The guest book provided by an agency is used to be filled in by every guest whocomes so that the receptionist can find out about the guest’s information. However,some problems arise, for example, the process of filling in the guest book whichis quite long because it is still manual, making guests waiting for each other to fillin the guest book. To solve this problem, an Android-based electronic guest bookin combination with Electronic KTP will be designed. Electronic KTP is used asguest profile data. This research also assisted by using a feature like NFC (NearField Communication), and OCR (Optical Character Recognition) to get the guestdata from Electronic KTP. The results of the test show that getting the Tag-id datafrom electronic KTP by using NFC has a good accuracy of 100%, while getting theguest profile data from electronic KTP by using OCR has a relatively good accuracyvalue of 88%. In addition, functionally this application has succeeded in adding newguests, changing active or saved guest status, and also doing data backup to FirebaseCloud Firestore.

Keywords: Android, Firebase Cloud Firestore, Guest Book, Electronic KTP, NFC,OCR.

viii

DAFTAR ISI

HALAMAN PENGESAHAN . . . . . . . . . . . . . . . . . . . . . . . . . iiHALAMAN PERNYATAAN TIDAK MELAKUKAN PLAGIAT . . . . . . . iiiHALAMAN PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH ivHALAMAN PERSEMBAHAN/MOTO . . . . . . . . . . . . . . . . . . . . vKATA PENGANTAR . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . vABSTRAK . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . viABSTRACT . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . viiDAFTAR ISI . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ixDAFTAR GAMBAR . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xiDAFTAR TABEL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xiiiBAB 1 PENDAHULUAN . . . . . . . . . . . . . . . . . . . . . . . . . . . 1

1.1 Latar Belakang Masalah . . . . . . . . . . . . . . . . . . . . . . . . 11.2 Rumusan Masalah . . . . . . . . . . . . . . . . . . . . . . . . . . . 31.3 Batasan Permasalahan . . . . . . . . . . . . . . . . . . . . . . . . . 31.4 Tujuan Penelitian . . . . . . . . . . . . . . . . . . . . . . . . . . . 41.5 Manfaat Penelitian . . . . . . . . . . . . . . . . . . . . . . . . . . 41.6 Sistematika Penulisan . . . . . . . . . . . . . . . . . . . . . . . . . 5

BAB 2 LANDASAN TEORI . . . . . . . . . . . . . . . . . . . . . . . . . 62.1 Buku Tamu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62.2 Android . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62.3 Media KTP Elektronik (KTP-El) . . . . . . . . . . . . . . . . . . . 72.4 NFC Reader . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92.5 OCR (Optical Character Recognition) . . . . . . . . . . . . . . . . 122.6 Firebase Cloud Firestore . . . . . . . . . . . . . . . . . . . . . . . 142.7 SQLite . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 162.8 Black Box Testing . . . . . . . . . . . . . . . . . . . . . . . . . . . 17

BAB 3 METODOLOGI PENELITIAN . . . . . . . . . . . . . . . . . . . . 203.1 Metodologi Penelitian . . . . . . . . . . . . . . . . . . . . . . . . . 203.2 Analisis Kebutuhan . . . . . . . . . . . . . . . . . . . . . . . . . . 21

3.2.1 Analisis Kebutuhan Fungsional . . . . . . . . . . . . . . . . 213.2.2 Analisis Kebutuhan Non Fungsional . . . . . . . . . . . . . 22

3.3 Perancangan Aplikasi . . . . . . . . . . . . . . . . . . . . . . . . . 233.3.1 Data Flow Diagram . . . . . . . . . . . . . . . . . . . . . . 243.3.2 Flowchart Aplikasi . . . . . . . . . . . . . . . . . . . . . . 263.3.3 Entity Relationship Diagram . . . . . . . . . . . . . . . . . 533.3.4 Database Schema . . . . . . . . . . . . . . . . . . . . . . . 543.3.5 Rancangan Antar Muka . . . . . . . . . . . . . . . . . . . . 55

BAB 4 HASIL DAN DISKUSI . . . . . . . . . . . . . . . . . . . . . . . . 644.1 Spesifikasi Perangkat . . . . . . . . . . . . . . . . . . . . . . . . . 644.2 Implementasi Sistem . . . . . . . . . . . . . . . . . . . . . . . . . 64

4.2.1 Implementasi Proses Admin Login . . . . . . . . . . . . . . 654.2.2 Implementasi Penambahan Data Tamu Baru . . . . . . . . . 67

4.3 Pengujian . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 924.3.1 Pengujian Hasil Akurasi dan Tingkat Kecepatan Pengam-

bilan Data Tamu . . . . . . . . . . . . . . . . . . . . . . . . 934.3.2 Rencana Pengujian Fungsional dengan Black Box Testing . 944.3.3 Rangkuman Hasil Pengujian . . . . . . . . . . . . . . . . . 98

BAB 5 SIMPULAN DAN SARAN . . . . . . . . . . . . . . . . . . . . . . 1015.1 Simpulan . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1015.2 Saran . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101

ix

DAFTAR PUSTAKA . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 103DAFTAR LAMPIRAN . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 105

x

DAFTAR GAMBAR

Gambar 2.1 Manfaat penggunaan NFC. (Rifqi dan Wardhani, 2017) . . 11Gambar 2.2 Proses OCR secara umum (Hartanto et al., 2015) . . . . . 12Gambar 2.3 Struktur Firebase Cloud Firestore (Google, 2021) . . . . . 16Gambar 3.1 Data Flow Diagram Level 0 . . . . . . . . . . . . . . . . 24Gambar 3.2 Data Flow Diagram Level 1 . . . . . . . . . . . . . . . . 25Gambar 3.3 Flowchart awal aplikasi . . . . . . . . . . . . . . . . . . . 27Gambar 3.4 Flowchart halaman Admin Login . . . . . . . . . . . . . . 28Gambar 3.5 Flowchart tambah tamu . . . . . . . . . . . . . . . . . . . 29Gambar 3.6 Flowchart Pengambilan Tag-id KTP-el . . . . . . . . . . . 30Gambar 3.7 Flowchart pengambilan Foto KTP-el . . . . . . . . . . . . 31Gambar 3.8 Flowchart proses OCR bitmap foto . . . . . . . . . . . . . 32Gambar 3.9 Flowchart cek data tokenisasi dengan format KTP-el . . . 33Gambar 3.10 Flowchart cek data NIK dengan hasil teks tokenisasi . . . . 34Gambar 3.11 Flowchart cek data nama dengan hasil teks tokenisasi . . . 35Gambar 3.12 Flowchart cek data tempat dan tanggal lahir dengan hasil

teks tokenisasi . . . . . . . . . . . . . . . . . . . . . . . . 36Gambar 3.13 Flowchart cek data jenis kelamin dengan hasil teks tokenisasi 37Gambar 3.14 Flowchart cek data alamat dengan hasil teks tokenisasi . . 38Gambar 3.15 Flowchart cek data agama dengan hasil teks tokenisasi . . 39Gambar 3.16 Flowchart cek data pekerjaan dengan hasil teks tokenisasi . 40Gambar 3.17 Flowchart cek data status kawin dengan hasil teks tokenisasi 41Gambar 3.18 Flowchart cek data Kewarganegaraan dengan hasil teks to-

kenisasi . . . . . . . . . . . . . . . . . . . . . . . . . . . 43Gambar 3.19 Flowchart pengisian nama karyawan dan alasan kunjungan 44Gambar 3.20 Flowchart validasi data tambah tamu . . . . . . . . . . . . 45Gambar 3.21 Flowchart penyimpanan tamu baru ke database . . . . . . 46Gambar 3.22 Flowchart perubahan status tamu aktif dan tersimpan . . . 47Gambar 3.23 Flowchart detail tamu . . . . . . . . . . . . . . . . . . . . 48Gambar 3.24 Flowchart hapus tamu . . . . . . . . . . . . . . . . . . . . 49Gambar 3.25 Flowchart cari tamu . . . . . . . . . . . . . . . . . . . . . 50Gambar 3.26 Flowchart admin logout . . . . . . . . . . . . . . . . . . . 51Gambar 3.27 Flowchart backup data tamu ke Cloud Firestore . . . . . . 52Gambar 3.28 Entity Relationship Diagram aplikasi . . . . . . . . . . . . 53Gambar 3.29 Database Schema aplikasi . . . . . . . . . . . . . . . . . 54Gambar 3.30 Rancangan antar muka halaman Admin Login . . . . . . . 55Gambar 3.31 Rancangan antar muka halaman utama pada tab Tamu Aktif 56Gambar 3.32 Rancangan antar muka halaman utama pada tab Tamu Ter-

simpan . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57Gambar 3.33 Rancangan antar muka popup konfirmasi tamu keluar . . . 58Gambar 3.34 Rancangan antar muka popup konfirmasi tamu masuk . . . 59Gambar 3.35 Rancangan antar muka popup konfirmasi hapus data tamu . 60Gambar 3.36 Rancangan antar muka halaman Detail Tamu . . . . . . . . 61Gambar 3.37 Rancangan antar muka halaman Tambah Tamu baru . . . . 62Gambar 3.38 Rancangan antar muka halaman Tambah Tamu baru sete-

lah ambil foto KTP-el . . . . . . . . . . . . . . . . . . . . 63Gambar 4.1 Potongan kode inisialisasi Firebase Auth dan validasi Edit-

Text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 66Gambar 4.2 Potongan kode pengecekan data admin pada Firebase Auth 67Gambar 4.3 Potongan kode pengecekan NFC . . . . . . . . . . . . . . 68Gambar 4.4 Potongan kode pengambilan Tag-id . . . . . . . . . . . . . 69

xi

Gambar 4.5 Potongan kode pengecekan Tag-id . . . . . . . . . . . . . 69Gambar 4.6 Potongan kode fungsi dari database helper untuk mencari

Tag-id . . . . . . . . . . . . . . . . . . . . . . . . . . . . 70Gambar 4.7 Potongan kode Proses OCR pada Bitmap Gambar . . . . . 71Gambar 4.8 Potongan kode proses tokenisasi dari Text Block . . . . . . 72Gambar 4.9 Potongan kode untuk cek data profil dengan data dari OCR 73Gambar 4.10 Potongan kode pengambilan data NIK tamu . . . . . . . . 74Gambar 4.11 Potongan kode pengambilan data nama tamu . . . . . . . . 74Gambar 4.12 Potongan kode pengambilan data tempat lahir . . . . . . . 75Gambar 4.13 Potongan kode pengambilan data tanggal lahir . . . . . . . 75Gambar 4.14 Potongan kode pengambilan data jenis kelamin . . . . . . 76Gambar 4.15 Potongan kode pengambilan data alamat . . . . . . . . . . 76Gambar 4.16 Potongan kode pengambilan data agama . . . . . . . . . . 77Gambar 4.17 Potongan kode pengambilan data pekerjaan . . . . . . . . 78Gambar 4.18 Potongan kode pengambilan data status perkawinan . . . . 78Gambar 4.19 Potongan kode pengambilan data kewarganegaraan . . . . 79Gambar 4.20 Potongan kode untuk menampilkan data profil pada kolom

EditText . . . . . . . . . . . . . . . . . . . . . . . . . . . 79Gambar 4.21 Potongan kode pengambilan data nama karyawan ke

dalam Spinner Dropdown . . . . . . . . . . . . . . . . . . 80Gambar 4.22 Potongan kode validasi data pada setiap kolom EditText . . 81Gambar 4.23 Potongan kode tambah data tamu ke database . . . . . . . 82Gambar 4.24 Potongan kode menampilkan data tamu aktif ke RecylerView 83Gambar 4.25 Potongan kode menampilkan data tamu tersimpan ke Re-

cylerView . . . . . . . . . . . . . . . . . . . . . . . . . . 84Gambar 4.26 Potongan kode update data tamu aktif menjadi tersimpan . 85Gambar 4.27 Potongan kode update data tamu aktif menjadi tersimpan . 86Gambar 4.28 Potongan kode hapus data tamu . . . . . . . . . . . . . . . 87Gambar 4.29 Potongan kode detail data tamu sesuai Tag-id . . . . . . . 87Gambar 4.30 Potongan kode pencarian data tamu sesuai Tag-id . . . . . 89Gambar 4.31 Potongan kode proses admin logout . . . . . . . . . . . . 90Gambar 4.32 Potongan kode pengecekan internet untuk backup data tamu 90Gambar 4.33 Potongan kode untuk proses backup data ke Firestore . . . 91Gambar 4.34 Pengambilan data Firestore ke database lokal . . . . . . . 92

xii

DAFTAR TABEL

Tabel 2.1 Fitur-fitur Android . . . . . . . . . . . . . . . . . . . . . . 7Tabel 2.2 Kemampuan utama Firebase Cloud Firestore . . . . . . . 15Tabel 4.1 Pengujian akurasi data profil tamu dengan OCR . . . . . . 94Tabel 4.2 Rencana pengujian . . . . . . . . . . . . . . . . . . . . . 95

xiii

rancang bangun buku tamu elektronik berbasis …

Documents