Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf ·...

39
86 Capítulo V Manual instrucciones de la Aplicación En este capítulo se procederá a realizar una descripción de cada uno de los casos posibles que podemos encontrar dentro de la aplicación, tales como registro de usuario, acceso al servicio, consulta de rutinas, etc. Recordemos qué era lo que debía permitirse desde el ámbito de la aplicación: Autenticación de usuario mediante nombre-contraseña. Acceso para usuario no registrado (acceso limitado a rutinas). Recordatorio de contraseña mediante un e-mail. Registro del usuario. Cambio o modificación de la información personal de usuarios registrados. Además de esto, una vez accede como usuario registrado o no registrado, debe poder: Acceder a las rutinas de usuario (en caso de usuario no registrado, acceso limitado). Acceso libre a todas las rutinas (solo usuarios registrados). Dentro de las rutinas, acceso a todos los ejercicios de esa rutina. El acceso a los ejercicios se podrá realizar de dos maneras diferentes: Acceso detallado a cada uno de los ejercicios. Acceso rápido a los ejercicios, mediante una lista con solo los videos de los ejercicios de la rutina a realizar.

Transcript of Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf ·...

Page 1: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

86

Capítulo V

Manual instrucciones de la Aplicación

En este capítulo se procederá a realizar una descripción de cada uno de los

casos posibles que podemos encontrar dentro de la aplicación, tales como

registro de usuario, acceso al servicio, consulta de rutinas, etc.

Recordemos qué era lo que debía permitirse desde el ámbito de la aplicación:

Autenticación de usuario mediante nombre-contraseña.

Acceso para usuario no registrado (acceso limitado a rutinas).

Recordatorio de contraseña mediante un e-mail.

Registro del usuario.

Cambio o modificación de la información personal de usuarios

registrados.

Además de esto, una vez accede como usuario registrado o no registrado,

debe poder:

Acceder a las rutinas de usuario (en caso de usuario no registrado,

acceso limitado).

Acceso libre a todas las rutinas (solo usuarios registrados).

Dentro de las rutinas, acceso a todos los ejercicios de esa rutina.

El acceso a los ejercicios se podrá realizar de dos maneras diferentes:

Acceso detallado a cada uno de los ejercicios.

Acceso rápido a los ejercicios, mediante una lista con solo los videos de

los ejercicios de la rutina a realizar.

Page 2: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

87

Dentro del acceso detallado a cada uno de los ejercicios particulares de los que

dispone cada rutina, el usuario podrá:

Ver una descripción.

Ver la finalidad del ejercicio.

Ver la duración (número de series o repeticiones).

Acceder a descripción del ejercicio, características o recomendaciones.

Poder ver los útiles (si estos son necesarios) para realizar el ejercicio,

tales como cintas elásticas, pesas, esterillas, etc. Estos útiles

aparecerán en una lista de tamaño variable, donde al pulsarla aparecerá

la foto del útil.

Poder ver los músculos implicados en el ejercicio, con una descripción y

una foto de cada uno de ellos. Como puede haber diferentes músculos

en cada ejercicio, estos aparecerán en una lista variable sobre la que

puede seleccionarse el músculo deseado.

Para un mayor entendimiento, fotos del ejercicio a realizar. Se dispondrá

de 3 fotos para una mayor claridad, tales como una foto de la posición

inicial del ejercicio, otra foto con la posición final, así como una foto con

un detalle del ejercicio que el médico o entrenador ha estimado oportuno

resaltar.

Por último, un video explicativo del ejercicio, donde aparece

simultáneamente la realización del ejercicio así como una explicación.

En los posteriores apartados se procederá a la descripción de todos los casos

anteriores, en cuanto al paso de una pantalla a otra, añadiendo ilustraciones

para una mayor claridad y facilitar el entendimiento al lector.

Page 3: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

88

1 Pantalla inicio

Cuando se abre la aplicación, se mostrará una pantalla de inicio la cual tendrá

diferentes opciones dependiendo de lo que desee hacer el usuario. En la

siguiente ilustración podremos ver dicha pantalla, la cual es descrita

posteriormente:

Ilustración 1: Pantalla de inicio al servicio.

El usuario podrá realizar las siguientes operaciones:

Acceder al servicio mediante Login (Verde).

Acceder al servicio sin registrarse (Rojo).

Registrarse en el servicio (Azul).

Recordar la contraseña para usuarios registrados (Morado).

Gracias a esta pantalla inicial, organizamos el servicio desde el principio,

dependiendo si el usuario está registrado o no, o bien si el usuario quiere

registrarse o entrar sin registro.

Cabe destacar que los registros en blanco es donde el usuario escribirá su

nombre de usuario y password para así acceder al servicio con registro.

Page 4: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

89

2 Registro nuevo usuario

Con el registro como nuevo usuario, se permite a un usuario registrarse dentro

del sistema, para lo cual tendrá que rellenar una serie de campos con la

información de usuario. Se le permitirá al usuario poner el nombre de usuario

que desee, así como el password, aunque siempre se comprobará si el nombre

de usuario elegido ya existe o no, mandándole un mensaje al usuario, si se

diera el caso, para que elija otro nombre de usuario. También se comprueba

que ninguno de los campos introducidos esté en blanco, obligando al usuario a

introducir todos los campos si quisiera registrarse.

Los campo a introducir serán nombre, apellidos, DNI, dirección (email), móvil,

nombre de usuario y password.

Una vez se introduzca todos los campos, se pulsará el botón “Enviar”, que se

encuentra debajo de todos los campos y al cual se llega desplazando la

pantalla hacia abajo. La siguiente ilustración muestra la pantalla descrita en

este apartado:

Ilustración 2: Pantalla de registro nuevo usuario.

Page 5: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

90

3 Acceso usuario registrado

Cuando se desea acceder como usuario registrado, lo único necesario sería

que el usuario introdujera su nombre de usuario, así como el password o

contraseña asignada o elegida por ese usuario. Una vez introducidos los datos

en los campos asignados, el usuario debe pulsar el botón “Login”, con el cual

Ilustración 3: Pantalla de bienvenida de la aplicación.

se inicia el proceso de envío de datos al servidor Apache para realizar la

consulta a la base de datos, donde se comprobará si dicha dupla existe en la

base de datos. Esta pantalla de inicio es mostrada en la ilustración 4, donde

aparecen otros botones que serán explicados en apartados posteriores.

Las operaciones de conexión con el servidor y la consulta con la base de datos,

se realizan en segundo plano (en background), mientras se muestra en pantalla

un mensaje de “Autenticando…” para evitar la sensación al usuario de que la

aplicación no responde, dado que el tiempo de conexión y autenticación no

siempre es igual, y puede tardar un tiempo indeterminado. Esto se consigue

Page 6: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

91

mediante los “hilos”, los cuales fueron explicados en el capítulo IV. Veámoslo

en la siguiente ilustración:

Ilustración 4: Pantalla de autenticación.

Si no existe, se envía un 0 a la aplicación negándole el acceso a la aplicación

como usuario registrado. Saldrá sobre la pantalla un Toast (mensaje sobre

escrito en la pantalla) durante un breve tiempo.

Ilustración 5: Pantalla Login incorrecto.

Page 7: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

92

Si por el contrario, es correcto, se envía un 1 a la aplicación, permitiéndole el

acceso a la aplicación como usuario registrado, yendo a la pantalla de

bienvenida al usuario registrado que se verá en los siguientes apartados.

3.1 Recordatorio contraseña

Es posible que un usuario olvide la contraseña que asignó a la hora de

registrarse. Por ello, se añade un apartado en la pantalla inicial de la aplicación

donde el usuario puede pulsar para acceder a una nueva pantalla donde poder

recibir un mail con la información necesaria:

Ilustración 6: Pantalla acceso a recordatorio Password mediante email.

Una vez se pulsa en esa zona de la pantalla, se accede a una nueva pantalla

donde el usuario debe introducir tanto su email como el nombre de usuario,

para posteriormente pulsar “Enviar”.

Page 8: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

93

Se obligará al usuario a introducir ambos campos, dado que si no los introduce

se mostrará un mensaje de error, indicándole al usuario que debe introducir

todos los campos. Veamos la pantalla de introducción de mail y usuario:

Ilustración 7: Pantalla envío contraseña.

Al pulsar enviar, se realizan las operaciones en background, es decir, mientras

se envía la información al servidor, este ejecuta el archivo PHP objetivo, se

realiza la consulta a la base de datos y se devuelve la información pertinente, al

Ilustración 8: Pantalla envío correo.

Page 9: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

94

usuario se le muestra un mensaje de carga, para que no le dé la sensación de

que la aplicación no responde, dado que, como se comentó en los apartados

anteriores, el tiempo que se tarda en realizar todas estas operaciones es

indeterminado. Esto se muestra en la ilustración 9 anterior.

3.2 Pantalla bienvenida usuario

Una vez el usuario accede al servicio de manera registrada, le aparecerá una

pantalla de bienvenida donde aparece el nombre del usuario que accede, para

dar una sensación de algo más personal, consiguiendo que el usuario

considere desde el inicio un trato personal y cuidado. Al usuario se le van a dar

varias opciones en esta pantalla inicial:

Entrenar.

Panel de control (Consulta/Modificación de datos de usuario).

Cerrar sesión.

La pantalla quedaría como se muestra en la siguiente ilustración:

Ilustración 9: Pantalla bienvenida usuario registrado.

Page 10: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

95

En los próximos apartados se mostrará las opciones que puede pulsar el

usuario, empezando por la consulta/modificación de datos, así como qué

ocurre al pulsar “cerrar sesión”, para por último entrar en la sección de

“entrenar” donde comienza el entrenamiento o rehabilitación designada por el

médico o fisioterapeuta.

3.2.1 Pulsa Consulta/Modificación de datos

En este caso el usuario pulsaría sobre dicho botón de la pantalla

anterior, para acceder a una nueva pantalla:

Ilustración 10: Detalle botón acceso Consulta/Modificación datos usuario.

Al pulsar en el botón anterior, en primer lugar se realiza una nueva conexión

con el servidor, al cual se le realiza una petición de todos y cada uno de los

datos del usuario. Mientras esta información es devuelta a la aplicación, le

volverá a aparecer una pantalla de “carga de datos…” al usuario mientras todo

se realiza en background, para evitar, como se comentó en apartados

anteriores, la sensación de que la aplicación no responde.

En la siguiente ilustración se muestra la apariencia que quedaría del mensaje

Page 11: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

96

mostrado en pantalla mientras se está realizando la consulta de los datos:

Ilustración 11: Pantalla carga datos usuario.

Una vez se cargan los datos, se muestran todos los campos rellenos,

pudiéndose modificar estos si se desea (es en la única parte de la aplicación

que se permite variar los campos escritos en un campo). Así pues, si un

usuario está conforme con los datos que aparece, simplemente pulsará atrás

para volver a la pantalla de bienvenida. Si quisiera cambiar los datos, tan solo

Ilustración 12: Pantalla consulta/modificación de datos.

Page 12: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

97

debería pulsar sobre el campo deseado y reescribiría la información que

deseara, para posteriormente pulsar el botón modificar que se encuentra

debajo del último campo de datos (en color azul en la ilustración 13).

Si los datos se han modificado con éxito, se vuelve a la pantalla de bienvenida

de usuario y se muestra un Toast sobre pantalla indicándole un mensaje al

usuario si la modificación de datos ha sido correcta o por el contrario ha

ocurrido algún tipo de error. Observemos la siguiente ilustración donde se

muestra un ejemplo de modificación de datos con éxito:

Ilustración 13: Detalle modificación de datos exitosa.

Gracias a este mensaje, el usuario sabrá en todo momento si hay algún

fallo, dado que si esto no sucediera y se produjera un error interno al modificar

los datos y no se informara al usuario, este podría pensar que todo ha ido bien,

pero sin embargo no ha sido así, teniendo el usuario unos datos personales

guardados que no son los que desea tener.

Page 13: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

98

3.2.2 Pulsa Cerrar sesión

Cuando el usuario pulsa cerrar sesión, automáticamente sale del

servicio, volviendo a la pantalla original que aparece al abrir la aplicación.

Ilustración 14: Detalle cerrar sesión.

No habría otra forma de salir del servicio, debido a que se ha impedido

mediante software este caso, es decir, aunque el usuario pulsara el botón

“atrás” del Smartphone, la aplicación hace caso omiso a dicha circunstancia.

Una vez se cierra la sesión, si el usuario quisiera volver a acceder al servicio,

debe volver a loguearse mediante su nombre de usuario y su password

nuevamente.

Otro de los botones que se verán a continuación será el botón “Entrenar”, el

cual se verá en un nuevo apartado debido a que es donde comienza el grueso

del entrenamiento y se ha optado por hacerlo así para mayor claridad del

lector.

Page 14: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

99

4 Entrenamiento

A continuación se va a proceder a la descripción del inicio del entrenamiento o

rehabilitación en toda su amplitud, describiéndose minuciosamente todas y

cada una de las pantallas que irá encontrándose el usuario.

Ilustración 15: Detalle botón entrenar.

Cuando el usuario pulsa el botón entrenar, accederá al entrenamiento, el cual

diferenciaremos en dos grandes bloques:

Entrenamiento personalizado.

Entrenamiento libre.

La principal diferencia entre una opción y otra es el tipo de entrenamiento a

realizar, donde en el entrenamiento personalizado el médico o fisioterapeuta ha

asignado unas rutinas para el usuario concretamente, dependiendo de su

dolencia o rehabilitación, con unos criterios profesionales determinados y

haciendo un seguimiento al paciente. Sin embargo, en el entrenamiento libre, el

usuario tendrá acceso a todas y cada una de las rutinas existentes en el

sistema, con todos y cada uno de sus ejercicios, dejando que el usuario realice

el entrenamiento a su antojo, siempre bajo su responsabilidad.

Page 15: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

100

La primera pantalla que el usuario visualiza tras pulsar entrenar se muestra en

la siguiente ilustración, siendo en esta pantalla donde el usuario decide el tipo

de entrenamiento a realizar como se ha descrito anteriormente:

Ilustración 16: Pantalla tipo de entrenamiento

A continuación se procederá a describir el entrenamiento personalizado para

posteriormente describir el entrenamiento libre, aunque su funcionamiento es

muy similar.

4.1 Entrenamiento personalizado

Si el usuario pulsa sobre entrenamiento personalizado, se cargarán las rutinas

que tiene asignadas en el sistema, las cuales han sido establecidas por el

médico o fisioterapeuta. La forma en que las rutinas son asignadas a un

usuario queda fuera del alcance de esta aplicación, siendo una posible vía de

continuación de desarrollo para este proyecto.

Para mostrar las rutinas del usuario, se ha optado por usar listas de tamaño

variable, dado que no se deseaba restringir el número de rutinas que fueran

Page 16: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

101

asignadas a un usuario y que estas pudieran ser de un número indeterminado y

variable. Para ello se creó una clase auxiliar en java la cual fue descrita en el

capítulo IV, en el apartado 1.2.

Ilustración 17: Lista de rutinas de un usuario concreto.

En la ilustración 18, se muestra una lista de rutinas para un usuario concreto,

donde se han cargado 4 rutinas, pero como se ha dicho, pudiera ser que un

usuario solo tuviera dos rutinas o por el contrario se necesitaran seis rutinas

por ejemplo, teniendo un igual funcionamiento con la salvedad del tamaño que

se mostrará de la lista por pantalla y que no afectará ni limitará a la aplicación.

Para entrar dentro de una rutina concreta, tan solo deberá pulsarse sobre dicha

rutina, pasándose a una nueva pantalla donde el usuario decidirá cómo realizar

el entrenamiento, pudiendo tener dos opciones:

Entrenamiento mediante videos.

Entrenamiento paso a paso.

Page 17: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

102

A continuación se describirá cada una de estas situaciones, viéndose en

primer lugar el entrenamiento mediante vídeos, que es más simple, ya que

Ilustración 18: Pantalla inicio tipo de entrenamiento.

el usuario pulsa sobre el ejercicio concreto y se mostrará un vídeo

explicativo del mismo. En segundo lugar se describirá el entrenamiento

paso a paso, para los usuarios más exigentes, donde quieren conocer con

todo lujo de detalles el ejercicio en cuestión. Esto puede observarse en la

ilustración 19 anterior.

4.1.1 Rutinas mediante videos

Cuando el usuario pulsa el entrenamiento mediante videos, se

cargará una lista con todos los videos de cada uno de los ejercicios que

tiene la rutina seleccionada. Esta lista será variable y sigue el

funcionamiento de cualquier lista que aparece en la aplicación. Al pulsar

sobre uno de los elementos de la lista, automáticamente se comenzará a

reproducir el video del ejercicio en cuestión. Dichos video se cargan

mediante http en Streaming, gracias a unas funciones que tiene

Page 18: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

103

establecidas las librerías de Android. Si desea saberse el funcionamiento

interno, se remite al lector al capítulo IV, en el apartado “Reproducción de

video”. El aspecto de la lista con todos los videos disponibles quedaría

como se muestra en la siguiente ilustración:

Ilustración 19: Lista reproducción de video.

Cuando el usuario pulsa sobre uno de los videos, se realiza la carga del

video a la URL deseada, mostrándose un mensaje de carga de video:

Ilustración 20: Mensaje carga de video.

Page 19: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

104

Como se ha comentado, al pulsar sobre uno de los elementos de la lista se

abre una nueva pantalla donde se reproduce el video, donde el usuario

puede pausar o volver a reproducir el video, así como volver hacia atrás.

Los botones multimedia usados son los estándares de Android, cargándose

automáticamente todos los elementos multimedia gracias a dichas librerías

comentadas con anterioridad. En la siguiente ilustración se muestra una

Ilustración 21: Captura de un instante de reproducción de video.

captura de la reproducción de un video mostrándose la botonera

multimedia. Hay que resaltar que esa botonera se esconde o muestra al

pulsar sobre la pantalla del video. Una vez terminado el video se vuelve

automáticamente a la pantalla de la lista de videos, pudiendo el usuario

volver a elegir otro video en cualquier instante.

4.1.2 Entrenamiento paso a paso

En este apartado se describirá qué se encontrará el usuario si

pulsa sobre el botón de entrenamiento paso a paso, en la elección del modo de

entrenamiento, que recordemos, tenía dos posibilidades, una para el

entrenamiento mediante videos descrito en el apartado anterior, y un

entrenamiento paso a paso, el cual estamos describiendo en el actual

Page 20: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

105

apartado. Recordando al lector la pantalla de elección del modo de

entrenamiento, tenía el aspecto que muestra la siguiente ilustración:

Ilustración 22: Detalle botón paso a paso.

Al pulsar sobre dicho botón, se cargará una lista con los ejercicios

relacionados a la rutina que fue elegida con anterioridad, donde cada uno de

Ilustración 23: Lista de ejercicios paso a paso.

Page 21: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

106

los ejercicios aparecerá con su nombre, con un número de orden

en la lista, así como con una pequeña descripción del mismo para que el

usuario sepa la utilidad y finalidad que tiene dicho ejercicio evitando así que el

usuario tenga que acceder al ejercicio para saber qué utilidad tiene. En la

ilustración 24 se muestra el aspecto que tendría la lista de ejercicios.

Simplemente pulsando sobre uno de los elementos de la lista, se

cargará el ejercicio seleccionado en cuestión, realizándose la carga del

ejercicio en segundo plano, mostrándose un mensaje de carga al usuario, ya

que el tiempo de carga es desconocido, debido al envío de datos y consulta a

la base de datos. El aspecto del mensaje sería el siguiente:

Ilustración 24: Mensaje carga de ejercicio.

4.1.2.1 Ejercicios

En este apartado se va a ver con todo detalle cada uno de los

aspectos que puede tener relacionado un ejercicio. Recordemos qué aspectos

Page 22: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

107

debía tener el ejercicio para que el usuario más exigente pueda consultar

desde la descripción del ejercicio, la duración, finalidad, así como la consulta

de recursos como fotos o videos. Estos son:

Descripción.

Finalidad.

Duración.

Explicación

Características.

Recomendaciones.

Útiles.

Músculos.

Fotos.

Video.

La pantalla que quedaría visible para cada ejercicio sería:

.

Ilustración 25: Pantalla de ejercicio.

Page 23: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

108

Realmente esta pantalla no se mostraría completamente en el Smartphone,

solo se mostraría parte de ella. Para acceder a la parte inferior de la misma

bastaría con desplazar la pantalla hacia abajo para poder acceder a los

botones inferiores. A continuación pasaremos a describir cada uno de los

botones y su utilidad, mostrando imágenes y pantallas que aparecerán en cada

momento.

Explicación

Para acceder a una explicación exhaustiva del ejercicio, bastará

con pulsar sobre la imagen del botón con la lupa, permitiendo

acceder a una nueva pantalla con dicha explicación. Mientras se

realiza las labores de consulta en segundo plano, se muestra un

mensaje al usuario en pantalla, como muestra la siguiente

ilustración:

Ilustración 26: Detalle mensaje carga de información.

En cuanto se carga la información, se pasa a una nueva pantalla

donde el usuario podrá leer dicha información, pero no podrá

cambiarla en ningún momento. Para volver atrás, lo único que

Page 24: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

109

tendrá que hacer es pulsar dicho botón y volverá a la pantalla del

ejercicio en cuestión. Un ejemplo de dicha pantalla sería la

siguiente:

Ilustración 27: Pantalla con la explicación.

Características

Al igual que el anterior apartado, para acceder a las

características principales del ejercicio bastaría con pulsar sobre

la lupa que hay junto a dicha palabra en la pantalla. Se procederá

a cargar la información, volviendo a mostrar al usuario una

pantalla de carga de información para que no tenga la sensación

de que no responde, debido al tiempo indeterminado que se

tardará en realizar dichas operaciones. Quedaría algo como se

mostró en la ilustración 27 del apartado anterior.

La información que se mostraría en pantalla una vez cargada

dicha información, sería similar a la pantalla cargada en el

apartado anterior, con la salvedad de que tendría la información

respectiva a las características del ejercicio. La siguiente

Page 25: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

110

ilustración muestra un ejemplo de cómo quedaría la información

para un ejercicio concreto:

Ilustración 28: Pantalla con la descripción.

Recomendaciones

Al igual que en los dos apartados que nos preceden, al pulsar en

la lupa junto a la palabra recomendaciones, se cargará en este

Ilustración 29: Pantalla con la recomendación.

caso las recomendaciones respectivas de ese ejercicio, previa

muestra de una pantalla con el mensaje de la carga de datos

Page 26: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

111

mientras se realizan las operaciones en segundo plano similar a

la ilustración 27 antes citada.

Un ejemplo de cómo se mostraría la información por pantalla

quedaría tal y como se muestra en la ilustración 30.

Se debe destacar que en todos los casos las pantallas tienen un

valor variable, pudiendo tener una longitud del texto cualquiera.

En nuestro caso se ha limitado su longitud en la propia base de

datos a 1000 caracteres.

Útiles

Al pulsar sobre la lupa junto a útiles se tendrá acceso a todos los

útiles que se usarán para realizar el ejercicio. En primer lugar

aparecerá una lista con todos los útiles necesarios, junto a una

pequeña descripción del mismo, tal y como se muestra en la

siguiente ilustración:

Ilustración 30: Pantalla con la lista de útiles.

Al pulsar sobre cada uno de los elementos de la lista de útiles se

mostrará un mensaje en pantalla como suele ser habitual en

todos los casos en los que accedemos a información de la base

Page 27: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

112

de datos que puede tardar un tiempo indeterminado, para evitar la

sensación al usuario de que la aplicación no responde. La

pantalla quedaría como se muestra a continuación:

Ilustración 31: Pantalla con mensaje de carga de útil.

Inmediatamente tras cargar la información de la base de datos

que será la URL con la dirección de la imagen a mostrar, se

mostrará dicha imagen en pantalla, tal y como se muestra en la

siguiente ilustración:

Ilustración 32: Pantalla con la imagen del útil.

Page 28: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

113

Músculos

En este apartado, se mostrarán todos los músculos que se verán

afectados en el ejercicio en cuestión, mostrándose una imagen de

cada uno de esos músculos. Para acceder a este punto, tan solo

hay que pulsar la lupa junto a dicha palabra, cargándose en este

caso una lista con los músculos que intervienen en el ejercicio, tal

como muestra la ilustración 34:

Ilustración 33: Pantalla con la lista de músculos.

Una vez pulsado sobre uno de los elementos vuelve a mostrarse

un mensaje de carga al usuario, realizándose esto en segundo

plano, mientras el usuario queda a la espera. Esto puede

observarse en la siguiente ilustración:

Ilustración 34: Pantalla con mensaje de carga.

Page 29: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

114

Posteriormente se muestra por pantalla la foto del músculo

seleccionado, para mayor claridad del usuario:

Ilustración 35: Pantalla con la imagen del músculo seleccionado.

Simplemente pulsando “atrás” volveremos a la pantalla inicial del

ejercicio, pudiendo acceder a los otros apartados.

Fotos

En este apartado se muestran fotos de cómo realizar el ejercicio.

Son fotos explicativas del ejercicio para un mayor entendimiento

del usuario. Se mostrarán:

- Foto inicio del ejercicio.

- Foto fin del ejercicio.

- Foto detalle del ejercicio.

Gracias a esto, el usuario sabrá como es la posición inicial de

ejercicio, así cómo la posición final del mismo. Con la foto detalle

se pretende destacar algún aspecto del ejercicio a criterio del

profesional médico o del fisioterapeuta.

Page 30: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

115

En primer lugar se mostrará un mensaje de carga al usuario

cuando se está realizando la consulta con la base de datos, como

es habitual:

Ilustración 36: Pantalla con mensaje de carga de fotos.

Tras realizar la carga de las URL de las fotos, se realiza la carga

en cuestión de las fotos del servidor donde se encuentran,

mostrándose una pantalla tal como se muestra a continuación:

Ilustración 37: Pantalla donde aparecen las fotos del ejercicio.

Page 31: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

116

Una vez más, pulsando atrás volveremos a la pantalla del

ejercicio para poder acceder de nuevo a los apartados anteriores.

Video

Por último, podemos consultar el video del ejercicio en cuestión,

