Modifiche al template web è stato creato da alegrechi

Salve a tutti !
Con l'aiuto di Tony (grazie!) sono riuscito a mettere online la mia stazione PCE FWS 20.
Potete vedere il mio risultato nel nel link firma.... mi ritengo abbastanza soddisfatto visto che ho fatto tutto in due pomeriggi.

Per chi fosse interessato, ho semplicemente usato una installazione di Joomla e reindirizzato le pagine di swpi con un wrapper

Ho pensato di aprire questa discussione per raccogliere e condividere tutte le modifiche e le aggiunte che faremo ai nostri template web.

Inizio mettendo in allegato la pagina swpi_plot_week.php (ed i relativi plot singoli) che come si deduce crea una pagina con i grafici degli ultimi sette giorni !
In modo analogo ovviamente si potrà fare per mese / anno.

Potete vederlo in funzione qui: meteostrada.grechi.it/settimana

Spero vi sia utile!

Allegato plotweek.zip non trovato

Si prega Accedi a partecipare alla conversazione.

Si prega Accedi a partecipare alla conversazione.

Risposta da tony al topic Modifiche al template web

Mi sembra poi che hai fatto un modulo per joomla ...

Mi interessa !!!

Si prega Accedi a partecipare alla conversazione.

Risposta da alegrechi al topic Modifiche al template web

tony ha scritto: Mi sembra poi che hai fatto un modulo per joomla ...

Mi interessa !!!

Il blocco con le condizioni attuali sulla sinistra è fatto semplicemente mettendo un modulo di tipo wrapper con collegata la pagina current.php che ti allego (è simile alla dashboard mobile, con qualche valore in più)
Gli devo ancora una sistemata grafica, ma il codice te lo allego qui!

Allegato current.zip non trovato

Si prega Accedi a partecipare alla conversazione.

Risposta da alegrechi al topic Modifiche al template web

Ho creato un template web ottimizzato per smartphone touch (iOS/Android) prendendo come base quello utilizzato da Weewx.

Lo potete vedere online a questo indirizzo: meteostrada.grechi.it/meteo/smartphone.php
Le animazioni dovrebbero funzionare anche nei browser recenti (decenti!) ma ovviamente sullo smartphone si vede meglio. Ecco due screenshot!

Ci sono anche le icone per aggiungerlo come webapp alla homescreen di iPhone/iPad!

Spero vi sia utile!
Ciao

Si prega Accedi a partecipare alla conversazione.

Risposta da tony al topic Modifiche al template web

Grande Alessandro

Veramente molto bello. Per una gestione semplificata di eventuali aggiornamenti forse conviene che tu faccia un upload dello zip sul tuo sito. Metterò poi nella pagina download del mio sito il link tra i contributi esterni ...

Che ne dici ?.

Si prega Accedi a partecipare alla conversazione.

Risposta da alegrechi al topic Modifiche al template web

Ok hai ragione.
Ho messo lo zip qui: meteostrada.grechi.it/meteo/swpi/swpi_smartphone.zip
Se farò altri aggiornamenti o miglioramenti lo aggiornero!

Si prega Accedi a partecipare alla conversazione.

Risposta da tony al topic Modifiche al template web

Bene l'ho installato sul sito del Cucco e .. mi piace molto

Vista l'importanza per noi delle condizioni del vento direi che mancano solo i grafici di direzione ed intensità del vento.

Purtroppo in questi giorni sono stato impegnato col lavoro ( .. e si mi tocca anche lavorare oltre che divertirmi con i miei hobby ) e non ho fatto in tempo a mettere le mani su una gestione più completa della piovosità .. spero di riuscirci nel fine settimana.

Tony

Si prega Accedi a partecipare alla conversazione.

Si prega Accedi a partecipare alla conversazione.

Si prega Accedi a partecipare alla conversazione.

Risposta da tony al topic Modifiche al template web

Installate

Si prega Accedi a partecipare alla conversazione.

Risposta da alegrechi al topic Modifiche al template web

Allego una pagina php che ho creato, "current_json" che invece di leggere i dati dal mysql fa il parsing del file meteo.txt.
Sono compresi gli ultimi parametri inseriti rain_rate_1h e rain_rate_24h

(lo potete vedere in azione qui )

Allegato current_json.php.zip non trovato

Si prega Accedi a partecipare alla conversazione.

Risposta da tony al topic Modifiche al template web

Molto utile per chi non ha un database myswl
Grazie Ale,

