Stap 2: HTML-app
Het is leuk om te weten dat HTML-gebaseerde app kan communiceren rechtstreeks met de hardware te weten alleen hoe de CSS klassen toevoegen aan elk element van de UI, uiteraard zonder enige IoT dienst gebaseerde. Deze nieuwe methode is naar mijn mening innovatieve en heeft een enorme potentie om grote prototyping tool.
Voor een UI-element waarvan u de naam wilt toevoegen van precies één coderegel in index.html en één in de Arduino schets (beschreven in de volgende stap).
Technisch klassen en hun syntax ziet er als volgt, kunt u ook uw eigen klasse na hen meer controle hebben over uw lay-out toevoegen. Elk element van de Involt vereist de ard-klasse, de naam van het element om te definiëren wat het gaat worden, de doelgroep pin en waarde te sturen of aanvullende parameters.
ard [elementName] [pin] [value] [parameters]
Voor HTML-deel voegt u deze twee coderegels te lezen van de gegevens en de controle van de LED:
<div class="ard show A0"></div> <div class="ard rangeslider P6 value-0 range-0-255 step-1"></div>
Het showelement zal laten zien de waarde en rangeslider kunt u de helderheid van de LED.
Er zijn veel meer UI elementen op de pagina met naslaginformatie.
