M6-UF4-NF1-A2

Comunicació asíncrona (AJAX amb Javascript)

A finals de l’any 2016 l’Ajuntament de Reus va adjudicar la implantació d’un portal de dades
obertes (Open Data) per a la ciutat. Aquest portal formarà part del Portal de Transparència de
l’Ajuntament de Reus.

El portal d’Open Data posa a disposició pública conjunts de dades (datasets) que gestiona
l’administració, en formats reutilitzables i oberts, responent als principis de transparència i
govern obert. L’objectiu és fomentar l’ús i la reutilització de la informació que té l’administració,
donar màxima transparència a la gestió dels serveis públics i assolir un grau superior de
maduresa de la transparència i el bon govern.

ReusOpenData és el primer portal del món que es dissenya i es publica seguint el protocol de
la City Protocol Society.

Amb el protocol CPS s’aconsegueix que les dades s’organitzin amb un estàndard que tothom
pugui conèixer i compartir. Si tots treballem amb les mateixes categories de dades, és
possible comparar dades. Es poden desenvolupar solucions que serveixin a més institucions i
organismes. És més fàcil relacionar coneixement. Caminem cap a l’internet de les ciutats,
amb solucions comunes, plataformes compartides i xarxes d’aprenentatge que ens permeten
abordar junts els nostres reptes.

Aprofitant aquesta eina que ens brinda l’Ajuntament de Reus farem una petita aplicació que
ens permetrà conèixer el codi postal en funció del carrer on ens trobem. Per exemple, tots
sabem que estudiem a l’Institut Baix Camp que està situat al carrer Jacint Barrau, però sabem
quin codi postal té?

Si examineu l’API pública del servei de dadesobertes.reus.cat, veureu que implementa

mecanismes CORS, ja que la resposta inclou el paràmetre Access-Control-Allow-Origin: *. És
a dir, accepta peticions de qualsevol altre domini i, per tant, podrà ser utilitzat per realitzar
peticions AJAX des de qualsevol aplicació web.

Tasques a realitzar:

1. Investiga el portal opendata.reus.cat per saber què ens ofereix.

2. Investiga els conceptes “cross origin”, CORS, etc. per saber si tindrem cap problema a
l’hora de consultar les dades.
3. Troba l’API que ens ofereix l’Ajutament de Reus per conèixer el nomenclàtor oficial de
carrers i les dades que l’acompanyen.
4. Crea una aplicació web on senzillament hi hagi un selector dels carrers de Reus i que
quan s’esculli un carrer ens retorni el codi postal d’on es troba.

Pistes:

Quan llistis els noms del carrers et trobaràs elements repetits. Per exemple a Reus tenim dos
“carrers” anomenats “Prim”, però un fa referència al Passeig Prim, i l’altre a la Plaça Prim. Per
evitar això fixa’t en el camp <TIPUS_VIA>

Generalitat de Catalunya 19/05/2013 Arxiu Model intern

Departament d’Ensenyament 1 de 2
Institut Baix Camp versió 3 Elaborat Cap d'estudis Codi MO-CAP013
 M6-UF4-NF1-A2
Comunicació asíncrona (AJAX amb Javascript)

Una solució a aquest problema és que concatenis el tipus de via amb el nom de la via. En la
següent imatge a mode d’exemple, el tipus de via es troba després del nom entre parèntesis.

Potser veuràs que també hi ha carrers repetits i tenen el mateix tipus de via. Això passa
perquè són molt llargs i és possible que tinguin més d’un codi postal. Ho podríem mirar de
controlar, però no és necessari pel desenvolupament d’aquesta activitat.

Generalitat de Catalunya 19/05/2013 Arxiu Model intern

Departament d’Ensenyament 2 de 2
Institut Baix Camp versió 3 Elaborat Cap d'estudis Codi MO-CAP013