1
00:00:01,649 --> 00:00:17,870
Buenas tardes. Hoy día 22 de enero a las 19 horas estamos convocados a través de Jefatura del Departamento para la Defensa del Módulo Profesional del Proyecto de Ciclo Formativo de Grado Superior de Desarrollo de Aplicaciones Web.

2
00:00:17,870 --> 00:00:28,789
Te informamos que esta defensa está siendo grabada y que a dicha grabación se accederá en el entorno cerrado de Educamadrid con fines educativos

3
00:00:28,789 --> 00:00:37,350
y sólo estará a disposición de los profesores evaluadores en el aula virtual para llevar a cabo la evaluación y calificación de la defensa del proyecto

4
00:00:37,350 --> 00:00:43,590
En el aula virtual de proyectos ha sido informado de los criterios y de la rúbrica de calificación

5
00:00:43,590 --> 00:00:47,409
El orden de presentación del proyecto es el siguiente

6
00:00:47,409 --> 00:00:55,509
15 minutos para la defensa del proyecto, 15 minutos máximo para las preguntas por parte del Dirbonar

7
00:00:55,509 --> 00:01:00,409
y dicho esto, tu tiempo de exposición comienza a partir de este momento.

8
00:01:00,890 --> 00:01:02,310
Adelante y mucha suerte.

9
00:01:03,369 --> 00:01:07,849
Buenas tardes, mi nombre es Andrés Gallego y hoy voy a presentar mi proyecto de fin de curso.

10
00:01:08,670 --> 00:01:14,689
Se trata de una aplicación llamada DiarioFit que sirve para registrar tus entrenamientos en el mundo fitness.

11
00:01:14,689 --> 00:01:31,209
Los puntos que voy a tratar durante la presentación son los siguientes. Introducción, objetivos, metodología, tecnologías utilizadas, análisis, diseño, implementación, pruebas, despliegue, conclusiones y una vía futura.

12
00:01:33,609 --> 00:01:40,010
Hay un problema hoy en día en el mundo del fitness, que es la falta de registro de tus entrenamientos,

13
00:01:40,010 --> 00:01:48,790
lo que puede provocar estancamiento, falta de motivación, frustración e incluso abandono.

14
00:01:49,090 --> 00:01:57,370
Otro problema son las aplicaciones que ya existen, que o pueden ser muy complejas de utilizar o incluso requieren suscripciones de pago.

15
00:01:57,370 --> 00:02:02,989
Por eso he decidido crear esta herramienta, para que sea fácil y accesible para cualquier persona.

16
00:02:04,469 --> 00:02:10,789
Los objetivos principales que me he marcado es desarrollar una aplicación web funcional

17
00:02:10,789 --> 00:02:16,009
que permita registrar, consultar y gestionar tus entrenamientos y tu progreso físico

18
00:02:16,009 --> 00:02:18,569
de una forma sencilla, segura y accesible.

19
00:02:19,389 --> 00:02:26,509
Entre otros objetivos más específicos, me he impuesto a implementar un sistema de autentificación seguro,

20
00:02:26,509 --> 00:02:35,310
diseñar una base de datos relacional, diseñar un espacio que permita crear, editar, eliminar y modificar tus sesiones,

21
00:02:35,689 --> 00:02:42,009
tener un perfil de usuario donde consultar tus datos y poder modificarlos, una interfaz moderna y responsiva

22
00:02:42,009 --> 00:02:50,050
para que cualquier persona pueda utilizarlo desde cualquier dispositivo, registrar tu progreso físico y luego mostrarlo en gráficos

23
00:02:50,050 --> 00:02:54,150
para hacer una comparación y desplegar la aplicación en un servidor real

24
00:02:54,150 --> 00:02:58,169
para que puedas utilizarlo desde cualquier sitio siempre que tengas acceso a internet.

25
00:02:59,389 --> 00:03:03,930
Para conseguir estos objetivos yo he empleado una metodología incremental

26
00:03:03,930 --> 00:03:08,229
que me ha permitido crear una aplicación de forma progresiva

27
00:03:08,229 --> 00:03:11,949
añadiendo diferentes funcionalidades y validando su funcionamiento

28
00:03:11,949 --> 00:03:14,629
manteniendo así la estabilidad del sistema.

29
00:03:15,810 --> 00:03:19,090
Las fases que se han realizado en cada ciclo son las siguientes.

30
00:03:19,710 --> 00:03:24,389
Análisis, diseño, implementación, pruebas, despliegue y documentación.

31
00:03:24,889 --> 00:03:26,889
Iré desarrollando a lo largo de esta presentación.

32
00:03:29,520 --> 00:03:35,659
Las tecnologías que he utilizado son tecnologías accesibles por cualquiera y coherentes con el ciclo formativo.

33
00:03:36,460 --> 00:03:42,340
Por ejemplo, como entorno de desarrollo utilizado SAMS, que nos dota de un servidor local como es Apache,

34
00:03:42,460 --> 00:03:45,300
que se integra muy bien con diferentes herramientas que también he utilizado.

