Hacktoberfest Hack Day in Carmen-Campeche: Hack for Humanity
Registra tu Proyecto
Carmen en Ruta
About the project
Proyecto: Carmen en Ruta
Prototipo web para la monitorización de transporte público en Ciudad del Carmen, Campeche.
Resumen del Proyecto
Carmen en Ruta es una aplicación web diseñada para mejorar la experiencia de movilidad urbana, resolviendo un problema cotidiano: la incertidumbre en los tiempos de espera del transporte público. El sistema conecta directamente a los conductores con los pasajeros, permitiendo visualizar la ubicación de los autobuses en tiempo real y consultar tiempos estimados de llegada para tres trayectos principales: Campus III, Laguna de Términos y Costera.
Arquitectura y Tecnologías
El proyecto fue construido priorizando la ligereza, la independencia de componentes y la comunicación bidireccional en tiempo real:
Frontend: Desarrollado de forma nativa con HTML, CSS y JavaScript, sin dependencias externas complejas, asegurando tiempos de carga rápidos.
Backend: Servidor en Node.js que gestiona la recepción de datos GPS y los distribuye eficientemente.
Comunicación en tiempo real: Uso de Server-Sent Events (SSE) para enviar las actualizaciones de ubicación desde el teléfono del conductor hacia los navegadores de los pasajeros sin necesidad de recargar la página.
Servicios Geoespaciales: Integración con Google Maps API para la representación visual e interacción cartográfica, y Google Routes API complementado con un algoritmo propio de geometría (fórmula de Haversine) para el cálculo de distancias y tiempos estimados.
Funcionalidades Principales
Experiencia Dual (Pasajero / Conductor): Dos flujos de uso independientes. Los conductores pueden transmitir su ubicación mediante una clave de ruta sin necesidad de crear cuentas complejas; los pasajeros pueden elegir su ruta, marcar su punto de espera y seguir el autobús en tiempo real.
Estimación Inteligente de Llegada: El sistema evalúa la distancia del autobús respecto al punto de espera sobre el trazo de la ruta y calcula el tiempo de aproximación.
Herramientas Cartográficas Integradas: Incluye un editor visual (“Workbench”) que permite dibujar, modificar y auditar rutas sobre el mapa, con soporte para importar y exportar geometría en formatos KML y GeoJSON basados en datos de OpenStreetMap.
Gestión de Pérdida de Señal: Lógica implementada para el tratamiento de la precisión del GPS, cálculo de velocidad por desplazamiento y descarte de posiciones inactivas (después de 90 segundos sin señal).
Diseño de Interfaz (UI/UX)
La identidad visual y la interfaz se diseñaron a partir de referencias gráficas locales (carteles reales de las rutas), enfocándose en la usabilidad móvil:
Código de Colores: Cada ruta tiene una identidad visual estable (Campus III en violeta, Laguna en verde/turquesa y Costera en fucsia) que se refleja en los marcadores, líneas y menús.
Diseño Responsivo y Accesible: Interfaz adaptable a pantallas de escritorio y teléfonos móviles, organizada jerárquicamente para mostrar primero el selector de ruta y la tarjeta de tiempo de llegada. Incluye soporte para preferencias de movimiento reducido y alto contraste de lectura.
Estado Actual
El proyecto es un prototipo funcional respaldado por 44 pruebas automatizadas que validan desde la autorización del servidor hasta la proyección geométrica del mapa. Actualmente se encuentra listo para la fase de validación operativa, que incluye la comprobación de trazados en campo con los conductores y su futuro despliegue en un entorno de producción seguro (HTTPS).
Built with
AI tools
Prize Categories Entered
- Event prizeSubmitted
Hack for Humanity Challenge