Just després d’actualitzar l’accés a les dades meteorològiques vaig veure que la presentació triada era molt confosa així que vaig decidir que s’havia d’ordenar i presentar d’una manera més clara.

Mirant per internet el disseny de les pàgines amb informació meteorològica, vaig creure que la que millor s’adequava a la informació que es dóna en aquesta, era la secció d’històrics de la pàgina wunderground.

L’entrada és a través de la pàgina Dades climatològiques. En la taula es pot escollir una data i prémer el botó d’accés a l’estació que es prefereixi. D’aquesta manera arribes a la pàgina on es mostren les dades del dia que s’ha seleccionat.

L’estructura de la pàgina es manté igual en tots els apartats (diari, mensual, anual i interval):

• Una taula al principi on es pot seleccionar el dia a consultar. Un enllaç a l’esquerra que et permet anar directament al dia anterior i un a la dreta que t’envia al dia posterior (o bé mes i any anterior i posterior).
• Una taula amb els enllaços directes als diferents apartats. En quant a la data, es manté, sempre, la selecció que hi ha en el moment de seguir l’enllaç.
• Una taula amb les dades principals de la data seleccionada. En el cas que estiguis a l’apartat diari, són les dades del dia. Si estàs en l’apartat mensual, veus les dades del més seleccionat. Si estàs en l’apartat anual, veus les dades de l’any i si estàs a l’apartat d’interval, les dades principals de l’interval.
• Una taula amb dades de l’interval que hagis seleccionat dins el període de que es disposen dades. En el cas de la Vall d’en Bas és de 1982 a 2012 i en el cas d’Olot, 1980 a 2012. Aquestes dades varien una mica en funció de l’apartat on estiguis.
• Una taula amb accés a diferents gràfics relacionats amb l’apartat on et trobis. Per exemple, si estas mirant dades mensuals, tens un accés a un gràfic amb les temperatures mitjanes i la pluja de cada dia.
• Cal destacar, com a curiositat, un accés dins l’apartat anual, a una taula amb els períodes de sequera (dies seguits amb pluja <= 0.5mm).

Finalment només quedarà adequar tota la web als mòbils, sobretot la presentació de les taules.

Fins fa uns dies, les dades de les estacions d’Olot i la Vall d’en Bas es mostraven a través d’uns gràfics fets amb l’excel. El procés era el següent:

• Entrada de dades a la fulla d’excel.
• Creació de les taules i gràfiques a partir de les dades entrades.
• Exportació de les taules i gràfiques a una imatge.
• Pujada de les imatges al servidor.
• Creació de la pàgina corresponent al període que representen les imatges.
• Inserció de les imatges a la pàgina.

Actualment el procés és el següent:

• Entrada de dades a la fulla d’excel (continuo aprofitant la fulla que ja vaig crear fa temps).
• Exportació de dades a una fulla .csv .
• Inserció de les dades a la base de dades Mysql del servidor.

Amb aquest canvi he aconseguit reduir notablement el temps que em suposa pujar les dades al servidor. Això m’hauria de permetre no haver d’esperar un mes per pujar les dades. Probablement les dades s’actualitzaran cada setmana.

El fet d’utilitzar una base de dades Mysql m’ha permès possibilitar la consulta de dades diàries per part de l’usuari i afegir altres tipus de consultes que l’anterior sistema em feia impossible.

Seguidament explico cada un dels apartats de consulta disponibles.

