Skins pour Weewx

Skins pour Weewx

17 mai 2016 3 Par Benoit

Une fois Weewx installé, il générera des pages web contenant un certain nombre d’information, même si c’est bien fait, entièrement paramétrable, on ne peut pas dire que ça soit sexy :

Chez Benoit - UZEMAIN Current Weather Conditions - Mozilla Firefox

C’est pourquoi on peut avoir envie d’ajouter un skin plus sympa…

1) Les Jauges Steel Séries

Chez Benoit - UZEMAIN weather - Mozilla Firefox

  • Pour cela telecharger le fichier : https://github.com/mcrossley/SteelSeries-Weather-Gauges
  • décompresser l’archive
  • Créer un répertoire ‘ss’ dans le dossier skin de weewx et y copier  :
    • les fichiers :
      • weather_server/WeeWX/skin.conf
      • weather_server/WeeWX/index.html.tmpl
      • weather_server/WeeWX/gauge-data.txt.tmpl
    • Le dossier web_server/css/
    • Le dossier web_server/scripts/
  • Modifier le fichier …/weewx/skins/ss/scripts/gauges.js
    • Ligne 3 la langue
    • Lignes 7 et 8 modifications obligatoires pour que ça fonctionne avec weewx
    • Lignes 18 à 32 les ‘paramètres’ d’affichage.
