User manual

Pro kontrolér bude následn zapotebí urit konkrétní barevné hodnoty LED z tohoto hexadecimálního
ísla, které získá z následující ásti funkce loop:
if (esp8266.findUntil("?rgb=", "\n"))
{
String hexstring = esp8266.readStringUntil(‚ ‚);
long number = (long) strtol( &hexstring[3], NULL, 16);
int r = number >> 16;
int g = number >> 8 & 0xFF;
int b = number & 0xFF;
analogWrite(RED, r);
analogWrite(GREEN, g);
analogWrite(BLUE, b);
}
Funkce strtol() konvertuje text, který je uveden za zápisem %23 do dlouhé íslice a poté
do 3 bajtových hodnot, které jsou poté peneseny do LED za použití funkce analogWrite().
Světelný senzor / Light Sensor
V tomto projektu website webového serveru neslouží pro ovládání rozhraní, ale jako výstupní prvek.
Svtlo mené prostednictvím svtelného senzoru se zobrazuje jako relativní hodnota s novým HTML
elementem. Tato konfigurace vyžaduje fototranzistor, který zde funguje jako svtelný senzor.
Fototranzistor je snadno rozpoznatelný, pestože na první pohled mže vypadat jako bžná LED.
Uvnit pouzdra má však velmi dobe patrný tmavý bod. Kolektor fototranzistoru má kratší elektrodu,
která se pipojuje k signálu +5 V. Do série s fototranzistorem se poté pipojí rezistor 10 o hodnot k.
Fototranzistor je pipojen k pinu A6 v sérii s rezistorem 10 k.
Program
Doposud byl website vždy vytvoen z nemnné stránky, která odesílá
data do kontroléru. V tomto pípad však dochází ke zmn website ped
samotným odesláním dat do prohlížee a zobrazením odpovídající
hodnoty svtelných podmínek prostednictvím fototranzistoru. Zdrojový
kód website bere v patrnost atribut placeholder, kterou program nahradí
hodnotou „bright“ po natení dat z programové pamti, aktuálními
hodnotami. Další ádek v HTML dokumentu zajišuje automatické
obnovení v intervalu nkolika sekund. Aktuální hodnota svtelných
podmínek se zárove zobrazuje v prohlížei.
První zmna v záhlavní ásti dokumentu:
<meta http-equiv="refresh" content="3">
Tento ádek zajišuje automatické obnovování website každé 3 sekundy. Není tak zapotebí stisku
tlaítka F5 na klávesnici, pro zobrazení nových, aktuálních hodnot. Druhá zmna spoívá v míst
zápisu, kde zpravidla bývá umístno formuláové pole.
<label for="hell">Current Brightness: *bright*</label> <BR>
<input type="range" max = "1024" name="hell" value=*bright*><BR>
Pro funkci této aplikace a výstup bude zapotebí pouze samotný website. Dva hlavní prvky label
a range jsou použity coby výstupní prvky. Label, který se zpravidla používá pro oznaení, obsahuje
položku „bright“ v textu. Posuvný prvek pro urení rozsahu má piazenou hodnotu „bright“, která není
legitimní hodnotou, ale bude pozdji zamována. Maximální hodnota rozsahu je 1024 a tato byla
pizpsobena do 10-bitového rozsahu ADC kontroléru. Proto je zapotebí zajistit zámnu placeholderu
hodnoty „bright“ skutenou (legitimní) hodnotou.
String createWebsite()
{
String xBuffer;
for (int i = 0; i <= sizeof(site); i++)
{
char myChar = pgm_read_byte_near(site + i);
xBuffer += myChar;
}
xBuffer.replace("*bright*",
String(analogRead(SENSOR)));
return xBuffer;
}
Placeholder je zamnn ve funkci createWebsite(). Jako první dochází k natení obsahu
Progmem z pamti a uložení do etzce. Pedtím, než funkce vrátí tento etzec, všechny „bright“
etzce jsou zamnny hodnotou aktuáln namenou fotosenzorem. Funkce replace() tuto funkci
provádí zcela automaticky. Na závr pozmnný etzec mže být vrácen a penesen do prohlížee.
GPIO-Control
Tento nový experiment provádí jednoduché ovládání digitálních pin D2 – D7 prostednictvím website.
Stav píslušných pin je pitom prezentován v prohlížei a díky tomu tak máte neustálý pehled
o práv probíhající aplikaci. V projektu je použito 1 RGB–LED a 1 LED. Katody obou LED jsou
pipojeny k GND mimo desku. Po uvedení tchto pin do nízké rozhodovací úrovn (low) dojde
k souasnému rozsvícení obou LED.