Autor Tema: Personalizar avisos de AEMET en nuestra web  (Leído 23052 veces)

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado CarlosLSev

  • Sr. Member
  • ****
  • Mensajes: 300
    • Ver Perfil
    • Meteoviso
  • Estación: El Viso del Alcor ESAND4100000041520A
Re:Personalizar avisos de AEMET en nuestra web
« Respuesta #45 en: 01 de Agosto del 2024, 20:03:39 pm »
Buenas tardes creo que el script de avisos tiene 2 problemas, primero que muestra el borde rojo cuando hay un aviso amarillo , o naranja, debería mostrar amarillo si es amarillo, naranja si es naranja  o si  hay amarillo y naranja el naranja. Eso ya creo que se corrige con lo que puse más arriba.
Pero vengo observando que hoy en campiña sevillana hay aviso naranja , mañana aviso amarillo y sábado amarillo. El aviso de hoy no se muestra el naranja. Algún alma caritativa sabría decir cuál es el problema, jmviper se esfumó y mis conocimientos no dan para averiguar el por qué.
Gracias
El Viso del Alcor

Desconectado LorenEA

  • Newbie
  • *
  • Mensajes: 12
    • Ver Perfil
    • Meteogajanejos
  • Estación: Gajanejos (GU) ESCLM1900000019192A
Re:Personalizar avisos de AEMET en nuestra web
« Respuesta #46 en: 29 de Octubre del 2024, 18:44:25 pm »
¡Hola!

Para complementar el estupendo script de jmviper, he instalado en mi Web meteogajanejos.com 3 “cositas”:

-   Meteograma
-   UnWX
-   Widget de Windy

La Web, la he generado a partir de la plantilla de CumulusMX versión 3.28.6, b:3283, y con la inestimable ayuda de jantoni, jmviper, guisado, kocher, etc. etc., leyendo y releyendo multitud de hilos en este foro (estoy aprendiendo muuuuchas cosas desde que hace 3 meses ingresé en Meteoclimatic  8) :) ;D). La plantilla que viene con esta versión de CumulusMX me encanta, ya que me parece muy “limpia” y además responsive, por lo que se adapta perfectamente para hacer scrolling en móviles, ya que tener que estar haciendo zoom o pellizcando me parece más engorroso. Hoy en día, la mayoría de personas que consultamos Internet, lo hacen desde móviles o tablets. Y por otra parte, he dado a la Web tanta importancia o más a la predicción que a la observación, pues en mi pueblo se suelen interesar, resumiendo, por qué temperatura hace, la mínima, la máxima, y cuánto ha llovido, pero también fundamentalmente por qué tiempo va a hacer.

Así que, por si alguien se interesa, os detallo las 3 opciones de complementar avisos:


Meteograma:

Es una aplicación para Android con API para poder generar el meteograma para insertarlo en páginas Web o iOS. Para mí, la mejor aplicación de predicción meteorológica en Android, ya que considero que un meteograma es la mejor forma de consultar las predicciones, y la cantidad de proveedores / modelos numéricos seleccionables en la versión Premium, junto con las casi infinitas posibilidades de configuración, hacen que me parezca una pasada. Compré la versión Premium hace 5 años por 8€ y desde entonces ha estado el meteograma instalado en mi móvil (además, pago 5€ al año para salvar el caché de los servidores).

No es la típica aplicación del tiempo en la que instalas, geolocaliza y miras la predicción. Aquí hay que dedicar bastante tiempo, yo diría que horas, para dejar el meteograma a nuestro gusto. Si generas el meteograma en Android, luego lo puedes exportar a la API para generar el enlace a insertar en la Web. En mi caso, tengo seleccionado como proveedor weather.com (The Weather Channel + Wunderground), que a su vez son propiedad de IBM, con modelo de predicción propio, y bajo mi experiencia, muy certero. Hay quien dice que no ofrece AEMET como proveedor, pero es que AEMET no tiene modelo propio de predicción, ya que utiliza el ECMWF en combinación con Arome y otros modelos globales y regionales.

Y para el caso que nos ocupa, he activado en la cabecera los AVISOS oficiales, “truncando” el texto, de manera que aparezca la frase AVISOS: tormentas, lluvia, etc. en el color del aviso, y también he activado la “barra de alertas”, colocándola sobre las flechas de viento en la parte inferior, para que quede de manera muy gráfica el periodo que abarcan los AVISOS, también en el color del aviso.

Por otra parte, Mike, el desarrollador, responde muy rápido los correos con dudas o sugerencias.

Enlace a la aplicación de Android:
https://play.google.com/store/apps/details?id=com.cloud3squared.meteogram&hl=es

Enlace a la Web:
https://meteograms.com/#/40.8424,-2.896,12/48/

Enlace a la API meteorológica:
https://api.meteograms.com/


UnWX:

Es también una aplicación para Android, en la que pago 1,5€ al año para desbloquear todas las opciones. Lleva en mi móvil también desde hace años, ya que genera avisos por sistema SMS (no hace falta conexión a Internet), y en cuanto AEMET activa un determinado aviso, de inmediato UnWX te lo notifica.

Tiene también página Web, y tanto en el meteograma como en el script de jmviper, la he puesto como enlace al clicar en +Info, ya que la web oficial de AEMET no me gusta, pues no consigo visualizar un único mapa que indique todos los avisos activos para los próximos 3 días, cosa que sí hace UnWX.

Enlace a la aplicación de Android:
https://play.google.com/store/apps/details?id=de.mdiener.unwetter.gm&hl=es_419

Enlace a la Web:
https://www.unwx.app/pwa/


Widget de Windy:

Windy y Meteoblue me parecen las dos mejores Webs y aplicaciones de mapas meteorológicos. Para mi Web, he optado por insertar el widget que ofrece Windy, escogiendo para su visualización la capa de avisos, en la que aparece el color del aviso, junto con los símbolos del tipo de aviso.

Enlace a la aplicación de Android:
https://play.google.com/store/apps/details?id=com.windyty.android&hl=es_419

Enlace a la Web:
https://www.windy.com/es/-Lluvia-truenos-rain?rain,41.150,-2.032,7,m:eNfaf4l


Con todo esto, al acceder la mi página Web, se ve el script de avisos de jmviper, luego el meteograma con los avisos activados en la cabecera (si los hay) y en la barra inferior, y un poco más abajo, el mapa de avisos de Windy.

Os adjunto imagen (una imagen vale más que mil palabras) y listado completo de proveedores que ofrece Meteograma.

Y después de este rollete, me despido de inmediato.

¡Adiosss!  ;D
« Última modificación: 29 de Octubre del 2024, 18:46:35 pm por LorenEA »
Consola Misol HP2550
GW1000 con Raspberry Pi Zero 2W + CumulusMX (API local)
Sensores: WH65 + WH32 + WH31 (2) + WH57 + WH51 (2)

Web: https://meteogajanejos.com

Desconectado barmoreno

  • Full Member
  • ***
  • Mensajes: 105
    • Ver Perfil
    • El tiempo en Torredelcampo
  • Estación: Torredelcampo-Barrio El Ranal ESAND2300000023640D
Re:Personalizar avisos de AEMET en nuestra web
« Respuesta #47 en: Ayer a las 18:38:25 »
Hola ¿y cómo se hace para insertarlo en el código html de la plantilla genérica que trae Cumulus MX?

Gracias.

Ocurrió hace creo que un año +- lo mismo con AEMET.... tenía unos avisos que parseaban sus tres páginas de avisos de una zona (hoy, mañana y pasado mañana) e hicieron la nueva web.... ahora es más fácil el sistema de avisos.... se han subido al moderno sistema de jsons y una vez lo tienes es sacar su contenido y crear una tabla más o menos elaborada  *-* *-*

Os pongo mi script PHP por si os viene bien en el adjunto. Lee el json de AEMET configurando eso sí previamente la zona del aviso.
Esas zonas tienen un número de 6 cifras y en el script se pone la zona en codigozona en las opciones de configuración a principio del script.

Si hay avisos en la zona ese dígito se puede sacar del final de la URL donde está el aviso en AEMET entrando en los avisos y yendo a la zona, lo malo es que si no hay aviso en la zona no se puede entrar a esa URL. Por ejemplo si entramos en http://www.aemet.es/es/eltiempo/prediccion/avisos?l=752001&r=1 entramos en la zona de avisos de AEMET de Gipuzkoa litoral, pero no es accesible al no tener avisos activos.

Para los costeros, no hay que preocuparse ya que vienen con el código de la zona de aviso terrestre, de hecho el código lleva una C al final del número.

Sólo he encontrado el PDF de AEMET donde están todos los municipios con sus códigos y las zonas de avisos por CCAA y sus provincias:

http://www.aemet.es/documentos/es/eltiempo/prediccion/avisos/plan_meteoalerta/detalle_municipios_zonas_meteorologicas.pdf

Por ejemplo mi zona es la Vega del Segura y su código es el 733003. Ese es el que hay que poner.

Los otros dos campos son el nombre de la zona del aviso y la provincia.

La tabla resultante estará dividida en días y si el aviso está activo estará con fondo rojizo y con la palabra ACTIVO parpadeando.

Los estilos están al final, si sabéis editarlos podéis ponerle los colores que queráis a la tabla. La tabla no tiene anchura así que ocupará todo el ancho del contenedor en que la pongáis.

Eso sí.... cuidado en San Sebastián.... se te puede llenar a veces entre costeros y no costeros la página entera de avisos  *+* *+* *+*

Probadlo y a ver qué tal.
Página web http://www.eltiempoentorredelcampo.com

Torredelcampo-Barrio El Ranal ESAND2300000023640D
PCE-FWS20 + Cúmulus