UNIDAD 1 – PASO 3.

DISEÑO ORIENTADO A OBJETOS Y COMPONENTES

JUAN PABLO BARRIOS RAMIREZ- 1022356529

WILMER YAMID MENDEZ ROZO - 1004966448
EDWIN YOHANNI BARRIOS
EIVAR CAMILO DÍAZ ESPITIA - 1055333207

GRUPO 301309_7

TUTOR
MOISÉS DE JESÚS RODRÍGUEZ BOLAÑO

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA - UNAD

ESCUELA DE CIENCIAS BÁSICAS, TECNOLOGÍA E INGENIERÍA - ECBTI
INGENIERÍA DE SISTEMAS
AÑO 2019
 CONTENIDO

Introducción .................................................................................................................................... 3
Objetivos ......................................................................................................................................... 4
Objetivos específicos ...................................................................................................................... 4
Área de contabilidad ....................................................................................................................... 5
Área de mercadeo y ventas ........................................................................................................... 13
Diagrama de Componentes área de mercadeo y ventas. ........................................................... 13
Área de talento humano ................................................................................................................ 19
Área de producción ....................................................................................................................... 19
Conclusiones ................................................................................................................................. 24
Bibliografía ................................................................................................................................... 25
 INTRODUCCIÓN

El diseño de sistemas es una competencia que permite establecer los lineamientos que debe

cumplir un sistema de información mediante el uso de análisis de datos, basados en las necesidades

o requerimientos de los actores o participantes que intervienen en la creación y desarrollo del

producto. Ahora bien, el diseño del programa inicia creando una representación modelada del

programa mediante el uso de casos, que no es más que una secuencia de acciones entre el sistema

y los actores que lo integran, hasta obtener el diseño de un programa que contiene representaciones

arquitectónicas, interfaces con los usuarios finales y otros dispositivos.

La fase de diseño de un software es un proceso fundamental y por lo tanto se debe desarrollar de

forma disciplinada y cuidadosa, para que al final el producto obtenido sea fácil de usar y pueda

satisfacer las necesidades de los usuarios.

Para una empresa en este caso INFORMATECH. Ltda con el diseño de sistemas se estudiará su

situación con la finalidad de observar cómo trabaja y se debe realizar una mejora. Antes de

comenzar el desarrollo, se conoce un estudio de sistemas para detectar todos los detalles de la

situación actual en la empresa. La información reunida con este estudio sirve como base para crear

varias estrategias de diseño. Los administradores deciden qué estrategia seguir.

Se presentara un diseño orientado a objetos y componentes de cada una de las áreas de la empresa.
 OBJETIVOS

Comprender el diseño orientado a objetos y componentes para el diseño de sistemas a través del

análisis del sistema de información de una empresa.

Objetivos específicos

 Aplicar los conceptos en el desarrollo de patrones, interfaces y las propiedades que estas

deben cumplir, con el fin de entregar una propuesta.

 Plantear un patrón arquitectónico de acuerdo a los componentes de un sistema de

información, partiendo de especificaciones formales y funcionales del sistema.

 Diseñar las interfaces de acuerdo a los componentes desarrollados.

 ÁREA DE CONTABILIDAD

Nombre del Acceso a Usuario

elemento

Descripción El usuario ingresa los datos de inicio de sesión para ser verificados y el
sistema lo clasifica según el rol con el que fue registrado

Detalles En la parte superior izquierda de la interfaz se encuentra el logo de la

empresa que es un computador con tuercas y en la parte de debajo de este
el nombre de la empresa con un tipo de letra Dustismo tamaño 8 y
negrilla, en el centro aparece “Sistema de información INFORMATECH.
Ltda con un tipo de letra Dustismo tamaño 16 y en negrilla, y en la parte
derecha los iconos de Minimiza, Maximizar y cerrar.
En la parte del centro de la interfaz aparece una imagen donde hay dos
personas que representan los usuarios, luego un icono de usuario y su
espacio para ingresar el usuario con el que se registró, aparece un icono
de llave que tiene su espacio para ingresar su contraseña con la que se
registró y el botón de iniciar sesión con tipo de letra Liberation Sans
tamaño 8.
 En la parte inferior de la interfaz el botón de “¿Olvide mi contraseña?” Y
el botón “Información” con tipo de letra Liberation Sans tamaño 8.

Elementos de Botones: Minimizar, Maximizar y cerrar

navegación Botón Iniciar sesión: Ingresa al área a trabajar según el rol.
Botón ¿Olvidé mi contraseña?: envía al usuario a interfaz que le solicitara
datos para recuperar la contraseña que este ha olvidado
Botón Información: Ayuda al usuario de cómo manejar el sistema

Nombre del Modulo contabilidad

elemento

Descripción El contador o el auxiliar de contaduría puede ingresar a cualquiera de

estas tres áreas según vaya a trabajar
 Detalles En la parte superior izquierda de la interfaz se encuentra el logo de la
empresa que es un computador con tuercas y en la parte de debajo de este
el nombre de la empresa con un tipo de letra Dustismo tamaño 8 y
negrilla, en el centro aparece “Sistema de información INFORMATECH.
Ltda con un tipo de letra Dustismo tamaño 16 y en negrilla, y en la parte
derecha los iconos de Minimiza, Maximizar y cerrar.
En la parte del centro de la interfaz hay tres botones
“ADMINISTRATIVO”,” COSTOS” y “FINANCIERO” con tres iconos
representativos de cada área y con tipo de letra Liberation Sans tamaño
8.
En la parte inferior de la interfaz los botones de “Cerrar Sesión” Y el
botón “Información” con tipo de letra Liberation Sans tamaño 8.
Elementos de Botones: Minimizar, Maximizar y cerrar
navegación Botones Administrativo, costos y financiero: Ingresa al área a trabajar
según las acciones vaya a realizar el contador o su auxiliar.
Botón Cerrar sesión: El usuario cierra la sesión de manera segura si no se
va a trabajar más en el modulo
Botón Información: Ayuda al usuario de cómo manejar el sistema
Nombre del Modulo Administrativo
elemento
Descripción En este módulo se reciben los informes que han ingresa los módulos
de costos y financieros.

Detalles En la parte superior izquierda de la interfaz se encuentra el logo de la

empresa que es un computador con tuercas y en la parte de debajo de
este el nombre de la empresa con un tipo de letra Dustismo tamaño 8
y negrilla, en el centro aparece “Sistema de información
INFORMATECH. Ltda con un tipo de letra Dustismo tamaño 16 y en
negrilla, y en la parte derecha los iconos de Minimiza, Maximizar,
cerrar y la imagen del área de contabilidad.
En la parte del centro de la interfaz hay tres botones
“ADMINISTRATIVO”,” COSTOS” y “FINANCIERO” con tres
iconos representativos de cada área y con tipo de letra Liberation Sans
tamaño 8.
Al dar click en el botón ADMINISTRATIVO se genera otro menú de
dos botones que es “Informe costos” e “informe financiero” y se elige
uno de estos dos se genera el documento que requiera y al frente de
este Botón ADMINISTRATIVO está el buscador donde muestra el
resultado dependiendo del informe que requiere y los iconos que es
para guardar imprimir o enviar.
En la parte inferior de la interfaz los botones de “Cerrar Sesión” Y el
botón “Información” con tipo de letra Liberation Sans tamaño 8.
Elementos de Botones: Minimizar, Maximizar y cerrar
navegación Botones Administrativo, costos y financiero: Ingresa al área a trabajar
según las acciones vaya a realizar el contador o su auxiliar.
Botones informe costos e informe financiero: se puede observar el
documento que se ha generado con los datos ingresados por los
módulos de costos y financiero.
Buscador: ingresa el número de registro o la fecha del informe según
el área que haya elegido
Botones: guardar, imprimir y enviar
Botón Cerrar sesión: El usuario cierra la sesión de manera segura si
no se va a trabajar más en el modulo
 Botón Información: Ayuda al usuario de cómo manejar el sistema

Nombre del Modulo Costos

elemento
Descripción En este módulo donde se ingresa la información correspondiente a los
costos que genera la empresa
Detalles En la parte superior izquierda de la interfaz se encuentra el logo de la
empresa que es un computador con tuercas y en la parte de debajo de
este el nombre de la empresa con un tipo de letra Dustismo tamaño 8
y negrilla, en el centro aparece “Sistema de información
INFORMATECH. Ltda con un tipo de letra Dustismo tamaño 16 y en
negrilla, y en la parte derecha los iconos de Minimiza, Maximizar,
cerrar y la imagen del área de contabilidad.
En la parte del centro de la interfaz hay tres botones
“ADMINISTRATIVO”,” COSTOS” y “FINANCIERO” con tres
 iconos representativos de cada área y con tipo de letra Liberation Sans
tamaño 8.
Al dar click en el botón COSTOS el usuario puede llenar uno o los
dos formularios que son de “labores mano de obra” e “insumos y
materiales” y al frente de este Botón de COSTOS está el buscador y
los iconos que es para guardar imprimir o enviar.
En la parte inferior de la interfaz los botones de “Cerrar Sesión” Y el
botón “Información” con tipo de letra Liberation Sans tamaño 8.
Elementos de Botones: Minimizar, Maximizar y cerrar
navegación Botones Administrativo, costos y financiero: Ingresa al área a trabajar
según las acciones vaya a realizar el contador o su auxiliar.
Formularios Labores mano de obra e Insumo y materiales: en ellos se
puede suministrar la información correspondiente dependiendo del
formulario.
Buscador: ingresa el número de registro o la fecha del informe según
el área que haya elegido
Botones: guardar, imprimir y enviar
Botón Cerrar sesión: El usuario cierra la sesión de manera segura si
no se va a trabajar más en el modulo
Botón Información: Ayuda al usuario de cómo manejar el sistema
Nombre del Modulo Financiero
elemento
Descripción En este módulo se ingresa toma la información correspondiente a
activos pasivos y se va actualizando el patrimonio de la empresa.
Detalles En la parte superior izquierda de la interfaz se encuentra el logo de la
empresa que es un computador con tuercas y en la parte de debajo de
este el nombre de la empresa con un tipo de letra Dustismo tamaño 8
y negrilla, en el centro aparece “Sistema de información
INFORMATECH. Ltda con un tipo de letra Dustismo tamaño 16 y en
negrilla, y en la parte derecha los iconos de Minimiza, Maximizar,
cerrar y la imagen del área de contabilidad.
En la parte del centro de la interfaz hay tres botones
“ADMINISTRATIVO”,” COSTOS” y “FINANCIERO” con tres
iconos representativos de cada área y con tipo de letra Liberation Sans
tamaño 8.
Al dar click en el botón FINANCIERO el usuario puede llenar uno o
los dos formularios que son de “Activos” y “pasivos” y esto va
 actualizando automáticamente el formulario “patrimonio” y al frente
de este Botón de FINANCIERO está el buscador y los iconos que es
para guardar imprimir o enviar.
En la parte inferior de la interfaz los botones de “Cerrar Sesión” Y el
botón “Información” con tipo de letra Liberation Sans tamaño 8.
Elementos de Botones: Minimizar, Maximizar y cerrar
navegación Botones Administrativo, costos y financiero: Ingresa al área a trabajar
según las acciones vaya a realizar el contador o su auxiliar.
Botones informe costos e informe financiero: se puede observar el
documento que se ha generado con los datos ingresados por los
módulos de costos y financiero.
Buscador: ingresa el número de registro o la fecha del informe según
el área que haya elegido
Botones: guardar, imprimir y enviar
Botón Cerrar sesión: El usuario cierra la sesión de manera segura si
no se va a trabajar más en el modulo
Botón Información: Ayuda al usuario de cómo manejar el sistema
 ÁREA DE MERCADEO Y VENTAS

Diagrama de Componentes área de mercadeo y ventas.

Nombre del AccesoUsuario

elemento (Empleado, Cliente, Administrador)

Validar el ingreso del usuario dependiendo si es un cliente, un empleado

Descripción
o el administrador.

Parte superior izquierda logo de la empresa en color azul y nombre del

sistema de información en tipo de letra Centaur tamaño 12. Aparecen
los iconos de cerrar, restaurar y minimizar en la parte superior derecha
Detalles
del aplicativo.
En el centro de la pantalla aparece un cuadro con el logo de una persona
en color azul y su respectivo espacio donde se ingresa el tipo de usuario,
 luego se encuentra logo de una llave de color azul indicando la
