Seite 1 von 2

Wetter und Newsticker einfügen

BeitragVerfasst: 9. Oktober 2015, 19:08
von Ive
Hallo an alle.

Ich habe ein Tablet auf der Wand für die Visualisierung meiner Homematic Heizungssteuerung hängen. Bis jetzt hab ich das mit Homedroid dargestellt. Um den "WAF" zufrieden zu stellen fügte ich noch ein Wetter und ein Newsticker Widget dazu. Schaute eigentlich ganz gut aus, aber so richtig zufrieden war ich mit dieser Lösung nicht.

Durch Zufall bin ich auf NEO gestoßen. Ein wenig informiert, überlegt, die hübsche Darstellung auf der Homepage bestaunt und dann die Homematic Version gekauft. Auf dem Smartphone stellte ich eine reine Steuerung her. Das funktioniert schon mal gut. Dann wollte ich das gleiche für das Tablet machen, nur ein wenig hübscher. Zuerst dachte ich mir, ein Webseitenelement erstellen, Wetterseite rein und gut ist es. Aber leider ist das ganze dann doch nicht so einfach. Viel zu groß und Sachen die keinen Mensch interessieren in jeder Ecke der Seite.

Jetzt kommt meine eigentliche Frage. Wie schaffe ich es vernünftig Wetterdaten von einer Internetseite und einen Newsticker von einer Tageszeitung in die Oberfläche zu integrieren. Geht das überhaupt? Hab hier schon im Forum gelesen eine eigene Webseite zu erstellen und zuhause auf dem Server legen. Kenn mich mit der Materie überhaupt nicht aus, Server hab ich auch keinen. Spiele zwar schon des längeren mit dem Gedanken mir ein NAS zuzulegen, aber da muss ich zuerst meine Frau davon überzeugen. Und ob es mit einem NAS funktioniert weiß ich auch nicht zu 100%.

Vielleicht kann mir einer helfen das irgendwie umzusetzen. Denn sollte ich das mit dem Wetter und dem Newsticker nicht hinbekommen sinkt der WAF beträchtlich, und wir wissen denk ich alle was dann passiert. Und ich will nicht auf dem Sofa schlafen. :lol:

So, dann schon mal danke an alle,

Lg

Re: Wetter und Newsticker einfügen

BeitragVerfasst: 9. Oktober 2015, 19:28
von zdenko33
hallo
im internet gibt es kostenlos server
z.b. hier
http://www.hostinger.de
wetter z.b hier
http://wetter.webmart.de
dann die stadt suchen wieter und dann eigener wetter widget
dann gibt es einen code denn du kopierst und in eine html seite einbindest
das alles lädst du dann auf deinen server bei hostinger.de
mit einem ftp programm
wenn du möchtest kann ich dir zum testen helfen
ich kann dein widget bei mir packen auf meinen server
gibst du mir nur die stadt und ich gebe dir die url dann die du in neo eingibst
oder du registrierst dich dort beim hostinger und sendest du mir login daten per pn und können zusammen arbeiten oder mit team viewer

für newsticker musst du schon die zeitung finden die so was anbietet...
z.b unter http://www.nachrichten.de/widget/
hat man grosse auswahl und kann so ein widget generieren um später auf dein server zu laden...

Re: Wetter und Newsticker einfügen

BeitragVerfasst: 10. Oktober 2015, 06:58
von Ive
Vielen Dank für die Antwort und dein Angebot.

Ich werde das einmal selber versuchen. Vielleicht bekomme ich das hin. Kann sein das ich bei meinem Provider eine Webspace habe. Da muss ich erst einmal schauen.

Wenn ich es nicht hinkriege komm ich gern auf dein Angebot zurück.

Lg

Re: Wetter und Newsticker einfügen

BeitragVerfasst: 14. Oktober 2015, 22:19
von BOs
Hallo zusammen.

