Configuration Interface Approach

Projects Programming
1

Hi,

I want to create a configuration interface with the Arduino IOT33. My goal is to open up the arduino in a webbrowser (by running a Server on the Arduino) and then be able to change various parameters. There are some examples, like the SimpleWebServerWifi sketch, where you can toggle a led with http://yourAddress/H

In my case, i would have to set more complex parameters, like IP of a time server, custom selections (usually integer values) and complex strings like "ledcolor=255,0,0,1" etc. There are around 20-25 configuration parameters. Most of them are a selection from a range of integers, for example "preset = 0,1,2,3,4,5,6" or "volume 0-100"

Also i would like to provide some design to it, surely the page don't has to look super fancy, but it also should not look like the crude webserver example where just bare text and buttons are there. Some css to make it look modern would be nice.

Are there any projects or design ideas where i could look how this is done?

2

Check out this page.

I usually set it up like " Modified handleRoot subroutine"

and then dynamically create the page

String s;
s += "The header";
s += "the body";
s += "the rest etc";

That way i can easily add variable values to the html & css
Of course i don't know how the memory of a IOT33 is setup, but using the String class like that is usually fine. If you need to put a lot of stuff in progmem you should probably go for sending your content 'chunked'

3

This topic was automatically closed 120 days after the last reply. New replies are no longer allowed.