contraseña y su respectivo espacio para confirmación.
Debajo del cuadro de usuario aparecen dos botones: el primero indica si
“¿Olvido la contraseña? Y el segundo botón “Inicio de sesión” en tipo
de letra Centaur tamaño 12.
Botones: Minimizar, maximizar o restaurar y cerrar.
Botón “Olvido la contraseña” genera direccionamiento a una nueva
Elementos de
ventana de recuperación de la contraseña, ingresando correo registrado.
navegación
Botón Iniciar sesión: ingresa al menú principal del sistema de
información.
Nombre del menuMercadeo
elemento

Menú principal del aplicativo empresarial del área de mercadeo y

Descripción ventas.

Parte superior izquierda logo de la empresa en color azul y nombre del

sistema de información en tipo de letra Centaur tamaño 12. Aparecen
los iconos de cerrar, restaurar y minimizar en la parte superior derecha
del aplicativo.
En el centro de la pantalla aparece un cuadro con los modulos de acceso
a las diferentes opciones tales como: Clientes (logo de personas),
Inventarios (logo de cajas agrupadas), Ventas (logo incremento
estadístico, Comisiones (logo billete), proveedores (logo camión) y
ajustes (logo engranaje).
Detalles
Al lado derecho del cuadro de módulos de mercadeo y ventas se
encuentra un menú de barras con las opciones Archivo, Herramientas,
Reportes y ayuda todo en tipo de letra Centaur tamaño 12. Dentro del
cuadro del menú de barras se encuentra grafico estadístico de los
reportes analizados del flujo de mercado.
Icono de usuario en la parte superior derecha identificando al empleado
que inicia sesión. Al lado derecho del icono de usuario se encuentra una
barra de búsqueda.
Botón de cerrar salir con logo en color rojo en la parte inferior derecha.

Elementos de Botones: Minimizar, maximizar o restaurar y cerrar.

navegación Botón de salir: Ejecuta comando que cierra sesión y sale del aplicativo.
Nombre del
moduloInventarios
elemento

Módulo de inventarios donde el empleado de la empresa podrá consultar

Descripción
los productos existentes en el inventario del almacén.

Parte superior izquierda logo de la empresa en color azul y nombre del

sistema de información en tipo de letra Centaur tamaño 12. Aparecen
los iconos de cerrar, restaurar y minimizar en la parte superior derecha
Detalles del aplicativo.
En la parte superior derecha en el espacio del cuerpo del aplicativo título
del módulo de ventas en color azul y tipo de letra Centaur tamaño 12.
 Distribuidos en el cuerpo del aplicativo las etiquetas de Producto y/o
Código con su respectivo espacio en frente, donde se ingresa la
información a consultar.
Al lado derecho del cuerpo del aplicativo se encuentra el espacio donde
aparecerá la imagen del producto consultado.
Debajo de los espacios de búsqueda se encuentran los botones de
consultar y limpiar y seguido del icono-botón de una impresora la cual
permite imprimir el reporte del producto o los productos consultados.
En la parte inferior del cuerpo del aplicativo se encuentra el espacio
donde se localiza la tabla de descripción con los detalles del producto
consultado, distribuidos en columnas tales como: Producto, marca,
referencia, Cantidad o stock, ubicación, precio unidad y subtotal de
unidades seleccionadas, con la propiedad de poder generar filtros en
cada columna y al final una barra de desplazamiento.
Al final de la tabla en la parte inferior derecha, se encuentra el botón de
regresar en color rojo.

Botones: Minimizar, maximizar o restaurar y cerrar.

Botón de Consultar: Ejecuta búsqueda de la información ingresada.
Botón limpiar: limpia los criterios ingresados en los espacios para
Elementos de
realizar una nueva consulta.
navegación
Botón icono: Imagen de una impresora la cual permite generar e
imprimir un reporte de los productos consultados y sus detalles.
Botón Regresar: Ejecuta comando que retorna al menú principal.
 ÁREA DE TALENTO HUMANO

ÁREA DE PRODUCCIÓN

Nombre del Selección de rol

elemento
Descripción Selección de uno de los tres tipos de rol del usuario
Detalles Titulo del elemento en la parte superior con un fondo de color azul, y
tres botones con el mismo tipo de letra y color, para cada uno de los
tipos de roles
Elementos de Funcionario: Direcciona al inicio de sesión para funcionarios
navegación Administrativo: Direcciona al inicio de sesión para administradores
Cliente: Direcciona al inicio de sesión para clientes

Nombre del Iniciar sesión

elemento
Descripción Introducción de los datos del usuario para el inicio de sesión
Detalles Titulo del elemento en la parte superior, de color azul con color de
fuente blanco y en negrita, textos de usuario y contraseña con su
correspondiente campo para la introduccion de texto en la patrte
inferior. Botón para enviar formulario y finalmente boton para crear
un usuario.
Elementos de Iniciar: Direcciona al modulo administrativo, funcionario o cliente,
navegación según el tipo de usuario
Crear usuario: Direcciona al modulo de creación de usuario,
unicamente para clientes
Nombre del Modulo administrativo
elemento
Descripción Opciones para el usuario administrador
Detalles Titulo de la ventana en la parte superior, y tres botones: el primero de
ellos para todo lo relacionado con la administración de los clientes, el
segundo para lo relacionado con la dministracion de los productos y
finalmente el tercero para la administración de los funcionarios de la
empresa.
Elementos de Gestión de clientes: Direcciona al módulo para la gestion de clientes
navegación Gestión de productos: Direcciona al módulo para la administracion
de productos
Gestionar funcionarios: Direcciona a la gestión de funcionarios
Nombre del Crear usuario
elemento
Descripción Permite crear un nuevo usuario de tipo cliente
Detalles En la parte superior se muestra el título de la ventana con un fondo
oscurlo, y en la parte inferior se muestran los campos para la
introduccion del nombre, los apellidos, el correo y la contraseña, cada
uno de ellos acompañado de su respectivo nombre. Finalmente se
encuentra el boton para enviar el formulario.
Elementos de Crear: Envía los el formulario y direcciona al modulo de usuario para
navegación clientes.
Nombre del Gestion de productos
elemento
Descripción Gestiona los productos generados por la empresa
Detalles En la parte superior se muestra el título de la ventana con un color de
fondo mas oscuro, el la parte derecha se muestran tres botones: el
primero sirve para crear nuevos productos, el segundo para buscar un
producto y el tercero muestra el historial de todos los productos
generados por la empresa.
Elementos de Crear: Muestra dentro del panel derecho un formulario para crear
navegación productos
Buscar: Muestra dentro del panel derecho una barra para buscar
productos
Historial: Muestra dentro del panel derecho el historial de los
productos creados por la empresa.
 CONCLUSIONES

Teniendo en cuenta el diseño arquitectónico del software como base principal para el desarrollo
de un programa que supla las necesidades del usuario y desarrollando componentes de clases de
usos orientado a objetos se logro:
- Aplicar los conceptos en el desarrollo de patrones arquitectónicos describiendo con
detalle la propuesta de interfaz que se usara en el programa para el sistema de
información empresarial solicitado.
- Se desarrolló el diseño de las diferentes interfaces propuestas de acuerdo a los
componentes de diseño desarrollados e integrando las propiedades y atributos que deben
cumplir.
- Se estableció las diferentes variables que estructuran un componente de acuerdo a las
clases orientadas a objetos creadas con el propósito de desarrollar un programa que
satisfagan las necesidades de una empresa o contexto organizacional.
 BIBLIOGRAFÍA

 Roger, S. (Ed. 7). (2010) Ingeniería del software, un enfoque práctico, Connecticut:

Editorial McGrawHill

 Kenneth, E. Julie, E. (Ed 8). (2011) Análisis y diseño de sistemas, New Jersey: Editorial

Pearson

 Tripp, L. (2004) Guía al cuerpo de conocimiento de la ingeniería del software Editorial:

Estilo y guías técnicas

 Moisés R.-Vicerrectora Académica y de Investigación. 2018. Syllabus del curso - Diseño

de Sistemas. Universidad Nacional Abierta y a Distancia – UNAD.

 VIACI-Vicerrectora Académica y de Investigación. 2019. Guía integrada de actividades

y rubrica de evaluación- Diseño de Sistemas. Universidad Nacional Abierta y a Distancia

– UNAD.