Top Banner
Team project ©2017 Dony Pratidana S. Hum | Bima Agus Setyawan S. IIP Hak cipta dan penggunaan kembali: Lisensi ini mengizinkan setiap orang untuk menggubah, memperbaiki, dan membuat ciptaan turunan bukan untuk kepentingan komersial, selama anda mencantumkan nama penulis dan melisensikan ciptaan turunan dengan syarat yang serupa dengan ciptaan asli. Copyright and reuse: This license lets you remix, tweak, and build upon work non-commercially, as long as you credit the origin creator and license it on your new creations under the identical terms.
17

RANCANG BANGUN APLIKASI CHATBOT PENJUALAN MOBIL …kc.umn.ac.id/4847/6/HALAMAN AWAL.pdf · Menggunakan Algoritma Porter Stemmer (Studi Kasus: PT Permata Hijau Automegah)” ini adalah

Oct 30, 2020

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: RANCANG BANGUN APLIKASI CHATBOT PENJUALAN MOBIL …kc.umn.ac.id/4847/6/HALAMAN AWAL.pdf · Menggunakan Algoritma Porter Stemmer (Studi Kasus: PT Permata Hijau Automegah)” ini adalah

Team project ©2017 Dony Pratidana S. Hum | Bima Agus Setyawan S. IIP 

 

 

 

 

 

Hak cipta dan penggunaan kembali:

Lisensi ini mengizinkan setiap orang untuk menggubah, memperbaiki, dan membuat ciptaan turunan bukan untuk kepentingan komersial, selama anda mencantumkan nama penulis dan melisensikan ciptaan turunan dengan syarat yang serupa dengan ciptaan asli.

Copyright and reuse:

This license lets you remix, tweak, and build upon work non-commercially, as long as you credit the origin creator and license it on your new creations under the identical terms.

Page 2: RANCANG BANGUN APLIKASI CHATBOT PENJUALAN MOBIL …kc.umn.ac.id/4847/6/HALAMAN AWAL.pdf · Menggunakan Algoritma Porter Stemmer (Studi Kasus: PT Permata Hijau Automegah)” ini adalah

RANCANG BANGUN APLIKASI CHATBOT PENJUALAN

MOBIL BERBASIS ARTIFICIAL INTELLIGENCE

MARKUP LANGUAGE MENGGUNAKAN

ALGORITMA PORTER STEMMER

(STUDI KASUS: PT PERMATA HIJAU AUTOMEGAH)

SKRIPSI

Diajukan sebagai salah satu syarat untuk memperoleh gelar

Sarjana Komputer (S.Kom.)

Rico Savero

13110110079

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK DAN INFORMATIKA

UNIVERSITAS MULTIMEDIA NUSANTARA

TANGERANG

2017

Rancang Bangun Aplikasi..., Rico Savero, FTI, 2017

Page 3: RANCANG BANGUN APLIKASI CHATBOT PENJUALAN MOBIL …kc.umn.ac.id/4847/6/HALAMAN AWAL.pdf · Menggunakan Algoritma Porter Stemmer (Studi Kasus: PT Permata Hijau Automegah)” ini adalah

ii

LEMBAR PENGESAHAN SKRIPSI

RANCANG BANGUN APLIKASI CHATBOT PENJUALAN

MOBIL BERBASIS ARTIFICIAL INTELLIGENCE

MARKUP LANGUAGE MENGGUNAKAN

ALGORITMA PORTER STEMMER

(STUDI KASUS: PT PERMATA HIJAU AUTOMEGAH)

Oleh

Nama : Rico Savero

NIM : 13110110079

Program Studi : Teknik Informatika

Fakultas : Teknik dan Informatika

Tangerang, 10 Agustus 2017

Ketua Sidang Dosen Penguji

Adhi Kusnadi, S.T., M.Si. Arya Wicaksana, S.Kom.,

M.Eng.Sc., OCA, CEH

Dosen Pembimbing

Dennis Gunawan, S.Kom., M.Sc.

Mengetahui,

Ketua Program Studi

Teknik Informatika

Maria Irmina Prasetiyowati, S.Kom., M.T.

Rancang Bangun Aplikasi..., Rico Savero, FTI, 2017

Page 4: RANCANG BANGUN APLIKASI CHATBOT PENJUALAN MOBIL …kc.umn.ac.id/4847/6/HALAMAN AWAL.pdf · Menggunakan Algoritma Porter Stemmer (Studi Kasus: PT Permata Hijau Automegah)” ini adalah

iii

PERNYATAAN TIDAK MELAKUKAN PLAGIAT

Dengan ini, saya

Nama : Rico Savero

NIM : 13110110079

Program Studi : Teknik Informatika

Fakultas : Teknik dan Informatika

menyatakan bahwa skripsi yang berjudul “Rancang Bangun Aplikasi Chatbot

Penjualan Mobil Berbasis Artificial Intelligence Markup Language

Menggunakan Algoritma Porter Stemmer (Studi Kasus: PT Permata Hijau

Automegah)” ini adalah karya ilmiah saya sendiri, bukan plagiat dari karya ilmiah

yang ditulis oleh orang lain atau lembaga lain, dan semua karya ilmiah orang lain

atau lembaga lain yang dirujuk dalam skripsi ini telah disebutkan sumber

kutipannya serta dicantumkan di 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.

Tangerang, 15 Juli 2017

Rico Savero

Rancang Bangun Aplikasi..., Rico Savero, FTI, 2017

Page 5: RANCANG BANGUN APLIKASI CHATBOT PENJUALAN MOBIL …kc.umn.ac.id/4847/6/HALAMAN AWAL.pdf · Menggunakan Algoritma Porter Stemmer (Studi Kasus: PT Permata Hijau Automegah)” ini adalah

iv

HALAMAN PERSEMBAHAN/ MOTO

Orang yang pintar

bukanlah orang yang merasa pintar,

akan tetapi ia adalah

orang yang merasa bodoh,

dengan begitu ia tak akan pernah

berhenti untuk terus belajar

Rancang Bangun Aplikasi..., Rico Savero, FTI, 2017

Page 6: RANCANG BANGUN APLIKASI CHATBOT PENJUALAN MOBIL …kc.umn.ac.id/4847/6/HALAMAN AWAL.pdf · Menggunakan Algoritma Porter Stemmer (Studi Kasus: PT Permata Hijau Automegah)” ini adalah

v

KATA PENGANTAR

Puji syukur kehadirat Tuhan Yang Maha Esa atas segala anugerah-Nya yang

selalu menyertai sehingga pelaksanaan dan penyusunan laporan skripsi berjudul

“Rancang Bangun Aplikasi Chatbot Penjualan Mobil Berbasis Artificial

Intelligence Markup Language Menggunakan Algoritma Porter Stemmer (Studi

Kasus: PT Permata Hijau Automegah)” dapat diselesaikan dengan baik. Laporan

ditujukan kepada Program Studi Teknik Informatika, Fakultas Teknik dan

Informatika, Universitas Multimedia Nusantara sebagai salah satu syarat kelulusan

mata kuliah Skripsi.

Penyelesaian laporan ini tidak terlepas dari keterlibatan dari beberapa pihak.

Oleh karena itu, ucapan terima kasih ditujukan kepada:

1. Dr. Ninok Leksono, Rektor Universitas Multimedia Nusantara,

2. Hira Meidia, Ph. D., Wakil Rektor Bidang Akademik,

3. Ir. Andrey Andoko, M.Sc., Wakil Rektor Bidang Administrasi Umum dan

Keuangan,

4. Ika Yanuarti, S.E., MSF, Wakil Rektor Bidang Kemahasiswaan,

5. Prof. Dr. Muliawati G. Siswanto, M.Eng.Sc., Wakil Rektor Bidang

Hubungan dan Kerjasama,

6. Kanisius Karyono, S.T., M.T., Dekan Fakultas Teknik dan Informatika

Universitas Multimedia Nusantara,

7. Maria Irmina Prasetiyowati, S.Kom., M.T., ketua Program Studi Teknik

Informatika Universitas Multimedia Nusantara,

Rancang Bangun Aplikasi..., Rico Savero, FTI, 2017

Page 7: RANCANG BANGUN APLIKASI CHATBOT PENJUALAN MOBIL …kc.umn.ac.id/4847/6/HALAMAN AWAL.pdf · Menggunakan Algoritma Porter Stemmer (Studi Kasus: PT Permata Hijau Automegah)” ini adalah

vi

8. Dennis Gunawan, S.Kom., M.Sc., selaku dosen pembimbing pelaksanaan

dan penulisan laporan skripsi,

9. William Lee, salesman PT Permatahijau Automegah, selaku narasumber

yang memberikan data yang diperlukan dalam pelaksanaan skripsi.

10. Keluarga yang selalu mendukung dalam pelaksanaan skripsi,

11. Andri Wan, Herman Purnama Jaya, Irfan Sami, Kennysia Celine Ganada,

Kevin Yap, Maria Devina, Michael, Nicko Rachman, Reynaldi, dan

Thomas Dwiatmoko, yang memberikan masukan dalam penulisan laporan

