Formularios en PHP
Anuncio
Diseño de Interfaces Hombre Máquina
Prácticas de laboratorio
Curso 2009/10
Práctica 3
Formularios en PHP
1 Objetivo
1.1 Conversión de euros a pesetas
Crear una página que convierta una cantidad de dinero expresada en euros a su
correspondiente valor en pesetas (figura 1a). Deberá comprobarse que se ha
introducido un valor, mostrándose un mensaje de aviso en caso contrario (figura 1b).
Nota: 1 € = 166.386 pts.
Figura 1a: formulario de conversión de euros a pesetas
Figura 1b: formulario de conversión de euros a pesetas (valor de entrada incorrecto)
1.2 Conversión de monedas (1)
Ampliar la página anterior para crear un conversor de euros a otra moneda que podrá
seleccionarse de una lista (figura 2a). Tomar los siguientes valores para la conversión:
1€ = 1.35900 dólares USA
1€ = 0.90831 libras esterlinas
1€ = 122.042 yenes japoneses
1€ = 1.46279 francos suizos
Deberá comprobarse que se ha introducido un valor, mostrándose un mensaje de
aviso en caso contrario (figura 2b).
2
Diseño de Interfaces Hombre Máquina
Figura 2a: formulario de conversión de monedas
Figura 2b: formulario de conversión de monedas (valor de entrada incorrecto)
1.3 Conversión de monedas (2)
Realizar una nueva versión del conversor de monedas del apartado anterior utilizando
el formulario de PHP. El comportamiento será exactamente el mismo (figura 3).
Figura 3a: formulario de conversión de monedas
Figura 3b: formulario de conversión de monedas (valor de entrada incorrecto)
Práctica 3: Formularios en PHP
3
Utilizar el siguiente esquema para comprobar si se ha enviado o no el formulario y en
función de ello mostrarlo o realizar la conversión. Se supone que el botón de envío del
formulario tiene el nombre „enviar‟.
<HTML LANG="es">
<HEAD>
<TITLE>Conversor de monedas</TITLE>
</HEAD>
<BODY>
<H1>Conversor de monedas</H1>
<?PHP
$enviar = $_REQUEST['enviar'];
if (isset($enviar)) // Se ha enviado el formulario
{
// Realizar la conversión
}
else
{
// Mostrar el formulario
}
?>
</BODY>
</HTML>
1.4 Conversión de monedas (3)
Modificar el formulario de conversión de monedas para que los mensajes de error se
muestren sobre el propio formulario. La figura 4 muestra el resultado que se obtiene al
pulsar el botón „convertir‟ cuando se ha introducido una cantidad incorrecta en el
formulario. Para ser considerada correcta, la cantidad debe ser un valor numérico
mayor o igual que cero.
Figura 4: formulario de conversión de monedas mostrando el error sobre el propio formulario
Utilizar el siguiente esquema para realizar la validación del dato introducido y mostrar
el error sobre el propio formulario. Se supone que el botón de envío del formulario tiene
el nombre „enviar‟.
4
Diseño de Interfaces Hombre Máquina
<?PHP
// Obtener valores introducidos en el formulario
// Validar datos
$error = false;
if (isset($enviar))
{
// Comprobar errores
}
// Si los datos son correctos, procesar formulario
if (isset($enviar) && $error==false)
{
// Realizar la conversión
}
else
{
// Mostrar el formulario con los mensajes de error que correspondan
}
?>
2 Herramientas
Para la creación de las páginas web se utilizará el entorno de programación Aptana
Studio.
Las páginas se guardarán en el disco duro del PC y para su visualización se
utilizará el propio entorno Aptana o bien los navegadores Mozilla Firefox o Internet
Explorer. Previamente habrá que arrancar el servidor web Apache instalado como
parte del paquete Xampp.
3 Documentación
Apuntes del curso “Diseño de Páginas Web”, www.lsi.us.es/cursos/cursoweb
Apuntes del curso de PHP, www.lsi.us.es/cursos/cursophp
Manual de PHP, http://www.php.net/manual/es/
Los ficheros necesarios para esta práctica pueden descargarse de la página web
de la asignatura, http://www.lsi.us.es/docencia/pagina_asignatura.php?id=23
