#include <SPI.h>
#include <Ethernet.h>
boolean gflag=false;
String parm;
int dout[8]={0,0,0,0,0,0,0,0};
// SET MAC & IP Static
byte mac[] = { 0xDE, 0xAD, 0xBE, 0xEF, 0xFE, 0xED };
byte ip[] = { 192, 168, 10, 73 };
Server server(80);
void setup()
{
for (int i=0;i<8;i++){
pinMode(i,OUTPUT);
digitalWrite(i,dout[i]);
}
// Set IP Ethernet Shield Arduino
Ethernet.begin(mac, ip);
server.begin();
}
void loop()
{
// listen for incoming clients
Client client = server.available();
if (client) {
// an http request ends with a blank line
boolean currentLineIsBlank = true;
while (client.connected()) {
if (client.available()) {
char c = client.read();
// serch parameter from "HTTP GET"
if(gflag){
if(c != ' '){
parm += c;
}else{
gflag = false;
}
}
if(c == '?' && parm == ""){
gflag = true;
}
if (c == '\n' && currentLineIsBlank) {
// set header http response
if(parm == ""){ // normal HTTP access
client.println("HTTP/1.1 200 OK");
client.println("Content-Type: text/html");
client.println();
client.println("<html><head><title>Hello Arduino</title>");
client.println("<meta name='viewport' content='width=240px' />");
client.println("<script type='text/javascript'>");
client.println("function createXMLHttpRequest(cbFunc){");
client.println(" var XObj = new XMLHttpRequest();");
client.println(" if(XObj) XObj.onreadystatechange = cbFunc;return XObj;}");
client.println("function setData(val){htObj = createXMLHttpRequest(displayData);");
client.println(" if(htObj){htObj.open('GET','/?btn='+val,true);htObj.send(null);}}");
client.println("function getData(){htObj = createXMLHttpRequest(displayData);");
client.println(" if(htObj){htObj.open('GET','/?=',true);htObj.send(null);}}");
client.println("function displayData(){ if((htObj.readyState == 4) && (htObj.status == 200)){");
client.println(" document.getElementById('result').innerHTML = htObj.responseText;}}");
client.println("function strT(){ getData(); timerID=setTimeout('strT()',");
client.println(" document.getElementById('tf1').value);}");
client.println("function clrT(){clearTimeout(timerID);}");
client.println("</script></head><body onLoad='getData()'><form action='/' method='GET'><br />");
client.println("<input id='btn0' type='button' value=' D0 ' onClick='setData(0)'>");
client.println("<input id='btn1' type='button' value=' D1 ' onClick='setData(1)'>");
client.println("<input id='btn2' type='button' value=' D2 ' onClick='setData(2)'>");
client.println("<input id='btn3' type='button' value=' D3 ' onClick='setData(3)'><br /><br />");
client.println("<input id='btn4' type='button' value=' D4 ' onClick='setData(4)'>");
client.println("<input id='btn5' type='button' value=' D5 ' onClick='setData(5)'>");
client.println("<input id='btn6' type='button' value=' D6 ' onClick='setData(6)'>");
client.println("<input id='btn7' type='button' value=' D7 ' onClick='setData(7)'><br /><br />");
client.println("</form><form><input id='btn100' type='button' value=' START ' onClick='strT()'>");
client.println("<input id='btn200' type='button' value=' STOP ' onClick='clrT()'>");
client.println("<input id='tf1' type='text' size='6' value='1000'>");
client.println("</form><br /><div id='result'></div>");
client.println("<br /></body></html>");
}else{ // using XMLhttpObject access
int check = parm.indexOf('=');
if(check != -1){
//Set Digital Port
int check2 = parm.indexOf('btn');
if(check2 != -1){
int port = (parm.substring(check+1)).toInt();
dout[port] = !dout[port];
digitalWrite(port, dout[port]);
}
//Kirim data JSONP Data (Digital & Analog Ports Statusdengan nama 'cb')
client.print("cb({\"D\":[");
for(int i=0; i<8; i++ ){
client.print(dout[i]);
if(i<7){
client.print(",");
}
}
client.print("],\"A\":[");
for(int i=0; i<6; i++ ){
client.print(analogRead(i));
if(i<5){
client.print(",");
}
}
client.print("]});");
}
parm = "";
}
break;
}
if (c == '\n') {
currentLineIsBlank = true;
}
else if (c != '\r') {
currentLineIsBlank = false;
}
}
}
delay(1);
client.stop();
}
}
Comments