ini, dan

12. Rekan-rekan penulis lainnya, yang tidak dapat dituliskan satu per satu, yang

selalu mendukung dan memberikan motivasi dalam penyelesaian laporan

ini.

Semoga laporan skripsi ini dapat bermanfaat untuk para pembaca, baik sebagai

sumber inspirasi maupun sumber informasi, khususnya untuk rekan mahasiswa

UMN.

Tangerang, 15 Juli 2017

Rico Savero

Rancang Bangun Aplikasi..., Rico Savero, FTI, 2017

Page 8: RANCANG BANGUN APLIKASI CHATBOT PENJUALAN MOBIL …kc.umn.ac.id/4847/6/HALAMAN AWAL.pdf · Menggunakan Algoritma Porter Stemmer (Studi Kasus: PT Permata Hijau Automegah)” ini adalah

vii

RANCANG BANGUN APLIKASI CHATBOT PENJUALAN

MOBIL BERBASIS ARTIFICIAL INTELLIGENCE

MARKUP LANGUAGE MENGGUNAKAN

ALGORITMA PORTER STEMMER

(STUDI KASUS: PT PERMATA HIJAU AUTOMEGAH)

ABSTRAK

Dunia bisnis berkembang seiring dengan perkembangan teknologi. Perusahaan

memperluas jangkauan pasar melalui e-business, salah satunya adalah pemasaran

produk melalui web. Dengan penggunaan web, perusahaan dapat menjangkau

pelanggan tanpa adanya batasan jarak, tempat, dan waktu. Angka pelanggan

perusahaan akan semakin meningkat. Untuk dapat memberikan pelayanan terhadap

pelanggan yang jumlahnya terus meningkat, dibutuhkan solusi dimana pelayanan

dapat dilakukan secara otomatis untuk masing-masing pelanggan yang

membutuhkan sehingga tidak menyebabkan antrian. Dalam bisnis penjualan mobil,

layanan informasi yang pada umumnya dibutuhkan adalah informasi produk mobil.

Program chatbot adalah program yang dapat mensimulasikan percakapan manusia

dengan bahasa alami melalui pendekatan Natural Language Processing (NLP).

Chatbot dapat memberikan layanan informasi sebagai virtual sales assistant kepada

pelanggan. Program chatbot penjualan mobil pada PT Permatahijau Automegah

dibangun dengan Artificial Intelligence Markup Language (AIML) untuk

mendefinisikan basis pengetahuan chatbot dan menggunakan algoritma Porter

Stemmer untuk proses mengubah input kata ke dalam bentuk kata dasar untuk

menyederhanakan basis pengetahuan dari chatbot. Sistem telah dibangun dan diuji

dengan angka penerimaan (acceptance) mencapai 84,1%.

Kata kunci: chatbot, Natural Language Processing (NLP), Artificial Intelligence

Markup Language (AIML), Porter Stemmer, virtual sales assistant.

Rancang Bangun Aplikasi..., Rico Savero, FTI, 2017

Page 9: RANCANG BANGUN APLIKASI CHATBOT PENJUALAN MOBIL …kc.umn.ac.id/4847/6/HALAMAN AWAL.pdf · Menggunakan Algoritma Porter Stemmer (Studi Kasus: PT Permata Hijau Automegah)” ini adalah

viii

DESIGN AND DEVELOPMENT OF CAR SELLING CHATBOT

APPLICATION WITH ARTIFICIAL INTELLIGENC

MARKUP LANGUAGE USING PORTER

STEMMER ALGORITHM

(CASE STUDY: PT PERMATA HIJAU AUTOMEGAH)

ABSTRACT

The business world is evolving in line with technological developments. The

company expanded its market reach through e-business, one of which is marketing

of products via website. With the use of the web, companies can reach customers

without distance, place, and time limitations. The number of customers will

increase. To be able to provide services to an increasing number of customers,

solutions are needed where services could be performed automatically for each

customer, without causing queues. In the car sales business, information services

which are generally required is a car product information. Chatbot program is a

program that can simulate human conversation in natural language through Natural

Language Processing (NLP). Chatbot can provide information services as a virtual

sales assistant to the customer. Car sales assistant chatbot program at PT

Permatahijau Automegah is built with Artificial Intelligence Markup Language

(AIML) to define a chatbot knowledge bases using Porter Stemmer algorithm for

the process of changing the input words into root words for simplifying the

knowledge bases of the chatbot. The system has been built and tested with

acceptance of 84.1%.

Keywords: chatbot, Natural Language Processing (NLP), Artificial Intelligence

