Widget Blynk
Widget Blynk
Teknik Listrik – 3D
I. WIDGETS....................................................................................................................5
II. Common Widget Settings...........................................................................................5
2.1 Pin Selector........................................................................................................5
2.2 Data Mapping.....................................................................................................6
2.3 SPLIT/MERGE......................................................................................................7
2.4 Decimals.............................................................................................................7
2.5 Send On Release.................................................................................................7
2.6 Write Interval.....................................................................................................8
2.7 Color Gradient....................................................................................................8
III. Controllers (Pengontrol).............................................................................................8
3.1 Button.................................................................................................................8
3.2 Slider..................................................................................................................9
3.3 Timer................................................................................................................10
3.4 Joystick.............................................................................................................12
3.5 zeRGBa.............................................................................................................13
3.6 Step Control.....................................................................................................14
IV. Displays (Tampilan)..................................................................................................14
4.1 Value Display....................................................................................................14
4.2 Labeled Value...................................................................................................15
4.3 LED...................................................................................................................17
4.4 Gauge...............................................................................................................18
4.5 LCD...................................................................................................................19
4.6 SuperChart.......................................................................................................22
4.7 Terminal...........................................................................................................33
4.8 Video Streaming...............................................................................................34
4.9 Level Display.....................................................................................................34
DAFTAR GAMBAR
Gambar 2. 1Tampilan Pin Selector.....................................................................................5
Gambar 2. 2 Tampilan Data Mapping Settings...................................................................6
Gambar 2. 3 Tampilan Split................................................................................................7
Gambar 2. 4 Tampilan Merge............................................................................................7
Gambar 2. 5 Simbol Button................................................................................................8
Gambar 2. 6 Tampilan Button Settings...............................................................................9
Gambar 2. 7 Simbol Slider..................................................................................................9
Gambar 2. 8 Tampilan Slider Settings...............................................................................10
Gambar 2. 9 Simbol Timer................................................................................................11
Gambar 2. 10 Tampilan Timer Settings............................................................................11
Gambar 2. 11 Tampilan Joystik........................................................................................12
Gambar 2. 12 Tampilan Joystick Settings.........................................................................13
Gambar 2. 13 Tampilan zeRGBa (Split).............................................................................14
Gambar 2. 14 Tampilan zeRGBa (Merge).........................................................................14
Gambar 2. 15 Contoh Tampilan Value Display (Suhu)......................................................15
Gambar 2. 16 Tampilan Value Display Settings................................................................15
Gambar 2. 17 Contoh Labeled Value (Suhu)....................................................................16
Gambar 2. 18 Tampilan Labeled Display Settings.............................................................16
Gambar 2. 19 Contoh Formatting Option Labeled Value Settings....................................17
Gambar 2. 20 Program untuk menghidupkan LED..........................................................18
Gambar 2. 21 Program untuk mengubah kecerahan LED................................................18
Gambar 2. 22 Simbol LED.................................................................................................18
Gambar 2. 23 Tampilan Gauge.........................................................................................18
Gambar 2. 24 Tampilan Gauge Settings...........................................................................19
Gambar 2. 25 Perintah untuk widget LCD........................................................................20
Gambar 2. 26 Contoh program untuk widget LCD...........................................................20
Gambar 2. 27 Contoh Tampilan LCD................................................................................20
Gambar 2. 28 Tampilan LCD Settings...............................................................................21
Gambar 2. 29 Tampilan Formatting Option LCD Settings.................................................22
Gambar 2. 30 Tampilan SuperChart (Tap and hold).........................................................23
Gambar 2. 31 Tampilan SuperChart (Short Swipe)...........................................................23
Gambar 2. 32 Tampilan SuperChart (Layar Penuh)..........................................................24
Gambar 2. 33 Tampilan SuperChart (Tombol Menu).......................................................24
Gambar 2. 34 Icon DataStream........................................................................................25
Gambar 2. 35 Tampilan SuperChart(Values and Height)..................................................27
Gambar 2. 36 Tampilan SuperChart (0-100%Tinggi)........................................................28
Gambar 2. 37 Tampilan SuperChart (0-25%Tinggi)..........................................................29
Gambar 2. 38 Tampilan SuperChart (Binary Chart)..........................................................29
Gambar 2. 39 Tampilan SuperChart (Hubungan Semua Titik)..........................................30
Gambar 2. 40 Tampilan SuperChart (OFF)........................................................................31
Gambar 2. 41 Tampilan SuperChart (ON).........................................................................32
Gambar 2. 42 Perintah widget (untuk Terminal)..............................................................33
Gambar 2. 43 Tampilan Terminal.....................................................................................33
Gambar 2. 44 Tampilan Terminal Settings.......................................................................34
Gambar 2. 45 Terminal (pengubah url video)..................................................................34
Gambar 2. 46 Tampilan Level Display..............................................................................35
I. WIDGETS
Widget adalah modul antarmuka. Masing-masing dari mereka melakukan
fungsi input / output spesifik ketika berkomunikasi dengan perangkat
keras.
Ada 4 jenis Widget:
Controllers - digunakan untuk mengirim perintah yang mengontrol
perangkat keras.
Display (Layar) - digunakan untuk visualisasi data dari sensor dan
sumber lain.
Notifications (Pemberitahuan) - mengirim pesan dan
pemberitahuan.
Interface (Antarmuka) - widget untuk melakukan fungsi GUI
tertentu.
Lainnya - widget yang bukan milik kategori apa pun;
Ini adalah salah satu parameter utama yang perlu diatur. Ini
mendefinisikan pin mana yang harus dikontrol atau dibaca.
Gambar 2. 1Tampilan Pin Selector
2.3 SPLIT/MERGE
Beberapa Widget dapat mengirim lebih dari satu nilai. Dan dengan sakelar
ini dapat mengontrol cara mengirimnya.
2.4 Decimals
Ada 2 jenis gradien yang dapat Anda pilih: - Hangat: Hijau - Oranye -
Merah; - Dingin: Hijau - Biru - Ungu;
III.Controllers (Pengontrol)
3.1 Button
Bekerja dalam mode push atau switch. Memungkinkan untuk mengirim
nilai ON dan OFF (RENDAH / TINGGI). Tombol mengirim 1 (TINGGI)
saat ditekan dan mengirim 0 (RENDAH) saat rilis.
3.2 Slider
Mirip dengan potensiometer. Mengizinkan mengirim nilai di antara
rentang MIN / MAX yang diberikan.
3.3 Timer
Timer memicu tindakan pada waktu tertentu. Bahkan jika smartphone dan
aplikasi sedang offline. Waktu mulai mengirim 1 (TINGGI). Stop time
mengirimkan 0 (RENDAH).
3.4 Joystick
3.5 zeRGBa
4.3 LED
4.4 Gauge
4.5 LCD
Ini adalah layar LCD 16x2 biasa yang dibuat di fasilitas rahasia di Cina.
MODE SEDERHANA / LANJUTAN
Perintah : perlu menggunakan perintah khusus dengan widget ini:
Gambar 2. 25 Perintah untuk widget LCD
4.6 SuperChart
Cukup putar telepon kembali ke mode potret. Bagan harus memutar secara
otomatis. Dalam tampilan layar penuh akan melihat X (waktu) dan beberapa skala
Y. Mode layar penuh dapat dinonaktifkan dari Pengaturan widget.
Tombol menu
Tombol menu akan membuka fungsi tambahan :
- Ekspor ke CSV
- Hapus data di server
Pengaturan SuperChart:
Judul grafik.
Judul Ukuran Font memiliki 3 pilihan ukuran font.
Penyelarasan Judul Pilih perataan judul grafik. Pengaturan ini juga
memengaruhi posisi Judul dan Legenda pada Widget.
Tampilkan sumbu x (waktu) Pilih itu jika ingin menunjukkan label waktu
di bagian bawah grafik yang dibuat.
Pemilih rentang waktu memungkinkan untuk memilih periode yang
diperlukan (15m, 30m, 1j, 3j, ...) dan resolusi untuk bagan yang dibuat.
Resolusi menentukan seberapa akurat data yang dibuat. Saat ini grafik
mendukung 2 jenis resolusi standar dan tinggi. Resolusi juga tergantung
pada periode yang dipilih. Misalnya, resolusi standar untuk 1d berarti akan
mendapatkan 24 poin per hari (1 per jam), dengan resolusi tinggi akan
mendapatkan 1d 1440 poin per hari (1 per menit).
Datastreams - tambahkan datastreams
Pengaturan Datastream
Widget mendukung hingga 4 Datastreams. Tekan Ikon Pengaturan Datastream
untuk membuka Pengaturan Datastream.
o Desain:
Pilih jenis Chart yang tersedia:
1.Baris
2.Daerah
3.Batang
4.Biner (jangkar LINK ke biner)
Pengaturan Y-Axis
Ada 4 mode cara skala data di sepanjang sumbu Y
1. Mobil.
Data akan diskalakan secara otomatis berdasarkan nilai minimum dan
maksimum dari periode waktu yang diberikan. Ini adalah opsi yang bagus
untuk memulai.
2. Nilai-nilai.
Ketika mode ini dipilih, skala Y akan diatur ke nilai yang dipilih.
Misalnya, jika perangkat keras mengirim data dengan nilai bervariasi dari
-100 hingga 100, dapat mengatur bagan ke nilai ini dan data akan
ditampilkan dengan benar.
1. % Tinggi.
Opsi ini memungkinkan untuk menskala data yang masuk pada widget dan
memposisikannya seperti yang diinginkan. Dalam mode ini mengatur
persentase tinggi widget di layar, dari 0% hingga 100%.
Jika mengaturnya ke 0-25%, maka bagan ini hanya akan diberikan pada 1/4
tinggi widget:
Gambar 2. 37 Tampilan SuperChart (0-25%Tinggi)
Pengaturan ini sangat berharga untuk Binary Chart atau untuk memvisualisasikan
beberapa aliran data pada grafik yang sama dengan cara yang berbeda.
1. Delta
Sementara data tetap dalam nilai Delta yang diberikan, bagan akan
diskalakan secara otomatis dalam kisaran ini. Jika delta melebihi kisaran,
bagan akan diskalakan secara otomatis ke nilai minimum / maksimum dari
periode yang diberikan.
Akhiran:
Di sini Anda dapat menentukan sufiks yang akan ditampilkan selama
kepemilikan Tap.
Desimal
Menentukan pemformatan nilai grafik saat Anda Ketuk grafik. Opsi yang
memungkinkan adalah: #, #. #, #. ##, dll.
Hubungkan Poin Data yang Hilang
Jika sakelar ini AKTIF, maka SuperChart akan menghubungkan semua
titik meskipun tidak ada data
Jika diatur ke OFF, maka Anda akan melihat celah jika tidak ada data.
Gambar 2. 40 Tampilan SuperChart (OFF)
Label Negara:
Di sini dapat menentukan bagaimana TRUE / FALSE seharusnya ditampilkan
dalam mode Ketuk.
Misalnya, Anda dapat mengatur ke TRUE ke label "Equipment ON", FALSE ke
"Equipment OFF".
Gambar 2. 41 Tampilan SuperChart (ON)
I. Notifications (Pemberitahuan)
V.1 Twitter
V.2 Email
V.3 Push Notifications
V.4 Unicode in notify, email, push,…..
V.5 Increasing message length limit
III.Sensors
VII.1 Accelerometer
VII.2 Barometer/pressure
VII.3 Gravity
VII.4 Humidity
VII.5 Light
VII.6 Proximity
VII.7 Temperature
VII.8 GPS Trigger
VII.9 GPS Streaming
IV. Other
VIII.1 Bridge
VIII.2 Eventor
VIII.3 RTC
VIII.4 BLE
VIII.5 Bluetooth
VIII.6 Music Player
VIII.7 Webhook
VIII.8 Reports Widget
VIII.9 Customizing Reports