Module Météo

Bonjour vous tous,

Je me suis amusé à faire évoluer un peu ce module météo.

La version 0.1 d'origine de Fred.

La version 0.3 avec un peu d'évolution.

Et la version 1.2 qui tourne sur un site de modélisme. Changement de fournisseur d'API : OpenWeatherMap.

Le module est accessible sur la page d'accueil de ce site via un widget créé pour l'occasion. Je pense en faire un module, ce qui permettra de ne pas lancer le module weather via une iframe comme actuellement. Il lit et pointe vers les données qui sont en cache sur site/data/weather/weather.json.

Chargement de weather en Version 1.2, en Version 0.3 et du widget pour Weatherapi et OpenWeatherMap.

Bonne fin de week-end et au plaisir... Michel

Voici les changements effectués dans ce module depuis qu'il tourne avec l'API OpenMeteo :

• Version 2.7 - Ajout du jour de la semaine dans 'Prévisions horaires sur X jours'.

          Exportation du javascript de index.php, vers index.js.php.

• Version 2.6 - Ajout de notifications d'alertes météo.
• Version 2.5 - Icônes jour/nuit qui s'adaptent automatiquement.

          La "météo actuelle" affiche les données de l'heure en cours.

• Version 2.4 - Harmonisation des échelles pour le graphique vent moyen et rafales.

          (La courbe des rafales passait parfois sous celle du vent moyen !).
          Optimisation dans la section SVG, en calculant une seule fois les coordonnées et en les réutilisant.
          Ajustement dynamique de l'animation.

• Version 2.3 - Uniformisation des barres de défilement (scrollbars) pour les prévisions horaires et quotidiennes.
• Version 2.2 - L’en-tête du jour (H4) reste fixe en haut de la section des Prévisions horaires sur X jours.

          Les heures défilent horizontalement sous l’en-tête.

• Version 2.1 - Ajout de filtres d'ombre, de dégradés pour les courbes et les zones de remplissage.
• Version 2.0 - Changement de fournisseur d'API : https://open-meteo.com/.

          API 100% gratuite sans limitation, ni inscription.
          Changement de nom de la classe : forecast => forecast_openmeteo.
          Reconfiguration partielle pour ce nouveau modèle. 

Bonsoir,

Dans la configuration du module tu as ceci :

Tu as un menu déroulant avec des villes prédéfinies. Tu n'as qu'à choisir celle qui te convient.

Tu peux changer ou renommer le nom d'une ville, garder ou changer les coordonnées de celle-ci. Les changements sont pris en compte au moment où tu appuies sur Enregistrer. C'est ce que j'ai fait ici, j'ai renommé La Chapelle-du-Bois-des-Faulx en Stade de foot - La Chapelle-du-Bois-des-Faulx.

Ou modifier la ville avec ses coordonnées comme je le fais régulièrement sur la page météo du lieu d'une prochaine randonnée : ici.

Pour ceux qui veulent aller bidouiller dans le code, les villes du menu déroulant sont dans le fichier \module\forecast_openmeteo\view\config\config.php. Il est possible d'en supprimer, modifier ou d'en ajouter. C'est à partir de la ligne 15 :

15 // Villes prédéfinies pour faciliter la configuration
16 $predefinedCities = [
17   'Angers' => ['lat' => '47.4784', 'lon' => '-0.5632'],
18   'Bordeaux' => ['lat' => '44.8378', 'lon' => '-0.5792'],
...

Bonne soirée... Michel

Bonjour,

-Est-il possible de mettre plusieurs villes sur la même page?

Non, ce n'est pas possible... je n'avais d'ailleurs pas penser faire cela.

J'ai essayé, un moment de faire un module widget, pas réussi à le faire fonctionner correctement.

Du coup, je l'insère dans mes pages via une iframe. Pour pouvoir placer le widget où je veux dans mes pages, je n'ai rien trouvé de plus facile que d'intégrer l'ifame dans un tableau. Celui sur cette page est construit ainsi avec deux colonnes :

<table border="0" style="border-collapse: collapse; width: 102%; border-style: none;">
        <tbody>
                <tr>
                        <td style="width: 57%; height: 370px; text-align: left; vertical-align: top;">
                                <p>&nbsp;</p>
                                <p>Blablabla, Blablabla, Blablabla, Blablabla, Blablabla, </p>
                                <p>&nbsp;</p>
                        </td>
                        <td style="height: 370px; text-align: right; vertical-align: top;">
                                <p><iframe style="width: 100%; height: 370px; border: none;" src="https://lemimi.fr/fr/module/forecast_openmeteo/widget_openmeteo.php" title="Widget m&eacute;t&eacute;o"></iframe></p>
                        </td>
                </tr>
        </tbody>
</table>

Le widget lit les données du fichier .json fournies par le module openmeteo, il faut donc que celui-ci soit installé pour fonctionner.

A part, le lien de redirection vers la page météo, il n'y a rien d'autre à effectuer. Ligne 83 :

79 <!--
80 Ce div est cliquable et redirige vers une page dédiée à OpenMeteo lorsque l'utilisateur clique dessus.
81 Le style "cursor: pointer;" change le curseur en une main pour indiquer que l'élément est interactif.
82 -->
83 <div class="weather-widget-container" onclick="parent.location.href='https://mon_site.com/vers_page_openmeteo';" style="cursor: pointer;"></div

Bonne journée... Michel