Temperatur och prognosvisning på surfplatta i helskärm

Hur ser ditt mät- och/eller hemautomations-system ut? Dela med dig av hur just Ditt projekt ser ut och fungerar, eller hur dina planer ser ut för framtiden. Att läsa om andra är bästa inspirationen.

Moderator: elf98

Kategoriregler
Vill du visa bilder i ditt inlägg? Använd funktionen "Ladda upp bilaga" nedanför textrutan!
Användarvisningsbild
elf98
Hemautomation - det är mer än en hobby
Inlägg: 5220
Blev medlem: 27 okt 2006, 13:49
Ort: Linköping
Kontakt:

Temperatur och prognosvisning på surfplatta i helskärm

Inlägg av elf98 » 15 jun 2014, 12:40

Jag har i en massa år haft en väderstation (WMR928). Displayen är dock grötig och det vi mest vill veta är vad klockan är, vad temperaturen är och hur prognosen för dagen är - så vi vet vad vi ska klä på barnen när de ska till dagis.

Sagt och gjort, jag slängde ihop en sida som gör just detta:
1. Fixade en enkel html-sida som visar temperatur, klocka och ett meteogram från yr.no. Sidan laddas om med javascript och det ligger en liten koll att det går att nå temperatur.nu innan sidan laddas om - jag vill undvika att sidan laddas om när nätet är nere av en eller annan anledning
2. Köpte billigast möjliga surfplatta (Som nu även finns på m.nu: https://www.m.nu/point-of-view-mobii-721a-p-1482.html
3. Installerade en kioskmode-app till surfplattan.

Så här blev det:
2014-06-15 12.31.07.jpg
Vad tycker ni? Någon som vill ha mer detaljer?
Grundade m.nu & temperatur.nu

Bild Bild
mg75
Wannabe
Inlägg: 3
Blev medlem: 13 jan 2014, 23:29
Ort: Skåne

Re: Temperatur och prognosvisning på surfplatta i helskärm

Inlägg av mg75 » 15 jun 2014, 21:19

Ser kalasbra ut!

Har själv tänkt på precis samma sak, har en väderstation som sitter på väggen och tar plats, används egentligen bara till att avläsa utetemp och nederbörd. Hade varit nice att ersätta den med en surfplatta där man kunde göra sin egen layout med "kioskmode".

Hade också tänkt mig temperaturer och dylikt men skulle även vilja få med telldus live sidan för att styra alla brytare eller se status på ex en magnetbrytare.

Man kanske kunde ha ett val mellan 2 eller 3 sidor beroende på vad man vill se.

Hur har du gjort, krävs det någon djupare kunskap i html?
Användarvisningsbild
bruka
Tar hemautomation på allvar
Inlägg: 283
Blev medlem: 12 nov 2007, 13:48
Ort: Delsbo

Re: Temperatur och prognosvisning på surfplatta i helskärm

Inlägg av bruka » 15 jun 2014, 21:50

Snyggt! :D
Klart vi vill ha mer detaljer, vilken kioskmode app? Scriptet och html, är det nåt du delar med dig av?
Användarvisningsbild
elf98
Hemautomation - det är mer än en hobby
Inlägg: 5220
Blev medlem: 27 okt 2006, 13:49
Ort: Linköping
Kontakt:

Re: Temperatur och prognosvisning på surfplatta i helskärm

Inlägg av elf98 » 15 jun 2014, 22:07

Appen för Kiosk mode: https://play.google.com/store/apps/deta ... wser.kiosk
Testade ett gäng olika och den där var bäst. Ska gå att köra i "riktig" helskärm, men jag ville inte sumpa hemknapparna så jag kör i helskärm men med Androids standardknappar kvar.

Själva html-biten är supersimpel, det som var/är lite trixigt är javascripten som uppdataterar.
De 2 nedersta pixlarna på sidan är en progressbar som sakta fylls - så man enkelt kan se när sidan kommer att uppdateras igen. Kan inte sidan uppdateras pga nätbortfall blir progressbaren röd.
Sidan laddas om var femte minut som standard, och ett javascript ligger i bakgrunden och uppdaterar klockan.

Kod: Markera allt

<?php
$wimgPath="wimg/"; //sökväg till vädersymboler
if (isset($_GET["temperaturAlias"]))
$temperaturAlias=$_GET["temperaturAlias"]; //Alias för den mätpunkt på temperatur.nu som skall användas som aktuell temperatur
else
$temperaturAlias="ekholmen";
if (isset($_GET["forecast"]))
$forecast=$_GET["forecast"]; //Sökväg på Yr.no till den prognos som skall användas Län/Ort
else
$forecast="Östergötland/Blästad";
$fontSize="28";
$file=fopen("http://www.temperatur.nu/termo/$temperaturAlias/temp.txt","r");
$temp=fgets($file);
fclose($file);
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<link href='http://fonts.googleapis.com/css?family=Exo' rel='stylesheet' type='text/css'>
<style>*{ font-family:Exo; font-size:<?php echo $fontSize;?>px;padding:0;margin:0; }
.header { font-size:5em;text-align:center;margin:0;font-weight:bold;}
</style>
<script>
var timerId; // current timer if started
var freq=300000; //uppdateringsintervall - millisekunder
var startDate = new Date();
var startTime = startDate.getTime();
function microseconds_elapsed ()
{
var date_now = new Date ();
var time_now = date_now.getTime ();
var seconds_elapsed = time_now - startTime;
return ( seconds_elapsed );
}
function doesConnectionExist() {
    var xhr = new XMLHttpRequest();
    var file = "http://www.temperatur.nu/favicon.ico";
    var randomNum = Math.round(Math.random() * 10000);
    xhr.open('HEAD', file + "?rand=" + randomNum, false);
    try {
        xhr.send();
        if (xhr.status >= 200 && xhr.status < 304) {
            return true;
        } else {
            return false;
        }
    } catch (e) {
        return false;
    }
}
function start() {
        update_time();
  timerId = setInterval(update_progress, 100);
 timerID2 = setInterval(update_time, 1000);
timerId3 = setInterval(function() {
        if (doesConnectionExist() == true)
                location.reload();
}, freq); /* 120000 ~> 2 minutes */

}
function update_progress() { //Progressbaren
        var progress=Math.round(microseconds_elapsed()*100/freq*100)/100;
        if (progress>99){
                document.getElementById("progress").style.backgroundColor = 'red';
                progress=100
        }
        document.getElementById('progress').style.width = progress+"%";
}
function update_time(){
  var date = new Date();
  var hours = date.getHours()
  if (hours < 10) hours = '0'+hours
  var minutes = date.getMinutes()
  if (minutes < 10) minutes = '0'+minutes
 document.getElementById('time').innerHTML = hours+":"+minutes;
}

</script>
</head>
<body onload="start();">
<?/*<p style="text-align:center;margin:0;font-weight:bold;">Aktuell temperatur <?php echo $displayName;?></p>*/
?><center>
<table width=100%>
<tr><td class=header id=time><td width=50px;>&nbsp;<td class=header id=temp>
<? echo trim(str_replace(".",",",$temp));?>&deg;C</div>
</table>
<img src="http://www.yr.no/place/Sverige/<?php echo $forecast;?>/meteogram.png" width=1000px>
<div style="font-size:0.4em;position:fixed;bottom:2px;  text-align:center;width: 100%; ">Väderprognos från yr.no | Presentation producerad av www.temperatur.nu</div>
</center>
<div id="progress" style="padding:0;margin:0;bottom:0px;position:fixed;height:2px;width:0%;background:#999;">
</body>
</html>
Sidan finns här:
http://www.temperatur.nu/prognos/prognos_clean.php
och tar 2 parametrar: temperaturAlias och forecast. Anges inget används ekholmen och Östergötland/Blästad. Prognosen skulle kunna kopplas till alias, men jag valde att frikoppla helt då närmaste temperatur kanske är en bra bit bort och det kan vara bra att välja själv.
ex: http://www.temperatur.nu/prognos/progno ... kåne/Ystad

Sidan är hårt optimerad för en upplösning på 1024x600px (minus pixlarna för menyraden på surfplattan). Meteogramet är uppskalat då yrs har lite för låg upplösning.
Grundade m.nu & temperatur.nu

Bild Bild
Användarvisningsbild
elf98
Hemautomation - det är mer än en hobby
Inlägg: 5220
Blev medlem: 27 okt 2006, 13:49
Ort: Linköping
Kontakt:

Re: Temperatur och prognosvisning på surfplatta i helskärm

Inlägg av elf98 » 15 jun 2014, 22:10

mg75 skrev: Man kanske kunde ha ett val mellan 2 eller 3 sidor beroende på vad man vill se.

Hur har du gjort, krävs det någon djupare kunskap i html?
Som många av de saker jag gör är det ett "proof of concept". Sidan är dum och kan inte visa annat än det som syns på bilden. Skulle inte vara några större problem att växla information om man trycker på skärmen, vet inte vad jag skulle visa bara... :)

