Construcción de la Interfaz Web para el proyecto de formación

Carlos Andrés García Hernández

SERVICIO NACIONAL DE APRENDIZAJE – SENA

ANALISIS Y DESARROLLO DE SISTEMAS DE INFORMACION
BOGOTA – JULIO DE 2018
1. Determinación de Áreas de Trabajo:
 Ingreso de la información del inventario ganadero que tiene la finca la Marianita:
El usuario tendrá la capacidad de registrar los datos de los animales que se encuentran
actualmente en la finca, los datos a ingresar serian fecha de nacimiento, raza, sexo, No. de
tatuaje, peso del animal y sus padres.

 Ingreso de la información de la producción lechera que realiza la finca:

En el sistema de información habrá la posibilidad de registrar la producción lechera que dejan
las vacas en las fincas, esta información se ingresara por medio de la fecha de recolección
lechera, el No. de tatuaje de la vaca y cuantos litros de leche se logró recoger.

 Registro de las ventas de ganado y leche que realizan en la finca:

También será posible ingresar la información comercial de la finca, como productos que se
venden en la finca, precios de los productos, inventario, información de los clientes y
facturación.

 Creación de los usuarios que manipularan el sistema:

El sistema de información permitirá la implantación de usuarios los cuales serán capacitados
anteriormente para que puedan manipular el sistema y la información que este contiene.

 Visualización de la información ingresada por medio de informes y/o reportes:

INFOGAN aparte de organizar y almacenar la información que arroja la actividad ganadera de la
finca la Marianita, también podrá presentar esta información por medio de reportes que serán
modificados según las necesidades del cliente.

2. Logo de la Aplicación:
El logo es conformado con la cabeza de una vaca y al lado tiene el nombre de la Aplicación:

3. Determinación de Tipografía y Paleta de Colores:

La Tipografía utilizada en el sistema de información es Ubuntu tamaño estándar para la letra de los
formularios y Ubuntu Bold para los títulos de las paginas:
Mientras que en la paleta de colores podemos observar colores como verde, azul, café, naranja,
blanco y negro:

4. Barra de Navegación:
La barra de Navegación esta diseñada con las diferentes opciones que tiene el sistema de
información, con un color café oscuro de fondo:

5. Mapa del Sitio:

6. Acceso a la Aplicación:
Se creo una ventana para el ingreso al sistema de información:

7. Formularios implementados:
 Acceso al Sistema:

 Registro de Animales:
 Producción Lechera:

 Ventas:
 Usuarios:

 Reportes: