Archive for the ‘software’ Category

Bringing a map online with QGIS server and OpenLayers

Tuesday, September 5th, 2017

QGIS server is a stable and easy to use alternative to geoserver. In this short tutorial you learn how to show your QGIS Desktop project as a online map using QGIS server and OpenLayers. (more…)

Running a map server with Mapnik and TileStache on Ubuntu 16.04

Saturday, July 8th, 2017

This guide shows the setup of a simple map server with Mapnik 3 and TileStache 1.51.6 using Apache2 on Ubuntu 16.04 Desktop.

Mapnik is a powerful tool for generating maps from geographic data, TileStache a simple vetor and raster tile server for geographic data. (more…)

Barcelona urban history in 26 interactive maps

Monday, July 4th, 2016

The Historic Charter of Barcelona is a tool to explain the history of the city through the cartographies that describe it. It contains 26 maps that have been drawn from texts, historical cartographies, archaeological maps, modern cartography and contemporary digital maps. A committee of historians specialized in the various historical eras have cross-checked and corrected the documents under the direction of the Barcelona City History Museum (MUHBA).


The project was done by 300.000 km/s, my part was the configuration of the mapping server and the programming of the web front end. The backend consists of Mapnik rendering map tiles which get served by TileStache. On the frontend we are running OpenLayers using raster tiles but also geojson layers. (more…)

The digital divide in the city of Barcelona

Saturday, February 20th, 2016

The report The digital divide in the city of Barcelona describes Barcelonans ICT access, use, and the quality of their use. It was put out by the Mobile World Capital Foundation at the request of the Barcelona City Hall, in an effort to detect disparities between districts.


Factors such as age, education, income level and employment impact the way information and knowledge are accessed, giving rise to what has been called the “digital divide.” Specifically, the digital divide refers to the inequality between those who have access to knowledge via new technologies, and those without it.  (more…)

Mapear territorios olvidados

Friday, February 5th, 2016

Territoris Oblidats trabaja la sostenibilidad y la accesibilidad urbana. Quiere repensar el diseño urbano para el uso de las personas. Su web presenta experiencias de áreas en desuso en Barcelona, a través de este formulario se puede anadir  nuevos territorisos. La web y el backend del mapa estan basada en WordPress, el mapa utiliza Leaflet.js.


Mapping hate crimes

Sunday, December 6th, 2015

On December 1st we presented, a memory of 25 years of oblivion. It’s the result of a year long research into deaths caused by hate crimes in Spain. The websites lists 86 cases with a total amount of 88 homicides categorized as Homophobia, Ideological hatred, Islamophobia, Racism and xenophobia, Violence ultra football, Antisemitism, Misogyny, etc.


We run on WordPress and developed three plugins and a child theme which are available as free software. So it should be easy to set up your own website for mapping hate crimes or similar geolocated registers. (more…)

Streaming ffmpeg with nodejs on web sockets to html

Monday, March 30th, 2015

nodestreamThe last months we (with Sergi Lario) had some fun implementing a GUI to control a media server done by playmodes. We used web technologies and had the need to stream the content of the media server to our app. This article gave us the inspiration about how to easily stream video from ffmpeg to HTML5 canvas.

In resume, data gets streamed from ffmpeg through web sockets and is received frame by frame as Motion JPEG. Then we encoded the images as Base64, sent them over web sockets to the frontend and draw them to HTML. (more…)

Mapa de recursos Marianao

Thursday, June 12th, 2014

Utilizando los scripts desarrollados para Barris i Crisi, monté un mapa de recursos para la Fundación Marianao en Sant Boi de Llobregat. El mapa muestra los recursos del barrio clasificado por diferentes categorías como educación, social o salud y bienestar.


Esta basado en Leaflet utilizando Mapbox como proveedor del mapa. El filtro de categorías esta escrito en Javascript y alimentado directamente desde una hoja cálculo de Google Drive. Los iconos están son del fantastico Maki icon set y renderizado utilizando el plugin de Leaflet MakiMarkers.

Aquí puedes probar el mapa.