Anda di halaman 1dari 22

CARA MENGGUNAKAN APLIKASI ANDROID

MQTT DASH
untuk
KENDALI IoT FERMENTOR

1
1. Menginstall aplikasi MQTT Dash di handphone android

Searc Via Google Play Store Install

2. Menjalankan dan Mensetting Aplikasi Mqtt Dash

Buka kunci gembok

Halaman Awal MQTT , Sebelum Tanda gembok Halaman Awal MQTT , Setelah Tanda gembok
dibuka dibuka

2
Halaman isian MQTT DASH 1. Isikan Name = IOTFERMENTOR
2. Addres = io.adafruit.com
3. Port = 1883

1. Isikan Username = “iotfermentor” Tampilan Halaman “IOTFERMENTOR” yang sudah


2. User Password = siap untuk di isi
"aio_KOIo12wPXmYfb0PdC2pCxZkMO8IA"
3. Client ID : My_mqttdash

3
SETTING TOMBOL SWITCH UNTUK HEATER

Klik IOTFERMENTOR Klik tanda (+) kanan atas → pilih Switch/ Button

1. Isikan Name : Saklar Heater (nama bisa diganti)


2. Isikan Topic (Sub) : iotfermentor/feeds/saklar1 (harus sama persis)
3. Isikan on : “ON” , off : “OFF” , Ganti warna sesuai kehendak dengan dengan cara klik tanda
kotak dibawahnya, kemudian pilih warna →ok →save (klik tanda save kanan atas)

4
Hasil Tampilan Saat Kondisi MATI Hasil Tampilan Saat Kondisi HIDUP

5
SETTING TOMBOL SWITCH UNTUK MOTOR SPEED LOW

Klik IOTFERMENTOR Klik tanda (+) kanan atas → pilih Switch/ Button

1. Isikan Name : SPEED MOTOR 1 (LOW) → (nama bisa diganti)


2. Isikan Topic (Sub) : iotfermentor/feeds/saklar2 (harus sama persis)
3. Isikan on : “ON” , off : “OFF” , Ganti warna sesuai kehendak dengan dengan cara klik
tanda kotak dibawahnya, kemudian pilih warna →ok →save (klik tanda save kanan atas)

6
Hasil Tampilan Speed Motor 1 (LOW) Saat Hasil Tampilan Speed Motor 1 (LOW)
Kondisi MATI Saat Kondisi HIDUP

7
SETTING TOMBOL SWITCH UNTUK SPEED MOTOR 2 (MEDIUM)

Klik IOTFERMENTOR Klik tanda (+) kanan atas → pilih Switch/ Button

1. Isikan Name : SPEED MOTOR 2 (MEDIUM) → (nama bisa diganti)


2. Isikan Topic (Sub) : iotfermentor/feeds/Medium Speed (harus sama persis)
3. Isikan on : “ON” , off : “OFF” , Ganti warna sesuai kehendak dengan dengan cara klik tanda
kotak dibawahnya, kemudian pilih warna →ok →save (klik tanda save kanan atas)

8
Hasil Tampilan Speed Motor 1+2 (MEDIUM) Hasil Tampilan Speed Motor 1+2 (MEDIUM)
Saat Kondisi MATI Saat Kondisi HIDUP

9
SETTING TOMBOL SWITCH UNTUK SPEED MOTOR 2 (HIGH)

Klik IOTFERMENTOR Klik tanda (+) kanan atas → pilih Switch/ Button

1. Isikan Name : SPEED MOTOR 1+2+3 (HIGH) → (nama bisa diganti)


2. Isikan Topic (Sub) : iotfermentor/feeds/High Speed (harus sama persis)
3. Isikan on : “ON” , off : “OFF” , Ganti warna sesuai kehendak dengan dengan cara klik tanda
kotak dibawahnya, kemudian pilih warna →ok →save (klik tanda save kanan atas)

10
Hasil Tampilan Speed Motor 1+2+3 Hasil Tampilan Speed Motor 1+2+3 (HIGH)
(HIGH)Saat Kondisi MATI Saat Kondisi HIDUP

Catatan : Untuk mengaktifkan saklar Catatan : Untuk mengaktifkan saklar High,


medium, Saklar Speed Motor LOW harus Saklar Speed Motor LOW dan MEDIUM harus
dihidupkan terlebih dahulu dihidupkan terlebih dahulu
SETTING TOMBOL SWITCH UNTUK SET BATAS BAWAH

11
Klik IOTFERMENTOR Klik tanda (+) kanan atas → pilih Range/ Progres

1. Isikan Name : SET BATAS BAWAH) → (nama bisa diganti)


2. Isikan Topic (Sub) : iotfermentor/feeds/Batas Bawah (harus sama persis)
3. Isikan update matric Min =0.0 , Max = 100.0, Isikan Precision = 2
4. Ganti warna sesuai kehendak dengan dengan cara klik tanda kotak dibawahnya, kemudian
pilih warna →ok →save (klik tanda save kanan atas)

12
Hasil Tampilan Speed Motor 1+2+3 Hasil Tampilan Speed Motor 1+2+3 (HIGH)
(HIGH)Saat Kondisi MATI Saat Kondisi HIDUP

Catatan : Untuk memasukan nilai Batas Bawah bisa dengan cara diketikan langsung maupun
dengan cara menggeser secara melingkar pada range progres sampai nilai yang diinginkan
kemudian klik “SET”
SETTING TOMBOL SWITCH UNTUK SET BATAS ATAS

13
Tekan agak lama pada Range Progres SET BATAS Tekan agak lama pada Range Progres SET BATAS
BAWAH hingga muncul menu sperti pada BAWAH hasil dari proses CLONE hingga muncul
gambar, kemudian pilih Clone menu sperti pada gambar, Kemudian pilih Edit

1. Edit / ganti Name : SET BATAS BAWAH → SET BATAS ATAS


2. Edit / ganti Topic (Sub) : iotfermentor/feeds/Batas Atas (harus sama persis)
3. Ganti warna sesuai kehendak dengan dengan cara klik tanda kotak dibawahnya, kemudian
pilih warna →ok →save (klik tanda save kanan atas)

14
Hasil Tampilan Range/Progres SET BATAS Hasil Tampilan Range/Progres SET BATAS
BAWAH saat kondisi belum di “SET” BAWAH saat kondisi Proses di “SET”, dengan
cara diketikan langsung maupun dengan
digeser melingkar kemudin klik SET

Hasil tampilan ketika sudah di “ SET” nilainya, dalam range ini mengeset nilai pada Satuan °C

SETTING DISPLAY RANGE UNTUK SUHU AIR

15
Tekan agak lama pada Range Progres SET BATAS Tekan agak lama pada Range Progres SET
ATAS hingga muncul menu sperti pada gambar, BATAS ATAS hasil dari proses CLONE hingga
kemudian pilih Clone muncul menu sperti pada gambar→ pilih Edit

1. Edit / ganti Name : SET BATAS ATAS → SUHU AIR PEMANAS


2. Edit / ganti Topic (Sub) : iotfermentor/feeds/temperature1 (harus sama persis)
3. Ganti warna sesuai kehendak dengan dengan cara klik tanda kotak dibawahnya, kemudian
pilih warna →ok →save (klik tanda save kanan atas)

16
Hasil tampilan Range progres SUHU AIR PEMANAS kondisi belum ada data yg terupdate,
Ketika IOTFERMENTOR sudah terkoneksi dengan internet nantinya nilai Suhu air Pemanas akan
terupdate pada Range tersebut dan menunjukan satuan dalam °C

SETTING DISPLAY RANGE UNTUK SUHU ADONAN

17
Tekan agak lama pada Range Progres SET BATAS Tekan agak lama pada Range Progres SET
ATAS hingga muncul menu sperti pada gambar, BATAS ATAS hasil dari proses CLONE hingga
kemudian pilih Clone muncul menu sperti pada gambar→ pilih Edit

1. Edit / ganti Name : SUHU AIR PEMANAS → SUHU ADONAN


2. Edit / ganti Topic (Sub) : iotfermentor/feeds/temperature2 (harus sama persis)
3. Ganti warna sesuai kehendak dengan dengan cara klik tanda kotak dibawahnya, kemudian
pilih warna →ok →save (klik tanda save kanan atas)

18
Hasil tampilan Range progres SUHU AIR ADONAN kondisi belum ada data yg terupdate, Ketika
IOTFERMENTOR sudah terkoneksi dengan internet nantinya nilai Suhu air Pemanas akan
terupdate pada Range tersebut dan menunjukan satuan dalam °C

SETTING DISPLAY INDIKATOR STATUS HEATER

19
Halaman utama IOTFERMENTOR Pilih Teks

1. Isikan Name : STATUS HEATER


2. Isikan Topic (Sub) : iotfermentor/feeds/Status Heater (harus sama persis)

20
Hasil tampilan Status Heater yang akan menampikan Teks HIDUP/MATI

SETTING DISPLAY INDIKATOR STATUS MOTOR

21
Clone stus Heater kemudian edit hasil clone 1. Isikan Name : STATUS HEATER
2. Isikan Topic (Sub) :
iotfermentor/feeds/Status Heater
(harus sama persis)

Hasil tampilan Status Motor yang akan menampikan Teks HIDUP/MATI

22

Anda mungkin juga menyukai