Sistema móvil para la seguridad personal en caso de accidentes presentados en la ciudad de Bogotá. Manual de Usuario Front-End móvil

Transcripción

1 Sistema móvil para la seguridad personal en caso de accidentes presentados en la ciudad de Bogotá Manual de Usuario Front-End móvil

2 Sistema móvil para la seguridad personal en caso de accidentes presentados en la ciudad de Bogotá Contenido 1. Login Home Datos generales Contactos Datos médicos Enviar alerta de pánico Notificaciones Cerrar Sesión... 22

3 1 Luego de descargar e instalar la aplicación el usuario podrá acceder a las siguientes opciones: 1. Login La primera pantalla que se presentará al usuario es el formulario de login: Ilustración 1 Frontend móvil - Login

4 2 Es ésta pantalla aparecen las siguientes opciones: 1) Crear una cuenta: Ésta opción dirigirá al siguiente formulario para que el usuario tenga la posibilidad de crear una cuenta. Ilustración 2 Frontend móvil - Registro

5 3 2. Home 2) Recordar contraseña: Desde aquí el usuario tendrá la posibilidad de reestablecer su contraseña en caso de haberla olvidado. 3) Ingresar: Cuando se seleccione ésta opción el usuario quedará autenticado y podrá acceder al home donde encontrará sus opciones dentro del sistema. Ilustración 3 Frontend móvil - Home

6 4 son: Desde aquí se pueden acceder a las opciones disponibles en el menú superior, las cuales 3. Datos generales Ilustración 4 Frontend móvil - Datos Generales

7 5 Desde aquí el usuario podrá actualizar sus datos generales. 4. Contactos Ilustración 5 Frontend móvil - Contactos En la opción contactos el usuario tendrá la posibilidad de ingresar un nuevo contacto, editar uno existente o adicionarlo según sus redes sociales.

8 6 Ilustración 6 Frontend móvil - Ingresar/Editar Contacto Si se selecciona adicionar un contacto desde Facebook, aparecerá la siguiente pantalla:

9 7 Ilustración 7: Acceder a Facebook Luego aparecerá un mensaje de Facebook solicitando permisos al usuario para compartir su información:

10 8 Ilustración 8: Solicitud de permisos para obtener información Y por último solicita permisos para que la aplicación pueda publicar post en Facebook (esto se hará cuando el usuario presione el botón para enviar la alerta de la emergencia).

11 9 Ilustración 9: Solicitud de permisos para publicar en Facebook Ahí mismo el usuario tiene la posibilidad de seleccionar para quién sean visibles los posts enviados a facebook:

12 10 Ilustración 10: Modificación de permisos en posts 5. Datos médicos sus valores: Al acceder a ésta opción se listarán las categorías de datos médicos con la opción para ver

13 11 Ilustración 11 Frontend móvil - Categorías información médica Al dar clic en "Ver opciones aparece una lista opciones, donde cada una presenta los posibles valores para que el usuario pueda seleccionar sus opciones:

14 12 Ilustración 12 Frontend móvil - Opciones información médica Luego el usuario podrá guardar los cambios realizados en las opciones seleccionadas.

15 13 6. Enviar alerta de pánico Ilustración 13 Frontend móvil - Botón de pánico Cuando el usuario selecciona la opción para enviar la alerta de pánico se enviarán las notificaciones e información preestablecida a los contactos y redes sociales seleccionadas. Luego

16 14 de ello se presenta un mensaje indicando que la información ha sido enviada y que su ubicación está siendo rastreada, así mismo como un botón para detener el seguimiento de la ubicación: Ilustración 14 Frontend móvil - Envío alerta Cuando el usuario seleccione la opción Detener Rastreo GPS entonces se detendrá el rastreo de su ubicación y se presentará un mensaje en pantalla.

17 15 Ilustración 15 Frontend móvil - Detener rastreo GPS

18 16 7. Notificaciones En ésta opción de menú el usuario tiene la posibilidad de ver las notificaciones de emergencias enviadas por otros usuarios que estén utilizando la aplicación. La aplicación muestra el número de notificaciones de emergencia recibidas en el ícono de la campana del menú. Ilustración 16 Frontend móvil Contador de Notificaciones Al seleccionar la opción de Notificaciones se presenta un listado indicando el nombre de la persona que registró la emergencia y un botón para ver el detalle de la emergencia:

19 17 Ilustración 17 Frontend móvil Listado de notificaciones Al ver el detalle de la emergencia se presentará la siguiente pantalla con el mapa indicando la ubicación y trayectoria recorrida por el usuario que reporta la emergencia:

20 18 Ilustración 18 Frontend móvil Detalle El icono de la alerta indica el lugar donde fue reportada la emergencia:

21 19 Ilustración 19 Ubicación donde se reporta la emergencia El icono de la persona indica la ubicación actual de la persona que reportó la emergencia.

22 20 Ilustración 20 Ubicación actual de la persona que reportó la emergencia Por medio de la lista desplegable ubicada en la parte superior de la pantalla el usuario podrá navegar entre las distintas emergencias y con el botón de ver más podrá ver el detalle de la información compartida:

23 21 Ilustración 21 Selección de emergencia

24 22 Ilustración 22 Detalle de información compartida 8. Cerrar Sesión la aplicación. Es la última opción del menú de usuario y le permite al usuario salir de manera segura de

25 23 Ilustración 23: Frontend móvil - Cerrar sesión.

26 24 Al momento de enviar la notificación, si el usuario aceptó los permisos de Facebook, entonces será publicado un post en su perfil y visible a los usuarios que configuró previamente, el mensaje tendrá el siguiente formato: Ilustración 24: Ejemplo de post compartido por la aplicación en facebook.