Ing.

Estalin Arrobo
Mgs.

Programación Web II
1.1 Programación en entornos web

1.1 Diferencias entre tecnologías en cliente frente a tecnologías en el servidor.

La principal diferencia entre PHP y HTML es cómo los servidores gestionan dichas páginas.
Una petición de página HTML, la responde el servidor enviando el contenido completo del
fichero, y es el cliente (el navegador) el que interpreta la página. En el caso de PHP, la
página se moldea para cada situación, es una página dinámica.

El servidor procesa las páginas en función de las instrucciones PHP incluidas, y envía la
página al cliente.

Desde el momento en que aparecieron las webs dinámicas, que permiten que el usuario
reciba una página adaptada a sus necesidades, han aparecido varias tecnologías para
facilitar dicha tarea. Dichas tecnologías se diferencian en dos grupos: tecnologías en
cliente y tecnologías en servidor.
1.1 Diferencias entre tecnologías en cliente frente a tecnologías en el servidor.

Estas tecnologías no se excluyen entre sí, es decir pueden utilizarse a veces en

combinación, como PHP y JavaScript, por ejemplo:

Las tecnologías de cliente son relativamente nuevas y la principal desventaja que ofrecen
es que el administrador del servidor no tiene ningún control sobre el software que utiliza el
cliente, con lo cual se produce la situación actual en la que muchas tecnologías no son
compatibles entre sí, y dependen del navegador.

Por otro lado, las tecnologías en servidor, en general, no requieren de ningún navegador en
particular. Además tenemos que tener en cuenta las ventajas de las tecnologías de servidor
en cuanto al acceso a base de datos, protocolos de comunicación, entre otros.
1.2 Creación de una página PHP

Una vez instalado el servidor web PHP y un servidor de bases de datos y convencidos de las ventajas de las tecnologías
de servidor, empezamos.

El código PHP se embebe en páginas HTML convencionales, con extensión .php.

Si nosotros vemos el código fuente de la página web, no encontramos código php, porque el código php se ha
ejecutado en el servidor antes que la página llegue al cliente.
1.2 Creación de una página PHP

Aparte de las marcas de HTML, tenemos lo siguiente:

Luego introducimos la instrucción echo, que imprime en la salida la cadena que se le pasa
como parámetro. Dicha cadena puede estar o no encerrada entre paréntesis. Las dos
instrucciones siguientes son idénticas:
Podemos usar PHP para generar código que se ejecuta en el cliente.
Ejemplo:

En PHP las variables se especifican agregando el signo $ delante del nombre de la variable. PHP no es un lenguaje
fuertemente tipado, y no necesita que las variables se declaren antes de ser utilizadas:
1.3 Interactividad con los usuarios

Un uso típico de las variables es almacenar los datos introducidos por los usuarios a través de formularios HTML:

Aspectos que deben ser considerados:

La primera vez que se ejecute esta página, no habrá nada en la caja de texto, luego la variable $cadena no tendrá
ningún valor y no se imprimirá nada.
También ocurre que la cadena que hay impresa no coincide con la que hay en la caja, porque nuestra variable va con
retraso con respecto a la página web.

Al pulsar el botón “Enviar”, la cadena se ha unido al URL de la página y da como resultado:

ejemplo3.php?cadena=esto+es+una+cadena+cualquiera
1.3.1 Manejo de formularios

Las aplicaciones Web recogen datos del cliente, y normalmente a través de formularios. El usuario teclea una serie de
datos y pulsa un botón “Aceptar”. Para que los datos le lleguen al servidor, el cliente empaqueta dichos datos y envía
la petición al servidor. Dicha petición debe especificar el método empleado. El método se especifica en la marca de
formulario FORM y puede ser HEAD, GET, o POST.
Ejemplo: <form method=“post”>
1.3.1 Manejo de formularios
El método HEAD recupera información sobre el documento pero no el documento en sí.

El método GET y el método POST se utilizan para enviar peticiones al servidor. Los dos
consiguen la misma función pero de manera diferente.

1.3.2 Método GET

Cuando se utiliza el método GET, todos los datos se pegan al final de la cadena de petición
de la siguiente manera:
1.3.2 Método GET
Si en nuestro ejemplo 3, introducimos la cadena “Casa del campo” obtendremos el
siguiente URL:

http://localhost/ejemplo3.php?cadena=Casa+del+campo

Para poder recuperar los datos en el script PHP enviado por el formulario con este método,
se debe utilizar la variable tipo arreglo $_GET, por ejemplo:

$nombre = $_GET[‘nombre’];

Donde “nombre”, es como nosotros le llamamos a la etiqueta input en el formulario.

<input type=“text” name=“nombre”>

1.3.3 Método POST
El método POST también empaqueta los datos como parte de la petición. Sin embargo, los
datos no se pegan al final de la cadena de petición en la respuesta al cliente.
Además, las peticiones siempre serán procesadas, y nunca extraídos del caché del
navegador.

Para poder recuperar los datos en el script PHP enviado por el formulario con este método,
se debe utilizar la variable tipo arreglo $_POST, por ejemplo:

$nombre = $_POST[‘nombre’];

Donde “nombre”, es como nosotros le llamamos a la etiqueta input en el formulario.

<input type=“text” name=“nombre”>

1.3.3 Método POST

¿Qué método es mejor?

En general, es indiferente.

Para recuperación de información suele ser preferible el método GET, y si la petición va

a modificar datos que alterarán las páginas que estamos viendo, deberemos utilizar el
método POST.

Finalmente, los datos vuelven al cliente. El script de servidor especifica el tipo de

contenido y el cliente se ocupa de la representación en pantalla. Por ejemplo, un
formulario no tiene por qué devolver una página HTML; puede devolver imágenes,
ficheros, etc.
1.4 Procesar datos en un formulario

En el ejemplo 3 se utiliza la misma página para introducir y procesar los datos del
formulario. Puede ser necesario separar las páginas de introducción de datos de las de
proceso.
En el siguiente ejemplo estableceremos un formulario de introducción de datos que pasará
los datos a una segunda página, que los procesará.

Al pulsar el botón “Enviar”, el cliente pasará una petición a la página de proceso y los datos
se pegarán a la cabecera HTTP en lugar de la URL.
1.4 Procesar datos en un formulario

Sobre si es mejor separar el proceso de la página de introducción de datos o mantenerlos

juntos, es un decisión de cada desarrollador. En general, ningún método es mejor que
otro
1.5 Pasos de variables entre scripts con cadenas de petición

Supongamos ahora que nuestra web empieza a crecer y necesitamos utilizar la variable
$nombre en más páginas.
Para pasar la variable a otras páginas necesitaremos codificarlas en las peticiones.

Ejemplo:
1.5 Pasos de variables entre scripts con cadenas de petición
1.5 Pasos de variables entre scripts con cadenas de petición

Pasar las variables de esta manera tiene un inconveniente: los datos son visibles para el
usuario y esto no es siempre recomendable. Una técnica más interesante para compartir
datos entre scripts es la de utiliza campos ocultos en los formularios.
 1.1 Pasar las variables de forma oculta

Pasar las variables con los métodos vistos hasta ahora tiene un inconveniente: los datos son
visibles para el usuario y esto no es siempre recomendable. Una técnica más interesante para
compartir datos entre scripts es la de utilizar campos ocultos (hidden) en los formularios.
1.1 Pasar las variables de forma oculta
1.1 Pasar las variables de forma oculta