Markup Language (AIML), Porter Stemmer, virtual sales assistant.

Rancang Bangun Aplikasi..., Rico Savero, FTI, 2017

Page 10: RANCANG BANGUN APLIKASI CHATBOT PENJUALAN MOBIL …kc.umn.ac.id/4847/6/HALAMAN AWAL.pdf · Menggunakan Algoritma Porter Stemmer (Studi Kasus: PT Permata Hijau Automegah)” ini adalah

ix

DAFTAR ISI

HALAMAN JUDUL ................................................................................................ i

LEMBAR PENGESAHAN SKRIPSI .................................................................... ii

PERNYATAAN TIDAK MELAKUKAN PLAGIAT .......................................... iii

HALAMAN PERSEMBAHAN/ MOTO ............................................................... iv

KATA PENGANTAR ............................................................................................ v

ABSTRAK ............................................................................................................ vii

ABSTRACT ......................................................................................................... viii

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

DAFTAR TABEL .................................................................................................. xi

DAFTAR GAMBAR ............................................................................................ xii

DAFTAR RUMUS .............................................................................................. xvi

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

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

1.2 Rumusan Masalah ......................................................................................... 4

1.3 Batasan Masalah ............................................................................................ 4

1.4 Tujuan Penelitian ........................................................................................... 5

1.5 Manfaat Penelitian ......................................................................................... 5

1.6 Sistematika Penulisan Laporan Penelitian .................................................... 5

BAB II LANDASAN TEORI ................................................................................. 7

2.1 Chatterbot ...................................................................................................... 7

2.2 Natural Language Processing (NLP) ............................................................. 8

2.3 Artificial Intelligence Markup Language (AIML) ...................................... 11

2.4 Porter Stemmer ............................................................................................ 22

2.5 Technology Acceptance Model (TAM) ...................................................... 25

2.6 Skala Likert ................................................................................................. 26

2.7 Validitas dan Reliabilitas Kuesioner ........................................................... 27

BAB III METODOLOGI DAN PERANCANGAN SISTEM .............................. 29

3.1 Metodologi .................................................................................................. 29

3.2 Perancangan Sistem ..................................................................................... 32

A. Data Flow Diagram (DFD) ....................................................................... 32

B. Sitemap ...................................................................................................... 39

C. Flowchart................................................................................................... 42

D. Entity Relationship Diagram (ERD) ......................................................... 84

E. Database Schema ....................................................................................... 84

F. Struktur Tabel ............................................................................................ 85

F.1 Tabel aiml ............................................................................................ 86

F.2 Tabel bot .............................................................................................. 86

F.3 Tabel conversation_log ........................................................................ 87

F.4 Tabel stopwords ................................................................................... 87

F.5 Tabel srai_lookup................................................................................. 88

F.6 Tabel unknown_inputs ......................................................................... 88

F.7 Tabel admin ......................................................................................... 88

F.8 Tabel users ........................................................................................... 89

G. Perancangan Antarmuka Pengguna .......................................................... 89

H. Perancangan Dialog Komunikasi Chatbot .............................................. 103

Rancang Bangun Aplikasi..., Rico Savero, FTI, 2017

Page 11: RANCANG BANGUN APLIKASI CHATBOT PENJUALAN MOBIL …kc.umn.ac.id/4847/6/HALAMAN AWAL.pdf · Menggunakan Algoritma Porter Stemmer (Studi Kasus: PT Permata Hijau Automegah)” ini adalah

x

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM ................................. 105

4.1 Spesifikasi Sistem ...................................................................................... 105

4.1.1 Spesifikasi Hardware .......................................................................... 105

4.1.2 Spesifikasi Software ........................................................................... 105

4.2 Pemrograman Sistem ................................................................................. 106

4.2.1 Pemrograman Front End ..................................................................... 106

4.2.2 Pemrograman Back End ..................................................................... 114

4.3 Antarmuka Pengguna Sistem .................................................................... 119

4.3.1 Antarmuka Pengguna Front End System ............................................ 119

4.3.2 Antarmuka Pengguna Back End System ............................................ 132

4,4 Implementasi Artificial Intelligence Markup Language (AIML) ............. 143

4.5 Pengujian Sistem ....................................................................................... 149

4.5.1 Uji Pemrosesan Kalimat Input Manual ............................................... 149

4.5.2 Uji Penerimaan Sistem (Acceptance) ................................................. 155

A. Variabel Ease of Use ........................................................................... 155

B. Variabel Usefullness ............................................................................ 156

C. Variabel Trust ...................................................................................... 157

D. Variabel User Satisfaction ................................................................... 158