Som jag skrev i inlägget ovan är html-biten simpel, det är saker runt omkring/felhantering som krånglar till det.
Grundade m.nu & temperatur.nu

Bild Bild
hellgun
Tar hemautomation på allvar
Inlägg: 76
Blev medlem: 22 apr 2010, 12:16

Re: Sv: Temperatur och prognosvisning på surfplatta i helskä

Inlägg av hellgun » 16 jun 2014, 10:48

a7evu7e8.jpg
Jag har sen ett par-tre år denna lösning. Det började med att jag experimenterade med LCD-displayer men insåg att det är billigare, enklare och snyggare med en avdankad smartphone som man i regel kan fixa gratis. Första två åren körde jag en iPhone 3g men när den ballade ur bytte jag till frugans trötta HTC Wildfire.

Det är en html-sida som laddas om varje minut. Visas i en vanlig webbläsarapp med helskärmsfunktion. Hämtar temperaturer från min server mha php. Från början kunde jag även scrolla ner och där styra belysning (tellstick via php) men tycker det är smidigare att använda en app på min vanliga telefon eller Nexa-fjärr.

För min del är temperaturerna det enda jag är intresserad av så denna lösning fyller mina behov.

Skickat från min Nexus 5 via Tapatalk
Användarvisningsbild
elf98
Hemautomation - det är mer än en hobby
Inlägg: 5220
Blev medlem: 27 okt 2006, 13:49
Ort: Linköping
Kontakt:

