🇮🇩 Cara membuat asisten pintar `FAQ-bot` untuk menjawab pertanyaan

Pengantar

Mengapa kita butuh bot ini? 🤔

Ketika kita membuat suatu produk, kita ingin agar pengguna atau customer kita dapat menggunakannya sesuai dengan yang kita harapkan. Akan tetapi, seiring dengan berkembangnya produk tersebut, makin banyak informasi yang tersebar dimana-mana dan membuat customer kita kehilangan arah.

Untuk menyelesaikan itu, disusunlah FAQ. FAQ merupakan singkatan dari frequently asked question, sebuah list yang berisi pertanyaan-pertanyaan yang sering diajukan oleh customer ataupun pengguna mengenai sebuah topik, beserta jawabannya.

Untuk meningkatkan kualitas FAQ, kita sebagai produk perlu menjawab hal berikut:

Apakah jawaban yg diberikan kepada customer sesuai?
Pertanyaan-pertanyaan apa lagi yang sering ditanyakan customer?

Lalu apa solusinya? 🙋‍♂️

Seperti yang kita tahu, facebook dengan messenger-platform-nya telah merilis API yang dapat kita gunakan untuk membuat asisten virtual pintar yang dapat membalas pesan dari user secara otomatis. Tapi jawaban yang biasa saja tidak cukup, karena ada kemungkinan pertanyaan yang dilontarkan customer itu tidak terdaftar di database kita. Oleh karena itu kita bisa mengintegrasikan obrolan di bot ini dengan wit.ai agar di setiap obrolannya, kita bisa mencerna "maksud" dari customer.

Dengan memanfaatkan fitur-fitur tersebut, kita akan membuat suatu bot di messenger yang dapat mencerna maksud dari pertanyaan yang ditanyakan oleh customer. Kemudian maksud ini kita olah untuk dapat memberikan jawaban yang sesuai.

Daftar Isi

Pengantar
- Mengapa kita butuh bot ini? 🤔
- Lalu apa solusinya? 🙋‍♂️
Daftar Isi
Menganalisa aplikasi yang akan kita buat
Saatnya pengembangan aplikasi!
Penutup
- Apa selanjutnya?
- Referensi

Table of contents generated with markdown-toc

Menganalisa aplikasi yang akan kita buat

Salah satu kunci membuat aplikasi yang berkualitas bagus adalah dengan mengetahui selak beluknya. Jika kita mengetahui apa yang kita lakukan, maka dalam proses pengembangannya akan efektif dan efisien karena kita tahu apa saja spesifikasi teknologi yang dibutuhkan dan langkah apa yang harus dilakukan jiga terjadi suatu error/bug.

Mendefinisikan ruang lingkup 🔍

Kita perlu menentukan ruang lingkup agar dalam pengembangan aplikasi ini kita bisa fokus akan hal-hal yang paling utama. Berikut adalah use case diagramnya:

Aktor yang bisa berinteraksi dengan sistem adalah: 1) customer.
Aktor customer dapat melakukan 1) mengirim pesan dan 2) menerima jawaban.

Mencari tahu teknologi yang dibutuhkan 💻

Agar kita tahu apa saja spesifikasi dari teknologi yang akan kita gunakan, kita perlu mencoba membuat versi simpel atau bisa kita sebut hello-world dari aplikasi kita. Metode yang akan kita gunakanan untuk ini ialah spike[2].

Membuat messenger app

Untuk membuat aplikasi di messenger platform yang dapat menerima, membaca lalu membalas pesan, kita perlu memahami bagaimana arsitektur dari platformnya bekerja. Untuk memahami caranya, kita bisa langsung masuk ke tutorial singkat dari messenger-platform di link berikut https://developers.facebook.com/docs/messenger-platform/getting-started.

Melatih AI agar dapat memahami pembicaraan

Agar aplikasi kita bisa mencerna "maksud" dari pertanyaan customer, kita perlu mengintegrasikan AI. AI ini akan kita latih dengan cara memberikan sampel-sampel pertanyaan-pertanyaan dari customer lalu kita tentukan dari setiap sampel pertanyaan tersebut, apa "maksud" dari customer. Untuk memahami caranya, kita bisa langsung masuk ke tutorial singkat dari wit.ai di link berikut https://wit.ai/docs/quickstart.

