User manual

4.6 | Lichtsensor
In dit project wordt de website van de webserver niet als stuuroppervlak, maar als
uitvoerelement gebruikt. De via een helderheidssensor gemeten helderheid wordt
als relatieve waarde met een nieuw HTML-element overzichtelijk weergegeven.
Voor de opbouw van het verzoek is de fototransistor, die als lichtsensor dient,
nodig. De fototransistor kan makkelijk met een LED worden vergist. U kunt de
fototransistor onderscheiden door van bovenaf in de kop van het element te kijken.
De fototransistor heeft een groot, zwart oppervlak aan de binnenkant. De opbouw
van het verzoek toont het volgende beeld. De collector van de fototransistor is de
kortere aansluiting, hij ligt aan +5 V. De in serie
met de fototransistor geschakelde weerstand heeft
10 kOhm.
Aansluiting van de fototransistor aan pin 46 met 10 kOhm tegenweerstand
Het programma
Tot nu bestonden de websites van de webserver altijd uit een niet-veranderbare
pagina, die gegevens naar de controller verzonden heeft. Nu moet de website
voor het overdragen naar de browser worden veranderd om de gemeten helder-
heid van de fototransistor weer te geven. Dit werkt omdat in de broncode van de
website een soort wildcard is verborgen. Het programma vervangt nu bij het laden
van de gegevens uit de programmavariabelen de wildcard *bright* door de huidige
helderheidswaarde. Zo wordt de uitgavetekst en de uitslag van de schuifregelaar
gewijzigd. Een andere regel in het HTML-bestand zorgt ervoor dat de pagina au-
tomatisch elke paar seconden opnieuw oplaadt. De huidige helderheid wordt al
Benodigde elementen
1 x breadboard, 1 x NanoESP, 1 x fototransistor, 1 x
weerstand 10 kOhm (bruin-zwart-oranje), draadbrug