Diseño de Sistemas

MATEO JOSE CORREDOR ROJAS

1055314973
ELIO RAMIRO DIAZ
13565692
301309_56

Tutor
DAVID ANDRADE YEJAS

Universidad Nacional Abierta y a Distancia

Escuela de Ciencias Básicas Tecnología e Ingeniería - ECBTI
Diseño de Sistemas
2019
 INTRODUCCION

El siguiente trabajo contiene un aporte individual. En la parte individual, cada estudiante debe
elegir una dependencia, en este paso 3, debemos seguir trabajando con la dependencia elegida en
la actividad anterior la cual es Mercadotecnia y Ventas. Para el desarrollo de la guía de actividades,
se debe diseñar los patrones, la interfaz gráfica en base a estos patrones.

El estudiante aplica los conceptos en el desarrollo de patrones, interfaces y las propiedades que
estas deben cumplir, con el fin de entregar una propuesta.
El estudiante modela 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.
 OBJETIVOS

 Diseño de interfaz de usuario

 Realizar el diseño de patrones de Mercadotecnia y Ventas
 Diseñar la interfaz graficas de acuerdo a los patrones.
 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.
….

Dependencia de Tecnología y Creatividad

1.Sobre la base del diagrama de componentes del trabajo anterior, determine de

acuerdo con el componente qué variables pueden participar en el proceso.

2.Con base al punto anterior, realice el diseño de las interfaces de acuerdo a los
componentes donde se pueda dar solución a la tarea estableciendo una
distribución preliminar la información en la interfaz.
3. Realizar el diseño de patrones arquitectónicos.
 NOMBRE DEL ELEMENTO Tecnología y creatividad

DESCRIPCION Interfaz captura de datos del cliente

DETALLES En la primera parte hay 2 textbox con

ELEMENTOS DE NAVEGACION
sus respectivos labels con un botón de
inicio de sesión. Mas abajo se
encuentra con una barra de menus en
donde se encuentra 5 opciones, mas
abajo se encuentra 5 textbox con sus
respectivos labels para el ingreso de la
información, por ultimo nos
encontramos con 5 textbox con sus
respectivos labels para la salida de la
información que la empresa pidio
En los primeros textbox se ingresa el
usuario y la contraseña para
posteriormente hacer click en el botón
iniciar sesión, después en la barra de
menú se selecciona la opción de donde
se necesita la información

4Según la interface, realizar el diseño de hipermedios orientado a objetos.

 Ingresar usuario y contraseña en las cajas de textos y después hacer clic en iniciar sesión

Después seleccionar la opción de información de su interés, en este caso tecnología creatividad

Ingresar los tipos de datos de su interés, base de datos trabajadores, base de datos clientes y
después hacer clic en la opción deseada para hacer efectiva la información

Aquí se muestran los resultados de las base de datos solicitadas anteriormente.

Departamento de Mercadotecnia y Ventas

1.Sobre la base del diagrama de componentes del trabajo anterior, determine de

acuerdo con el componente qué variables pueden participar en el proceso.

Venta

Número de venta

Datos del vendedor

Vendedor
2.Con base al punto anterior, realice el diseño de las interfaces de acuerdo a los componentes
donde se pueda dar solución a la tarea estableciendo una distribución preliminar la información
en la interfaz.

Nombre del
Mercadotecnia y Ventas Ingreso al Sistema
elemento

Descripción Ingreso al Sistema y/o cambio de clave

En esta interfaz el usuario encontrara el inicio de sesión al software de

Marketing previo permiso asignado con anticipación y autorización. En
el cuadro de usuario se debe ingresar el usuario asignado, en el cuadro de
Detalles
contraseña se debe digitar la contraseña asignada, pero esta debe ser
cambiada en el primer inicio de sesión desde el botón de cambiar clave.
El botón salir es para salir de esta interfaz.
 Color Fondo de la pantalla: blanco
Borde Superior e inferior: color azul
Tipo de letra título: Helvetica Negrita
Elementos de Tamaño Fuente: 26
navegación Tipo letra Botones: Helvetica
Tamaño Fuente Botones: 14
Imagen: Superior Derecha “Ciclo de vida Mercadotecnia y Ventas”

Nombre del
Mercadotecnia y Ventas Menú Principal
elemento
Menú Principal en donde se encuentran las áreas de trabajo de
Descripción
Mercadotecnia y Ventas
En esta interfaz el usuario encontrara el flujo de trabajo que tiene el
área de Mercadotecnia y Ventas. En esta área de trabajo está el menú
con:
Clientes: Interfaz para la creación o edición de un cliente.
Vendedores: Configuración de los vendedores.
Detalles Pedidos: Área de trabajo para la realización de pedidos y tipos de
pedidos de la compañía.
Productos: Área de trabajo para la creación de los productos,
configuración y características de los productos.
Organización: N/A.
El botón salir es para salir de esta interfaz.
 Color Fondo de la pantalla: blanco
Borde Superior e inferior: color azul
Tipo de letra título: Helvetica Negrita
Elementos de Tamaño Fuente: 26
navegación Tipo letra Botones: Helvetica
Tamaño Fuente Botones: 14
Imagen: Superior Derecha “Ciclo de vida Mercadotecnia y Ventas”

Nombre del
Mercadotecnia y Ventas Menú Clientes
elemento
Descripción Interfaz para la creación o edición de un cliente.
Esta área de trabajo es para la creación de un nuevo cliente o para la
actualización de los datos del cliente desde el botón editar.
Botón Nuevo Cliente: Permite la creación de un nuevo cliente.
Botón Editar: Permite la edición de un cliente ya existente.
Detalles Código: Consecutivo con el que se identifica el cliente que se esta
creando.
NIT: Es el mismo código del cliente. Código del Cliente igual a NIT, es
decir igual al número de documento de identidad.
Identificación: Identifica el código y nombre del tipo de documento de
identidad del cliente que se esta creando.
 Digito: En caso de ser un NIT el campo anterior, establezca el digito de
verificación.
Nombres: Sirve para determinar el nombre o nombres del cliente.
Apellidos: Indica los apellidos del cliente que se está creando.
Representante Legal: Digitar el consecutivo y nombre del representante
legal.
Nombre Completo: Campo no editable, unifica nombres y apellidos para
mostrar el nombre completo del cliente.
Nombre Comercial: Establece el nombre comercial del cliente.
Ubicación Geográfica: Este group box es para realizar la búsqueda y
selección de los campos País, Región, Departamento y Municipio. Al
seleccionar uno alimenta automáticamente los valores en todos los
campos de este grupo.
Naturaleza: En este campo se indica la naturaleza del cliente.
Tipo de Empresa: Permite determinar si el cliente pertenece a entidades
privadas o públicas.
Estado: Fase en la que se encuentra el cliente, activo o inactivo.
El botón salir es para salir de esta interfaz.

Color Fondo de la pantalla: blanco