Kesimpulan 📝

Setelah melakukan spike-spike di atas, berikut ini adalah diagram dari spesifikasi teknologi yang akan kita gunakan. Diagram ini dibuat sesimpel mungkin jadi mungkin saja ada beberapa informasi yang terlewatkan, tapi ini seharusnya cukup untuk menjelaskan high-levelnya.

Setiap event yang dilakukan oleh customer akan diteruskan ke webhook yang sudah kita buat. Di webhook inilah aplikasi kamu akan menerima, memproses dan merespon terhadap pesan yang dikirimkan customer melalui Facebook page.

Kebutuhan dari webhooknya adalah:

Menunjang protokol HTTPS
Setifikat SSL yang valid
Port terbuka yang dapat menerima request POST dan GET.

Facebook melakukan verifikasi webhook

Kita harus menyimpan url webhook yang telah kita siapkan ke pengaturan di Facebook application. Saat kita menyimpan, Facebook akan mengirimkan request GET yang berisi proses verifikasi untuk memastikan kebutuhan webhooknya terpenuhi.

Aplikasi menerima pertanyaan dari customer

Facebook akan mengirimkan POST request ke url webhook yang telah kita simpan di pengaturan. Request ini berisikan informasi berisi ID dari pengirim pesan, teks pesan, waktu dikirim, dan lain-lain.

Aplikasi mengirim jawaban ke customer

Aplikasi kita akan memproses pesan yang diterima sesuai logic yang kita buat. Selanjutnya aplikasi akan membalas pesan dari pengirim dengan cara mengirimkan POST request ke Facebook Graph API.

Prasyarat 📦

Ruby ~> v2.5

Kamu bisa menggunakan rbenv atau rvm, untuk menginstall versi dari ruby yang dibutuhkan.

Untuk memeriksa apakah perangkatmu sudah terinstall ruby, kamu bisa menjalankan perintah berikut di terminal/Perintah prompt:

$ ruby -v
# example: ruby 2.5.3p105 (2018-10-18 revision 65156) [x86_64-darwin18]

Kalau terminal-mu mengembalikan ruby <xxx> maka ruby-mu sudah siap digunakan.

Bundler ~> v2

Untuk cara instalasinya, buka terminal/cmd lalu jalankan:

$ gem install bundler -v 2.0.2

Untuk memeriksa apakah perangkatmu sudah terinstall bundler, kamu bisa menjalankan perintah berikut di terminal/Perintah prompt:

$ bundler -v
# example: Bundler version 2.1.4

Kalau terminal-mu mengembalikan Bundler version <xxx> maka bundler-mu sudah siap digunakan.

Rails ~> v6

Untuk cara instalasinya, buka terminal/cmd lalu jalankan:

$ gem install rails -v 6

Untuk memeriksa apakah perangkatmu sudah terinstall rails, kamu bisa menjalankan perintah berikut di terminal/Perintah prompt:

$ rails -v
# example: Rails 6.0.3.4

Kalau terminal-mu mengembalikan Rails <xxx> maka rails-mu sudah siap digunakan.

Docker

Kamu bisa menginstallnya melalui link berikut: https://docs.docker.com/get-docker.

Akun developer Facebook

Akun ini diperlukan untuk membuat aplikasi baru, yang merupakan inti dari integrasi Facebook. Kamu bisa membuat akun baru dengan membuka link berikut: https://developers.facebook.com.

Akun wit.ai

Akun ini diperlukan untuk membuat model NLP[1], yang digunakan untuk mencerna maksud pertanyaan dari customer. Kamu bisa membuat akun baru dengan membuka link berikut: https://wit.ai.

Akun ngrok

Akun ini diperlukan untuk membuat url https dari webservermu ke internet yang dibutuhkan Facebook agar bisa mengirimkan data ke webhookmu. Kamu bisa membuat akun baru dengan membuka link berikut: https://ngrok.com. Jangan lupa untuk mengikuti panduan setup-nya di https://dashboard.ngrok.com/get-started/setup.

