Site en Vedette

Le Site www.meteostours.ca et son look dynamique

Site personnel aux teintes ensoleillées. Diffuse météo et informations sur la ville de Saint-Ours-sur-Richelieu

Site Ressources

Météo Soleil - Le Gabarit Météo Made in Québec!

Ensoleillez le web avec Météo Soleil

Meteo Soleil

- Météo Soleil -


Nom du Module : Météo Soleil
Description : Ce gabarit web (template) vous permet d'afficher toute l'information météo. Basé sur la version 1.9.2 de Cumulus il vous permet d'afficher plus de 450 informations météo. Le gabarit facile d'installation compte 9 pages:
  index.htm
- La page d'entrée avec les informations météo en bref.
gauges.htm
- La météo en bref, sous forme plus visuellle.
today.htm
- La page des observations de la journée.
yesterday.htm
- La page des observations de la journée précédente.
thismonth.htm
- La page résumant les données météo du mois en cours.
thisyear.htm
- La page résumant les observations de l'année en cours.
record.htm
- La page des records absolus.
trend.htm
- La page de graph des dernières 12h.
system.htm
- La page secrète affichant l'état de la station.
infos.htm
- Informations sur votre station.
vide.htm
- Page vierge pour votre utilisation.
webacam.htm
- Page de votre caméra web.
Difficulté : Niveau 1 : Débutant
(Installation simple, adaptation optionelle)
Adaptabilité : Ce module comporte de grande possibilité de peronnalisation.
- Construite en html, le gabarit est simple à modifier. Les pages étant commenté, l'utilisateur pourra aisément comprendre et adapter ce gabarit à ses propres besoins.
Liens utiles : - Téléchargement du gabarit complet.
- Installation de votre gabarit.
- Traitement des fichiers supplémentaires.

Météo Soleil - Installation

Installer votre nouveau gabarit