donde se realiza dicho ejercicio y se irán realizando las

aclaraciones pertinentes. Dicho video dispondrá de audio por

supuesto, donde el médico o entrenador puede ir describiendo el

movimiento, así como todo lo que desee según su criterio

profesional. Los videos son de longitud pequeña, de

aproximadamente menos de un minuto, para evitar así que haya

un consumo elevado de datos por internet. Además, estos videos

tendrán un formato especial para dispositivos móviles, siendo este

formato el .3gp, el cual consigue videos reproducibles por móviles

con una menor exigencia de tasa de bits, el cual ya fue descrito

en el capítulo II.

Para acceder al video tan solo hay que pulsar sobre el último

botón de la pantalla de ejercicio, recordemos:

Ilustración 38: Detalle botón “play” para reproducción de video.

Una vez se pulsa sobre dicho botón, se realizará la carga del

video de manera automática. Como se describió en el capítulo II,

se optó por la reproducción mediante servicio http, ya que era

Page 32: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

117

más fácil además de encontrar gran cantidad de servidores

gratuitos para este cometido. El video se reproducirá en modo

streaming, pudiéndose realizar la carga y la reproducción del

mismo casi de manera simultánea, previa a una pequeña carga

del mismo para tener una precarga del mismo en el buffer de

reproducción. La pantalla que se muestra durante unos segundos

mientras se carga el video es proporcionada por la propia librería

de Android, quedando como muestra la siguiente ilustración:

Ilustración 39: Mensaje carga video.

Podemos observar tanto el mensaje de carga del video como la

barra de reproducción que también se carga de manera

automática gracias a las librerías de Android. Mediante dicha

barra el usuario puede pausar, reproducir, avanzar o volver en el

video, así como saltar a la parte del video que desee simplemente

pulsando sobre la barra de desplazamiento del video.

Observamos que ya se ha realizado parte de la carga del video en

el buffer, justo antes de comenzar la reproducción del video.

En la siguiente ilustración se muestra la captura del instante inicial

de la reproducción del video, donde se ha realizado parte de la

carga del video, pero aún no se ha cargado el video

completamente, sin embargo se inició la reproducción, siendo

Page 33: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

118

este un funcionamiento muy parecido al que usan los servidores

de “YouTube”. La ilustración en cuestión sería:

Ilustración 40: Inicio reproducción del video.

Al finalizar la reproducción del vídeo, volverá a la pantalla inicial

del ejercicio, pudiendo volver a cualquiera de los apartados

anteriores. Si pulsamos atrás en dicha pantalla del ejercicio

volveríamos a la lista de ejercicios, donde podríamos pasar a otro

ejercicio de la rutina.

4.2 Entrenamiento libre

Recordemos, la principal diferencia entre el entrenamiento personalizado y el

entrenamiento libre radica en que, en el entrenamiento personalizado el médico

o fisioterapeuta ha asignado unas rutinas para el usuario concretamente,

dependiendo de su dolencia o rehabilitación, con unos criterios profesionales

determinados y haciendo un seguimiento al paciente. Sin embargo, en el

entrenamiento libre, el usuario registrado tendrá acceso a todas y cada una de

las rutinas existentes en el sistema, con todos y cada uno de sus ejercicios,

dejando que el usuario realice el entrenamiento a su antojo, siempre bajo su

responsabilidad.

Page 34: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

119

Como indicamos en los apartados anteriores, la primera pantalla que el usuario

visualizaba donde decide el tipo de entrenamiento a realizar, como se ha

descrito anteriormente, sería como se muestra en la siguiente ilustración,

donde se resalta el botón a pulsar:

Ilustración 41: Pantalla tipo de entrenamiento.

Una vez se pulsa sobre entrenamiento libre, se cargarán todas las rutinas

disponibles en el sistema, visualizándose estas mediante una lista, tal como

muestra la siguiente ilustración:

Ilustración 42: Lista con todas las rutinas del sistema.

Page 35: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

120

Como observamos, la lista es de tamaño variable, pudiéndose mostrar un

número ilimitado de rutinas del sistema, no limitándose así al profesional el

poder añadir a la base de datos todas las rutinas que considere oportunas.

Una vez se pulsa sobre una de las rutinas, sigue un funcionamiento idéntico al

del entrenamiento personalizado, dándose la opción al usuario de poder

realizar el entrenamiento de dos maneras:

Rutinas mediante videos.

Rutinas paso a paso, para los usuarios más exigentes.

La pantalla donde se realiza esta opción es la siguiente:

Ilustración 43: Pantalla inicio tipo de entrenamiento.

Si pulsamos “rutina mediante videos”, se cargaría una lista con todos los videos

de los ejercicios de la rutina pulsada, como se describió en el apartado 4.1.1 de

este capítulo, por lo que se remite al lector a dicho apartado si desea ver los

detalles del mismo.

Page 36: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

121

Si por el contrario se pulsara “ejercicios paso a paso”, se remite al lector al

apartado 4.1.2 de este capítulo ya que sigue exactamente el mismo

funcionamiento.

5 Acceso de usuario no registrado

También se le da la posibilidad a un usuario de no tener que registrarse dentro

del sistema, aunque este usuario tendrá unas limitaciones respecto a un

usuario registrado. Es evidente que esta aplicación está enfocada a un

entrenamiento o rehabilitación supervisada por un profesional, tal como un

médico, entrenador o fisioterapeuta. Es por ello, que carece de sentido permitir

a un usuario que pueda realizar rutinas a su libre antojo, ya que esto pudiera

ser perjudicial para su recuperación. Por ello, solo se le permite al usuario no

registrado acceder a un número de rutinas limitadas, lo cual se le avisa antes

de acceder al sistema. Esto se puede observar en la siguiente ilustración:

Ilustración 44: Pantalla acceso usuarios no registrados.

Page 37: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

122

Como puede observarse, se le da la opción al usuario de poder volver a la

pantalla de inicio donde podrá registrarse como se ha descrito en el apartado

dos, o bien continuar como usuario no registrado, a sabiendas de las

limitaciones que tendrá al acceder al servicio.

Las rutinas demostración serán asignadas por el propietario de la aplicación,

pudiéndolas cambiar cada cierto tiempo si este estimara oportuno.

La primera pantalla que el usuario no registrado visualiza tras pulsar “seguir” se

muestra en la siguiente ilustración, siendo en esta pantalla donde el usuario

decide el tipo de entrenamiento a realizar, tal y como realizaba el usuario

registrado, con la salvedad de que en la pregunta del tipo de entrenamiento se

le recuerda al usuario no registrado que las rutinas tienen acceso limitado:

Ilustración 45: Pantalla tipo de entrenamiento

En esta pantalla, aunque aparecen las posibilidades de entrenamiento que se

le ofrecían al usuario registrado, realmente tan solo se le da la opción del

entrenamiento libre al usuario no registrado.

Page 38: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

123

Lo que sucede si el usuario no registrado pulsara sobre el botón de

entrenamiento personalizado, será la muestra de un Toast durante unos

segundos en el que se le indica que este servicio no está disponible para

usuarios no registrados. La siguiente ilustración muestra dicho mensaje:

Ilustración 46: Detalle del Toast mostrado.

Por el contrario, si el usuario pulsara sobre el entrenamiento libre, se cargará

una lista con las rutinas que el propietario de la aplicación considere oportunas,

mostrándose solo una muestra de todas las rutinas del sistema, pudiendo ser

estas rutinas las que se deseen en número.

Para conseguir esto, tan solo se asigna a un “usuario 0” de la base de datos

las rutinas deseadas y el sistema cargará dichas rutinas. El propietario de la

aplicación podrá cambiar las rutinas que asigna a ese usuario no registrado

cuando desee, variándolas por ejemplo cada cierto tiempo, invitando así al

usuario a registrarse en el sistema, al ver la cantidad y la calidad de las

diferentes rutinas ofertadas al usuario.

Page 39: Capítulo V - Universidad de Sevillabibing.us.es/proyectos/abreproy/12197/fichero/Capitulo+V.pdf · Cuando se desea acceder como usuario registrado, lo único necesario sería que

124

La pantalla que se muestra al usuario con las rutinas será una lista al igual que

en todas las listas que se han mostrado anteriormente, con la salvedad de

sobreponer en pantalla un mensaje del tipo Toast durante unos segundos

recordándole al usuario no registrado que las rutinas son limitadas. Esto se

muestra en la siguiente ilustración:

Ilustración 47: Lista rutinas con mensaje Toast sobrepuesto.

Una vez pulsada una de las rutinas, el funcionamiento es idéntico al usuario

registrado, dándole la posibilidad de entrenar mediante videos, como se

describió en el apartado 4.1.1 de este capítulo, o por el contrario realizar un

entrenamiento paso a paso como se describió en el apartado 4.1.2 de este

capítulo. Se remite al lector a la lectura de dichos capítulos si se desea

entender cuál es dicho procedimiento.