Manual de Usuario de MobileDSD. Aplicación web y móvil

Transcripción

1 Manual de Usuario de MobileDSD Aplicación web y móvil

2

3 Índice 1. Introducción Aplicación Web Usuario de la aplicación web Página de Inicio Pantalla About MobileDSD Pantalla Search Mobile Desarrollador Móvil Pantalla Web Service Aplicación móvil Usuario Móvil Interfaz de inicio general Play agitator Agitar el teléfono lo más fuerte posible Mostrar puntuación Mostrar información de los sensores Enviar información al servidor... 14

4 Tabla de Ilustraciones Ilustración 1. Página Home de la aplicación web Ilustración 2. Página About MobileDSD... 7 Ilustración 3. Página Search Mobile... 7 Ilustración 4. Resultado de la búsqueda de un dispositivo... 8 Ilustración 5. Sin resultados en la búsqueda... 8 Ilustración 6. Pantalla de inserción de datos para el Web Service... 9 Ilustración 7. Estructura JSON Ilustración 8. Fabricante no disponible en base de datos... 9 Ilustración 9. JSON devuelto cuando no hay dispositivos en la base de datos... 9 Ilustración 10. Un campo sin rellenar Ilustración 11. JSON cuando uno de los campos no es introducido Ilustración 12. Pantalla de inicio Ilustración 13. Pantalla de obtención de gravedad al agitar el dispositivo Ilustración 14. Pantalla de resultado final Ilustración 15a. Información sobre los sensores de su dispositivo móvil Ilustración 16. Ejemplo de dispositivo sin sensor de luz Ilustración 17. Envío de datos al servidor Ilustración 18. Producto almacenado satisfactoriamente en MobileDSD Ilustración 19. Producto ya almacenado enmobiledsd Ilustración 20. Sin conexión a Internet... 16

5 1. Introducción MobileDSD es una base de datos que almacena información sobre los sensores de los teléfonos móviles. Esta información se proporciona a través de una aplicación móvil que conecta el teléfono a la base de datos. El objetivo de esta base de datos es proporcionar información de los sensores a cualquier persona interesada, desde el anonimato a los desarrolladores que deseen desarrollar sus propias aplicaciones. Debido a la diversidad de los dispositivos móviles es necesario disponer de un único contenedor que almacene la información del sensor del teléfono. Con esto se conseguirá hacer mucho más fácil el desarrollo de aplicaciones móviles de la gran mayoría de los teléfonos que estén basadas en sensores. El objetivo de este documento es especificar al usuario cómo usar de forma correcta la aplicación web así como la aplicación móvil encargada de enviar la información al servidor.

6 2. Aplicación Web 2.1. Usuario de la aplicación web Página de Inicio La pantalla inicial o home es la que se muestra al poner la url en el navegador elegido. En ella se muestran diferentes eslóganes sobre tres tipos de sensores (acelerómetro, giróscopo y magnetómetro). Se informa sobre la existencia de un servicio web para obtener dispositivos de la base de datos. Ilustración 1. Página Home de la aplicación web. En la parte superior al lado del título se observa el menú con cuatro posibles navegaciones, home, página sobre qué es MobileDSD, página de obtención del servicio web y página con el buscador de dispositivos. En color naranja se informa sobre el contenido almacenado en la base de datos. La primera línea Mobile storage informa del número total de dispositivos almacenados. Las siguientes informan del número de dispositivos por fabricante que están persistidos. Con el número 1 rodeado por un círculo rojo se observa el manual de usuario del proyecto, que se abrirá en una página distinta. Este manual cuenta con el manual de la aplicación móvil y el manual de la aplicación web. Con el número 2 rodeado por un círculo ojo se observa un icono con el símbolo de Android. Al pinchar sobre él se podrá descargar la aplicación móvil.

7 Pantalla About MobileDSD Si el usuario pincha sobra la opción About MobileDSD del menú en la parte superior, el sistema procederá a llevarles a una página con información de qué es MobileDSD y porqué es necesario. Una breve descripción sobre lo que se pretende con este proyecto. Ilustración 2. Página About MobileDSD Pantalla Search Mobile Al pinchar sobre la opción Search Mobile el sistema les conducirá a una página en la cual se podrán realizar consultas de los sensores de su dispositivo móvil. Ilustración 3. Página Search Mobile Mediante la selección de los distintos desplegables se procederá a la configuración de un dispositivo móvil y mediante el botón Search se procederá a buscar la información de los sensores a los que pertenece dicho dispositivo.

8 Ilustración 4. Resultado de la búsqueda de un dispositivo Si se deja algún desplegable sin seleccionar no se buscará ningún dispositivo obteniendo la pantalla que se observa en la siguiente ilustración Desarrollador Móvil Ilustración 5. Sin resultados en la búsqueda Pantalla Web Service Al pinchar sobre la opción del menú Web Service el sistema les conduce a una pantalla en la que deberán de introducir los datos de un sistema operativo y un fabricante para poder obtener así el JSON con la información de los dispositivos. Como se puede observar en la ilustración 5 ambos campos son obligatorios. Será necesario introducir un sistema operativo y un fabricante como se puede observar.

