Nos quedaria de esta forma:
Control de Acceso:
Estado del Led:
- Controlamos el pin "Activar" o "Desactivar".
- El Estado del Led cambia color Verde si esta encendido y Gris si esta apagado.
jueves, 10 de mayo de 2012
miércoles, 9 de mayo de 2012
Control Acceso Web
En esta etapa se agregaron validadores de Administración del Control de Acceso del WebServer a través de javascript y jquery:
cliente.println("<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'></script>");
cliente.println("<script type='text/javascript'>");
cliente.println("function check(form){");
cliente.println("if(form.userid.value == 'admin' && form.pswrd.value == 'arduino'){");
cliente.println("$('#div1').show();");
cliente.println("form.style.visibility='hidden';");
cliente.println("form.userid.value ='';");
cliente.println("form.pswrd.value='';");
cliente.println("}else{");
cliente.println("$('#div1').hide();");
cliente.println("form.userid.value ='';");
cliente.println("form.pswrd.value='';");
cliente.println("alert('Error Password or Username')");
cliente.println("}}</script>");
cliente.println("<div id='div1' style='display:none'>");
cliente.println("<center>");
cliente.println("<TABLE BORDER='5'>");
cliente.println("<tr>");
cliente.println("<td>");
cliente.println("<form method=get><input type=hidden name=encender");
cliente.println(" value=1><input type=submit style='width: 300px ; height:300px' value=ON></form>");
cliente.println("</td>");
cliente.println("<td>");
cliente.print("<form method=get><input type=hidden name=apaga");
cliente.println(" value=1><input type=submit style='width: 300px ; height:300px' value=OFF></form>");
cliente.println("</td>");
cliente.println("</tr>");
cliente.print("<font size='3'>LED status: ");
if (LEDON){
cliente.println("<font color='green' size='3'>ON");
}else{
cliente.println("<font color='grey' size='3'>OFF");
cliente.println("</body></html>");
}
cliente.println("</TABLE>");
cliente.println("</div>");
cliente.println("<center>");
cliente.println("<form name='login'>");
cliente.println("<br /><br /><br /><br /><br /><br />");
cliente.println("Username <input type='text' name='userid' style='font-size: 15px;' /><br />");
cliente.println("Password <input type='password' name='pswrd'style='font-size: 15px;' /><br />");
cliente.println("<input type='button' onclick='check(this.form)' value='Login'/>'");
cliente.println("</form>");
cliente.println("</center>");
cliente.stop();
cliente.println("<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'></script>");
cliente.println("<script type='text/javascript'>");
cliente.println("function check(form){");
cliente.println("if(form.userid.value == 'admin' && form.pswrd.value == 'arduino'){");
cliente.println("$('#div1').show();");
cliente.println("form.style.visibility='hidden';");
cliente.println("form.userid.value ='';");
cliente.println("form.pswrd.value='';");
cliente.println("}else{");
cliente.println("$('#div1').hide();");
cliente.println("form.userid.value ='';");
cliente.println("form.pswrd.value='';");
cliente.println("alert('Error Password or Username')");
cliente.println("}}</script>");
cliente.println("<div id='div1' style='display:none'>");
cliente.println("<center>");
cliente.println("<TABLE BORDER='5'>");
cliente.println("<tr>");
cliente.println("<td>");
cliente.println("<form method=get><input type=hidden name=encender");
cliente.println(" value=1><input type=submit style='width: 300px ; height:300px' value=ON></form>");
cliente.println("</td>");
cliente.println("<td>");
cliente.print("<form method=get><input type=hidden name=apaga");
cliente.println(" value=1><input type=submit style='width: 300px ; height:300px' value=OFF></form>");
cliente.println("</td>");
cliente.println("</tr>");
cliente.print("<font size='3'>LED status: ");
if (LEDON){
cliente.println("<font color='green' size='3'>ON");
}else{
cliente.println("<font color='grey' size='3'>OFF");
cliente.println("</body></html>");
}
cliente.println("</TABLE>");
cliente.println("</div>");
cliente.println("<center>");
cliente.println("<form name='login'>");
cliente.println("<br /><br /><br /><br /><br /><br />");
cliente.println("Username <input type='text' name='userid' style='font-size: 15px;' /><br />");
cliente.println("Password <input type='password' name='pswrd'style='font-size: 15px;' /><br />");
cliente.println("<input type='button' onclick='check(this.form)' value='Login'/>'");
cliente.println("</form>");
cliente.println("</center>");
cliente.stop();
Suscribirse a:
Entradas (Atom)