UNIT 2: STEP 4

DESIGN ORIENTED TO OBJECTS AND COMPONENTS

POR:

DAVID LEONARDO LATORRE BARACALDO – 80.187.529

NORMAN ERNESTO BURBANO - 80.472.934

GRUPO N° 03

PRESENTADO A

MOISES DE JESUS RODRIGUEZ BOLAÑO

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA UNAD

ESCUELA DE CIENCIAS BÁSICAS E TECNOLOGÍA E INGENIERÍA – ECBTI

DISEÑO DE SISTEMAS

AGOSTO de 2019
 Introducción

Nosotros como estudiante aplicaremos en este trabajo colaborativo los conceptos para el
desarrollo de patrones, interfaces y las propiedades que estas deben cumplir, con el fin de
entregar una propuesta para la empresa dedicada a la asesorías, ventas y mantenimientos de
productos tecnológicos, Debemos como estudiantes modelar problemas a través de la creación
de la arquitectura y de los componentes de un sistema de información, partiendo de
especificaciones formales y funcionales del sistema. Comprenderemos los conceptos bases del
diseño y sus componentes. Desarrollaremos diseños arquitectónicos para un sistema de
información. También Se Desarrollará el diseño a nivel de componentes a un sistema de
información.
 Objetivos

 Comprender los conceptos bases del diseño y sus componentes.

 Desarrollar el diseño arquitectónico para un sistema de información.

 Desarrollar el diseño a nivel de componentes a un sistema de información.

1. Diseño abstracto de interfaces

1.1. Diseño abstracto de interfaces del área de recursos humanos

Nombre del Inicio de sesión
elemento
descripción Nos permite que el sistema valide nuestros datos, para así acceder a la
informacion de la empresa
detalles Espacio en blanco: para que se ingrese la informacion de autenticación del
usuario
Logotipo: fondo azul, bordado blanco, esquina superior derecha, imagen
computador.
Encabezado: colores azul marino, blanco, letra algerian
letra: time new roman
Tamaño:11
Color: azul claro, gris claro.
Elementos de Botón ingresar: verifica los datos ingresados por el usuario para su
navegación verificación

Nombre del Menú despegable

elemento
descripción permite que el usuario visualialice las opciones que nos presenta el menú
de la empresa
detalles Flecha: azul, muestra el menú
Botón guardar: gris nos permite guardar los datos del usuario
Botón volver: gris nos permite volver a la página principal
Letra: calibre
Tamaño: 11
Color: azul claro
Elementos de Guardar: guarda la informacion que el usuario ingrese en el sistema
navegación De la empresa
Volver: devuelve al usuario a la página principal de la empresa

1.1.1. Diseño de menús contextuales del área de recursos humanos

1.2. Diseño abstracto de interfaces del área de producción

1.2.1. Interfaz de Inicio de sesión del área de producción: La siguiente corresponde a

la interfaz de inicio de sesión al software que permite administrar los procesos de
los diferentes departamentos

1.2.2. Interfaz del gestor de producción del área de producción: Para el

departamento de producción se presenta la siguiente interfaz que permite gestionar
los proyectos de desarrollo de software.
 1.2.3. Estructura Menú principal del área de producción: El menú principal del área
de producción consta de la siguiente estructura:

2. Diseño de ventanas de dialogo:

2.1. Diseño de ventanas de dialogo para recursos humanos
Inicio de Sesión

Guardar información
 2.2. Diseño de ventanas de dialogo para producción

Se presentan cuadros de dialogo de acuerdo al evento. Se identifican los diferentes tipos

por sus iconos.

3. Colores: Los colores provocan en las personas sensaciones determinadas que influyen de
manera determinante de cómo se sientes y comportan cuando usan el software. Para el diseño
de las interfaces del software de gestión de la empresa Softech se eligen los colores gris, azul
y blanco. A continuación, se detalla la justificación del uso de cada uno de estos colores de
acuerdo a la psicología del color.

Azul: El azul se asocia con eficacia, calma, serenidad, fortaleza, sabiduría, productividad
y seguridad. Es recomendado usarlo en empresas de tecnología, salud, medicina y
ciencia.
Blanco: El blanco se asocia con sobriedad, sinceridad y seguridad. Se asocia con temas
de medicina y dentistas. También muy recomendado para usar en páginas de tecnología y
ciencia. Cuando se usa con negro transmite sobriedad y lujo.

Gris: El gris se asocia con la formalidad, sofisticación y carácter fuerte. Se recomienda

usar en temas empresariales o para crear sensación de seguridad.
 Conclusiones

 Se aprendió a realizar el diseño abstracto de interfaces, de e ventanas de dialogo y de

menús.

 Se desarrollaron habilidades para realizar el diseño de los componentes de un sistema de

información.
 Referencias bibliográficas

 Senn, J. A. (1992). Análisis y diseño de sistemas de información. Retrieved

from: https://bibliotecavirtual.unad.edu.co:2538/lib/unadsp/reader.action?ppg=382&docI
D=3194990&tm=1537399474151

 the second collaborative work. UNAD (2018). Object-oriented design. [Video file].
Recovered from: http://hdl.handle.net/10596/21646

 Mohapatra, P. K. (2010). Software Engineering: A lifecycle Aproach. En P. Mohapatra,

Software Engineering: A lifecycle Aproach (pág. 360).New Delhi: New Age
International. Retrieved
from: http://bibliotecavirtual.unad.edu.co/login?url=http://search.ebscohost.com/login.asp
x?direct=true&db=nlebk&AN=316074&lang=es&site=eds-live&ebv=EB&ppid=pp_360