Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

5,745 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Ó

×