📱 Guía Completa de RutasMEX

¡Bienvenido a RutasMEX! 🚌 Esta guía te mostrará todos los elementos interactivos de la aplicación para que puedas aprovechar al máximo tu experiencia de navegación en el transporte público.

🗺️Pantalla Principal (Home)

La pantalla principal está dividida en tres áreas clave: la barra superior, el mapa interactivo y el panel inferior.

📍BARRA SUPERIOR

1. Botón de Sentido de Ruta (Esquina Superior Izquierda)

📸 Imagen: Botón de sentido de ruta

Icono: Varía según el sentido activo (ida, regreso o completo)

Función: Elige qué sentido de la ruta te conviene más para llegar a tu destino

Opciones disponibles:

💡 Cómo usar: Toca el icono para cambiar entre las opciones. La app te sugiere automáticamente el mejor sentido, pero tú puedes elegir el que prefieras.

2. Selector de Ciudad (Centro Superior)

📸 Imagen: Selector de ciudad

Icono: Nombre de la ciudad actual o "Selecciona ciudad"

Función: Permite cambiar entre las ciudades disponibles

Ciudades disponibles:

💡 Cómo usar: Toca el nombre de la ciudad para abrir el selector y elegir otra ubicación.
⚠️ Importante: Debes seleccionar una ciudad antes de usar la mayoría de las funciones de la app.
💎 Desbloquea más ciudades: Se requiere suscripción para acceder a todas las funciones de cada ciudad.
🚀 Próximamente: Nuevas funciones, mejoras y más ciudades.

3. Menú de Opciones (Esquina Superior Derecha)

📸 Imagen: Menú de opciones

Icono: Tres puntos verticales (⋮)

Función: Acceso al menú principal

Opciones disponibles:

💡 Cómo usar: Toca el icono de tres puntos para abrir el menú y selecciona la opción deseada.

🎯PANEL DE ORIGEN Y DESTINO (Debajo de la barra superior)

Este panel flotante te permite configurar el trayecto de tu ruta.

4. Botón de Origen (Izquierda)

📸 Imagen: Botón de origen

Texto: "ORIGEN" (vacío) o nombre del lugar seleccionado

Función: Selecciona tu punto de partida

Estado: Bloqueado si no hay ciudad seleccionada o durante un trayecto en curso

Cómo usar: Toca el botón para abrir el modal de selección. El modal incluye:

5. Botón de Intercambio (Centro)

📸 Imagen: Botón de intercambio

Icono: Flechas cruzadas (⇄)

Función: Intercambia origen y destino

Estado:

💡 Cómo usar: Toca para invertir origen y destino instantáneamente.

6. Botón de Favorito (Centro)

📸 Imagen: Botón de favorito

Icono: Estrella (⭐ vacía o ⭐ llena)

Función: Guarda la combinación origen-destino como favorita

Estados:

💡 Cómo usar: Toca para guardar como favorito. Se abrirá un modal para nombrar el favorito.

7. Botón de Destino (Derecha)

📸 Imagen: Botón de destino

Texto: "DESTINO" (vacío) o nombre del lugar seleccionado

Función: Selecciona tu punto de llegada

Estado: Bloqueado si no hay ciudad seleccionada o durante un trayecto en curso

Cómo usar: Toca el botón para abrir el modal de selección. El modal incluye:

🗺️MAPA INTERACTIVO (Centro de la pantalla)

📸 Imagen: Vista del mapa interactivo

El mapa muestra tu ubicación actual, las rutas seleccionadas y los puntos de origen/destino.

Elementos visuales en el mapa:

Interacción con el mapa:

🎮CONTROLES FLOTANTES (Parte inferior del mapa)

Esta barra contiene los controles principales para gestionar tu trayecto.

8. Banner de Información de Trayecto (Izquierda)

📸 Imagen: Banner de información de trayecto

Apariencia: Círculo negro con información del trayecto en curso

Función: Muestra datos estimados en tiempo real durante un trayecto

Información mostrada:

⚠️ Importante: Los tiempos y distancias son estimados y pueden variar según el tráfico, velocidad del transporte y otros factores externos.

Interacción: Toca el banner para ver información detallada del trayecto.

