IMPLEMENTASI FITUR AUTOCOMPLETE SUGGEST DAN

SPELLING CORRECTION PADA APLIKASI LOWONGAN

PEKERJAAN BERBASIS ANDROID

TUGAS AKHIR

Sebagai Persyaratan Guna Meraih Gelar Ahli Madya

D3 Teknik Elektronika Universitas Muhammadiyah Malang

Disusun Oleh :

MUHAMMAD BIMA UTAMA

201610150511027

PROGRAM STUDI D3 TEKNIK ELEKTRO

FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH MALANG

2021

ii

LEMBAR PERSETUJUAN

IMPLEMENTASI FITUR AUTOCOMPLETE SUGGEST DAN

SPELLING CORRECTION PADA APLIKASI LOWONGAN

PEKERJAAN BERBASIS ANDROID

Diajukan Untuk Memenuhi Syarat Memperoleh Gelar Ahli Madya (D-3)

Program Studi D3 Teknik Elektronika Fakultas Teknik Universitas

Muhammadiyah Malang

Disusun Oleh:

MUHAMMAD BIMA UTAMA

NIM. 201610150511027

Diperiksa dan disetujui oleh,

Pembimbing I Pembimbing II

Amrul Faruq, ST., M.Eng. Merinda Lestandy, S.Kom., M.T.

NIDN: 0718028601 NIDN: 0703039302

iv

LEMBAR PERNYATAAN

Yang bertanda tangan dibawah ini :

Nama : Muhammad Bima Utama

Tempat Tanggal Lahir : Malang, 27 Juli 1997

NIM : 201610150511027

Fakultas/Jurusan : Teknik/D3 Teknologi Elektronika

Dengan ini saya menyatakan bahwa Tugas Akhir dengan judul

“Implementasi Fitur Autocomplete Suggest dan Spelling Correction Pada

Aplikasi Lowongan Pekerjaan Berbasis Android” beserta isinya adalah karya

peneliti sendiri dan bukan merupakan karya orang lain, baik sebagian maupun

seluruhnya, kecuali dalam bentuk kutipan yang telah disebutkan sumbernya.

Demikian surat pernyataan ini dibuat dengan sebenar-benarnya. Apabila

kemudian ditemukan adanya pelanggaran terhadap etika keilmuan dalam karya

peneliti ini, atau adanya klaim dari pihak lain terhadap karya peneliti ini maka

peneliti siap menanggung segala bentuk risiko atau sanksi yang berlaku.

Amrul Faruq, ST., M.Eng. Merinda Lestandy, S.Kom., M.T.

NIDN: 0718028601 NIDN: 0703039302

Malang,

Yang Menyatakan

Muhammad Bima Utama 201610150511027

Mengetahui

Pembimbing I Pembimbing II

v

ABSTRAK

Aplikasi lowongan pekerjaan saat ini belum banyak yang menggunakan

fitur pencarian yang canggih dalam menjalankannya. Oleh karena itu penulis

mengusulkan aplikasi lowongan pekerjaan menggunakan fitur autocomplete

suggest dan spelling correction. Keunggulan dari aplikasi ini diharapkan

masyarakat mudah mencari kata kunci lowongan pekerjaan yang diinginkan dengan

memasukkan kedalam tabel pencarian. Metode autocomplete suggest yang

bertujuan untuk menyediakan perkiraan kata yang akan dicari tanpa harus mengetik

keseluruhan kata dan menampilkannya dari data yang sama dalam database.

Sedangkan spelling correction sebagai pendeteksi kesalahan dan memberikan

panduan bagi penggunanya. Pada saat memasukkan 2-3 huruf, sistem akan mencari

kata yang sama dengan yang ada dalam database dan menampilkannya, kemudian

ketika salah ketik memasukkan kata kunci, secara otomatis sistem akan mencari

kata yang serupa dalam database dan akan ditampilkan. Metode autocomplete

suggest berfungsi dengan baik dan sepelling correction juga berfungsi akan tetapi

kata yang dimasukkan harus menyerupai data yang ada dalam database. Metode ini

sangat penting di setiap mesin pencarian dikarenakan banyak pengguna yang

