piątek, 29 marca
Shadow

Arduino – Ethernet Switching

Cały projekt miał za zadanie umożliwić sterowanie oświetleniem (przekaźnikami) z wykorzystaniem sieci Ethernet docelowo możliwość sterowanie przez internet. Wszystko z wykorzystaniem schludnego interfejsu www. Dzięki czemu możemy sterować całością z telefonu, tabletu czy standardowego PC.

Do wykonania będą nam potrzebne następujące elementy:

– Arduino Mega (lub odpowiednik),
– Modułu ethernet ENC28J60,
– Moduł 8 przekaźnikowy x 2,
– Przewody połączeniowe. 

Połączenie przewodów:

Moduł ENC28J60
Pin w module Pin w Arduino
GND GND
Vcc Vcc
CS 53
SI 51
CSK 52
SO 50


Karty przekaźnikowe  

KARTA PRZEKAŹNIKOWA 1
Pin na karcie Pin w Arduino
GND GND
IN1 22
IN2 23
IN3 24
IN4 25
IN5 26
IN6 27
IN7 28
IN8 29
VCC VCC

 

KARTA PRZEKAŹNIKOWA 2
Pin na karcie Pin w Arduino
GND GND
IN1 30
IN2 31
IN3 32
IN4 33
IN5 34
IN6 35
IN7 36
IN8 37
VCC VCC

Wygląd zmontowanego układu:

Ethernet Switching

Wygląd panelu www:

panel www sterowanie przekaźnikiem

Kod program:

#include <UIPEthernet.h>
#include <UIPServer.h>
#include <UIPClient.h>

#include <SPI.h>

#include <EEPROM.h>

////////////////////////////////////////////////////////////////////////

//CONFIGURATION

////////////////////////////////////////////////////////////////////////

//IP manual settings

byte ip[] = {10, 10, 10, 29 }; //Manual setup only

byte gateway[] = {10, 10, 10, 1 }; //Manual setup only

byte subnet[] = {255, 255, 255, 0 }; //Manual setup only

byte mac[] = {0xDE, 0xAD, 0xBE, 0xEF, 0xFE, 0xED };

//Ethernet Port

EthernetServer server = EthernetServer(80); //default html port 80

//The number of outputs going to be switched.

int outputQuantity = 16; //should not exceed 10

//Invert the output of the leds

boolean outputInverted = true; //true or false

// This is done in case the relay board triggers the relay on negative, rather then on positive supply

//Html page refresh

int refreshPage = 15; //default is 10sec.

//Beware that if you make it refresh too fast, the page could become inacessable.

//Display or hide the „Switch on all Pins” buttons at the bottom of page

int switchOnAllPinsButton = false; //true or false

int outputAddress[] = { 22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37}; //Allocate 10 spaces and name the output pin address.

String buttonText[16] = {

„01. PK-1″,”02. PK-2″,”03. PK-3″,”04. PK-4″,”05. PK-5″,”06. PK-6″,”07. PK-7″,”08. PK-8″,”09. PK-9″,”10. PK-10″,”11. PK-11″,”12. PK-12″,”13. PK-13″,”14. PK-14″,”15. PK-15″,”16. PK-16”};

// Set the output to retain the last status after power recycle.

int retainOutputStatus[16] = {0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0};//1-retain the last status. 0-will be off after power cut.

////////////////////////////////////////////////////////////////////////

//VARIABLES DECLARATION

////////////////////////////////////////////////////////////////////////

int outp = 1;

boolean printLastCommandOnce = false;

boolean printButtonMenuOnce = false;

boolean initialPrint = true;

String allOn = „”;

String allOff = „true”;

boolean reading = false;

boolean outputStatus[16]; //Create a boolean array for the maximum ammount.

String rev = „V4.06”;

unsigned long timeConnectedAt;

boolean writeToEeprom = false;

/////////////////////////////////////////////////

// Temperature Related Reading

const int tempInPin = A1;

int tempInValue = 0; //temperature read

int tempScaleOutValue = 0; //temperature formatted

int tempOutValue = 0; //temperature formatted

float tempOutDeg = 0.0;

////////////////////////////////////////////////////////////////////////

//RUN ONCE

////////////////////////////////////////////////////////////////////////

//Beginning of Program

void setup(){

Serial.begin(9600);

initEepromValues();

readEepromValues();

//Set pins as Outputs

boolean currentState = false;

int var;

for (int i = 0; i < outputQuantity; i++){

pinMode(outputAddress[i], OUTPUT);

var = outputAddress[i];

//Switch all outputs to either on or off on Startup

if(outputInverted == true) {

//digitalWrite(outputAddress[var], HIGH);

if(outputStatus[i] == 0){currentState = true;}else{currentState = false;} //check outputStatus if off, switch output accordingly

digitalWrite(var, currentState);

}

else{

//digitalWrite(outputAddress[var], LOW);

if(outputStatus[i] == 0){currentState = false;}else{currentState = true;}//check outputStatus if off, switch output accordingly

digitalWrite(var, currentState);

}

}

//Setting up the IP address. Comment out the one you dont need.

//Ethernet.begin(mac); //for DHCP address. (Address will be printed to serial.)

Ethernet.begin(mac, ip, gateway, subnet); //for manual setup. (Address is the one configured above.)

server.begin();

Serial.print(„Server started at „);

Serial.println(Ethernet.localIP());

}

////////////////////////////////////////////////////////////////////////

//LOOP

////////////////////////////////////////////////////////////////////////

//Run once

void loop(){

//Read Temperature Sensor

tempInValue = analogRead(tempInPin);

// Connecting a 10K3 Thermistor to the Arduino Input

// +5V �—————————[10Kohms]—————————[Thermistor]——� 0V

// To Arduino IP �———————————|

tempScaleOutValue = map(tempInValue, 0, 1023, 1023, 0); //Arduino value and NTC of the 10K3 Thermistor

tempOutValue = map(tempScaleOutValue, 130, 870, -170, 730); //range of Arduino Value compared with Temperature

tempOutValue = tempOutValue -45; //Adjustments

tempOutDeg = tempOutValue / 10.0;

checkForClient();

}

////////////////////////////////////////////////////////////////////////

//checkForClient Function

////////////////////////////////////////////////////////////////////////

//

void checkForClient(){

EthernetClient client = server.available();

if (client) {

boolean currentLineIsBlank = true;

boolean sentHeader = false;

int temp,temp1;

while (client.connected()) {

if (client.available()) {

char c = client.read();

if(c == '*’){

printHtmlHeader(client); //call for html header and css

printLoginTitle(client);

printHtmlFooter(client);

break;

}

if(!sentHeader){

printHtmlHeader(client); //call for html header and css

printHtmlButtonTitle(client); //print the button title

sentHeader = true;

}

if(reading && c == ’ ’){

reading = false;

}

if(c == ’?’) {

reading = true; //found the ?, begin reading the info

}

if(reading){

//if user input is H set output to 1

if(c == 'H’) {

outp = 1;

}

if(c == 'L’) {

outp = 0;

}

// Serial.println(c); //print the value of c to serial communication

//———————————————————————————————

// ? H 1 0

// ^ ^ ^ ^

// | | | |____________read 4 ( 10,11,12,13….)

// | | |______________read 3 ( 1….9)

// | |________________read 2 if user input is H set output to L

// |__________________read 1

//———————————————————————————————

if( c == '1′){

char c = client.read();

switch (c) {

case '0′:

triggerPin(outputAddress[10], client, outp);

break;

case '1′:

triggerPin(outputAddress[11], client, outp);

break;

case '2′:

triggerPin(outputAddress[12], client, outp);

break;

case '3′:

triggerPin(outputAddress[13], client, outp);

break;

case '4′:

triggerPin(outputAddress[14], client, outp);

break;

case '5′:

triggerPin(outputAddress[15], client, outp);

break;

default:

char c = client.read();

triggerPin(outputAddress[1], client, outp);

}

}

else {

switch (c) {

case '0′:

triggerPin(outputAddress[0], client, outp);

break;

// case '1′:

// triggerPin(outputAddress[1], client, outp);

// break;

case '2′:

triggerPin(outputAddress[2], client, outp);

break;

case '3′:

//add code here to trigger on 3

triggerPin(outputAddress[3], client, outp);

break;

case '4′:

//add code here to trigger on 4

triggerPin(outputAddress[4], client, outp);

break;

case '5′:

//add code here to trigger on 5

triggerPin(outputAddress[5], client, outp);

//printHtml(client);

break;

case '6′:

//add code here to trigger on 6

triggerPin(outputAddress[6], client, outp);

break;

case '7′:

//add code here to trigger on 7

triggerPin(outputAddress[7], client, outp);

break;

case '8′:

//add code here to trigger on 8

triggerPin(outputAddress[8], client, outp);

break;

case '9′:

//add code here to trigger on 9

triggerPin(outputAddress[9], client, outp);

break;

} //end of switch case

}

}//end of switch switch the relevant output

//if user input was blank

if (c == '\n’ && currentLineIsBlank){

printLastCommandOnce = true;

printButtonMenuOnce = true;

triggerPin(777, client, outp); //Call to read input and print menu. 777 is used not to update any outputs

break;

}

}

}

printHtmlFooter(client); //Prints the html footer

}

else{

if (millis() > (timeConnectedAt + 60000)){

if (writeToEeprom == true){

writeEepromValues(); //write to EEprom the current output statuses

Serial.println(„No Clients for more then a minute – Writing statuses to Eeprom.”);

writeToEeprom = false;

}

}

}

}// END