Re: Temperatur och prognosvisning på surfplatta i helskärm

Inlägg av elf98 » 16 jun 2014, 16:27

Tog hem ett gäng av surfplattan jag använde: https://www.m.nu/point-of-view-mobii-721a-p-1482.html
Grundade m.nu & temperatur.nu

Bild Bild
larky
Moderator
Inlägg: 1128
Blev medlem: 01 feb 2008, 12:21
Ort: Skellefteå
Kontakt:

Re: Temperatur och prognosvisning på surfplatta i helskärm

Inlägg av larky » 17 jun 2014, 12:42

Jag funderar på att skifta ut min gamla Nexus7 och göra den till display... men enligt design kommiteén hemma (där jag inte har någon rösträtt) måste plattan då vara stående.
1280x800 upplösning gör att det ska nog vara möjligt, och att vrida på tid och temp har jag klarat av.
Nu till det skumma, den uppdaterar inte. Röd linje i botten. Jag tycker mig inte ha rört något i funktionerna, så ett nytt försök med att klippa/klistra php ger även det att det inte uppdaterar temperaturen, men klockan går.

http://karlander.net/hall.php Min vridna
http://www.temperatur.nu/prognos/prognos_clean.php fungerar som det ska.
Användarvisningsbild
elf98
Hemautomation - det är mer än en hobby
Inlägg: 5220
Blev medlem: 27 okt 2006, 13:49
Ort: Linköping
Kontakt:

Re: Temperatur och prognosvisning på surfplatta i helskärm

Inlägg av elf98 » 17 jun 2014, 13:05

Problemet är att du via ett AJAX-anrop försöker läsa favicon.ico på temperatur.nu. Det är lite kinkigt att göra Ajax-anrop mellan domäner och jag har inte slagit på det på temperatur.nu.

Enklast löser du problemet genom att testa att accessa en (liten) fil på din egen server i stället för på temperatur.nu.

att det fungerar på php-filen på temperatur.nu beror då på att faviconen ligger på samma domän.
Grundade m.nu & temperatur.nu

Bild Bild
larky
Moderator
Inlägg: 1128
Blev medlem: 01 feb 2008, 12:21
Ort: Skellefteå
Kontakt:

Re: Temperatur och prognosvisning på surfplatta i helskärm

Inlägg av larky » 17 jun 2014, 13:35

Ah, då är jag med!
sonnyboy
Hemautomation - det är mer än en hobby
Inlägg: 307
Blev medlem: 25 feb 2011, 21:59
Ort: Västerås

Re: Temperatur och prognosvisning på surfplatta i helskärm

Inlägg av sonnyboy » 17 jun 2014, 13:48

Läckert, detta ska testas :)
BeyondMeasure 1.10
HomeCenter 2
riro
Tar hemautomation på allvar
Inlägg: 161
Blev medlem: 19 feb 2008, 15:35
Ort: Falun

Re: Temperatur och prognosvisning på surfplatta i helskärm

Inlägg av riro » 18 jun 2014, 21:19

<reklam>
http://switchqueen.snowland.se/
</reklam>

Men visst fan är det bra med en billig platta och lite ideer...

Så här ser det ut hos mig (på en av plattorna)
WP_20130906_002.jpg
Går att läsa lite mer här: http://www.switchking.se/forum/viewtopic.php?f=11&t=997
sonnyboy
Hemautomation - det är mer än en hobby
Inlägg: 307
Blev medlem: 25 feb 2011, 21:59
Ort: Västerås

Re: Temperatur och prognosvisning på surfplatta i helskärm

Inlägg av sonnyboy » 20 jun 2014, 09:14

Funkade hur bra som helst, men ena plattan visar 2 timmar fel på klockan, nu e klockan 07:14 enligt den :?
Någon som har tips på det? går jag in på datorn eller telefon så visar den rätt tid.
http://gnoffe.se/meteo.php
BeyondMeasure 1.10
HomeCenter 2
riro
Tar hemautomation på allvar
Inlägg: 161
Blev medlem: 19 feb 2008, 15:35
Ort: Falun

Re: Temperatur och prognosvisning på surfplatta i helskärm

Inlägg av riro » 20 jun 2014, 09:18

Ser ut som ett javascript som uppdaterar klockan, så det är tiden i plattan som är fel.

Leta efter en NTP-klient, jag använder denna https://play.google.com/store/apps/deta ... rg.ntpsync
sonnyboy
Hemautomation - det är mer än en hobby
Inlägg: 307
Blev medlem: 25 feb 2011, 21:59
Ort: Västerås

Re: Temperatur och prognosvisning på surfplatta i helskärm

Inlägg av sonnyboy » 20 jun 2014, 09:47

Tiden i plattan är rätt iaf den som visas.
BeyondMeasure 1.10
HomeCenter 2
Skriv svar