Ingeniería de Sistemas · 2023
Diseño del componente Frontend de una aplicación móvil para el servicio de vehículo compartido – UIS Wheels
El servicio de vehículo compartido – UIS Wheels funciona como un medio de transporte alternativo para la comunidad universitaria. Desde hace varios años, miembros de la comunidad universitaria con vehículo propio ofrecen este servicio con el fin de generar un ambiente más cómodo y un tiempo de viaje más corto, a los demás miembros de la comunidad universitaria, y del mismo modo, otros miembros de la comunidad universitaria acceden al servicio con el fin de evitar las incomodidades que suelen generar los medios de transporte convencionales. Hoy en día, este servicio funciona a través de grupos de Facebook y mensajes en grupos de Whatsapp, por medio de los cuales los conductores dan a conocer los detalles de las rutas que van a realizar y las personas interesadas en acceder al servicio se comunican por ellos por medio de mensajes. Teniendo en cuenta lo anterior, y con el objetivo de crear una plataforma exclusiva para este servicio, y así evitar compartir información como perfiles de Facebook y números de teléfono, se plantea diseñar el componente Frontend de una aplicación móvil que sirva como intermediario entre los conductores y pasajeros para así incentivar el uso de este servicio dentro de la comunidad universitaria.
Texto completo 75 páginas con texto
Leer la tesis completa Ficha en el repositorio
Contenido
- Introducciónp. 12
- 1. Resumen del proyectop. 14
- 1.1 Problemáticap. 14
- 1.2 Justificaciónp. 14
- 1.3 Metodologíap. 14
- 2. Objetivosp. 18
- 2.1 Objetivo Generalp. 18
- 2.2 Objetivos Específicosp. 18
- 3. Marco de referenciap. 19
- 3.1 Marco conceptualp. 19
- 3.1.1 Aplicaciones de servicios de movilidadp. 19
- 3.1.2 Dinámica general de los servicios de movilidad por medio de aplicacionesp. 20
- 3.1.3 Desarrollo de aplicaciones móvilesp. 20
- 3.1.4 Frontendp. 21
- 3.1.5 API RESTp. 21
- 3.1.6 Frameworkp. 21
- 3.2 Marco tecnológicop. 22
- 3.2.1 Flutterp. 22
- 3.2.2 Android Studiop. 22
- 3.2.3 Githubp. 22
- 3.2.4 Visual Studio Codep. 22
- 3.2.5 Dartp. 23
- 3.2.6 JSON Serverp. 23
- 4. Requerimientos del proyectop. 23
- 4.1 Listado de requerimientosp. 23
- 4.2 Análisis de requerimientosp. 27
- 4.2.1 Casos de usop. 27
- 4.2.2 Diagrama de actividadesp. 30
- 4.2.2.1 Diagrama de actividades para publicar viajesp. 31
- 4.2.2.2 Diagrama de actividades para filtrar y hacer parte de viajesp. 32
- 4.2.2.3 Diagrama de actividades para gestionar pasajerosp. 33
- 5. Diseño del prototipop. 34
- 5.1 Arquitecturap. 34
- 5.2 Diseño de la interfaz de usuariop. 35
- 5.2.1 Diseño del logo y el nombre de la aplicaciónp. 35
- 5.2.2 Diseño de la pantalla inicialp. 36
- 5.2.3 Diseño de las pantallas de inicio de sesión y registrop. 37
- 5.2.4 Diseño de la pantalla principalp. 38
- 5.2.4.1 Diseño de viajes publicadosp. 40
- 5.2.4.2 Diseño de filtros de viajesp. 41
- 5.2.4.3 Diseño de lista de filtrosp. 42
- 5.2.4.4 Diseño de publicación de nuevo viajep. 43
- 5.2.4.4.1 Diseño de mapap. 44
- 5.2.5 Diseño del menúp. 45
- 5.2.5.1 Diseño de la pantalla de perfil del usuariop. 46
- 5.2.5.2 Diseño de la pantalla de los viajes asociados al usuariop. 47
- 5.2.5.2.1 Diseño de la pestaña de los viajes del usuario como pasajerop. 47
- 5.2.5.2.2 Diseño de la pestaña de los viajes del usuario como conductorp. 50
- 5.2.5.3 Diseño de la pantalla de configuraciónp. 54
- 5.2.5.3.1 Diseño de la pantalla de privacidadp. 55
- 5.2.5.3.2 Diseño de la pantalla de ayudap. 58
- 6. Implementación del prototipop. 59
- 6.1 Primer prototipop. 59
- 6.2 Segundo prototipop. 62
- 7. Validacionesp. 65
- 7.1 Pruebas de softwarep. 65
- 8. Conclusiones y trabajo futurop. 72
- Referencias Bibliográficasp. 73
- Tabla 1. Requerimientos funcionalesp. 24
- Tabla 2. Requerimientos no funcionalesp. 27
- Tabla 3. Definición del actor pasajerop. 29
- Tabla 4. Definición del actor conductorp. 29
- Tabla 5. Prueba iniciar sesiónp. 65
- Tabla 6. Prueba cambiar contraseñap. 66
- Tabla 7. Prueba buscar viajep. 67
- Tabla 8. Prueba seleccionar viajep. 67
- Tabla 9. Prueba ser parte del viajep. 68
- Tabla 10. Prueba abrir chatp. 68
- Tabla 11. Prueba publicar viajep. 68
- Tabla 12. Prueba seleccionar ubicación en el mapap. 70
- Tabla 13. Prueba eliminar pasajerop. 70
- Tabla 14. Prueba iniciar viajep. 71
- Figura 1. El modelo incrementalp. 15
- Figura 2. Dinámica de la metodología usada en el proyectop. 17
- Figura 3. Casos de usop. 28
- Figura 4. Diagrama de actividades para publicar viajesp. 31
- Figura 5. Diagrama de actividades para filtrar y hacer parte de viajesp. 32
- Figura 6. Diagrama de actividades para gestionar pasajerosp. 33
- Figura 7. Arquitectura del softwarep. 34
- Figura 8. Diseño del logop. 35
- Figura 9. Diseño de la pantalla inicialp. 36
- Figura 10. Diseño de la pantalla de inicio de sesiónp. 37
- Figura 11. Diseño de la pantalla de registrop. 38
- Figura 12. Diseño de la pantalla principalp. 39
- Figura 13. Diseño de viajes publicadosp. 40
- Figura 14. Diseño de filtro de viajesp. 41
- Figura 15. Diseño de lista de filtrosp. 42
- Figura 16. Diseño de publicación de nuevo viajep. 43
- Figura 17. Diseño del mapap. 44
- Figura 18. Diseño del menúp. 45
- Figura 19. Diseño de la pantalla del perfil de usuariop. 46
- Figura 20. Diseño de la pestaña de los viajes del usuario como pasajerop. 47
- Figura 21. Diseño de la visualización del viajep. 48
- Figura 22. Diseño de la pantalla del chatp. 49
- Figura 23. Diseño de la pestaña de los viajes del usuario como conductorp. 50
- Figura 24. Diseño de la pantalla de edición de viajesp. 51
- Figura 25. Diseño de la visualización del viajep. 52
- Figura 26. Diseño de la lista de pasajerosp. 53
- Figura 27. Diseño de la pantalla de configuraciónp. 54
- Figura 28. Diseño de la pantalla de privacidadp. 55
- Figura 29. Diseño de cambio de contraseñap. 56
- Figura 30. Diseño de eliminación de cuentap. 57
- Figura 31. Diseño de la pantalla de ayudap. 58
- Figura 32. Vista de la pantalla de viajes publicadosp. 59
- Figura 33. Vista de la pantalla de publicación de viajesp. 60
- Figura 34. Vista de la pantalla de los viajes publicados por el usuariop. 61
- Figura 35. Vista del filtro de búsqueda de viajesp. 62
- Figura 36. Vista de la pantalla de los detalles de un viajep. 63
- Figura 37. Vista de la pantalla de los viajes en los que ha participado el usuariop. 64