E. Hasil Kuesioner ................................................................................... 159

4.5.3 Uji Validitas Kuesioner ...................................................................... 160

4.5.4 Uji Reliabilitas Kuesioner ................................................................... 163

BAB V SIMPULAN DAN SARAN ................................................................... 165

5.1 Simpulan .................................................................................................... 165

5.2 Saran .......................................................................................................... 166

DAFTAR PUSTAKA ......................................................................................... 167

DAFTAR LAMPIRAN ....................................................................................... 171

Rancang Bangun Aplikasi..., Rico Savero, FTI, 2017

Page 12: RANCANG BANGUN APLIKASI CHATBOT PENJUALAN MOBIL …kc.umn.ac.id/4847/6/HALAMAN AWAL.pdf · Menggunakan Algoritma Porter Stemmer (Studi Kasus: PT Permata Hijau Automegah)” ini adalah

xi

DAFTAR TABEL

Tabel 2.1 Kelompok Rule Pertama: Inflectional Particles .................................... 24 Tabel 2.2 Kelompok Rule Kedua: Inflectional Possessive Pronouns ................... 24 Tabel 2.3 Kelompok Rule Ketiga: First Order of Derivational Prefixes .............. 24 Tabel 2.4 Kelompok Rule Keempat: Second Order of Derivational Prefixes ...... 25 Tabel 2.5 Kelompok Rule Kelima: Derivational Suffixes .................................... 25 Tabel 2.6 Interval Skor 5 (Lima) Tingkat Skala Likert ........................................ 27 Tabel 3.1 Daftar Functional Requirement ............................................................. 30

Tabel 3.2 Daftar Non-functional Requirement ..................................................... 30 Tabel 3.3 Struktur Tabel aiml ............................................................................... 86 Tabel 3.4 Struktur Tabel bot ................................................................................. 87 Tabel 3.5 Struktur Tabel conversation_log ........................................................... 87 Tabel 3.6 Struktur Tabel stopwords ...................................................................... 87 Tabel 3.7 Struktur Tabel srai ................................................................................. 88 Tabel 3.8 Struktur Tabel unknown_inputs ............................................................ 88 Tabel 3.9 Struktur Tabel admin ............................................................................ 88 Tabel 3.10 Struktur Tabel users ............................................................................ 89 Tabel 4.1 Hasil Pemrosesan Input Pertama Manual ........................................... 150 Tabel 4.2 Hasil Pemrosesan Input Kedua Manual .............................................. 151

Tabel 4.3 Hasil Pemrosesan Input Ketiga Manual .............................................. 152 Tabel 4.4 Hasil Pemrosesan Input Keempat Manual .......................................... 153 Tabel 4.5 Hasil Pemrosesan Input Kelima Manual ............................................. 154 Tabel 4.6 Hasil Kuesioner Percieved Ease of Use .............................................. 155 Tabel 4.7 Hasil Kuesioner Percieved Usefullness .............................................. 156 Tabel 4.8 Hasil Kuesioner Percieved Trust......................................................... 157 Tabel 4.9 Hasil Kuesioner User Satisfaction ...................................................... 158 Tabel 4.10 Hasil Kuesioner 34 Responden ......................................................... 160 Tabel 4.11 Perhitungan Uji Validitas .................................................................. 161 Tabel 4.12 Perhitungan Varians Cronbach Alpha............................................... 163

Rancang Bangun Aplikasi..., Rico Savero, FTI, 2017

Page 13: RANCANG BANGUN APLIKASI CHATBOT PENJUALAN MOBIL …kc.umn.ac.id/4847/6/HALAMAN AWAL.pdf · Menggunakan Algoritma Porter Stemmer (Studi Kasus: PT Permata Hijau Automegah)” ini adalah

xii

DAFTAR GAMBAR

Gambar 2.1 Contoh Tahap Tokenization ................................................................ 8 Gambar 2.2 Contoh Stopword Removal ................................................................. 9 Gambar 2.3 Stemming Token ............................................................................... 10 Gambar 2.4 Sintaks Dasar AIML ......................................................................... 11 Gambar 2.5 Penggunaan Tag <aiml> ................................................................... 12 Gambar 2.6 Penggunaan AIML Tag <category>, <pattern>, dan <template> ..... 13 Gambar 2.7 Penggunaan Tag <star index = “n”> ................................................. 14

