Pemenang Challenge Selamatkan Lingkungan dengan Teknologi

Tutorial Membangun Aplikasi Virtual Customer Service dengan Watson Conversation

Setelah sebelumnya kita telah belajar cara membangun aplikasi dengan menggunakan layanan Watson Visual Recognition, kali ini kita akan belajar cara membangun sebuah aplikasi Customer Service dengan menggunakan Watson Conversation. Watson Conversation merupakan salah satu layanan yang disediakan oleh IBM Watson, yang dapat digunakan untuk membangun produk terintegrasi dengan kemampuan percakapan otomatis.

Dengan Watson Conversation, kita dapat secara mudah membangun aplikasi bot atau virtual agent, yang terintegrasi dan terhubung dengan berbagai saluran serta perangkat. Watson Conversation menyediakan visual dialog builder yang dapat digunakan untuk mengembangkan percakapan natural antara perangkat dengan pengguna, tanpa perlu menggunakan kemampuan coding.

IBM Watson ™ Conversation dapat digunakan untuk membuat aplikasi yang dapat memahami inputan berupa natural-language. IBM Watson ™ Conversation juga dapat digunakan untuk membangun aplikasi dengan menggunakan machine learning untuk merespon pelanggan dengan cara yang mensimulasikan percakapan antar manusia. Berikut ini diagram arsitektur dari Watson Conversation:

screenshot_1

Untuk mempelajari lebih lanjut Watson Conversation, pembaca dapat mengikuti kelas Belajar Membuat Aplikasi Kognitif dengan IBM Watson karena dalam kesempatan ini kita hanya akan belajar membangun salah satu aplikasi memanfaatkan Watson Conversation. Aplikasi yang akan kita bangun adalah Aplikasi Virtual Costumer Service.

Sebelum membangun aplikasi dengan Watson Conversation, pembaca harus memiliki akun aktif  Bluemix. Jika Anda belum memilikinya, Anda dapat mendaftar melalui laman berikut ini. Secara sederhana, langkah pengembangan aplikasi Virtual Costumer Service dengan menggunakan Watson Conversation dapat digambarkan seperti diagram berikut ini:

screenshot_2

Langkah Pengembangan

Log in, Membuat Service, dan Menjalankan Tool

  1. Pada halaman IBM Bluemix Catalog, pilih menu Services > Watson, lalu pilih Conversationscreenshot_3
  2. Isi kolom services name, lalu klik createscreenshot_4
  3. Klik Launch tools. Lalu Anda akan masuk ke halaman workspace dari Watson Conversationscreenshot_5

Membuat Workspace

Setelah membuat layanan Watson Conversation, kita harus membuat workspace terlebih dulu. Berikut langkah-langkah membuat Workspace:

  1. Klik Log in with IBM IDscreenshot_6
  2. Klik tombol create untuk membuat workspace baruscreenshot_7
  3. Isi kolom name dan description, kemudian klik tombol createscreenshot_8

Membuat Intents

Dalam tahap ini, kita akan belajar membuat Intent yang merupakan representasi tindakan yang mungkin dilakukan oleh user. Berikut langkah-langkah membuat Intents:

  1. Setelah membuat workspace baru, Anda akan masuk ke halaman create intent.
  2. Klik tombol create new untuk membuat intent baru.screenshot_9
  3. Isi intent name dengan nama dari intent tersebut, dan user example dengan contoh kalimat yang mungkin diinput oleh userscreenshot_10
  4. Tambahkan beberapa intent dan example seperti berikutscreenshot_11

Membuat Entities

Setelah selesai membuat Intent, langkah selanjutnya adalah membangun Entities. Langkah-langkah membangun Entities adalah sebagai berikut ini:

  1. Klik tab entities untuk masuk ke halaman entities.
  2. Klik tombol create newscreenshot_12
  3. Isi kolom entity, value, dan synonyms yang Anda inginkanscreenshot_13
  4. Tambahkan beberapa data seperti berikutscreenshot_14

Membuat Dialog

