1.

Sobre la base del diagrama de componentes del trabajo anterior, determine

de acuerdo con el componente qué variables pueden participar en el
proceso.
2. Con base al punto anterior, realice el diseño de las interfaces de acuerdo a
los componentes donde se pueda dar solución a la tarea estableciendo una
distribución preliminar la información en la interfaz.
 3. Realizar el diseño de patrones arquitectónicos.

Nombre del
Ingresar
elemento

Ingreso de los datos del cliente, su usuario y contraseña de

Descripción
acceso

La interfaz de la página muestra en la parte superior del

encabezado los accesos a las áreas de color blanco, su fondo gris,
Detalles en la parte inferior las herramientas y preguntas.
Tipo de letra no especificado, tamaño 13 color negra.
Botones: (Ingresar) y (Olvidaste tú contraseña)
Elementos de
Ingresar: abre ventana de acceso al usuario
navegación
Olvidaste tú contraseña: Permite recuperar contraseña
Nombre del
Área de Infraestructura
elemento

Descripción Ingreso al área de diseño de software y hardware

La interfaz de la página muestra en la parte superior del encabezado

los accesos a las áreas de color blanco, su fondo gris, en la parte
Detalles superior las herramientas de desarrollo.
Tipo de letra no especificado, tamaño 13 color negra.
Botones: (Diseño de software), (Diseño de hardware), (modelar),
(Nuevo),
(Herramientas de diseño)
Diseño de software y Diseño de hardware: abre ventana para crear
Modelar: Permite el acceso a modelos de elementos
Nuevo: Abrir nueva ventana

Elementos de
navegación
Nombre del
Servicios
elemento

Descripción Ingreso al área de mantenimiento Técnico

La interfaz de la página muestra en la parte superior del encabezado

Detalles los accesos a las áreas de color blanco, su fondo gris y blanco
Tipo de letra no especificado, tamaño 13 color negra.
Botones: (Mantenimiento), (Técnico), (Analista), (Diseñador),
(Herramientas de diseño)
Mantenimiento: abre ventana para acceder al área de
mantenimiento del sistema
Técnico: Permite el acceso a la página de los técnicos de
mantenimiento
Analista y diseñador: Abre nueva ventana de acceso del cliente

Elementos de
navegación
Nombre del
Director Creativo
elemento

Descripción Ingresa al área de diseños de páginas web

La interfaz de la página muestra en la parte superior del encabezado

Detalles los accesos a las áreas de color blanco, su fondo gris y blanco
Tipo de letra no especificado, tamaño 13 color negra.
Botones: (Crear), (Analizar), (ver), (Herramientas de diseño)
Crear: abre ventana para acceder al área de diseño
Analizar y ver: Permite el acceso a una página
Herramientas de diseño: elementos para crear

Elementos de
navegación
 4. Según la interface, realizar el diseño de hipermedias orientado a objetos.

Control Descripción

Usuario Permite ingresar el nombre del solicitante. Caja de texto que recibe
máximo 12 caracteres de tipo texto
Permite ingresar la clave de acceso. Caja de texto que recibe
Contraseña
máximo 10 caracteres tipo alfanumérico

Search
Permite realizar una búsqueda de texto

Control: Ingresar
Descripción: Permite dar clic para ingresar al sistema
Control: ¿Olvidaste tú contraseña?
Descripción: Permite acceder a opciones para recuperar la contraseña
Control: Productos
Descripción: Permite dar clic para acceder a el catálogo de productos con una lista
despegable
Control: Área de infraestructura
Descripción: Permite dar clic para acceder al área de infraestructura
Control: Servicios
Descripción: Permite dar clic para acceder a los servicios
Control: Director creativo
Descripción: Permite dar clic acceder al área del director

Control Descripción

Search Permite realizar una búsqueda de texto

Control: Productos
Descripción: Permite dar clic para acceder a el catálogo de productos con una lista
despegable
Control: Área de infraestructura
Descripción: Permite dar clic para acceder al área de infraestructura
Control: Servicios
Descripción: Permite dar clic para acceder a los servicios
Control: Director creativo
Descripción: Permite dar clic acceder al área del director
Control: Diseño de Software
Descripción: Permite dar clic para acceder al área de diseño
Control: Diseño de Hardware
Descripción: Permite dar clic para acceder al área de diseño hardware
Control: Modelar
Descripción: Permite dar clic para modificar datos
Control: Nuevo
Descripción: Permite dar clic para abrir una nueva ventana

Control Descripción

Search Permite realizar una búsqueda de texto

Control: Productos
Descripción: Permite dar clic para acceder a el catálogo de productos con una lista
despegable
Control: Área de infraestructura
Descripción: Permite dar clic para acceder al área de infraestructura
Control: Director creativo
Descripción: Permite dar clic acceder al área del director
Control: Mantenimiento
Descripción: Permite dar clic para acceder al área de mantenimiento
Control: Técnico
Descripción: Permite con un clic acceder al área del técnico
Control: Analista
Descripción: Permite con un clic ingresar al área analista
Control: Diseñador
Descripción: Permite con un clic para abrir una nueva ventana

Control Descripción

Search Permite ingresar datos para realizar una búsqueda, caja de texto.

Ítem Permite ingresar datos. Caja de texto que recibe máximo 10

caracteres tipo alfanumérico

Control: Productos
Descripción: Permite dar clic para acceder a el catálogo de productos con una lista
despegable
Control: Área de infraestructura
Descripción: Permite dar clic abriendo una ventana para acceder al área de
infraestructura
Control: Servicios
Descripción: Permite dar clic para abrir una ventana para acceder a los servicios
Control: Director creativo
Descripción: Permite dar clic para abrir una ventana para acceder al área del director
Control: Crear
Descripción: Permite dar clic para abrir una nueva ventana
Control: Analizar
Descripción: Permite dar clic para abrir una nueva ventana
Control: Ver
Descripción: Permite dar clic para abrir una nueva ventana
Control: Home
Descripción: Permite dar clic para abrir la ventana de inicio
Control: Company
Descripción: Permite dar clic para abrir una nueva ventana
Control: Blog
Descripción: Permite dar clic para acceder a una nueva ventana