35
00:03:45,300 --> 00:04:03,800
En la parte de la interfaz de usuario he utilizado HTML, CSS y Javascript, lo que me ha permitido tener un mayor control sobre la interfaz. En la parte de lógica he utilizado PHP, que se integra muy bien con Apache y con el sistema gestor de bases de datos que es MySQL.

36
00:04:03,800 --> 00:04:13,780
Como control de versiones he utilizado JIT App, más que nada lo he utilizado como copia de seguridad para poder volver atrás ante cualquier error.

37
00:04:14,919 --> 00:04:28,100
Como apoyo de diseño gráfico he utilizado diferentes herramientas como Canva, Unled para diseñar diferentes diagramas y Balsami App para realizar un prototipado web de la interfaz de usuario.

38
00:04:28,100 --> 00:04:38,600
Y por último, como editor de código usado, Visual Studio Code. Todas estas herramientas tienen en común que son gratuitas y ampliamente utilizadas en el desarrollo web.

39
00:04:41,149 --> 00:04:47,490
Bien, pasamos al análisis. En la fase de análisis he definido los requisitos funcionales como no funcional.

40
00:04:48,670 --> 00:04:56,290
Entre los funcionales son muy parecidos a los objetivos que le he marcado. Garantizar que solo los usuarios registrados puedan acceder al sistema.

41
00:04:56,290 --> 00:05:01,189
que se puedan registrar los entrenamientos con todo detalle

42
00:05:01,189 --> 00:05:03,329
fecha, ejercicio, serie, peso

43
00:05:03,329 --> 00:05:06,310
que se puedan gestionar estos entrenamientos

44
00:05:06,310 --> 00:05:09,930
que puedas consultar tus datos de perfil y modificarlos

45
00:05:09,930 --> 00:05:12,850
tu foto, tu nombre de usuario, contraseñas

46
00:05:12,850 --> 00:05:18,610
que puedas registrar tu progreso corporal, peso, porcentaje graso

47
00:05:18,610 --> 00:05:19,990
y un diseño responsivo

48
00:05:19,990 --> 00:05:23,730
también esta aplicación tiene que estar disponible siempre

49
00:05:23,730 --> 00:05:25,209
es rápida

50
00:05:25,209 --> 00:05:31,370
que sea compatible con los navegadores más utilizados, que varias personas puedan utilizarla a la vez

51
00:05:31,370 --> 00:05:37,730
y que cumpla ciertos requisitos de seguridad básica, formularios, contraseñas, etc.

52
00:05:38,529 --> 00:05:43,790
Aquí podemos ver cómo el usuario interactúa con la aplicación.

53
00:05:44,170 --> 00:05:49,509
Partiendo de un usuario que nunca ha utilizado la aplicación, lo único que podría hacer es registrarse.

54
00:05:49,509 --> 00:06:05,569
Cuando el usuario ya se ha registrado, ya puede iniciar la sesión y acceder a las diferentes funcionalidades de la aplicación, como acceder a su diario para registrar sus entrenamientos, consultar los que ya tiene guardados y gestionarlos.

55
00:06:06,089 --> 00:06:18,910
Puede consultar sus datos y modificarlos, puede ver su progreso físico, registrar nuevos datos y modificarlos. Y por último, crear sesión para salvaguardar su dato.

56
00:06:21,589 --> 00:06:32,589
Bien, la arquitectura web que he optado por utilizar es una arquitectura modular, donde cada carpeta tiene una función específica.

57
00:06:33,529 --> 00:06:38,930
Esto lo que me ha permitido es desarrollar nuevas funcionalidades sin comprometer la estabilidad del sistema.

58
00:06:38,930 --> 00:06:43,930
También facilita el mantenimiento, la escalabilidad y la reutilización de componentes.

59
00:06:43,930 --> 00:06:51,550
componente como por ejemplo en la carpeta include son diferentes archivos que son utilizados en las

60
00:06:51,550 --> 00:06:58,360
diferentes páginas una vez hemos visto cómo va a funcionar la aplicación y la estructura que va a

61
00:06:58,360 --> 00:07:05,259
tener he pasado a diseñar la base de datos partiendo siempre del usuario del que nos

62
00:07:05,259 --> 00:07:12,540
interesa guardar un nombre de usuario su correo su contraseña de acceso una foto perfil si quiere o

63
00:07:12,540 --> 00:07:17,920
la fecha en la que se ha registrado. De este usuario nos interesa guardar múltiples estados

64
00:07:17,920 --> 00:07:22,480
de su progreso físico para compararlo con esos mismos estados. Por eso también necesitamos

65
00:07:22,480 --> 00:07:30,060
una fecha, su peso y el porcentaje graso de la persona. También del usuario queremos

66
00:07:30,060 --> 00:07:34,439
guardar diferentes sesiones de entrenamiento. La fecha de lo que los ha hecho y las notas,

67
00:07:34,600 --> 00:07:41,680
como por ejemplo día de pecho, día de brazo, día de pierna. Y de estas sesiones queremos

68
00:07:41,680 --> 00:07:49,060
guardar múltiples ejercicios de que guardaremos su nombre. Y cada ejercicio tendrá múltiples

69
00:07:49,060 --> 00:07:54,779
series, de que guardaremos sus repeticiones y el peso con el que hemos hecho esta repetición.

70
00:07:56,300 --> 00:08:02,959
Generando así nuestra base de datos completa. Esta base de datos lo que garantiza es integridad,

71
00:08:03,240 --> 00:08:07,160
consistencia y flexibilidad. Aquí están todas relacionadas con ellas a través del

72
00:08:07,160 --> 00:08:17,009
claves. Para la interfaz de usuario, he optado por un diseño orientado al usuario, siguiendo

73
00:08:17,009 --> 00:08:23,829
criterios de simplicidad, facilidad de uso, claridad. Así cualquier persona, independientemente

74
00:08:23,829 --> 00:08:30,009
de su nivel tecnológico, puede navegar fácilmente por la aplicación. Ha seguido los principios

75
00:08:30,009 --> 00:08:33,850
de usabilidad, como informar al usuario acerca de lo que está sucediendo en todo momento.

76
00:08:34,529 --> 00:08:38,730
Un lenguaje claro, que tenga libertad y control para moverse a través de la página.

77
00:08:39,049 --> 00:08:45,950
Que el estilo sea consistente, estético, minimalista, que se prevengan errores, etc.

78
00:08:46,610 --> 00:08:56,070
Aquí se puede ver, por ejemplo, un ejemplo de cómo quedaría la página hecha a través de la herramienta Balsami Mocap.

79
00:09:01,129 --> 00:09:07,070
En la fase de implementación se han ido desarrollando los diferentes módulos, añadiendo así de funcionalidad a la aplicación.

80
00:09:07,549 --> 00:09:10,429
Aquí podemos ver cómo ha quedado la aplicación.

81
00:09:13,370 --> 00:09:29,250
En total, por ejemplo, tenemos la página de inicio, que dependerá de si has iniciado sesión o no, se verá de una forma u otra. La página donde el usuario se registra. La página donde inicia sesión recuperando los datos que ha guardado en el registro.

82
00:09:29,250 --> 00:09:42,490
La página de Logout para cerrar sesión, la página de diario para crear las diferentes sesiones, la de editar sesión para gestionar estas sesiones, el progreso, el perfil.

83
00:09:43,570 --> 00:09:53,129
Y aquí tenemos diferentes archivos que permiten la reutilización de código, evitando así la redundancia y aportando mayor seguridad.

84
00:09:53,129 --> 00:10:03,129
como por ejemplo AUT que comprueba la autentificación de usuario, la conexión con la base de datos y el encabezado y el pie de página que se repite en todas las páginas.

85
00:10:04,009 --> 00:10:13,909
También tenemos archivos POTAS que aporta de dinamismo en este caso al diario PHP, tenemos la base de datos para crear la base de datos e importarla para su despliegue

86
00:10:13,909 --> 00:10:18,009
y tenemos los diferentes archivos CSS para dotar de estilo a la aplicación.

87
00:10:18,009 --> 00:10:34,889
También se han realizado diferentes pruebas de funcionamiento, como pueden ser las pruebas de registro, donde se han validado que no haya campos vacíos, que el correo sea correcto, que las contraseñas coincidan, que ese usuario no esté ya registrado.

88
00:10:35,610 --> 00:10:46,509
Pruebas de inicio de sesión, donde se ha validado igual los campos vacíos, que el usuario esté registrado, que la contraseña sea correcta, que el inicio de sesión sea correcto, que se pueda cerrar sesión correctamente.

89
00:10:47,629 --> 00:10:54,929
Diferentes pruebas de seguridad, que no se pueda acceder a través de la URL sin estar logueado, que las contraseñas estén encriptadas.

90
00:10:54,929 --> 00:11:05,730
Las pruebas de diario, progreso y perfil donde se ha validado que se pueden hacer registros correctamente, modificarlos, eliminarlos, no dejar campos vacíos

91
00:11:05,730 --> 00:11:15,250
Y diferentes pruebas de interfaz donde se ha comprobado la navegabilidad, los hiperenlaces, los botones y que todo funcione

92
00:11:15,250 --> 00:11:24,470
Todas estas pruebas han sido satisfactorias, aquí se puede ver un vídeo donde se realizan esas pruebas y se ve el funcionamiento de la aplicación

93
00:11:24,470 --> 00:11:33,409
Bien, esta aplicación ha sido desplegada tanto en local como en un servidor web

94
00:11:33,409 --> 00:11:41,129
Para poderla desplegar en un servidor local necesitaremos SAM, mínimo un navegador web

95
00:11:41,129 --> 00:11:49,629
Tener el archivo zip de la aplicación, este archivo lo tenemos que copiar en la ruta que nos dice el propio SAM

96
00:11:49,629 --> 00:11:55,190
Para poder arrancarlo, abrimos el panel de control de SAM y arrancamos Apache MySQL

97
00:11:55,190 --> 00:12:02,909
creamos la base de datos, configuramos el archivo conexión PHP que tienen las redes sociales para conectar con la base de datos

