INFO: Dieses Forum nutzt Cookies...
Cookies sind für den Betrieb des Forums unverzichtbar. Mit der Nutzung des Forums erklärst Du dich damit einverstanden, dass wir Cookies verwenden.

Es wird in jedem Fall ein Cookie gesetzt um diesen Hinweis nicht mehr zu erhalten. Desweiteren setzen wir Google Adsense und Google Analytics ein.

Antwort schreiben 
 
Themabewertung:
  • 0 Bewertungen - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
Sensor an Arduino über IP abfragen/steuern
30.01.2015, 11:32
Beitrag #1
Sensor an Arduino über IP abfragen/steuern
Hallo,

ist es möglich die handelsüblichen Sensoren z.B. Temp DHT22 auch über das Netzwerk abzufragen?
Vorausgesetzt man hat ein Ethernet-Shield.
Es geht nicht nur allein um Sensoren sondern auch um Schalter wie Rollo-Schalter etc.

Da ich in meinem Haus LAN-Kabel verlegt habe und der Arduino (Mega) an einem weiter entfernten Ort von den Sensoren installiert werden soll müsste ich nun aufwändig Kabel verlegen.

Wenn es so eine Möglichkeit gibt, wäre ein Link oder Beispiel sinnvoll damit ich sehen kann ob wie dies programmieren wäre und welche zusätzliche Hardware ich an den einzelnen Sensoren/Schalter benötige.

Grüße Thomas
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
30.01.2015, 14:00
Beitrag #2
RE: Sensor an Arduino über IP abfragen/steuern
Hi,
wenn ich das richtig verstehe, dann soll der Arduino selbst "weit" entfernt vom DHT22 stehen. Das geht so direkt nicht über das Netzwerk. Mir fallen dazu spontan drei Sachen ein:
1. Du benutzt das Netzwerkkabel, um den DHT22 direkt an den Arduino anzuschließen. Das müsste für ein paar Meter zumindest ganz gut funktionieren. Es geht halt nur dann, wenn dazwischen keine Switches oder Router geschaltet sind.
2. Du nimmst einen kleinen Arduino mit Netzwerk-Shield und schließt den Sensor daran an. Der Arduino kommuniziert dann über's Netzwerk mit Deinem Mega.
3. So ähnlich wie 2, nur über Funk.
Gruß,
Thorsten

Falls ich mit einer Antwort helfen konnte, wuerde ich mich freuen, ein paar Fotos oder auch ein kleines Filmchen des zugehoerigen Projekts zu sehen.
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
30.01.2015, 16:16
Beitrag #3
RE: Sensor an Arduino über IP abfragen/steuern
Hallo,

ok, dann hat sich die Frage schon zu 50% beantwortet bzw. zu 100 da ich nun wohl auf eine von Dir genannte Lösung umsteigen müsste.

So wie ich es nun verstanden habe gibt es beim Arduino bzw. Arduino und dessen kompatible Sensoren und Schalter etc. keine Möglichkeit die Daten DIREKT via LAN-Kabel abzufragen etc...
ich müsste ja sowieso so eonen Sensor erstmal ans Netz hängen wozu ich dann ja wohl eine Ethernet-Shield benötige.

Zu Deiner Lösung 2 die dann wohl in Frage kommt.

Was wäre hier die kleines Einheit also mini-Arduino-shield und mini-Ethernet-Shield was es gibt?
Das normale Ethernet-Shield ist ja recht üppig.

wie ist das dann mit der Stromversorgung?
die bräuchte man noch extra pro shield oder?

Grüße Thomas
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
01.02.2015, 14:09 (Dieser Beitrag wurde zuletzt bearbeitet: 01.02.2015 14:10 von Wampo.)
Beitrag #4
RE: Sensor an Arduino über IP abfragen/steuern
Hey Kubinek,

im folgenden Code unten wird ein Mega und ein Ethernetshield inkl. einem DHT22 verwendet. Zu der aktuellen Abfrage der Sensorik hast du noch diverse Schaltausgänge!
Code:
////////////////////////////////////////////////////////////////////////
//ETHERNET SWITCH PROGRAM
////////////////////////////////////////////////////////////////////////
#include <Ethernet.h>
#include <SPI.h>
#include <EEPROM.h>
#include <String.h>
#include "DHT.h"
////////////////////////////////////////////////////////////////////////
//CONFIGURATION
////////////////////////////////////////////////////////////////////////

