Paso 3 Diseño Orientado A Objetos

Actividad Intermedia
Paso 3: Diseo Orientado a Objetos
Por:
Elviz Preilbil Rojas Vargas
Daniel Ricardo Canaria
Kelly Johanna Garavito Motta
Presentado a:
Sandra Patricia Barrios Rodrguez
Diseo de Sistemas (301309_50)
Universidad Nacional Abierta y a Distancia

Escuela de Ciencias Bsicas, Tecnologa e Ingeniera
26 Noviembre 2017
INTRODUCCION
El siguiente trabajo contiene un componente individual y otro colaborativo. El

estudiante realiza las lecturas de las temticas de la unidad 2 y apoderndose de
esos conocimientos los plasma en el desarrollo del trabajo.
En su parte individual, cada estudiante debe elegir una dependencia, en este paso
3, debemos seguir trabajando con la dependencia elegida en la actividad anterior.
Para el desarrollo de la gua de actividades, se debe disear los patrones, la interfaz
grfica en base a estos patrones, disear las cajas de dialogo segn la interfaz,
realizar el diagrama esttico de diseo y por ultimo realizar el diseo de persistencia.
En su componente colaborativo, debemos reunir todos los aportes individuales

consolidarlos en un solo documento y enviarlos por el entorno de evaluacin y
seguimiento.
OBJETIVOS
Identificar los distintos elementos a tener en cuenta en el diseo de un

sistema de informacin desde los elementos que intervienen, procesan y
generan un resultado.
Realizar el diseo de patrones de cada una de las dependencias escogidas.
Disear la interfaz graficas de acuerdo a los patrones.
Realizar el diagrama esttico de diseo.
Realizar el diseo arquitectnico
Realizar Modelo Entidad Relacin y Diccionario de datos.
DESARROLLO DE LA ACTIVIDAD
DEPENCIA DE CONTABILIDAD
Elviz Preilbil Rojas Vargas
2. Realizar el diseo de los Patrones relacionadas con la dependencia escogida.
3. Realizar las interfaces graficas tomando como base las propiedades de los
patrones
Imagen 1. Diseo de Interfaz. (21 de Noviembre de 2017). "Elaboracin Propia"
Clase Ingreso al sistema

Descripcin Se comentan el inicio de seccin, Ingreso
de nombre y usuario para ingresar al
sistema, si el usuario no existe se debe
Registrar para ingresar.
Modulo Principal
Estereotipo Control
Propiedades Color Fondo de la pantalla: Azul nfasis 1
Tipo de letra ttulo: Arial Negrita 20 puntos

Lnea: Azul Horizontal parte superior
Tipo letra Subttulo: Arial Negrita 18 Puntos

Tipo letra Etiquetas: Arial Negrita 12
Puntos.
Imagen: Lado izquierdo abajo Operador.
Botones: Tipo de letra Arial 12 puntos,

Recuadro color gris.
Atributos
Despliega el Inicio de seccin
Solicita ingresar Usuario
Solicita ingresar Contrasea
Valida que el Usuario y
Contrasea Existan.
Maneja el evento Registrar,
Usuario y Contrasea si al validar
no existen,
Maneja el evento Ingresar, luego
de validar que usuario y
Contrasea existen.
Clase MENU PRINCIPAL (Nombre de la Interfaz)

Descripcin Se comentan los submens con las
diferentes funciones del departamento de
contabilidad que se abren bajo cada una
de las opciones de la barra del men
principal
Modulo Principal
Estereotipo Control
Ttulo Men: Relleno texto Negro, Contorno

de texto Negro, Arial Negrita 20
Recuadros: Color Gris desvanecido
Recuadro 1: Texto Arial 16 puntos color

Fuchsia

Fuchsia
Recuadro 3 : Texto Arial 16 puntos color
Fuchsia

Fuchsia

Fuchsia.