98
00:12:02,909 --> 00:12:05,970
y ya accederíamos a través de este enlace de aquí.

99
00:12:08,379 --> 00:12:13,259
Para el servidor real, yo he utilizado un hosting gratuito que se llama Infinity Free

100
00:12:13,259 --> 00:12:19,200
que me ha aportado un dominio pero con ciertas restricciones, es gratuito.

101
00:12:19,200 --> 00:12:22,259
la manera de desplegarlo es muy parecida

102
00:12:22,259 --> 00:12:24,039
tenemos que tener el archivo zip

103
00:12:24,039 --> 00:12:26,360
y cargarlo en la carpeta principal

104
00:12:26,360 --> 00:12:28,179
de hosting, importar la base

105
00:12:28,179 --> 00:12:30,200
de datos, configurar el archivo

106
00:12:30,200 --> 00:12:32,139
de conexión y ya tendríamos acceso

107
00:12:32,139 --> 00:12:34,059
a la aplicación a través del dominio

108
00:12:34,059 --> 00:12:35,460
que nos ha dado el propio hosting

109
00:12:35,460 --> 00:12:40,080
y bueno, para ir concluyendo

110
00:12:40,080 --> 00:12:42,419
creo que este

111
00:12:42,419 --> 00:12:44,679
proyecto es real, útil y escalable

112
00:12:44,679 --> 00:12:46,419
no es perfecto

113
00:12:46,419 --> 00:12:48,360
tiene una arquitectura

114
00:12:48,360 --> 00:12:50,740
sencilla, creo que se han cumplido

115
00:12:50,740 --> 00:12:54,539
todos los objetivos que me he propuesto, se ha construido una base de datos estructurada

116
00:12:54,539 --> 00:12:59,919
y optimizada, que almacena ejercicios, series, datos de usuario, se ha creado una interfaz

117
00:12:59,919 --> 00:13:07,279
sencilla, intuitiva, enfocada a la accesibilidad, se han aplicado diferentes técnicas de validación

118
00:13:07,279 --> 00:13:14,539
y seguridad básica, funcionalidades completas como el registro, inicio de sesión, la página

119
00:13:14,539 --> 00:13:20,379
del diario, de progreso, del perfil y sobre todo se ha desplegado en un servidor real

120
00:13:20,379 --> 00:13:22,080
y está disponible para cualquier persona.

121
00:13:23,799 --> 00:13:25,779
Como no es perfecta esta aplicación,

122
00:13:25,940 --> 00:13:28,440
en un futuro se podrían añadir un montón de cosas,

123
00:13:28,440 --> 00:13:30,919
entre ellas variables de entorno

124
00:13:30,919 --> 00:13:37,139
para automatizar los procesos de desplegarlo en servidores,

125
00:13:37,720 --> 00:13:39,480
emigrar a algún framework,

126
00:13:40,419 --> 00:13:42,399
podría convertirse en una aplicación comercial

127
00:13:42,399 --> 00:13:46,480
para gimnasios, entrenadores personales,

128
00:13:46,480 --> 00:13:52,039
donde haya una sección de administración de clientes y otra para clientes

129
00:13:52,039 --> 00:14:01,200
y también incluso funcionalidades de nutrición, dietas personalizadas, contar calorías, etc.

130
00:14:02,820 --> 00:14:06,080
Y bueno, ahora vamos a ver el funcionamiento de la aplicación de InSitu.

131
00:14:09,000 --> 00:14:14,820
Esta sería la página de inicio donde podemos crear una cuenta.

132
00:14:14,820 --> 00:14:42,399
En este caso, para ir más rápido, como ya tengo una creada, vamos a ir directamente a iniciar sesión. Iniciaríamos sesión con nuestro correo, nuestro mail. Si yo cambio la contraseña, pues ya me daría fallo. Ya con una contraseña correcta entraríamos. Vemos que la página principal ya ha cambiado, tiene nuevas funcionalidades, nos da un mensaje de bienvenida y ya podríamos acceder a las diferentes funcionalidades, tanto con estos botones como en la barra de navegación.

133
00:14:42,399 --> 00:14:45,980
Aquí tendríamos la página de tu diario

134
00:14:45,980 --> 00:14:50,360
Donde puedes incorporar nuevas sesiones de entrenamiento

135
00:14:50,360 --> 00:14:52,919
Por ejemplo, ir rápido con unos puntos

136
00:14:52,919 --> 00:14:54,500
Añadimos ejercicios

137
00:14:54,500 --> 00:14:58,820
Peso, repeticiones

138
00:14:58,820 --> 00:15:01,399
Se pueden añadir más series de ejercicios

139
00:15:01,399 --> 00:15:02,539
Nuevos ejercicios

140
00:15:02,539 --> 00:15:08,840
Para no alargar mucho voy a hacer solo una así rápida

141
00:15:08,840 --> 00:15:16,990
Y guardamos la sesión

142
00:15:16,990 --> 00:15:18,870
La sesión se queda aquí guardada

143
00:15:18,870 --> 00:15:23,929
también las podemos editar

