Prototipar Dashboard de Siniestros Viales por Localidades

[mateovlz]

Dashboard de Siniestros Viales por Localidades

Se requiere prototipar una interfaz donde se despliegue todos los resultados de los análisis realizados por el producto de datos acerca agrupados por localidades en esta interfaz se encontraran los gráficos generados donde el usuario podrá realizar análisis en los datos presentados.

En esta interfaz se encontraran los siguientes gráficos 📊📉📈

1. Cantidad de Siniestros Viales por localidad en cada año..
2. Mapa de color de la ciudad de Bogotá de la cantidad de siniestros viales por localidad.

Estructura de la interfaz: ⭐

La interfaz debe contar con lo siguiente:

• El header de la interfaz debe contener lo siguiente:
  • En la parte izquierda superior el icono del menú tipo hamburguesa
    • 
  • En el centro se deberá ubicar el logo del aplicativo ISeverity
    • 
  • En la parte izquierda debajo y con espacio de ancho del icono de hamburguesa se debe ubica un hipervínculo que redireccione al menú principal con el siguiente texto < Inicio
  • El color de fondo de toda la interfaz deberá ser #FFFFFF
• El contenido principal de la interfaz deberá tener lo siguiente:
  • El estilo genérico de los cards para las interfaces sera el siguiente:
    • Estilos de Bordes: box-shadow: 2px 2px 19px rgba(0, 0, 0, 0.25); border-radius: 15px;
  • Deberá tener un titulo justificado en el centro el cual tendrá el siguiente
    • Color de fuente Color: #000000
    • Fuente: Montserrat
    • Tamaño: 24
    • Texto: Siniestros Viales por Localidades
  • Se deberá tener una card en la cual se hará una corta descripción de lo que se encontrara en la interfaz y tendrá lo siguiente.
    • Color de fondo: #FFE5B1
    • Color de fuente Color: #000000
    • Fuente: Poppins
    • Style: Medium
    • Tamaño: 20
    • Texto: En este tablero se podrá observar todos los gráficos y resultados generados a través del producto de datos en de los siniestros viales por localidades. (Para observar los gráficos de mejor manera dar click en el grafico)
  • Se deberá tener dos secciones donde tendrá lo siguiente:
  • La primera sección deberá ser una card el cual tendrá un titulo justificado hacia el centro en la parte superior y después tendrá la imagen del grafico 1 en formato .png y tendrá lo siguiente:
    • Color de fondo: #FFFFFF
    • Color de fuente Color: #000000
    • Fuente: Poppins
    • Style: Medium
    • Tamaño: 24
    • Texto: Cantidad de Siniestros Viales por localidad en cada año.
    • Grafico: No 1
    • La segunda sección deberá ser una card el cual tendrá un titulo justificado hacia el centro en la parte superior y después tendrá la imagen del grafico No 2 en formato .png y tendrá lo siguiente:
    • Color de fondo: #FFFFFF
    • Color de fuente Color: #000000
    • Fuente: Poppins
    • Style: Medium
    • Tamaño: 24
    • Texto: Mapa de color de la ciudad de Bogotá de la cantidad de siniestros viales por localidad.
    • Grafico: No 2
• Al finalizar el contenido principal en la parte del footer se deberá tener lo siguiente:
  • Color de fondo: #000000.
  • Color fuente: #FFFFFF
  • Texto: Powered By ISeverity (Mateo Vélez - Santiago Leon)

Prototipado 👍

[mateovlz]

Documentación del requerimiento completa APROBADO 🔥

[mateovlz]

Prototipado realizado acorde al requerimiento APROBADO 🔥