UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA UNAD

ESCUELA DE CIENCIAS BASICAS TECNOLOGIAS E INGENIERIA ICBTI

CURSO DE DISEÑO DE SISTEMAS

301309A_361

TRABAJO COLABORATIVO
PASO 3 - FORO COLABORATIVO - DISEÑO ORIENTADO A OBJETOS

PRESENTADO POR:
JAIRO ALONSO LEITON BARACALDO COD. 94538129
ANDREY ANDREY HINESTROZA
EDWARD ORDONEZ
LUIS FELIPE MAZUERA
GRUPO: 301309_11

PRESENTADO A:

DIANA JUDITH MENDEZ

TUTORA

PALMIRA, VALLE DEL CAUCA

INGENIERIA DE SISTEMAS
 INTRODUCCIÓN

Esta actividad esta con el fin de enseñarnos más acerca de diseño de sistemas en
esta actividad miramos la unidad dos diseño orientados a objetos es la continuación
de la actividad anterior recogida y documentación de requisitos, esta vez miramos
temas relacionado con el diseño orientados a objetos lo que es los componentes de
los patrones diseño arquitectónico diseño de la red y subsistemas e interfaces el
diseño delas interfaces graficas de acuerdo al caso de uso bases de datos, modelos
entidad relación diccionarios de datos

OBJETIVOS

1. Seleccionar el patrón adecuado para el diseño del sistema de información.

2. Realizar el diseño arquitectónico de la dependencia escogida en el trabajo

anterior.

3. Realizar el diseño de las interfaces graficas de acuerdo al caso de uso de la

dependencia escogida.

4. Seleccionar una base de datos, típicamente relacionales, relacionales

extendidos u orientados a objetos, diseñar diccionario de datos y modelo
entidad relación.
2.

Nombre Manejador principal

Descripción El manejador principal es el encargado de dar las opciones
principales la cuales son el inicio las configuraciones y la opción de
salir
Detalles Color fondo de pantalla: color claro
Color de etiquetas : bordes rojos línea delgado 3
Tipo de letra de título: Arial
Tipo de letra de etiquetas: 12 puntos
Tipo de letra de los campos:12 puntos
Botones: color gris metalizado
Logotipo: logotipo de la Unad alterado con el fin de aportar un punto
a la actividad posición lado izquierdo de la pantalla
Elementos -Solicita la opciones inicio
de -Solicita la opción configuración
navegación -Solicita la opción salir
Botones externos: ampliar minimizar y cerrar
Tabla 1 relacionada con la ilustración 1

Nombre clase Interface usuario

Descripción Descripción El programa solicita un usuario y contraseña para continuar en la
plataforma y si es nuevo se puede crear uno pero bajo el mando de
la empresa o supervisor general
Detalles Propiedades Color fondo de pantalla: color fondo claro
Color de etiquetas :color bordes rojos
Tipo de letra de título: Arial
Tipo de letra de etiquetas: Arial 12 puntos
Tipo de letra de los campos: Arial 12 puntos
Botones: ok, nuevo usuario
Logotipo: logotipo de la Unad alterado con el fin de aportar un punto
a la actividad posición lado izquierdo de la pantalla
Elementos Atributos Solicita al usuario que ingrese un usuario
de Solicita al usuario que ingrese contraseña
navegación Solicita al usuario que presione el botón ok
Opción de crear un nuevo usuario
Botones internos home
Botones internos de atrás
Botones externos ampliar minimizar y cerrar

Tabla 2 relacionada con la ilustración

 Nombre clase Pantalla de servicios
Descripción Descripción El usuario tiene la posibilidad de entrar a las diferentes categorías las
cuales son Departamento de Contabilidad, Tecnología y creatividad,
Talento humano, Producción y Mercadotecnia y ventas.
Detalles Propiedades Color fondo de pantalla: color fondo claro
Color de etiquetas :color bordes rojos
Tipo de letra de título: Arial
Tipo de letra de etiquetas: Arial 12 puntos
Tipo de letra de los campos: Arial 12 puntos
Botones: Departamento de Recursos Humanos
Logotipo: logotipo de la Unad alterado con el fin de aportar un punto
a la actividad posición lado izquierdo de la pantalla
Elementos Atributos Solicita al usuario que elija una opción Departamento de
de Contabilidad, Tecnología y creatividad, Talento humano, Producción
navegación y Mercadotecnia y ventas.
Botones internos home
Botones internos de atrás
Botones externos ampliar minimizar y cerrar

Tabla 3 relacionada con la ilustración 3

Nombre Interface Departamento de talentos Humanos menú de archivos

Descripción Descripción El usuario ha elegido la opción de Departamento de talentos
Humanos el cual al ingresar en ella está las diferentes dependencias.
Detalles Propiedades Color fondo de pantalla: color fondo claro
Color de etiquetas :color bordes rojos
Tipo de letra de título: Arial 14 gruesa
Tipo de letra de etiquetas: Arial 12 puntos
Tipo de letra de los campos: Arial 12 puntos
Submenú: contiene registro de contabilidad por meses
Botones: se activa solo dando clic en el mes que el usuario quiera
elegir
Logotipo: logotipo de la Unad alterado con el fin de aportar un punto
a la actividad posición lado izquierdo de la pantalla
Elementos Atributos Solicita al usuario que elija una opción del mes que está disponible
de Botones internos home
navegación Botones internos de atrás
Botones externos ampliar minimizar y cerrar

Tabla 4 relacionada con la ilustración 4

 Nombre clase Interface mes Departamento de talentos Humanos
Descripción Descripción El usuario ha elegido la opción del mes enero (ejemplo) el cual elije
un día
Detalles Propiedades Color fondo de pantalla: color fondo claro
Color de etiquetas :color bordes rojos
Tipo de letra de título: Arial 14 gruesa
Tipo de letra de etiquetas: Arial 12 puntos
Tipo de letra de los campos: Arial 12 puntos
Submenú: contiene registro de contabilidad por días
Botones: se activa solo dando clic en el día que el usuario quiera
elegir
Logotipo: logotipo de la Unad alterado con el fin de aportar un punto
a la actividad posición lado izquierdo de la pantalla
Elementos Atributos Solicita al usuario que elija un día del mes que está disponible
de Botones internos home
navegación Botones internos de atrás
Botones externos ampliar minimizar y cerrar

Tabla 5 relacionada con la ilustración 5

Nombre clase Interface de Departamento de Talentos Humanos

Descripción Descripción El usuario ha elegido la opción de agregar un nuevo ingreso en el
Departamento de talentos Humanos
Detalles Propiedades Color fondo de pantalla: color fondo claro
Color de etiquetas :color bordes rojos
Tipo de letra de título: Arial 14 gruesa
Tipo de letra de etiquetas: Arial 12 puntos
Tipo de letra de los campos: Arial 12 puntos
Campos: ingreso de nuevos datos para el área
Botones: como procesar consultar e imprimir
Logotipo: logotipo de la Unad alterado con el fin de aportar un punto
a la actividad posición lado izquierdo de la pantalla
Elementos Atributos Solicita al usuario que ingrese los campos tales como año periodo
de día nombre apellido y cedula para un nuevo ingreso consulta o
navegación imprimir
Botones internos home
Botones internos de atrás
Botones externos ampliar minimizar y cerrar

Tabla 6 relacionada con la ilustración 6

 Nombre clase Interface de contabilidad
Descripción Descripción El usuario ha elegido la opción de agregar un nuevo ingreso el área
de contabilidad
Detalles Propiedades Color fondo de pantalla: color fondo claro
Color de etiquetas :color bordes rojos
Tipo de letra de título: Arial 14 gruesa
Tipo de letra de etiquetas: Arial 12 puntos
Tipo de letra de los campos: Arial 12 puntos
Campos: ingreso de nuevos datos para impuestos
Botones: como procesar, consultar, imprimir y cancelar
Logotipo: logotipo de la Unad alterado con el fin de aportar un punto
a la actividad posición lado izquierdo de la pantalla
Elementos Atributos Solicita al usuario que ingrese los campos tales como nombre
de apellido cedula fecha de ingreso, funciones y capacitaciones para
navegación un nuevo ingreso consulta imprimir y cancelar
Botones internos home
Botones internos de atrás
Botones externos ampliar minimizar y cerrar

Tabla 7 relacionada con la ilustración 7

Nombre clase Interface tecnología y creatividad

Descripción Descripción El usuario ha elegido la opción de agregar un nuevo ingreso a
tecnología y creatividad
Detalles Propiedades Color fondo de pantalla: color fondo claro
Color de etiquetas :color bordes rojos
Tipo de letra de título: Arial 14 gruesa
Tipo de letra de etiquetas: Arial 12 puntos
Tipo de letra de los campos: Arial 12 puntos
Campos: ingreso de nuevos datos para pagos
Botones: como procesar, consultar e imprimir
Logotipo: logotipo de la Unad alterado con el fin de aportar un punto
a la actividad posición lado izquierdo de la pantalla
Elementos Atributos Solicita al usuario que ingrese los campos tales como nombre,
de apellido, cedula, fecha, pago y crédito para un nuevo ingreso
navegación consulta e imprimir
Botones internos home
Botones internos de atrás
Botones externos ampliar minimizar y cerrar

Tabla 8 relacionada con la ilustración 8

 Nombre clase Interface de produccion
Descripción Descripción El usuario ha elegido la opción de agregar un nuevo ingreso en
produccion
Detalles Propiedades Color fondo de pantalla: color fondo claro
Color de etiquetas :color bordes rojos
Tipo de letra de título: Arial 14 gruesa
Tipo de letra de etiquetas: Arial 12 puntos
Tipo de letra de los campos: Arial 12 puntos
Campos: ingreso de nuevos datos para registros
Botones: como ingresar y cancelar
Logotipo: logotipo de la Unad alterado con el fin de aportar un punto
a la actividad posición lado izquierdo de la pantalla
Elementos Atributos Solicita al usuario que ingrese los campos tales como nombre,
de apellido, cedula, teléfono, cargo, correo, fecha de nacimiento y
navegación dirección para un nuevo ingreso
Botones internos home
Botones internos de atrás
Botones externos ampliar minimizar y cerrar

Tabla 9 relacionada con la ilustración 9

3. Realizar el diseño arquitectónico

El diseño arquitectónico que he elegido para la dependencia anteriormente escogido por mí
la cual fue el Departamento de producción, basado en el modelo de contador el diseño es
de 3 capas ya que el usuario trabaja con la base de datos de la empresa y con 3 capas es
más estable el sistema si nos centramos más en la empresa tal vez cambiaria pero por
ahora me centro en hacer el proyecto con 3 capas
Consta de 3 puntos o 3 capas
Diseño de red

Diseño de red
Diseño de Interface

Diseño de programa de contabilidad

3. Realizar el diseño de las interfaces graficas de acuerdo al caso de uso de

la dependencia escogida.

Ilustración 1 relacionada con la tabla 1

Ilustración 2 relacionada con la tabla 2

Ilustración 3 relacionada con la tabla 3

 La función del calendario consiste en que se pueda organizar bien el tiempo para las que las personas que
deseen entrar a trabajar lo hagan dentro de las fechas establecidas por el departamento.

Ilustración 4 relacionada con la tabla 4

Ilustración 5 relacionada con la tabla 5

Ilustración 6 relacionada con la tabla 6
Ilustración 7 relacionada con la tabla 7

Ilustración 8 relacionada con la tabla 8

Ilustración 9 relacionada con la tabla 9
 CONCLUSIONES
Esta actividad tiene el fin de enseñar lo que es el análisis de sistemas patrones diseño
arquitectónico interface graficas bases de datos en esta ocasión pude ver lo que es el
diseño de sistemas como los que crean un programa o un software tiene que seguir ciertas
reglas para que el software tenga una buena apariencia con el usuario además de la interfaz
que sea agradable y cómoda a la vista.
 REFERENCIAS BIBLIOGRAFICAS

Rodriguez, M. (Noviembre 2016). Diseño orientado a objetos.UNAD [Archivo de

video].
Recuperado de: http://hdl.handle.net/10596/9761

Urrego. G. (2015). Análisis y diseño de sistemas Medellin.: UDEA.

Recuperado: https://sites.google.com/site/analisisydisenoudea/docentes

Rodriguez, M. (Noviembre 2016)Recogida y Documentación de Requisitos.UNAD

[Archivo
video]. Recuperado de: http://hdl.handle.net/10596/9769

SlideShare, Departamento de producción,

https://es.slideshare.net/jaarboleda0/departamento-de-produccin-principal.

Crece Negocios, El área de Producción, http://www.crecenegocios.com/el-area-de-

produccion/