144
00:15:23,929 --> 00:15:27,129
eliminar, si las editamos pasamos a otra página

145
00:15:27,129 --> 00:15:30,509
donde se pueden añadir series, eliminarlas

146
00:15:30,509 --> 00:15:33,649
eliminar las que hay, añadir nuevos ejercicios

147
00:15:33,649 --> 00:15:36,909
y ya guardaríamos los cambios, en este caso como no he rellenado

148
00:15:36,909 --> 00:15:41,360
nada, da error, también podemos

149
00:15:41,360 --> 00:15:43,360
filtrar por fecha, por meses

150
00:15:43,360 --> 00:15:47,240
para que lo que aparezca aquí solo sea lo que nosotros queremos

151
00:15:47,240 --> 00:15:50,259
también tenemos la página de progreso

152
00:15:50,259 --> 00:15:58,799
donde hacen los diferentes registros, por ejemplo, el día de hoy 90 kilos, un porcentaje de 10%.

153
00:15:58,799 --> 00:16:06,759
Ya vemos que cambia la gráfica, se actualiza en tiempo real y aquí tendríamos los diferentes registros que hemos guardado.

154
00:16:07,480 --> 00:16:14,279
Aquí tendríamos el último que hemos hecho, que podríamos editar, incluso eliminar.

155
00:16:14,960 --> 00:16:16,500
Nos pide confirmación en este caso.

156
00:16:16,500 --> 00:16:37,669
Y por último, tenemos la página de perfil, donde aparecen nuestros datos, nuestro correo, nombre de usuario, la fecha en la que nos hemos registrado, podemos cambiar de foto y ya estaría. Ya cerraríamos sesión y volveríamos a la página principal. Y esto es todo.

157
00:16:39,629 --> 00:16:41,110
Perfecto. Muchas gracias, Andrés.

158
00:16:43,389 --> 00:16:44,769
¿Quieres añadir algo más?

159
00:16:44,769 --> 00:16:48,330
No, espero que os haya gustado

160
00:16:48,330 --> 00:16:50,470
es algo sencillo pero que funciona

161
00:16:50,470 --> 00:16:54,269
y con el tiempo que había tampoco podía añadir muchas cosas más

162
00:16:54,269 --> 00:16:56,730
porque si no te vas como haciendo una bola de nieve

163
00:16:56,730 --> 00:16:59,389
Perfecto, mira

164
00:16:59,389 --> 00:17:03,250
te voy a trasladar ahora

165
00:17:03,250 --> 00:17:05,190
las preguntas del tribunal

166
00:17:05,190 --> 00:17:08,849
la primera es referente

167
00:17:08,849 --> 00:17:11,069
a cómo has utilizado

168
00:17:11,069 --> 00:17:14,009
la inteligencia artificial

169
00:17:14,009 --> 00:17:21,190
y en qué te has apoyado y cómo lo que te ha servido para hacer el diseño o cualquier otra

170
00:17:21,190 --> 00:17:30,890
cosa que hayas utilizado en el proyecto. La segunda es si nos puedes mostrar, aunque haya

171
00:17:30,890 --> 00:17:39,630
sido utilizado como copiar de seguridad, el esquema del control de versiones del G-Hub.

172
00:17:39,630 --> 00:17:43,950
después

173
00:17:43,950 --> 00:17:48,329
te pedimos que accedas en remoto a la aplicación

174
00:17:48,329 --> 00:17:52,849
con un usuario desde cero y puedas navegar

175
00:17:52,849 --> 00:17:56,950
para, en función de lo que has explicado

176
00:17:56,950 --> 00:18:00,890
en el caso de Ubisoft, así muy por encima

177
00:18:00,890 --> 00:18:04,029
pero lo fundamental es que cuando

178
00:18:04,029 --> 00:18:06,150
hayas terminado

179
00:18:06,150 --> 00:18:11,369
del ejemplo, poder acceder a la base de datos

180
00:18:11,369 --> 00:18:15,369
y ver cómo se han grabado los datos que se muestran en la pantalla

181
00:18:15,369 --> 00:18:18,390
en la base de datos. ¿De acuerdo?

182
00:18:18,990 --> 00:18:23,470
Entonces, básicamente, te resumo. Lo de la IA,

183
00:18:24,490 --> 00:18:27,329
el control de versiones, entrar en remoto

184
00:18:27,329 --> 00:18:31,450
y ver los datos que has metido en remoto en la base de datos.

185
00:18:32,029 --> 00:18:35,490
Vale, perfecto. Pues, empiezo por la primera

186
00:18:35,490 --> 00:18:42,470
pregunta. La IA sobre todo la utilicé al principio porque no sabía cómo empezar a crear la estructura

187
00:18:42,470 --> 00:18:51,869
y me ha ayudado, por ejemplo, para darme las herramientas para hacer el gráfico de la página

188
00:18:51,869 --> 00:18:57,609
de progreso porque no tenía ni idea que había una librería que se llamaba AXSJS que tenía que usar

189
00:18:57,609 --> 00:19:20,750
JSON en code para poder usar código PHP en JavaScript. Y también me ha ayudado en la página de diario para añadir aquí en la base de datos para relacionar todas las tablas porque son muchas tablas diferentes y ahí he estado un poco perdido.

190
00:19:20,750 --> 00:19:48,799
Y sobre todo en la parte de recoger el índice. Aquí está. Para ir recogiendo el índice y esto, esto yo no tenía ni idea, para ir relacionando las diferentes tablas.

191
00:19:48,799 --> 00:19:52,740
y me ha ido asesorando un poco

192
00:19:52,740 --> 00:19:55,039
por ejemplo también con el diseño

193
00:19:55,039 --> 00:19:56,839
de cómo podía

194
00:19:56,839 --> 00:19:59,019
empezarlo desde cero, centrar las cosas

195
00:19:59,019 --> 00:20:01,140
o sea

196
00:20:01,140 --> 00:20:02,400
yo lo he ido preguntando

197
00:20:02,400 --> 00:20:04,759
¿cómo puedo hacer esto? y me ha dicho pues puedes usar

198
00:20:04,759 --> 00:20:06,380
esto así, así, así

199
00:20:06,380 --> 00:20:08,680
y yo ya con mis cosas lo he ido aplicando

200
00:20:08,680 --> 00:20:13,549
poco a poco y poco más

201
00:20:13,549 --> 00:20:14,430
de la IA

202
00:20:14,430 --> 00:20:17,289
también me ha, he creado

203
00:20:17,289 --> 00:20:18,930
las imágenes de la página

204
00:20:18,930 --> 00:20:21,589
la que hay en el inicio la he creado con IA

205
00:20:21,589 --> 00:20:23,829
y creo que solo estaba esa

206
00:20:23,829 --> 00:20:24,730
y no de registry

207
00:20:24,730 --> 00:20:32,069
y eso es lo que he usado la IA para este proyecto

208
00:20:32,069 --> 00:20:36,579
Bien, pasamos a la control

209
00:20:36,579 --> 00:20:38,420
de versiones

210
00:20:38,420 --> 00:20:40,559
Vale, voy a abrir una página

211
00:20:40,559 --> 00:20:41,220
nueva

212
00:20:41,220 --> 00:20:44,579
voy a meter

213
00:20:44,579 --> 00:20:45,440
en sheet

214
00:20:45,440 --> 00:20:48,349
¿Se ve la página?

215
00:20:49,329 --> 00:20:50,529
Está pensando

216
00:20:50,529 --> 00:20:51,309
si ahora

217
00:20:51,309 --> 00:21:02,400
Vale, aquí tendría mi carpeta

218
00:21:02,400 --> 00:21:04,359
del diario de entrenamiento

219
00:21:04,359 --> 00:21:08,349
y aquí estarían

220
00:21:08,349 --> 00:21:10,410
todos los cambios realizados en las carpetas

221
00:21:10,410 --> 00:21:11,130
que lo he realizado

222
00:21:11,130 --> 00:21:13,930
como no pensaba

223
00:21:13,930 --> 00:21:16,190
ponerlo en la memoria, pues tampoco he puesto

224
00:21:16,190 --> 00:21:18,069
ningún mensaje, solo lo he ido actualizando

225
00:21:18,069 --> 00:21:19,829
y lo he usado como una copia de seguridad

226
00:21:19,829 --> 00:21:22,250
cuando ya he visto que lo nuevo que tenía

227
00:21:22,250 --> 00:21:24,289
funcionaba, tampoco he creado ramas ni nada

228
00:21:24,289 --> 00:21:25,390
o ya lo he ido subiendo

229
00:21:25,390 --> 00:21:28,349
y si he visto que no me ha funcionado

230
00:21:28,349 --> 00:21:30,130
he vuelto a recuperar los datos

231
00:21:30,130 --> 00:21:31,849
del github

232
00:21:31,849 --> 00:21:39,430
¿alguna pregunta más sobre el github?

233
00:21:39,430 --> 00:21:41,170
¿puedes mostrar

234
00:21:41,170 --> 00:21:43,250
el principio

235
00:21:43,250 --> 00:21:52,069
porque se ve lo de los últimos cambios de hace dos semanas pero desde el principio desde

236
00:21:53,329 --> 00:22:03,869
cuando se inicia la primera y única rama aquí serían dos meses está la fecha primera cuando

237
00:22:03,869 --> 00:22:15,299
cree la base de datos vale perfecto y conectarte en remoto vale meter los datos está la aplicación

238
00:22:15,299 --> 00:22:16,900
en remoto, aquí se puede ver

239
00:22:16,900 --> 00:22:18,859
la dirección

240
00:22:18,859 --> 00:22:21,240
y ahora vamos a crear

241
00:22:21,240 --> 00:22:22,579
una cuenta desde cero

242
00:22:22,579 --> 00:22:24,799
por ejemplo

243
00:22:24,799 --> 00:22:27,059
alumno

244
00:22:27,059 --> 00:22:31,250
alumno 3, porque creo que

245
00:22:31,250 --> 00:22:33,769
el 1 y el 2 existen

