Recopilación MOOC Creación de contenidos digitales

Herramientas de vídeo

https://www.symbaloo.com/mix/herramientasvideos

• https://www.powtoon.com/home/
• Motion – Stop Motion Camera

• Stop Motion Maker – KomaDori L

• http://monkeyjam.org
• Camtasia – https://www.techsmith.com/video-editor.html
• https://www.moovly.com/
• Jing – https://www.techsmith.com/screen-capture.html
• http://get.wideo.co/es/
• Snagit

Cómo hacer un vídeo con stop motion paso a paso (I) – http://www.saracelaya.com/como-hacer-un-video-con-stop-motion-paso-paso/

 

 

Páginas de informes de calidad del aire de Andalucía

Si entramos en la página de la Consejería de Medio Ambiente, podemos encontrar la siguiente página:

Informes diarios de calidad del aire

http://www.juntadeandalucia.es/medioambiente/site/portalweb/menuitem.7e1cf46ddf59bb227a9ebe205510e1ca/?vgnextoid=7e612e07c3dc4010VgnVCM1000000624e50aRCRD&vgnextchannel=e339a862d17d4310VgnVCM2000000624e50aRCRD&lr=lang_es

En esa página voy a seleccionar Granada y la fecha de ayer (no se muestran datos online, así que solo podemos ver lo de ayer como el dato más «moderno»).

INFORME CUALITATIVO

Si seleccionas el Informe Cualitativo aparece algo como:

El enlace de la página anterior es:

http://www.juntadeandalucia.es/medioambiente/atmosfera/informes_siva/feb18/gr180206.htm

Si lo analizamos, vemos que hay que poner:

http://www.juntadeandalucia.es/medioambiente/atmosfera/informes_siva/

y, a continuación, 3 primeras letras del mes y dos cifras para el año, otra barra inclinada, los dos primeros dígitos de la provincia, dos cifras del año, dos del mes y dos del día, seguidas por .htm

Es decir, http://www.juntadeandalucia.es/medioambiente/atmosfera/informes_siva/feb17/gr170206.htm nos da los datos de hace justo un año.

Si me centro en la tabla de Calidad del Aire, tengo el siguiente código HTML:

La estructura y maquetación es regulera, bueno, vamos al lío, es un buen ejemplo.

Hay que buscar una tabla con un tr con un th que tiene un h2 que contiene: Tabla de Calidad del Aire.

La tabla siguiente hay que desecharla, ya que simplemente contiene GRANADA y en la tabla siguiente tenemos los datos.

De nuestra tabla objetivo desechamos los datos de la primera fila (son los titulillos) y los de la segunda (son para ARMILLA). Nos centramos en la tercera y la cuarta. Ahí están los datos.

En estas 3ª y 4ª filas nos fijamos en la tercera celda en adelante, son 6 y vienen con la etiqueta TH en lugar de TD.

Vemos este anómalo uso de ID. Básicamente:

• no toma valor si no hay datos de esa variable (en esta ocasión 03)
• BU si es Buena
• AD si es Admisible
• MA si es Mala
• MU si es Muy Mala

Recordemos que las 6 variables son:

SO2	CO	NO2	Partículas	O3	Global

Mirando la última noticia sobre la contaminación en Granada:

http://elindependientedegranada.es/ciudadania/granada-respiro-2017-aire-mas-contaminado-historia

Aquí se fijan en:

• NO2. nivel máximo de dióxido de nitrógeno en su estación de Granada Norte (en la avenida Luis MIranda Dávalos), fijado en 40 microgramos por metro cúbico de media anual, pero esta vez se han superado los 50 por primera vez.
• O3. 49 veces se superan los límites del Ozono. La normativa dice que no se deben superar más de 25 veces la concentración máxima diaria (120 microgramos/m3) y en 2017 la estación de la Ciudad Deportiva de Armilla tuvo 49 superaciones, la cifra más alta registrada nunca.
• Partículas. La legislación fija en 50 microgramos/m3 de media diaria el máximo de concentración de partículas, que no se debe superar más de 35 veces a lo largo del año, un límite que superaron tanto la estación de Granada Norte como la de Armilla, con 36 y 39 superaciones, respectivamente.

Esto es lo que dice el periodista. Si miramos la metodología de cálculo de la propia página:

Le haremos caso a la propia página mejor, en fin.

Analizando por encima la página, veo que durante 2017 no tuvo datos de O3 la estación de Luis Miranda Dávalos (roto o no tiene??). De Palacio de Congresos hay alguna que otra vez que no tiene datos de Partículas o de O3.

También, hay algunos días que me encuentro:

Que tiene el siguiente código:

Como se ve es bastante simple. Si no encontramos un HEAD o si el BODY comienza con un IMG… Para este caso habrá que asignar un SIN DATOS para todas las variables.

---

 

INFORME CUANTITATIVO

Si consulto para el día de ayer desde la página inicial obtengo:

http://www.juntadeandalucia.es/medioambiente/atmosfera/informes_siva/feb18/ngr180206.htm

El acceso es igual que para el caso anterior, pero añadiendo una n antes del código de la provincia.

Se obtiene algo así:

Analicemos el código:

Si nos vamos recorriendo el código, la primera tabla es la referente a Motril, la segunda son los datos de Motril, hay que irse a por la cuarta y sexta tablas, esas son las que tienen los datos de Luis Miranda Dávalos y de Palacio de Congresos.

Esta es la tercera tabla:

Efectivamente esta hace referencia a LUIS MIRANDA DÓVALOS.

La cuarta tabla, la que tiene los datos de esta estación, tiene la siguiente forma:

Vemos que la primera fila hay que desecharla.

En la segunda fila, en adelante, tenemos los datos cada 10 minutos desde las 0:10 de cada día hasta las 0:00 del día siguiente. La primera celda tiene el datetime, la segunda tiene SO2, la tercera las partículas, la cuarta el NO2, la quinta el CO y la sexta es el O3. Como esta estación no tiene datos de Ozono, insertan un espacio en blanco en la celda codificado.

La sexta tabla, la de Palacio de Congresos, tiene la misma estructura.

 

La siguiente información es un copypaste de la página de la JA:

Metodología de cálculo

Para el cálculo de los índices de calidad, la Consejería de Medio Ambiente y Ordenación del Territorio aplica desde el 19 de julio de 2001, los valores límite de la normativa europea, vigentes a partir de 2005 o 2010 según el contaminante.

En cada estación se calcula un índice individual para cada contaminante, conocido como índice parcial. A partir de los índices parciales se obtiene el índice global que coincide con el índice parcial del contaminante que presente el peor comportamiento. De este modo, existe un índice global para cada estación.

Respecto a las partículas en suspensión, el Real Decreto 102/2011, de 28 de enero, relativo a la mejora de la calidad del aire, establece unos valores límite aplicables a las partículas en suspensión antropogénicas, no considerándose superación del límite cuando se demuestre que se excede por causas naturales. En Andalucía, un porcentaje importante de las partículas atmosféricas en suspensión corresponden a fuentes naturales, como las debidas a la resuspensión atmosférica o transporte desde regiones áridas. Por tanto, y mientras no se resten estos aportes naturales, se estarán comparando valores de partículas totales, incluyendo también las de origen natural, con un valor límite válido sólo para las de origen antropogénico.

Rango cuantitativo

El valor del índice es 0 cuando la concentración de contaminante es nula, asignándosele un valor de 100 cuando la concentración coincide con el valor límite fijado en el Real Decreto 102/2011. El valor del índice para cualquier otro valor de concentración se obtiene por interpolación lineal.

El Real Decreto, mencionado anteriormente, establece unos límites y unos márgenes de tolerancia que se reducen en el tiempo de acuerdo con la siguiente tabla y observaciones:

Contaminante	Concentración en microgramos/m3 asociada al valor del índice 100	Observaciones
SO2(1)	125	Valor medio en 24 horas
NO2(2)	Desde 290 en el año 2001, hasta 200 en el año 2010	Valor medio en 1 hora
PM10	Desde 70 en el año 2001, hasta 50 en el año 2005.	Valor medido en 24 horas
CO	Desde 16000 en el año 2002, hasta 10000 en el año 2005.	Valor medido en 8 horas (móvil) (4)
O3(3)	120	Valor medio en 8 horas (móvil) (4)

(1)En el caso del SO₂, se tiene en cuenta, para el cálculo del índice, el valor límite medido en 24 horas que establece el Real Decreto 102/2011. Sin embargo, siempre que se supere el valor límite horario fijado en el mismo Real Decreto, la calidad del aire será considerada «mala», y siempre que se supere el umbral de alerta (500 μg/m3) durante tres horas consecutivas la calidad del aire será considerada «muy mala».

(2)En el caso del NO₂, se tiene en cuenta, para el cálculo del índice, el valor límite medido en 1 hora que establece el mismo Real Decreto. Sin embargo, siempre que se supere el umbral de alerta (400 μg/m³) durante tres horas consecutivas, la calidad del aire será considerada «muy mala».

(3) En el caso del O₃, se tiene en cuenta, para el cálculo del índice, el valor objetivo para la protección a la salud fijado en el Real Decreto antes mencionado relativa al ozono en el aire ambiente, que es de 120 μg/m³, como valor octohorario . Siempre que se supere el valor de información a la población, valor horario de 180 μg/m³, fijado en la misma Propuesta, la calidad del aire será considerada «mala» y si se supera el umbral de alerta para la población, valor horario de 240 μg/m³, la calidad del aire se considerará «muy mala».

(4) La media octohoraria máxima correspondiente a un día se escogerá examinando las medias móviles de ocho horas, calculadas a partir de datos horarios y que se actualizarán cada hora. Cada media octohoraria así calculada se atribuirá al día en que termine el periodo, es decir, el primer periodo de cálculo para cualquier día dado será el periodo que comience a las 17:00 de la víspera y termine a la 1:00 de ese día; el último periodo de cálculo para cualquier día dado será el que transcurra entre las 16:00 y las 24:00 de ese día.

El índice esta dividido en cuatro tramos, que definen los estados de calidad de aire; ésta es: buena, admisible, mala o muy mala. A cada uno de los tramos se le asigna un color de acuerdo con el siguiente cuadro:

Valor del índice	Calidad del aire	Color
0-50	Buena	Verde
51-100	Admisible	Amarillo
101-150	Mala	Rojo
>150	Muy mala	Marrón

Las siguientes tablas relacionan los rangos de calidad con los rangos de concentración en microgramos por metro cúbico para cada uno de los contaminantes evaluados en función de la variación anual del margen de tolerancia definido en el Real Decreto 102/2011.

 

Intervalos de calidad diaria para SO2 y O3 (sin variación anual)
Rango	SO2 μg/m3	O3 μg/m3
0-50	0-63	0-60
51-100	63-125	60-120
101-150	125-187	120-180
>150	>187	>180

Intervalos de calidad diaria para PM10 para los años 2001 al 2005
Rango	2001	2002	2003	2004	2005+
0-50	0-35	0-33	0-30	0-28	0-25
51-100	35-70	33-65	30-60	28-55	25-50
101-150	70-105	65-98	60-90	55-83	50-75
>150	>105	>98	>90	>83	>75

Intervalos de calidad diaria para NO2 para los años 2001 al 2010
Rango	2001	2002	2003	2004	2005	2006	2007	2008	2009	2010+
0-50	0-145	0-140	0-135	0-130	0-125	0-120	0-115	0-110	0-105	0-100
51-100	145-290	140-280	135-270	130-260	125-250	120-240	115-230	110-220	105-210	100-200
101-150	290-435	280-420	270-405	260-390	250-375	240-360	230-345	220-330	210-315	200-300
>150	>435	>420	>405	>390	>375	>360	>345	>330	>315	>300

Intervalos de calidad diaria para CO para los años 2000 al 2005
Rango	<=2002	2003	2004	>=2005
0-50	0-8000	0-7000	0-6000	0-5000
51-100	8000-16000	7000-14000	6000-12000	5000-10000
101-150	16000-24000	14000-21000	12000-18000	10000-15000
>150	>24000	>21000	>18000	>15000

 

 

CONTINUARÁ….

 

.

Web scraping de página de medidores de contaminación

A través de este artículo voy a intentar mostrar mis avances intentando hacer un web scraping de :

Informes diarios de calidad del aire

En primer lugar describiré las páginas de las que intentaré extraer la información:

Páginas de informes de calidad del aire de Andalucía.

 

 

CONTINUARÁ….

Configurar un alias para una carpeta en Apache

• Abrimos el fichero httpd.conf
• Nos aseguramos que no esté comentado el módulo alias:

LoadModule alias_module modules/mod_alias.so

