Prototipar Interfaz de Administración de Ejecución de Procesos

[mateovlz]

Interfaz de Administración de Ejecución de Procesos

Se requiere prototipar una interfaz donde se despliegue todos los registros historicos de la ejecución de procesos y poder ejecutar estos a demanda, esta interfaz esta pensada para la auditoria y conocer el estado si fue con exito si surgio algun error y llevar un control de estos datos.

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: Configuración - Administración

  • Se deberá tener una card en la cual estaran las opciones de administración y en negrita la que este seleccionado tendrá lo siguiente.

    • Color de fondo: #FFE5B1
    • Color de fuente Color: #000000
    • Fuente: Poppins
    • Style: Medium
    • Tamaño: 20
    • Texto: Fuentes Historial de Uso Historial de Ejecución de Procesos

  • 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 un subtitulo que tendra una breve descripción y un boton para ejecutar el proceso y tendra lo siguiente:
      • Caracteristicas de titulo:
        • Color de fuente Color: #000000
        • Fuente: Montserrat
        • Style: Bold
        • Tamaño: 20
        • Texto: Historial de Ejecución de Procesos.
      • Caracteristicas de subtitulo:
        • Color de fuente Color: #C3BCBC
        • Fuente: Poppins
        • Style: Light
        • Tamaño: 20
        • Texto: Cada vez que agreges una fuente nueva o se ejecuquete este procespo para reentrenar el module genera una trazabilidad.
      • Boton para ejecutar proceso debera tener las siguientes caracteristicas:
        • Color de fondo: #FF7600
        • Color de fuente Color: #FFFFFF
        • Fuente: Montserrat
        • Style: Semibold
        • Tamaño: 20
        • Texto: Ejecutar

  • La segunda sección deberá ser una card el cual tendrá todos los datos historicos relevantes el cual tendra un titulo justitficado en el centro y debajo tendra una tabla con lo siguiente:

  • El titulo debera tener las siguientes caracteristicas:

    • Color de fuente Color: #000000
    • Fuente: Montserrat
    • Style: Bold
    • Tamaño: 20
    • Texto: Historial de Ejecución de Procesos.

  • Debera tener una linea de division entre el titulo y la tabla de las siguientes caracteristicas:

    • Color: #FF7600

  • La tabla con los registros debera tener las siguientes caracteristicas:

    • Las columnas de la tablas son: Nombre Fecha Estado y tendran lo siguiente:
      • Color de fuente Color: #000000
      • Fuente: Montserrat
      • Style: Semibold
      • Tamaño: 20
    • Los registros deberan tener lo siguiente:
      • Color de fuente Color: #000000
      • Fuente: Montserrat
      • Style: Medium
      • Tamaño: 20

• 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 🔥