Práctica Programación
MAD2002-03

APLICACIÓN DIDÁCTICA SOBRE EL CUERPO HUMANO

La práctica de programación consistirá en realizar una aplicación didáctica en HTML y JavaScript. El tema recomendado a utilizar es el del Cuerpo Humano.

Nota: Si alguien prefiere otro tema, puede utilizarlo, siempre que la estructura y formato de la práctica no se vea modificado.

 

Idea:

Se desea realizar una aplicación que permita al usuario aprender las partes del cuerpo humano, tanto externas como internas. De esta forma el usuario podrá escoger qué capa del cuerpo quiere explorar:

Una vez escogida la capa, se le presentará al usuario una imagen de la capa escogida. El usuario podrá poner el cursor sobre cualquier parte de esa capa y la aplicación deberá mostrar el texto de la información relacionada con esa parte, de esa capa en concreto. La información a mostrar de cada parte deberá ser la siguiente:

Por ejemplo:

 

Estructura:

La práctica deberá constar de una pantalla HTML que presente los siguientes elementos:

 

La Práctica:

Deben seguirse los siguientes pasos:

  1. Diseñar las imágenes de las diferentes capas (se pueden escanear de enciclopedias, fichas, etc., o bien hacer-las "a mano" con algún programa gráfico o buscarlas en Internet).
  2. Diseñar las imágenes de todas las vistas detalladas de las partes del cuerpo.
  3. Construir la estructura de la pantalla con el documento HTML.
  4. Programar las estructuras de datos necesarias para poder contener las fichas de todas las partes del cuerpo de todas las capas: nombre, descripción e imagen.
  5. Programar las funciones necesarias para poder mostrar cada texto de la ficha en las casillas de texto de formulario.
  6. Programar las funciones para mostrar la imagen detallada de cada parte del cuerpo.
  7. Programar el cambio de capa a través de la modificación de la lista de selección o el menú de formulario.
  8. Programar las funciones necesarias para detectar el MouseOver de cada parte del cuerpo sobre la imagen grande de la capa activa.
  9. Programar las funciones necesarias para que, al detectar el MouseOver, se muestren los textos (título y descripción) y la imagen de la parte señalada.

 

Mínimos requeridos:

La mínima cantidad de información que debe haber en el documento final de la práctica és la siguiente:

Si finalmente se escoge un tema distinto al del cuerpo humano (por ejemplo, las partes de un vehículo, las componentes de un ecosistema, etc.), estos mínimos deben seguirse cumpliendo.

 

Fechas:

16 Diciembre 2002: La práctica comienza.

09 Febrero 2003: Fecha máxima de entrega de la práctica por e-mail (To: npares@iua.upf.es).
         Cada alumno deberá poner la práctica en su zona web personal.
         En el mail se deberá decir de forma clara:
                   Nombre del/de la Alumno/a
                   Dirección http://www.... de la práctica.
ATENCIÓN:
Las prácticas NO deben ser entregadas como attachment en el mail.
Las prácticas no entregadas antes o hasta las 23:59 del 09 de Febrero, se corregirán en Septiembre.

10 Febrero 2003: Se presentan y discuten las prácticas en clase.