//IP manual settings
byte ip[] = { 192, 168, 178, 35 };   //Manual setup only
byte gateway[] = { 192, 168, 178, 1}; //Manual setup only
byte subnet[] = { 255, 255, 255, 0 }; //Manual setup only

// if need to change the MAC address (Very Rare)
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 = 10;  //should not exceed 10

//Invert the output of the leds
boolean outputInverted = false; //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 = 60; //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

//Button Array
//Just for a note, varables start from 0 to 9, as 0 is counted as well, thus 10 outputs.

// Select the pinout address
int outputAddress[10] = { 13,31,32,33,34,35,36,37,38,39}; //Allocate 10 spaces and name the output pin address.
//PS pin addresses 10, 11, 12 and 13 on the Duemilanove are used for the ethernet shield, therefore cannot be used.
//PS pin addresses 10, 50, 51 and 52 and 53 on the Mega are used for the ethernet shield, therefore cannot be used.
//PS pin addresses 4, are used for the SD card, therefore cannot be used.
//PS. pin address 2 is used for interrupt-driven notification, therefore could not be used.

// Write the text description of the output channel
String buttonText[10] = {
  "Arduino Check LED","Kueche","Bad","Bad Fenster","Schlafzimmer","Bett Lampe","Kleiderschrank","Balkon","Haustuer","Wohnungstuer"};

