PROGRAMACIÓN PARA LA WEB II TAREA Nª 1

PROGRAMACIÓN PARA LA WEB II

TAREA Nª 1

Nota: La tarea consta de un punto y varios literales.  Debe enviarse empaquetado todo el desarrollo y el enlace donde quedará montado el sitio por la plataforma o a cualquiera de los correos: juanff@gmail.com, con lo siguientes datos: nombre completo, programa académico, asignatura, nivel.  Este trabajo puede realizarse en equipos de máximo tres personas.  Tiene un plazo de un mes (30 días) para su entrega final, pero se deben realizar entregas parciales cada semana de algunos puntos donde se tendrán en cuenta todas las dimensiones.  Esta actividad debe ser sustentada en clase o en sesiones sincrónicas en Skype u otro sistema similar.  Toda revisión será calificable, debe mostrar el desarrollo y los adelantos que tienen.  El sitio debe quedar montado en hosting gratuito.

Para la realización de la siguiente actividad, el estudiante debe tener en cuenta conceptos como JQUERY, CSS, BOOSTRAP, de tal manera que se pueda garantizar que la plantilla sea totalmente adaptativa a un dispositivo móvil.

1. La empresa “Tarea1Web.org”, vende plantillas web a precios diferentes y tienen dos imágenes para la presentación en la página que las ofrecerá.  En concreto, la página de cotizaciones y pedidos que requiere la empresa debe cumplir con los siguientes aspectos:

1. Antes de comenzar, debe realizar el análisis de la situación (se tendrá en cuenta como prueba de conocimiento), para lo cual debe leer los literales b) a m).  Aquí debe mostrar en un documento: actores del sistema, casos de uso y de uso extendido; el diagrama Entidad – Relación para manejar los datos; un diagrama, esquema o dibujo de cómo quedará la página; que tecnologías debe aplicar en cada uno de los puntos que desarrollará a continuación (no incluir tecnologías como frameworks, Ajax, etc.); un mini manual técnico de instalación/configuración, y un mini manual de usuario que muestre como funciona el aplicativo.  Además, una buena práctica, es documentar el código.
2. Debe tener una galería de las imágenes principales de cada plantilla, mostrando el precio, el nombre y otros datos que desee.  Cada fila de la galería debe tener entre 3 y 5 imágenes.  Esta galería debe crearse dinámicamente con PHP.
3. Para efectos de pruebas, debe tener al menos 7 plantillas.
4. Hacer un zoom o ampliación al pasar el Mouse sobre cada imagen.  Ayudar al usuario con textos alternativos.
5. Mostrar una imagen de sustitución al dar clic o a la pasa el mouse sobre cualquier imagen, mostrando la imagen secundaria.  Para restablecer, puede hacerse con el mismo clic, un doble clic, o simplemente quitar el mouse.  Ayudar al usuario con textos alternativos.
6. Las plantillas estarán también ofrecidas con su nombre en un cuadro de lista, donde el usuario podrá elegir una o varias y agregarlas a la cotización en otro cuadro de lista donde podrá quitar las que no desee; solo podrá llevar una de cada tipo en la cotización.
7. Cuando el usuario seleccione una de las plantillas del cuadro de lista, debe mostrarse una imagen pequeña de ella a un lado.
8. A medida que el usuario agregue plantillas, la página debe mostrarle la cantidad que lleva y el costo acumulado.
9. Los mensajes de validación deben ubicarse en la página y no con ventanas emergentes.
10. Solo los usuarios registrados y que hayan iniciado sesión podrán realizar cotizaciones y hacer el pedido.
11. Los usuarios podrán enviar la información de su cotización, la cual debe incluir la fecha y hora en que hizo la operación, para que después sean contactados por la empresa.
12. La página debe tener un buscador de plantillas; estas búsquedas deben hacerse utilizando expresiones regulares sobre los textos que tenga la página, mostrando los resultados (puede utilizar divs y otros elementos, ocultos o no, que le ayuden con las búsquedas).
13. La página debe tener una apariencia agradable en cuanto a color, fuentes, diagramación, distribución de información, imágenes, etc.

...