× Benvenuti sul nostro forum su Sint Wind PI!

Postate qui domande o segnalate problemi / bug che riscontrate,

file Template Tablet - Smartphone

More
6 years 2 weeks ago - 6 years 2 weeks ago #488 by 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


Come appare su iPad


Come renderla webapp



Divertitevi

Sandro
Attachments:
Last edit: 6 years 2 weeks ago by pfeifer.
The following user(s) said Thank You: tony, alegrechi, zippo68

Please Log in or Create an account to join the conversation.

More
6 years 2 weeks ago - 6 years 2 weeks ago #489 by tony
Replied by tony on topic Template Tablet - Smartphone
Grazie Sandro :-) Molto bello.
Lo installo subito sul nostro sito !!!
Tony

www.vololiberomontecucco.it/jessica2/swpi_tablet.html
Last edit: 6 years 2 weeks ago by tony.

Please Log in or Create an account to join the conversation.

More
6 years 2 weeks ago #572 by pfeifer
Bellissima, la foto della webcam ....

Please Log in or Create an account to join the conversation.

More
6 years 2 weeks ago #574 by tony
Replied by tony on topic Template Tablet - Smartphone
Si .. anche se è ancora installata in modo posticcio. Stiamo preparando un supporto per togliere dall'inquadratura quella brutta recinzione :-)

Please Log in or Create an account to join the conversation.

More
5 years 6 months ago - 5 years 6 months ago #2240 by Russo
Replied by Russo on 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
Last edit: 5 years 6 months ago by Russo.

Please Log in or Create an account to join the conversation.

More
5 years 6 months ago #2253 by Russo
Replied by Russo on 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

Please Log in or Create an account to join the conversation.

More
5 years 4 months ago #3110 by Russo
Replied by Russo on 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

Please Log in or Create an account to join the conversation.

More
5 years 4 months ago #3114 by tony
Replied by tony on 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.

Please Log in or Create an account to join the conversation.

More
5 years 4 months ago #3116 by roberto2011
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.)

Please Log in or Create an account to join the conversation.

More
5 years 4 months ago - 5 years 4 months ago #3119 by Russo
Replied by Russo on 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);
Last edit: 5 years 4 months ago by Russo.

Please Log in or Create an account to join the conversation.

More
5 years 4 months ago - 5 years 4 months ago #3134 by Russo
Replied by Russo on 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
Last edit: 5 years 4 months ago by Russo.

Please Log in or Create an account to join the conversation.

Time to create page: 0.768 seconds