Cliente React Native que hace consultas al servidor Y se apoya de la siguiente página web
- Alumno: Diego López Torres
- Código: 215672951
- Sección: D01
Esta aplicación Android desarrollada con el Framework React Native sirve para llevar a cabo el control de una carrera virtual universitaria, los estudiantes pueden registrarse e iniciar sesión al mismo tiempo con sus mismas credenciales que usan para acceder a sistemas de la red universitaria, dentro de la aplicación pueden consultar su posición dentro de la carrera, subir una foto de perfil a gusto, subir sus progresos, ver cuantos kilómetros les falta para la meta y ver cuantos días faltan para que termine la carrera.
El proyecto cuenta con bastantes funcionalidades entre las que se encuentran:
-
Inicio de sesión con código y NIP (credenciales de estudiantes de la UDG).
-
Ver el estado actual del ranking, los 3 primeros lugares y donde te sitúas (en caso de que no estés en los 3 primeros).
-
Pull to refresh para actualizar el ranking.
-
Cuenta con un menú hamburguesa en la parte superior que al presionarlo permite:
- Ver tus datos de estudiante.
- Cerrar sesión.
- Subir una foto de perfil.
-
Permanecer con la sesión iniciada después de cerrar la aplicación y volver a abrirla.
-
Permite subir tu progreso mediante un formulario donde debes adjuntar los kilómetros que corriste, el tiempo en que lo hiciste y una fotografía como evidencia.
- Esos datos se mandarán a una página web mencionada anteriormente, donde una persona los verá y podrá decidir si aprobar si es verídico lo que mandaste.
Mientras la aplicación carga, se muestra en pantalla una pequeña animación y un mensaje indicando que la app está cargando.
Inicio de sesión | Inicio de sesión mostrando alerta de error |
---|---|
Pantalla principal | Opciones del menú hamburguesa |
---|---|
Esta es la galería personal, lista para elegir una imagen. Se elegirá la segunda imagen.
Nueva imagen en menú | Nueva imagen en pantalla principal |
---|---|
Se agregaron unos cuantos participantes más con nombres e imágenes de tecnologías a fin de visualizar el ranking con más participantes. Todo esto con fines meramente demostrativos.
En las siguientes 2 vistas se puede visualizar el progreso dentro de la carrera en 2 aspectos:
- Cuan cerca está el evento por finalizar, son 10 días.
- Cuan cerca se encuentra de la meta, son 10 kilómetros.
Adicionalmente, también se puede consultar la posición dentro de la carrera y conocer cuantos participantes existen en total desde esta vista.
Visualización de tu progreso | Formulario para subir tus progresos |
---|---|
A continuación se realizará una solicitud para actualizar el progreso llenando el formulario, la imagen mostrada no es la adecuada para subir como evidencia, solo está puesta con fines demostrativos.
Llenando la solicitud | Recibiendo respuesta |
---|---|
Ahora en la página web cuyo repositorio puede ser consultado aquí esa solicitud fue enviada, desde ahí un administrador podrá ver la solicitud de progreso y aprobarla o rechazarla.
De aprobarse la solicitud, el progreso del solicitante se le sumará a su progreso actual el tiempo y distancia recorrida mostrada en pantalla. De ser rechazada, nada cambiará.