negra
Logo: Texto color Fuchsia, Arial 8 puntos.

Margen derecha,
Figuras: Imgenes, parte superior de los

recuadros 1 al 5.
Atributos
Recuadro 1: Registrar recepcin y Registrar mercancas
despacho de mercancas. Recepcionar
Validar Cdigo
Crear Nuevo Cdigo
Ingresar Cantidades
Mostrar Inventario
Guardar
Despachar
Validar Cdigo
Descontar Cantidades
Mostrar Inventario
Guardar.
Recuadro 2: Elaborar la Elaborar informe

Informacin Financiera y Validar Activos
Presupuestal. Mostrar Ventas
Validar Pasivos
Indicar Deudas
Indicar Gastos
Mostrar informe
Imprimir
Guardar
Recuadro 3: Certifica Pago a Generar Certificado

trabajadores abonando los Validar Existencia de
impuestos al estado Cliente
Crear Nuevo Cliente
Crear Orden de Certificado
Abonar Impuesto
Mostrar Certificado
Imprimir Certificado
Guardar Certificado
Recuadro 4: Revisar deudas y Revisar deudas

hacer giros a los bancos. Validar Pasivos
Mostrar Deudas
Mostrar informe
Girar a Bancos
Imprimir
Guardar
Recuadro 5: Coordinar con otras Coordinar

dependencia para apoyo Validar dependencia
presupuestal. Crear dependencia
Ingresar Dependencia
Validar Pasivos
Mostrar Deudas
Mostrar Gastos
Apoyar presupuestalmente
Girar cheques
Guardar Recibos
Recuadro 6: SALIR Salimos del sistema.
Imagen 3 Diseo de Interfaz. (21 de Noviembre de 2017). "Elaboracin Propia"
Clase Registro de Mercancas

Descripcin Se comenta el cdigo del producto, el
nombre y sus cantidades, para registrar,
buscar inventario, despachar y salir,
mostrando los valores en el dataGrid
Modulo Principal
Estereotipo Control


Margen derecha,
Subttulos: Texto color Negro, Arial 12

puntos negrita.
Botones: Color Fuchsia Arial 12 puntos.
Fondo gris.
DataGrid: Color gris en el centro de la

pantalla.
Figuras: Imgenes, parte superior

izquierda.
Atributos
Se despliega la pantalla
Ingresar cdigo
Ingresar Nombre del producto
Ingresar las cantidades
Maneja el evento Registrar, en el
datagrid
Evento Inventario, muestra el total
con lo que se cuenta del producto
en mencin.
Evento Despachar, en el cual se
descuenta al total del inventario.
Evento Salir Salimos del sistema

Clase Elaborar Informe
Descripcin Se comenta el cdigo de la dependencia,
el nombre y fecha de elaboracin, para
Mostrar los Pasivo, Los Activos, Imprimir y
salir, mostrando los valores en el dataGrid
Modulo Principal
Estereotipo Control


Margen derecha,

puntos negrita.

Fondo gris.

pantalla.

izquierda.
Atributos
Ingresar cdigo de la dependencia
Ingresar Nombre de la
dependencia
Maneja Evento Pasivo, donde se
muestra todas las deudas
Maneja el evento Activos, donde
se muestra con los bienes con los
que cuenta la empresa.
Evento Imprimir, luego de
consultar lo anterior.

Clase Generar Certificado

Descripcin Se comenta el nmero cedula del
trabajador, el nombre y apellidos, la fecha
elaboracin, para generar certificado,
abonar impuestos al estado, imprimir
recibo y salir, mostrando los valores en el
dataGrid
Modulo Principal
Estereotipo Control


Margen derecha,

puntos negrita.
Fondo gris.

pantalla.

izquierda.
Atributos
Ingresar nmero cedula del
empleado.
Ingresar Nombre y apellidos del
empleado
Ingresa genero
Ingresa Fecha elaboracin
Evento Generar Certificado
Evento Abonar impuesto al estado
Evento Imprimir

