presentacio historiadebarcelona.org: geolocalitzant la història de la nostra ciutat

GEOINQUIETS 20 de Març de 2014

QUÈ ÉS I QUI SOM HDBCN.ORG

ORIGEN DE LES DADES MAPES FOTOS

INFO

RMACIÓ

MAPES PER PERÍODE A la web es poden visualitzar mapes

segons períodes específics de la història de Barcelona

Al mapa apareixen marcadors de fotos, anuncis, llibres geolocalitzats del període

Es pot comparar el mapa antic amb l’actual mitjançant un control d’opacitat

Es pot cercar una adreça actual i comprovar què hi havia llavors al seu lloc en aquell període

MAPES PER PERÍODE- demo

http://www.historiadebarcelona.org

MAPES PER PERÍODE – tècnicaSOFTWARE MAPEIG DE PLÀNOLSMAPCRUNCHER

Per a fer el mapeig s’ha emprat el programa gratuït de Microsoft MapCruncher

MAPES PER PERÍODE – tècnicaSOFTWARE MAPEIG DE PLÀNOLSOPTIMITZADOR DE TILES

Per a un bon rendiment és important optimitzar el pes de les imatges

Per a optimitzar el pes de les tiles (rajoles) s’ha emprat el programa gratuït pngOptimizer

MAPES PER PERÍODE – tècnicaSOFTWARE DE SUPERPOSICIÓ DE TILES

CustomTileOverlay + Opacity Control

MAPA PER FOTO

Cada foto, galeria, anunci mostra la seva ubicació al mapa de la època Es permet visualitzar la situació del lloc avui en dia gràcies a Google Street View

MAPA PER FOTO- demo

http://www.historiadebarcelona.org/autobus-a-ronda-universitat/

MAPA PER FOTO - Tècnica GEOLOCALITZACIÓ PER POST

La web està feta emprant el gestor de continguts Wordpress.

Cada post té els seus camps de geolocalització que l’úbicaran a un espai físic i uns camps de data que ho faran a un espai temporal.

“EL MEU CARRER” - cerca per proximitat La secció “el teu carrer” permet

trobar les fotos més properes donada una adreça o un lloc.

El resultat de la cerca mostra les fotografies per ordre de proximitat i la seva distància respecte a l’adreça inserida.

“EL MEU CARRER” - demo

http://www.historiadebarcelona.org/el-teu-carrer/

“EL MEU CARRER” - tècnicaACCÉS A LES DADES

L’ accés a les dades de geolocalització ha de ser ràpida doncs s'hauran de fer càlculs complexes sobre elles

Per a emmagatzemar les dades de geolocalització utilitzem una taula específica a la BBDD que permet accedir-hi més òptimament

Aquest plugin de wordpress realitza automàticament l’operació de salvat de dades

“EL MEU CARRER” - tècnica GEOCODIFICACIÓ DE L’ADREÇA

La transformació de l’adreça o lloc inserit en coordenades, la seva geocodificació es fa mitjançant l’ API de google de geocodificació

Si la geocodificació dona més d’un resultat es dona opció de selecció

Un cop es realitza la geolocalització correctament procedim a la cerca de les fotos més properes

“EL MEU CARRER” - tècnica CERCA DE FOTOS PROPERES – ALGORITMES DE CERCA

FUNCIO GENÈRICA 1- ACOTAR RADI

2- TROBAR FOTOS EN ÀREA ACOTADA 3- CÀLCUL DE DISTANCIA DE LES FOTOS

FEM UN TOMB PER LA RESTA DE LA WEB

APLICACIÓ MÒBILDetecta en moviment la posició

Mostra imatges més properes ubicació actual

Tècnica

Eines incloses al navegador, api geolocation

Funció watchPosition, fa seguiment de moviment segons interval

APLICACIÓ MÒBIL - demo

http://www.historiadebarcelona.org/webapp/

GRÀCIES PER LA VOSTRA ATENCIÓ