Step_3 Desing oriented to objects and components

ANDRES MAURICIO PEREZ

Código: 10303531

JESUS EDUARDO MUÑOZ OROZCO

DISEÑO DE SISTEMAS
GRUPO 301309_2

TUTOR:

MOISES DE JESUS RODRIGUEZ BOLAÑOS

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA

ESCUELA DE CIENCIAS BÁSICAS TECNOLOGÍAS E INGENIERÍAS.

OCTUBRE DE 2019
 Introducción

Con la elaboración del trabajo se busca aplicar los conceptos en el desarrollo de patrones,
interfaces y las propiedades que estas deben cumplir, con el fin de entregar una propuesta.

Modelar 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

1. Comprender los conceptos bases del diseño y sus componentes.

2. Desarrollar el diseño arquitectónico para un sistema de información.

3. Desarrollar el diseño a nivel de componentes a un sistema de información.

 Consolidación De Aportes

Mauricio Pérez

Nombre del
DATOS_DEL_USUARIO
elemento

Descripción Ingreso de los datos de los clientes

Datos del usuario con documento de identidad o número de NIT.

Detalles
Letra Calibri 10, color azul y en negrilla.

Botones “Guardar” y “Volver”

Elementos de
Guardar: Envía una ventana emergente “Registro Guardado con Éxito”
navegación
Volver: Retorna al menú principal
 Nombre del
PRODUCTOS
elemento

Los datos ingresados anteriormente del usuario se cargan en la ventana de

productos para adelantar el proceso de facturación

Los datos de los productos se verán en una ventana debajo de los datos del
Descripción
usuario y su búsqueda podrá hacerse al escribir el producto o al presionar la
tecla F2 para buscar uno a uno por orden alfabético

Dentro de los productos está inmerso el desarrollo de software.

Datos del usuario con documento de identidad o número de NIT, datos de los
Detalles productos.

Letra Calibri 10, color azul y en negrilla.

Botones “Enviar” y “Volver”

Elementos de
Enviar: Envía una ventana emergente “Facturación con éxito”
navegación
Volver: Retorna al menú principal

Diseño de Hipermedios orientado a objetos

 Nombre del
SERVICIOS
elemento

Los datos ingresados anteriormente del usuario se cargan en la ventana de

productos para adelantar el proceso de facturación

Los datos de los servicios se verán en una ventana debajo de los datos del
Descripción
usuario y su búsqueda podrá hacerse al escribir el producto o al presionar la
tecla F2 para buscar uno a uno por orden alfabético.

Dentro de los servicios está inmerso el mantenimiento.

Datos del usuario con documento de identidad o número de NIT, datos de los
Detalles servicios.

Letra Calibri 10, color azul y en negrilla.

Botones “Enviar” y “Volver”

Elementos de
Enviar: Envía una ventana emergente “Facturación con éxito”
navegación
Volver: Retorna al menú principal

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

Jesús Eduardo Muñoz Orozco/ Mercadotecnia
1. Se le adicionaron las credenciales de acceso para el respaldo de los datos de mercadotecnia
aumentando así la seguridad de los mismos.
2. Diseño de las interfaces

3. Realizar el diseño de patrones arquitectónicos.

Nombre del
Seguridad usuario contraseña
elemento

Interfaz que permite subir y respaldar la información del área de mercadeo a

Descripción
los servidores de la empresa.
 Es una ventana conformada por el logotipo fondo blanco, el encabezado y el
cuerpo de la interfaz como son las: instrucciones para el respaldo de datos,
casillas para ingresar: datos del usuario, contraseña, resolver captcha, código
Detalles de autentificación móvil, subir datos, representados algunos con asterisco
que significa obligatorio.

Letra lato 12, color negra y negrilla.

Botones:

Seleccionar datos: botón de búsqueda y navegación para seleccionar la

información lista para respaldo.

Atrás: Botón que regresa a la página principal de la empresa

Captcha: Botón que invoca un captcha para ser resuelto por el usuario,
Elementos de cuando se resuelve con éxito, se envía un código de 4 dígitos al celular para
navegación ser introducido en el apartado “SMS móvil”

Ayuda: Salta un mensaje con instrucciones precisas para desarrollar la

actividad.

Subir información: envía la información seleccionada a los servidores para ser

respaldados, aparece ventana emergente con mensaje “Datos respaldados
exitosamente”

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

Los usuarios podrán tener una ayuda por medio de un botón en signo de interrogación el cual
despliega un texto que describe paso a paso como utilizar de manera correcta la interfaz.

El usuario interactúa con la aplicación pudiendo consultar la ayuda, insertar los datos que se
requieren, sin verse abrumado, ya sea por hipervínculos o ventanas emergentes. Todas
herramientas permitían un correcto uso de la aplicación.
 Conclusiones

 Con el desarrollo de la actividad se pudo comprender los conceptos bases del diseño y
sus componentes.

 Se pudo desarrollar el diseño arquitectónico para un sistema de información.

 Los estudiantes pudimos desarrollar el diseño a nivel de componentes a un sistema de

información.
 Referencias Bibliográficas

 THE INTERFACE DESIGN FOR A USER

Mohapatra, P. K. (2010). Software Engineering: A lifecycle Aproach. En P. Mohapatra,
Software Engineering: A lifecycle Aproach (pág. 296).

New Delhi: New Age International. Retrieved

from: http://bibliotecavirtual.unad.edu.co/login?url=http://search.ebscohost.com/login.asp
x?direct=true&db=nlebk&AN=316074&lang=es&site=eds-live&ebv=EB&ppid=pp_296

 PATTERN BASED DESIGN

Mohapatra, P. K. (2010). Software Engineering: A lifecycle Aproach. En P. Mohapatra,
Software Engineering: A lifecycle Aproach (pág. 322).

New Delhi: New Age International. Retrieved

from: http://bibliotecavirtual.unad.edu.co/login?url=http://search.ebscohost.com/login.asp
x?direct=true&db=nlebk&AN=316074&lang=es&site=eds-live&ebv=EB&ppid=pp_322

 WEB APPLICATION DESIGN

Mohapatra, P. K. (2010). Software Engineering: A lifecycle Aproach. En P. Mohapatra,
Software Engineering: A lifecycle Aproach (pág. 360).

New Delhi: New Age International. Retrieved

from: http://bibliotecavirtual.unad.edu.co/login?url=http://search.ebscohost.com/login.asp
x?direct=true&db=nlebk&AN=316074&lang=es&site=eds-live&ebv=EB&ppid=pp_360

 Virtual Information Object System Design and Development

Below you will find a Virtual Object of Information [OVI] with topics related to Unit 2,
which serve for the development of the online activity and

the second collaborative work. UNAD (2017). Object-oriented design. [Video file].
Recovered from: http://hdl.handle.net/10596/12733

 Virtual Information Object Design oriented to objects and components

Below you will find a Virtual Object of Information [OVI] with topics related to Unit 2,
which serve for the development of the online activity and

the second collaborative work. UNAD (2018). Object-oriented design. [Video file].
Recovered from: http://hdl.handle.net/10596/21646