rancang bangun aplikasi chatbot penjualan mobil …kc.umn.ac.id/4847/6/halaman awal.pdf ·...
TRANSCRIPT
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.
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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