GEOINQUIETS 20 de Març de 2014
QUÈ ÉS I QUI SOM HDBCN.ORG
ORIGEN DE LES DADES
MAPES FOTOS
INFORMACIÓ
MAPES PER PERÍODE
A la web es poden visualitzar mapes
segons períodes específics de la
història de Barcelona
Al mapa apare...
MAPES PER PERÍODE- demo
http://www.historiadebarcelona.org
MAPES PER PERÍODE – tècnica
SOFTWARE MAPEIG DE PLÀNOLS
MAPCRUNCHER
Per a fer el mapeig s’ha emprat el
programa gratuït de ...
MAPES PER PERÍODE – tècnica
SOFTWARE MAPEIG DE PLÀNOLS
OPTIMITZADOR DE TILES
Per a un bon rendiment és
important optimitza...
MAPES PER PERÍODE – tècnica
SOFTWARE 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...
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é ...
“EL MEU CARRER” - cerca per proximitat
La secció “el teu carrer” permet
trobar les fotos més properes
donada una adreça o ...
“EL MEU CARRER” - demo
http://www.historiadebarcelona.org/el-teu-carrer/
“EL MEU CARRER” - tècnica
ACCÉS A LES DADES
L’ accés a les dades de
geolocalització ha de ser ràpida
doncs s'hauran de fer...
“EL MEU CARRER” - tècnica
GEOCODIFICACIÓ DE L’ADREÇA
La transformació de l’adreça o lloc
inserit en coordenades, la seva
g...
“EL MEU CARRER” - tècnica
CERCA DE FOTOS PROPERES – ALGORITMES DE CERCA
FUNCIO GENÈRICA 1- ACOTAR RADI
2- TROBAR FOTOS EN ...
FEM UN TOMB PER LA
RESTA DE LA WEB
APLICACIÓ MÒBIL
Detecta en moviment la
posició
Mostra imatges més properes
ubicació actual
Tècnica
Eines incloses al
naveg...
APLICACIÓ MÒBIL - demo
http://www.historiadebarcelona.org/webapp/
GRÀCIES PER LA VOSTRA ATENCIÓ
Upcoming SlideShare
Loading in …5
×

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

5,623 views

Published on

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

Published in: Technology
  • Be the first to comment

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

  1. 1. GEOINQUIETS 20 de Març de 2014
  2. 2. QUÈ ÉS I QUI SOM HDBCN.ORG
  3. 3. ORIGEN DE LES DADES MAPES FOTOS INFORMACIÓ
  4. 4. 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
  5. 5. MAPES PER PERÍODE- demo http://www.historiadebarcelona.org
  6. 6. MAPES PER PERÍODE – tècnica SOFTWARE MAPEIG DE PLÀNOLS MAPCRUNCHER Per a fer el mapeig s’ha emprat el programa gratuït de Microsoft MapCruncher
  7. 7. MAPES PER PERÍODE – tècnica SOFTWARE MAPEIG DE PLÀNOLS OPTIMITZADOR 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
  8. 8. MAPES PER PERÍODE – tècnica SOFTWARE DE SUPERPOSICIÓ DE TILES CustomTileOverlay + Opacity Control
  9. 9. 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
  10. 10. MAPA PER FOTO- demo http://www.historiadebarcelona.org/autobus-a- ronda-universitat/
  11. 11. 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.
  12. 12. “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.
  13. 13. “EL MEU CARRER” - demo http://www.historiadebarcelona.org/el-teu-carrer/
  14. 14. “EL MEU CARRER” - tècnica ACCÉ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
  15. 15. “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
  16. 16. “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
  17. 17. FEM UN TOMB PER LA RESTA DE LA WEB
  18. 18. APLICACIÓ MÒBIL Detecta 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
  19. 19. APLICACIÓ MÒBIL - demo http://www.historiadebarcelona.org/webapp/
  20. 20. GRÀCIES PER LA VOSTRA ATENCIÓ

×