Gambar 2.8 Tag <srai> Untuk Symbolic Reduction ............................................. 15 Gambar 2.9 Tag <srai> Divide and Conquer ........................................................ 15 Gambar 2.10 Tag <srai> Untuk Sinonim .............................................................. 16 Gambar 2.11 Tag <srai> Untuk Deteksi Keyword ............................................... 17 Gambar 2.12 Tag <random> dan <li> .................................................................. 17 Gambar 2.13 Tag <set> ......................................................................................... 18 Gambar 2.14 Tag <get> ........................................................................................ 18 Gambar 2.15 Skenario Percakapan ....................................................................... 18 Gambar 2.16 Penggunaan Tag <that> ................................................................... 19 Gambar 2.17 Penggunaan Tag <topic> ................................................................. 20 Gambar 2.18 Penggunaan Tag <think> ................................................................ 20

Gambar 2.19 Penggunaan Tag <condition> ......................................................... 21 Gambar 2.20 Penggunaan Tag <bot> ................................................................... 21 Gambar 2.21 Desain Porter Stemmer Untuk Bahasa Indonesia ........................... 22 Gambar 2.22. Struktur Kata Bahasa Indonesia ..................................................... 23 Gambar 2.23 Technology Acceptance Model ....................................................... 26 Gambar 3.1 DFD Level 0 ...................................................................................... 33 Gambar 3.3 DFD Level 2 Proses Chatbot ............................................................. 36 Gambar 3.4 DFD Level Pengaturan Chatbot ........................................................ 37 Gambar 3.5 Sitemap Front End ............................................................................. 40 Gambar 3.6 Sitemap Back End ............................................................................. 41

Gambar 3.7 Flowchart Halaman Home Website Penjualan Mobil ....................... 42 Gambar 3.8 Flowchart Komunikasi Chatbot ........................................................ 44 Gambar 3.9 Flowchart Stopwords Removal ......................................................... 45 Gambar 3.10 Flowchart Porter Stemmer .............................................................. 46

Gambar 3.11 Flowchart Pemilihan Menu Utama ................................................. 50 Gambar 3.12 Flowchart Pemilihan Menu Footer .................................................. 51 Gambar 3.13 Flowchart Proses Perhitungan Kredit .............................................. 52

Gambar 3.14 Flowchart Halaman Accord ............................................................ 53 Gambar 3.15 Flowchart Halaman Civic Turbo ..................................................... 54 Gambar 3.16 Flowchart Halaman City ................................................................. 55 Gambar 3.17 Flowchart Halaman CR-V ............................................................... 56

Gambar 3.18 Flowchart Halaman HR-V .............................................................. 57 Gambar 3.19 Flowchart Halaman BR-V ............................................................... 58 Gambar 3.20 Flowchart Halaman CR-Z ............................................................... 59

Gambar 3.21 Flowchart Halaman Jazz ................................................................. 60 Gambar 3.22 Flowchart Halaman Brio ................................................................. 61 Gambar 3.23 Flowchart Halaman Mobilio ........................................................... 62

Rancang Bangun Aplikasi..., Rico Savero, FTI, 2017

Page 14: RANCANG BANGUN APLIKASI CHATBOT PENJUALAN MOBIL …kc.umn.ac.id/4847/6/HALAMAN AWAL.pdf · Menggunakan Algoritma Porter Stemmer (Studi Kasus: PT Permata Hijau Automegah)” ini adalah

xiii

Gambar 3.24 Flowchart Halaman Odyssey .......................................................... 63 Gambar 3.25 Flowchart Halaman Price List ......................................................... 64 Gambar 3.26 Flowchart Halaman Periodic Service .............................................. 65 Gambar 3.27 Flowchart Halaman Credit Requirements ....................................... 66 Gambar 3.28 Flowchart Halaman Contact ............................................................ 67 Gambar 3.29 Flowchart Genuine Parts ................................................................. 68 Gambar 3.30 Flowchart Halaman E-brochure ...................................................... 69 Gambar 3.31 Flowchart Login Admin .................................................................. 70 Gambar 3.32 Flowchart Home Admin .................................................................. 71 Gambar 3.33 Flowchart Memilih Menu Admin ................................................... 72

Gambar 3.34 Flowchart Halaman Chat Logs ........................................................ 73 Gambar 3.35 Flowchart Halaman Add Dialog ..................................................... 75 Gambar 3.36 Flowchart Halaman Upload AIML ................................................. 76 Gambar 3.37 Flowchart Halaman Clear AIML .................................................... 77 Gambar 3.38 Flowchart Halaman Edit AIML ...................................................... 79 Gambar 3.39 Flowchart Halaman Edit SRAI ....................................................... 80 Gambar 3.40 Flowchart Halaman Edit Account ................................................... 81 Gambar 3.41 Flowchart Halaman Add Admin ..................................................... 82 Gambar 3.42 Flowchart Halaman Delete Admin .................................................. 83 Gambar 3.43 Entity Relationship Diagram ........................................................... 84 Gambar 3.44 Database Schema............................................................................. 85

