SERVICIO NACIONAL DE APRENDIZAJE SENA

Procedimiento de Desarrollo Curricular

GUÍA DE APRENDIZAJE

Taller N° Diseño de Interfaces de Usuario

Diseño de Interfaces de Usuario. Es el diseño de computadoras, aplicaciones,
máquinas, dispositivos de comunicación móvil, aplicaciones de software, y sitios web
enfocado en la experiencia de usuario y la interacción.Normalmente es una actividad
multidisciplinar que involucra a varias ramas del diseño y el conocimiento como el
diseño gráfico, industrial, web, de software y la ergonomía; y está implicado en un
amplio rango de proyectos, desde sistemas para computadoras, vehículos hasta
aviones comerciales.

Crear Interfaces
 SERVICIO NACIONAL DE APRENDIZAJE SENA
Procedimiento de Desarrollo Curricular
GUÍA DE APRENDIZAJE

1. INICIO DE SESIÓN

Proceso mediante el cual un usuario digita su documento de identificación y clave.

A continuación, se presenta la página de logueo de la aplicación.
 SERVICIO NACIONAL DE APRENDIZAJE SENA
Procedimiento de Desarrollo Curricular
GUÍA DE APRENDIZAJE

2. MODULOS DE LA APLICACION

3. MODULO CLIENTE

Crear cliente.

En el menú clientes selecciona la opción crear clientes. Se visualiza formulario para registro de
datos, después de diligenciar la información se le da click al botón crear.

3.1 Menú cliente

 SERVICIO NACIONAL DE APRENDIZAJE SENA
Procedimiento de Desarrollo Curricular
GUÍA DE APRENDIZAJE

3.1.1 Formulario crear cliente

3.1.2 Confirmación de creación del cliente

3.2 Listar clientes

En el menú clientes selecciona la opción ver cliente. Se visualiza formulario para filtrar por campos
y realizar la búsqueda del cliente

3.2.1 Menú ver clientes.

 SERVICIO NACIONAL DE APRENDIZAJE SENA
Procedimiento de Desarrollo Curricular
GUÍA DE APRENDIZAJE

3.2.2 Formulario listar cliente

3.2.3 Editar clientes.

Para modificar clientes se debe listar clientes, se ubica en el formulario el tercer botón y se le da
click, Se visualiza el formulario con los datos que actualmente están almacenados. Se digita nueva
información y se da click en el botón editar

3.2.4 Botón editar cliente

 SERVICIO NACIONAL DE APRENDIZAJE SENA
Procedimiento de Desarrollo Curricular
GUÍA DE APRENDIZAJE

3.2.5 Formulario editar cliente

3.2.6 Confirmación edición de datos.

3.2.7 Detalle de la información.

Seleccionar el primer botón dando click, mostrara un detallado de la información del cliente.
 SERVICIO NACIONAL DE APRENDIZAJE SENA
Procedimiento de Desarrollo Curricular
GUÍA DE APRENDIZAJE

3.2.8 Eliminar clientes.

Para eliminar clientes se debe listar clientes, se ubica en el formulario el segundo botón y se le da
click

3.2.9 Botón eliminar cliente.

3.2.10 Confirmación de eliminación del cliente

4. MODULO EMPLEADO

4.1 Crear Empleado.

En el menú empleado selecciona la opción crear empleado. Se visualiza formulario para

registro de datos, después de diligenciar la información se le da click al botón guardar
empleado.
 SERVICIO NACIONAL DE APRENDIZAJE SENA
Procedimiento de Desarrollo Curricular
GUÍA DE APRENDIZAJE

4.1.2 Menú crear empleado.

4.1.3 Formulario de creación de empleados.

4.1.4 Confirmación de creación de empleado

 SERVICIO NACIONAL DE APRENDIZAJE SENA
Procedimiento de Desarrollo Curricular
GUÍA DE APRENDIZAJE

4.2 Menú ver empleados

4.2.1 Listado de empleados

4.2.2 Editar empleados.

Para modificar empleados se debe listar empleados, se ubica en el formulario el tercer botón y se
le da click, Se visualiza el formulario con los datos que actualmente están almacenados. Se digita
nueva información y se da click en el botón edita

4.2.3 Botón modificar empleado.

 SERVICIO NACIONAL DE APRENDIZAJE SENA
Procedimiento de Desarrollo Curricular
GUÍA DE APRENDIZAJE

4.2.4 Formulario editar empleado.

4.2.5 Detalle de la información.

Seleccionar el primer botón dando click, mostrara un detallado de la información del empleado.

4.2.6 Botón detalle empleado.

 SERVICIO NACIONAL DE APRENDIZAJE SENA
Procedimiento de Desarrollo Curricular
GUÍA DE APRENDIZAJE

4.2.7 Detalle empleado.

4.2.8 Eliminar empleado.

Para eliminar empleado se debe listar empleados, se ubica en el formulario el segundo botón y se
le da click,

4.2.9 Botón eliminar empleado.

4.2.10 Confirmación de eliminación del empleado