////////////////////////////////////////////////////////////////////////

//triggerPin Function

////////////////////////////////////////////////////////////////////////

//

void triggerPin(int pin, EthernetClient client, int outp){

if (pin != 777){

// Serial.println(pin);

if(outp == 1) {

if (outputInverted ==false){

digitalWrite(pin, HIGH);

}

else{

digitalWrite(pin, LOW);

}

}

if(outp == 0){

if (outputInverted ==false){

digitalWrite(pin, LOW);

}

else{

digitalWrite(pin, HIGH);

}

}

}

//Refresh the reading of outputs

readOutputStatuses();

//Prints the buttons

if (printButtonMenuOnce == true){

printHtmlButtons(client);

printButtonMenuOnce = false;

}

}

////////////////////////////////////////////////////////////////////////

//printHtmlButtons Function

////////////////////////////////////////////////////////////////////////

//print the html buttons to switch on/off channels

void printHtmlButtons(EthernetClient client){

//Start to create the html table

client.println(„”);

//client.println(„<p>”);

client.println(„<FORM>”);

client.println(„<table border=\”0\” align=\”center\”>”);

//Printing the Temperature

client.print(„<tr>\n”);

client.print(„<td><h4>”);

client.print(„Temperature”);

client.print(„</h4></td>\n”);

client.print(„<td></td>”);

client.print(„<td>”);

client.print(„<h3>”);

client.print(tempOutDeg);

client.print(” &deg;C</h3></td>\n”);

client.print(„<td></td>”);

client.print(„</tr>”);

//Start printing button by button

for (int var = 0; var < outputQuantity; var++) {

//set command for all on/off

allOn += „H”;

allOn += outputAddress[var];

allOff += „L”;

allOff += outputAddress[var];

//Print begining of row

client.print(„<tr>\n”);

//Prints the button Text

client.print(„<td><h4>”);

client.print(buttonText[var]);

client.print(„</h4></td>\n”);

//Prints the ON Buttons+++++++++++++++++++++++++++++++++++++++++++++++

client.print(„<td>”);

client.print(„<INPUT TYPE=\”button\” VALUE=\”ON „);

client.print(„\” onClick=\”parent.location=’/?H”);

client.print(var);

client.print(„’\”></td>\n”);

//Prints the OFF Buttons ———————————————

client.print(” <td><INPUT TYPE=\”button\” VALUE=\”OFF”);

client.print(„\” onClick=\”parent.location=’/?L”);

client.print(var);

client.print(„’\”></td>\n”);

//Invert the LED display if output is inverted.

if (outputStatus[var] == true ){ //If Output is ON

if (outputInverted == false){ //and if output is not inverted

client.print(” <td><div class=’green-circle’><div class=’glare’></div></div></td>\n”); //Print html for ON LED

}

else{ //else output is inverted then

client.print(” <td><div class=’black-circle’><div class=’glare’></div></div></td>\n”); //Print html for OFF LED

}

}

else //If Output is Off

{

if (outputInverted == false){ //and if output is not inverted

client.print(” <td><div class=’black-circle’><div class=’glare’></div></div></td>\n”); //Print html for OFF LED

}

else{ //else output is inverted then

client.print(” <td><div class=’green-circle’><div class=’glare’></div></div></td>\n”); //Print html for ON LED

}

}

//Print end of row

client.print(„</tr>\n”);

}

//Display or hide the Print all on Pins Button

if (switchOnAllPinsButton == true ){

//Prints the ON All Pins Button

client.print(„<tr>\n<td><INPUT TYPE=\”button\” VALUE=\”Switch ON All Pins”);

client.print(„\” onClick=\”parent.location=’/?”);

client.print(allOn);

client.print(„’\”></td>\n”);

//Prints the OFF All Pins Button

client.print(„<td><INPUT TYPE=\”button\” VALUE=\”Switch OFF All Pins”);

client.print(„\” onClick=\”parent.location=’/?”);

client.print(allOff);

client.print(„’\”></td>\n<td></td>\n<td></td>\n</tr>\n”);

}

//Closing the table and form

client.println(„</table>”);

client.println(„</FORM>”);

//client.println(„</p>”);

}

