4.3 ACTIVIDAD DE APRENDIZAJE 4.

3: Disear la Interfaz Grfica del

Usuario.
4.3.1 Descripcin de la AA4.3:

Nombre de la Actividad de Disear la Interfaz Grfica del Usuario.

Aprendizaje 4.3:
Resultado de aprendizaje
relacionado al desarrollo
de la actividad:
Estrategia de Aprendizaje:
Construir el prototipo del sistema de informacin, a
partir del anlisis de las caractersticas funcionales
del sistema en relacin con facilidad de manejo,
funcionalidad y experiencia del usuario, apoyado
en software aplicado segn protocolos de diseo

En esta actividad de aprendizaje se realizar el diseo de la interfaz grfica de

usuario que permite definir las acciones que activan la comunicacin entre el
usuario y el sistema. Para esto se hace necesario conceptualizar sobre principios
del diseo, tipos de interfaces, el proceso de construccin de los mismos y algunos
ejemplos con herramientas que se encuentran disponibles en el mercado.

La apropiacin del conocimiento se realiza con el desarrollo del laboratorio 9 Diseo

de Interfaces donde se presentan situaciones puntuales donde es requerida la
construccin de interfaces de usuario. El laboratorio incluye la presentacin de dos
manuales para el uso de las herramientas: Balsamic Mockups y Gomockingbird,
con las cuales se pueden disear interfaces grficas para aplicaciones software
orientadas a diferentes plataformas.

Con la aprehensin y prctica de estos conceptos, podr disear la interfaz grfica

para el sistema de informacin del proyecto formativo, teniendo en cuenta los
requerimientos del sistema, casos de uso, los objetos software y el modelo de la
base de datos, insumos que ha definido y construido en las actividades anteriores.

Como una actividad transversal que complementa su formacin integral, deber

clasificar el mercado potencial para el producto o servicio que est desarrollando
a travs de su proyecto. Esta actividad se aborda desde el punto de vista de
emprendimiento y los conceptos relacionados se presentan en un objeto de
aprendizaje que presenta informacin sobre el mercado, tipos de mercados y como
se realiza la segmentacin de estos, el estudio de estos conceptos le permitir
definir estrategias para posicionar un bien o servicio; aspecto fundamental y
relevante para la aplicacin que usted se encuentra actualmente diseando y
que se contempla desarrollar a travs de su proyecto formativo. El resultado de
este anlisis preliminar del mercado se presentar a travs de un Foro de debate
sobre los planes de segmentacin y el tipo de producto y poblacin al cual est
orientado su proyecto.

1
FAVA - Formacin en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje
 GUA DIDCTICA PARA LA GESTIN DE PROYECTOS
Cod. ADSI-P01-AP04

En resumen, en esta actividad de aprendizaje usted deber:

Fundamentarse y ampliar sus conocimientos acerca de:

* Interfaz Grfica de Usuario

* Herramientas para el diseo de Interfaces

* Tipos de mercado y su segmentacin

Desarrollar el laboratorio 9 Diseo de Interfaces.

Construir las evidencias requeridas y hacer un proceso de autoevaluacin

verificando que cumplan con los requerimientos solicitados, utilizando para
ello el instrumento de evaluacin proporcionado.

Finalmente, publicar las evidencias en la plataforma virtual de aprendizaje

con el fin de que sea evaluada por el instructor o equipo de instructores que
apoyan la ejecucin del proceso. Como resultado de esta evaluacin recibir la
informacin que le permita retroalimentar en el proceso y hacer una reflexin
sobre los logros alcanzados.
Ambiente requerido:
Plataforma Virtual de Aprendizaje del Servicio Nacional de Aprendizaje SENA, disponible
en: http://www.senavirtual.edu.co
Material y Bibliografa:

Objeto de Aprendizaje : Interfaz Grfica de Usuario

Objeto de Aprendizaje: El Mercado

Laboratorio 9 Diseo de Interfaces y Manuales relacionados de las herramientas:

Balsamic Mockups y Gomockingbird.

Nota: Las ubicaciones de los materiales y bibliografa mencionada estn descritas en el

punto 3 (material de consulta) de esta gua.