Visibilidad: Solo aparece cuando hay un trayecto en curso.

💡 Si minimizas o cierras la app durante un trayecto, esta información también se muestra en la Dynamic Island (iPhone 14 Pro y superiores) para que puedas seguir tu progreso sin abrir la app.

9. Botón Play / Stop (Segundo desde la izquierda)

📸 Imagen: Botón Play/Stop

Iconos:

Función: Controla el inicio y fin de tu trayecto

Estados del botón Play:

Cómo usar:

10. Botón Reset (Tercero desde la izquierda)

📸 Imagen: Botón Reset

Icono: 🗑️ Papelera

Función: Limpia todos los datos: origen, destino y rutas seleccionadas

Estado: Bloqueado durante un trayecto en curso

💡 Cómo usar: Toca para reiniciar y comenzar una nueva búsqueda desde cero.
📝 Nota: Al resetear, tendrás que volver a configurar origen, destino y seleccionar rutas para iniciar un nuevo trayecto.

11. Botón de Radios de Búsqueda (Cuarto desde la izquierda)

📸 Imagen: Botón de radios de búsqueda

Icono: 📏 Regla

Función: Ajusta qué tan lejos pueden estar las rutas de tu origen y destino

Estado: Bloqueado durante un trayecto en curso

💡 Cómo usar: Toca para abrir el ajuste de distancias. Puedes aumentar o disminuir qué tan lejos buscar rutas.
¿Cuándo usarlo? Si no encuentras rutas, aumenta el radio para buscar más lejos.

12. Botón para Fijar Origen y Destino Manualmente (Quinto desde la izquierda)

📸 Imagen: Botón para fijar ubicación manualmente

Icono:

Función: Coloca o cambia manualmente los pines de origen y destino tocando directamente en el mapa

Comportamiento:

Estados:

Cómo usar:

  1. Toca el botón
  2. Selecciona qué quieres cambiar (origen, destino o ambos)
  3. Toca en el mapa donde quieres colocar el pin
  4. Confirma o cancela la selección

13. Botón de Búsqueda (Derecha)

📸 Imagen: Botón de búsqueda

Icono: 🔍 Lupa

Función: Abre el modal de búsqueda de rutas

Estado: Bloqueado si no hay ciudad seleccionada

💡 Cómo usar: Toca para buscar rutas específicas por nombre o número.

📋PANEL INFERIOR (Hoja deslizable)

📸 Imagen: Panel inferior con rutas

Este panel muestra las rutas disponibles según tu origen y destino.

Estados del panel:

Estado 1: Sin origen ni destino

Mensaje: "Selecciona origen o destino"

Descripción: "Toca los botones de arriba para elegir tu punto de origen o destino, luego verás las rutas disponibles."

Estado 2: Sin rutas disponibles

Mensaje: "No hay rutas disponibles"

Descripción: "No se encontraron rutas cerca de tu ubicación. Prueba ajustar los radios de búsqueda."

Estado 3: Rutas disponibles

Contenido: Lista de botones de rutas disponibles

14. Botones de Rutas

📸 Imagen: Botones de rutas disponibles

Apariencia: Botones rectangulares con el nombre/número de la ruta

Función: Selecciona/deselecciona rutas para visualizar en el mapa

Organización de las rutas:

Las rutas se organizan automáticamente en dos grupos:

  1. Rutas con nombre completo (se muestran primero)
    • Se adaptan al ancho de la pantalla (1 a 3 columnas según el espacio)
    • Ejemplos: "RUTA AEROPUERTO (Galecio Narcía)", "Suchiapa (86-103)"
    • Ordenadas alfabéticamente
  2. Rutas numéricas (se muestran después)
    • Se organizan en 4 columnas fijas
    • Ejemplos: "1", "15", "23"
    • Ordenadas numéricamente

Estados:

💡 Cómo usar: Toca un botón para seleccionar/deseleccionar la ruta. Las rutas seleccionadas se muestran en el mapa.

📊MODALES Y PANTALLAS SECUNDARIAS

Modal de Selección de Ubicación

Se abre al tocar: Botones de Origen o Destino

Contenido:

Comportamiento:

Acciones:

