Píldoras jQuery I – Descripción de una imagen

Me encanta jQuery, es potente, es fácil y sobre todo tiene muchos selectores en común con CSS lo que te permite avanzar muy rápidamente si controlas un poquito de HTML y CSS.

Por eso mismo lo incluyo en mi curso de Lenguaje de Marcas. Con poca explicación y usando la referencia jQuery vamos directos al grano buscando siempre hacer ejemplos lo más prácticos posible.

Con este post inauguro la publicación de dichos ejemplos prácticos en la web. Siempre parto de una plantilla con jQuery bien referenciado e instalado que podéis encontrar aquí.

Partiendo de esa plantilla vamos realizar un ejemplo que cuando pasemos el ratón sobre una imagen nos muestre un texto largo descriptivo de la misma superpuesto en parte inferior de la imagen.

El ejemplo completo lo podéis descargar aquí y consta de los siguiente ficheros:

  • index.html :  El archivo principal, la página web en la que vamos a usar jQuery
  • styles. css: La hoja de estilos de la página web que usaremos para posicionar los distintos elementos (la imagen y la descripción que va a ser un párrafo dentro de un div)
  • js/jquery-3.1.1.min.js: Que es la libería jQuery que hemos puesto dentro de la carpeta js
  • img/image.pn: La imagen sobre la cual tendré que pasar el ratón para obtener la descripción

El html es muy básico ya que es un ejemplo para demostrar como se usa jQuery. Por un lado en la cabecera tendremos que decir que vamos a usar jQuery en nuestra página.

Dentro del cuerpo (<body>) tendremos el contenido HTML

La hoja de estilos que usaremos es muy simple:

Y por último justo antes de cerrar la etiqueta body añadiremos el script que usará jQuery:

Y ya está…efecto común y muy sencillo de hacer. Seguiremos con otro. El próximo una barra lateral que podamos ocultar o mostrar en la pantalla.

 

 

E-Learning. El efecto Pringles, ese error común “Cuando haces pop ya no hay stop”.

Once you pop, you can't stopSi existe un error imperdonable a la hora de ser profesor de e-learning es creer que existe el efecto Pringles “Cuando haces pop ya no hay stop” a la hora de impartir docencia online.

¿Y qué es esto del Efecto Pringles?

Efectivamente, es un término que me acabo de inventar. Viene a describir la creencia que tienen algunos profesores de que el alumno, una vez empieza a usar una plataforma educativa, ya no puede parar y no va a necesitar prácticamente al profesor en su proceso de aprendizaje / formación.

Una vez haces “pop” y entras en la plataforma…”ya no hay stop”. Basta con poner unos materiales, normalmente unos cuántos pdfs o fotocopias de artículos, cuatro cuestionarios y pedir  que participen en los foros para dar por finalizada nuestra labor docente.

Nada más lejos de la realidad. Si algo he podido aprender viendo miles y miles de cursos online o semipresenciales es la rápida muerte de un curso donde el profesor no tiene un perfil activo y realiza un seguimiento individualizado de los alumnos. Y si el curso muere y deja de ser un curso activo ¿para qué queremos una plataforma virtual?. Lo mejor será que le demos un libro de texto al alumno, un correo electrónico para posibles dudas y lo citemos para un examen en papel pasado un determinado período de tiempo.

Estudiar online es duro para el alumno. Esta opción además suele ser la opción de formación para aquellos que además tienen obligaciones familiares,profesionales y de otro tipo. Y cuando se acercan a una plataforma online necesitan:

  • No perder tiempo en cosas superfluas.
  • Instrucciones detalladas de qué es aquello que tienen que hacer y cómo deben hacerlo.
  • Necesitan “cariño docente”, necesitan saber en todo momento que hay alguien detrás, alguien que les va a dar una atención personalizada ya sea por mensajería, por foro, por chat, por Skype o por cualquier medio.
  • Necesitan que el profesor esté detrás de ellos y de su evolución, necesitan UN EFECTO PUSH.
  • Necesitan todo eso y lo necesitan ya, si no la probabilidad de que abandonen el curso es mucho mayor que en otro tipo de modalidades.

En resumen, hay utilizar todas las herramientas tIC y toda la dedicación del profesor para obtener toda la efectividad posible. Preguntad por ahí, el trabajo de profesor online requiero muchas veces más trabajo incluso que el de profesor presencial.

Por eso cuando veo un curso lleno de pdfs, sin instrucciones concretas y con afirmaciones como estas en un curso de 20 alumnos:

“.. al ser muchos, mis respuestas serán dirigidas, salvo excepciones, a los comentarios generales. Sé que lo sabrán comprender”

Me pongo triste 🙁

EN ELEARNING NO EXISTE EL EFECTO PRINGLES