Aquesta aplicació és un exemple de com obtenir dades d'internet, fent ús d'un proveïdor d'informació en format JSON.
El format JSON és una forma organitzada d'enviar informació que procura trobar un equilibri entre minimitzar la mida de les dades enviades i facilitar el seu tractament posterior. Per a aquesta aplicació farem servir el servei que ofereix el web Dones destacades en ciència i tecnologia però podríem fer servir qualsevol altre proveïdor. En cada cas, les dades rebudes seran diferents, com també ho serà la forma d'organitzar-les; però, si el format és JSON, tots compartiran la mateixa forma de marcar els camps.
En les primeres fases d'aquesta aplicació, farem servir el llistat de dones catalanes que han destacat en camps de ciència i tecnologia. En aquesta pàgina hi ha totes les opcions que ofereix aquest servei. En el cas de les dones catalanes, l'adreça URL per obtenir el llistat ens proporcionarà un text força llarg, les primeres línies del qual tenen aquest aspecte:
{"info":{"tipus":"Dones catalanes","descrip":"Llista de les dones catalanes","creat":"20250824","autoria":{"autor":"Oriol Boix",
"contacte":"oriol.boix@upc.edu"}},"dades":[{"Id":"1826","Ambit":"PS","Nom":"Àngels Ferrer Sensat","Nom casada":"","Altre nom":"",
"Professio":"Científica catalana","Fet destacat 1":"Va ser innovadora en metodologies d'ensenyament"},{"Id":"850","Ambit":"MD",
"Nom":"Àngels García Cazorla","Nom casada":"","Altre nom":"","Professio":"Neuropediatra catalana",
"Fet destacat 1":"Especialista en malalties neurometabòliques"},{"Id":"885","Ambit":"GF","Nom":"Àngels Pascual de Sans",
"Nom casada":"","Altre nom":"","Professio":"Química catalana","Fet destacat 1":"Especialista en l'estudi de les migracions"},
{"Id":"2131","Ambit":"EE","Nom":"Íngrid Munné Collado","Nom casada":"","Altre nom":"","Professio":"Enginyera industrial catalana",
"Fet destacat 1":"Especialista en anàlisi de dades aplicada a sistemes energètics"},{"Id":"2279","Ambit":"CM",
"Nom":"Aïda Pelegrí Ferré","Nom casada":"","Altre nom":"","Professio":"Enginyera de telecomunicacions catalana",
"Fet destacat 1":"Experta en comunicacions d'emergència i seguretat"},{"Id":"3456","Ambit":"PA","Nom":"Adela Maria Trepat Massó",
"Nom casada":"","Altre nom":"","Professio":"Traductora catalana","Fet destacat 1":"Especialista en epigrafia"},
...
Aquest format és força difícil de llegir, malgrat en aquest cas hem afegit salts de línia; si no ho haguéssim fet, el text estaria en una sola línia molt llarga.
Si heu obert l'adreça URL en el navegador, probablement trobareu una casella a la part superior que indica Aplica estils de format. Picant en aquesta casella, el navegador dona un format bàsic als resultats, fent que siguin més fàcils de llegir. Per exemple:
{
"info": {
"tipus": "Dones catalanes",
"descrip": "Llista de les dones catalanes",
"creat": "20250824",
"autoria": {
"autor": "Oriol Boix",
"contacte": "oriol.boix@upc.edu"
}
},
"dades": [
{
"Id": "1826",
"Ambit": "PS",
"Nom": "Àngels Ferrer Sensat",
"Nom casada": "",
"Altre nom": "",
"Professio": "Científica catalana",
"Fet destacat 1": "Va ser innovadora en metodologies d'ensenyament"
},
{
"Id": "850",
"Ambit": "MD",
"Nom": "Àngels García Cazorla",
"Nom casada": "",
"Altre nom": "",
"Professio": "Neuropediatra catalana",
"Fet destacat 1": "Especialista en malalties neurometabòliques"
},
{
"Id": "885",
"Ambit": "GF",
"Nom": "Àngels Pascual de Sans",
"Nom casada": "",
"Altre nom": "",
"Professio": "Química catalana",
"Fet destacat 1": "Especialista en l'estudi de les migracions"
},
...
Si hem de treballar amb les dades JSON, és millor fer servir un editor de JSON. Un força pràctic és el JSON Editor Online. Si hi entrem, podem copiar el text rebut i enganxar-lo en el requadre; llavors el botó tree ens permetrà veure les dades en un format pràctic.
En el format JSON, les claus delimiten un element i els claudàtors indiquen que hi ha una llista, que tindrà cada un dels seus elements dins d'unes claus. La informació es guarda en un format clau-valor, en el qual la clau i el valor es separen per dos punts. Les claus són de text mentre que els valors poden no ser-ho, encara que el més habitual és que ho siguin.
En el contingut rebut observem un objecte global que, com a mínim, té dos objectes dins; un s'anomena "info" i l'altre "dades". L'objecte info té quatre objectes dins; dels quals, el darrer torna a tenir un objecte amb dos descendents. L'objecte dades, tal com indiquen els claudàtors, conté una llista (segons la imatge, la llista té 284 elements. Tots els elements de la llista tenen la mateixa estructura, formada per set camps; alguns dels quals poden estar buits.
Una vegada hem vist com és el format JSON, podem començar a fer la primera versió de l'aplicació. En aquesta primera versió, molt senzilla, només llegirem el camp "descrip".
Aquesta obra d'Oriol Boix està llicenciada sota una llicència no importada Reconeixement-NoComercial-SenseObraDerivada 3.0.