Documentos de Académico
Documentos de Profesional
Documentos de Cultura
ADSI
1367789
RISARALDA - DOSQUEBRADAS
2017
1
INFORME DE DISEÑO
1367789
ADSI
Docente:
Integrantes:
2017
2
Contenido
INTRODUCCION............................................................................................................................6
OBJETIVOS....................................................................................................................................7
General....................................................................................................................................7
Específicos................................................................................................................................7
DESCRIPCION DEL SISTEMA..........................................................................................................8
JUSTIFICACION.............................................................................................................................9
DIAGRAMA DE COMPONENTES..................................................................................................10
Definición...............................................................................................................................10
Elementos..............................................................................................................................10
Diagrama................................................................................................................................10
DIAGRAMA DE DISTRIBUCION....................................................................................................11
Definición...............................................................................................................................11
Elementos..............................................................................................................................11
Diagrama................................................................................................................................11
DIAGRAMA DE APLICACIONES DISTRIBUIDAS............................................................................12
Definición...............................................................................................................................12
Elementos..............................................................................................................................12
Diagrama................................................................................................................................12
DISEÑO DE LA BASE DE DATOS...................................................................................................13
Definición...............................................................................................................................13
Termino SGBD:.......................................................................................................................13
Elementos:.............................................................................................................................13
Diseño proyecto:....................................................................................................................14
Codigo diseño base de datos.................................................................................................16
INTERFACES................................................................................................................................19
Mockups web.........................................................................................................................19
Mockups móvil......................................................................................................................36
CONCLUSIONES..........................................................................................................................44
BIBLIOGRAFIA / WEBGRAFIA......................................................................................................45
3
TABLA DE ILUSTRACIONES
ILUSTRACIÓN 1..............................................................................................................................................10
ILUSTRACIÓN 2..............................................................................................................................................10
ILUSTRACIÓN 3..............................................................................................................................................11
ILUSTRACIÓN 4..............................................................................................................................................11
ILUSTRACIÓN 5..............................................................................................................................................11
ILUSTRACIÓN 6..............................................................................................................................................12
ILUSTRACIÓN 7..............................................................................................................................................12
ILUSTRACIÓN 8..............................................................................................................................................13
ILUSTRACIÓN 9..............................................................................................................................................14
ILUSTRACIÓN 10............................................................................................................................................14
ILUSTRACIÓN 11............................................................................................................................................15
ILUSTRACIÓN 12............................................................................................................................................15
ILUSTRACIÓN 13............................................................................................................................................15
ILUSTRACIÓN 14............................................................................................................................................16
ILUSTRACIÓN 15............................................................................................................................................16
ILUSTRACIÓN 16............................................................................................................................................20
ILUSTRACIÓN 17............................................................................................................................................20
ILUSTRACIÓN 18............................................................................................................................................21
ILUSTRACIÓN 19............................................................................................................................................21
ILUSTRACIÓN 20............................................................................................................................................22
ILUSTRACIÓN 21............................................................................................................................................22
ILUSTRACIÓN 22............................................................................................................................................23
ILUSTRACIÓN 23............................................................................................................................................23
ILUSTRACIÓN 24............................................................................................................................................24
ILUSTRACIÓN 25............................................................................................................................................24
ILUSTRACIÓN 26............................................................................................................................................25
ILUSTRACIÓN 27............................................................................................................................................25
ILUSTRACIÓN 28............................................................................................................................................26
ILUSTRACIÓN 29............................................................................................................................................26
ILUSTRACIÓN 30............................................................................................................................................27
ILUSTRACIÓN 31............................................................................................................................................27
ILUSTRACIÓN 32............................................................................................................................................28
ILUSTRACIÓN 33............................................................................................................................................28
ILUSTRACIÓN 34............................................................................................................................................29
ILUSTRACIÓN 35............................................................................................................................................29
ILUSTRACIÓN 36............................................................................................................................................30
ILUSTRACIÓN 37............................................................................................................................................30
ILUSTRACIÓN 38............................................................................................................................................31
ILUSTRACIÓN 39............................................................................................................................................31
ILUSTRACIÓN 40............................................................................................................................................32
ILUSTRACIÓN 41............................................................................................................................................32
4
ILUSTRACIÓN 42............................................................................................................................................33
ILUSTRACIÓN 43............................................................................................................................................33
ILUSTRACIÓN 44............................................................................................................................................34
ILUSTRACIÓN 45............................................................................................................................................34
ILUSTRACIÓN 46............................................................................................................................................35
ILUSTRACIÓN 47............................................................................................................................................35
ILUSTRACIÓN 48............................................................................................................................................36
ILUSTRACIÓN 49............................................................................................................................................36
ILUSTRACIÓN 50............................................................................................................................................37
ILUSTRACIÓN 51............................................................................................................................................37
ILUSTRACIÓN 52............................................................................................................................................38
ILUSTRACIÓN 53............................................................................................................................................38
ILUSTRACIÓN 54............................................................................................................................................39
ILUSTRACIÓN 55............................................................................................................................................39
ILUSTRACIÓN 56............................................................................................................................................40
ILUSTRACIÓN 57............................................................................................................................................40
ILUSTRACIÓN 58............................................................................................................................................41
ILUSTRACIÓN 59............................................................................................................................................41
ILUSTRACIÓN 60............................................................................................................................................42
ILUSTRACIÓN 61............................................................................................................................................42
ILUSTRACIÓN 62............................................................................................................................................43
ILUSTRACIÓN 63............................................................................................................................................43
ILUSTRACIÓN 64............................................................................................................................................44
5
INTRODUCCION
En el diseño de la estructura de datos de nuestro proyecto Healthy Body se visualizará el diseñ
o que ha tenido nuestra aplicación llevando ciertos pasos a seguir tales como la descripción del
modelo entidad relación y diagrama relacional que se realizó mediante la información recolect
ada, seguido del diccionario de datos donde se puede observar todas las definiciones que se va
n a usar para la base de datos y unas miniespecificaciones que serán los tipos de datos y longit
udes que ayudaran al desarrollo de la base de datos, donde también podremos construir nuest
ro diagrama relacional de acuerdo a las especificaciones definidas en nuestro trabajo y por un
último unas conclusiones acerca de cómo se llevó a cabo el trabajo
En el diseño de los mockups utilizamos dos programas, el primero es pencil para crear los moc
kups de la aplicacion web y el segundo balsamiq para crear los mockups de la aplicacion movil
estos dos programas fueron de una gran ayuda para completar nuestro trabajo y su funcionali
dades son muy buenas ya que podimos plantar nuestros diseños en estos dos programas, en c
ada mockups estara plantado cada funcion que tendra nuestro aplicativo movil y web como m
ostrar rutinas , dietas y tips registrase entre otras cada mockups cumple con una funcion difere
nte a los demas mockups.
Los mockups de la pagina web no va a tener el mismo diseño de los mockups de el aplicativo m
ovil, poque queremos un estilo y diseño diferente para crear un aspecto unico y diferente.
6
OBJETIVOS
General:
Diseñar una aplicación web y movil para el entrenamiento físico, alimentación, dietas y
ejercicios.
Específicos:
- Realizar los mockups del proyecto healthy body
- Realizar la base de datos del proyecto healthy dody
- Realizar el sistema de informacion de healthy body
- Realizalizacion de los diagramas(distribucion, componentes, aplicaciones distribuidas)
7
DESCRIPCION DEL SISTEMA
Healthy Body diseño sus mockups atreves de dos programas los cuales fueron Pencil y
Balsamiq con el fin de diseñar la interacción del usuario con la aplicación, con Pencil se
desarrolló los diseños de el aplicativo web y con Balsamiq se desarrolló los diseños del
aplicativo móvil.
Healthy Body cuenta con una base de datos la cual tendrá almacenado toda la información de
usuario, dietas, rutinas y tips del aplicativo tanto web como móvil, la base de datos que se usó
para gestionar los datos almacenados de Healthy Body fue MySql.
Para la elaboración del diseño de Healthy Body se utilizó varios diagramas con el fin de mostrar
las acciones que se llevaran a cabo en el aplicativo web tanto como móvil, en el diagrama de
componentes se puede observar las secuencias que llevara a cabo con la base de datos y en el
de distribución los componentes físicos que necesitamos para que funcione el aplicativo web y
móvil.
8
JUSTIFICACION
La aplicación móvil está basada en una serie de rutinas de ejercicio que varían según
el somatotipo, peso, género, estatura y edad de cada usuario.
Se le brindara al usuario dietas y tips de alimentación, se llevara un registro y un
cuestionario que mostrara una serie de preguntas las cuales definirán el tipo de
rutina, dieta y tip que debe realizar cada persona. Las rutinas podrán ser realizadas en
la casa o en el gimnasio, estará orientada a todo tipo de personas mayores de 16 años
que tengan las condiciones adecuadas para realizar las diferentes rutinas, se
manejaran dos tipos de intensidad según sus edades, una de ellos será el avanzado,
que será utilizado por personas de los dieciséis años de edad hasta los cuarenta, y
básico para las personas de cuarenta años en adelante, también podrá variar su nivel
según sus habilidades para realizar las rutinas.
Estará desarrollada para las personas que quieran llevar una vida saludable con un
buen tipo de alimentación y mejorar su condición física a bases de rutinas.
Contendrá unos enlaces que según los resultados de los cuestionarios de registro y
selección de rutina enviaran a cada usuario a la rutina y dieta que debe seguir,
mostrando al usuario videos e instrucciones de cada ejercicio que debe realizar
explicando de la manera más fácil para que el usuario tenga claro cómo realizar de la
forma correcta cada uno de los ejercicios, aparte mostrara al usuario paso a paso las
instrucciones para que pueda llevar una alimentación saludable brindándoles dietas y
tips de alimentación cuya finalidad será que el usuario lleve una mejor calidad de vida.
También contara con diferentes niveles de dificultad e intensidad de rutina
seleccionable por el mismo usuario según el tiempo que tenga disponible para realizar
cada una de las rutinas, la intensidad también variara según los resultados de los
cuestionarios de registro, somatotipo y género de cada persona.
9
DIAGRAMA DE COMPONENTES
Definición:
Elementos:
- Componentes.
Ilustración 1
- Interfaz.
Ilustración 2
Diagrama:
Ilustración 3
10
DIAGRAMA DE DISTRIBUCION
Definición:
Sirve para representar la estructura del hardware y software, representando cada uno de ellos
en un nodo, cada nodo es un elemento que va en secuencia.
Elementos:
- Nodo:
Ilustración 4
- Artefacto:
Ilustración 5
Diagrama:
Ilustración 6
11
DIAGRAMA DE APLICACIONES DISTRIBUIDAS
Definición:
Puede utilizar esta propiedad para describir textualmente cómo se distribuyen la presentación,
la lógica de la aplicación y las capas de datos en la aplicación: en qué nodos o servidores, etc.
Elementos:
Ilustración 7
Diagrama:
Ilustración 8
12
DISEÑO DE LA BASE DE DATOS
Definición:
Sirve para almacenar información para poder mostrarla o usarla en el momento que se
necesite.
Termino SGBD:
Es una colección de programas que se utilizan como interfaz entre la base de datos, usuarios y
aplicaciones. Lo compone un lenguaje de definición de datos, manipulación de datos y
lenguaje de consulta.
Elementos:
Ilustración 9
13
Diseño proyecto:
Ilustración 10
Ilustración 12
Ilustración 11
14
Ilustración 13
Ilustración 14
Ilustración 15
15
Codigo diseño base de datos
16
) ENGINE=InnoDB;
17
('043','3265476','diana','diana99@gmail.com','femenino',16,58,'ectomor
fico',90,'013','023','033'),
('044','3276543','raul','raul99@gmail.com','masculino',17,24,'ectomorf
ico',62,'014','024','034'),
('045','3459843','jose','jose99@gmail.com','masculino',15,70,'mesomorf
ico',78,'015','025','035'),
('046','3765843','natalia','natalia99@gmail.com','femenino',16,39,'ect
omorfico',90,'016','026','036'),
('047','3245678','pedro','pedro99@gmail.com','masculino',15,14,'ectomo
rfico',58,'017','027','037'),
('048','3246789','andres','andres99@gmail.com','masculino',18,18,'endo
morfico',75,'018','028','038'),
('049','3276543','manuel','manuel99@gmail.com','masculino',19,27,'meso
morfico',99,'019','029','039'),
('050','3270643','andrea','andrea99@gmail.com','femenino',15,20,'endom
orfico',65,'020','030','040');
18
INTERFACES
Mockups web
Ilustración 16
Ilustración 17
19
Ilustración 18
Ilustración 19
20
Ilustración 20
Ilustración 21
21
Ilustración 22
Ilustración 23
22
Ilustración 24
Ilustración 25
23
Ilustración 26
Ilustración 27
24
Ilustración 28
Ilustración 29
25
Ilustración 30
Ilustración 31
26
Ilustración 32
Ilustración 33
27
Ilustración 34
Ilustración 35
28
Ilustración 36
Ilustración 37
29
Ilustración 38
Ilustración 39
30
Ilustración 40
Ilustración 41
31
Ilustración 42
Ilustración 43
32
Ilustración 44
Ilustración 45
33
Ilustración 46
Ilustración 47
34
Ilustración 48
Ilustración 49
35
Mockups móvil
Ilustración 50
Ilustración 51
36
Ilustración 52
Ilustración 53
37
Ilustración 54
Ilustración 55
38
Ilustración 56
Ilustración 57
39
Ilustración 58
Ilustración 59
40
Ilustración 60
Ilustración 61
41
Ilustración 62
Ilustración 63
42
Ilustración 64
43
CONCLUSIONES
del sistema y permiten visualizar de una manera más sencilla nuestros diseños.
Este informe de diseño es suministro para el diseño de las interfaces del proyecto
healthy body y la base de datos del sistema.
44
BIBLIOGRAFIA / WEBGRAFIA
http://www.teatroabadia.com/es/uploads/documentos/iagramas_del_uml.pdf
https://es.slideshare.net/uitron/diagrama-de-componentes-7551535
http://www.notodocodigo.com/blog/diagrama-de-componentes-y-diagrama-de-distribucion/
45
Descripción Modelo Entidad Relación
El administrador creara rutinas las cuales serán subidas por medio de link/url
donde serán dirigidos a una plataforma móvil o web como YouTube, manejara
(código único para las rutinas, el tipo de rutinas en base a el peso, la altura y el
somatotipo del usuario y las características que el usuario elija para sus
rutinas).
El administrador para modificar las dietas se deberá usar las mismas preguntas
que se usaron al crearla, para poder reemplazarlas o poder agregarle algo
nuevo como una pregunta.
46
El administrador para eliminar las cuentas de usuario se deberá llenar un
formulario que contenga los mismos datos que se usaron al crear la cuenta, el
administrador para listar las rutinas se usara una tabla mostrando todas las
rutinas disponibles.
El administrador para listar las dietas se usará una tabla mostrando todas las
dietas disponibles.
El administrador para listar los tips se usará una tabla mostrando todos los tips
disponibles.
El administrador para listar las cuentas de usuario se mostrará una tabla que
mostrará todos los usuarios registrados.
Para las rutinas se identificarán con un código único y se dividirá por tipos de
rutinas dependiendo las características que pide el usuario y el según el
somatotipo que sea, el somatotipo estará ligado con la altura, edad y peso del
usuario que será ingresado cuando él se registre, estos datos pueden ser
modificados por el administrador y el usuario, para tener en cuenta que un
usuario puede ver varias rutinas y una sola rutina se le genera a un usuario.
Para los tips se manejará una identificación única y se dividirá por tipos
dependiendo si es rutinas o dietas, para tener en cuenta que un usuario puede
ver varios tips.
47
DIAGRAMA ENTIDAD-RELACIÓN
Es una herramienta para el modelado de datos que permite representar las
entidades relevantes de un sistema de información así como sus
interrelaciones y propiedades.
48
DICCIONARIO DE DATOS
correo: Atributo que guarda el correo electrónico con el cual este registrado o
vinculado el administrador.
genero: Atributo que guarda el tipo de género del usuario, ya sea masculino o
femenino.
somatotipo: Atributo que guarda el tipo de cuerpo del usuario, existen tres
tipos de somatotipo los cuales son:
49
-endomorfico: caracterizado por un mayor almacenamiento de
grasas, una cintura gruesa y una estructura sea de
grandes proporciones.
correo: Atributo que guarda el correo electrónico con el cual este registrado o
vinculado el usuario.
50
MINIESPECIFICACIONES
Es una herramienta de sistema, que permite definir que sucede en los procesos
funcionales de un sistema, su objetivo es definir que debe hacerse para
transformar ciertas entradas en ciertas salidas.
administrador
usuario
51
altura: Tipo de dato DECIMAL, Su longitud es de 4(Escogimos este tipo de
dato porque la altura siempre se da en un valor DECIMAL y es por eso que
escogimos este tipo)
rutina:
dieta:
52
tips:
53