Internet para todos

Empresa: Agencia Digital de Innovación Pública

Rol: Lead Frontend Developer

Stack: React, Django, Python, PostgreSQL

Internet para Todos

35 350 puntos de WiFi gratuito. 1 270 550 personas conectadas a la vez. La red pública más grande del mundo, y el mapa con el que se encuentra.

Qué hace

Abres el mapa, ves el punto más cercano, te conectas. Sin registro, sin cuenta y sin costo.

Pensado para el móvil primero: si buscas WiFi es porque no tienes internet, así que la primera carga tiene que entrar con lo que te quede de datos.

::carousel images=[{"src": "/media/work-projects/images/internet-para-todos/ipt-mapa-satelite.webp", "alt": "Puntos WiFi sobre satélite", "caption": "Todos los puntos de la ciudad"}, {"src": "/media/work-projects/images/internet-para-todos/ipt-mapa-claro.webp", "alt": "El mapa claro", "caption": "Cuatro estilos de mapa, el que se lea mejor"}, {"src": "/media/work-projects/images/internet-para-todos/ipt-mapa-zocalo.webp", "alt": "Vista 3D sobre el Zócalo", "caption": "En tres dimensiones, calle a calle"}, {"src": "/media/work-projects/images/internet-para-todos/ipt-mapa-centro.webp", "alt": "El centro histórico", "caption": "El centro, punto por punto"}] height="460px"::

La ciudad por alcaldía

Iztapalapa 8 542. Benito Juárez 6 312. Milpa Alta 561. La cobertura se ve de un vistazo y se entiende dónde falta.

::carousel images=[{"src": "/media/work-projects/images/internet-para-todos/ipt-alcaldias.webp", "alt": "Mapa por alcaldías", "caption": "Se elige alcaldía y se ve la suya"}, {"src": "/media/work-projects/images/internet-para-todos/ipt-iztapalapa.webp", "alt": "Iztapalapa", "caption": "Iztapalapa: 8 542 puntos"}, {"src": "/media/work-projects/images/internet-para-todos/ipt-benito-juarez.webp", "alt": "Benito Juárez", "caption": "Benito Juárez: 6 312 puntos"}, {"src": "/media/work-projects/images/internet-para-todos/ipt-milpa-alta.webp", "alt": "Milpa Alta", "caption": "Milpa Alta: 561 puntos"}] height="460px"::

Conectarse son cuatro pasos

Y están dentro del propio mapa, porque quien no sabe conectarse tampoco va a buscar el instructivo en otra página.

::carousel images=[{"src": "/media/work-projects/images/internet-para-todos/ipt-conectarse-1.webp", "alt": "Paso 1", "caption": "Buscar la red"}, {"src": "/media/work-projects/images/internet-para-todos/ipt-conectarse-3.webp", "alt": "Paso 3", "caption": "Abrir la notificación"}, {"src": "/media/work-projects/images/internet-para-todos/ipt-conectarse-4.webp", "alt": "Paso 4", "caption": "Navegar"}] height="460px"::

Lo que hice

::two-columns split="50-50"::

Mío

Todo el frontend en React, el mapa sobre OpenStreetMap, el catálogo de direcciones y la caché que evita una petición por cada arrastre.

::column-break::

Del equipo

Las APIs y los datos abiertos de la ciudad, que son los que mantienen los 35 350 puntos al día.

::/two-columns::

Lo que dijeron fuera

Récord Guinness a la ciudad más conectada del mundo, mejor práctica regional de la ONU y primer lugar del WSIS Forum 2023 entre 776 proyectos de todo el mundo.

Estado

Salió a producción y ya no lo llevo yo. De todo lo que hice en gobierno, este es mi favorito, y por una razón tonta: es el único que usa la gente y no un funcionario.