Saatnya pengembangan aplikasi!

Inisialisasi proyek 🧘‍♂️

Membuat proyek baru rails

Buka terminal/cmd, masuk ke direktori yang kamu inginkan lalu jalankan Perintah di bawah.

$ rails new my-faq-bot --force --api --skip-action-mailbox --skip-action-mailer --skip-active-storage --skip-system-test --skip-action-text --skip-javascript --skip-spring --skip-action-cable --no-skip-active-record --database=postgresql

Perintah ini akan membuatkanmu satu folder baru dengan nama my-faq-bot yang berisikan template proyek untuk aplikasi REST API.

Menyiapkan database PostgreSQL

Masuk ke direktori proyekmu, lalu buat file baru dengan nama docker-compose.yml dengan isi seperti berikut:

# <root_project_directory>/docker-compose.yml

version: '3'

services:
  postgres:
    image: postgres:11-alpine
    ports:
      - "5432:5432"
    environment:
      - POSTGRES_DB=faq-bot_development
      - POSTGRES_USER=postgres
      - POSTGRES_HOST_AUTH_METHOD=trust

Tambahkan key username dan host di file config/database.yml seperti berikut:

# <root_project_directory>/config/database.yml

development:
  <<: *default
  database: faq-bot_development
  username: postgres
  host: localhost

Buka terminal/cmd, lalu jalankan perintah berikut:

$ docker-compose up -d

Perintah di atas akan menjalankan satu container PostgreSQL yang akan kita gunakan sebagai database.

Menjalankan web server

Masuk ke direktori proyekmu, buka terminal/cmd, lalu jalankan perintah berikut:

$ bin/rails server -port 3000

Perintah di atas akan menjalankan proyekmu sebagai webserver di port 3000. Selanjutnya buka http://localhost:3000 di browsermu dan pastikan kamu melihat halaman: "Yay! You’re on Rails!"

Membuat webhook 🕸

Menambahkan `/webhook` ke route

Masuk ke direktori proyekmu, lalu tambahkan resource webhook di config/routes.rb.

# <root_project_directory>/config/routes.rb

Rails.application.routes.draw do
  resource :webhook, only: [:show, :create]
end

Untuk melihat apakah url kita bekerja, buka terminal/cmd, lalu jalankan perintah berikut:

$ bin/rails routes

#  Prefix Verb URI Pattern        Controller#Action
# webhook GET  /webhook(.:format) webhooks#show
#         POST /webhook(.:format) webhooks#create

Dari contoh hasilnya seperti di atas, maka:

jika ada request GET /webhook seharusnya akan di-route ke WebhooksController pada fungsi #show.
jika ada request POST /webhook seharusnya akan di-route ke WebhooksController pada fungsi #create.

Membuat `GET /webhook` untuk verifikasi token

Masuk ke direktori proyekmu, lalu buat file baru webhooks_controller.rb di app/controllers/.

# <root_project_directory>/app/controllers/webhooks_controller.rb

class WebhooksController < ApplicationController
  def show
    mode = params['hub.mode']
    token = params['hub.verify_token']
    challenge = params['hub.challenge']

    if mode == 'subscribe' && token == 'foo'
      print 'WEBHOOK_VERIFIED'
      render json: challenge, status: :ok
      return
    end

    render json: 'FAILED', status: :forbidden
  end
end

Isi dari fungsi #show di class WebhooksController adalah:

Membaca mode, token, dan challenge dari query parameters.
Periksa apakah mode dan token sudah sesuai.
Jika sesuai, tampilkan isi dari challenge dengan http status 200 ok.
Jika tidak sesuai, tampilkan "FAILED" dengan http status 403 forbidden.

Membuat `POST /webhook` untuk menerima event

Masuk ke direktori proyekmu, lalu tambahkan fungsi #create di WebhooksController.

# <root_project_directory>/app/controllers/webhooks_controller.rb

class WebhooksController < ApplicationController
  # show ..

  def create
    webhook_data = params['webhook'].as_json
    if webhook_data['object'] != 'page'
      render json: 'FAILED', status: :not_found
      return
    end

    entries = webhook_data['entry']
    entries.each do |entry|
      messaging = entry['messaging'].first
      print messaging['message']
    end
    render json: 'EVENT_RECEIVED', status: :ok
  end
