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

1. GEOINQUIETS 20 de Març de 2014

2. QUÈ ÉS I QUI SOM HDBCN.ORG

3. ORIGEN DE LES DADES
MAPES FOTOS
INFORMACIÓ

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. MAPES PER PERÍODE- demo
http://www.historiadebarcelona.org

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. 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. MAPES PER PERÍODE – tècnica
SOFTWARE DE SUPERPOSICIÓ DE
TILES
CustomTileOverlay + Opacity
Control

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. MAPA PER FOTO- demo
http://www.historiadebarcelona.org/autobus-a-
ronda-universitat/

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. “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. “EL MEU CARRER” - demo
http://www.historiadebarcelona.org/el-teu-carrer/

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. “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. “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. FEM UN TOMB PER LA
RESTA DE LA WEB

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. APLICACIÓ MÒBIL - demo
http://www.historiadebarcelona.org/webapp/

20. GRÀCIES PER LA VOSTRA ATENCIÓ