• Dades diàries: en aquest apartat l’usuari escull un dia concret dins el període de dades del que es disposen (la Vall d’en Bas té dades del 01/01/1982 fins avui i Olot té dades del 01/01/1980 fins avui). La pàgina fa una sèrie de consultes a la base de dades per mostrar una taula amb les següents dades: temperatura màxima, mínima, mitjana, pluja total, humitat mitjana i pressió mitjana del dia consultat i les mateixes dades mitjanes dins el període. Així es pot comparar les dades reals amb les dades d’altres anys. També es presenta una altre taula amb els dos màxims/mínims de temperatura màxima, mínima i pluja total que s’han donat aquell dia en el període total i l’any en que es van donar. 
• Dades interval: aquí l’usuari ha d’escollir una data inicial i una data final. Igual que l’anterior consulta, es presenta una taula amb les dades mitjanes de l’interval seleccionat i es presenten, també, les dades mitjanes d’aquest mateix interval dins el període total. Per exemple; en aquesta consulta es poden saber les dades mitjanes del mes actual i les dades mitjanes del mateix mes dins el període de 30 anys. Hi ha una limitació; les dades mitjanes en el període només es calculen quan l’interval seleccionat és inferior a 365 dies. (La limitació és només per no sobrecarregar el servidor).
• Dades extremes: en aquest apartat l’usuari no selecciona cap data. Aquí es presenten una sèrie de dades extremes dins el període.
• Dades extremes mensuals: en aquest cas tampoc es selecciona cap data. És bàsicament una extensió de l’apartat anterior amb dades mes a mes.
• Gràfiques: aquest és l’apartat més complicat tècnicament. A part de les consultes a la base de dades i el codi php per fer-les, s’hi afegeix un programa anomenat  ’jpgraph’ que és l’encarregat de crear les gràfiques a partir de les dades seleccionades. En aquesta secció l’usuari ha de seleccionar un mes, un any inicial i un any final segons el tipus de gràfic que vulgui (en cada un s’especifica els camps necessaris).
  • Climograma: es pot escollir varis anys, però el normal és escollir el mateix any inicial i final per veure el climograma d’un any concret.
  • Temperatures mitjanes mensuals: són les temperatures mitjanes de cada mes dins el període d’anys que s’hagin seleccionat.
  • Temperatures mitjanes anuals: el mateix però amb temperatures mitjanes anuals. És important seleccionar dos anys diferents ja que no té sentit fer un gràfic amb un punt.
  • Pluja anual: es pot seleccionar el mateix any o varis per veure els totals en un període.
  • Temperatura i pluja mensual: aquesta gràfica mostra les dades de temperatures i pluja del mes i any escollits.
  • Temperatura i pluja mitjana mensual: aquí es mostren les temperatures i la pluja mitjanes de cada dia pel mes escollit.
  • Temperatura i pluja mitjana mensual en un període: aquesta gràfica mostra les temperatures i pluja mitjanes del mes escollit dins el període d’anys escollits.
  • Desviació de la pluja i les temperatures mitjanes anuals del període escollit: mostra les desviacions de la pluja i les temperatures anuals respecte la mitjana del període escollit. És important remarcar que la mitjana és la del període escollit i no la del període total de dades. Les desviacions de la pluja es presenta en tant per cent  i les temperatures en graus.
  • Desviació de la pluja i les temperatures mitjanes mensuals del període escollit: el mateix que abans però pel mes escollit.

Després d’un any utilitzant com a base del disseny de la pàgina el Toolbox, he aprofitat l’actualització del wordpress per canviar al Twenty-twelve.

Els canvis, però, no s’ha quedat en la presentació general del web. He intentat millorar, també, l’accessibilitat de cada un dels apartats. En detall, els canvis són els següents:

Inici

La capçalera de la pàgina és bàsicament igual a l’anterior. A la dreta teniu un camp de cerca dins la pàgina i sota el títol de la web hi ha el menú, amb enllaços directes als tres apartats principals de la web.

El que canvia és la resta. Ja no hi ha la foto que canviava cada estació. Ara només hi ha una columna amb una breu introducció als tres apartats principals i una altre columna amb les actualitzacions. En l’anterior disseny, l’usuari no sabia si hi havia actualitzacions fins que no premia l’enllaç. Ara les veurà les tres últimes actualitzacions en la mateixa pàgina i disposarà d’un enllaç a una pàgina per veure les anteriors.

Clima

És on hi ha els principals canvis. En la pàgina principal he posat primer l’accés a les dades de les estacions meteorològiques i després l’accés a l’estudi del clima. (En un altre entrada parlaré sobre les novetats que he afegit a la pàgina de consulta de les dades)

Pel que fa a l’estudi del clima, he decidit unificar-lo tot en una sola pàgina. Per facilitar la navegació en una entrada tan llarga, he afegit un menú al principi que dóna accés a cada un dels capítols que formen l’estudi. També he afegit un enllaç al principi de pàgina al final de cada capítol.

Vegetació

Aquesta secció és bàsicament igual. Només he afegit una taula de continguts dins les pàgines per facilitar l’accés als apartats de manera més directe.

Geografia (Indrets)

Igual que l’apartat de la vegetació, en aquesta secció només he afegit una taula de continguts en algunes de les pàgines.

Blog

No hi ha cap canvi.

Podeu visitar la pàgina de l’autor: Jeffrey Koterba.