Ich bin noch völliger Neuling und starte gerade mit meiner Hausautomatisation. Habe schon ein wenig mit dem AIO Creator NEO gespielt und eine Fernbedienung erstellt.
Bin nun von der Möglichkeit des Wetter Widgets begeistert und habe gleich einmal versucht das nach dieser Beschreibung zu machen. Die HTML Seite ließ sich problemlos erstellen und zeigt auch das gewünschte Widget an. Hab sie dann bei Hostinger hochgeladen. Dort ist sie im Webbrowser erreichbar und funktioniert. Nun habe ich den Link in den Creator eingetragen und die Fernbedinung erneut auf mein iPhone geladen. Doch leider zeigt dieses hier keine Webseite bzw. Widget. :( Die Stelle wo sich dieses befinden sollte bleibt einfach leer (als wäre hier nichts hinterlegt).
Habe dann zum testen einfach mal die Adresse von Google eingetragen. Hier wird die Googleseite angezeigt. An der Adresse scheint es also nicht zu liegen.
Kann mir da jemand helfen?

Vielen Dank.

Re: Wetter und Newsticker einfügen

BeitragVerfasst: 15. Oktober 2015, 09:11
von zdenko33
hallo :)
trage im neo dieses ein als webseite http://www.binicki.de/wetter zum testen
sollte ein wetter widget anzeigen, bei mir läuft es
ich habe kein account beim hostinger und habe es nur als beispiel angedeutet, aber ich finde dort sollte es funktionieren. Hast du deine url richtig eingetragen? wird es am computer im neo (in vorschau) angezeigt?
teste mal meine seite und berichte dann :)
gruss

Re: Wetter und Newsticker einfügen

BeitragVerfasst: 15. Oktober 2015, 10:33
von Harvey
Hallo zdenko,
dein Widget läuft bei mir. Aber mit meinen eigenen Widgets bekomme ich es auch nicht hin, dann sehe ich jeweils nur einen Link bei mir, den ich erst anklicken muss. Habe verschiedene Wetterseiten und deren Widgets ausprobiert.

@BOs: Ich habe zwei veeschiedene Anbieter ausprobiert, auch google. Mit dem gleichen Ergebnis, das du hast

Re: Wetter und Newsticker einfügen

BeitragVerfasst: 15. Oktober 2015, 12:20
von zdenko33
an beide :)
den html code von hier unten kopieren und auf euere seite einfügen... wenns dann läuft
auf wetter.webmart.de gehen, stadt aussuchen und in generiertem code die zahl kopieren, die zahl 657835 in meinem code mit euerer zahl ersetzen.
Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Wetter in Hattersheim</title>
    </head>

    <body>

    <div style="width:250px"><a href="http://wetter.webmart.de/657835" target="_blank" style="text-decoration:none"></a><script src="http://wetter.webmart.de/e/657835"></script></div>

     

    </body>
    </html>

die seite sollte index.html heissen, dann wird sie beim aufruf von euerer domain automatisch geladen

Re: Wetter und Newsticker einfügen

BeitragVerfasst: 15. Oktober 2015, 14:29
von wine
Leider sind die Wetter Widgets (zumindest alle die ich bisher gefunden habe) zu klein bzw. in zu niedriger Auflösung. Wenn man seine Remote für ein Tablet mit 1920x1200 erstellt sind die Widgets aufgrund der geringen Größe kaum lesbar...

Hat jemand eine Andere Idee wie man sich die Wetterdaten in die Fernbedienung einbinden kann?

Re: Wetter und Newsticker einfügen

BeitragVerfasst: 15. Oktober 2015, 15:26
von zdenko33
@wine
hallo kannst z.b. die auflösung deines remotes mit 1280x720 erstellen, glaube mir am tablet wirst du kein unterschied merken, ausser das alles grösser ist
es gibt jquery plugins die man selber anpasssen kann:
wie dieser hier
kostet zwar paar euro, aber dafür ist animiert und sehr schick
http://kreaturamedia.com/weatherslider- ... er-widget/
es gibt auch kostenlose die man selber anpassen kann, sind dann weniger schön :)
einfach nach jquery weather plugin suchen

