Cliente web · SmartCities

El cliente web, con la aplicación en uso

Apoyamos el desarrollo del cliente web de Mejora tu Ciudad: el motor del mapa sobre el que se avisa subió de versión con la aplicación en uso, y las reglas de cada formulario viven en un solo sitio.

Partnership Tecnológico

El punto de partida

Un cliente web que se usa a diario no tiene ventana para pararse. Los motores sobre los que está construido suben de versión, las vistas se multiplican con cada área municipal que llega y el dato que entra por ellas tiene que llegar completo al otro lado. Todo eso ocurre mientras alguien tiene la aplicación abierta, así que cada cambio se prueba contra esa pantalla y no contra un entorno vacío.

Qué hicimos

La plataforma es Mejora tu Ciudad, de Radmas Technologies, S.L., y trabajamos en su desarrollo hombro a hombro con su equipo, aquí sobre el cliente web —la parte de la plataforma que corre en el navegador de quien la usa—: el motor de mapas, el sistema de componentes y la comprobación del dato que entra.

El motor del mapa subió de versión con la aplicación en uso. Llevamos a una versión nueva la pieza que dibuja el mapa sobre el que se avisa, y el cambio entró con el servicio encendido.

Lo resuelto en una vista sirve en las demás. Ordenamos el sistema de componentes con el que se montan las vistas, para que lo que ya estaba resuelto en una se reutilice en el resto en vez de volver a escribirse. El cliente fue creciendo sobre lo ya resuelto, sin reconstruir las vistas que ya funcionaban.

Las reglas del formulario están en un solo sitio. Dejamos ahí las que deciden si lo que se ha escrito está completo y es coherente —las fechas que tienen que cuadrar entre sí, los campos que no pueden quedar vacíos—, de modo que valen para todas las vistas a la vez. Y el estado de cada vista —qué está cargado, qué se está pidiendo, qué hay que volver a pedir— se resuelve en esa misma capa.

El resultado

El mapa sobre el que se avisa lo dibuja hoy una versión nueva del motor, y el cambio entró con la gente trabajando. Lo resuelto en una vista se reutiliza en las demás, y lo que se escribe en un formulario se comprueba contra las mismas reglas en todo el cliente.

AngularTypeScriptLeafletRxJS