end

Isi dari fungsi #create di class WebhooksController adalah:

Membaca webhook_data dari request body yang masuk dalam bentuk json.
Memeriksa apakah object sudah sesuai atau tidak.
Jika sesuai, ambil isi pesan yang dikirimkan lalu tampilkan "EVENT_RECEIVED" dengan http status 200 ok.
Jika tidak sesuai, tampilkan "FAILED" dengan http status 404 not found.

Memeriksa webhook

Untuk memeriksa apakah webhook kita sudah berhasil, buka terminal/cmd, lalu jalankan web server, kemudian jalankan perintah berikut untuk verifikasi token:

$ curl -X GET "localhost:3000/webhook?hub.verify_token=foo&hub.challenge=CHALLENGE_ACCEPTED&hub.mode=subscribe"

Kita bisa tahu webhook kita sukses adalah dengan melihat:

Jika isi dari parameter query hub.verify_token sama dengan token yang sudah kita tentukan di atas, maka ekspektasinya webhook harus mengembalikan isi dari parameter query hub.challenge dan statusnya 200 ok.
Ada pesan WEBHOOK_VERIFIED yang tampil di console.

Untuk event di webhook, jalankan perintah berikut:

$ curl -H "Content-Type: application/json" -X POST "localhost:3000/webhook" -d '{"object": "page", "entry": [{"messaging": [{"message": "TEST_MESSAGE"}]}]}'

Kita bisa tahu webhook kita sukses adalah dengan melihat:

Jika isi dari request body object adalah page maka ekspektasinya webhook harus mengembalikan EVENT_RECEIVED dan statusnya 200 ok.
Ada pesan TEST_MESSAGE yang tampil di console.

Mencoba webhook di Facebook app

Seperti yang sudah dijabarkan di kesimpulan, ada beberapa kebutuhan yang perlu dipenuhi agar webhook kita bisa disimpan di konfigurasi aplikasi. Untuk sementara ini karena kita masih dalam tahap pengembangan, kita bisa menggunakan software bernama ngrok. Langkah-langkanya:

1. Ubah konfigurasi aplikasi

Masuk ke direktori proyekmu, lalu perbolehkan hostname ngrok di config/environments/development.rb dengan cara menambahkan config.hosts << /[a-z0-9]+\.ngrok\.io/ seperti di bawah:

# <root_project_directory>/config/environments/development.rb

Rails.application.configure do
  # configs ..

  config.hosts << /[a-z0-9]+\.ngrok\.io/
end

2. Jalankan web server

Lakukan seperti tahap ini.

3. Jalankan ngrok

Buka tab baru di terminal/cmd, lalu jalankan perintah:

$ ngrok http 3000

Contoh keluaran:

Ambil https url dari baris Forwarding misalnya https://fe01d05e31bc.ngrok.io

4. Simpan webhook url di konfigurasi facebook app

Jika kamu mengikuti bagian ini, maka kamu seharusnya sudah memiliki akun developer Facebook dan pernah membuat aplikasi Facebook. Langkah selanjutnya adalah:

Buka laman pengaturan dari aplikasi Facebook yang pernah kamu buat.
Masuk ke bagian messenger > settings > webhooks

Tambahkan host dan verifikasi token sesuai dengan form di gambar. Contohnya, url webhook adalah https://fe01d05e31bc.ngrok.io/webhook dan verifikasi tokennya adalah foo.

Hubungkan bot dengan page Facebook

Tambahkan messages dan messaging_postback sebagai pengaturan subscription.

Periksa apakah konfigurasi sudah benar seperti di bagian ini dengan mengirimkan pesan ke page Facebook yang sudah kamu pilih.

Membalas pesan ke customer 💬

Mendapatkan akses token dari Facebook page

Buka laman pengaturan dari aplikasi Facebook yang pernah kamu buat.
Masuk ke bagian messenger > settings > webhooks

Dapatkan token dari bagian access tokens

⚠️ Berhati-hatilah dengan token ini. Jangan bagikan ke siapapun kecuali kamu mempercayainya.

Tambahkan gem Faraday

Faraday adalah salah satu gem yang berfungsi sebagai HTTP client. Masuk ke direktori proyekmu, lalu tambahkan Faraday Gemfile:

# <root_project_directory>/Gemfile

gem 'faraday'

Buka terminal/cmd, lalu jalankan perintah:

$ bundle install

Modifikasi fungsi create

Masuk ke direktori proyekmu, lalu modifikasi fungsi #create di WebhooksController.

# <root_project_directory>/app/controllers/webhooks_controller.rb

class WebhooksController < ApplicationController
  # show ..

  def create
    webhook_data = params['webhook'].as_json
    if webhook_data['object'] != 'page'
      render json: 'FAILED', status: 404
      return
    end

    entries = webhook_data['entry']
    entries.each do |entry|
      messaging = entry['messaging'].first
      message = messaging['message']
      sender_id = messaging['sender']['id']
      text_for_answer = message['text']
      send_message(sender_id, text_for_answer)
    end
    render json: 'EVENT_RECEIVED', status: 200
  end

  private

    def send_message(recipient_id, text)
      access_token = '<put your page access token>'
      request_url = URI("https://graph.facebook.com/v2.6/me/messages?access_token=#{access_token}")
      request_body = {
        recipient: {
          id: recipient_id
        },
        message: {
          text: text
        }
      }.to_json

      resp = Faraday.post(request_url, request_body, "Content-Type" => "application/json")
    end
end

Isi dari modifikasi fungsi #create di class WebhooksController adalah:

Ambil isi dari pesan yang dikirimkan dan id pengirimnya.
Buat POST request ke Facebook graph API untuk mengirimkan pesan dengan atas nama page yang kita pilih. Isi dari requestnya adalah id penerima dan teks yang isinya berupa pesan yang akan kita kirimkan sebagai balasan untuk customer.

Setelah itu kamu bisa mencobanya dengan mengirimkan pesan ke Facebook pagemu. Jangan lupa untuk memastikan bagian ini sudah kamu lakukan dan web server sedang berjalan.

Mengintegrasikan percakapan dengan AI 🤖

Melatih pemahaman AI pada percakapan

Untuk dapat mencerna "maksud" dari pertanyaan customer, kita bisa melatih aplikasi kita agar dapat mengekstrak "maksud" dari kalimat tersebut berdasarkan seberapa tinggi tingkat kebenarannya.

Jika sebelumnya kamu pernah melakukan bagian ini, maka seharusnya tidak jauh berbeda caranya. Pertama-tama, kita buat aplikasi di wit.ai. Lalu masuk ke halaman understanding.

Kemudian masukkan utterances, pilih entity dan intentnya. Semakin banyak sample utterance yang dipakai untuk proses latihan ini, maka kualitas dari tingkat kebenarannya akan semakin baik.

Mengubah pengaturan aplikasi di Facebook

Ambil access token dari akun wit.ai

⚠️ Berhati-hatilah dengan token ini. Jangan bagikan ke siapapun kecuali kamu mempercayainya.

Buka laman pengaturan dari aplikasi Facebook yang pernah kamu buat.
Masuk ke bagian messenger > settings > Built-In NLP
Pilih Other Language Support, kemudian pilih English, lalu pilih Custom. Kemudian masukkan access token yang kita dapatkan dari wit.ai

Modifikasi fungsi create

Masuk ke direktori proyekmu, lalu modifikasi fungsi #create di WebhooksController.

# <root_project_directory>/app/controllers/webhooks_controller.rb

class WebhooksController < ApplicationController
  # show ..

  def create
    webhook_data = params['webhook'].as_json
    if webhook_data['object'] != 'page'
      render json: 'FAILED', status: 404
      return
    end

    entries = webhook_data['entry']
    entries.each do |entry|
      messaging = entry['messaging'].first
      message = messaging['message']
      sender_id = messaging['sender']['id']
      send_message(sender_id, text_for_answer(message))
    end
    render json: 'EVENT_RECEIVED', status: 200
  end

  private

    # send_message ...

    def text_for_answer(message)
      selected_intents = message['nlp']['intents'].select { |item| item['confidence'].to_f > 0.5 }
      sorted_intents = selected_intents.sort_by { |item| -item['confidence'].to_f }
      intent = sorted_intents.first['name'] unless sorted_intents.empty?
      return 'You can put anyname on Facebook' if intent == 'allowed_name'

      message['text']
    end
