Presentacio HistoriaDeBarcelona.org: Geolocalitzant la Història de la nostra ciutat

20
GEOINQUIETS 20 de Març de 2014

description

Los autores del sitio web http://www.historiadebarcelona.org/ nos explican como han engendrado el proyecto

Transcript of Presentacio HistoriaDeBarcelona.org: Geolocalitzant la Història de la nostra ciutat

Page 1: Presentacio HistoriaDeBarcelona.org: Geolocalitzant la Història de la nostra ciutat

GEOINQUIETS 20 de Març de 2014

Page 2: Presentacio HistoriaDeBarcelona.org: Geolocalitzant la Història de la nostra ciutat

QUÈ ÉS I QUI SOM HDBCN.ORG

Page 3: Presentacio HistoriaDeBarcelona.org: Geolocalitzant la Història de la nostra ciutat

ORIGEN DE LES DADES MAPES FOTOS

INFO

RMACIÓ

Page 4: Presentacio HistoriaDeBarcelona.org: Geolocalitzant la Història de la nostra ciutat

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

Page 5: Presentacio HistoriaDeBarcelona.org: Geolocalitzant la Història de la nostra ciutat

MAPES PER PERÍODE- demo

http://www.historiadebarcelona.org

Page 6: Presentacio HistoriaDeBarcelona.org: Geolocalitzant la Història de la nostra ciutat

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

Page 7: Presentacio HistoriaDeBarcelona.org: Geolocalitzant la Història de la nostra ciutat

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

Page 8: Presentacio HistoriaDeBarcelona.org: Geolocalitzant la Història de la nostra ciutat

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

CustomTileOverlay + Opacity Control

Page 9: Presentacio HistoriaDeBarcelona.org: Geolocalitzant la Història de la nostra ciutat

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

Page 10: Presentacio HistoriaDeBarcelona.org: Geolocalitzant la Història de la nostra ciutat

MAPA PER FOTO- demo

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

Page 11: Presentacio HistoriaDeBarcelona.org: Geolocalitzant la Història de la nostra ciutat

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.

Page 12: Presentacio HistoriaDeBarcelona.org: Geolocalitzant la Història de la nostra ciutat

“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.

Page 14: Presentacio HistoriaDeBarcelona.org: Geolocalitzant la Història de la nostra ciutat

“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

Page 15: Presentacio HistoriaDeBarcelona.org: Geolocalitzant la Història de la nostra ciutat

“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

Page 16: Presentacio HistoriaDeBarcelona.org: Geolocalitzant la Història de la nostra ciutat

“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

Page 17: Presentacio HistoriaDeBarcelona.org: Geolocalitzant la Història de la nostra ciutat

FEM UN TOMB PER LA RESTA DE LA WEB

Page 18: Presentacio HistoriaDeBarcelona.org: Geolocalitzant la Història de la nostra ciutat

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

Page 19: Presentacio HistoriaDeBarcelona.org: Geolocalitzant la Història de la nostra ciutat

APLICACIÓ MÒBIL - demo

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

Page 20: Presentacio HistoriaDeBarcelona.org: Geolocalitzant la Història de la nostra ciutat

GRÀCIES PER LA VOSTRA ATENCIÓ