Personalizar avisos de AEMET en nuestra web

[kocher]

Saludos a todos los amigos de Meteoclimatic.

Llevo pensando desde hace un tiempo, cual puede ser la mejor manera para, de forma grafica y sencilla, poder mostrar en nuestra web los avisos de AEMET para nuestra zona.

Hasta hace unos meses, funcionaban unos scripts en PHP, que tomaban los datos de:

                              http://www.meteoalarm.eu/es_ES/0/0/ES-Espana.html

Además de responder muy lentamente, tengo noticias de que están remodelando totalmente sus sistema de avisos; el caso es que todos aquellos scripts han dejado de funcionar.

Todos los foros que he visitado, se encuentran con el mismo problema, sin haber encontrado la solución hasta el momento.     

Creo que La mejor manera, en estos momentos, de obtener nuestra información, se encuentra en AEMET, aunque no conozco la forma de llevarlo a cabo; con la dificultad añadida de disponer de 2 tipos de avisos en las zonas que disponen de costa:

                             http://www.aemet.es/es/eltiempo/prediccion/avisos

- Avisos Costeros

- Avisos  del interior

Espero que alguien más hábil que yo, pueda hacer la luz en este asunto. 

Muchas gracias

[zapal]

 Seria viable el tomar los datos de los xml que genera aemet con los avisos ? es que no se tampoco que pagna se generaba antes con los script que comentas para ver la viabilidad del dato en xml..

[jmviper]

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.

[kocher]

Buenas noches a todos.

Saludos  Zapal y jmviper ("el mago") jjjjj

#zapal: La mayoría de los aficionados han utilizado las plantillas de Leuven y Saratoga con sus propios sistemas de avisos basados en Meteoalarm.eu; a estos me refiero al decir que ya no funcionan:

                    https://support.leuven-template.eu/

                     https://saratoga-weather.org/scripts-EUwarning.php#EUwarning

#jmviper

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

Definitivamente, eres un mago 

Efectivamente. tu código funciona de maravilla:

              http://kocher.es/Alertas_Avisos/avisosaemet.php


En mi caso no parpadea, quizás se daba a que, el suceso, debe ocurrir mañana




Apreciado jmviper , eres un genio 

Saludos desde San Sebastian

[kocher]

¿Sería factible imprimir tan solo el rectángulo con su color pertinente?

Me refiero a que, solo se mostrara el color del aviso y tan solo apareciera el texto resultante al pinchar en dicho rectángulo o en el signo +

[jmviper]

Perfecto kocher 

Aunque sería poner en tu caso Gipuzkoa litoral como nombre de la zona y Gipuzkoa la provincia, por lo menos para salir como están en AEMET, si no, parece que son los avisos de todo el País Vasco 

¿Sería factible imprimir tan solo el rectángulo con su color pertinente?

Me refiero a que, solo se mostrara el color del aviso y tan solo apareciera el texto resultante al pinchar en dicho rectángulo o en el signo +

Quieres decir que en el nivel de riesgo de cada aviso no ponga el texto de Aviso amarillo etc y sólo apareciese con alguna acción tipo pinchar ese recuadro ??

Algo se podría hacer con JavaScript sí.

[kocher]

Humm

Aunque sería poner en tu caso Gipuzkoa litoral como nombre de la zona y Gipuzkoa la provincia, por lo menos para salir como están en AEMET, si no, parece que son los avisos de todo el País Vasco 

jjjj realmente, Euskadi es muy pequeñica (como dicen los navarros) ..., no me importa que salga toda la información.

En cuanto a la forma de presentar la información, me refiero a algo parecido a esto:

                  http://kocher.es/Alertas_Avisos/avisosaemet-resumido.php

Aunque lo ideal sería que al colocar el puntero en + INFO, en vez de abrirse un enlace, se deslizara la información jjj

Ya se que no es muy elegante ser un pedigüeño, pero .....

Muchas gracias por todas tus creaciones: las aprecio mucho