Clase Revisar Deudas
Descripcin Se comenta un recuadro donde se validan
las deudas, un recuadro para hacer el giro
correspondiente a los bancos, imprimir
recibo si solicita y salir.
Modulo Principal
Estereotipo Control


Margen derecha,

Fondo gris.
Figuras: Imgenes, parte media izquierda.

Atributos
Evento Validar Pasivos
Evento Girar a Bancos
Evento Imprimir si se solicitad.
Clase Coordinar
Descripcin Se comenta en los recuadros el nombre de
las cuatro dependencias para apoyo
presupuestal y salir de la aplicacin
Modulo Principal
Estereotipo Control


Margen derecha,

Fondo gris.
Figuras: Imgenes, parte media izquierda.
Atributos
Evento Dependencia Tecnologa y
Creatividad
Evento Dependencia Talento
Humano
Evento Dependencia Produccin
Evento Mercadotecnia y Ventas
Realizar el diagrama esttico del diseo.
Imagen 8. Diagrama esttico de diseo. (21 de Noviembre de 2017). "Elaboracin Propia"

Diseo de Red
Imagen 11. Diseo de Red. (26 de Noviembre de 2017). "Elaboracin Propia"

Diseo Arquitectnico
Imagen 9. Diseo Arquitectnico. (22 de Noviembre de 2017). "Elaboracin Propia"

Modelo Identidad Relacin.
Imagen 10. Modelo Identidad Relacin. (23 de Noviembre de 2017). "Elaboracin Propia"
Diccionario de Datos
Creo que la mejor base de datos es la base de datos sql, porque almacenan y
agrupan todos los datos en un solo lugar y es una de las mas utilizadas.
Nombre del archivo: BDplantilla
Descripcin: Base de Datos que contendr la plantilla Registro de Mercancas
Campo Tamao Tipo de Dato Descripcin
Cdigo 18 Numrico Cdigo del
producto que
ingresa y del
que sale.
Nombre 18 Carcter Nombre del
producto.
Cantidad 18 Numrico Los totales del
que ingres y
del que sale
Marca 18 Carcter Marca del
producto.
Nombre del archivo: BDplantilla1
Descripcin: Base de Datos que contendr la plantilla Elaborar Informe
Cdigo_2 18 Numrico Cdigo de las
dependencias
Activos 18 Carcter Activos de
cada
dependencia
Pasivos 18 Carcter Pasivos de
cada
dependencia
Fecha 18 Numrico Fecha de
elaboracin
informe
Saldos 18 Numrico Adeudan las
dependencias.

Descripcin: Base de Datos que contendr la plantilla Generar Certificado
c.c_1 18 Numrico Numero
cedula del
Empleado
Nombre_2 18 Carcter Nombre
empleado
Apellidos_2 18 Carcter Apellido
Empleado
Fecha_1 18 Numrico Fecha de
elaboracin
certificado
Genero 18 Carcter Genero del
empleado.

Descripcin: Base de Datos que contendr la plantilla Revisar Deudas
c.c_2 18 Numrico Numero
cedula del
Empleado
Nombre_3 18 Carcter Nombre
empleado
Apellidos_3 18 Carcter Apellido
Empleado
Fecha_2 18 Numrico Fecha de
elaboracin c
Abono 18 Numrico Abono
impuestos
Saldo_2 18 Numrico Saldo

Descripcin: Base de Datos que contendr la plantilla Coordinar Dependencias
Cdigo_2 18 Numrico Cdigo de la
dependencia
Nombre_4 18 Carcter Nombre de la
dependencia
DEPENCIA DE Tecnologa y Creatividad
Daniel Ricardo Canaria
2. Realizar el diseo de los Patrones relacionadas con la dependencia

escogida.
3. Realizar las interfaces graficas tomando como base las propiedades
de los patrones
Clase Ingreso al sistema
Descripcin Se muestra el inicio de sesin de la
dependencia de tecnologa y creatividad,
en el cual deben ingresar su usuario y
contrasea.
Modulo Principal
Estereotipo Control
Tipo de letra ttulo: Arial Negrita 20 puntos

Tipo letra Subttulo: Arial Negrita 18 Puntos

Tipo letra Etiquetas: Arial Negrita 12
Puntos.
Botones: Tipo de letra Arial 12 puntos,

Recuadro color gris.
Atributos
Se abre el inicio de sesin .
Se pide ingresar usuario.
Se pide ingresar contrasea.
El sistema identifica si el usuario
est registrado o no.
Si el usuario est registrado se le
da acceso
Si el usuario no est registrado se
manda a registro.
Clase Men principal
Descripcin Se muestra las funciones de la
dependencia de tecnologa y creatividad
que se despliegan en el men.
Modulo Principal
Estereotipo Control

Recuadros: color fondo.

negro

negro
Recuadro 3 : Texto Arial 18 puntos color

negro
Logo: Texto color Fucsia, Arial 8 puntos.

Margen derecha,
Figuras: Imgenes, parte superior de los

recuadros 1 al 3.
Atributos
Recuadro 1: Implementacin y -Realizar mantenimiento
mantenimiento de la infraestructura
informtica.
-Implementar nuevas
tecnologas
-Gestin de la ejecucin de
proyectos
-Mantenimiento Correctivo
Recuadro 2: Administracin de Controlar las

redes comunicaciones de la
empresa
Proporcionar servicios de
soporte.
Asegurarse de que la red sea utilizada
eficientemente
Recuadro 3: Administracin de las Promover estrategias
redes sociales. de marketing.
Mantener actualizada
la informacin de la empresa.
Atender al cliente.
Clase Mantenimiento
Descripcin Se muestra las opciones de
mantenimiento.
Modulo Principal
Estereotipo Control


Margen derecha,
Botones: Color negro Arial 12 puntos.

Fondo azul.
Figuras: Imgenes, parte lateral derecha

Atributos
Se abre la pantalla.
Se muestra el botn solicitar
mantenimiento
Se muestra el botn Personal
SALIR Salimos del sistema.

Clase Redes
Descripcin Se muestra las diferentes redes de la
empresa.
Modulo Principal
Estereotipo Control
Recuadros: Color azul desvanecido
Negro
Negro
Margen derecha,
Figuras: Imgenes, parte lateral de los

recuadros 1 al 2.
Atributos
Se despliega una pantalla
Evento Comunicaciones
Evento Soporte
Clase Redes Sociales
Descripcin Se muestra las diferentes redes sociales
de la empresa.
Modulo Principal
Estereotipo Control
Recuadros: Color azul desvanecido

Negro
Negro
Margen derecha,
Figuras: Imgenes, parte lateral de los

recuadros 1 al 2.
Atributos
Se despliega una pantalla
Evento de Community manager
Evento Comisin redes sociales
Realizar el diagrama esttico del diseo.
Diseo Arquitectnico
Menu Principal
Modulo 1 Modulo 2 Modulo 3

Mantenimiento Redes Redes sociales
Modulo 1.1 Modulo 1.1 Modulo 1.1

solicitar mantenimiento Comunicaciones Community manager
Modulo 1.2 Modulo 1.2 Modulo 1.2

Personal mantenimiento Soporte Comisiones de redes
DEPARTAMENTO DE MARKETING
Kelly Johanna Garavito Motta
Diseo de Patrones e interfaces
Clase Ingreso_Sistema
Descripcin Permite validar Usuario y Password para ingresar al sistema.
Mdulo Control
Color Fondo: PaleGoldenrod (#EEE8AA).
Logotipo:
Tipo: PictureBox
Ubicacin: Superior derecha de la interfaz.
Tamao: 100px, 90px
Formato imagen: PNG
Ttulo Principal:
Propiedades
Tipo: Label
Fuente: Constantia; tamao 26, negrita.
Color: Goldenrod.( #DAA520)
Subttulo:
Tipo: Label
Fuente: Candara; tamao 22, normal.
Color: Goldenrod. ( #DAA520)
Etiqueta:
Tipo: Label
Tamao: 170px, 22px
Fuente: Arial, tamao 14, negrita
Color: Dodger Blue (#1E90FF)
Caja de texto:
Tipo: TextBox
Tamao: 175px, 26px
Fuente: Cambria, tamao 12, normal
Color fondo: Lavender (#E6E6FA)
Color texto: (#000000)
Botn:
Tipo: Botton
Tamao: 132px, 51px
Fuente: Century, tamao 16, normal
Color fondo: Goldenrod. ( #DAA520)
Color texto: (#FFFFFF)

Atributos
Despliega Pantalla Principal
Solicita Usuario
Solicita Contrasea
Valida informacin.
Si Ok, ingresa
Si NO, Cancelar
Clase Men_Principal
Permite seleccionar uno de las 4 reas con que cuenta el departamento de
Descripcin
Marketing
Mdulo Control
Logotipo:
Tipo: PictureBox
Tamao: 100px, 90px
Formato imagen: PNG
Ttulo Principal:
Tipo: Label
Subttulo:
Tipo: Label
Etiqueta:
Propiedades Tipo: Label
Tamao: 170px, 22px
Lista:
Tipo: ComboBox
Tamao: 215px, 30px
Color texto: Dodger Blue (#1E90FF)
Botn:
Tipo: Botton
Tamao: 132px, 51px
Atributos
Despliega Men Principal
Solicita seleccionar opcin
Botn Aceptar
Confirma eleccin.
Si Ok, ingresa
Si NO, Cancelar
Clase Men_Mercadeo
Permite seleccionar uno de las 3 Sub-reas con que cuenta el rea de
Descripcin
Mercadeo
Mdulo Control
Logotipo:
Tipo: PictureBox
Tamao: 100px, 90px
Formato imagen: PNG
Ttulo Principal:
Tipo: Label
Propiedades
Subttulo:
Tipo: Label
Etiqueta:
Tipo: Label
Tamao: 170px, 22px
Lista:
Tipo: ComboBox
Tamao: 215px, 30px
Botn:
Tipo: Botton
Tamao: 132px, 51px
Atributos
Despliega Men Mercadeo
Botn Aceptar
Confirma eleccin.
Si Ok, ingresa
Si NO, Cancelar
Clase Men_Imagen
Descripcin
Imagen
Mdulo Control
Logotipo:
Tipo: PictureBox
Tamao: 100px, 90px
Formato imagen: PNG
Ttulo Principal:
Tipo: Label
Subttulo:
Tipo: Label
Etiqueta:
Tamao: 170px, 22px
Lista:
Tipo: ComboBox
Tamao: 215px, 30px
Botn:
Tipo: Botton
Tamao: 132px, 51px
Atributos
Despliega Men Imagen
Botn Aceptar
Confirma eleccin.
Si Ok, ingresa
Si NO, Cancelar
Clase Men_Diseo e Innovacin
Descripcin
Diseo e Innovacin.
Mdulo Control
Logotipo:
Tipo: PictureBox
Tamao: 100px, 90px
Formato imagen: PNG
Ttulo Principal:
Subttulo:
Tipo: Label
Etiqueta:
Tipo: Label
Tamao: 170px, 22px
Lista:
Tipo: ComboBox
Tamao: 215px, 30px
Botn:
Tipo: Botton
Tamao: 132px, 51px
Atributos
Despliega Men Diseo e Innovacin.
Botn Aceptar
Confirma eleccin.
Si Ok, ingresa
Si NO, Cancelar
Clase Men_Comunicacin
Descripcin
Comunicacin
Mdulo Control
Logotipo:
Tipo: PictureBox
Tamao: 100px, 90px
Formato imagen: PNG
Ttulo Principal:
Tipo: Label
Subttulo:
Tipo: Label
Etiqueta:
Tamao: 170px, 22px
Lista:
Tipo: ComboBox
Tamao: 215px, 30px
Botn:
Tipo: Botton
Tamao: 132px, 51px
Atributos
Despliega Men Comunicacin
Botn Aceptar
Confirma eleccin.
Si Ok, ingresa
Si NO, Cancelar
Diseo arquitectnico.
Diccionario de datos
Tipo del Tamao

Nombre del campo Descripcin
campo del campo
Usuario Texto 20 Captura datos alfanumricos
Password Texto 8 Captura datos alfanumricos
Mercadeo Texto 16 Captura datos alfanumricos
Imagen Texto 16 Captura datos alfanumricos
Diseo_Innova Texto 16 Captura datos alfanumricos
Comunicacin Texto 16 Captura datos alfanumricos
Compras Nmero 16 Captura datos numricos
Ventas Nmero 16 Captura datos numricos
Produccin Nmero 16 Captura datos numricos
Imagen_Corp Texto 64 Captura datos alfanumricos
Catlogos Texto 16 Captura datos alfanumricos
Fidelizacin Texto 16 Captura datos alfanumricos
Promociones Nmero 16 Captura datos numricos
Diseo Texto 16 Captura datos alfanumricos
Tendencias Texto 16 Captura datos alfanumricos
Tecnologa Texto 16 Captura datos alfanumricos
Campaas Texto 16 Captura datos alfanumricos
Medios_Com Texto 64 Captura datos alfanumricos
Redes_Soc Texto 64 Captura datos alfanumricos
Pgina_Web Texto 64 Captura datos alfanumricos
Modelo entidad relacional.
Base de datos: MySQL

Es la base de datos de cdigo abierto ms popular del mundo.
Ventajas:
Rendimiento
Confiabilidad
Facilidad de uso
Principal opcin de base de datos para aplicaciones basadas en la Web.
Multihilo y multiusuario con ms de seis millones de instalaciones
Multiplataforma
Seguridad de datos
Modelo Moderno.
CONCLUSIONES
Los patrones de diseo son una descripcin de las clases y objetos comunicndose
entre s, para dar solucin a un problema de diseo general en un contexto
particular. El uso de estos patrones ayudara a obtener un software de calidad. Un
patrn lo componen el nombre, el problema y la solucin. Ayudan a estandarizar el
cdigo, haciendo que el diseo sea ms comprensible para otros programadores.
Cuando hablamos de interfaz nos referimos a la cara visible de los programas tal
como se le muestran a los usuarios, para que interacten con el ordenador, esta
implica la presencia de un monitor de ordenador constituida por una serie de mens
e iconos que representan las opciones que el usuario puede tomar dentro del
sistema.
En los diagramas estticos, tenemos el diagrama de clases este describe la

estructura de un sistema mostrando sus clases, atributos y las relaciones entre ellos,
son utilizados para crear el diseo conceptual de la informacin en el sistema.
Los grandes sistemas siempre se dividen en subsistemas, que proporcionan

servicios relacionados, el proceso que identifica estos subsistemas y establece
como se lleva su control y comunicacin es lo que llamamos diseo arquitectnico.
El modelo entidad relacin es un modelo de datos que permite representar

cualquiera abstraccin, percepcin y conocimientos en un sistema de informacin
formado por un conjunto de objetos llamados entidades y relaciones, esto es
conocido como diagrama de entidad relacin.
BIBLIOGRAFIAS
BO, M. (20 de Febrero de 2014). Modelo Entidad Relacin. Obtenido de Fundamento y Diseo de
Base de Datos: http://ccdoc-basesdedatos.blogspot.com.co/2013/02/modelo-entidad-
relacion-er.html
Flaaut, M. (11 de Octubre de 2015). Diagramas estticos y dinmicos. Obtenido de Diagrama UML:
http://maribelteamuml.blogspot.com.co/2015/10/uml-estaticos-y-dinamicos-julian-
clara.html
Lamarca, M. J. (08 de Diciembre de 2013). Interfaz grafica. Obtenido de Interfaz grafica:

http://www.hipertexto.info/documentos/interfaz.htm
Luna, L. (10 de Agosto de 2004). El diseo de Interfaz grfica de usuario para publicaciones
digitales. Obtenido de Revista Digital Universitaria:
http://www.revista.unam.mx/vol.5/num7/art44/ago_art44.pdf
Masi R. (27 de Septiembre de 2010). Diseo de Interfaz de usuario y desarrollo parte 1. Obtenido
de Youtube: https://www.youtube.com/watch?v=450iyWO1krQ
Rubenfa. (14 de Julio de 2014). Patrones de diseo que son y por qu debes usarlos. Obtenido de
Genbeta:dev: https://www.genbetadev.com/metodologias-de-programacion/patrones-
de-diseno-que-son-y-por-que-debes-usarlos
S.A. ((s,f)). Bastionado de sistemas y Servidores. Obtenido de Imgenes Google:

https://www.guarasi.com/wp-content/uploads/2017/05/server-security-sie.jpg
S.A. ((s,f)). BDSC. Obtenido de Imgenes Google: http://bdsc.es/wp-

content/uploads/2017/05/firewall..png
S.A. ((s,f)). Computador. Obtenido de Imgenes Google: https://http2.mlstatic.com/computador-

core-i5-500gb-4gb-ram-lcd-19-dvd-wifi-envio-grati-D_NQ_NP_855911-
MCO20671726644_042016-F.jpg
S.A. ((s,f)). Imagen. Obtenido de Google: http://www.pcm.gob.pe/wp-

content/uploads/2016/08/informe.png
S.A. ((s,f)). Imagenes. Obtenido de Google: http://www.a1internationalcargo.com/images/icono-

seguro.png
S.A. ((s,f)). Imagenes. Obtenido de Google:

https://image.flaticon.com/icons/png/512/444/444638.png
S.A. ((s,f)). Imagenes. Obtenido de Google: https://userscontent2.emaze.com/images/c76d32e4-

3d7b-40d0-b709-244591cf9f44/b9f566aeb257a7645079e21db1a33121.png
S.A. ((s,f)). Imagenes . Obtenido de Google:

https://giancoabundiz.files.wordpress.com/2016/05/iconos-para-prestamos_credixpress-
05.png
S.A. ((s,f)). Network Switches. Obtenido de Imgenes Google:
https://www.zyxel.com/library/assets/category/switches-es3500-series.jpg
S.A. ((s,f)). Patrones de Diseo . Obtenido de Reutilizacin de Software:

http://siul02.si.ehu.es/~alfredo/iso/06Patrones.pdf
S.A. ((s,f)). Plukes. Obtenido de Imgenes Google:

https://static.comunicae.com/photos/notas/1149050/1464782611_N600_20150410_01_
L3.jpg
S.A. ((s,f)). Router. Obtenido de Imgenes google: http://www.pngpix.com/wp-

content/uploads/2016/04/Router-PNG-Image.png
S.A. ((s.f)). Obtenido de Imgenes Google:

https://cdn.pixabay.com/photo/2012/04/26/14/14/internet-42583_960_720.png
S.A. (2011). Diseo arquitectnico. Obtenido de Diseo arquitectnico:

https://eseida.wikispaces.com/file/view/Tema+4+-
+Dise%C3%B1o+Arquitect%C3%B3nico.pdf
Sols, R. A. (2014). Systems engineering: theory and practice. Retrieved from
http://bibliotecavirtual.unad.edu.co:2460

Paso 3 Diseño Orientado A Objetos

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Paso 3 Diseño Orientado A Objetos

Enviado por

Direitos autorais:

Formatos disponíveis

Actividad Intermedia

Paso 3: Diseo Orientado a Objetos

Universidad Nacional Abierta y a Distancia

El siguiente trabajo contiene un componente individual y otro colaborativo. El

En su componente colaborativo, debemos reunir todos los aportes individuales

Identificar los distintos elementos a tener en cuenta en el diseo de un

2. Realizar el diseo de los Patrones relacionadas con la dependencia escogida.

Imagen 1. Diseo de Interfaz. (21 de Noviembre de 2017). "Elaboracin Propia"

Clase Ingreso al sistema

Tipo de letra ttulo: Arial Negrita 20 puntos

Tipo letra Subttulo: Arial Negrita 18 Puntos

Imagen: Lado izquierdo abajo Operador.

Botones: Tipo de letra Arial 12 puntos,

Clase MENU PRINCIPAL (Nombre de la Interfaz)

Ttulo Men: Relleno texto Negro, Contorno

Recuadros: Color Gris desvanecido

Recuadro 1: Texto Arial 16 puntos color

Recuadro 2: Texto Arial 16 puntos color

Recuadro 4: Texto Arial 16 puntos color

Recuadro 5: Texto Arial 16 puntos color

Recuadro 6: Texto Arial 12 puntos color

Logo: Texto color Fuchsia, Arial 8 puntos.

Figuras: Imgenes, parte superior de los

Recuadro 2: Elaborar la Elaborar informe

Recuadro 3: Certifica Pago a Generar Certificado

Recuadro 4: Revisar deudas y Revisar deudas

Recuadro 5: Coordinar con otras Coordinar

Clase Registro de Mercancas

Ttulo Men: Relleno texto Negro, Contorno

Logo: Texto color Fuchsia, Arial 8 puntos.

Lnea: Azul Horizontal parte superior

Subttulos: Texto color Negro, Arial 12

DataGrid: Color gris en el centro de la

Figuras: Imgenes, parte superior

Imagen 4. Diseo de Interfaz. (21 de Noviembre de 2017). "Elaboracin Propia"

Ttulo Men: Relleno texto Negro, Contorno

Logo: Texto color Fuchsia, Arial 8 puntos.

Lnea: Azul Horizontal parte superior

Subttulos: Texto color Negro, Arial 12

Botones: Color Fuchsia Arial 12 puntos.

DataGrid: Color gris en el centro de la

Figuras: Imgenes, parte superior

Evento Salir Salimos del sistema

Clase Generar Certificado

Ttulo Men: Relleno texto Negro, Contorno

Logo: Texto color Fuchsia, Arial 8 puntos.

Lnea: Azul Horizontal parte superior

Subttulos: Texto color Negro, Arial 12

DataGrid: Color gris en el centro de la

Figuras: Imgenes, parte superior

Imagen 6. Diseo de Interfaz. (21 de Noviembre de 2017). "Elaboracin Propia"

Ttulo Men: Relleno texto Negro, Contorno

Logo: Texto color Fuchsia, Arial 8 puntos.

Lnea: Azul Horizontal parte superior

Botones: Color Fuchsia Arial 12 puntos.

Figuras: Imgenes, parte media izquierda.

Ttulo Men: Relleno texto Negro, Contorno

Logo: Texto color Fuchsia, Arial 8 puntos.

Lnea: Azul Horizontal parte superior

Botones: Color Fuchsia Arial 14 puntos.

Realizar el diagrama esttico del diseo.

Imagen 8. Diagrama esttico de diseo. (21 de Noviembre de 2017). "Elaboracin Propia"

Imagen 11. Diseo de Red. (26 de Noviembre de 2017). "Elaboracin Propia"