2
FAVA - Formacin en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje
 GUA DIDCTICA PARA LA GESTIN DE PROYECTOS
Cod. ADSI-P01-AP04

Bibliografa complementaria:

Kendall, Kenneth y Julie. Anlisis y Diseo de Sistemas. Pearson Educacin. 6

edicin. Mxico 2005.

Sommerville, Ian. Ingeniera del Software. Pearson Educacin, 7 edicin. Madrid

2005.
Instructor(es) responsable(s) de la actividad:
Para revisar el equipo ejecutor de este programa de formacin debe consultar el
documento denominado Equipo ejecutor de la Ficha.pdf ubicado en vinculo de
Informacin del curso.

EVIDENCIA 1: Laboratorio Diseo de Interfaces

Tipo de
Desempeo Conocimiento Producto X
Evidencia
Realizar la prctica presentada en el laboratorio 9 Diseo de
Interfaces, en la cual se presentan cuatro procesos puntuales de
diferentes sistemas para que sea diseada la interfaz grfica que
Descripcin de le permita a un usuario realizar las actividades all propuestas.
la Evidencia Debe considerar los elementos presentados en los materiales de
estudio, adicionar los datos que considere pertinentes para cada
situacin y realizar el mockup de la interfaz, primero a mano
alzada y posteriormente utilizando la herramienta.
Entre otros principios, tenga en cuenta la simbologa de los
diferentes componentes grficos de la interfaz y la usabilidad
que debe proporcionar al usuario final.
Descripcin de
la Evidencia Los diseos en papel deben ser escaneados y presentados
junto con los diseos realizados en la herramienta los cuales
deben ser exportados a un formato grfico. Estas evidencias
deber organizarlas en un documento que deber enviar como
evidencia.
Documento PDF donde organice los siguientes elementos:

Producto Diseos de interfaz elaborados en papel y lpiz, escaneados.

entregable:
Archivos fuente generados por las herramientas de diseo y
las imgenes exportados en formato .png.

3
FAVA - Formacin en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje
 GUA DIDCTICA PARA LA GESTIN DE PROYECTOS
Cod. ADSI-P01-AP04

El documento solicitado debe enviarse a travs de la plataforma

tecnolgica del ambiente Virtual de Aprendizaje en el vnculo
correspondiente a la Evidencia 1 AA 4.3: Laboratorio
Interfaz de Usuario, que corresponde a la actividad de
aprendizaje 4.3: Disear la Interfaz Grfica del Usuario.

Este vnculo est disponible en la opcin del men del curso

Forma de Actividades, en la ruta:
entrega:
Carpeta del Proyecto: Diseo y construccin de software a la
medida para el sector empresarial.

* Subcarpeta Fase del proyecto: Diseo.

* Subcarpeta de la Actividad de Proyecto 4

* Subcarpeta Actividad de Aprendizaje 4.3

Criterios de Construye interfaces de usuario de acuerdo con los requerimientos
Evaluacin: planteados.
Instrumento de
Lista de Chequeo: AP4 - AA4.3 EV1
Evaluacin:

EVIDENCIA 2: Interfaz Grfica de Usuario para el proyecto de formacin

Tipo de
Desempeo Conocimiento Producto X
Evidencia
De acuerdo con los conceptos revisados, los equipos de trabajo
debern disear el mockup de la interfaz grfica de usuario
propuesta para el sistema de informacin correspondiente
al proyecto. Es importante considerar los requerimientos
Descripcin de planteados en las fases anteriores, casos de uso, el mismo
la Evidencia modelo conceptual de la base de datos y el diseo de objetos
realizado.

La propuesta deber realizarse utilizando una de las herramientas

planteadas durante la prctica.
Archivo PDF con el mapa de navegacin y el diseo de la interfaz
Producto
Grfica de Usuario propuesta para el sistema de informacin de
entregable:
su proyecto de formacin.

4
FAVA - Formacin en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje
 GUA DIDCTICA PARA LA GESTIN DE PROYECTOS
Cod. ADSI-P01-AP04

El Archivo solicitado, deber enviarse a travs de la plataforma

