Blog Esri España

Mapa de los deseos: así se hizo la GeoApp de Navidad 2018


12/12/2018 - 10:05 - Deja un comentario
[ssba]

Llegado el mes de diciembre, en Esri España siempre nos gusta felicitar la Navidad haciendo un uso distinto de nuestra tecnología ArcGIS. ¿Quieres saber cómo hicimos la GeoApp de este año? Sigue leyendo el post de hoy.

Cuando llegan las fiestas navideñas, la mayoría de nosotros las asociamos a reencuentros, “comilonas” o jugar la Lotería, entre otras tradiciones. Muchos de los que estáis leyendo este post seguramente os encontréis lejos de la familia en estas fechas. Por eso, este año pensamos en hacer una GeoApp que permitiese mandar buenos deseos a vuestros seres queridos, sin importar el lugar del mapa en donde se encontrasen éstos.

¿Cómo hemos construido el Mapa de los deseos? Realmente se trata de dos aplicaciones integradas en una única landing page.


Encuesta con Survey123

Survey123 for ArcGIS es la app de la Plataforma ArcGIS que permite levantar encuestas con formularios inteligentes. La última actualización de la app incluyó la opción de hacer encuestas públicas así que, aprovechando esta característica, publicamos una simple encuesta con tres campos: el tipo de deseo, unos comentarios y un geopoint (ubicación del deseo). Una vez publicada la aplicación, la personalizamos con una estética más navideña gracias a una imagen gratuita y con colores verde-granates. Finalmente, añadimos el link al mapa de deseos desde la “thank you page” de la encuesta: esto facilita enormemente ver la GeoApp de inmediato si es que has mandado tu deseo desde tu smartphone.


Configuración del webmap

Una vez publicada nuestra encuesta, cargamos el feature layer de los deseos en un webmap de ArcGIS Online, modificando la simbología de los puntos. Empleando la simbología firefly, creamos unos GIF animados por color, y aplicamos esta imagen a cada tipo de deseo. ¡Así el efecto de encendido de luces navideño era máximo!

Configuramos el pop-up con expresiones Arcade para que, según el tipo de deseo, la palabra se colorease de acuerdo a su categoría, y de modo similar, se cargase una imagen adjunta que ilustrase el tipo de deseo. Mostramos el comentario del deseo como un campo más dentro de la ventana emergente.

Finalmente, seleccionamos el vector basemap Modern Antique con poca carga cromática y permitiendo leer bien los puntos en el mapa. Además, el tipo de letra de este mapa base era muy de estilo “carta” a Papá Noel. ¿Pensáis lo mismo?


Mapa final con Web AppBuilder

Una vez terminado el webmap creamos nuestra aplicación configurando varios widgets con Web AppBuilder. Añadimos un gráfico circular por tipo de deseos, que además se actualiza con el zoom del mapa; creamos otro para enlazar a la encuesta y mostramos la leyenda en un último widget. Configuramos el icono de la app así como el color del menú superior, acorde con la estética verde-granate navideña.


Landing page de la GeoApp

Teníamos que enlazar las dos aplicaciones, la encuesta y la geoapp, en una sola interfaz, así que para no programar desde cero la landing page, descargamos una libre de uso desde GitHub y la personalizamos con otra imagen navideña. Añadimos un código en HTML para añadir el efecto de nieve e iconos de redes sociales en la parte baja de la web, configurando los detalles del social sharing, para que cuando compartas la app, se previsualice un mapa en tus perfiles de Linkedin, Facebook o Twitter.

Lo último que faltaba era alojar el código de la app en nuestro servidor y apuntarla con una URL user friendly.

Esperamos que os haya gustado el behing the scenes de la app de Navidad de este año, y saquéis aprovechéis vuestro Web GIS como hizo Sergio Domenech, el autor del mapa de los deseos, usando la tecnología ArcGIS de forma un poco menos “seria”.

¡Fe-GIS Navidad y próspero 2019 para todos! 😊

12/12/2018 - 10:05
[ssba]

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *