GUIA DE TRABAJO PROGRAMA: INGENIERIA DE SISTEMAS CICLO DE FORMACIÓN: TECNICO ASIGNATURA: APLICACIONES PARA INTERNET DOCENTE – TUTOR: CARLOS MAURICIO DIAZ ROYERTH EJE DE APRENDIZAJE: PHP COMPETENCIAS: El estudiante esta en capacidad de realizar desarrollos en esquemas de etiqueta para la construcción de Interfaces Gráficas de Usuario ACTIVIDADES: Evaluación de Interpretación de Información trabajada autónomamente PREGUNTA PROBLEMATIZADORA: ¿De que forma se pueden realizar desarrollos en esquemas de etiqueta para la construcción de Interfaces Gráficas de Usuario? PHP: PRE-PROCESADOR PHP DE HIPERTEXTO PROCESAR VARIABLES DE FORMULARIOS Veremos cómo transferir variables de una página a otra por medio de formularios Este tipo de transferencia es de gran utilidad ya que nos permite interaccionar directamente con el usuario. El proceso es similar al explicado para las URLs. Primeramente, presentamos una primera página con el formulario clásico a rellenar y las variables son recogidas en una segunda página que las procesa. Pero antes veamos dos métodos que nos permiten transferir variables: El método POST se refiere normalmente a la invocación de procesos que generan datos que serán devueltos como respuesta a la petición. El método POST no sufre de las limitaciones de espacio y puede enviar mucha más información al servidor. El método GET se utiliza para recuperar información identificada por un URI 1 por parte de los navegadores. Si el URI se refiere a un proceso generador de datos como un programa CGI, en lugar de él, se devuelven los datos generados por el programa. La longitud de la petición GET está limitada por el espacio libre en los buffers de entrada. Por lo que para mandar una gran cantidad de información al servidor ha de utilizarse el método POST. 1 Un Uniform Resource Identifier o URI (en español «identificador uniforme de recurso») es una cadena de caracteres corta que identifica inequívocamente un recurso (servicio, página, documento, dirección de correo electrónico, enciclopedia, etc.). Normalmente estos recursos son accesibles en una red o sistema. Los URI pueden ser localizadores uniformes de recursos, Uniform Resource Name o ambos. Ej: http:, mailto:, ftp: Los archivos que crearemos a continuación serán almacenados en la siguiente dirección: C:\xampp \ htdocs \ Este archivo lo llamaremos origen.php: el cual contendrá para este caso el formulario con el que interactúa el usuario <HTML> <HEAD> <TITLE>formulario.html</TITLE> </HEAD> <BODY> <FORM METHOD="POST" ACTION="destino.php"> Nombre<br> <INPUT TYPE="TEXT" NAME="nombre"><br> Apellidos<br> <INPUT TYPE="TEXT" NAME="apellidos"><br> <INPUT TYPE="SUBMIT"> </FORM> </BODY> </HTML> Este archive lo llamaremos destino.php, el cual en el archivo origien.php dentro del formulario en el atributo ACTION fue nombrado. <HTML> <HEAD> <TITLE>destino2.php</TITLE> </HEAD> <BODY> <? $nom = $_POST["nombre"]; $ape = $_POST["apellidos"]; echo "Tu Nombre es: $nom<p>"; echo "Tu Apellido es: $ape<p>"; ?> </BODY> </HTML> Para continuar aportando ejemplos al uso de formularios vamos a realizar una página que muestra solicita la edad del visitante y, dependiendo de dicha edad, permita o no visualizar el contenido de la web. A los mayores de 18 años se les permite ver la página y a los menores no. La página del formulario, que hemos llamado edad.php tendría esta forma: <html> <head> <title>Restringir por edad</title> </head> <body> <form action="edad2.php" method="post"> Escribe tu edad: <input type="text" name="edad" size="2"> <input type="submit" value="Entrar"> </form> </body> </html> Esta es una página sin ningún código PHP, simplemente tiene un formulario. Fijémonos en el action del formulario, que está dirigido hacia una página llamada edad2.php, que es la que recibirá el dato de la edad y mostrará un contenido u otro dependiendo de ese valor. Su código es el siguiente: <html> <head> <title>Restringir por edad</title> </head> <body> <? $edad = $_POST["edad"]; echo "Tu edad: $edad<p>"; if ($edad < 18) { echo "No puedes entrar"; }else{ echo "Bienvenido"; } ?> </body> </html> Ejercicio propuesto para desarrollar en clase: 1. Para el primer ejercicio desarrollado, realice los cambios para que la información suministrada en origen.php y la mostrada en destino.php, se encuentre dentro de una tabla. 2. Hacer un programa que intercambie los valores de dos variables. Imprima los valores intercambiados. Ejemplo: Si se tienen los siguientes datos: A = 5 y B = 8 Deberá intercambiar los valores A = 8 y B = 5 y mostrarlos el resultado Nota: Utilice tablas para un mejor diseño y organización de la información. Solución ejercicio No 1 <HTML> <HEAD> <TITLE>formulario.html</TITLE> </HEAD> <BODY> <FORM METHOD="POST" ACTION="destino.php"> <table border="3"> <tr> <td>Nombre</td> <td><INPUT TYPE="TEXT" NAME="nombre"></td> </tr> <tr> <td>Apellidos</td> <td><INPUT TYPE="TEXT" NAME="apellidos"></td> </tr> <tr> <td colspan="2" align="center"><INPUT TYPE="SUBMIT"></td> </tr> </table> </FORM> </BODY> </HTML> <HTML> <HEAD> <TITLE>destino2.php</TITLE> </HEAD> <BODY> <? $nom = $_POST["nombre"]; $ape = $_POST["apellidos"]; ?> <table border="3"> <tr> <td>Tu Nombre es:</td> <td><?php echo $nom ?></td> </tr> <tr> <td>Tu Apellido es:</td> <td><?php echo $ape ?></td> </tr> </table> </BODY> </HTML>