Dalam tahap ini, kita akan belajar membangun sebuah Dialog. Dialog dibuat dengan tujuan untuk mendefinisikan aliran percakapan Anda dalam bentuk pohon logika. Untuk menyusun Dialog, pembaca dapat mengikuti langkah-langkah berikut ini:

  1. Pada conversation tool, klik tab dialog, kemudian klik createscreenshot_15
  2. Isi kolom name this node, trigger, dan responses sesuai kebutuhan Anda.
    • Name this node : untuk memberikan judul pada node yang ingin dibuat
    • Trigger : kondisi / kalimat yang mungkin di input oleh user. Pada kolom ini Anda bisa menggunakan intent yang telah Anda buat sebelumnya. Penggunaannya harus menggunakan tanda #, contoh : #salam
    • Responses : jawaban / kalimat yang ingin Anda sampaikan untuk membalas pesan user yang telah Anda input di kolom trigger.screenshot_16
  3. Tambahkan beberapa dialog seperti berikut :screenshot_17
  4. Kembali ke workspaces dengan cara klik menu side bar, lalu pilih Back to workspacescreenshot_18
  5. Klik view detailsscreenshot_19
  6. Copy workspace ID untuk di gunakan pada langkah berikutnyascreenshot_20

Node-RED

Langkah selanjutnya adalah membangun aplikasi menggunakan Node-RED. Node-RED adalah tools open-source baru yang diciptakan oleh tim IBM Emerging Technology, yang memungkinkan Anda membangun aplikasi hanya dengan menyambungkan potongan berupa perangkat perangkat keras, web API, atau layanan online secara bersama-sama. Langkah membangun Aplikasi dengan Node-RED adalah sebagai berikut ini:

Membuat Aplikasi menggunakan Node-RED

  1. Pada halaman IBM Bluemix Catalog, pilih Apps > Boilerplates > Node-RED Starterscreenshot_21
  2. Isi kolom App name dan host name, lalu klik createscreenshot_22
  3. Tampilannya menjadi seperti iniscreenshot_23
  4. Masuk ke menu connections, klik connect existing, lalu pilih service conversation yang telah Anda buat sebelumnya. Selanjutnya klik connectscreenshot_24
  5. Klik tombol view app untuk menuju ke halaman Node-REDscreenshot_25

Membangun Chat App

  1. Setelah Anda klik tombol view app pada tahapan sebelumnya, Anda akan masuk ke halaman Node-RED in Bluemix
  2. Klik tombol Go to your Node-RED Flow Editorscreenshot_26
  3. Tambahkan nodes dengan cara drag and dropscreenshot_27
  4. Untuk mengedit node, klik 2 kali pada masing-masing node tersebut :
  • Node http inscreenshot_28
  • Node http responsescreenshot_29
  • Node template

    Note : pilih HTML pada kolom Syntax Highlight, lalu salin kode di atas ke dalam kolom template.
  • Node websocket inscreenshot_31
  • Node websocket outscreenshot_32
  • Node functionscreenshot_33

5.  Sambungkan antar nodes menjadi seperti berikut, lalu klik tombol deploy

screenshot_34

Virtual CS

  1. Tambahkan node json, function, conversation, debug, dan delay. Lalu sambungkan menjadi seperti iniscreenshot_35
  2. Klik 2 kali pada masing-masing node kemudian edit node dengan format seperti di bawah ini
    • Node debug
    • Pada kolom output, pilih complete msg object
    • Node delay
    • Pada kolom for, edit menjadi 500 milliseconds
    • Node conversation. Salin Workspace ID yang didapatkan dari langkah membuat dialog yang telah dilakukan sebelumnyascreenshot_36
    • Node function (1)screenshot_37
    • Node function (2)screenshot_38
  3. Klik tombol deploy

Hasil

Selamat! Anda telah berhasil membuat virtual customer service menggunakan IBM Watson Conversation. Sekarang buka tab baru pada browser Anda, lalu silahkan menuju link berikut :

screenshot_39

 

Untuk lebih jelasnya dapat menyimak video berikut ini:

Belajar mengembangkan aplikasi atau game dengan kurikulum yang telah divalidasi langsung oleh industri dengan Dicoding Academy.

Belajar di Dicoding Sekarang →
Share this:

One comment, add yours.

Pak, saya di tahap ‘Membuat Chat App’ tidak ada button ‘view app’ nya. Kenapa ya? Kalo url nya di akses, ada bbrp settings buat node-red (bikin username & password), setelah diikutin aja alurnya, baru solve sampe halaman editor node-red nya. Jadi itu ada perubahan di Bluemix nya aja atau kenapa ya? Tapi solve sih. Thanks 🙂

Leave a comment