Gambar 3.45 Wireframe Home ............................................................................. 90 Gambar 3.46 Wireframe Produk ........................................................................... 92 Gambar 3.47 Wireframe Price List ....................................................................... 93 Gambar 3.48 Wireframe E-brochure..................................................................... 94 Gambar 3.49 Wireframe Genuine Parts ................................................................ 95 Gambar 3.50 Wireframe Credit Requirement ....................................................... 96 Gambar 3.51 Wireframe Periodic Service ............................................................ 97 Gambar 3.52 Wireframe Contact .......................................................................... 97 Gambar 3.53 Wireframe Login Admin ................................................................. 98 Gambar 3.54 Wireframe Home Admin ................................................................. 99

Gambar 3.55 Wireframe Halaman Form .............................................................. 99 Gambar 3.56 Wireframe Chat Logs .................................................................... 100

Gambar 3.57 Wireframe Upload, Download, dan Clear AIML ......................... 101 Gambar 3.58 Wireframe Edit AIML dan Edit SRAI .......................................... 101 Gambar 3.59 Wireframe Delete Admin .............................................................. 102 Gambar 3.60 Diagram Dialog Komunikasi Chatbot ........................................... 104 Gambar 4.1 Potongan Kode global_config.php .................................................. 106

Gambar 4.2 Potongan Pertama Program Javascript Halaman Home .................. 107 Gambar 4.3 Kode Input String Tokenization ...................................................... 108 Gambar 4.4 Kode Input String Stopwords Removal .......................................... 108 Gambar 4.4 Kode Stemming Porter Stemmer..................................................... 109

Gambar 4.5 Kode Fungsi buangpartikel ............................................................. 109 Gambar 4.6 Kode Fungsi buangkepemilikan ...................................................... 110 Gambar 4.7 Potongan Kode Pertama Fungsi buangawalan1 .............................. 110

Gambar 4.8 Potongan Kode Kedua Fungsi buangawalan1 ................................. 111 Gambar 4.9 Kode Fungsi buangawalan2 ............................................................ 111 Gambar 4.10 Kode Fungsi buangakhiran............................................................ 112

Rancang Bangun Aplikasi..., Rico Savero, FTI, 2017

Page 15: RANCANG BANGUN APLIKASI CHATBOT PENJUALAN MOBIL …kc.umn.ac.id/4847/6/HALAMAN AWAL.pdf · Menggunakan Algoritma Porter Stemmer (Studi Kasus: PT Permata Hijau Automegah)” ini adalah

xiv

Gambar 4.11 Potongan Kode Jalannya Chatbot ................................................. 112 Gambar 4.12 Potongan Pertama Penggunaan AngularJS Credit Simulator ....... 113 Gambar 4.13 Potongan Kedua Penggunaan AngularJS Credit Simulator .......... 113 Gambar 4.14 Kode Pembuatan JSON Credit Simulator ..................................... 114 Gambar 4.15 Potongan Pertama Program PHP Halaman Chat Logs.................. 115 Gambar 4.16 Potongan Kedua Program PHP Halaman Chat Logs .................... 115 Gambar 4.17 Potongan Kedua Program PHP Halaman Add Dialog .................. 116 Gambar 4.18 Potongan Ketiga Program PHP Halaman Add Dialog .................. 116 Gambar 4.19 Potongan Pertama Program PHP Halaman Edit AIML ................ 117 Gambar 4.20 Potongan Kedua Program PHP Halaman Edit AIML ................... 118

Gambar 4.21 Potongan Ketiga Program PHP Halaman Edit AIML ................... 118 Gambar 4.22 Halaman Home .............................................................................. 120 Gambar 4.23 Tampilan Home Chatbot HondaBot .............................................. 120 Gambar 4.24 Tampilan Home Our Products....................................................... 121 Gambar 4.25 Tampilan Home Contact Person ................................................... 121 Gambar 4.26 Tampilan Menu Navigasi Statik .................................................... 122 Gambar 4.27 Tampilan Menu Footer .................................................................. 122 Gambar 4.28 Tampilan Slider Halaman CR-V ................................................... 123 Gambar 4.29 Menu Navigasi Kedua Halaman CR-V ......................................... 123 Gambar 4.30 Section Overview Halaman CR-V ................................................ 124 Gambar 4.31 Section Fitur Halaman CR-V ........................................................ 125