end

Isi dari modifikasi fungsi #create di class WebhooksController adalah:

Ada tambahan fungsi private baru bernama #text_for_answer. Isi dari method ini adalah mengambil hasil analisa NLP yang diberikan oleh wit.ai.
Urutkan analisa itu berdasarkan tingkat kebenaran paling tinggi dan tidak lupa juga filter dengan threshold misalnya 0.5
Ambil isi dari intent yang didapat, jika intent adalah allowed_name, maka kembalikan teks "You can put anyname on Facebook".
Jika intent bukan yang dimaksud, maka kembalikan teks sesuai dengan pesan yang dikirimkan pengirim.
Teks yang dikembalikan di atas digunakan di POST request sebagai isi dari pesan yang akan kita kirimkan sebagai balasan untuk customer.

Setelah itu kamu bisa mencobanya dengan mengirimkan pesan ke Facebook pagemu. Jangan lupa untuk memastikan bagian ini sudah kamu lakukan dan web server sedang berjalan.

Mengirimkan jawaban berdasarkan database

Merubah skema database

Buka terminal/cmd, masuk ke direktori yang kamu inginkan lalu jalankan Perintah di bawah.

$ bin/rails generate migration CreateAnswers

# invoke  active_record
# create  db/migrate/20201025103252_create_answers.rb

Perintah ini akan menghasilkan file baru berisikan template script untuk mengubah skema pada database.

Selanjutnya masuk ke file baru yang telah digenerate tersebut misalnya db/migrate/20201025103252_create_answers.rb. Kemudian tambahkan isinya menjadi seperti berikut:

# <root_project_directory>/db/migrate/20201025103252_create_answers.rb

class CreateAnswers < ActiveRecord::Migration[6.0]
  def change
    create_table :answers do |t|
      t.string :question_type, null: false
      t.string :text, null: false

      t.timestamps
    end

    add_index :answers, :question_type, unique: true
  end
end

Isi dari script ini adalah, kita akan menambahkan tabel baru bernama answers yang memiliki kolom question_type dengan tipe string, dan text dengan tipe string.

Kembali ke terminal/cmd, jalankan perintah:

$ docker-compose up -d
$ bin/rails db:migrate

Perintah ini akan menjalankan container berisikan PostgreSQL yang telah kita persiapkan di bagian ini. Selanjutnya, kita mengeksekusi script migration untuk menerapkan skema database baru yang telah kita rancang.

Membuat model Answer

Masuk ke direktori proyekmu, lalu buat file baru answer.rb di app/models/.

# <root_project_directory>/app/models/answer.rb

class Answer < ApplicationRecord
  validates :question_type, uniqueness: true
end

Menambahkan record pada table answers

Buka terminal/cmd, masuk ke direktori yang kamu inginkan lalu jalankan Perintah di bawah.

$ bin/rails console

irb(main):001:0> Answer.create(question_type: 'allowed_name', text: 'You can put anyname on Facebook')

Modifikasi fungsi private text_for_answer

Masuk ke direktori proyekmu, lalu modifikasi fungsi private #text_for_answer di WebhooksController.

# <root_project_directory>/app/controllers/webhooks_controller.rb

class WebhooksController < ApplicationController
  # show ..

  # create ..

  private

    # send_message ...

    def text_for_answer(message)
      selected_intents = message['nlp']['intents'].select { |item| item['confidence'].to_f > 0.5 }
      sorted_intents = selected_intents.sort_by { |item| -item['confidence'].to_f }
      intent = sorted_intents.first['name'] unless sorted_intents.empty?
      answer = Answer.find_by_question_type(intent)
      return answer.text if answer.present?

      message['text']
    end
end

Isi dari modifikasi fungsi #text_for_answer di class WebhooksController adalah:

Jika sebelumnya kita melakukan hardcode terhadap teks yang akan digunakan sebagai balasan ke customer, sekarang kita melakukan query ke database melalui model Answer.
Lalu kita ambil isi dari field text yang kita dapat dari hasil query.
Gunakan teks tersebut sebagai teks dari pesan yang akan menjadi balasan untuk customer.

Setelah itu kamu bisa mencobanya dengan mengirimkan pesan ke Facebook pagemu. Jangan lupa untuk memastikan bagian ini sudah kamu lakukan dan web server sedang berjalan.

Penutup

Selamat! teman-teman sudah berhasil membuat FAQ-bot menggunakan messenger dan wit.ai. Di tulisan kali ini kita sudah belajar banyak hal seperti persiapan sebelum pengembangan, bagaimana cara membuat messenger app, bagaimana cara kerja NLP, dll. Semoga apa yang sudah dipelajari dapat bermanfaat dan bisa dikembangkan menjadi hal yang lebih keren lagi! 😁

Kode seluruh proyek ini dapat diakses di https://github.com/qornanali/faq-bot/blob/master/docs/source_code_example.

Apa selanjutnya?

Tentu aplikasi ini belum sempurna. Ke depannya kamu bisa menambahkan:

Karena ngrok memiliki keterbatasan dan sifatnya sementara untuk proses development, oleh karena kita perlu deploy aplikasi di server pilihanmu agar aplikasinya selalu melayani pertanyaan customer. Kamu bisa menggunakan Heroku, Azure, AWS, dll.
Saat ini untuk menambahkan record di table answers, kita masih menggunakan rails console. Jika kita menyediakan API CRUD (create, read, update, delete) yang bisa dikonsumsi internal, maka prosesnya akan lebih mudah.

Apakah ada yang lainnya?

Tentu saja. Kamu bisa berkontribusi ke repository ini dengan mengikuti issues di repository ini. Kontribusi dalam bentuk apapun akan diterima! 😁

Referensi

https://developers.facebook.com/docs/messenger-platform
https://guides.rubyonrails.org/
https://wit.ai/docs
https://ngrok.com/docs
https://developercircles2020.devpost.com/details/resources

Files

cara-membuat-faq-bot.md

Latest commit

History

cara-membuat-faq-bot.md

File metadata and controls

🇮🇩 Cara membuat asisten pintar FAQ-bot untuk menjawab pertanyaan

Pengantar

Mengapa kita butuh bot ini? 🤔

Lalu apa solusinya? 🙋‍♂️

Daftar Isi

Menganalisa aplikasi yang akan kita buat

Mendefinisikan ruang lingkup 🔍

Mencari tahu teknologi yang dibutuhkan 💻

Membuat messenger app

Melatih AI agar dapat memahami pembicaraan

Kesimpulan 📝

Facebook melakukan verifikasi webhook

Aplikasi menerima pertanyaan dari customer

Aplikasi mengirim jawaban ke customer

Prasyarat 📦

Saatnya pengembangan aplikasi!

Inisialisasi proyek 🧘‍♂️

Membuat proyek baru rails

Menyiapkan database PostgreSQL

Menjalankan web server

Membuat webhook 🕸

Menambahkan /webhook ke route

Membuat GET /webhook untuk verifikasi token

Membuat POST /webhook untuk menerima event

Memeriksa webhook

Mencoba webhook di Facebook app

Membalas pesan ke customer 💬

Mendapatkan akses token dari Facebook page

Tambahkan gem Faraday

Modifikasi fungsi create

Mengintegrasikan percakapan dengan AI 🤖

Melatih pemahaman AI pada percakapan

Mengubah pengaturan aplikasi di Facebook

Modifikasi fungsi create

Mengirimkan jawaban berdasarkan database

Merubah skema database

Membuat model Answer

Modifikasi fungsi private text_for_answer

Penutup

Apa selanjutnya?

Referensi

🇮🇩 Cara membuat asisten pintar `FAQ-bot` untuk menjawab pertanyaan

Menambahkan `/webhook` ke route

Membuat `GET /webhook` untuk verifikasi token

Membuat `POST /webhook` untuk menerima event