TP Agenda - Cliente Web Tradicional

Entrega 0

Consiste en conocer los conceptos básicos de la web

Paso 1) Instalar el tomcat

Paso 2) Crear una página html que tenga "Hello World" en el body

Paso 3) Crear una nueva página html y poner un link hacia la página generada en el punto anterior

Paso 4) Construir una tabla con datos estáticos

Paso 5) Modificar el aspecto de la tabla usando css para el elemento table

Paso 6) Modificar el aspecto de la tabla usando css por id

Paso 7) Modificar el aspecto de la tabla usando css por clase

Entrega 1

Consiste en dominar los conceptos básicos de la programación web.

Paso 1) Generar un proyecto web usando maven archetype.

Paso 2) Correr el hello world

Paso 3) Generar un servlet "HelloWorld" el cual no reciba parámetros

Paso 4) Generar un servlet que al ser invocado, obtiene la lista de ciudades y las deja disponible como parámetro del request. Luego redirije a una vista (Jsp) que arma un formulario con un combo de ciudades que será usado para realizar la consulta de las contactos.

Paso 5) Al submitear el formulario anterior, se debe invocar a un servlet que realice la búsqueda de contactos dejándola disponibles en el request. Luego redirije a una JSP que muestra la grilla de los contactos correspondientes a esa ciudad.

Paso 6) Agregar el resto de los filtros: nombre, teléfono y mail

Entrega 2)

Completar los requerimientos de la agenda para una aplicación web (continuamos a partir de la entrega 1)

Paso 1) Separar de los servlets el modelo de aplicación de tal manera que al ingresar al servlet que genera el filtro de búsqueda se genere un Objeto "Buscador de contactos" que quede disponible en session. Este objeto es utilizado también por el servlet generado en el paso 5. Es decir, el objeto que pertenece al modelo de aplicación para todo el caso de uso de buscar contactos está en la sesión y es utilizado por todos los servlets intervinientes

Paso 2) Modificar las jsp para que rendericen a partir del modelo de aplicación.

Paso 3) Permitir paginación de la grilla: El objeto Buscador mantiene un estado que es la página actual, la misma puede ser cambiada a través de los métodos next y previous. La JSP que muestra la grilla tendrá dos links "next" y "previous" que terminan invocando al modelo de aplicación.

Bonus: Renderizar los links de next y previous solamente si existe la página anterior o la siguiente.