melakukan kesalahan pada saat pengetikan.

Kata kunci : Autocomplete Suggest, Spelling Correction, Sounds Like

vi

ABSTRACT

There are not many job vacancies applications currently that use

sophisticated search features in running them. Therefore, the author proposes a job

vacancy application using the autocomplete suggest and spelling correction features.

The advantage of this application is that it is hoped that people will easily find the

desired job vacancy keywords by entering them into the search table. autocomplete

suggest method which aims to provide an estimate of the word to be searched

without having to type the whole word and display it from the same data in the

database. while spelling correction as an error detector and provide guidance for

users. When entering 2-3 letters, the system will search for words that are the same

as those in the database and display them, then when you enter a wrong keyword,

the system will automatically search for words that are similar in the database and

will be displayed. The autocomplete suggest method works well and the sepelling

correction also works, but the words entered must resemble the data in the database.

This method is very important in every search engine because many users make

mistakes when typing.

Keywords: Autocomplete Suggest, Spelling Correction, Sounds Like

vii

LEMBAR PERSEMBAHAN

Syukur Alhamdulillah atas kehadirat Allah SWT dengan limpahan hidayah,

rahmat dan karunia-Nya, shalawat serta salam senantiasa tercurahkan kepada

junjungan Nabi besar Rasulullah Muhammad SAW. Tiada kata selain puji syukur

dan terima kasih karena penulis dapat menyelesaikan Tugas Akhir ini. Oleh karena

itu, dengan penuh kerendahan hati penulis menyampaikan ucapan terima kasih yang

sebesar-besarnya kepada:

1. Segala puji dan segala puji-pujian hanya untuk dan milik Allah SWT, yang

Maha Pemberi Petunjuk, Maha Pemberi Kemudahan.

2. Untuk Ayah dan Ibu, terima kasih atas kasih sayang yang berlimpah dari mulai

saya lahir, hingga saya sudah sebesar ini, terima kasih juga atas limpahan doa

yang tiada tara.

3. Untuk adik tercinta terima kasih doa yang telah diberikan dan selalu

menyemangati terus menerus tanpa henti.

4. Dosen pembimbing Ibu Merinda Lesatandy,S.Kom., M.T, dan Bapak Amrul

Faruq, S.T, M.Eng. yang telah membimbing saya selama pengerjaan Tugas

Akhir ini. Semoga Allah membalas semua jasa bapak dan ibu sekalian, karena

penulis tidak dapat membalas semua jasa bapak dan ibu secara langsung.

5. Seluruh dosen Teknik Elektro Fakultas Teknik Universitas Muhammadiyah

Malang yang telah mengajarkan ilmu kepada penulis. Semoga Allah SWT

membalas semua jasa bapak dan ibu, karena penulis tidak dapat membalas

semua jasa bapak/ibu secara langsung.

6. Terima kasih kepada teman-teman seperjuangan terutama Alhadi, Bret, Gobes,

Jo, Adhi, Ivan, Repal, Aank, Wak Dur, Tuyul, Sysyam dan Romi angkatan 2016

yang selalu menge-push dan menemani dalam proses pengerjaan.

7. Terima kasih kepada teman-teman perkopian Galuh, Arip, Gandhi, Ristu dan

Sures yang selalu mengingatkan dan mengerjakan.

8. Tak lupa dengan sahabat tercinta Siswanto, Mad, Sulis, Lisa dan Mega dari

sekolah menengah sampai perguruan tinggi terima kasih karena telah

memberikan semangat dan kata-kata mutiara.

9. Dan terima kasih ke dia yang selalu ada membantu, mendukung dan memberi

semangat disetiap penulis kesusahan dan senang.

viii

KATA PENGANTAR

Assalamu’alaikum Warahmatullahi Wabarakatuh

Dengan memanjatkan puja dan puji syukur kehadirat Allah SWT atas segala

rahmat serta hidayah-Nya kepada penulis dapat menyelesaikan Tugas Akhir ini

yang berjudul:

“Implementasi Fitur Autocomplete Suggest Dan Spelling Correction Pada

Aplikasi Lowongan Pekerjaan Berbasis Android”

