https://cacauet.org/wiki/index.php?action=history&feed=atom&title=Serveis_Web_amb_Opendata 2026-05-04T10:00:55Z Historial de revisió per a aquesta pàgina del wiki MediaWiki 1.34.0 https://cacauet.org/wiki/index.php?title=Serveis_Web_amb_Opendata&diff=3824&oldid=prev 2017-03-10T11:06:02Z

<p><span dir="auto"><span class="autocomment">Guia</span></span></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ca"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Versió més antiga</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revisió del 11:06, 10 març 2017</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l32" >Línia 32:</td> <td colspan="2" class="diff-lineno">Línia 32:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Totes les dades les hem de tornar en format JSON, és el més còmode per treballar després en un client.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Totes les dades les hem de tornar en format JSON, és el més còmode per treballar després en un client.</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>IMPORTANT: la documentació compta un 33% de la nota d'aquesta pràctica.</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>IMPORTANT: la documentació compta un 33% de la nota d'aquesta pràctica. <ins class="diffchange diffchange-inline">S'ha de fer a la WIKI del Github. Pots copiar l'exemple de les taules fetes en format mediawiki d'aquí:</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline"> https://github.com/emieza/laravel-karaoke/wiki/API</ins></div></td></tr> </table>

Enric https://cacauet.org/wiki/index.php?title=Serveis_Web_amb_Opendata&diff=3823&oldid=prev 2017-03-10T11:04:08Z

<p><span dir="auto"><span class="autocomment">Guia</span></span></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ca"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Versió més antiga</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revisió del 11:04, 10 març 2017</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l28" >Línia 28:</td> <td colspan="2" class="diff-lineno">Línia 28:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>#* Descàrrega d'un ''dataset'' en format JSON (en l'exemple, serien les dades d'un barri en concret)</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>#* Descàrrega d'un ''dataset'' en format JSON (en l'exemple, serien les dades d'un barri en concret)</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>#* Consulta d'una dada única concreta (en l'exemple, el preu del sòl per un barri i any concret)</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>#* Consulta d'una dada única concreta (en l'exemple, el preu del sòl per un barri i any concret)</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div># Documenta la teva API perquè els altres puguin accedir a les teves dades</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div># <ins class="diffchange diffchange-inline">'''</ins>Documenta la teva API<ins class="diffchange diffchange-inline">''' </ins>perquè els altres puguin accedir a les teves dades</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Totes les dades les hem de tornar en format JSON, és el més còmode per treballar després en un client.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Totes les dades les hem de tornar en format JSON, és el més còmode per treballar després en un client.</div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">IMPORTANT: la documentació compta un 33% de la nota d'aquesta pràctica.</ins></div></td></tr> </table>

Enric https://cacauet.org/wiki/index.php?title=Serveis_Web_amb_Opendata&diff=3817&oldid=prev 2017-03-10T10:32:53Z

<p><span dir="auto"><span class="autocomment">Guia</span></span></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ca"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Versió més antiga</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revisió del 10:32, 10 març 2017</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l22" >Línia 22:</td> <td colspan="2" class="diff-lineno">Línia 22:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Descarregueu les dades en format CSV</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Descarregueu les dades en format CSV</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Creeu un projecte amb [[Laravel]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Creeu un projecte amb [[Laravel]]</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div># Creeu una migració amb les dades <del class="diffchange diffchange-inline">que ha </del>de <del class="diffchange diffchange-inline">tenir </del>la taula de les <del class="diffchange diffchange-inline">vostres </del>dades</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div># Creeu una migració amb <ins class="diffchange diffchange-inline">la definició de la taula/es</ins></div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>#</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline"># Creeu un ''seeder'' per insertar </ins>les dades <ins class="diffchange diffchange-inline">del nostre CSV dins </ins>de la taula</div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline"># Creeu una API amb diversos punts d'entrada per poder demanar dades com:</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">#* ''Datasets'' disponibles (en l'exemple, llistat </ins>de <ins class="diffchange diffchange-inline">barris).</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">#* Descàrrega d'un ''dataset'' en format JSON (en l'exemple, serien </ins>les dades <ins class="diffchange diffchange-inline">d'un barri en concret)</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">#* Consulta d'una dada única concreta (en l'exemple, el preu del sòl per un barri i any concret)</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div># <ins class="diffchange diffchange-inline">Documenta la teva API perquè els altres puguin accedir a les teves dades</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">Totes les dades les hem de tornar en format JSON, és el més còmode per treballar després en un client.</ins></div></td></tr> </table>

Enric https://cacauet.org/wiki/index.php?title=Serveis_Web_amb_Opendata&diff=3816&oldid=prev 2017-03-10T10:13:54Z

<p>Es crea la pàgina amb «Farem una pràctica de <a href="/wiki/index.php/Serveis_Web" class="mw-redirect" title="Serveis Web">serveis Web</a> utilitzant dades obertes del projecte &#039;&#039;opendata&#039;&#039;. == Introducció == Articles previs: * [https://ca.wikipedia.org/wiki/Dades_...».</p> <p><b>Pàgina nova</b></p><div>Farem una pràctica de [[serveis Web]] utilitzant dades obertes del projecte ''opendata''.<br /> <br /> == Introducció ==<br /> Articles previs:<br /> * [https://ca.wikipedia.org/wiki/Dades_obertes Dades obertes o ''opendata'' a la Wikipèdia].<br /> * [[Serveis Web]]<br /> * [[Serveis web amb Laravel]]<br /> <br /> Farem un servei web que ens ofereixi una API per demanar dades concretes. Les dades que utilitzem han de ser [https://ca.wikipedia.org/wiki/Dades_obertes dades obertes] per no vulnerar cap propietat intel·lectual o dret a la privacitat.<br /> <br /> Al ''opendata'' de molts ajuntaments trobarem dades obertes per poder realitzar aplicacions diverses. Per exemple, al de Barcelona n'hi ha moltes:<br /> http://opendata-ajuntament.barcelona.cat<br /> <br /> El què farem serà oferir una interfície (API) que permeti fer consultes sobre aquestes dades.<br /> <br /> &lt;br&gt;<br /> <br /> == Guia ==<br /> Seguiu el següent esquema:<br /> <br /> # Tria un conjunt de dades o '''dataset''', per exemple, la [http://opendata-ajuntament.barcelona.cat/data/ca/dataset/h2mave-semestralt3b/resource/70c0cce5-fa6d-4cc8-b6bd-2b3249a565e5?view_id=9cbf1b03-b248-4505-bbee-7f9bc7657eb7 estimació dels preus dels habitatges] dels anys 2007-2012<br /> # Descarregueu les dades en format CSV<br /> # Creeu un projecte amb [[Laravel]]<br /> # Creeu una migració amb les dades que ha de tenir la taula de les vostres dades<br /> #</div>

Enric