blogy logo
login PRIHLÁS SA
BLOG deadawp
ČLÁNKY
DISKUSIE
2
SLEDOVAŤ BLOG
martinius96 (at) gmail.com
deadawp



Watmonitor LiTe - open-source do vrecka
pridal deadawp 9.2. 2026 o 10:20 (naposledy upravené 9.2. 2026 o 11:20)

Watmonitor dostal samostatnú LiTe verziu, ktorá je open-source, i keď pravda, značne orezaná voči štandardnej verzii. Verzia LiTe je plne client-side webaplikáciou, čo znamená, že ju je možné spustiť na počítači, smartfóne, Smart TV priamo bez potreby inštalácie, či nasadzovania webaplikácie na serveri. Webaplikácia je založená na Boostrap Bare šablóne s Bootstrapom 5.3.8, HTML5 a Javascripte, využíva čiastočný vizuál Watmonitora s prehľadom aktuálnych dát - hladiny v centimetroch a objemu v litroch. Dáta o hladine sú získavané z Firebase Realtime Database. Samotný výpočet objemu v litroch, resp. aj hladina vody (ak sa využíva rozdielové meranie výšky hladiny vody, t.j. od veka studne po hladinu) sa realizuje v Javascripte na client-side pred procesom vizualizácie dát do HTML5 webaplikácie.

Okrem vizualizácie výšky hladiny vody je ju možné Watmonitor LiTe využiť aj na vizualizáciu meraní iných kvapalín v nádržiach, studniach, IBC kontajneroch, alebo aj výšky sypkých materiálov ako sú štrk, granuláty, piesok, napr. na haldách / kopách. Samotná vizualizácia môže byť z desatinných, alebo aj celých čísel.

Čo už v prehľade voči štandardnému Watmonitoru nenájdeme je časová značka posledných dát, očakávaný čas nových dát, či indikátor konektivity, QR kód pre AR orbitálnu vizualizáciu, či QR statickú vizualizáciu. Verzia LiTe nedisponuje time-series dátami. Umožňuje vizualizovať výhradne posledné známe dáta v tomto prehľade. Vo verzii LiTe nenájdete podstránky Histórie, nameraných rekordov maximálnych a minimálnych hladín, vizualizáciu pecentuálneho naplnenia nádrže, grafické vizualizácie skrz čiarové grafy s možnosťou exportu dát v .csv, .png, či .svg formáte. Nenájdeme tu ani generátor zdrojových kódov pre mikrokontróler ESP32, či jazykové verzie webaplikácie, alebo možnosti nastavenia parametrov studne, či jej názvu.

Všetky konfigurovateľné parametre ako priemer studne, hĺbka studne je konfigurovateľná v "config.js" súbore, ktorý vykonáva prepočet hladiny na objem. Rovnako tak tu nájdeme aj časť s možnosťou navolenia si režimu, či sú dáta z databázy z rozdielového, alebo celkového merania výšky hladiny vody. V prípade rozdielového sa vykonáva prepočet realna_hladina = hlbka studne - meranie. V prípade celkového merania  sa realna_hladina = meranie a to je aj následne použité vo výpočte objemu studne. Názov studne je možné nastaviť v HTML súbore webaplikácie Watmonitor LiTe - "index.html".

Databáza
Ako som spomenul, projekt využíva Firebase Realtime Database. Ide o No-SQL databázu, kde sú dáta ukladané ako JSON strom a dáta sú priradené konkrétnemu kľúču, čo uľahčuje prácu s nimi, ale aj proces samotného parsovania vo výslednej aplikácii. Dáta do Firebase Realtime Database zapisuje mikrokontróler, musí však request vykonať HTTP metódou PATCH, aby boli dáta prepísané pod daným kľúčom (update) a nebol vytvorený child node s automaticky generovaným ID. V našom prípade ide o kľúč level, ktorému je priradená hodnota.


K databáze je možné pristupovať aj cez priamy request GET metódou bez nutnosti autentifikácie, pokiaľ máte aplikáciu v testovacom móde, ktorý Watmonitor LiTe natívne požaduje, alebo si autentifikáciu môžete dorobiť a využívať API kľúč pre read dát, budete to musieť ale následne používať aj na strane mikrokontrólera, ktorý bude dáta do databázy pushovať.