Tugas Akhir ini merupakan salah satu syarat studi yang harus ditempuh oleh

seluruh mahasiswa Universitas Muhammadiyah Malang, guna menyelesaikan

akhir studi pada jenjang program Diploma 3.

Dalam penulisan laporan ini penulis tentu tidak terlepas dari bantuan dan

bimbingan dari berbagai pihak yang telah dengan ikhlas memberikan bantuan baik

secara moril maupun spiritual sehingga penulis dapat menyelesaikan Tugas Akhir

ini.

Penulis sangat menyadari sepenuhnya bahwa dalam penulisan Tugas Akhir

ini masih banyak kekurangan dan keterbatasan. Oleh karena itu penulis

mengharapkan saran yang membangun agar tulisan ini bermanfaat bagi

perkembangan ilmu pengetahuan dan perkembangan teknologi kedepannya.

Malang

Penulis

ix

DAFTAR ISI

Halaman

LEMBAR PERSETUJUAN ............................................................................................. ii

LEMBAR PENGESAHAN ............................................................................................. iii

LEMBAR PERNYATAAN ............................................................................................. iv

ABSTRAK ......................................................................................................................... v

ABSTRACT ....................................................................................................................... vi

LEMBAR PERSEMBAHAN ......................................................................................... vii

KATA PENGANTAR .................................................................................................... viii

DAFTAR ISI ..................................................................................................................... ix

DAFTAR GAMBAR ........................................................................................................ xi

BAB I PENDAHULUAN .................................................................................................. 1

1.1 Latar Belakang .................................................................................................. 1

1.2 Rumusan Masalah............................................................................................. 2

1.3 Tujuan Penelitian .............................................................................................. 2

1.4 Batasan Masalah ............................................................................................... 2

1.5 Manfaat Penelitian ............................................................................................ 3

BAB II TINJAUAN PUSTAKA....................................................................................... 4

2.1 Aplikasi .............................................................................................................. 4

2.2 Android .............................................................................................................. 4

2.3 Visual Studio Code ............................................................................................ 5

2.4 Node.JS .............................................................................................................. 5

2.4.1 Angular .......................................................................................................... 5

2.4.2 Ionic ................................................................................................................ 5

2.1 XAMPP .............................................................................................................. 6

2.5.1 PHP ................................................................................................................. 6

2.5.2 MySQL ........................................................................................................... 7

x

2.5.3 Database ......................................................................................................... 7

2.5.4 JSON .............................................................................................................. 7

2.4 Autocomplate Suggest....................................................................................... 7

2.5 Sepelling Correction ......................................................................................... 8

BAB III METODOLOGI ................................................................................................. 9

3.1 Flowchart Sistem ............................................................................................... 9

3.2 Usecase Sistem ................................................................................................. 10

3.3 Database ........................................................................................................... 11

3.4 Cara Kerja Autocomplete Suggest ................................................................ 12

3.5 Cara Kerja Spelling Correction ..................................................................... 12

3.6 Design Sistem ................................................................................................... 13

3.7 ERD (Entity Relationship Diagram) ............................................................. 15

3.8 Rancangan Perangkat Lunak ........................................................................ 16

3.8.1 Database ....................................................................................................... 16

3.8.2 Aplikasi ........................................................................................................ 17

BAB IV HASIL ............................................................................................................... 22

4.1 Database ........................................................................................................... 22

4.2 Aplikasi ............................................................................................................ 23

4.2.1 Autocomplete Suggest ................................................................................. 26

4.2.2 Spelling Correction ..................................................................................... 27

4.3 Pengujian Black Box ....................................................................................... 28

BAB V PENUTUP ........................................................................................................... 40

5.1 Kesimpulan ...................................................................................................... 40

5.2 Saran ................................................................................................................ 40

DAFTAR LAMPIRAN ................................................................................................... 41

DAFTAR PUSTAKA ...................................................................................................... 42

xi

DAFTAR GAMBAR

Gambar 3.1 Flowchart Sistem ........................................................................................... 9

Gambar 3.2 Usecase Sistem ............................................................................................. 11

Gambar 3.3 Database admin. .......................................................................................... 11

Gambar 3.4 Cara Kerja Dari Proses Autocomplete ........................................................ 12

