2

INTERACCION HUMANO COMPUTADOR

Autor: Ing. Ronald Henry Díaz A. Msc.

 GUÍA PRÁCTICA
EXPERIMENTAL DE LA UNIDAD

Datos Generales
NOMBRE DE LA IDENTIFICACION DE MODELOS DE USUARIOS, FUNCIONALIDADES Y
PRESENTACION.
PRÁCTICA
FACULTAD TECNOLOGÌAS INTERACCION
FACULTAD CIENCIAS E CARRERA DE LA ASIGNATURA HUMANO
INGENIERÍA INFORMACIÒN COMPUTADOR
PROFESOR DE ING. RONALD DÍAZ Mgs.
PRÁCTICA
TIEMPO ASIGNADO 6:00 HORAS Tipo APE NO ASISTIDAS
PROCESO
DEL
DISEÑO
El enfoque basado en modelos
UNIDAD: DE LA TEMAS: Tipos de modelado
INTERFAZ
DEL
USUARIO
FECHA DE INICIO ---------------- FECHA FIN ----------------

Individual
TIPO DE PRÁCTICA CANTIDAD DE
5
(Marque la opción) ESTUDIANTES
Grupal X

Resultados de Aprendizaje
1 Aplicar de forma efectiva los conceptos de Interacción humano computador vistos en clase.

Objetivos de la Práctica
1 Poner en práctica los conceptos de Interacción humano computador vistos en clase.

2
 Nombre de la Unidad

Requerimientos internos para la práctica

AMBIENTE DE APRENDIZAJE
Tipo de Ambiente de Aprendizaje Práctico
Salas o
Ambientes de
Laboratorio Taller laboratorios de Externo
simulación x
computación.

Nombre del ambiente

Virtual Ubicación del ambiente de aprendizaje
de aprendizaje 1. Ambiente Virtual

Equipos, Instrumentos, Materiales o Recursos Requeridos

CANTIDAD UNIDAD EQUIPO/INSTRUMENTO DESCRIPCIÓN

1 1 Computador Personal Laptop/pc

CANTIDAD UNIDAD SOFTWARE DESCRIPCIÓN

1 1 Navegador Web Chrome, Safari, Opera, Firefox

Procedimientos / Instrucciones / Actividades a Desarrollar

Para la ejecución de este trabajo práctico deberá realizar lo siguiente:

1. Enunciado:
Sistema Web de Gestión de Inventario para una Empresa Comercial

La empresa "Comercializadora Santa Elena S.A.", dedicada a la venta y

distribución de productos de ferretería a nivel nacional, ha solicitado el
desarrollo de un sistema web de gestión de inventario con el objetivo de
optimizar el control de productos en bodega y puntos de venta. El sistema
deberá permitir registrar y actualizar información de productos (como código,
nombre, categoría, proveedor, stock y precios), gestionar las entradas y
salidas de inventario con soporte documental, visualizar reportes en tiempo
real del estado del inventario por ubicación, generar alertas automáticas
cuando el stock de un producto sea bajo, mantener un historial detallado de
movimientos por producto, y gestionar la información de los proveedores,
incluyendo datos de contacto, productos que suministran y el historial de
Milag
Estat
rsida

al de

compras realizadas. Además, se debe implementar un sistema de control de

UNE
ro –

MI

acceso con distintos niveles de usuario, donde el administrador podrá

d

gestionar todos los módulos del sistema incluyendo la creación de usuarios,

el bodeguero podrá únicamente registrar movimientos de inventario y
consultar productos sin acceso a modificar configuraciones o reportes, y el
supervisor podrá visualizar reportes, consultar el historial de movimientos y
recibir alertas, pero no podrá registrar ni eliminar productos o movimientos.
La aplicación debe ser responsiva, es decir, accesible desde computadoras y
dispositivos móviles, y la información debe almacenarse en una base de datos
centralizada con funcionalidades de respaldo automático.

En cuanto a la interfaz de usuario, se solicita un diseño limpio y profesional

