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.
 Imagen 2. Diseo de Interfaz. (21 de Noviembre de 2017). "Elaboracin Propia"

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
Propiedades Color Fondo de la pantalla: Azul nfasis 1

Ttulo Men: Relleno texto Negro, Contorno

de texto Negro, Arial Negrita 20

Recuadros: Color Gris desvanecido

Recuadro 1: Texto Arial 16 puntos color

Fuchsia

Recuadro 2: Texto Arial 16 puntos color

Fuchsia
 Recuadro 3 : Texto Arial 16 puntos color
Fuchsia

Recuadro 4: Texto Arial 16 puntos color

Fuchsia

Recuadro 5: Texto Arial 16 puntos color

Fuchsia.

Recuadro 6: Texto Arial 12 puntos color

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
Propiedades Color Fondo de la pantalla: Azul nfasis 1

Ttulo Men: Relleno texto Negro, Contorno

de texto Negro, Arial Negrita 20

Logo: Texto color Fuchsia, Arial 8 puntos.

Margen derecha,

Lnea: Azul Horizontal parte superior

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

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

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
Propiedades Color Fondo de la pantalla: Azul nfasis 1

Ttulo Men: Relleno texto Negro, Contorno

de texto Negro, Arial Negrita 20

Logo: Texto color Fuchsia, Arial 8 puntos.

Margen derecha,

Lnea: Azul Horizontal parte superior

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 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.

Evento Salir Salimos del sistema

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

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
Propiedades Color Fondo de la pantalla: Azul nfasis 1

Ttulo Men: Relleno texto Negro, Contorno

de texto Negro, Arial Negrita 20

Logo: Texto color Fuchsia, Arial 8 puntos.

Margen derecha,

Lnea: Azul Horizontal parte superior

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 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
Evento Salir Salimos del sistema

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

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
Propiedades Color Fondo de la pantalla: Azul nfasis 1

Ttulo Men: Relleno texto Negro, Contorno

de texto Negro, Arial Negrita 20

Logo: Texto color Fuchsia, Arial 8 puntos.

Margen derecha,

Lnea: Azul Horizontal parte superior

Botones: Color Fuchsia Arial 12 puntos.

Fondo gris.

Figuras: Imgenes, parte media izquierda.

Atributos
Se despliega la pantalla
Evento Validar Pasivos
Evento Girar a Bancos
Evento Imprimir si se solicitad.
Evento Salir Salimos del sistema
 Imagen 7. Diseo de Interfaz. (21 de Noviembre de 2017). "Elaboracin Propia"

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
Propiedades Color Fondo de la pantalla: Azul nfasis 1

Ttulo Men: Relleno texto Negro, Contorno

de texto Negro, Arial Negrita 20

Logo: Texto color Fuchsia, Arial 8 puntos.

Margen derecha,

Lnea: Azul Horizontal parte superior

Botones: Color Fuchsia Arial 14 puntos.

Fondo gris.
 Figuras: Imgenes, parte media izquierda.
Atributos
Se despliega la pantalla
Evento Dependencia Tecnologa y
Creatividad
Evento Dependencia Talento
Humano
Evento Dependencia Produccin
Evento Mercadotecnia y Ventas
Evento Salir Salimos del sistema

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
Campo Tamao Tipo de Dato Descripcin
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.

Nombre del archivo: BDplantilla2

Descripcin: Base de Datos que contendr la plantilla Generar Certificado
Campo Tamao Tipo de Dato Descripcin
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.

Nombre del archivo: BDplantilla3

Descripcin: Base de Datos que contendr la plantilla Revisar Deudas
Campo Tamao Tipo de Dato Descripcin
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

Nombre del archivo: BDplantilla4

Descripcin: Base de Datos que contendr la plantilla Coordinar Dependencias
Campo Tamao Tipo de Dato Descripcin
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
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.

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
Propiedades Color Fondo de la pantalla: Azul nfasis 1

Ttulo Men: Relleno texto Negro, Contorno

de texto Negro, Arial Negrita 20

Recuadros: color fondo.

 Recuadro 1: Texto Arial 18 puntos color
negro

Recuadro 2: Texto Arial 18 puntos color

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.
Recuadro 6: SALIR Salimos del sistema.
Clase Mantenimiento
Descripcin Se muestra las opciones de
mantenimiento.
Modulo Principal
Estereotipo Control
Propiedades Color Fondo de la pantalla: Azul nfasis 1

Ttulo Men: Relleno texto Negro, Contorno

de texto Negro, Arial Negrita 20

Logo: Texto color Fucsia, Arial 12 puntos.

Margen derecha,

Lnea: Azul Horizontal parte superior

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
Propiedades Color Fondo de la pantalla: Azul nfasis 2
Ttulo Men: Relleno texto Negro, Contorno
de texto Negro, Arial Negrita 20
Recuadros: Color azul desvanecido
Recuadro 1: Texto Arial 18 puntos color
Negro
Recuadro 2: Texto Arial 18 puntos color
Negro
Logo: Texto color Fucsia, Arial 12 puntos.
Margen derecha,

Figuras: Imgenes, parte lateral de los

recuadros 1 al 2.
Atributos
Se despliega una pantalla
Evento Comunicaciones
Evento Soporte
Recuadro 6: SALIR Salimos del sistema.
Clase Redes Sociales
Descripcin Se muestra las diferentes redes sociales
de la empresa.
Modulo Principal
Estereotipo Control
Propiedades Color Fondo de la pantalla: Azul nfasis 2
Ttulo Men: Relleno texto Negro, Contorno
de texto Negro, Arial Negrita 20

Recuadros: Color azul desvanecido