Ce gabarit est un ensemble de fichiers que vous devez copier sur votre site. Vous devez déjà avoir installé le logiciel Cumulus et son gabarit de site web. (voir l'installation de Cumulus sur cette page)

Préalable : Précautions élémentaires!

Comme nous allons remplacer des fichiers pour installer ce gabarit, il est recommandé de prendre les anciens fichiers en copie! Donc, commencez par repérer l'endroit ou est installé le logiciel Cumulus sur votre Pc (habituellement, C:\Cumulus).

Dans le répertoire de Cumulus, vous trouverez entre autre, le dossier web. Prenez une copie de ce dossier. Plus simplement, vous pourriez prendre habitude de copier le dossier Cumulus au complet, à intervalle régulier... au cas ou!

Étape 1 : Extraction de l'archive

Ce module est compressé en format .zip pour commodité. Décompressez le contenu du fichier MDQ_Soleil_Fr_v1_1.zip sur votre ordinateur. Vous trouverez à l'intérieur 2 dossiers : web et internet.comprenant le gabarit et toutes ses composantes.

Contenu de l'archive :
Arborescence du fichier archive

  • internet - Ce dossier contient tous les fichiers que vous devrez copier sur votre site internet.
  • meteo_soleil0.css - Mise en page de nuit.
  • meteo_soleil1.css - Mise en page de jour.
  • dbimages - Dossier contenant les scipts pour les infobulles des jauges.
  • images - Dossier contenant les images du gabarit.
  • meteo - Dossier à l'intérieur de images, contenant les 27 icones de prévision.
  • web - Dossier contenant tous les fichiers .htm qui devront être traités par Cumulus pour y remplacer les Balises Cumulus par l'information météo pertinente.

    Notez que plusieurs noms de fichier se terminent par "T"; ce sont les fichiers qui seront traités par Cumulus automatiquement.

  • infos.htm - Informations sur votre station.
  • vide.htm - Page vierge vous permettant de créer une nouvelle page, sans soucis.
  • webacam.htm - Page de votre caméra web.
  • system.htm - Ce fichier est votre "Console Web" affichant l'état de votre station météo à partir de l'Internet
    Ce fichier demandera une attention particulière car nous devons demander à Cumulus de le traiter et de l'envoyer sur votre site web. Ce fichier est tout à fait optionnel, à vous de décider de l'utiliser ou non.

Étape 2 : Copie des fichiers :

  • Copiez le contenu du dossier internet sur votre site web.
  • Copiez tout le contenu du dossier web dans le répertoire web de Cumulus sur votre Pc (ex. C:\Cumulus\web).

Étape 3 : Quelques réglages dans Cumulus

Maintenant, il nous faut faire quelques modifications dans Cumulus pour alimenter correctement notre gabarit.

Changer les couleurs de Cumulus :

Par défaut, Cumulus affiche les graphes et les jauges de couleur blanc sur fond gris. Mais notre gabarit offrant des couleurs plus gaies, nous devons donc changer ces couleurs.

Comme l'écran de modification des couleurs possède 42 cases différentes, il serait assez fastidieux de reproduire les couleurs de chacune de ces cases à la main. Météo du Québec s'étant donné comme mandat de faciliter la tâche des webmestres météo, je vous propose donc ce petit utilitaire qui fera le "sale boulot" pour vous!

IMPORTANT : Avant de commencer, faites une copie de votre fichier Cumulus.ini

Palette de couleur automatisée



Changer la taille des graphes :

Dans Cumulus,

- ouvrez le menu Configuration,
- puis l'option Internet

un encadré vous apparaitra dans lequel il y a 2 onglets dans le haut.

- Prenez l'onglet Sites/Options

Au centre de la page, vous trouverez un encadré intitulé Web graphs

- Cochez la case Resize
- Entrez 720 dans la case width
- Entrez 288 dans la case heught

Finalement, cliquez sur OK pour confirmer vos modifications.

Donc, vous voici avec un site météo fonctionnel et dynamique. Si vous ne désirez pas la page de console système, votre installation est terminée.

Météo Soleil - Traitement des fichiers supplémentaires

Installer la console système

Comme mentionné ci-haut, l'installation de la console de gestion de la station météo nécessite un peu de configuration dans Cumulus. Voici donc la marche à suivre :

Fichier system.htm :

C'est ce fichier qui doit être traité par Cumulus pour vous donner l'état de votre station.

Comme nous avons déjà copier ce fichier, il ne reste plus qu'à demander è Cumulus de s'occuper de cette page pour la traiter en même temps que les autres pages du site.

  • À l'écran principal de Cumulus, ouvrez le menu Configuration.
  • Dans le menu Configuration, choisissez l'option Internet.
  • Au haut de l'écran Internet Settings, choisissez l'onglet Files


Ce qui vous amènera à l'écran de configuration des transferts et transformations : Arborescence du fichier archive

Assurez vous que les case "Include Standard Files" et "Include Standard Images" sont bien sélectionnées comme dans notre exemple.

Pour traiter notre module, Cumulus a besoin de 4 informations:

  • Local filenames : - Le chemin d'accès vers le fichier system.htm
  • Remote Finenames : - L'adresse url de destination pour le fichier system.htm.
  • Process? : - À cocher pour transformer les Balises Cumulus en données réelles.
  • Ftp? : - Commande le téléversement de la page sur votre Site Web.

Donc, dans notre exemple : (le gras indique un paramètre essentiel)

  • Local filenames :C:\Cumulus\web\system.htm
  • Remote Finenames : /public_html/system.htm
  • Process? : - Coché
  • Ftp? : - Coché

Vous devez simplement remplacer le chemin d'accès vers le fichier system.htm, sur votre Pc ("C:" dans notre exemple), puis sur votre Site Web ("Public_html" dans notre exemple)

Finalement, il ne vous reste plus qu'à sélectionner les cases "Process?" et "Ftp?" ... pour que le plaisir commence!

Faites de même pour les autres fichiers supplémentaires que vous souhaiter employer (infos.htm, webcam.htm et vide.htm). Si vous souhaiter économiser la bande passante, vous pouvez traiter une seule fois les fichiers infos.htm et webcam.htm.

Et Voilà !

Votre Console de gestion sera ajouté à votre Site Web au prochain téléversement automatique de Cumulus. (Si vous ne voulez pas attendre, lancez un téléversement manuel avec l'option "Web Update" dans le menu "File" de Cumulus)