87
Gambar 45 Tampilan Edit Widget untuk LDR (2).
10. Jika sudah diisikan parameternya, maka kita simpan. Pada halaman awal, akan muncul widget progress LDR, akan terupdate ketika wemos mengirimkan nilai LDR ke broker dan broker menyiarkan nilai tersebut kepada client-nya.
Gambar 46 Tampilan MQTT Dashboard.
88
tersebut akan mengirimkan perintah untuk menghidupkan dan mematikan LED yang ada di wemos. Jalur komunikasi yang kita gunakan adalah smartphone melalui aplikasi IFTTT akan mengirimkan data melalui module button widget, setelah itu IFTTT akan meneruskan data tersebut ke adafruit, dan dari adafruit, ia akan meneruskan ke wemos, kemdian wemos akan mengeksekusi data yang dikirimkan.
Tujuan
1. Peserta memahami manfaat dari penggunaan IFTTT.
2. Peserta memahami cara mengoneksikan antara IFTTT dan adafruit IO.
3. Peserta memahami jalur komunikasi antara wemos, IFTTT, dan adafruit dalam pertukaran informasi.
Bahan-Bahan yang Digunakan
1. Wemos D1 Mini.2. Kabel secukupnya.
3. DHT11.
4. LDR.
5. Satu buah push button.
6. Dua buah LED.
7. Kabel Micro USB.
Langkah-Langkah secara Umum
1. Buat akun IFTTT.com dengan mengoneksikannya dengan akun gmail agar lebih mudah. Kita juga dapat mendownload aplikasi IFTTT di smartphone android dan mengoneksikannya dengan alamat gmail kita.
2. Langkah yang awal adalah kita koneksikan Adafruit dengan IFTTT. Buka halaman awal IFTTT yang sudah dimasukkan akun yang kita buat seperti pada Gambar 47 Tampilan Awal Halaman IFTTT.Gambar 47.
89
Gambar 47 Tampilan Awal Halaman IFTTT.
3. Silakan cari kata kunci “adafruit” (Posisi textbox search ada di menu atas). Setelah pencarian, pilih tabulasi services, maka nanti akan muncul panel adafruit seperti pada Gambar 48.
Gambar 48 Tampilan Awal Halaman Adafruit.
4. Kita klik panel adafruit tersebut. Kemudian nanti akan muncul halaman awal adafruit pada IFTTT seperti pada Gambar 49. Kita tekan tombol connect kemudian akan muncul permohonan izin IFTTT untuk membaca beberapa data dari adafruit sesuai dengan akun yang kita miliki. Selanjutnya, kita tekan tombol authorize seperti pada Gambar 50. Setelah kita tekan, maka nanti akan muncul informasi bahwa antara adafruit dan IFTTT sudah terhubung.
90
Gambar 49 Halaman Permintaan Koneksi Adafruit.
Gambar 50 Tampilan Permintaan Izin IFTTT.
5. Selanjutnya, kita akan membuat applets yang dimana skenarionya adalah kita membuat tombol yang dapat mengatur nyala LED wemos. Untuk itu, kita klik avatar kita (pojok kanan atas) kemudian pilih create seperti pada Gambar 51.
Gambar 51 Tampilan Pilihan Menu.
91
6. Setelah ditekan, akan muncul halaman create IFTTT (gambar dapat dilihat pada Gambar 52). Langkah pertama kita tekan tanda tambah untuk membuat pemicu pada IFTTT.
Gambar 52 Tampilan Halaman if THIS.
7. Kemudian kita diminta untuk memilih servis yang akan kita gunakan. Dalam hal ini, kita menggunakan servis button. Cari dengan kata kunci button setelah itu akan mucul panel seperti pada Gambar 53. Lalu, kita klik panel tersebut.
Gambar 53 Pemilihan Layanan untuk This.
8. Setelah menekan panel tersebut, kita akan diarahkan menuju pemilihan trigger untuk button widget (dapat dilihat pada Gambar 54). Kita pilih panel button press dengan cara menekannya.
92
Gambar 54 Tampilan Halaman Pemilihan Trigger.
9. Pemicu yang telah kita pilih akan tampil gambarnya seperti pada Gambar 55. Selanjutnya, kita akan memilih reaksi dari pemicu tersebut dengan menekan tanda tambah yang berada di sebelah then.
Gambar 55 Tampilan Pemilihan Aksi Selanjutnya.
10. Pada bagian ini, kita akan memilih servis yang menjadi reaksi. Servis yang kita gunakan adalah adafruit yang telah kita hubungkan sebelumnya. Silakan dicari dengan kata kunci adafruit pada textbox. Setelah dicari, maka nanti akan muncul panel adafruit seperti pada Gambar 56.
Gambar 56 Tampilan Pemilihan Layanan Aksi
93
11. Kemudian, kita akan diminta untuk memilih aksi yang dilakukan. Kita pilih panel “send data to adafruit IO”.
Gambar 57 Tampilan Pemilihan Kategori Aksi.
12. Kita isi parameter yang ada pada Gambar 58. Karena tombol yang kita buat bertujuan untuk menyalakan LED pada wemos, maka kita pilih feed yang terhubung dengan LED kita, kemudian kita isikan data yang akan dikirim ke adafruit. Setelah pengisian parameter, kita klik create action.
Gambar 58 Tampilan Pengisian Parameter Adafruit.
13. Langkah terakhir, kita akan diminta untuk meninjau ulang atas apa yang kita buat. Jika parameter sudah benar maka kita tekan finish. Selanjutnya, kita akan mendapati applets yang kita buat sudah bisa dijalankan seperti pada Gambar 60.
94
Gambar 59 Tampilan Meninjau Ulang IFTTT yang Dibuat.
Gambar 60 Tampilan IFTTT yang Telah Terkoneksi.
14. Tahapan untuk pembuatan applets IFTTT sudah selesai, saatnya kita membuat tombol untuk mengaktifkan applets yang telah kita buat. Tombol yang kita buat sebelumnya hanya bekerja pada smartphone. Maka dari itu, aplikasi IFTTT yang telah kita pasang dan masukkan akunnya kita jalankan. Tampilan awal IFTTT pada smartphone ditunjukkan pada Gambar 61. Applets yang kita buat akan muncul pada panel aplikasi IFTTT.
95
Gambar 61 Tampilan Awal IFTTT Smartphone.
15. Untuk pembuatan widget tombol IFTTT, silakan kembali ke pengaturan masing-masing smartphone peserta. Dalam modul ini, kami menggunakan smartphone xiomi 3x. Pembuatan widget-nya ditunjukan seperti pada Gambar 62. Kita pilih widget IFTTT small 1x1.
96
Gambar 62 Pembuatan Widget Button pada Smartphone.
16. Setelah pemilihan jenis widgetnya, kita akan diarahkan ke screen pemilihan applets yang kita buat sebelumnya. Kita pilih panel button adafruit yang ita buat seperti pada Gambar 63.
Gambar 63 Pemilihan Applets yang akan Digunakan.
17. Jika sudah dilakukan, maka button widget siap digunakan untuk menyalakan LED yang ada pada wemos.
97
Gambar 64 Widget Button IFTTT.
18. Koding yang kita gunakan, masih sama seperti pada materi 2.1 INPUT.
19. Setelah selesai di ketik kodingnya, diunggah kodingnya.
20. Tunggu hingga selesai unggahannya, setelah selesai pengunggahannya, rangkaian dapat dijalankan.
21. Buka serial monitor untuk melihat hasilnya.