246
00:22:33,769 --> 00:22:35,250
para hacer diferentes pruebas

247
00:22:35,250 --> 00:22:38,529
alumno 3

248
00:22:38,529 --> 00:22:40,329
arroba gmail

249
00:22:40,329 --> 00:22:42,829
¿quieres que también lo haga con

250
00:22:42,829 --> 00:22:44,049
fallos de registro?

251
00:22:44,230 --> 00:22:45,190
no, no hace falta

252
00:22:45,190 --> 00:22:49,420
y la contraseña

253
00:22:49,420 --> 00:22:50,400
1, 2, 3, 4

254
00:22:50,400 --> 00:22:52,440
1, 2, 3, 4

255
00:22:52,440 --> 00:22:55,359
registrarse, aquí nos muestra

256
00:22:55,359 --> 00:22:57,619
un mensaje, voy a guardarlo para entrar ahora

257
00:22:57,619 --> 00:22:59,799
de que nos hemos registrado correctamente

258
00:22:59,799 --> 00:23:01,279
este mensaje solo aparece

259
00:23:01,279 --> 00:23:03,319
una vez, porque hay una función

260
00:23:03,319 --> 00:23:05,160
que se llama un set, para que cuando

261
00:23:05,160 --> 00:23:06,779
se refleje en la página ya no aparezca

262
00:23:06,779 --> 00:23:10,779
iniciaríamos sesión, alumno 3

263
00:23:10,779 --> 00:23:12,140
entraríamos

264
00:23:12,140 --> 00:23:21,839
y ya estaríamos en la página principal

265
00:23:21,839 --> 00:23:24,660
podríamos ir a nuestro diario

266
00:23:24,660 --> 00:23:27,079
por ejemplo, cogemos la fecha

267
00:23:27,079 --> 00:23:28,880
de hoy, ponemos

268
00:23:28,880 --> 00:23:31,059
día de pecho

269
00:23:31,059 --> 00:23:34,920
añadimos un ejercicio

270
00:23:34,920 --> 00:23:35,779
más conocido

271
00:23:35,779 --> 00:23:37,880
3, levanta

272
00:23:37,880 --> 00:23:40,400
eso pues, 100 kilos

273
00:23:40,400 --> 00:23:42,799
8 repeticiones, por ejemplo

274
00:23:42,799 --> 00:23:44,740
podríamos añadir

275
00:23:44,740 --> 00:23:46,440
más series, pero para no hacerlo muy largo

276
00:23:46,440 --> 00:23:49,200
nada, añadir más ejercicios

277
00:23:49,200 --> 00:23:52,319
por ejemplo

278
00:23:52,319 --> 00:23:56,900
eso, hilos, otras repeticiones

279
00:23:56,900 --> 00:23:59,180
y ya guardaríamos la sesión

280
00:23:59,180 --> 00:24:03,079
y aquí tendríamos ya la sesión que acabamos de crear

281
00:24:03,079 --> 00:24:08,339
si vamos a editar, recupera los datos de la sesión que acabamos de hacer

282
00:24:08,339 --> 00:24:11,160
y podemos añadir otra serie, por ejemplo

283
00:24:11,160 --> 00:24:16,559
100, 10 repeticiones, y guardamos los cambios

284
00:24:16,559 --> 00:24:19,740
si bajamos abajo, ya se han guardado los cambios

285
00:24:19,740 --> 00:24:22,460
si le damos a eliminar

286
00:24:22,460 --> 00:24:25,099
nos manda un mensaje de confirmación

287
00:24:25,099 --> 00:24:26,160
y los he eliminado

288
00:24:26,160 --> 00:24:29,319
esta sería la página para registrar

289
00:24:29,319 --> 00:24:30,140
los entrenamientos

290
00:24:30,140 --> 00:24:32,440
luego tenemos la del progreso

291
00:24:32,440 --> 00:24:35,059
igual, vemos la fecha

292
00:24:35,059 --> 00:24:36,000
por ejemplo de hoy

293
00:24:36,000 --> 00:24:39,400
ponemos unos datos

294
00:24:39,400 --> 00:24:39,940
al azar

295
00:24:39,940 --> 00:24:42,839
y guardamos, vemos que ahora mismo no nos aparece

296
00:24:42,839 --> 00:24:44,339
ningún gráfico ni nada

297
00:24:44,339 --> 00:24:45,779
guardamos

298
00:24:45,779 --> 00:24:49,380
pero no lo borres para que luego se puedan ver los datos en la base de datos

299
00:24:49,380 --> 00:24:52,619
a ver, ahora lo vuelvo a crear

300
00:24:52,619 --> 00:24:55,559
y aquí ya nos aparece un punto en el gráfico

301
00:24:55,559 --> 00:24:58,319
como no hay donde comparar pues no nos aparece una línea

302
00:24:58,319 --> 00:25:01,799
meto pues otros datos

303
00:25:01,799 --> 00:25:04,180
de hace una semana

304
00:25:04,180 --> 00:25:06,299
invento

305
00:25:06,299 --> 00:25:11,759
y así nos muestra una línea

306
00:25:11,759 --> 00:25:14,500
descendente y los datos aquí guardados que podemos

307
00:25:14,500 --> 00:25:22,259
editar y cambia el gráfico y cambia

308
00:25:22,259 --> 00:25:26,420
los registros. Voy a hacer aquí otro

309
00:25:26,420 --> 00:25:31,579
que como lo he borrado, sin interés, voy a hacerlo rápido.

310
00:25:38,509 --> 00:25:41,970
Y aquí tendríamos el perfil con una imagen

311
00:25:41,970 --> 00:25:45,990
por defecto, como no tenemos ninguna subida con nuestros datos, que podemos

312
00:25:45,990 --> 00:25:49,690
cambiar y por ejemplo poner alumno 56

313
00:25:49,690 --> 00:25:53,829
el email, pues bueno, no lo voy a cambiar, la contraseña también se puede

314
00:25:53,829 --> 00:25:57,849
cambiar opcionalmente y elegir pues una imagen

315
00:25:57,849 --> 00:26:12,460
Voy a poner a mí mismo. Ya guardamos los cambios, aparece la imagen, el nombre de usuario ha cambiado y aquí pone un mensaje satisfactorio. Y esto sería el funcionamiento de la aplicación desde cero.

316
00:26:12,460 --> 00:26:18,920
Perfecto, pasamos a la base de datos

317
00:26:18,920 --> 00:26:21,519
Para ello voy a entrar en la página del Hosting

318
00:26:21,519 --> 00:26:23,799
Es donde aparece

319
00:26:23,799 --> 00:26:27,099
Gestor de archivos

320
00:26:27,099 --> 00:26:32,119
No, no es el gestor de archivos, creo que estaba aquí

321
00:26:32,119 --> 00:26:42,200
Base de datos, como se veía la base de datos

322
00:26:42,200 --> 00:26:43,539
HP MyAdmin

323
00:26:43,539 --> 00:26:48,640
Vale, aquí tendríamos ya las tablas

324
00:26:48,640 --> 00:26:51,180
Si nos metemos a usuario

325
00:26:51,180 --> 00:26:54,779
Vemos que tenemos el que acabamos de meter ahora

326
00:26:54,779 --> 00:26:56,920
al 156 del correo

327
00:26:56,920 --> 00:26:58,480
la contraseña encriptada

328
00:26:58,480 --> 00:26:59,759
que se hace a través de HASH

329
00:26:59,759 --> 00:27:02,599
y un registro de la foto

330
00:27:02,599 --> 00:27:06,119
que hemos guardado, etcétera

331
00:27:06,119 --> 00:27:12,910
por ejemplo

332
00:27:12,910 --> 00:27:16,089
¿dónde están las otras tablas?

333
00:27:23,700 --> 00:27:24,759
me he perdido yo solo

334
00:27:24,759 --> 00:27:34,119
vale, aquí tendríamos por ejemplo las sesiones

335
00:27:34,119 --> 00:27:35,019
de entrenamiento

336
00:27:35,019 --> 00:27:39,819
son 6, no suspario la nuestra

337
00:27:39,819 --> 00:27:42,220
pues sería la última, esta que tiene los puntitos

338
00:27:42,220 --> 00:27:47,690
también tenemos

339
00:27:47,690 --> 00:27:48,450
las series

340
00:27:48,450 --> 00:28:09,900
Esto se va ampliando. Las últimas serían las nuestras. Tenemos los estados de progreso. Sería este de aquí el que hemos guardado. Y los ejercicios, que serían también los últimos que hemos guardado.

341
00:28:11,000 --> 00:28:19,440
El 37. Y esta sería la base de datos en el servidor real.

342
00:28:19,440 --> 00:28:22,240
Perfecto

343
00:28:22,240 --> 00:28:24,339
¿Quieres

344
00:28:24,339 --> 00:28:26,680
añadir algo más antes de

345
00:28:26,680 --> 00:28:27,319
finalizar?

346
00:28:28,480 --> 00:28:30,599
No, la base de datos seguramente

347
00:28:30,599 --> 00:28:32,339
se podría mejorar porque al final

348
00:28:32,339 --> 00:28:33,660
va a ser enorme

349
00:28:33,660 --> 00:28:36,480
y realmente no sé cómo se podría hacer

350
00:28:36,480 --> 00:28:41,440
Bien, perfecto

351
00:28:41,440 --> 00:28:42,779
Bueno, pues

352
00:28:42,779 --> 00:28:45,180
comparte ahora

353
00:28:45,180 --> 00:28:47,180
tu cámara para que te podamos ver

354
00:28:47,180 --> 00:28:48,519
Vale

355
00:28:48,519 --> 00:29:00,329
¿Ya me oís?

356
00:29:01,509 --> 00:29:02,470
No, todavía no

357
00:29:02,470 --> 00:29:11,039
Ahora sí. Pues venga, damos por finalizada la presentación.

358
00:29:12,380 --> 00:29:14,220
Muy bien, pues muchas gracias por vuestra atención.