Gambar 4.32 Section Spesifikasi Halaman CR-V .............................................. 126 Gambar 4.33 Section Gallery Halaman CR-V .................................................... 126 Gambar 4.34 Section Price List Halaman CR-V ................................................ 126 Gambar 4.36 Tampilan Modal Form Credit Simulator ....................................... 128 Gambar 4.37 Tampilan Halaman Price List ........................................................ 128 Gambar 4.38 Tampilan Halaman Honda Genuine Parts ..................................... 129 Gambar 4.39 Tampilan Halaman Periodic Service ............................................. 130 Gambar 4.40 Tampilan Halaman E-brochure ..................................................... 131 Gambar 4.41 Tampilan Halaman Contact ........................................................... 131 Gambar 4.42 Tampilan Halaman Credit Requirements ...................................... 132

Gambar 4.43 Tampilan Halaman Login Admin ................................................. 133 Gambar 4.44 Notifikasi Gagal Login .................................................................. 133

Gambar 4.45 Tampilan Halaman Home Admin ................................................. 133 Gambar 4.46 Tampilan Menu Navigasi Admin .................................................. 135

Gambar 4.47 Tampilan Menu di Kanan Atas Halaman ...................................... 135 Gambar 4.48 Tampilan Collapsed Menu ............................................................ 136 Gambar 4.49 Tampilan Halaman Chat Logs....................................................... 137

Gambar 4.50 Tampilan Halaman Add Dialog .................................................... 137 Gambar 4.51 Tampilan Halaman Upload AIML ................................................ 138 Gambar 4.52 Tampilan Halaman Clear AIML ................................................... 139 Gambar 4.53 Tampilan Halaman Edit AIML ..................................................... 139

Gambar 4.54 Tampilan Halaman Edit SRAI ...................................................... 140 Gambar 4.55 Tampilan Halaman Edit Account .................................................. 140 Gambar 4.56 Hasil Update Foto Profil ............................................................... 141

Gambar 4.57 Tampilan Halaman Add Admin .................................................... 141 Gambar 4.58 Tampilan Halaman Delete Admin................................................. 142 Gambar 4.59 Menu Test HondaBot Menampilkan Home Front End ................. 142

Rancang Bangun Aplikasi..., Rico Savero, FTI, 2017

Page 16: RANCANG BANGUN APLIKASI CHATBOT PENJUALAN MOBIL …kc.umn.ac.id/4847/6/HALAMAN AWAL.pdf · Menggunakan Algoritma Porter Stemmer (Studi Kasus: PT Permata Hijau Automegah)” ini adalah

xv

Gambar 4.60 Dialog Harga Dalam File brio.aiml ............................................... 144 Gambar 4.61 Skenario Pertama Percakapan Harga Brio .................................... 144 Gambar 4.62 Skenario Kedua Percakapan Harga Brio ....................................... 145 Gambar 4.63 Dialog Dengan Topic Brio Dalam File brio.aiml .......................... 145 Gambar 4.64 Skenario Percakapan Dengan Topik Brio ..................................... 146 Gambar 4.65 Dialog Tipe Dalam Topik Brio Pada brio.aiml ............................. 147 Gambar 4.66 Skenario Percakapan Dengan Menggunakan Tag <that> ............. 147 Gambar 4.67 Dialog Isi Silinder (cc) mobilio.aiml............................................. 148 Gambar 4.68 Skenario Perubahan Topik Brio Menjadi Mobilio ........................ 149 Gambar 4.69 Hasil Pemrosesan Input Pertama Menggunakan Program ............ 150

Gambar 4.70 Hasil Pemrosesan Input Kedua Menggunakan Program ............... 151 Gambar 4.71 Hasil Pemrosesan Input Ketiga Menggunakan Program............... 152 Gambar 4.72 Hasil Pemrosesan Input Keempat Menggunakan Program ........... 153 Gambar 4.73 Hasil Pemrosesan Input Kelima Menggunakan Program ............. 154

Rancang Bangun Aplikasi..., Rico Savero, FTI, 2017

Page 17: RANCANG BANGUN APLIKASI CHATBOT PENJUALAN MOBIL …kc.umn.ac.id/4847/6/HALAMAN AWAL.pdf · Menggunakan Algoritma Porter Stemmer (Studi Kasus: PT Permata Hijau Automegah)” ini adalah

xvi

DAFTAR RUMUS

Rumus 2.1 Skala Likert ......................................................................................... 27

Rumus 2.2 Correlation Product Moment ............................................................... 28

Rumus 2.3 Cronbach Alpha .................................................................................. 29

Rancang Bangun Aplikasi..., Rico Savero, FTI, 2017