wenn du homematic hast kannst du dir selber so etwas bauen im neo
mit eigenen grafiken und text grösse usw
Code: Alles auswählen
!Stand 03.04.2014  http://homematic-forum.de/forum/viewtopic.php?f=31&t=17209
            !zuerst folgende Systemvariablen anlegen
            !Achtung: keine vergessen und exakte Schreibweise mit Drag&Drop
            !Wetter_Station                        Zeichenkette
            !Wetter_Aktualisierung             Zeichenkette
            !Wetter_Bedingungen               Zeichenkette
            !Wetter_Temperatur                  Zahl                     °C
            !Wetter_Luftfeuchte                  Zahl                      %
            !Wetter_Windbedingungen       Zeichenkette
            !Wetter_Windrichtung               Zeichenkette
            !Wetter_Windrichtg                   Zahl                       °
            !Wetter_Windgeschwindigkeit   Zahl                     km/h
            !Wetter_Windboeen                  Zahl                     km/h
            !Wetter_Luftdruck                      Zahl                      mb
            !Wetter_Luftdrucktrend             Zeichenkette
            !Wetter_Taupunkt                      Zahl                     °C
            !Wetter_UV                                Zeichenkette
            !Wetter_Icon                                Zeichenkette

            var url = "http://api.wunderground.com/api/f9641ab1988958bc/conditions/lang:DL/q/Germany/Leer.xml";

            !hier ist die Abfrage mit CUxD
            dom.GetObject("CUxD.CUX2801001:1.CMD_SETS").State("wget -q -O - '"#url#"'");
            dom.GetObject("CUxD.CUX2801001:1.CMD_QUERY_RET").State(1);
            string wetter_xml = dom.GetObject("CUxD.CUX2801001:1.CMD_RETS").State();

            !hier ist die Abfrage mit system.Exec
            !string stdout;
            !string stderr;
            !system.Exec("wget -q -O - '"#url#"'", &stdout, &stderr);
            !WriteLine(stdout);
            !string wetter_xml = stdout;
            !WriteLine(wetter_xml);

            !Beim XML-File den ueberfluessigen Header entfernen
            integer laenge = wetter_xml.Length();
            integer wort_position = wetter_xml.Find("display_location");
            wetter_xml = wetter_xml.Substr(wort_position, (laenge - wort_position));
            !WriteLine(wetter_xml);

            !Daten mit Suchworten aus XML-File ausfiltern:

            !string word = "full";
            string word = "city";
            integer word_laenge = word.Length();
            integer word_position = wetter_xml.Find(word);
            string daten = wetter_xml.Substr((word_position + word_laenge +1), 100);
            integer word_position = daten.Find(word);
            daten = daten.Substr(0, (word_position -2));
            dom.GetObject("Wetter_Station").State(daten);

            !string word = "observation_time";
            string word = "observation_time_rfc822";
            integer word_laenge = word.Length();
            integer word_position = wetter_xml.Find(word);
            string daten = wetter_xml.Substr((word_position + word_laenge +1), 100);
            integer word_position = daten.Find(word);
            !daten = daten.Substr(0, (word_position -2));
            daten = daten.Substr(0, (word_position -11));
            dom.GetObject("Wetter_Aktualisierung").State(daten);

            string word = "weather";
            integer word_laenge = word.Length();
            integer word_position = wetter_xml.Find(word);
            string daten = wetter_xml.Substr((word_position + word_laenge +1), 100);
            integer word_position = daten.Find(word);
            daten = daten.Substr(0, (word_position -2));
            dom.GetObject("Wetter_Bedingungen").State(daten);

            string word = "icon";
            integer word_laenge = word.Length();
            integer word_position = wetter_xml.Find(word);
            string daten = wetter_xml.Substr((word_position + word_laenge +1), 100);
            integer word_position = daten.Find(word);
            daten = daten.Substr(0, (word_position -2));
            dom.GetObject("Wetter_Icon").State(daten);

            string word = "temp_c";
            integer word_laenge = word.Length();
            integer word_position = wetter_xml.Find(word);
            string daten = wetter_xml.Substr((word_position + word_laenge +1), 100);
            integer word_position = daten.Find(word);
            daten = daten.Substr(0, (word_position -2));
            real zahl = daten.ToFloat();
            dom.GetObject("Wetter_Temperatur").State(zahl);

            string word = "relative_humidity";
            integer word_laenge = word.Length();
            integer word_position = wetter_xml.Find(word);
            string daten = wetter_xml.Substr((word_position + word_laenge +1), 100);
            integer word_position = daten.Find(word);
            daten = daten.Substr(0, (word_position -2));
            integer zahl = daten.ToFloat();
            dom.GetObject("Wetter_Luftfeuchte").State(zahl);

            string word = "wind_string";
            integer word_laenge = word.Length();
            integer word_position = wetter_xml.Find(word);
            string daten = wetter_xml.Substr((word_position + word_laenge +1), 100);
            integer word_position = daten.Find(word);
            daten = daten.Substr(0, (word_position -2));
            dom.GetObject("Wetter_Windbedingungen").State(daten);

            string word = "wind_dir";
            integer word_laenge = word.Length();
            integer word_position = wetter_xml.Find(word);
            string daten = wetter_xml.Substr((word_position + word_laenge +1), 100);
            integer word_position = daten.Find(word);
            daten = daten.Substr(0, (word_position -2));
            word_laenge =daten.Length();
            string anfangsbuchstabe = daten.Substr(0,1);
            ! Umlaute korrigieren
            ! N # Nord ***
            if (anfangsbuchstabe == "N")
                     { if (daten == "Nordwest") {daten = "Nord-West" ;} }
            ! S # Süd ***
            if (anfangsbuchstabe == "S") {
               ! 4 # Süd
               if (word_laenge == 4)  {daten = "Süd";}
               ! 8 # Südwest
               if (word_laenge == 8)  {daten = "Süd-West";}
               ! 12 # Süd-Südost
               if (word_laenge == 12) {daten = "Süd-Süd-Ost" ;}
                 ! 13
               if (word_laenge == 13) {daten = "Süd-Süd-West" ;}   }

            ! W # Westen
            if (anfangsbuchstabe == "W") {
               ! 13 # West-Südwest
                if (word_laenge == 13) {daten = "West-Süd-West" ;} }

            ! O # Osten
            if (anfangsbuchstabe == "O") {
               ! 11 # Ost-Südost
               if (word_laenge == 11) {daten = "Ost-Süd-Ost" ;} }

            dom.GetObject("Wetter_Windrichtung").State(daten);
            !WriteLine(daten);

            string word = "wind_degrees";
            integer word_laenge = word.Length();
            integer word_position = wetter_xml.Find(word);
            string daten = wetter_xml.Substr((word_position + word_laenge +1), 100);
            integer word_position = daten.Find(word);
            daten = daten.Substr(0, (word_position -2));
            integer zahl = daten.ToFloat();
            dom.GetObject("Wetter_Windrichtg").State(zahl);

            string word = "wind_kph";
            integer word_laenge = word.Length();
            integer word_position = wetter_xml.Find(word);
            string daten = wetter_xml.Substr((word_position + word_laenge +1), 100);
            integer word_position = daten.Find(word);
            daten = daten.Substr(0, (word_position -2));
            integer zahl = daten.ToFloat();
            dom.GetObject("Wetter_Windgeschwindigkeit").State(zahl);

            string word = "wind_gust_kph";
            integer word_laenge = word.Length();
            integer word_position = wetter_xml.Find(word);
            string daten = wetter_xml.Substr((word_position + word_laenge +1), 100);
            integer word_position = daten.Find(word);
            daten = daten.Substr(0, (word_position -2));
            integer zahl = daten.ToFloat();
            dom.GetObject("Wetter_Windboeen").State(zahl);

            string word = "pressure_mb";
            integer word_laenge = word.Length();
            integer word_position = wetter_xml.Find(word);
            string daten = wetter_xml.Substr((word_position + word_laenge +1), 100);
            integer word_position = daten.Find(word);
            daten = daten.Substr(0, (word_position -2));
            integer zahl = daten.ToFloat();
            dom.GetObject("Wetter_Luftdruck").State(zahl);

            string word = "pressure_trend";
            integer word_laenge = word.Length();
            integer word_position = wetter_xml.Find(word);
            string daten = wetter_xml.Substr((word_position + word_laenge +1), 100);
            integer word_position = daten.Find(word);
            daten = daten.Substr(0, (word_position -2));
            dom.GetObject("Wetter_Luftdrucktrend").State(daten);

            string word = "dewpoint_c";
            integer word_laenge = word.Length();
            integer word_position = wetter_xml.Find(word);
            string daten = wetter_xml.Substr((word_position + word_laenge +1), 100);
            integer word_position = daten.Find(word);
            daten = daten.Substr(0, (word_position -2));
            real zahl = daten.ToFloat();
            dom.GetObject("Wetter_Taupunkt").State(zahl);

            string word = "UV";
            integer word_laenge = word.Length();
            integer word_position = wetter_xml.Find(word);
            string daten = wetter_xml.Substr((word_position + word_laenge +1), 100);
            integer word_position = daten.Find(word);
            daten = daten.Substr(0, (word_position -2));
            real zahl = daten.ToFloat();
            dom.GetObject("Wetter_UV").State(zahl);


kannst hier noch lesen viewtopic.php?f=16&t=2074
und im homematic forum

Re: Wetter und Newsticker einfügen

BeitragVerfasst: 15. Oktober 2015, 15:35
von wine
Hallo zdenko33,

super das werde ich mir gleich mal anschauen! Könnte meine Lösung sein.

Vielen Dank für die schnelle Hilfe.

Viele Grüße
wine