Samotná webaplikácia Watmonitor LiTe funguje tak, že dáta získa okamžite po načítaní stránky a následne dáta získava z Firebase Realtime Database každých 15 sekúnd. Pokiaľ v danom čase do databázy dorazia nové dáta, pri refreshi dát ich uvidíte vo Watmonitore LiTe bez nutnosti refreshovania stránky. Vidíte vždy poslednú známu hodnotu z databázy.

V súčasnosti je k Watmonitoru LiTe jeden zdrojový kód v MicroPythone pre Raspberry Pi Pico W, ktorý umožňuje pripojenie ultrazvukového snímača vzdialenosti, napr. HC-SR04, alebo JSN-SR04T a následný prenos dát PATCH metódou v HTTPS requeste na Firebase Realtime Database: 
https://github.com/martinius96/Watmonitor-LiTe/blob/main/FIRMWARE/Rpi_Pico_HCSR04.py

Obdobným spôsobom môžete upraviť aj zdrojové kódy pre ESP32, ESP8266, ktoré sú predvytvorené pre štandardný Watmonitor, kde realizujú HTTP(S) POST request na .php súbor Watmonitora. Je nutné upraviť cestu, Root CA certifikát, pokiaľ nepoužijete client.setInsecure() v knižnici WiFiClientSecure a tiež metódu z POST je potrebné prejsť na PATCH, respektíve aj PUT by fungovalo, ale vytváralo by znova aj samotný kľúč, ktorý by predtým zmazalo. Pokiaľ k requestom pridáte aj timestamp v UNIX formáte a budete ho odosielať spolu s dátami, môžete túto časovú značku následne vizualizovať a previesť na čitateľný formát dátumu a času vo vizualizácii Watmonitor LiTe, čo vám umožní vedieť, kedy aktuálne vizualizované dáta dorazili do databázy a či je zariadenia funguje.

Záver
Webaplikácia Watmonitor LiTe je plne prenositeľná medzi počítačmi, smartfónmi, Smart TV a inými zariadeniami. Beží na client-side v prehliadači a je tak možné garantovať kompatibilitu na akejkoľvek platforme. Vhodné aj do vrecka. Pre fungovanie webaplikácie potrebujete samozrejme internet, nakoľko Bootstrap sa používa z CDN serverov a tiež samotné dáta sa získavajú z Firebase Realtime Database, ktorú hostuje Google.

Open-source Watmonitor LiTe projekt nájdete na Githube: https://github.com/martinius96/Watmonitor-LiTe/, kde je dostupný aj návod na spustenie vlastnej inštancie Firebase Realtime Database pod vlastným účtom.

Watmonitor LiTe má aj testovacie rozhranie pre vizualizáciu dát s inštanciou FireBase Realtime Database, kde sú pushované aj ukážkové dáta z Micropythonu na Rpi Pico W: https://martinius96.github.io/Watmonitor-LiTe/

Štandardný Watmonitor môžete vyskúšať na adrese https://hladinomer.eu/

 



Prístupov 78
Kvalita článku
hlasov 0

PRÍSPEVKY
SLEDOVAŤ
Prosím prihláste sa pre možnosť pridania komentáru.
Prihláste sa, alebo použite facebook login facebook login
ĎALŠIE ČLÁNKY V BLOGU
Watmonitor LiTe - open-source do vrecka
[ 9.2.2026] (príspevkov 0)
TTN LoRaWAN brána / LoRaWAN node za 8€
[ 31.1.2026] (príspevkov 0)
Zväčšenie fotografie = strata kvality?
[ 25.12.2025] (príspevkov 0)
Výber 12V gélovej batérie pre zálohu obe...
[ 17.12.2025] (príspevkov 0)
Ako zostaviť DIY kit RFID DOMINATOR 2.0?
[ 17.11.2025] (príspevkov 0)
ThingsBoard - generátor dát, HTTP reques...
[ 13.11.2025] (príspevkov 0)
GPS LoRa monitoring - ThingsBoard
[ 9.11.2025] (príspevkov 0)
Nie je Li-Ion, ako Li-Ion...
[ 3.11.2025] (príspevkov 0)
ThingSpeak - Watmonitor integrácia
[ 28.10.2025] (príspevkov 0)
Ubidots - Watmonitor integrácia
[ 26.10.2025] (príspevkov 0)