var gauges = (function () {
    'use strict';
    var strings = LANG.FR,         //Set to your default language. Store all the strings in one object
        config = {
            // Script configuration parameters you may want to 'tweak'
            scriptVer         : '2.5.11',
            weatherProgram    : 6,                      //Set 0=Cumulus, 1=Weather Display, 2=VWS, 3=WeatherCat, 4=Meteobridge, 5=WView, 6=WeeWX!!
            imgPathURL        : '',             //*** Change this to the relative path for your 'Trend' graph images
            oldGauges         : 'gauges.htm',           //*** Change this to the relative path for your 'old' gauges page.
            realtimeInterval  : 300,                      //*** Download data interval, set to your realtime data update interval in seconds
            longPoll          : false,                  // if enabled, use long polling and PHP generated data !!only enable if you understand how this is implemented!!
            gaugeMobileScaling: 0.85,                   //scaling factor to apply when displaying the gauges mobile devices, set to 1 to disable (default 0.85)
            graphUpdateTime   : 15,                     //period of pop-up data graph refresh, in minutes (default 15)
            stationTimeout    : 3,                      //period of no data change before we declare the station off-line, in minutes (default 3)
            pageUpdateLimit   : 20,                     //period after which the page stops automatically updating, in minutes (default 20),
                                                        // - set to 0 (zero) to disable this feature
            pageUpdatePswd    : 'its-me',               //password to over ride the page updates time-out, do not set to blank even if you do not use a password - http://<URL>&pageUpdate=its-me
            digitalFont       : false,                  //Font control for the gauges & timer
            digitalForecast   : false,                  //Font control for the status display, set this to false for languages that use accented characters in the forecasts
            showPopupData     : true,                   //Pop-up data displayed
            showPopupGraphs   : true,                   //If pop-up data is displayed, show the graphs?
            mobileShowGraphs  : false,                  //If false, on a mobile/narrow display, always disable the graphs
            showWindVariation : true,                   //Show variation in wind direction over the last 10 minutes on the direction gauge
            showIndoorTempHum : true,                   //Show the indoor temperature/humidity options
            showCloudGauge    : true,                   //Display the Cloud Base gauge
            showUvGauge       : false,                   //Display the UV Index gauge
            showSolarGauge    : false,                   //Display the Solar gauge
            showSunshineLed   : true,                   //Show 'sun shining now' LED on solar gauge
            showRoseGauge     : true,                   //Show the optional Wind Rose gauge
            showRoseGaugeOdo  : true,                   //Show the optional Wind Rose gauge wind run Odometer
            showRoseOnDirGauge: true,                   //Show the rose data as sectors on the direction gauge
            showGaugeShadow   : true,                   //Show a drop shadow outside the gauges
  • Modifier le fichier weewx.conf en y ajoutant, dans la section [StdReport]
        [[SteelSeries]]
            skin = ss
            HTML_ROOT = public_html/ss
  • Il ne reste plus qu’a redémarrer weewx :
sudo /etc/init.d/weewx stop
sudo /etc/init.d/weewx start

Le résultat sera visible quelques secondes/minutes après en rajoutant /ss/ à l’adresse à laquelle est visible votre page weewx.

 

2) Le skin Bootstrap

La météo en France - Mozilla Firefox

Si weewx à été installé comme decrit ici c’est-à-dire dans le répertoire home

  • Voici les commandes à taper pour télécharger et installer le skin:
cd /home
sudo wget https://github.com/brewster76/fuzzy-archer/archive/v2.24.tar.gz
cd /home/weewx
sudo bin/wee_extension --install=/home/v2.24.tar.gz
  • Pour mettre le skin en français, il faut éditer les 2 fichiers skin.conf situés dans les répertoires :  /home/weewx/skins/Bootstrap et /home/weewx/skins/Images. retirer le # devant la ligne language= et mettre francais ce qui donne :
############################################################################################

[Language]

    #
    # Set a language below and labels will be overridden with any that are specified in
    # skins/languages/[language].conf
    #
    # Choices are: espanol, francais, italian, german

    language = francais

############################################################################################
  • Il ne reste plus qu’a redémarrer weewx (car le fichier weewx.conf à été modifié lors de l’installation) :
sudo /etc/init.d/weewx stop
sudo /etc/init.d/weewx start

Le résultat sera visible quelques secondes/minutes après en rajoutant /Bootstrap/ à l’adresse à laquelle est visible votre page weewx.

Rq : si les chiffres et indications des Jauges sont illisibles c’est que la police n’est pas installée, 2 solutions :
1- copier le fichier FreeMonoBold.ttf  dans le répertoire /usr/share/fonts/truetype/freefont/ (qu’il peut être necessaire de créer) du raspberry.

2-vous pouvez installer les polices nécessaires:

sudo apt-get install fonts-freefont-ttf
sudo fc-cache -f -v

(Sur les systèmes plus anciens, le paquetage des polices-freefont-ttf peut s’appeler ttf-freefont). La première commande installe les polices « Truetype », la seconde reconstruit le cache de la police. Si votre système ne dispose pas de la commande fc-cache, installez-le à partir du paquet fontconfig:

sudo apt-get install fontconfig

3) Le skin simple

Chez Benoit - UZEMAIN Weather - Mozilla Firefox_2

Si weewx à été installé comme decrit ici c’est-à-dire dans le répertoire home

  • Voici les commandes à taper pour télécharger et installer le skin:
cd /home
sudo wget http://lancet.mit.edu/mwall/projects/weather/releases/weewx-simple-0.4.tgz

cd /home/weewx
sudo bin/wee_extension --install=/home/weewx-simple-0.4.tgz
  • Le skin utilise la fonte dejavu, pour l’installer :
sudo apt-get install ttf-dejavu-core
sudo apt-get install ttf-dejavu-extra
    • Pour mettre le skin en français (les graphs), il faut éditer le fichier skin.conf situé dans le répertoire :  /home/weewx/skins/simple.
Remplacer Par
[Units]
[[Groups]]
group_altitude = foot
group_degree_day = degree_F_day
group_direction = degree_compass
group_moisture = centibar
group_percent = percent
group_pressure = mbar
group_radiation = watt_per_meter_squared
group_rain = inch
group_rainrate = inch_per_hour
group_speed = mile_per_hour
group_speed2 = knot2
group_temperature = degree_F
group_uv = uv_index
group_volt = volt
[Units]
[[Groups]]
group_altitude = meter
group_degree_day = degree_C_day
group_direction = degree_compass
group_moisture = centibar
group_percent = percent
group_pressure = mbar
group_radiation = watt_per_meter_squared
group_rain = mm
group_rainrate = mm_per_hour
group_speed = mile_per_hour
group_speed2 = mile_per_hour2
group_temperature = degree_C
group_uv = uv_index
group_volt = volt
[[Generic]]
barometer = Barometer
dewpoint = Dew Point
heatindex = Heat Index
inHumidity = Inside Humidity
inTemp = Inside Temperature
outHumidity = Outside Humidity
outTemp = Outside Temperature
radiation = Radiation
rain = Rain
rainRate = Rain Rate
windDir = Wind Direction
windGust = Gust Speed
windGustDir = Gust Direction
windSpeed = Wind Speed
windchill = Wind Chill
windgustvec = Gust Vector
windvec = Wind Vector
[[Generic]]
barometer = Pression atmosphérique
dewpoint = Point de rosée
heatindex = Indice de chaleur

inHumidity = Humidité intérieure
inTemp = Température intérieure
outHumidity = Taux d’humidité
outTemp = Température extérieure
radiation = Ensoleillement
rain = Précipitations
rainRate = Intensité de précipitations
windSpeed = Vitesse du vent
windDir = Direction du vent
windGust = Vitesse des rafales
windGustDir = Direction des rafales
windchill = Refroidissement éolien
windgustvec = Vecteur des rafales
windvec = Vecteur du vent

 

  • Pour changer l’apparence du Skin (Clair ou foncer) commenter ou décommenter  les lignes  sous # light background ou  # dark background présentes dans les sections [Extras] et [ImageGenerator]

 

  • Il ne reste plus qu’a redémarrer weewx (car le fichier weewx.conf à été modifié lors de l’installation) :
sudo /etc/init.d/weewx stop
sudo /etc/init.d/weewx start
  • Le résultat sera visible quelques secondes/minutes après en rajoutant /simple/ à l’adresse à laquelle est visible votre page weewx.

    4) Le skin amphibian

    Chez Benoit - UZEMAIN Current Weather Conditions - Mozilla Firefox_2

    Si weewx à été installé comme decrit ici c’est-à-dire dans le répertoire home

    • Voici les commandes à taper pour télécharger et installer le skin:
    cd /home
    sudo wget http://lancet.mit.edu/mwall/projects/weather/releases/weewx-amphibian-0.11.tgz
     
    cd /home/weewx
    sudo bin/wee_extension --install=/home/weewx-amphibian-0.11.tgz
    
    • Le skin utilise la fonte dejavu, pour l’installer :
    sudo apt-get install ttf-dejavu-core
    sudo apt-get install ttf-dejavu-extra
      • Pour mettre le skin en français (les graphs), il faut éditer le fichier skin.conf situé dans le répertoire :  /home/weewx/skins/amphibian.
    Remplacer Par
    [Units]
    [[Groups]]
    group_altitude = foot
    group_degree_day = degree_F_day
    group_direction = degree_compass
    group_moisture = centibar
    group_percent = percent
    group_pressure = mbar
    group_radiation = watt_per_meter_squared
    group_rain = inch
    group_rainrate = inch_per_hour
    group_speed = mile_per_hour
    group_speed2 = knot2
    group_temperature = degree_F
    group_uv = uv_index
    group_volt = volt
    [Units]
    [[Groups]]
    group_altitude = meter
    group_degree_day = degree_C_day
    group_direction = degree_compass
    group_moisture = centibar
    group_percent = percent
    group_pressure = mbar
    group_radiation = watt_per_meter_squared
    group_rain = mm
    group_rainrate = mm_per_hour
    group_speed = mile_per_hour
    group_speed2 = mile_per_hour2
    group_temperature = degree_C
    group_uv = uv_index
    group_volt = volt
    [[Generic]]
    barometer      = Barometer
    dewpoint       = Dew Point
    heatindex      = Heat Index
    inHumidity     = Inside Humidity
    inTemp         = Inside Temperature
    outHumidity    = Outside Humidity
    outTemp        = Outside Temperature
    radiation      = Radiation
    rain           = Rain
    rainRate       = Rain Rate
    rxCheckPercent = ISS Signal Quality
    windDir        = Wind Direction
    windGust       = Gust Speed
    windGustDir    = Gust Direction
    windSpeed      = Wind Speed
    windchill      = Wind Chill
    windgustvec    = Gust Vector
    windvec        = Wind Vector
    [[Generic]]
    barometer = Pression atmosphérique
    dewpoint = Point de rosée
    heatindex = Indice de chaleur

    inHumidity = Humidité intérieure
    inTemp = Température intérieure
    outHumidity = Taux d’humidité
    outTemp = Température extérieure
    radiation = Ensoleillement
    rain = Précipitations
    rainRate = Intensité de précipitations
    rxCheckPercent = Qualité du signal ISS

    windDir = Direction du vent
    windGust = Vitesse des rafales
    windGustDir = Direction des rafales
    windSpeed = Vitesse du vent
    windchill = Refroidissement éolien
    windgustvec = Vecteur des rafales
    windvec = Vecteur du vent
    • Il ne reste plus qu’a redémarrer weewx (car le fichier weewx.conf à été modifié lors de l’installation) :
    sudo /etc/init.d/weewx stop
    sudo /etc/init.d/weewx start
    • Le résultat sera visible quelques secondes/minutes après en rajoutant /amphibian/ à l’adresse à laquelle est visible votre page weewx.