que utilice una paleta de colores institucional basada en tonos azul oscuro y
blanco, con detalles en gris claro para resaltar elementos secundarios. El
menú principal debe estar ubicado de forma lateral o superior, según la
resolución del dispositivo, y debe incluir accesos directos a los módulos de:
Inicio, Productos, Movimientos, Proveedores, Reportes, y Usuarios (visible
solo para administradores). En la pantalla de inicio se debe mostrar un panel
con información resumida como el total de productos registrados, alertas de
bajo stock, movimientos recientes y proveedores activos. La navegación debe
ser sencilla, con formularios claros, mensajes de confirmación para acciones
importantes y validaciones adecuadas para prevenir errores de ingreso.

FORMATO CONTROLADO: FR0018/ v3.01 3

 Nombre de la Unidad

2. En base al enunciado del punto 1, deberá definir las funcionalidades con las
que contará el sistema (mínimo 10 funcionalidades). Para ello deberá
presentar la información de cada funcionalidad con el formato
correspondiente el cual se presenta a continuación por medio de un ejemplo.

Funcionalidad 1: El sistema debe permitir gestionar las entradas y salidas

de inventario, asociando cada movimiento con documentación de respaldo.

Objetivo de la funcionalidad 1: Registrar y controlar de forma precisa y

trazable el flujo de productos en el inventario, permitiendo que cada entrada
o salida de mercancía quede documentada con información clara,
estructurada y respaldada mediante documentos válidos (como facturas,
guías de remisión u órdenes)

Datos necesarios utilizados en la funcionalidad 1

1. Tipo de movimiento
Entrada o salida
2. Fecha y hora del movimiento
Registro automático o manual de cuándo ocurrió la acción
3. Producto involucrado:
ID o código del producto
Nombre del producto
Cantidad
Número de unidades que entran o salen del inventario
4. Documento de respaldo
Tipo de documento (factura, guía de remisión, orden de compra, nota
de entrega, etc.)
Número o código del documento
Fecha del documento
5. Proveedor o cliente (según tipo de movimiento)
Para entradas: proveedor relacionado
Milag
Estat
rsida

al de

UNE
ro –

Para salidas: cliente o responsable de la salida

MI
d

6. Usuario responsable
Identificador del usuario del sistema que realizó el movimiento
7. Observaciones
Campo opcional para comentarios, motivos del movimiento, notas
internas

3. En base al enunciado en el punto 1, deberá definir a los tipos de usuarios

identificados para ese sistema web. Para ello deberá presentar la información
de cada tipo de usuario con el formato correspondiente el cual se presenta a
continuación por medio de un ejemplo. (Deberá identificar todos los tipos de
usuario según el enunciado del punto 1)

Tipo de Usuario: Bodeguero

Descripción General: El bodeguero es un usuario operativo del sistema,

encargado de registrar los movimientos físicos del inventario en las bodegas
o puntos de almacenamiento de la empresa. Su rol es clave para mantener
actualizado el stock en tiempo real, asegurando que las entradas y salidas de
productos queden correctamente registradas y documentadas.

FORMATO CONTROLADO: FR0018/ v3.01 4

 Nombre de la Unidad

Permisos y Restricciones:
• Puede registrar entradas y salidas de productos, especificando
cantidades, fechas, documentos de respaldo y observaciones.
• Puede consultar la información de productos (nombre, código,
categoría, proveedor, cantidad disponible).
• Puede visualizar su historial de movimientos.
• No puede modificar productos existentes, ni eliminar registros.
• No puede acceder a reportes globales de inventario ni estadísticas.
• No tiene acceso al módulo de gestión de usuarios ni a configuraciones
generales del sistema.

Objetivos del Usuario Bodeguero:

• Registrar con precisión cada ingreso o egreso de productos.
• Adjuntar la documentación de respaldo correspondiente para cada
movimiento.
• Mantener el inventario actualizado y confiable.
• Notificar al supervisor en caso de irregularidades (como productos
faltantes o sobrantes).

Interacción con el sistema:

Desde su panel de usuario, el bodeguero accede a un menú simplificado con
las opciones de:
• Inicio (resumen de actividad reciente)
• Registrar movimiento
• Consultar productos
• Historial de movimientos

