Sei sulla pagina 1di 4

Diseo de Interfaces Hombre Mquina

Prcticas de laboratorio
Curso 2009/10


Prctica 3
Formularios en PHP



1 Objetivo

1.1 Conversin de euros a pesetas
Crear una pgina 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, mostrndose un mensaje de aviso en caso contrario (figura 1b).
Nota: 1 = 166.386 pts.


Figura 1a: formulario de conversin de euros a pesetas

Figura 1b: formulario de conversin de euros a pesetas (valor de entrada incorrecto)

1.2 Conversin de monedas (1)
Ampliar la pgina anterior para crear un conversor de euros a otra moneda que podr
seleccionarse de una lista (figura 2a). Tomar los siguientes valores para la conversin:
1 = 1.35900 dlares USA
1 = 0.90831 libras esterlinas
1 = 122.042 yenes japoneses
1 = 1.46279 francos suizos
Deber comprobarse que se ha introducido un valor, mostrndose un mensaje de
aviso en caso contrario (figura 2b).

2 Diseo de Interfaces Hombre Mquina


Figura 2a: formulario de conversin de monedas

Figura 2b: formulario de conversin de monedas (valor de entrada incorrecto)


1.3 Conversin de monedas (2)
Realizar una nueva versin del conversor de monedas del apartado anterior utilizando
el formulario de PHP. El comportamiento ser exactamente el mismo (figura 3).


Figura 3a: formulario de conversin de monedas

Figura 3b: formulario de conversin de monedas (valor de entrada incorrecto)

Prctica 3: Formularios en PHP 3

Utilizar el siguiente esquema para comprobar si se ha enviado o no el formulario y en
funcin de ello mostrarlo o realizar la conversin. Se supone que el botn de envo 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 conversin
}
else
{
// Mostrar el formulario
}
?>

</BODY>
</HTML>


1.4 Conversin de monedas (3)
Modificar el formulario de conversin 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 botn convertir cuando se ha introducido una cantidad incorrecta en el
formulario. Para ser considerada correcta, la cantidad debe ser un valor numrico
mayor o igual que cero.



Figura 4: formulario de conversin de monedas mostrando el error sobre el propio formulario


Utilizar el siguiente esquema para realizar la validacin del dato introducido y mostrar
el error sobre el propio formulario. Se supone que el botn de envo del formulario tiene
el nombre enviar.

4 Diseo de Interfaces Hombre Mquina

<?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 conversin
}
else
{
// Mostrar el formulario con los mensajes de error que correspondan
}
?>



2 Herramientas

Para la creacin de las pginas web se utilizar el entorno de programacin Aptana
Studio.
Las pginas se guardarn en el disco duro del PC y para su visualizacin 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 Documentacin

Apuntes del curso Diseo de Pginas 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 prctica pueden descargarse de la pgina web
de la asignatura, http://www.lsi.us.es/docencia/pagina_asignatura.php?id=23

Potrebbero piacerti anche