Halo semuanya.
Saya terus mengembangkan
proyek saya untuk memvisualisasikan tren data, saya menambahkan kemampuan untuk melihat di browser secara real time. Kepada siapa itu menarik saya bertanya.
Katakan secara singkat apa proyeknya. Ini adalah sistem perangkat lunak yang disebut "SVisual".
Terdiri dari tiga bagian:
- server "SVMonitor", juga merupakan monitor online;
- Klien - perpustakaan atau sketsa untuk mentransfer data dari MK;
- dan catatan arsip pemirsa.
Sistem dijelaskan secara rinci dalam
artikel sebelumnya .
Segera lihat videonya, apa yang terjadi: Saya fokus melihat dari telepon, karena akan lebih nyaman untuk menggunakan aplikasi desktop pada PC.
Halaman ini ditulis pada tumpukan modern (React + Redux, desain Boostrap).
Di tablet dan ponsel lama itu tidak akan berfungsi.
Diagram fungsional perangkat lunak.

Di sini:
- MK mentransmisikan data melalui port COM atau Ethernet ke server SVMonitor, juga merupakan server http.
- pengguna di browser membuka halaman.
Halaman tersebut dikirimkan melalui http, nanti saya akan melakukan https. Untuk saat ini, Anda dapat menggunakan perangkat lunak pihak ketiga untuk perlindungan, misalnya stunnel, misalnya.
Saya tidak menunjukkan secara detail dapur internal server, karena semuanya dijelaskan dalam
artikel sebelumnya , dan dalam
manual perangkat lunak.
Contoh penggunaan untuk Arduino.
1. Jalankan SVMonitor, dan dalam pengaturan untuk server Web, tentukan alamat dan port IP.

2. Isi sketsa seperti itu di MK:
#include <SVClient.h> void setup() { bool ok = svisual::connectOfCOM("client"); } int cnt = 0; void loop() { svisual::addIntValue("dfv", cnt); ++cnt; if (cnt > 10) cnt = 0; bool odd_cnt = cnt % 2; svisual::addBoolValue("bFW", odd_cnt ); svisual::addBoolValue("bBW", !odd_cnt ); delay(200); }
3. Selanjutnya, Anda perlu me-restart SVMonitor dan menghubungkan kembali MK.
4. Sekarang di SVMonitor kita akan melihat MK yang terhubung:

5. Buka browser, masukkan alamat yang ditentukan dalam pengaturan SVMonitor di bilah alamat dan lihat halaman berikut:

Video ini menunjukkan semua kemungkinan bekerja dengan grafik di browser Untuk STM32, klien ada di
sini .
Itu semua pada prinsipnya.
Perangkat lunak ini didistribusikan secara bebas, lisensi MIT.Terima kasih