4. En base al enunciado en el punto 1, deberá presentar una propuesta de la

interfaz del sitio web (solo de la página principal), para ello puede apoyarse
con cualquier herramienta para crear una interfaz (canva, wix, power point,
etc), no se espera un diseño profesional, el objetivo de este punto es visualizar
un prototipo de su propuesta el cual refleje la aplicación de los temas hablados
Milag
Estat
rsida

al de

UNE

en clase. (En este punto deberá presentar una captura de su propuesta de la

ro –

MI
d

página principal)

➢ Deberá elaborar un informe de la práctica realizada en formato pdf y subirlo a la

plataforma.
➢ En el informe constará: La caratula, objetivos, desarrollo (aquí deberá colocar lo
enunciado en los literales 2, 3 y 4 indicados anteriormente), conclusiones.

Nota:
La presente practica es GRUPAL.
Los trabajos que contengan plagio serán penalizados con el 100% de la nota.

FORMATO CONTROLADO: FR0018/ v3.01 5

 Nombre de la Unidad

Rúbrica
RÚBRICA DE LA TAREA
MUY POCO
INDICADORES SOBRESALIENTE SOBRESALIENTE SOBRESALIENTE PUNTAJE

El trabajo cuenta El trabajo no El trabajo no

con todo lo que cuenta con todo tiene casi nada
se pide y cuenta lo que se pide y de lo que se pide
con mucha cuenta con algo y no cuenta con
creatividad. de creatividad. creatividad.
Creatividad
Presenta Presenta No presenta
y
Organización en Organización en Organización en
organización
su trabajo su trabajo su trabajo
(Caratula, (Caratula, (Caratula,
objetivos, objetivos, objetivos,
desarrollo, desarrollo, desarrollo,
conclusiones) conclusiones) conclusiones)

(4 puntos) (2 puntos) (1 punto)

La información La información La información
presentada en el presentada en el presentada en el
trabajo muestra trabajo muestra trabajo no
coherencia, está coherencia, está muestra
bien expuesta, la bien expuesta, coherencia, está
redacción es presenta errores incompleta,
limpia sin en la redacción presenta errores
errores y cumple (ortografía) y en la redacción
con lo requerido. cumple (ortografía) y no
parcialmente cumple con lo
Se refleja un con lo requerido. requerido.
análisis correcto
Milag
Estat
rsida

del enunciado Se refleja un No se refleja un

al de

UNE
ro –

MI

propuesto, se análisis análisis

d

Ejercicio tomo en cuenta adecuado del adecuado del

y el uso de los enunciado enunciado
Documento formatos propuesto, se propuesto, no se
presentado establecidos tomo en cuenta tomo en cuenta
para la entrega parcialmente el el uso de los
de la actividad, uso de los formatos
el trabajo tiene formatos establecidos
todo el establecidos para la entrega
contenido para la entrega de la actividad,
solicitado en los de la actividad, el trabajo tiene
puntos 2, 3 y 4. el trabajo no poco contenido
tiene todo el solicitado en los
(6 puntos) contenido puntos 2, 3 y 4.
solicitado en los
puntos 2, 3 y 4.
(1 puntos)
(3 puntos)

TOTAL 10

FORMATO CONTROLADO: FR0018/ v3.01 6

 Nombre de la Unidad

Referencias Bibliográficas
GUZDIAL, MARK J; ERICSON, BARBARA. (2013). INTRODUCCIÓN A LA PROGRAMACIÓN CON PYTHON UN
ENFOQUE MULTIMEDIA. MEXICO: PEARSON
Tutorial HTML. https://www.w3schools.com/html/default.asp

Firmas de Responsabilidad
Elaborado por: Revisado por: Aprobado por:

Msc. Ronald Díaz Msc. Mirella Correa Phd. Mariuxi Vinueza

DOCENTE DIRECTOR DE CARRERA DECANO(A)

Milag
Estat
rsida

al de

UNE
ro –

MI
d

FORMATO CONTROLADO: FR0018/ v3.01 7