Está en la página 1de 14

Pasó 3

Conceptos y principios básicos de diseño

Andrés Darío Rueda Ferreira


Código: 1.095.912.118
David Leonardo Latorre Baracaldo

Código: 80187529

Grupo: 301309_3

Tutor
Moisés de Jesús Rodríguez Bolaño
Diseño de sistemas

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA UNAD


ESCUELA DE CIENCIAS BÁSICAS, TECNOLOGÍA E INGENIERÍA
BOGOTÁ
JULIO 2019
Introducción
El presente trabajo tiene como objetivo aplicar los conocimientos aprendido referente al tema
de desarrollo de patrones, interfaces y las propiedades que estas deben cumplir, con el fin de
entregar una propuesta.
Objetivos

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.
Aporte Andrés rueda
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 Login
Descripción Solicitará el usuario y la contraseña, verificara si los datos son
correctos, en el caso de ser correctos redireccionara a la
página Inicial, de lo contrario indicara que los datos no son
correctos
Detalles Fondo: Imagen corporativa
Letra: Century Gothic
Tamaño: 16
Cuadro frontal: Transparente
CSS: bootstrap
Elementos de Botón de ingresar: permitirá redireccionar a la página inicial
navegación Olvide la contraseña: Redireccionara un formulario para
restablecer la contraseña

Nombre del elemento Layout


Descripción Contener que permite heredar el diseño a las demás páginas,
contendrá un banner con información e información
institucional, la barra de menú lateral,
Detalles Fondo: Imagen corporativa
Letra: Century Gothic
Tamaño: 16
CSS: bootstrap
Elementos de Barra de menú: permite poder redireccionar la en cada uno de
navegación las ventanas
Botón Guardar: Permite guardar la información y cargara el
formulario nuevamente
Botón Regresar: devuelve a la página de inicio
Botón Imprimir: imprimirá los reportes y el formulario creado
4. Según la interface, realizar el diseño de hipermedios orientado a objetos.

Imagen Descripción

Interfaz de Loguin

Diseño de fondo para todas las páginas, debe


se corporativa

Banner, parte superior con imágenes e


información coorporativa.

Menú lateral derecha, información de los


vínculos
Aporte Davidleonardo Latorre

1. Realizar un análisis al área de estudio. De acuerdo a ese análisis realizar un


diagrama de flujo de tareas.

Retribución

Diseñar
sistema
De
Empleo administración
retribución
-planificación
-gestión nominas
Y se lección
de Talento -contratos,
empleados humano permisos
o

Desarrollo servicios s.

Estudio de Relaciones s.
Beneficios a
necesidades trabajadores
Negociación
política
salarial
Talento humano

Clase Menú
Clase Seguridad
Abrir.
Pedir. Usuario Reclutamiento de
personal
Pedir. Contraseña
Abrir. Desarrollo y
Verificar. Datos dirección

Abrir. Seguridad e
higiene

Desarrollo y Seguridad e Servicios Desarrollo


Retribuci
dirección higiene en el sociales talento humano
Reclutami ón
ento de trabajo
Establecer. Ofrecer. Estudiar.
personal Establece
Planes de Evaluar. Beneficios Necesidades de
r. Diseño
carrera Factores del empleados
Planear. de
diseño de ambiente retribución Mejorar.
Evaluar. Clima Implementación.
cargos
Potencial del Mantener. laboral Formación
Evaluar.
personal Instalaciones académica
Diseño de
Perfil correctament retribución Facilitar. empleados
Crear. Planes e para evitar condicion
de formación y accidentes en es
Recibir.
llevarlos a el trabajo familiares
hojas de
cabo y
vida
Prevenir. personale
Lograr. Enfermedade s
Entrevistar.
Eficiencia y s laborales
primer ves
eficacia con
los empleados Brindar.
Pruebas
psicotécnic Dotación a los
as empleados

Investigar.
Antecedent
es

Verificar.
referencias

Preselecció
n. Personal

Evaluar.
Conocimie
ntos

Evaluar.
Personalid
ad

Contratar.
Selecciona
dos

Dar.
inducción
Diseño de las interfaces
Patrones arquitectónicos

Nombre del Clase seguridad


elemento
descripción Nos permite que el sistema valide nuestros datos, para así acceder a la
informacion de la empresa
detalles Espacio en blanco: para que se ingrese la informacion de autenticación
del usuario
Logotipo: fondo azul, bordado blanco, esquina superior derecha, imagen
computador.
Encabezado: colores azul marino, blanco, letra algerian
Letra: time new roman
Tamaño:11
Color: azul claro, gris claro.

Elementos de Botón acceder: verifica los datos ingresados por el usuario para su
navegación verificación

Nombre del Clase menú


elemento
descripción permite que el usuario visualialice las opciones que nos presenta el menú
de la empresa
detalles Flecha: azul, muestra el menú
Botón guardar: gris nos permite guardar los datos del usuario
Botón volver: gris nos permite volver a la página principal
Letra: calibre
Tamaño: 11
Color: azul claro

Elementos de Guardar: guarda la informacion que el usuario ingrese en el sistema


navegación De la empresa
Volver: devuelve al usuario a la página principal de la empresa
Diseño de hipermedias orientado a objetos

Imagen
Hipervínculo
explicativa
de ayuda

Texto
instructivo

Texto
general de
ayuda
Conclusiones.
 El desarrollo de los modelos de desarrollo permitirá cumplir con las
aspectadas que tiene el usuario con la creación de las interfaces
 Permite realizar un análisis adecuado de los elementos que deben utilizar
durante el desarrollo.
Referencias bibliográficas

- Senn, J. A. (1992). Análisis y diseño de sistemas de información Tomado


de https://bibliotecavirtual.unad.edu.co:2538/lib/unadsp/reader.action?ppg=382&d
ocID=3194990&tm=1537399474151

- Krall, C. (2013). Didácticas y Divulgación de la Programación. Recuperado el 16


de Diciembre de 2016, de Lenguajes y
Entornos: http://www.aprenderaprogramar.com/index.php?option=com_content&vi
ew=article&id=688:ique-es-y-para-que-sirve-uml-versiones-de-uml-lenguaje-
unificado-de-modelado-tipos-de-diagramas-uml&catid=46:lenguajes-y-
entornos&Itemid=163

- Moisés, R, (2012) trabajo colaborativo [archivo de video] recuperado


de https://www.youtube.com/watch?v=P_iYJRdzwek&t=94s

También podría gustarte