// Set the output to retain the last status after power recycle.
int retainOutputStatus[10] = {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 = 0;
boolean printLastCommandOnce = false;
boolean printButtonMenuOnce = false;
boolean initialPrint = true;
String allOn = "";
String allOff = "";
boolean reading = false;
boolean outputStatus[10]; //Create a boolean array for the maximum ammount.
String rev = "V5.12";
unsigned long timeConnectedAt;
boolean writeToEeprom = false;
//EthernetClient client;

//Login
String readString;
boolean login = false;

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

#define DHTPIN A0
#define DHTTYPE DHT22
DHT dht(DHTPIN, DHTTYPE);

////////////////////////////////////////////////////////////////////////
//RUN ONCE
////////////////////////////////////////////////////////////////////////
//Beginning of Program
void setup(){
  
  initEepromValues();
  readEepromValues();

  //Set pins as Outputs
  boolean currentState = false;
  for (int var = 0; var < outputQuantity; var++){

    pinMode(outputAddress[var], OUTPUT);      

    //Switch all outputs to either on or off on Startup
    if(outputInverted == true) {
      //digitalWrite(outputAddress[var], HIGH);
      if(outputStatus[var] == 0){currentState = true;}else{currentState = false;} //check outputStatus if off, switch output accordingly
      digitalWrite(outputAddress[var], currentState);
    }
    else{
      //digitalWrite(outputAddress[var], LOW);
      if(outputStatus[var] == 0){currentState = false;}else{currentState = true;}//check outputStatus if off, switch output accordingly
      digitalWrite(outputAddress[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.)



  dht.begin();
  server.begin();
  }


////////////////////////////////////////////////////////////////////////
//LOOP
////////////////////////////////////////////////////////////////////////
void loop(){

   checkForClient();
}

////////////////////////////////////////////////////////////////////////
//checkForClient Function
////////////////////////////////////////////////////////////////////////
void checkForClient(){

  EthernetClient client = server.available();

  if (client) {

    // an http request ends with a blank line
    boolean currentLineIsBlank = true;
    boolean sentHeader = false;
    boolean login = false; //Passwortabfrage Aktiviert bei "false", Deaktiviert bei "true"
    
    while (client.connected()) {
      if (client.available()) {

        //if header was not set send it
        
         //read user input
        char c = client.read();
        readString.concat(c);
        if(c == '*'){

          printHtmlHeader(client); //call for html header and css
          printLoginTitle(client);
          printHtmlFooter(client);
          //sentHeader = true;
          login = false;
          break;
        }
        
        if(!sentHeader){
          
            printHtmlHeader(client); //call for html header and css
            client.println("<div  class=\"group-wrapper\">");
           // printHtmlButtonTitle(client); //print the button title
            
          //This is for the arduino to construct the page on the fly.
          sentHeader = true;
        }

        //read user input
    //    char c = client.read();

        //if there was reading but is blank there was no reading
        if(reading && c == ' '){
          reading = false;
        }

        //if there is a ? there was user input
        if(c == '?') {
          reading = true; //found the ?, begin reading the info
        }
        if (login==false) {
            if(readString.indexOf("User=TaDa&Pass=1101") > 0) { //Hier Passwort und Username ändern, keine Umlaute und Groß/kleinschreibung beachten
              login = true;

            }
          }    
        
       // if there was user input switch the relevant output
        if(login && reading){
          
          //if user input is H set output to 1
          if(c == 'H') {
            outp = 1;
          }
          
          //if user input is L set output to 0
          if(c == 'L') {
            outp = 0;
          }
          
         switch (c) {

             case '0':
               //add code here to trigger on 0
               triggerPin(outputAddress[0], client, outp);
               break;            
             case '1':
            //add code here to trigger on 1
               triggerPin(outputAddress[1], client, outp);
               break;            
             case '2':
               //add code here to trigger on 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;
            case 'Logout':
              login = false;
              readString="";
              break;
          } //end of switch case

        }//end of switch switch the relevant output

        //if user input was blank
        if (c == '\n' && currentLineIsBlank){
          
          if(login == false)
          {

            printLoginTitle(client);
            printHtmlFooter(client);
            readString="";

          }
          
          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 there is no client
  
      //And time of last page was served is more then a minute.
      if (millis() > (timeConnectedAt + 60000)){          

             if (writeToEeprom == true){
                 writeEepromValues();  //write to EEprom the current output statuses
                 writeToEeprom = false;
             }
            
      }
   }


}


////////////////////////////////////////////////////////////////////////
//triggerPin Function
////////////////////////////////////////////////////////////////////////
//
void triggerPin(int pin, EthernetClient client, int outp){
  //Switching on or off outputs, reads the outputs and prints the buttons  

  //Setting Outputs
  if (pin != 777){

    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){

  float h = dht.readHumidity();
  float t = dht.readTemperature();
  
  //Start to create the html table
  client.println("");
  //client.println("<p>");
  client.println("<FORM>");
  client.println("<table border=\"0\" align=\"center\">");
  
  //Printing Temperature
  client.print("<tr>\n");        
  client.print("<td><h4>");
  client.print("Temperatur: ");
  client.print("</h4></td>\n");
  client.print("<td><h4>");
  client.print(t);
  client.print(" &deg;C</h4></td>\n");
  
  //Printing Humidity
  client.print("<tr>\n");        
  client.print("<td><h4>");
  client.print("Feuchtigkeit: ");
  client.print("</h4></td>");            
  client.print("<td><h4>");
  client.print(h);
  client.print(" %</h4></td>");
  
  client.println("</table>");
  client.println("</FORM>");
    
  client.println("<FORM>");
  client.println("<table border=\"0\" align=\"center\">");
  
  //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(buttonText[var]);
    client.print("<INPUT TYPE=\"button\" VALUE=\"ON ");
    //client.print(buttonText[var]);
    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(var);
    client.print("\" onClick=\"parent.location='/?L");
    client.print(var);
    client.print("'\"></td>\n");

    //Print first part of the Circles or the LEDs

    //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 == false ){  //false = an, true = aus

    //Prints the ON All Pins Button
    client.print("<tr>\n<td><INPUT TYPE=\"button\" VALUE=\"ALL ON");
    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=\"ALL OFF");
    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>");
  
  //LOGOUT
  //client.print("<h2><a href='/?Logout'>Logout</a>");
  client.print("<h3 align=\"center\"><input type=button onClick=\"location.href='/?Logout'\" value='Logout'></h3>");
  
}

////////////////////////////////////////////////////////////////////////
//readOutputStatuses Function
////////////////////////////////////////////////////////////////////////
//Reading the Output Statuses
void readOutputStatuses(){
  for (int var = 0; var < outputQuantity; var++)  {
    outputStatus[var] = digitalRead(outputAddress[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){
          timeConnectedAt = millis(); //Record the time when last page was served.
          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 Switch by Daniel Coxy</title>");
          client.println("<meta name=\"description\" content=\"Ethernet Switch\"/>");

          // 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 Switch o-IP</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.print("<hr />");
    client.println("\n<h3 align=\"center\">&copy;  Daniel Agocs <br> Dorfen - Dezember - 2013 - ");
    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:
    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 align=\"center\">Click the Buttons</h2>");
          client.println();
}
*/

////////////////////////////////////////////////////////////////////////
//printLoginTitle Function
////////////////////////////////////////////////////////////////////////
//Prints html button title
void printLoginTitle(EthernetClient client){
  client.println("<div  class=\"group-wrapper\">");
  client.println("<h2 align=\"center\">Welcome Tamara or Daniel</h2>");
  client.println("<h2 align=\"center\">Enter Username & Password</h2>");
  client.println(" </div>");
  client.print("<form action='192.168.178.35/'>"); //change to your IP
  client.print("");
  client.println("    <div class=\"group-wrapper\">");
  client.print("<h2 align=\"center\">Username:</h2>");
  client.print("<h2 align=\"center\"><input name='User' value=''></h2>");
  client.print("<h2 align=\"center\">Password:</h2>");
  client.print("<h2 align=\"center\"><input type='Password' name='Pass' value=''></h2>");
  client.print("</div>");
  client.print("<h2 align=\"center\"><input type='submit' value=' Login '></h2>");
  //client.print("<input type='submit' value=' Login '>");
  client.print("</form>");
  client.println("</head></center>");
}

Lies dich ein bisschen durch den Code, einige Stellen müssen auf dein Netzwerk / Benutzer angepasst werden.
Beachte das der Code nur auf einem Arduino Mega läuft.
Ich habe den Ursprünglichen Code ein wenig abgeändert so das eine Passwort und Benutzerabfrage als erstes kommt, ein Automatisches Logout nach gewisser Zeit, ein DHT Sensor in die Grafik eingefügt und der Zugang über ein Mobiltelefon auch von ausserhalb deines WLan´s. Kannst also auch auf der Arbeit mal Checken was so abgeht daheim. ;-)

Dürfte genau das sein nach was du gesucht hast + Bonusmaterial.

Greez
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
03.08.2015, 11:20 (Dieser Beitrag wurde zuletzt bearbeitet: 03.08.2015 11:29 von Haustechno.)
Beitrag #5
RE: Sensor an Arduino über IP abfragen/steuern
Morgen,

klasse Arbeit !

EDIT:

Problem mit Ausgang 1,2,3 bei alle an oder alle aus!!!!

Gruß
Haustechno

Smarthome ist die Zukunft ;-)
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
03.08.2015, 21:14
Beitrag #6
RE: Sensor an Arduino über IP abfragen/steuern
Abend,
so hab jetz bischen mehr Zeit ;-)

genau das gleihe hab ich auch gewurstelt siehe:

http://www.arduinoforum.de/arduino-Threa...e-MTML-CSS

Ich bin dabei es weiter zu erweitern,vielleicht hast du Lust da auch was zu machen?

Gruß
Haustechno

Smarthome ist die Zukunft ;-)
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
Antwort schreiben 


Möglicherweise verwandte Themen...
Thema: Verfasser Antworten: Ansichten: Letzter Beitrag
  Android Smartphone über Bluetooth steuern StephanBuerger 0 79 25.11.2016 20:01
Letzter Beitrag: StephanBuerger
  Gyroskop/Kompass Sensor AlphaRay 9 406 10.10.2016 14:41
Letzter Beitrag: AlphaRay
  Kippwinkel/Neigungswinkel Sensor? Binatone 14 630 04.09.2016 15:27
Letzter Beitrag: Bitklopfer
  Stromversorgung über Solarladeregler - Arduino funktioniert kurz und hängt sich auf Daniel Zorn 5 507 18.05.2016 13:57
Letzter Beitrag: hotsystems
  PIR Sensor auslesen / einsetzen go4sea 6 539 28.04.2016 17:11
Letzter Beitrag: hotsystems
  Atmega über Board Erbsenhirn 22 1.698 09.04.2016 15:45
Letzter Beitrag: Erbsenhirn
  Multi functional Expansion Board Sensor Shield Astropikus 5 781 03.03.2016 22:32
Letzter Beitrag: hotsystems
  Bosch MAP Sensor auslesen Roman 4 909 12.02.2016 23:02
Letzter Beitrag: Roman
  Flow - Sensor Claus_M 0 459 16.01.2016 19:48
Letzter Beitrag: Claus_M
  Optische Maus als Sensor? Binatone 4 860 20.11.2015 18:26
Letzter Beitrag: Binatone

Gehe zu:


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste