MODUL

CONTROL LED MENGGUNAKAN GOOGLE ASSISTANT VIRTUAL

MATERI

Pengenalan Dialogflow, NodeJS, npm, firebase

Membuat Acount Dialogflow dan Configurasi
Configurasi NodeJS, npm dan firebase Function
Menghubungkan ke google assistant

Pengenalan Dialogflow, NodeJS, npm, firebase

1. Dialogflow
Dialogflow (dulu-nya API.ai) adalah teknologi interaksi manusia dan komputer yang
berbasis pada percakapan suara dan teks yang didukung Artificial Intelegent.
Ada beberapa kelebihan Dialogflow bagi saya. Diantaranya:
 Terbangun di infrastruktur milik Google.
 Dukungan Machine Learning buatan Google.
 Dapat terhubung dengan platform lain, sehingga dapat mecapai pengguna lebih banyak.
Platform yang didukung antara lain, Google Assistant, Telegram, Microsoft
Cortana, LINE, Facebook Messenger, dan masih banyak lagi.
 Dukungan bahasa yang cukup banyak
 Tampilan yang mudah dipahami

Sumber : https://xenavirtual.wordpress.com/2018/10/27/berkenalan-dengan-dialogflow/

2. NodeJS
Node.js adalah perangkat lunak yang didesain untuk mengembangkan aplikasi
berbasis web dan ditulis dalam sintaks bahasa pemrograman JavaScript. Bila selama ini
kita mengenal JavaScript sebagai bahasa pemrograman yang berjalan di sisi client /
browser saja, maka Node.js ada untuk melengkapi peran JavaScript sehingga bisa juga
berlaku sebagai bahasa pemrograman yang berjalan di sisi server, seperti halnya PHP,
Ruby, Perl, dan sebagainya. Node.js dapat berjalan di sistem operasi Windows, Mac OS X
 dan Linux tanpa perlu ada perubahan kode program. Node.js memiliki pustaka server
HTTP sendiri sehingga memungkinkan untuk menjalankan server web tanpa menggunakan
program server web seperti Apache atau Nginx.

Sumber : https://www.codepolitan.com/mengenal-nodejs-5880234fe9ae3

3. Npm
npm adalah sebuah manager paket untuk bahasa pemrograman JavaScript yang
menjadi manager default untuk lingkungan runtime Node.js. Npm terdiri dari command
line client yang disebut npm, dan sebuah database online yang berisi paket publik dan paket
pribadi berbayar, yang disebut npm registry. Registry dapat diakses melalui klien, dan
ketersediaan paket dapat dicari melalui website npm. Manager paket dan registry dikelola
oleh npm, Inc.

Sumber : https://id.wikipedia.org/wiki/Npm_(perangkat_lunak)

4. Firebase
Firebase adalah suatu layanan dari Google yang digunakan untuk mempermudah
para pengembang aplikasi dalam mengembangkan aplikasi. Dengan adanya Firebase,
pengembang aplikasi bisa fokus mengembangkan aplikasi tanpa harus memberikan usaha
yang besar. Dua fitur yang menarik dari Firebase yaitu Firebase Remote Config dan
Firebase Realtime Database. Selain itu terdapat fitur pendukung untuk aplikasi yang
membutuhkan pemberitahuan yaitu Firebase Notification.

Sumber : https://id.wikipedia.org/wiki/Firebase
Membuat Acount Dialogflow dan Configurasi

1. Buka situs dialogflow https://console.dialogflow.com/api-client/#/login :

2. kemudian pilih sign in with dan login menggunakan acount gmail kalian :

3. setelah login di menu samping kalian pilih create agent :

4. kemudian pada agent name kalian bebas mengisis apa saja, jika sudah di isi pilih tombol
create.
5. Lalu pilih entities pada menu yanga ada di samping, kemudian pilih CREATE ENTITY :

6. Setelah itu kalian bisa isi seperti pada bagian gambar dibawah ini :
 - Angka 1 pada gambar di atas untuk value yang akan di kirim ke firebase.
- Untuk tulisan led on, on, turn on untuk kata kunci buat perintah kita saat
menghidupkan led.

Kemudian kalian pilih save.

7. Selanjutnya kita akan membuat perintah text pada menu intents, kalian pilih intents pada
menu di samping, lalu creat intents :

- Isi sesuai pada gambar yang di bawah

- Pada training phrases tambahkan text buat perintah yang akan kita gunakan, tetapi
dengan syarat harus mengandung kata kunci yang kita buat tadi di entities. Contoh
seperti turn off led , untuk kalimat turn off ini yaitu kalimat kunci yang kita ambil
dari bagian entities dan jika kalimat nya sesuai dengan yang ada di entities maka akan
berwarna kuning.
- Kemudian pada fulfulment kalian pilih enable webhook call for this intent

- Kemudain kalin save.

Configurasi NodeJS, npm dan firebase Function

1. Instal Node.JS terlebih dahulu di komputer kalian, ikuti langkahnya seperti dibawah ini :
- Untuk mendapatkan Node.JS nya kalian bisa download di
https://nodejs.org/en/download/

- Kemudian kalian instal Node.JS nya

- Selanjutnya kalian buka command prompt (CMD), kemudian kalian masukan
perintah seperti dibawah ini :

npm install -g firebase-tools

Tunggu sampai proses instalasi selesai.

- Kemudian kalian ketikan perintah dibawah ini untuk login ke acount firebase kalian :
firebase login

- Pilih acount yang mau kalian gunakan :

- Setelah kalian melakukan login kemudian kalian jalankan perintah seperti berikut :
firebase init functions

- Kemudian pilih project database yang ada di firebase kalian :

- Kemudian pilih bahasa pemrograman yang mau digunakan, disini saya menggunakan
bahasa pemrograman javascript kemudian enter dan pilih yes :

- Jikas sudah selesai maka kalian buka file index.js pada folder C:\Users\Alwi Yahya
M\functions\index.js

- Jikas sudah dibuka kalian edit syntak yang sudah ada dengan syntak dibawah ini :
 var admin = require('firebase-admin');
const functions = require('firebase-functions');
admin.initializeApp(functions.config().firebase);
var database = admin.database();
// // Create and Deploy Your First Cloud Functions
// // https://firebase.google.com/docs/functions/write-firebase-functions
//
exports.hello = functions.https.onRequest((request, response) => {
let params = request.body.result.parameters;
database.ref().set(params);
response.send({
speech: "Light controlled successfully"
});
});

- Jika sudah di edit kalian save file tersebut.

- Kemudian jalankan perintah seperti berikut :
firebase deploy

- Jika saat menjalankan deploy error seperti pada gambar di atas, maka kalian edit file
firebase.json
 {
"functions": {
"predeploy": [
"npm --prefix \"%RESOURCE_DIR%\" run lint"
]
}
}

- Jika sudah di save, kemudian kalian lakukan deploy lagi menggunakan perintah yang
sama, maka hasilnya akan seprti ini :

- Jika sukses maka copy link function URL yang sudah di deploy :
- Kemudian tempelkan pada Fulfilment => Dialogflow => Webhook => URL

- Kemudian klik SAVE pada tombol di bagian bawah.

- Lalu kalian masuk ke menu setting, pada bagian API VERSION ganti dari V2 API
ke V1 API lalu klik SAVE :
- Jika sudah di save, coba kalian masukan perintah yang telah kalian buat tadi di menu
pinggir kanan
 - Pada bagian DEFAULT RESPONSE maka akan ada pesan balesan dari firebase
functin yang kita seting tadi dan nilai VALUE dari perintah yang kita seting akan
masuk ke firebase kita, seperti dibawah ini :

Menghubungkan ke google assistant

- Masuk ke menu Integrations => Google Assistant maka akan tampil seperti berikut :

- Pada bagian Explicit invocation arahkan ke intents yang telah kita buat tadi.
- Lalu pilih TEST => CONTINUE maka akan masuk ke console.actions.google.com
- Kalian pilih Invocation lalu pada Display name isi dengan nama virtual kalian untuk
dipanggil :

- Jika sudah diisi kalian SAVE pada tombol di atas

- Sekarang coba masuk ke menu Simulator lalu coba masukan perintah seperti tadi
tetaapi pertama anda masukan dulu nama assistant kalian yang telah dibuat tadi
seperti berikut :
- Maka akan ada kalimat balesan dari firebase, coba kalian cek pada firebase database
anda apakah VALUE nya masuk, jika masuk maka akan seperti dibawah ini :