• Buscamos:  <IfModule alias_module>

Y añadimos lo siguiente:

# ==============================================================
# Bloque editado el 07-02-2018
# Creando un Alias para la carpeta «carpetawp» del USB (raiz).

Alias /carpetawp «\carpetawp»
<Directory «\carpetawp»>
Options Indexes FollowSymLinks Includes ExecCGI
AllowOverride All
Require all granted
</Directory>
# ==============================================================

Así conseguimos que nos funcione:

http://localhost/carpetawp

aunque carpetawp no esté dentro del directorio htdocs

Usar hipervínculos en hoja de Excel protegida

Resulta que cuando te creas una hoja de Excel y la proteges para que otros usuarios no te la modifiquen, los hipervínculos que tuvieras dejan de funcionar.

Para hacer que funcionen (es decir, que te permita clicar en el hiperenlace e irse a la web, archivo o parte del libro de Excel) es necesario, cuando proteges la hoja, seleccionar: «Seleccionar celdas bloqueadas».

Esto permite hacer clic pero no modificar el contenido de la celda.

Recopilación de tips y enlaces del curso de Diseño web de 2018

Al inicio de 2018 he hecho un curso de Diseño web. Estaba un poco desactualizado. Aquí iré poniendo algunos enlaces «interesantes» que he encontrado en este curso.

Colores

• El uso de los colores en la web. http://www.webusable.com/coloursMix.htm
• Que existen herramientas online para capturar los colores que vemos en pantalla, como por ejemplo ColorZilla de Filezilla. http://www.colorzilla.com/
• Extensiones Chrome para el diseño web. https://www.artimedia.es/css/extensiones-google-chrome-para-disenadores-web/

Tipografías

• Tipografías gratuitas. http://flippingtypical.com/
• Tipografías gratuitas serif. https://www.1001freefonts.com/
• Tipografías gratuitas sans serif. https://www.fontsquirrel.com/
• Tipografías gratuitas manuscritas. https://www.urbanfonts.com/free-fonts.htm
• 5 errores tipográficos comunes en el diseño web. http://www.maestrosdelweb.com/5-errores-tipograficos-comunes-en-la-web-y-como-solucionarlos-cromos-vs-t-magazine/

Navegación

• Barras de navegación. http://librosweb.es/libro/bootstrap_3/capitulo_6/barras_de_navegacion.html
• Buscador de servidores FTP públicos. http://www.searchftps.net/

Imágenes

Editor de imágenes. https://pixlr.com/

A continuación se representa una relación de estos caracteres especiales y su representación:

Carácter	Representación	Carácter	Representación
<	&lt;	€	&euro;
>	&gt;	ç	&ccedil;
á	&aacute;	Ç	&Ccedil;
Á	&Aacute;	ü	&uuml;
é	&eacute;	Ü	&Uuml;
É	&Eacute;	&	&amp;
í	&iacute;	¿	&iquest;
Í	&Iacute;	¡	&iexcl;
ó	&oacute;	«	&quot;
Ó	&Oacute;	·	&middot;
ú	&uacute;	º	&ordm;
Ú	&Uacute;	ª	&ordf;
Ú	&ntilde;	¬	&not;
Ñ	&Ntilde;	©	&copy;
™	™	®	&reg;

50 Aplicaciones útiles para facilitar la dinamización online

ATENCIÓN: ¿Desactualizado??

De la lista publicada en noviembre de 2012, en WWSHAST’S NEW, hemos realizado una selección de aplicaciones que podrían ser de gran utilidad para el dinamizador/a y son las siguientes:

1. Dropbox: Un disco duro virtual con varios GB gratuitos y al que se accede desde casi cualquier dispositivo.
2. Google Drive: La evoluciónde Google Docs que suma a sus múltiples herramientas de creación de documentos, un considerable espacio virtual gratuito.
3. CloudMagic: Una extensión y una app multidispositivo para buscar información simultáneamente en Gmail, Twitter, Facebook, Evernote y muchos otros servicios.
4. Jumpshare: Para compartir documentos en segundos y permitir su visualización online, además de su descarga. Quedan disponibles en la nube durante dos semanas.
5. Weebly: Una herramienta para crear sitios webque destaca por su cómodo editor visual y su bajo costo, empezando por un cómodo plan gratuito.
6. Issuu: También para compartir documentos pero principalmente aquellos cuya importancia radica en su contenido gráfico ya que su especialidad son las opciones de visualización.
7. ePubBud: Un espacio para crear ebooks y publicarlos. También sirve para buscar ejemplares aunque para esta tarea hay decenas de alternativas.
8. Infogr.am: Para crear coloridas infografías interactivas, con brillantes herramientas para ingresar y tratardatosgráficamente incluyendo una minihoja de cálculo desplegable.
9. Text2MindMap: Una herramienta para crear mapas mentales a través de un pequeño editor de texto y un tablero interactivo muy fácil de usar.
10. EdCanvas: Para crear y compartir las lecciones de las clases en formato digital.
11. TubeBox: Para bajar videos de YouTube, Vimeo, DailyMotion, etc.
12.  ClassDojo: Para la gestión de informes respecto al comportamiento de los estudiantes, bastante útil para compartir con los padres de familia.
13. Animoto: Personalmente le promuevo como la mejor herramienta para crear videos online a partir de material multimedia (fotos, videos, texto, etc.) almacenado localmente o simplemente usando el disponible en la red.
14. Todaysmeet: Una rápida opción para crear salas de chat.
15. Slideshare: La mejor opción para crear y compartir presentaciones con diapositivas desde un canal personal, permitir su visualización y un espacio para retroalimentarse con los comentarios.
16. Voki: Para crear un avatar parlante que acompañe las lecciones multimedia.
17. Screen Capture by Google(Google Chrome) y Screenshot(Mozilla Firefox): Extensiones para tomar capturas de pantalla, guardarlas y/o compartirlas vía redes sociales. Si prefieres una aplicación de escritorio mi recomendación es Screenpresso.
18. RecordMP3: Para grabar y compartir audio en mp3.
19.  Diigo: La alternativa a Delicious para la gestión y captura de enlaces.
20. Prezi: El sustituto del somnífero Microsoft PowerPoint que lleva a un nuevo nivel las presentaciones gracias a sus herramientas interactivas, visualizaciones fascinantes, elegantes estilos, un editor realmente sencillo, enlaces a contenido online, etc.
21. Picmonkey: Un fascinante editor de imágenes online, el sustituto -literalmente- de Picnik. Cuenta con filtros, opciones para crear collagesy muchas más funciones avanzadas de fácil uso.
22. Loopster: Otro muy sencillo editor de video online.
23. PlanBoard: Para planear eficientemente las lecciones.
24. Scoop.it y Paper.li: Herramientas de curación de contenidos web.
25. Socrative: Las laptops, las tabletas y los smartphones se han adueñado de las aulas, así que qué mejor que sacarles un mejor provecho, en este caso, con juegos, tareas y exposiciones interactivas entre dispositivos.
26.  Join.me: Una herramienta para compartir pantalla y trabajar en equipo.
27. Zamzar: Un potente convertidor de ficheros en montones de formatosde documentos, imágenes, videos, música, ebooks, etc.
28. Poll Everywhere: Crear rápidas encuestas con votaciones instantáneas vía Twitter, SMS y más.
29. VoiceThread: Para grabar y compartir todo tipo de material multimedia en forma de presentaciones, con comentarios en audio y video.
30. Evernote: Simplemente una herramienta de notas de otro mundo. Sus variados usos para el mundo académicovan desde la gestión de lecciones hasta la recopilación de contenido multimedia en la red mediante su capturador web.
31. TeachersPayTeachers: Intercambio de lecciones entre colegas.
32. Gnowledge: Un espacio para crear y compartir pruebas tipo test y ejercicios tanto con estudiantes como con otros maestros.
33. Udemy: Para crear cursos en línea mediante eficientes herramientas de gestión de contenidos, de promoción, de suscripción y hasta de colaboración gracias a su inmensa comunidad que trasciende continentes.
34. Plagiarisma.net: Una de las muchas opcionesen línea para detectar plagio en escritos.
35. Academia.edu: La más amplia comunidad de académicos que permite un muy fácil contacto entre pares gracias a sus opciones para destacar intereses, áreas de interés y localizaciones. También es un buen espacio para encontrar y compartir papers.
36. Blogger: Para crear un blog en instantes con la ayuda de la fascinante plataforma de Google, lo que facilita la integración de otros servicios de la compañía para la gestión multimedia.
37. TED: Miles de conferencias en video, sobre centenares de áreas del conocimiento, dadas por expertos de talla mundial.
38. Wolfram Alpha: Todo el conocimiento mundial tras un pequeño cajón de búsqueda. Una de las muchas cosas que hace es resolver todo tipo de ejercicios matemáticos, sobresaliendo incluso frente a otras brillantes opciones.
39. TinyChat: Un sala de videochat muy cómoda por permitir el acceso a través de redes sociales, hasta 12 personas compartiendo su webcam y el resto comentando con mensajes. Por cierto, para realizar videoconferencias, puedes revisar nuestro previo listado con 10 elegantes ejemplares.
40. Google+: La red social de Google está a años luz de distancia de sus competidores respecto a integración de servicios (Drive y YouTube los mejores) y herramientas eficientes como sus populares Hangouts. Eso sólo es en general pues los usos académicosson bastante variados.
41. Olesur: Para crear PDF’s con problemas de matemáticas, fichas de lectoescritura, actividades de refuerzo y caligrafía, y más recursos didácticos para imprimir.
42. Pinterest: Para organizar categóricamente todo tipo de material gráfico en pequeños grupos (tableros) para luego compartirlos vía redes sociales o simplemente mantenerlos de forma privada. Un mockupespecializado para la educación es Learni.st.
43. LaTeX Lab: Un editor de LaTeX online con la tecnología de los documentos de Google.
44. Wiggio: Una de las muchas potentes herramientas para los trabajos en grupo, con listas de tareas, calendario, encuestas, perfiles y varias funciones de interacción.
45. WordPress.org: Similar a Blogger en la facilidad para la creación de blogs o paǵinas web sobre cualquier tema, un poco más limitado en cuestión de uso de recursos pero mucho más elegante.
46. YouTube para escuelas: Una versión especial de YouTube para educadores donde se podrá disponer de cientos de videos académicos de sitios como YouTube EDU, Stanford y TED.
47. Khan Academy: Miles de clases, de altísima calidad, en video sobre diferentes campos del conocimiento ofrecidas por maestros de todo el mundo. Cualquiera puede colaborar con el proyecto.
48.  Moodle: Una plataforma libre para la creación de cursos tipo LMS, similar a BlackBoard pero totalmente libre, con más herramientas interactivas y una amplia comunidad tras su desarrollo y continuo mejoramiento.
49. Canvas: También para la gestión de cursos, totalmente online (sin instalación en servidor propio), mucho más elegante y más fácil de utilizar.
50. Google Calendar: Para la gestión del tiempo y las tareas, aunque también es muy útil específicamente para crear calendarios (por ejemplo sobre horarios de atención a estudiantes o fechas de exámenes y trabajos) y compartirlos.

D3.js para representar matrices Origen/Destino

Viendo un gráfico de Uber, he encontrado una posibilidad muy buena para representar las matrices Origen/Destino de transporte público, peatones, bicicletas o cualquier elemento de Movilidad.

Esta imagen la he tomado de un curso que estoy haciendo de Big Data en unimooc.com

Mirando las posibilidades para representar este tipo de diagrama, que puede venir muy bien para una MOD, tenemos la librería D3.js.

En esta librería encontramos D3 Chord.

https://github.com/d3/d3-chord

Iré completando este post con los pasos a seguir para visualizar los datos .

 

Software para generar gráficos de cuerdas: http://circos.ca/

Obligaciones Legales de un sitio web

Meetup del 17 de enero de 2018 de WPGranada

La ponencia

En Slideshare. Y un artículo.

Resumen de enlaces

• https://www.siteground.es/
• https://webappdesign.es
• Bancos de imágenes con licencia copyleft  https://unsplash.com/license
• https://www.pexels.com/photo-license/
• recopilatorio de bancos de imágenes, vídeos, música, y búsqueda multisitio (y todo gratis!). http://allthefreestock.com/
• Recursos gráficos vectoriales https://www.freepik.es 
• 75000 emails gratis al mes. https://mailrelay.com/es 

Opendata en tu web

http://opendefinition.org/

Botones para añadir a tu web, indicando que tienes Opendata disponible:

http://opendefinition.org/buttons/

Botones de contenido, datos y conocimiento abierto.