9 Ilustración 6. Pantalla de inserción de datos para el Web Service El resultado es una estructura JSON con todos los dispositivos existentes en la base de datos que cumplen con el sistema operativo y el fabricante introducidos. Ilustración 7. Estructura JSON. Si no se encuentran dispositivos para los criterios introducidos, como en la ilustración 8 el JSON devuelto es el de la ilustración 9. Ilustración 8. Fabricante no disponible en base de datos Ilustración 9. JSON devuelto cuando no hay dispositivos en la base de datos Si uno de los campos se deja en blanco, como en la ilustración 10 el JSON es el que se puede observar en la ilustración 11.

10 Ilustración 10. Un campo sin rellenar Ilustración 11. JSON cuando uno de los campos no es introducido

11 3. Aplicación móvil 3.1. Usuario Móvil Interfaz de inicio general La pantalla inicial es la que se muestra al ejecutar la aplicación, en ella aparece el logotipo principal y un menú con las distintas opciones que tendrá el usuario móvil para operar. Estas opciones se explicarán en mayor profundidad a continuación. La tecla de volver atrás, que disponen todos los dispositivos Android, le permitirá volver a la pantalla anterior desde cualquier pantalla de la aplicación móvil Play agitator Ilustración 12. Pantalla de inicio Agitar el teléfono lo más fuerte posible Al seleccionar la opción del menú Play Agitator, la aplicación le conducirá a la pantalla que se muestra en la ilustración 13. Esta pantalla irá recogiendo todos los valores de las aceleraciones que detecte el sensor cuando usted agite su dispositivo. Obteniendo el valor máximo de la gravedad de todas las agitaciones realizadas.

12 Ilustración 13. Pantalla de obtención de gravedad al agitar el dispositivo Mostrar puntuación Al pulsar sobre el botón Stop Agitator esta pantalla desaparece dando lugar a otra pantalla en la que se mostrará el resultado obtenido de sus agitaciones, como se puede observar en la ilustración 14. Ilustración 14. Pantalla de resultado final En esta pantalla observamos en primer lugar el máximo valor de la gravedad obtenido al agitar su dispositivo comparado con el máximo valor permitido por el sensor de su teléfono. Destacar que este mini juego será más atractivo para el usuario cuando mayor sea el máximo valor permitido por el dispositivo y menor sea la resolución de captura de valores en los distintos ejes del sensor acelerómetro, ya que permitirá obtener un rango más amplio de valores y hacer que el mini juego sea más entretenido. Si pulsa sobre el botón Try again! le llevará a la pantalla que se muestra en la ilustración 13 para intentar conseguir un valor mayor del obtenido hasta ese momento.

13 Si por el contrario desea regresar al menú no tiene más que pulsar sobre la tecla volver de su dispositivo móvil y regresará a la pantalla que se muestra en la ilustración Mostrar información de los sensores Una vez en la pantalla de inicio y tras pulsar sobre la opción Display informations sensors la aplicación le conducirá a una pantalla en la que podrá visualizar los datos de los sensores de su teléfono móvil (ver ilustración 15). Estos sensores son: acelerómetro, giróscopo, magnetómetro, sensor de luz y sensor de proximidad. Ilustración 15a. Información sobre los sensores de su dispositivo móvil Ilustración 4b. Información sobre los sensores de su dispositivo móvil Si su dispositivo no dispone de alguno de estos sensores, en dicho pantalla le aparecerán los datos del sensor en cuestión sin información como se puede observar en la ilustración 16.

14 Ilustración 16. Ejemplo de dispositivo sin sensor de luz. Desde esta pantalla para regresar a la pantalla de inicio solo tiene que pulsar sobre el botón atrás de su dispositivo Enviar información al servidor Una vez en esta pantalla y tras pulsar sobre la opción Send information sensors la aplicación procederá a enviar los datos observados en la ilustración 15 al servidor para que la aplicación web los procese y envíe una respuesta al respecto para informarle a usted. Mientras se están enviando los datos usted visualizará la siguiente pantalla. Ilustración 17. Envío de datos al servidor En función de estos datos usted recibirá una respuesta por parte del servidor. Hay tres posibles respuestas.

15 Si su dispositivo no forma parte de la base de datos de MobileDSD, su información se almacenará en la base de datos obteniendo la siguiente pantalla. Ilustración 18. Producto almacenado satisfactoriamente en MobileDSD Si su dispositivo ya se encuentra almacenado en la base de datos, obtendrá una pantalla como la siguiente. Ilustración 19. Producto ya almacenado enmobiledsd Si su dispositivo móvil no puede conectarse con el servidor porque no dispone de red. La información no se mandará, obteniendo una pantalla como la siguiente.

16 Ilustración 20. Sin conexión a Internet Para finalizar indicar que si desea salir de la aplicación solo tiene que pulsar sobre la opción del menú Exit y confirmar que desea abandonar la aplicación móvil