////////////////////////////////////////////////////////////////////////

//readOutputStatuses Function

////////////////////////////////////////////////////////////////////////

//Reading the Output Statuses

void readOutputStatuses(){

for (int var = 0; var < outputQuantity; var++) {

outputStatus[var] = digitalRead(outputAddress[var]);

//Serial.print(outputStatus[var]);

}

}

////////////////////////////////////////////////////////////////////////

//readEepromValues Function

////////////////////////////////////////////////////////////////////////

//Read EEprom values and save to outputStatus

void readEepromValues(){

for (int adr = 0; adr < outputQuantity; adr++) {

outputStatus[adr] = EEPROM.read(adr);

}

}

////////////////////////////////////////////////////////////////////////

//writeEepromValues Function

////////////////////////////////////////////////////////////////////////

//Write EEprom values

void writeEepromValues(){

for (int adr = 0; adr < outputQuantity; adr++) {

EEPROM.write(adr, outputStatus[adr]);

}

}

////////////////////////////////////////////////////////////////////////

//initEepromValues Function

////////////////////////////////////////////////////////////////////////

//Initialiaze EEprom values

//if eeprom values are not the correct format ie not euqual to 0 or 1 (thus greater then 1) initialize by putting 0

void initEepromValues(){

for (int adr = 0; adr < outputQuantity; adr++){

if (EEPROM.read(adr) > 1){

EEPROM.write(adr, 0);

}

}

}

////////////////////////////////////////////////////////////////////////

//htmlHeader Function

////////////////////////////////////////////////////////////////////////

//Prints html header