Modal de Radios de Búsqueda

Se abre al tocar: Botón de Radios de Búsqueda (📏)

Contenido:

Cómo usar:

  1. Mueve los controles para ajustar las distancias
  2. Verás los cambios inmediatamente en el mapa
  3. Cierra cuando estés satisfecho
Ejemplo práctico: Si pones 500m en origen, la app buscará rutas que pasen a menos de 500 metros de tu punto de partida.

Modal de Radios de Proximidad

Se abre desde: Menú (⋮) → "Configurar Radios de Proximidad"

Contenido:

Cómo usar:

  1. Ajusta las distancias de los 3 niveles de alerta
  2. Verás los círculos azules punteados en el mapa
  3. Recibirás notificaciones cuando te acerques a tu destino según estos radios
Ejemplo práctico: Si configuras el primer nivel en 1000m, recibirás una alerta cuando estés a 1km de tu destino.

Modal de Búsqueda de Rutas

Se abre al tocar: Botón de Búsqueda (🔍)

Contenido:

Cómo usar:

  1. Escribe el nombre o número de ruta
  2. Toca para seleccionar/deseleccionar
  3. Cierra cuando termines

Modal de Favoritos

Se abre desde: Menú (⋮) → "Favoritos"

Contenido:

Acciones:

Modal de Mis Lugares

Se abre desde: Menú (⋮) → "Mis Lugares"

Contenido:

Acciones:

Modal de Historial

Se abre desde: Menú (⋮) → "Historial"

Contenido:

Acciones:

Modal de Tienda

Se abre desde: Menú (⋮) → "Tienda"

Contenido:

Acciones:

Modal de Llegada

Cuándo aparece: Cuando llegas a tu destino o cuando tocas stop

Contenido:

Acciones:

💡TIPS Y TRUCOS

🌟 Guardar Favoritos

Si usas frecuentemente la misma ruta (casa-trabajo, escuela-centro, etc.):

  1. Configura origen y destino
  2. Toca el botón de estrella (⭐)
  3. Dale un nombre memorable
  4. Accede rápidamente desde el menú "Favoritos"

📍 Mis Lugares

Guarda ubicaciones frecuentes:

  1. Menú (⋮) → "Mis Lugares"
  2. Agrega lugares como "Casa", "Trabajo", "Escuela"
  3. Úsalos rápidamente al seleccionar origen/destino

📏 Ajustar Radios de Búsqueda

Si no encuentras rutas o encuentras demasiadas:

  1. Toca el botón de radio (📏)
  2. Ajusta las distancias según necesites:
    • Menos rutas pero más cercanas: Disminuye los valores
    • Más opciones de rutas: Aumenta los valores
  3. Observa cómo cambian los círculos en el mapa

PREGUNTAS FRECUENTES

¿Por qué algunos botones están en gris?

Los botones se deshabilitan cuando:

¿Cómo funcionan los radios de búsqueda?

Los radios definen qué tan lejos puede estar una ruta de tu origen o destino para que la app la considere útil:

Ejemplo: Si tu origen es tu casa y pones radio de 200m, solo verás rutas que pasen a menos de 200 metros de tu casa.

¿Puedo usar la app sin internet?

La app requiere conexión a internet para:

Durante un trayecto en curso:

¿Cuánta batería consume la app?

Consumo de batería:

Con la app abierta:

Con la app minimizada o iPhone bloqueado:

🔋 Tips para ahorrar batería:

¿Cuántos datos móviles consume?

Consumo de datos:

Al iniciar:

Durante el trayecto:

¿Cómo guardo mis rutas favoritas?

  1. Configura origen y destino
  2. Toca la estrella (⭐)
  3. Dale un nombre
  4. Accede desde Menú → "Favoritos"

🆘SOLUCIÓN DE PROBLEMAS

El mapa no carga

No aparecen rutas

El trayecto no inicia

Las notificaciones no funcionan

🎉CONSEJOS FINALES

Para la mejor experiencia:

🚀ACTUALIZACIONES

RutasMEX se actualiza constantemente con:

Mantén la app actualizada desde la App Store para disfrutar de todas las mejoras.

¡Gracias por usar RutasMEX! 🚌✨