Gambar 3.5 Cara kerja Spelling Correction. .................................................................. 12

Gambar 3.6 Tampilan Login ........................................................................................... 13

Gambar 3.7 Tampilan Register ........................................................................................ 13

Gambar 3.8 Tampilan Menu Utama ............................................................................... 14

Gambar 3.9 Tampilan Deskripsi Lowongan Pekerjaan ................................................. 14

Gambar 3.10 Tampilan ERD Sistem ............................................................................... 15

Gambar 3.11 Tampilan tabel listloker dan user .............................................................. 16

Gambar 3.12 Tampilan tabel pembuatan lowongan pekerjaan ..................................... 17

Gambar 3.13 Tampilan Tabel Pembuatan User ............................................................. 17

Gambar 3.14 Tampilan Instalasi Farmework IONIC .................................................... 18

Gambar 3.15 Tampilan Instalasi Cordova ...................................................................... 18

Gambar 3.16 Tampilan Pembuatan framework ............................................................. 19

Gambar 4.1 Hasil admin membuat user. ........................................................................ 22

Gambar 4.2 Hasil admin membuat lowongan pekerjaan. .............................................. 23

Gambar 4.3 Hasil Login dan Register. ............................................................................ 24

Gambar 4.4 Hasil Beranda Aplikasi dan Deskripsi Lowongan pekerjaan .................... 25

Gambar 4.5 Hasil metode Autocomplete Suggest ........................................................... 26

Gambar 4.6 Hasil metode Spelling Correction ............................................................... 27

41

DAFTAR LAMPIRAN

Lampiran A- 1 Script file “src\app\login\login.module.ts”. ...................................... A-1

Lampiran A- 2 Script file “src\app\login\login.page.ts”............................................ A-2

Lampiran A- 3 Script file “src\app\login\login.page.html”....................................... A-3

Lampiran B- 1 Script file “src\app\register\register.module.ts”. ............................. B-1

Lampiran B- 2 Script file “src\app\register\register.page.ts”................................... B-2

Lampiran B- 3 Script file “src\app\register\register.page.html”.............................. B-3

Lampiran C- 1 Script file “src\app\home\home.module.ts” ..................................... C-1

Lampiran C- 2 Script file “src\app\home\home.page.ts” .......................................... C-2

Lampiran C- 3 Script file “src\app\home\home.page.html” ..................................... C-3

Lampiran D- 1 Script file “src\app\desc\desc.module.ts” ......................................... D-1

Lampiran D- 2 Script file “src\app\desc\desc.page.ts” .............................................. D-2

Lampiran D- 3 Script file “src\app\desc\desc.page.html”......................................... D-3

42

DAFTAR PUSTAKA

[1] K. N. M. Ngafidin, “Implementasi Fitur Autocomplete dan Algoritma Levenshtein

Distance untuk Meningkatkan Efektivitas Pencarian Kata di Kamus Besar Bahasa

Indonesia (KBBI),” Unversitas Negeri Semarang, Semarang, 2015.

[2] P. W. Handayani, I. M. Wiryana dan J.-T. Milde, “Mesin Pencari Berbasiskan

Semantik Untuk Bahasa Indonesia,” Sistem Informasi MTI-UI, vol. IV, no. 2, 2012.

[3] M. H. Sujaini dan R. D. Nyoto, “Analisis Perbandingan Metode Spelling Corrector

Peter Norvig Dan Spelling Checker BK-Trees Pada Kata Berbahasa Indonesia,”

Jurnal Sistem dan Teknologi Informasi (JustIN), vol. I, no. 5, pp. 12-16, 2017.

[4] R. Apriliyan, J. O. Fernas dan S. Budilaksono, “MEMBANGUN APLIKASI

PELAPORAN DAN MONITORING KEGIATAN MAHASISWA BERBASIS

WEB (STUDI KASUS PADA UPI Y.A.I),” Universitas Persada Indonesia Y.A.I,

vol. III, no. 2, 2019.

[5] Shalahuddin, Java Di Web, Bandung: Informatika, 2008.

[6] Z. Safaat, “Pemrograman Aplikasi Mobile Smartphone dan Tablet PC Berbasis

