Implementación Front-End de página web

Implementación Front-End de WP4

Objetivo:
El objetivo del siguiente proyecto es desarrollar una plataforma que permita a visualizar las características de calidad de agua para identificar los lugares donde las empresas vierten sus desechos, mostrando mapas de los ríos o cuencas.

Vistas a Desarrollar:

https://drive.google.com/file/d/0B7AdhCURUcv-T0VobWRxZnN0aWM/view?usp=sharing


https://drive.google.com/file/d/0B7AdhCURUcv-QXNJbXZQSnRkcFU/view?usp=sharing


Plan de Desarrollo:
Entendimiento de la plataforma WP2
Entendimiento de los formatos JSON
Generación de una vista de mapa de múltiples estaciones de monitoreo
Utilización del archivo JSON de prueba para verificación
Maquetación web de cuadro informativo de múltiples estaciones
Implementación del archivo JSON de prueba para verificación
Primera visita, revisión de la vista web
Verificación de la vista de mapas y cuadro informativo con datos de servidor
Implementación de la redirección a vista de una estación
Segunda visita, prueba en el servidor
Cambios básicos del aspecto de front-end(orden de aparición o distribución).
Documentación.

Conocimientos Requeridos:
HTML
JavaScript (POO, JQuery)
CSS (Bootstrap)
Git
Comunicación ajax y json

requerimientos del software:
para el desarrollo se utilizará el sistema de repositorios de la plataforma gitlab.
Todo desarrollo deberá ser realizado en la rama front
El desarrollo debe ser realizado utilizando el repositorio actual del proyecto WP2.
La plataforma usará la siguiente URL
puntos.waposat.com/ID_Bloque
En caso el ID_bloque reciba un paquete de datos , se deberá mostrar un mensaje en la pantalla indicando que el id no es válido, y luego se redireccionará a la pagina de waposat.com
Para la ubicación del centro del mapa se utilizará un cálculo basado en el promedio de las posiciones de todas las estaciones.
Los diseños de estilos y animaciones utilizarán los frameworks bootstrap y Jquery.

Test de funcionamiento:
Para la verificación del correcto funcionamiento se realizarán las siguientes prueba:
Comprobación de la información mostrada
Verificación de la actualización permanente de las vistas
Verificacion del mensaje de ID_no valido
Verificación de la animación en web, celular y browser.
El sistema utiliza una versión de php7 con servidor tipo apache2 y base de datos MySQL
El test de funcionamiento será realizado en una computadora local con sistema operativo Ubuntu 14.04 y posteriormente en un servidor remoto con un sistema operativo Ubuntu 14.04.

Documentación:
La documentación seguirá el siguiente esquema.

https://docs.google.com/document/d/1o2UwUy1QXCs9iQgKJPZd-7qEMuOYF9P8hbKOw2NRQKg/edit?usp=sharing

Adicionalmente un video del programa con una explicación breve de los puntos más importantes desarrollados, el video no deberá durar menos de 3 min ni más de 10min.


Información Adicional:
En un correo electrónico se brindarán los siguientes archivos
Es necesario tener una cuenta en GitLab
Una copia de prueba de la base de datos
Los enlaces de repositorios de los proyectos WP4 y WP2
Los archivos JSON de verificación
Documentación Front-End del Proyecto WP2
Documentación de la estructura JSON del proyecto WP4
Las vistas en PDF de la plataforma WP4