Recuadro 1: Texto Arial 18 puntos color
Negro
Recuadro 2: Texto Arial 18 puntos color
Negro
Logo: Texto color Fucsia, Arial 12 puntos.
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
Recuadro 6: SALIR Salimos del sistema.
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
Color Fondo: PaleGoldenrod (#EEE8AA).
Logotipo:
Tipo: PictureBox
Ubicacin: Superior derecha de la interfaz.
Tamao: 100px, 90px
Formato imagen: PNG
Ttulo Principal:
Tipo: Label
Fuente: Constantia; tamao 26, negrita.
Color: Goldenrod.( #DAA520)
Subttulo:
Tipo: Label
Fuente: Candara; tamao 22, normal.
Color: Goldenrod. ( #DAA520)
Etiqueta:
Propiedades Tipo: Label
Tamao: 170px, 22px
Fuente: Arial, tamao 14, negrita
Color: Dodger Blue (#1E90FF)
Lista:
Tipo: ComboBox
Tamao: 215px, 30px
Fuente: Cambria, tamao 14, normal
Color fondo: Lavender (#E6E6FA)
Color texto: Dodger Blue (#1E90FF)
Botn:
Tipo: Botton
Tamao: 132px, 51px
Fuente: Century, tamao 16, normal
Color fondo: Goldenrod. ( #DAA520)
Color texto: (#FFFFFF)

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
Color Fondo: PaleGoldenrod (#EEE8AA).
Logotipo:
Tipo: PictureBox
Ubicacin: Superior derecha de la interfaz.
Tamao: 100px, 90px
Formato imagen: PNG
Ttulo Principal:
Tipo: Label
Fuente: Constantia; tamao 26, negrita.
Color: Goldenrod.( #DAA520)
Propiedades
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)
 Lista:
Tipo: ComboBox
Tamao: 215px, 30px
Fuente: Cambria, tamao 14, normal
Color fondo: Lavender (#E6E6FA)
Color texto: Dodger Blue (#1E90FF)
Botn:
Tipo: Botton
Tamao: 132px, 51px
Fuente: Century, tamao 16, normal
Color fondo: Goldenrod. ( #DAA520)
Color texto: (#FFFFFF)

Atributos
Despliega Men Mercadeo
Solicita seleccionar opcin
Botn Aceptar
Confirma eleccin.
Si Ok, ingresa
Si NO, Cancelar
Clase Men_Imagen
Permite seleccionar uno de las 4 Sub-reas con que cuenta el rea de
Descripcin
Imagen
Mdulo Control
Color Fondo: PaleGoldenrod (#EEE8AA).
Logotipo:
Tipo: PictureBox
Ubicacin: Superior derecha de la interfaz.
Tamao: 100px, 90px
Formato imagen: PNG
Ttulo Principal:
Tipo: Label
Fuente: Constantia; tamao 26, negrita.
Color: Goldenrod.( #DAA520)
Subttulo:
Tipo: Label
Fuente: Candara; tamao 22, normal.
Color: Goldenrod. ( #DAA520)
Etiqueta:
Propiedades Tipo: Label
Tamao: 170px, 22px
Fuente: Arial, tamao 14, negrita
Color: Dodger Blue (#1E90FF)
Lista:
Tipo: ComboBox
Tamao: 215px, 30px
Fuente: Cambria, tamao 14, normal
Color fondo: Lavender (#E6E6FA)
Color texto: Dodger Blue (#1E90FF)
Botn:
Tipo: Botton
Tamao: 132px, 51px
Fuente: Century, tamao 16, normal
Color fondo: Goldenrod. ( #DAA520)
Color texto: (#FFFFFF)

Atributos
Despliega Men Imagen
Solicita seleccionar opcin
Botn Aceptar
Confirma eleccin.
Si Ok, ingresa
Si NO, Cancelar
Clase Men_Diseo e Innovacin
Permite seleccionar uno de las 3 Sub-reas con que cuenta el rea de
Descripcin
Diseo e Innovacin.
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)
Lista:
Tipo: ComboBox
Tamao: 215px, 30px
Fuente: Cambria, tamao 14, normal
Color fondo: Lavender (#E6E6FA)
Color texto: Dodger Blue (#1E90FF)
Botn:
Tipo: Botton
Tamao: 132px, 51px
Fuente: Century, tamao 16, normal
Color fondo: Goldenrod. ( #DAA520)
Color texto: (#FFFFFF)

Atributos
Despliega Men Diseo e Innovacin.
Solicita seleccionar opcin
Botn Aceptar
Confirma eleccin.
Si Ok, ingresa
Si NO, Cancelar
Clase Men_Comunicacin
Permite seleccionar uno de las 4 Sub-reas con que cuenta el rea de
Descripcin
Comunicacin
Mdulo Control
Color Fondo: PaleGoldenrod (#EEE8AA).
Logotipo:
Tipo: PictureBox
Ubicacin: Superior derecha de la interfaz.
Tamao: 100px, 90px
Formato imagen: PNG
Ttulo Principal:
Tipo: Label
Fuente: Constantia; tamao 26, negrita.
Color: Goldenrod.( #DAA520)
Subttulo:
Tipo: Label
Fuente: Candara; tamao 22, normal.
Color: Goldenrod. ( #DAA520)
Etiqueta:
Propiedades Tipo: Label
Tamao: 170px, 22px
Fuente: Arial, tamao 14, negrita
Color: Dodger Blue (#1E90FF)
Lista:
Tipo: ComboBox
Tamao: 215px, 30px
Fuente: Cambria, tamao 14, normal
Color texto: Dodger Blue (#1E90FF)
Botn:
Tipo: Botton
Tamao: 132px, 51px
Fuente: Century, tamao 16, normal
Color fondo: Goldenrod. ( #DAA520)
Color texto: (#FFFFFF)

Atributos
Despliega Men Comunicacin
Solicita seleccionar opcin
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