void printHtmlHeader(EthernetClient client){

// Serial.print(„Serving html Headers at ms -„);

timeConnectedAt = millis(); //Record the time when last page was served.

// Serial.print(timeConnectedAt); // Print time for debbugging purposes

writeToEeprom = true; // page loaded so set to action the write to eeprom

// send a standard http response header

client.println(„HTTP/1.1 200 OK”);

client.println(„Content-Type: text/html”);

client.println(„Connnection: close”);

client.println();

client.println(„<!DOCTYPE HTML>”);

client.println(„<head>”);

// add page title

client.println(„<title>Ethernet Switching</title>”);

client.println(„<meta name=\”description\” content=\”Ethernet Switching\”/>”);

// add a meta refresh tag, so the browser pulls again every x seconds:

client.print(„<meta http-equiv=\”refresh\” content=\””);

client.print(refreshPage);

client.println(„; url=/\”>”);

// add other browser configuration

client.println(„<meta name=\”apple-mobile-web-app-capable\” content=\”yes\”>”);

client.println(„<meta name=\”apple-mobile-web-app-status-bar-style\” content=\”default\”>”);

client.println(„<meta name=\”viewport\” content=\”width=device-width, user-scalable=no\”>”);

//inserting the styles data, usually found in CSS files.

client.println(„<style type=\”text/css\”>”);

client.println(„”);

//This will set how the page will look graphically

client.println(„html { height:100%; }”);

client.println(” body {„);

client.println(” height: 100%;”);

client.println(” margin: 0;”);

client.println(” font-family: helvetica, sans-serif;”);

client.println(” -webkit-text-size-adjust: none;”);

client.println(” }”);

client.println(„”);

client.println(„body {„);

client.println(” -webkit-background-size: 100% 21px;”);

client.println(” background-color: #c5ccd3;”);

client.println(” background-image:”);

client.println(” -webkit-gradient(linear, left top, right top,”);

client.println(” color-stop(.75, transparent),”);

client.println(” color-stop(.75, rgba(255,255,255,.1)) );”);

client.println(” -webkit-background-size: 7px;”);

client.println(” }”);

client.println(„”);

client.println(„.view {„);

client.println(” min-height: 100%;”);

client.println(” overflow: auto;”);

client.println(” }”);

client.println(„”);

client.println(„.header-wrapper {„);

client.println(” height: 44px;”);

client.println(” font-weight: bold;”);

client.println(” text-shadow: rgba(0,0,0,0.7) 0 -1px 0;”);

client.println(” border-top: solid 1px rgba(255,255,255,0.6);”);

client.println(” border-bottom: solid 1px rgba(0,0,0,0.6);”);

client.println(” color: #fff;”);

client.println(” background-color: #8195af;”);

client.println(” background-image:”);

client.println(” -webkit-gradient(linear, left top, left bottom,”);

client.println(” from(rgba(255,255,255,.4)),”);

client.println(” to(rgba(255,255,255,.05)) ),”);

client.println(” -webkit-gradient(linear, left top, left bottom,”);

client.println(” from(transparent),”);

client.println(” to(rgba(0,0,64,.1)) );”);

client.println(” background-repeat: no-repeat;”);

client.println(” background-position: top left, bottom left;”);

client.println(” -webkit-background-size: 100% 21px, 100% 22px;”);

client.println(” -webkit-box-sizing: border-box;”);

client.println(” }”);

client.println(„”);

client.println(„.header-wrapper h1 {„);

client.println(” text-align: center;”);

client.println(” font-size: 20px;”);

client.println(” line-height: 44px;”);

client.println(” margin: 0;”);

client.println(” }”);

client.println(„”);

client.println(„.group-wrapper {„);

client.println(” margin: 9px;”);

client.println(” }”);

client.println(„”);

client.println(„.group-wrapper h2 {„);

client.println(” color: #4c566c;”);

client.println(” font-size: 17px;”);

client.println(” line-height: 0.8;”);

client.println(” font-weight: bold;”);

client.println(” text-shadow: #fff 0 1px 0;”);

client.println(” margin: 20px 10px 12px;”);

client.println(” }”);

client.println(„”);

client.println(„.group-wrapper h3 {„);

client.println(” color: #4c566c;”);

client.println(” font-size: 12px;”);

client.println(” line-height: 1;”);

client.println(” font-weight: bold;”);

client.println(” text-shadow: #fff 0 1px 0;”);

client.println(” margin: 20px 10px 12px;”);

client.println(” }”);

client.println(„”);

client.println(„.group-wrapper h4 {„); //Text for description

client.println(” color: #212121;”);

client.println(” font-size: 14px;”);

client.println(” line-height: 1;”);

client.println(” font-weight: bold;”);

client.println(” text-shadow: #aaa 1px 1px 3px;”);

client.println(” margin: 5px 5px 5px;”);

client.println(” }”);

client.println(„”);

client.println(„.group-wrapper table {„);

client.println(” background-color: #fff;”);

client.println(” -webkit-border-radius: 10px;”);

client.println(” -moz-border-radius: 10px;”);

client.println(” -khtml-border-radius: 10px;”);

client.println(” border-radius: 10px;”);

client.println(” font-size: 17px;”);

client.println(” line-height: 20px;”);

client.println(” margin: 9px 0 20px;”);

client.println(” border: solid 1px #a9abae;”);

client.println(” padding: 11px 3px 12px 3px;”);

client.println(” margin-left:auto;”);

client.println(” margin-right:auto;”);

client.println(” -moz-transform :scale(1);”); //Code for Mozilla Firefox

client.println(” -moz-transform-origin: 0 0;”);

client.println(” }”);

client.println(„”);

//how the green (ON) LED will look

client.println(„.green-circle {„);

client.println(” display: block;”);

client.println(” height: 23px;”);

client.println(” width: 23px;”);

client.println(” background-color: #0f0;”);

//client.println(” background-color: rgba(60, 132, 198, 0.8);”);

client.println(” -moz-border-radius: 11px;”);

client.println(” -webkit-border-radius: 11px;”);

client.println(” -khtml-border-radius: 11px;”);

client.println(” border-radius: 11px;”);

client.println(” margin-left: 1px;”);

client.println(” background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(46, 184, 0, 0.8)), to(rgba(148, 255, 112, .9)));@”);

client.println(” border: 2px solid #ccc;”);

client.println(” -webkit-box-shadow: rgba(11, 140, 27, 0.5) 0px 10px 16px;”);

client.println(” -moz-box-shadow: rgba(11, 140, 27, 0.5) 0px 10px 16px; /* FF 3.5+ */”);

client.println(” box-shadow: rgba(11, 140, 27, 0.5) 0px 10px 16px; /* FF 3.5+ */”);

client.println(” }”);

client.println(„”);

//how the black (off)LED will look

client.println(„.black-circle {„);

client.println(” display: block;”);

client.println(” height: 23px;”);

client.println(” width: 23px;”);

client.println(” background-color: #040;”);

client.println(” -moz-border-radius: 11px;”);

client.println(” -webkit-border-radius: 11px;”);

client.println(” -khtml-border-radius: 11px;”);

client.println(” border-radius: 11px;”);

client.println(” margin-left: 1px;”);

client.println(” -webkit-box-shadow: rgba(11, 140, 27, 0.5) 0px 10px 16px;”);

client.println(” -moz-box-shadow: rgba(11, 140, 27, 0.5) 0px 10px 16px; /* FF 3.5+ */”);

client.println(” box-shadow: rgba(11, 140, 27, 0.5) 0px 10px 16px; /* FF 3.5+ */”);

client.println(” }”);

client.println(„”);

//this will add the glare to both of the LEDs

client.println(” .glare {„);

client.println(” position: relative;”);

client.println(” top: 1;”);

client.println(” left: 5px;”);

client.println(” -webkit-border-radius: 10px;”);

client.println(” -moz-border-radius: 10px;”);

client.println(” -khtml-border-radius: 10px;”);

client.println(” border-radius: 10px;”);

client.println(” height: 1px;”);

client.println(” width: 13px;”);

client.println(” padding: 5px 0;”);

client.println(” background-color: rgba(200, 200, 200, 0.25);”);

client.println(” background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));”);

client.println(” }”);

client.println(„”);

//and finally this is the end of the style data and header

client.println(„</style>”);

client.println(„</head>”);

//now printing the page itself

client.println(„<body>”);

client.println(„<div class=\”view\”>”);

client.println(” <div class=\”header-wrapper\”>”);

client.println(” <h1>Ethernet Switching</h1>”);

client.println(” </div>”);

//////

} //end of htmlHeader

////////////////////////////////////////////////////////////////////////

//htmlFooter Function

////////////////////////////////////////////////////////////////////////

//Prints html footer

void printHtmlFooter(EthernetClient client){

//Set Variables Before Exiting

printLastCommandOnce = false;

printButtonMenuOnce = false;

allOn = „”;

allOff = „”;

//printing last part of the html

client.println(„\n<h3 align=\”center\”>Development – Michal Mazurek / swistak <br>www.tranzystor.pl / www.shellmix.pl<br> 2015r. – V4.9 beta”);

client.println(„\n<h3 align=\”center\”>&copy Author – Claudio Vella <br> Malta – October – 2012 – „);

client.println(rev);

client.println(„</h3></div>\n</div>\n</body>\n</html>”);

delay(1); // give the web browser time to receive the data

client.stop(); // close the connection:

Serial.println(” – Done, Closing Connection.”);

delay (2); //delay so that it will give time for client buffer to clear and does not repeat multiple pages.

} //end of htmlFooter

////////////////////////////////////////////////////////////////////////

//printHtmlButtonTitle Function

////////////////////////////////////////////////////////////////////////

//Prints html button title

void printHtmlButtonTitle(EthernetClient client){

client.println(„<div class=\”group-wrapper\”>”);

client.println(” <h2>Switch Device output.</h2>”);

client.println();

}

////////////////////////////////////////////////////////////////////////

//printLoginTitle Function

////////////////////////////////////////////////////////////////////////

//Prints html button title

void printLoginTitle(EthernetClient client){

// client.println(„<div class=\”group-wrapper\”>”);

client.println(” <h2>Please enter the user data to login.</h2>”);

client.println();

}

5/5 - (1 ocena/y)

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *


Witryna wykorzystuje Akismet, aby ograniczyć spam. Dowiedz się więcej jak przetwarzane są dane komentarzy.