[jmviper]

pequeñica también lo decimos aquí en Murcia 

Aquí te lo dejo en otro adjunto con tu zona correspondiente, ya que aunque el País Vasco sea "pequeñico"  tiene diferentes zonas de avisos.

Si teniendo avisos le das a +INFO se mostrarán y si estando le das a -INFO otra vez se esconderán. Creo que es ese el comportamiento que quieres. Si no hay avisos +INFO te llevará a la página de avisos de AEMET de tu zona.

Pruébalo a ver si se comporta como tú quieres 

[kocher]

                                 
                    ¡Perfecto!:


                                   http://kocher.es/Alertas_Avisos/avisosaemet-nuevo.php


             


  Eres un fenómeno       

[jmviper]

Perfecto !! 

Saludos kocher

[kocher]

jmviper, has hecho una virguería jjjjjj

Ya lo he instalado en mi web.

Estuve  discurriendo el que hacer y como hacerlo porque, dado que no se conocen de antemano el número de avisos que van a ocurrir, es complicado reservar un espacio para ellos, ya que puede quedar vacío o, al revés, invadir todo el espacio; así que, gracias a jmviper, he optado por presentar el anuncio de los avisos (digamos que un resumen), con el color del tipo de riesgo asignado. El que desee conocer la información completa, debe pinchar en +INFO que le llevará a otra página con la información en forma de tabla.

Caso de no existir ningún tipo e avisos, se mostrará "Sin Avisos" sobre fondo verde.

Si a alguien se le ocurre otra forma más elegante de presentarlo, no tiene más que opinar.

Muchas gracias jmviper.

[jmviper]

ummmm algo como una ventana emergente con los avisos con lo de más info…. ya miraré si hay alguna librería con jQuery para hacerlo

Queda bien en tu página 

[kocher]

Gracias jmviper

Estás en todo; me lees el pensamiento jjjj

[jmviper]

Bueno, he estado liado creando un json con todas las zonas de avisos de todos los pueblos de España y me he demorado un poco en verte esto del popup 

Para el "popup" de los avisos he encontrado una librería basada en jQuery (como casi todas) que tiene su propia referencia:

https://dev.vast.com/jquery-popup-overlay/

Se trata de referenciar jQuery si no se tiene y el jscript que se descarga del enlace que he puesto. Por ejemplo con estas tres líneas ya queda inicializado todo:

Código: [Seleccionar]

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="jscripts/jquery.popupoverlay.js"></script>
<script>
    $(document).ready(function() {

      // Initialize the plugin
      $('#tabla_avisos').popup({
horizontal: 'center'
  });

    });
</script>
Yo tengo mi propia ruta a jquery.popupoverlay.js que habrá que poner bien en el caso de cada uno. El resto es identificar los elementos:

Código: [Seleccionar]

<a class="tabla_avisos_open" style="color:white; cursor: pointer; margin-left:15px; font-size: 12px;">+ INFO</a></div><table id="tabla_avisos">
Solo hay que poner esa clase class="tabla_avisos_open" en el enlace del php. De todas formas lo pongo modificado al final de este mensaje.

Por mi parte tras el curro de poner asociar más de 8000 localidades a sus zonas de aviso en el json he creado una página para testearlo con cualquier localidad:

https://www.meteoarchena.es/avisosaemet.php?poblacion=archena&provincia=murcia

En la parte del query o petición tras el signo ?de la URL se pone la población y la provincia de la cual queremos que nos salga el aviso. Ignorará mayúsculas o acentos y espacios en blanco (se puede poner villaviejadeyeltes todo junto  ) pudiendo salir cualquier coincidencia, por ejemplo si en el query pongo poblacion=arch&provincia=mur me saldrá lo mismo y si hay coincidencia saldrá la primera solamente.

Creo que es el resultado esperado. Si lo pruebas a ver qué tal va 

[CarlosLSev]

Gran trabajo, ya lo tengo puesto en la web, gracias