Android,” Informatika, Bandung, 2012.

[7] A. Aziz, Wiharto dan B. Wicaksono, “Pemanfaatan Web Service Moodle Berbasis

REST-JSON untuk Membangun Moodle Online Learning Extension berbasis

Android,” JURNAL ITSMART, vol. 2, no. 2, 2013.

[8] A. dan W. J. Kurniawan, “Sistem E-Learning Do’a dan Iqro’ dalam Peningkatan

Proses,” Jurnal Mahasiswa Aplikasi Teknologi Komputer dan Informasi, vol. I, pp.

154-159, 2019.

[9] R. Fajrin, “Pengembangan Sistem Informasi GeografisBerbasis Node.JSuntuk

Pemetaan Mesin dan Tracking Engineer dengan Pemanfaatan Geolocation pada PT

IBM Indonesia,” Jurnal Politeknik Caltex Riau, vol. III, pp. 33-40, 2017.

[10] I. Maulana, Pengenalan Framework Angular Bagi Pemula, Jakarta, 2017.

[11] S. Swono, A. F. Hasibuan, K. A. Aqiilah dan E. N. B. Siahaan, “Cross-Platform

Mobile Mneggunakan Framework Ionic,” Mahajana Informasi, vol. 5, pp. 79-84,

2020.

[12] R. Safitri, “Simple CRUD Buku Tamu Perpustakaan Berbasis PHP Dan

MYSQL :Langkah-Langkah Pembuatan,” Jurnal Tibanndaru, vol. II, 2018.

[13] M. R. S. Surendra, “Implementasi PHP Web Service Sebagai Penyedia Data

Aplikasi Mobile,” ULTIMATICS, vol. VI, no. 2, 2014.

43

[14] Fatmawati, “Perancangan Sistem Informasi Pemesanan Katering Berbasis Web

Pada Rumah Makan Tosuka Tangerang,” Teknik Komputer AMIK BSI, vol. II, no.

2, 2016.

[15] Y. Kustiyaningsih dan D. R. Anamisa, Pemograman Basis Data Berbasis Web

Menggunakan PHP & MySQL, Yogyakarta: Graha Ilmu, 2011, p. 146.

[16] Anhar, “Panduan Menguasai PHP dan MySQL Secara Otodidak,” Media Kita,

Jakarta, 2010.

[17] L. Y. Banowosari, A. Darmawan, K. Kurniawan dan M. Mitchell, “Analisis Pada

Fitur Autocomplete Suggest dan Semantik Pada Pencarian di Mesin Pencari

Google,” KOMMIT, vol. 8, 2014.

44

UNIVERSITAS MUHAMMADIYAH MALANG

FAKULTAS TEKNIK JURUSAN TEKNIK ELEKTRO & D3 TEKNIK

ELEKTRONIKA Jl. Raya Tlogomas 246 Malang 65144 Telp. 0341 - 464318 Ext. 129, Fax. 0341 - 460782

FORM CEK PLAGIASI LAPORAN TUGAS AKHIR

Nama Mahasiswa : MUHAMMAD BIMA UTAMA

NIM : 201610150511027

Judul TA : IMPLEMENTASI FIUR AUTOCOMPLETE SUGGEST

DAN SPELLING CORRECTION PADA APLIKASI

LOWONGAN PEKERJAAN BERBASIS ANDROID

Hasil Cek Plagiarisme dengan Turnitin

No. Komponen Pengecekan Nilai Maksimal

Plagiasi (%)

Hasil Cek Plagiasi

(%) *

1. Bab 1 – Pendahuluan 10 % 4 %

2. Bab 2 – Studi Pustaka 25 % 24 %

3. Bab 3 – Metodelogi Penelitian 35 % 4 %

4. Bab 4 – Pengujian dan Analisis 15 % 8 %

5. Bab 5 – Kesimpulan dan Saran 5 % 0 %

6. Publikasi Tugas Akhir 20 % 18 %

Mengetahui,

Dosen Pembimbing I, Dosen Pembimbing II,

( AMRUL FARUQ, S.T., M.Eng. ) ( MERINDA LESTANDY, S.Kom., M.T. )