Vylepšený webový SerialMonitor doplněný o Plotter. Zdarma, bez instalace a online.

Každý, kdo někdy programoval Arduino nebo ESP32, zná ten rituál: nahraju kód, otevřu Serial Monitor v Arduino IDE a koukám na proud čísel, jestli senzor vrací rozumné hodnoty. Funguje to skvěle – dokud nesedíte u cizího počítače, na školním Chromebooku nebo na tabletu, kde žádné IDE nainstalované není. A přesně pro tyhle chvíle vznikl tento nástroj – bez instalace a zdarma.

Na adrese serialmonitor.chiptron.cz jsem spustil online Serial Monitor s integrovaným plotterem. Běží celý v prohlížeči, nic se neinstaluje, a přesto si připojíte desku přes USB a sledujete data v reálném čase – textově i jako živý graf.

Jak to může fungovat bez instalace?

Tajemstvím je Web Serial API – rozhraní, které moderním prohlížečům umožňuje komunikovat se sériovými zařízeními přímo. Žádné ovladače, žádný most, žádná instalace. Kliknete na „Připojit“, vyberete COM port (nebo zařízení na /dev/ttyUSB u Linuxu) a jedete.

Háček je jeden: Web Serial API zatím podporují jen prohlížeče postavené na Chromiu – tedy Google Chrome, Microsoft Edge, Brave, Opera a podobné. Firefox ani Safari ho zatím neumí. Pokud tedy nástroj otevřete a tlačítko připojení nereaguje, je to skoro jistě tím prohlížečem.

SerialMonitor i Plotter jsou lokalizovány do češtiny a angličtiny – dle preferovaného jazyka v prohlížeči. Je možné si to upravit a prohlížeč si volbu pamatuje.

Co Serial Monitor umí

Původně SerialMinitor byl jen „okénko s textem“. Teď je mnohem lepší.

Nástroj má dvě záložky – Serial Monitor a Plotter – a sdílí mezi nimi jedno připojení, takže můžete přepínat mezi výpisem a grafem bez odpojování desky.

Záložka Serial Monitor

• Volitelná rychlost přenosu – od 9600 po 115200 baud, plus pole pro vlastní hodnotu.
• Tři formáty příjmu – ASCII pro běžný text, Hex a binární pro ladění protokolů.
• Časová značka – buď u každého řádku, nebo v nastaveném intervalu. Hodí se, když potřebujete vědět, jak rychle za sebou data chodí.
• Filtr výstupu – zobrazí jen řádky obsahující hledaný text, volitelně i přes regulární výraz. Při dlouhém logu k nezaplacení.
• Odesílání zpět do zařízení – s historií příkazů (procházíte šipkami nahoru/dolů jako v terminálu) a volbou zakončení řádku (LF, CR, CRLF nebo žádné).
• Ovládání DTR/RTS a tlačítko Reset – pro restart ESP32 nebo Arduina bez vytahování kabelu.
• Export do textového souboru i do CSV s časovými značkami.
• Volba kódování (UTF-8, ISO-8859-2, Windows-1250) – aby diakritika z vašeho zařízení nedělala paseku.

Pamatuje si i vaše nastavení – baudrate, téma (světlé/tmavé), formát i historii odeslaných příkazů zůstanou i po zavření okna. A protože dlouhé sezení u 115200 baud umí zahltit prohlížeč, výpis má nastavitelný limit řádků, takže se stránka nezasekne.

Záložka Plotter

Tohle je část, na který je úplně nová. Plotter vykresluje číselné hodnoty ze sériové linky jako živý graf – podobně jako Serial Plotter v Arduino IDE, ale přímo v prohlížeči a s pár vychytávkami navíc.

Rozpozná dva formáty řádku automaticky:

• Pojmenované hodnoty – teplota:23.5;vlhkost:60;tlak:1013. Každá série dostane jméno z popisku a v legendě hned vidíte, co je co.
• Holá čísla – 23.5;60;1013. Série se pojmenují automaticky (Série 1, 2, 3).

Výchozí oddělovač je středník, což je úmysl – díky tomu zůstává čárka volná jako desetinný oddělovač, takže 23,5 i 23.5 fungují bez problémů (mikrokontroléry posílají různě). Oddělovač si ale můžete přepnout na čárku, tabulátor, mezeru nebo vlastní znak.

Každá série dostane výraznou barvu z palety, ale v legendě si ji můžete kdykoliv změnit – stačí kliknout na barevný čtvereček. Klikem na název série ji dočasně skryjete, vedle jména vidíte živou poslední hodnotu. Osa Y se přizpůsobuje datům automaticky, nebo si nastavíte pevný rozsah. A graf si uložíte jako obrázek PNG nebo data vyexportujete do CSV pro další zpracování třeba v tabulkovém editoru.

Jak začít – prakticky

Řekněme, že máte ESP32 s teplotním a vlhkostním senzorem (třeba oblíbený SHT40 nebo BME280). Aby se data hezky vykreslila do grafu, stačí ve skeči posílat řádek v tomto tvaru:

Serial.print("teplota:");
Serial.print(teplota);
Serial.print(";vlhkost:");
Serial.println(vlhkost);

Pak už jen otevřete serialmonitor.chiptron.cz, kliknete na Připojit, vyberete desku, nastavíte stejnou rychlost jako ve skeči (typicky 115200) a přepnete na záložku Plotter. Za pár sekund sledujete dvě křivky, jak reagují na to, když na senzor dýchnete a změní se teplota a vlhkost.

V praktickém testu byl serialmonitor i plotter otestován příjmem dat teplota a vlhkost s rychlostí odesílání každých 10 ms při rychlosti 115 200 Bd. Pokud by prohlížeč nedokázal zobrazit tato data v této rychlosti, využívá se bufferování dat.

Pro koho to je

Nástroj se hodí kdykoliv, kdy nechcete nebo nemůžete instalovat plné vývojové prostředí. Pár typických situací:

• Učitelé a školy – na Chromebooku či sdíleném počítači, kde nejde nic instalovat, žáci připojí Arduino a hned vidí data.
• Rychlá diagnostika – potřebujete jen mrknout, jestli deska vůbec něco posílá, bez zdlouhavého otevírání IDE.
• Prezentace a workshopy – živý graf hodnot ze senzoru je názornější než sloupec čísel.
• Práce u cizího počítače – na výjezdu, u zákazníka, na maker faire.

Celý nástroj je zdarma a běží přímo v prohlížeči – žádná registrace, žádná instalace. Data ze sériové linky nikam neodcházejí, veškerá komunikace probíhá lokálně mezi prohlížečem a vaší deskou.

Pokud vám nástroj pomohl, budeme rádi za zpětnou vazbu – co byste přidali nebo vylepšili. A pokud narazíte na zařízení, které posílá data ve formátu, který plotter nezvládne rozpoznat, dejte vědět. Rád to doladíme.

Vyzkoušejte Serial Monitor online: serialmonitor.chiptron.cz

Porovnání s dalšími programy

Arduino IDE plotter na Chromebooku přes Cloud Editor není dostupný – k dispozici je jen textový monitor. Vestavěný Arduino plotter navíc nemá export, data se musí kopírovat ručně.