Installer votre nouveau gabarit
Ce gabarit est contien plusieurs fichiers que vous devez copier sur votre Pc et sur vitre site web.
Avant tout, agissons prudemment!
Pour installer ce gabarit, nous remplaceront plusieurs fichiers, alors je vous recommande ardemment de prendre une copie des fichiers actuel maintenant! En premier lieu, débutons par trouver où est installé Cumulus sur votre Pc (habituellement, C:\Cumulus).
Dans le répertoire Cumulus, vous trouverez un dossier web. Prenez-le entièrement en copie. Mieux encore, vous pouvez de temps à autre, prendre une copie du dossier Cumulus complet... au cas ou!
Étape 1 : Extraction de l'archive
Ce gabarit est compressé au format .zip pour votre commodité. Décompressez le contenu du fichier Blues_Meteo_v1.zip dans un dossier distinct, sur votre ordinateur. Vous trouverez à l'intérieur 2 dossiers: web et internet; contenant le gabarit et tous ces composants.
Contenu de l'archive :
- internet - Ce dossier contien tous les fichiers à copier sur votre site web.
- nivo-slider.css - Fichier de mise en page du diaporama.
- styles.css - Fichier de mise en page du gabarit.
- dbimages - Dossier des scipts et images des jauges.
- images - Dossier des images du gabarit.
- meteo - Sous-dossier de images, contenant les 27 icones de prévision.
- js - Dossier des fichiers javascript.
- slides - Dossier contenant les photos de images.htm.
- web - Dossier contenant tous les fichiers .htm devant être traitées par Cumulus pour y remplacer les Balises Cumulus par les informations météo pertinentes.
Note: plusieurs fichiers se terminent par "T"; ces fichiers seront traités automatiquement par Cumulus.
- modele.htm - Page vierge préformattée à utiliser comme base pour vos propre page.
- infos.htm - Informations sur votre station.
- images.htm - Page du disporama photo.
- webacam.htm - Page de la Caméra Web.
- system.htm - Ce fichier est votre "Console Web" accessible par Internet, affichant l'état de votre station et de votre Pc météo.
Note : Les fichiers images.htm, infos.htm, system.htm and webcam.htm nécessitent une attention particulière; nous devons demander à Cumulus de traiter ces fichiers et de les envoyer sur votre site web. Ces pages sont optionelles, leur installation est à votre discretion.
Étape 2 : Copie des fichiers :
- Copiez le contenu du dossier internet sur votre site web.
- Copiez le contenu du dossier web dans le répertoire Cumulus\web de votre Pc (ex. C:\Cumulus\web).
Étape 3 : Couleurs Cumulus
Maintenant, vous devez configurer les couleurs des graphs et jauges de Cumulus pour s'agencer aux couleurs du gabarit.
Changer les couleurs Cumulus :
Par défaut, Cumulus affiche les graphes et jauges en blanc sur gris, mais notre gabarit affiche des couleurs plus "ensoleillées", nous allons donc changer ces couleurs.
L'écran de modification des couleurs compte rien de moins que 42 cases différentes, donc il serait hasardeux de changer chacune de ces couleurs sans comettre d'erreur. Météo du Québec ayant comme mandat de faciliter la vie des "Météomestres" amateurs, je vous suggère ce petit utilitaire pour accomplir cette tâche plus facilement!
IMPORTANT : faites une copie du fichier Cumulus.ini au préalable!
Cumulus Color Schemer v1.0
Simple comme 1 - 2 - 3 :
1 - See Actual Colors pour voir les couleurs actuelles de votre installation,
2 - See Colors file affiche les couleurs contenues dans le fichier .CCS,
3 - Import Colors importe dans Cumulus, les couleurs contenues dans le fichiers .CCS,
Vous trouverez le fichier Colors.ccs inclu avec votre gabarit pour injecter les couleurs Blues Météo pour une installation parfaite
Cumulus Color Schemer v1.0 doit être téléchargé séparément, dans la section téléchargement.
Vos pages météo Cumulus sont donc prêtes à être envoyées sur votre site web pour former un site de diffusion météo personnel fonctionnel et dynamique. Si vous ne désirez pas utiliser les pages optionelles de ce gabarit, votre installation se termine ici!
Page console :
Tel que mentionné préalablement, l'installation de cette console de gestion de votre station météo requière une configuration supplémentaire dans Cumulus. Voici les étapes à suivre :
Fichier system.htm :
Cette page doit être traitée par Cumulus pour fournir l'état complet de votre installation météo.
Comme vous avez déjà copié cette page avec les autres pages du gabarit, il ne vous reste qu'à indiquer à Cumulus de reconnaitre ce fichier comme une page à traiter tout comme les autres pages de votre site web.
- À 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,
Celà vous amènera à l'écran de configuration des traitements et transfert :
Assurez vous que les cases "Include Standard Files" et "Include Standard Images" soient cochées, comme dans notre example.
Pour traiter notre page, Cumulus a besoin de 4 informations :
- Local filenames : - Le chemin d'accès vers le fichier system.htm
- Remote Finenames : - URL de destination pour le fichier system.htm.
- Process? : - Indique de transformer les Balises Cumulus en données météo.
- Ftp? : - Indique à Cumulus d'envoyer la page traitée sur votre site web.
Alors, dans notre example : (le gras indique un paramàtre essentiel)
- Local filenames :C:\Cumulus\web\system.htm
- Remote Finenames : /public_html/system.htm
- Process? : - Cochée
- Ftp? : - Cochée
Vous devez simplement remplacer le chemin d'accès au fichier system.htm, sur votre Pc ("C:\" dans notre example), puis vers votre site web ("Public_html" dans notre example)
Vous n'avez plus qu'à sélectionner les cases "Process?" et "Ftp?" ... pour que le plaisir débute!
Votre nouvelle Console sera ajoutée automatiquement à votre site web au prochain envoi des pages de données météo par Cumulus.
Pages Infos, images et webcam :
Finalement, il vous reste 3 autre pages optionnelles nécessitant un traitement particulier (infos.htm, images.htm et webcam.htm).
Pour ces pages, vous devez demander à Cumulus de traiter ces pages comme indiqué pour la page system.htm ci-dessus.
Si vous désirez économiser le temps de téléversement, vous pouvez traiter (et ftp) une seules fois ces pages... puisqu'elles n'ont besoin que de traiter les 2 lignes d'entête identifiant votre site!
Et Voilà !
(Si vous ne désirez pas attendre le prochain téléversement, déclenchez simplement un téléversement manuel avec l'option "Web Update" dans le menu "File" de Cumulus)
Configuration de l'horloge
Blues Météo affiche sur la page principale, une petite horloge analogique prévue pour afficher l'heure locale à votre emplacement.
À l'intérieur du fichier index.php, recherchez le texte Heure locale vers la ligne #250. Vous y verrez un exemple de ce que vous devez mettre (affichant actuellement mon emplacement au Québec).
Configurer votre heure locale :
Comme à l'habitude, prenez une copie du fichier, avant édition!
L'horloge est une librairie javascript composée de 2 fichiers: clockt.js et clockp.js
Ces fichiers sont localisés dans le dossier: js
Édition de clockp.js :
Ce fichier est le fichier de paramètres, vous devez donc éditer ce fichier pour correspondre à votre emplacement. Jetons un coup d'oeil.
Note: Le script de cet horloge est composé de chiffres et aiguilles dessinées sur une image.
| clocksize=70; |
Taille de l'horloge |
| colnumbers='000000'; |
Couleur des nombres sur l'horloge |
| colseconds='ff0000'; |
Couleur de l'aiguille des secondes
(ou "false" pour ne pas afficher) |
| colminutes='000000'; |
Couleur de l'aiguille des minutes |
| colhours='000000'; |
Couleur de l'aiguille des heures |
| numstyle = 0; |
Style des nombres 0 = normal, 1 = chiffre Romains |
| font_family = |
Police. Actuellement: 'helvetica,arial,sans-serif'; |
| localZone = 0; |
1 pour heure du visiteur, 0 heure du site |
| mytimezone = -5; |
Si localZone = 0, specifiez votre décalage horaire |
| dst = 0; |
Heure d'été: 0 = off, 1 = on |
| city = ''; |
Nom de la ville affichée sur l'horloge |
| country = ''; |
Nom du pays affiché sur l'horloge |
| fix = 1; |
0, pour un positionnement absolute dans la page |
| xpos=0; |
0, pour spécifier la position horizontale |
| ypos=0; |
0, pour spécifier la position verticale |
Edition de clockt.js :
Dans les premières lignes du fichier, vous pouvez changer quelques constantes de langue:
- Chaîne pour "AM" ou "PM"
- Style des nombre sur l'horloge
Si vous souhaitez aller plus à fond avec cette librairie, voyez ce lien (en anglais)
