Actualisation data auto sur page html

ctmoi · Message par **ctmoi** » ven. déc. 28, 2012 4:16 pm

Bonjour,

Suite à une discussion sur les jauges flash, je cherchais une solution pour afficher les données en "temps réel" de la station sans flash dont voici le résultat.

Le contenu du zip:

json.html et jquery-1.3.2.min.js: à mettre sur le serveur.

realtime_json.txt: à mettre dans le template de GraphWeather.

Config GraphWeather.jpg: une image pour la configuration de l'export ftp pour Graphweather (pour ma part j'exporte en local et envoie sur le ftp avec un autre soft).

realtime.json: un exemple de fichier que sort GraphWeather avec le template.

Un exemple de sortie se trouve ici pour quelques jours:
http://meteo.fayolle.info/test4/json.html

Pour les tests j'ai contrôlé le fonctionnement sur chrome, firefox, ie9 et navigateur par défaut de Jelly Bean 4.1.2
Après il faut agrémenter la disposition couleurs, taille etc...
Il y a également d'autres solutions pour arriver à ce résultat avec xmlhttprequest mais je n'ai pas exploré encore le sujet,
n'y connaissant pas grand chose je d"couvre à chaque fois et essaye d'adapter à notre passion.

Merci de partager vos modifactions et tests.

Actu auto data.zip

ctmoi · Message par **ctmoi** » sam. janv. 05, 2013 11:40 am

Bonjour,

Voici un nouveau code qui permet de faire l'actualisation avec le fichier XNet_Meteo.xml généré par XNet Meteo.
Après il est toujours possible de générer un xml avec GW si on veut ajouter des données.
Dans le code suivant il faut modifier la valeur du setinterval qui est à 2000 soit 2 secondes et changer les valeurs des fadeIn fadeOut pour tout mettre à votre convenance.

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="EN" dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="content-type" content="text/xml; charset=iso-8859-1" />
<meta http-Equiv="Cache-Control" Content="no-cache">
<meta http-Equiv="Pragma"    Content="no-cache">
<meta http-Equiv="Expires"    Content="-1">        
  <script type = "text/javascript"
          src = "http://code.jquery.com/jquery-latest.js"></script>
 
  <script type = "text/javascript">    
	$.ajaxSetup ({
    cache: false
});
    $(init);

    function init(){
$(document).ready(function()
{
  $.ajax({
    type: "GET",
    url: "XNet_Meteo.xml",
    dataType: "xml",
    success: parseXml
  });
});
}
function parseXml(xml)
{
$(xml).find("XNet_Meteo").each(function()
{
  $("#output").html("");
  $("#output").append($(this).find("TimeStamp").text()) + "<br>";
  $("#output").append("<br>" + "Température: " + $(this).find("Temperature").eq(1).text() + " °C");
  $("#output").append("<br>" + "Pression: " + $(this).find("Pressure_Relative").text() + " hPa");
  $("#output").append("<br>" + "Point de rosée: " + $(this).find("DewPoint").eq(1).text() + " °C");
  $("#output").append("<br>" + "Vent: " + ($(this).find("Wind_Speed").text() * "3.6").toFixed(2) + " km/h");
  $("#output").append("<br>" + "Rafale: " + ($(this).find("Wind_Gust").text() * "3.6").toFixed(2) + " km/h");
  $("#output").append("<br>" + "Direction: " + $(this).find("Wind_Direction").text() + " °");
  $("#output").append("<br>" + "Pluie 1h: " + $(this).find("Rainfall_1h").text() + " mm");
  $("#output").append("<br>" + "Pluie 24h: " + $(this).find("Rainfall_24h").text() + " mm");
  $("#output").append("<br>" + "Index UV: " + $(this).find("UVIndex").text());
});
}
setInterval (init,2000);
    </script>
  
  <title>test.html</title>
</head>
<body>
<h1>Meteo</h1>

<div id = "output">
</div>
<script>
$(function () {
    var $element = $('div');
    function fadeInOut () {
        $element.fadeIn(1000, function () {
            $element.fadeOut(1500, function () {
                $element.fadeIn(1500, function () {
                    setTimeout(fadeInOut, 500);
                });
            });
        });
    }

    fadeInOut();
});
</script>
</body>
</html>

chris_01 · Message par **chris_01** » lun. déc. 23, 2013 2:41 am

Bonjour,

Il serait possible de prendre les données que sort le fichier xnet_meteo.xml, et de les mettre dans un fichier realtimegauges.txt pour les gauges dynamiques Steelseries? C'est ça que permet le code que tu donnes ici?

ça serait juste génial.. ça permettrait de rafraîchir toute les 15sec par ex la vitesse du vent. Sans changer le pas de 5' d’enregistrement du fichier xnet_meteo.csv.

ctmoi · Message par **ctmoi** » lun. déc. 23, 2013 3:40 am

Bonjour,

Le fichier XNet_Meteo.xml est mis à jour avec le même intervalle de temps que ton csv, donc aucun changement.
La seule possibilité que je vois, vu que nous avons ma même config, c'est de trouver un duplicateur de port pour lire avec l'intervalle le plus court.
J'avais essayé avec vpse et deux instances XNet Meteo en même temps, mais au bout de quelques heures ça me faisait planter le pc.
Le code ici, est similaire à celui que j'utilise pour les données qui se trouvent sous le menu dans la barre à gauche de mon site.

chris_01 · Message par **chris_01** » lun. déc. 23, 2013 1:49 pm

ctmoi a écrit :Bonjour,

Le fichier XNet_Meteo.xml est mis à jour avec le même intervalle de temps que ton csv, donc aucun changement.
La seule possibilité que je vois, vu que nous avons ma même config, c'est de trouver un duplicateur de port pour lire avec l'intervalle le plus court.
J'avais essayé avec vpse et deux instances XNet Meteo en même temps, mais au bout de quelques heures ça me faisait planter le pc.
Le code ici, est similaire à celui que j'utilise pour les données qui se trouvent sous le menu dans la barre à gauche de mon site.

Dommage qu'on ne sait sortir les données qui sont actualisées sur la page de xnet :/

Ou sinon il serait possible de faire marcher Xnet normalement (écriture du fichier csv toute les 5') et en parallèle de faire fonctionner WD live?
Ou les données de la wmr 200 ne peut être lues "qu'une seule fois"?

ctmoi · Message par **ctmoi** » lun. déc. 23, 2013 2:46 pm

Bonjour,

Il est tout a fait possible de lire les données du xml, mais vu que le fichier est écrit avec le même intervalle que le csv, il n'y a aucun intêret
Il faudrait que le fichier xml soit actualisé au fil des nouvelles données lues, il faut poser la question à Job si c'est possible.

chris_01 · Message par **chris_01** » lun. déc. 23, 2013 7:27 pm

Et pour weather display live en parallèle?

ctmoi · Message par **ctmoi** » mar. déc. 24, 2013 10:24 am

Bonjour,

Pour Weather Display, je n'utilise pas. Je test depuis quelques heures avec cumulus actif en même temps que xnet et pour le moment pas de problèmes.
Cumulus permet d'envoyer le fichier realtime.txt avec un intervalle de création réglable.
Je pense que ça reste la solution la plus adapté pour les gauges dynamiques Steelseries.
A voir dans la temps s'il n'y a pas de plantage, moi ça tourne depuis 12h pour la collecte de data et écriture du realtime, mais pas d'envoi ftp.
Il faudra que je modifie mon site et gadget (en local) pour tester un peu plus.

chris_01 · Message par **chris_01** » mar. déc. 24, 2013 10:37 am

Ah oui ca a l'air pas mal!
je pensais à WD Live car il fait lui même des gauges dynamiques sur le site, rafraîchies plusieurs fois par minutes. Mais il est payant. Je connais pas cumulus, je vais essayer.

tu peux très bien laisser comme ca et demander à GW ou un autre soft d'envoyer en ftp le fichier realtime.. Mais bon si ca plante c'est plutôt cumulus, et ca n'aurait pas d'incidence sur xnet non?

je pensais pas que deux soft en même temps pourraient prendre les données de la wmr200

chris_01 · Message par **chris_01** » ven. déc. 27, 2013 2:06 pm

pour ma part, cumulus fonctionne en parallèle de xnet et Gw depuis 3 jours sans aucun problème.

Cumulus génère ce fichier http://wspmeteo.be/Cumulus/realtime.txt
Maintenant je ne sais pas comment l'adapter pour qu'il génère le même realtime que pour les gauges steelseries..

ctmoi · Message par **ctmoi** » ven. déc. 27, 2013 2:09 pm

Bonjour,

Tu n'as rien a adapter, si ce n'est verifier ce que tu veux dans le gauges.js.
Va voir ici: http://wiki.sandaysoft.com/a/SteelSeries_Gauges

Je viens de mettre la dernière version sur mon site alimenté / cumulus.

chris_01 · Message par **chris_01** » lun. déc. 30, 2013 12:20 am

Salut,

quand je demande à cumulus de me générer le realtimegauges.txt, il me fait ça : http://www.wspmeteo.be/Cumulus/realtimegauges.txt :/

Comment ça se fait?

Forum GraphWeather

Actualisation data auto sur page html

Actualisation data auto sur page html

Re: Actualisation data auto sur page html

Re: Actualisation data auto sur page html

Re: Actualisation data auto sur page html

Re: Actualisation data auto sur page html

Re: Actualisation data auto sur page html

Re: Actualisation data auto sur page html

Re: Actualisation data auto sur page html

Re: Actualisation data auto sur page html

Re: Actualisation data auto sur page html

Re: Actualisation data auto sur page html

Re: Actualisation data auto sur page html