Archive for the ‘software’ Category

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.

Barrierefreier Zugang zu offenen Geodaten für sehbeeinträchtigte Personen

Wednesday, April 2nd, 2014

Die letzten Monate forschte ich zum Thema barrierefreier Karten, Ende Februar reichte ich meine Bachelorarbeit mit dem Titel “Barrierefreier Zugang zu offenen Geodaten unter besonderer Berücksichtigung sehbeeinträchtigter Personen” ein. Hier das Abstract:

Diese Bachelorarbeit untersucht den Zugang zu freien Geodaten für sehbeeinträchtigte Personen. Ausgangspunkt ist die Analyse relevanter Literatur und existierender Projekte zu Barrierefreiheit und digitalen Karten. Darauf aufbauend wurden für eine eingeschränkte Zielgruppe Anforderungen an ein barrierefreies Kartendesign erstellt. Anhand eines Prototypen werden die Möglichkeiten von Ziel­gruppenprofilen, personalisierbaren Parametern und der textuellen Repräsentation von Geodaten aufgezeigt. Die Umsetzung erfolgte anhand einer Vektorkarte unter Verwendung von Daten aus OpenStreetMap.

Als Teil der Arbeit entwickelte ich einen Prototypen auf Basis der Vektordaten von Openstreetmap. Anstatt der heute im Web üblichen Rasterkarten rendere ich die Daten direkt im Browser, die einzelen Features wie Strassen, Gebäude und Beschriftungen können so von den BenutzerInnen an ihre Bedürfnisse angepasst werden. Eine Kurzbeschreibung der Software findet ihr hier. (more…)

Customizable vector map for visual impaired ppl

Friday, March 14th, 2014

As part of my Bachelor Thesis I investigated accessibility for digital maps from the angle of visual impairment. Taking advantage of characteristics of vector maps, one of the results is a highly customizable map.

serverInstead of using pre (server) rendered raster images, the browser itself takes care of rendering vector data which represents the features in the tile. For example roads are sent as LineStrings, buildings, land and water as Polygons and POIs as Points. Javascript based on vector-osm converts them to SVG, the browser takes care of the rendering. Vector tiles are coming from Mapnik Vector Tiles in GeoJSON format using OpenStreetMap as data provider.