1. Volo Libero Monte Cucco
  3. Sint Wind PI
  5. Template Tablet - Smartphone
× Benvenuti sul nostro forum su Sint Wind PI!

Postate qui domande o segnalate problemi / bug che riscontrate,

file Template Tablet - Smartphone

Di più
10 Anni 11 Mesi fa - 10 Anni 11 Mesi fa #488 da pfeifer
Template Tablet - Smartphone è stato creato da pfeifer
Diciamo che il progetto di Tony mi sta facendo veramente divertire.
Partendo dal template web disponibile qui

http://www.vololiberomontecucco.it/vlmc/index.php?option=com_kunena&view=topic&catid=2&id=9&Itemid=210

Ho fatto una versione che legge il file meteo.txt per smartphone e tablet.

Anzi, l’ho resa quasi una web app per chi ha l’iPad. Vi posto sotto le schermate che mostrano come fare.

La potete vedere live qui http://www.sdomotica.com/meteo.html


Il template lo potete scaricare qui

Template x Tablet

Come appare su iPhone

File allegato:

Come appare su iPad

File allegato:

Come renderla webapp

File allegato:
File allegato:
File allegato:
File allegato:


Divertitevi

Sandro
Allegati:
Ultima Modifica 10 Anni 11 Mesi fa da pfeifer.
Ringraziano per il messaggio: tony, alegrechi, zippo68

Si prega Accedi a partecipare alla conversazione.

Di più
10 Anni 11 Mesi fa - 10 Anni 11 Mesi fa #489 da tony
Risposta da tony al topic Template Tablet - Smartphone
Grazie Sandro :-) Molto bello.
Lo installo subito sul nostro sito !!!
Tony

www.vololiberomontecucco.it/jessica2/swpi_tablet.html
Ultima Modifica 10 Anni 11 Mesi fa da tony.

Si prega Accedi a partecipare alla conversazione.

Di più
10 Anni 11 Mesi fa #572 da pfeifer
Risposta da pfeifer al topic Template Tablet - Smartphone
Bellissima, la foto della webcam ....

Si prega Accedi a partecipare alla conversazione.

Di più
10 Anni 11 Mesi fa #574 da tony
Risposta da tony al topic Template Tablet - Smartphone
Si .. anche se è ancora installata in modo posticcio. Stiamo preparando un supporto per togliere dall'inquadratura quella brutta recinzione :-)

Si prega Accedi a partecipare alla conversazione.

Di più
10 Anni 5 Mesi fa - 10 Anni 5 Mesi fa #2240 da Russo
Risposta da Russo al topic Template Tablet - Smartphone
Ciao pfeifer
una domanda forse un po' stupida.
Ma questo bel template per poterlo installare basta copiarlo nella stessa cartella in cui ci sono i file del server e il file meteo.txt?

Quando mi collego a www.trussino.com/swpi/meteo.html mi viene fuori il tuo template ma sembra non leggere correttamente i dati dal file meteo.txt.
Praticamente nella homepage non si vedono i dati e poi se clicco sui grafici non mi apre nulla.

Premetto che al momento sto usando il programma con sensori "SIMULATE". Forse è quello?

Devo forse modificare qualche file?

Saluti Fabio
Ultima Modifica 10 Anni 5 Mesi fa da Russo.

Si prega Accedi a partecipare alla conversazione.

Di più
10 Anni 5 Mesi fa #2253 da Russo
Risposta da Russo al topic Template Tablet - Smartphone
Ho risolto il problema di vedere i dati nella homepage ricaricando il template dal file scaricato dalla sezione download, invece di usare quello che si trova nel pacchetto Server.zip

Invece ancora non vedo i grafici.

Ciao

Si prega Accedi a partecipare alla conversazione.

Di più
10 Anni 3 Mesi fa #3110 da Russo
Risposta da Russo al topic Template Tablet - Smartphone
Ciao a tutti
vorrei rimuovere da questo template alcune icone perchè non mi servono. Devo lasciare solo il tempo dall'ultimo aggiornamento, la temperatura, l'umidità e i grafici underground.

Ho provato a modificare il file meteo.html ma poi non funziona bene il template e mancano dei dati.

Saluti Fabio

Si prega Accedi a partecipare alla conversazione.

Di più
10 Anni 3 Mesi fa #3114 da tony
Risposta da tony al topic Template Tablet - Smartphone
Per rimuovere le icone devi agre sul file html e non nel file meteo.txt.
Basta eliminate il <li> che non ti interessa. Forse nel javascript dovrai anche eliminare l'update del controllo relativo.

Si prega Accedi a partecipare alla conversazione.

Di più
10 Anni 3 Mesi fa #3116 da roberto2011
Risposta da roberto2011 al topic Template Tablet - Smartphone
esempio pratico per eliminare la pressione
eliminare nella parte html del file
<li><a href="smartphone_pressure.php" data-ajax="false">
            	<img src="assets/images/blood-pressure-icon.png">
            	<h2><span style="font-size:150%"><label id="pressure"></label></span>  hPa</h2>
 				<p>Pressione Atmosferica</p>
                <p class="ui-li-aside">Press</p>
				

            </a></li>


eliminare nella parte javascript dello stesso file
document.getElementById('pressure').innerHTML =	Math.round(data.rel_pressure);
Sensori Davis +BME280 + Raspberry b+ webCam serrasanta.fleanet.it (Eremo di Serrasanta - Gualdo Tadino - 1.340 m s.l.m.)

Si prega Accedi a partecipare alla conversazione.

Di più
10 Anni 3 Mesi fa - 10 Anni 3 Mesi fa #3119 da Russo
Risposta da Russo al topic Template Tablet - Smartphone
OK, sono riuscito a modificarlo.
Ho dovuto anche cambiare la sequenza dello script perchè altrimenti non mi data più il tempo dell'ultimo aggiornamento

ho messo
document.getElementById('last_measure_time').innerHTML =lastUpdate(data.last_measure_time) 
				document.getElementById('temp_out').innerHTML =	Math.round(data.temp_out);
				document.getElementById('umidity').innerHTML =	Math.round(data.hum_out);
				document.getElementById('coudbase').innerHTML = Math.round(data.cloud_base_altitude);
Ultima Modifica 10 Anni 3 Mesi fa da Russo.

Si prega Accedi a partecipare alla conversazione.

Di più
10 Anni 3 Mesi fa - 10 Anni 3 Mesi fa #3134 da Russo
Risposta da Russo al topic Template Tablet - Smartphone
Che modifiche bisogna fare per poter rendere compatibile il template con la risoluzione dell'iphone 5 e lo schermo retina?
Perchè viene visualizzato cone due bande nere sopra e sotto.

[img]http://www.trussino.com/swpi/file_vari/2014-01-06 12.37.54.png
Ultima Modifica 10 Anni 3 Mesi fa da Russo.

Si prega Accedi a partecipare alla conversazione.

  1. Volo Libero Monte Cucco
  3. Sint Wind PI
  5. Template Tablet - Smartphone
Tempo creazione pagina: 1.086 secondi