Rancang Bangun Aplikasi Chatbot Penjualan Mobil Berbasis Artificial Intelligence Markup Language Menggunakan Algoritma Porter Stemmer (Studi Kasus: Pt Permata Hijau Automegah)

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.. Team project ©2017 Dony Pratidana S. Hum | Bima Agus Setyawan S. IIP.

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.

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.. ii Rancang Bangun Aplikasi..., Rico Savero, FTI, 2017.

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. iii Rancang Bangun Aplikasi..., Rico Savero, FTI, 2017.

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 iv Rancang Bangun Aplikasi..., Rico Savero, FTI, 2017.

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,. v Rancang Bangun Aplikasi..., Rico Savero, FTI, 2017.

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. vi Rancang Bangun Aplikasi..., Rico Savero, FTI, 2017.

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.. vii Rancang Bangun Aplikasi..., Rico Savero, FTI, 2017.

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.. viii Rancang Bangun Aplikasi..., Rico Savero, FTI, 2017.

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. ix Rancang Bangun Aplikasi..., Rico Savero, FTI, 2017.

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. x Rancang Bangun Aplikasi..., Rico Savero, FTI, 2017.

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. xi Rancang Bangun Aplikasi..., Rico Savero, FTI, 2017.

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. xii Rancang Bangun Aplikasi..., Rico Savero, FTI, 2017.

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. xiii Rancang Bangun Aplikasi..., Rico Savero, FTI, 2017.

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. xiv Rancang Bangun Aplikasi..., Rico Savero, FTI, 2017.

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. xv Rancang Bangun Aplikasi..., Rico Savero, FTI, 2017.

DAFTAR RUMUS. Rumus 2.1 Skala Likert ......................................................................................... 27 Rumus 2.2 Correlation Product Moment ............................................................... 28 Rumus 2.3 Cronbach Alpha .................................................................................. 29. xvi Rancang Bangun Aplikasi..., Rico Savero, FTI, 2017.