Si prega Accedi a partecipare alla conversazione.

Risposta da alegrechi al topic Modifiche al template web

Oggi ho fatto alcune modifiche alla dashboard, le condivido con voi:

1) dashboard json (modifica a swpi_dahboard_meteo.html).
Ho cambiato i colori e altre piccolezze, nascoste le gauge per i valori di temperatura/pressione/umidità interna, aggiunti i "secchielli" per la pioggia (rain_rate, rain_rate_24h, rain_rate_1h)

2) creata swpi_dashboard_lcd.html in formato a colonna, adatto per essere utilizzato come widget. Anche questo si aggiorna in tempo reale ad ogni aggiornamento di meteo.txt

Trovate entrambe online nel mio sito: meteostrada.grechi.it/condizioni-attuali

Vi allego entrambi nello zip, insieme alle nuove librerie javascript da aggiornare.

Edit: trovate qui lo zip aggiornato: meteostrada.grechi.it/meteo/swpi/swpi_dashboards.zip

Si prega Accedi a partecipare alla conversazione.

Risposta da alegrechi al topic Modifiche al template web

Ho fatto un'ulteriore piccola modifica mettendo in entrambe le versioni un contatore con i secondi dall'ultimo aggiornamento
Es: "ultima misura: x minuti e y secondi fa".
Aggiornati automaticamente praticamente in tempo reale!

(pensavo fosse più facile, invece ho dovuto impazzire un po' col javascript eheh)

Metto tutto in uno zip nel mio spazio... in modo da poterlo aggiornare eventualmente in futuro!

meteostrada.grechi.it/meteo/swpi/swpi_dashboards.zip

Si prega Accedi a partecipare alla conversazione.

Si prega Accedi a partecipare alla conversazione.

Risposta da alegrechi al topic Modifiche al template web

Ciao... si in effetti hai ragione, per ora non avevo inserito il dato sulla pressione perchè attualmente non lo ricevo (sto usando la ricezione tramite RFM01, e sono in attesa del chip di pressione!).

Appena ho un po' di tempo aggiungo anche il dato su pressione e cloud base!

Si prega Accedi a partecipare alla conversazione.

Risposta da alegrechi al topic Modifiche al template web

@tetox

ho aggiornato la dashboard lcd aggiungendo il valore della pressione e quello su altezza nuvole... trovi l'aggiornamento nello stesso zip!

meteostrada.grechi.it/meteo/swpi/swpi_dashboards.zip

Si prega Accedi a partecipare alla conversazione.

Risposta da tetox al topic Modifiche al template web

Grazie Alessandro..bel lavoro!!
Quando poi ti arrivera' il sensore della pressione e ti rimetterai di nuovo a giocare con la dashboard ....che dici ..sara' il caso di spostare la "pressione" nella strumentazione di destra ??.
Capisco che ti scombina un po' il risultato grafico totale , ma sicuramente saprai ottimizzare il tutto.
Grazie Ale buon lavoro
Stefano

Riedito :
Aleee ... scoperto il trucchetto !!! hi, ora la dashboard e' con tutti gli strumenti .(.insidegauge {
display: yes;
} )
Ciao Ciao
Stefano

Si prega Accedi a partecipare alla conversazione.

Risposta da alegrechi al topic Modifiche al template web

Si quando mi arriva il sensore provvederò a risistemare anche la dashboard con le gauges !

Si prega Accedi a partecipare alla conversazione.

Si prega Accedi a partecipare alla conversazione.

Risposta da alegrechi al topic Modifiche al template web

Si come hai visto Roberto modificare o aggiungere nuovi indicatori è abbastanza facile!

Il mio problemino è software ma non dovuto a swpi: ho provato ad aggiornare il rasp via ssh ed ora ha bisogno di un riavvio manuale... cosa che farò stasera o domani!

Si prega Accedi a partecipare alla conversazione.

setInterval(function(){UpdateGauge()},1000);

Si prega Accedi a partecipare alla conversazione.

Risposta da tony al topic Modifiche al template web

Ho fatto una versione html del template di Alessandro con solo i dati in tempo reale e con caratteri compatibili con noi poveri vecchietti presbiti. Questa versione funziona anche con siti senza php ( tranne i grafici ) e si auto aggiorna ogni 5 secondi.

Allegato swpi_smartphone.zip non trovato

Si prega Accedi a partecipare alla conversazione.

Si prega Accedi a partecipare alla conversazione.

Si prega Accedi a partecipare alla conversazione.