Borde Superior e inferior: color azul
Elementos de Tipo de letra título: Helvetica Negrita
navegación Tamaño Fuente: 26
Tipo letra Botones: Helvetica
Tamaño Fuente Botones: 14
Nombre del
Mercadotecnia y Ventas Menú Vendedor
elemento
Descripción Interfaz que tiene los datos del vendedor asociados al cliente.
Esta área de trabajo es para la creación y configuración del vendedor.
Botón Nuevo Vendedor: Permite la creación de un nuevo vendedor.
Botón Editar: Permite la edición de un vendedor ya existente.
Usuario: Campos numérico que identifica al vendedor.
Identificación: Campo con valor igual al usuario, corresponde a la
identificación del vendedor.
Punto de Venta: Lugar de venta al que está asignado el vendedor.
Vendedor Senior: Permite asignar el rol de Senior cuya clase sea “S”
Vendedor Junior: Permite asignar el rol de Junior cuya clase sea “J”
Detalles Cliente por Defecto: Permite seleccionar al cliente el cual debe estar
previamente creado.
Nombre Comercial: Campo no editable que muestra el nombre comercial
del cliente.
Permite Modificar Factura del Cliente: Es para aquellos vendedores que
están autorizados a realizar factura directas al cliente.
Permite Modificar Valor Unitario: Es para aquellos vendedores que están
autorizados a realizar modificaciones a los valores de los productos con
el fin de generar mayores ventas en una negociación
El botón salir es para salir de esta interfaz.
Color Fondo de la pantalla: blanco
Borde Superior e inferior: color azul
Elementos de Tipo de letra título: Helvetica Negrita
navegación Tamaño Fuente: 26
Tipo letra Botones: Helvetica
Tamaño Fuente Botones: 14
Nombre del
Mercadotecnia y Ventas Menú Pedidos
elemento
Descripción Interfaz que tiene los datos de solicitudes de pedidos.
Esta área de trabajo es para la creación o edición de un pedido.
Botón Nuevo Pedido: Permite la creación de un nuevo Pedido.
Botón Editar: Permite la edición de un pedido ya existente.
Pedido: Numero de pedido.
Cliente: Número de identificación del cliente asociado al pedido.
Vendedor: Número de identificación del vendedor asociado al pedido.
Fecha de Pedido: Campo tipo fecha, es para llevar el control de la fecha
Detalles del pedido.
Consecutivo: Numero automático asignado por el sistema para el pedido.
Bodega: Lugar desde donde se solicita el pedido.
Nombre del Producto: Determina el detalle asociado al producto.
Centro de Costo: Campo obligatorio que permite seleccionar el centro de
costo, una vez se guarda el sistema no permite que se parametrice
nuevamente el centro de costo con cuenta diferente.
El botón salir es para salir de esta interfaz.
Color Fondo de la pantalla: blanco
Elementos de Borde Superior e inferior: color azul
navegación Tipo de letra título: Helvetica Negrita
Tamaño Fuente: 26
Tipo letra Botones: Helvetica
 Tamaño Fuente Botones: 14

Nombre del
Mercadotecnia y Ventas Menú Productos
elemento
Descripción Interfaz que tiene los datos de los productos.
Esta área de trabajo es para la creación o edición de un producto.
Botón Nuevo Producto: Permite la creación de un nuevo Producto.
Botón Editar: Permite la edición de un producto ya existente.
Código Producto: Determina la identificación única del producto.
Unidad de Medida: Identifica el código y nombre de la unidad de medida
que utilizara el producto.
Código de Barras: Campo que muestra el código de barras asociado al
Detalles código del producto parametrizado.
Producto: Código y nombre del producto que se está parametrizando.
Registro Sanitario: Define el número de registro del número sanitario.
Fecha de Registro: Define la fecha de vencimiento del registro sanitario.
Fecha de Vencimiento: Define la fecha de vencimiento del registro
sanitario.
Tipo de Producto: Determina el código y nombre del tipo de producto que
se va a crear.
 Tipo de Orden: Parámetro que indica si la orden del producto es de
compra, manufactura, envase o empaque.
Característica: Parámetro que identifica si el producto es comprado o
manufacturado.
Origen: Define el origen del producto ya sea nacional o importado.
El botón salir es para salir de esta interfaz.
Color Fondo de la pantalla: blanco
Borde Superior e inferior: color azul
Elementos de Tipo de letra título: Helvetica Negrita
navegación Tamaño Fuente: 26
Tipo letra Botones: Helvetica
Tamaño Fuente Botones: 14
 Conclusiones

Con el desarrollo de esta actividad se han reforzado los conceptos de diseño de sistemas, se ha

desarrollados ejercicios como es el diseño arquitectónico, diseño de componentes y diagrama de

flujo con el fin de reforzar el conocimiento sobre el diseño de sistemas.

 Bibliografía

http://bibliotecavirtual.unad.edu.co/login?url=http://search.ebscoh
ost.com/login.aspx?direct=true&db=nlebk&AN=316074&lang=es&si
te=eds-live&ebv=EB&ppid=pp_322

http://bibliotecavirtual.unad.edu.co/login?url=http://search.ebscoh
ost.com/login.aspx?direct=true&db=nlebk&AN=489951&lang=es&si
te=eds-live&ebv=EB&ppid=pp_239
https://bibliotecavirtual.unad.edu.co:2538/lib/unadsp/reader.action
?ppg=382&docID=3194990&tm=1537399474151
https://app.moqups.com/8JvtNX4eZG/edit/page/ad64222d5