tecnolgica del ambiente Virtual de Aprendizaje en el vnculo
correspondiente a la Evidencia 2 AA 4.3: Interfaz Grfica
de Usuario para el proyecto de formacin, que corresponde
con la actividad de aprendizaje 4.3: Disear la Interfaz Grfica
del Usuario.

Este vnculo est disponible en la opcin del men del curso

Forma de Actividades, en la ruta:
entrega:
Carpeta del Proyecto: Diseo y construccin de software a la
medida para el sector empresarial.

* Subcarpeta Fase del proyecto: Diseo.

* Subcarpeta de la Actividad de Proyecto 4

* Subcarpeta Actividad de Aprendizaje 4.3

Disea la interface grfica de usuario para el sistema de
Criterios de
informacin cumpliendo con requerimientos tcnicos y
Evaluacin:
funcionales del sistema.
Instrumento de
Lista de Chequeo: AP4 - AA4.3 EV2
Evaluacin:

Socializacin de la clasificacin del mercado potencial

EVIDENCIA 3:
para el sistema de informacin
Tipo de
Desempeo Conocimiento Producto X
Evidencia
Tomando como referencia la informacin presentada sobre El
Mercado a travs del objeto de aprendizaje relacionado, debe
identificar el tipo de mercado y caracterizar el segmento de
mercado al cual pertenece o podra pertenecer la aplicacin que
usted se encuentra actualmente diseando.
Descripcin de
la Evidencia
Elabore un documento y comprtalo en el foro temtico
clasificacin del mercado potencial para el sistema de
informacin, donde presente la informacin relacionada con el
tipo de mercado al cual est dirigido su proyecto de formacin y
el plan de segmentacin realizado, que debe contener:

5
FAVA - Formacin en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje
 GUA DIDCTICA PARA LA GESTIN DE PROYECTOS
Cod. ADSI-P01-AP04

Identificacin del mercado global que existe para el producto

o servicio a ofrecer.

Seleccin de la base para segmentar el mercado indicando los

criterios utilizados.

Seleccin de las variables y factores de segmentacin.

Caracterizar el segmento.

Para participar en el foro Socializacin de la clasificacin

del mercado potencial para el sistema de informacin, cada
Descripcin de aprendiz debe previamente construir el documento con los
la Evidencia elementos solicitados. Posteriormente debe ingresar al foro y
seguir el siguiente procedimiento:

1. Publicar un mensaje donde socialice con sus compaeros el

documento construido, comentando adems sobre la importancia
de establecer el mercado potencial para su producto a desarrollar
y la manera como lo estableci.

2. Revisar por lo menos las participaciones de dos compaeros

del proceso formativo y opinar sobre sus mensajes respondiendo
a las preguntas:
* A qu otro segmento de mercado considera que podra
Descripcin de incluirse como mercado objetivo el proyecto?
la Evidencia
* Qu otros factores de segmentacin podra utilizar?
Archivo compartido en el foro temtico, que contiene la
informacin de la segmentacin de mercados.
Producto
entregable: Secuencias de participacin en el foro temtico publicadas
de acuerdo a las instrucciones dadas en la descripcin de la
evidencia.

6
FAVA - Formacin en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje
 GUA DIDCTICA PARA LA GESTIN DE PROYECTOS
Cod. ADSI-P01-AP04

Participar en el foro temtico Socializacin de la clasificacin del

mercado potencial para el sistema de informacin, de acuerdo
a las indicaciones dadas en la descripcin de la evidencia. Podr
ingresar al foro a travs del enlace disponible en la opcin del
men del curso Actividades, en la ruta:

Forma de Carpeta del Proyecto: Diseo y construccin de software a la

entrega: medida para el sector empresarial.

Subcarpeta Fase del proyecto: Diseo.

* Subcarpeta de la Actividad de Proyecto 4

* Subcarpeta Actividad de Aprendizaje 4.3

Identifica las variables y factores a considerar en una
segmentacin de mercado. Clasifica el mercado potencial
Criterios de para el producto o servicio.
Evaluacin: Argumenta sobre la importancia de realizar una segmentacin
del mercado y asume una actitud crtica constructiva frente a
los procesos realizados por los dems participantes.
Instrumento de
Lista de Chequeo: AP4 - AA4.3 EV3
Evaluacin:

7
FAVA - Formacin en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje