Lindos botones con CSS

Botones lindos con CSSEn uno de mis trabajos tenía que hacer unos botones más o menos acordes con el resto del sitio y se me ocurrió hacerlos en un rectángulo con sombra, sobre una franja de otro color.

¿Por qué no hacerlos directamente como imagen?

Porque la regla número uno de la accesibilidad es separar el contenido del formato. Un invidente puede escuchar el nombre de las opciones únicamente si estas están insertadas como texto.

Un dispositivo muy lento mostrará los textos y tardará mucho en cargar las imágenes.

¿Cómo se hacen?

1) En el archivo CSS se definen los tipos de DIV que se usarán:

Un div contiene la franja que está debajo del rectángulo.

Es un div que mide 50px de altura, y que tiene como fondo una imagen (porque esa franja anaranjada tiene un degradado). La imagen de fondo se repite horizontalmente cuanto sea necesario, adaptándose al ancho del DIV.

Este es el código CSS del marco:

.marco {
width: 99%;
height: 50px;
 background-color: #fff;
background: url('https://blabla/pix/fondoopciones.png');
background-repeat: repeat-x;
}

Y este es el CSS del botón en sí

.boton {

 width: 80%;
 line-height: 40px;
 background-color: #773156;
 color: #fff;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 box-shadow: 5px 5px 2px #999; 
}
.boton a:link {
 color: #fff;
 text-decoration: none;
 }

.boton a:hover {

 color: #fff;
 text-decoration: none;
 }

.boton a:visited {

 color: #fff; text-decoration: none;

}

Luego, en el HTML utilizo un DIV dentro de otro:

<div class="marco">
<div class="boton">
<a href="enlacedelboton">Preguntas frecuentes</a>
</div>
</div>

Chispas sobre Moodle: reutilización de archivos subidos a otros cursos

Para subir archivos, actualizarlos y eliminarlos, lo que más me gusta es utilizar un FTP. Si uno no tiene acceso a una carpeta mediante FTP (porque no es quien administra el hosting), Moodle permite crear repositorios externos.

Esto es muy útil para ese tipo de recursos que se utilizan en más de un curso: alguna imagen, algún PDF, etc.

Más allá de eso, en las últimas versiones también tenemos (con usuario administrador) la posibilidad  de acceder a las carpetas de los demás cursos. De esta manera, no es necesario utilizar un FTP sino simplemente tener claro en qué curso se subió el archivo y buscarlo en el repositorio local, abriendo la carpeta del curso correspondiente.

Moodle: actividades presenciales (Face to Face)

Moodle es una plataforma que realmente cubre todas las necesidades de cualquier persona que se dedique a educación (o cosas también llamadas educación, como por ejemplo entrenamiento de personas)

Una de las últimas cosas que conocí es un bloque llamado “Actividades presenciales” (Face to Face) que se utiliza para pactar una fecha y hora de un evento presencial.

1) El profesor crea el evento, que puede tener varios encuentros o uno solo

2) Los alumnos se inscriben en el evento, pudiendo determinar previamente el cupo

3) El profesor, una vez ocurrido el encuentro, determina si el alumno estuvo presente o no en el evento.

Más información: http://docs.moodle.org/23/en/Face-to-face_walk_through

Si combinamos el uso de este módulo con el de tareas fuera de línea, tenemos todo un sistema de presentismo y calificaciones ya resuelto por una plataforma segura y estable.

 

Moodle para docentes constructivistas… y de los otros

Tuve el placer de participar del Flisol 2014 con una charla sobre Moodle.

Comparto aquí mi presentación para quienes no pudieron asistir.

La charla se basó en el concepto de constructivismo (aclarando un poco también qué es el conductismo), las prácticas más básicas en el uso de Moodle desde la básica de utilizarla como repositorio hasta las más interesantes que permiten la construcción de conocimiento en forma colaborativa. Los asistentes hablaron de sus experiencias cursando materias a distancia y realizaron preguntas sobre Moodle y seguridad.

Invito a todos los interesados en el tema a participar en el grupo de aprendizaje colaborativo de Moodle para seguir debatiendo y aclarando dudas.

Iris Fernández mostrando su presentación Iris Fernández hablando sobre Constructivismo
Asistentes a la charla de Iris Fernández en Flisol 2014
Asistentes a la charla de Iris Fernández en Flisol 2014  Asistentes a la charla de Iris Fernández en Flisol 2014Asistentes al Flisol Ricardo Leithner e Iris Fernández Eugenia Núñez trabajando en el Flisol Pablo Medrano haciendo la producción de mi charla en el Flisol

 

Insertar fórmulas matemáticas en un foro de Moodle sin JavaScript

Estuve leyendo en los foros que la gente que tiene Windows 8 tiene dificultades con JavaScript.

La forma de insertar una fórmula sin Javascript es utilizando lenguaje látex.
Por ejemplo, si uno pega esto en un foro (pulsando primero el botón de HTML):

$$ sqrt{2} + frac{3}{4} $$

“La raíz cuadrada de dos más la fracción de tres cuartos” 

Al enviar el mensaje se ve la siguiente imagen:

Imágenes integradas 1
Si escribimos esto (“zeta es igual a la fracción de 1 sobre equis más cuatro”)
$$  z = frac{1}{x} + 4 $$

Cuando enviamos el mensaje se ve la siguiente fórmula:

Imágenes integradas 2

Un tercer ejemplo, incluyendo punto de multiplicación:

$$ ( frac{1}{2} cdot 3)+frac{2}{5} $$

(“fracción de un medio por tres más fracción de dos quintos”)

Se verá:

Formula 3

 

Repasando:
Fracciones: frac{numerador}{denominador}
Raíz cuadrada: sqrt{número}
Punto de multiplicación dentro de una fracción: cdot
Fuentes:

Cómo hacer que los alumnos se inscriban a través de un formulario

Si administramos una plataforma Moodle y queremos que nuestros usuarios puedan matricularse a sí mismos mediante un formulario, debemos seguir estos pasos:

El primer paso será comprobar que la automatriculación esté activa en el sitio. Para ello iremos a Administración del sitio / Extensiones / Matriculaciones / Gestionar plugins de matriculación y veremos que el icono con forma de ojo de la columna “Habilitar” esté abierto. Si no lo está, haciendo clic en el icono del ojo cerrado, habilitaremos este plugin de matriculación.

activar automatriculación

El segundo paso puede ser establecer en la configuración (haciendo clic a la derecha del icono del ojo), si queremos que los nuevos cursos tengan habilitada esta opción por defecto:

Automatriculación activa por defecto en los nuevos cursos.

 

Luego, en los cursos que ya teníamos creados antes de activar el plugin de matriculación, debemos permitir este método de inscripción en Administración del curso / Usuarios / Métodos de matriculación:

Habilitar la automatriculación en un curso

 

Por último, haciendo clic en el icono con forma de herramienta (Configuración), podemos elegir algunas opciones: elegir una clave para el curso (esa clave se la daremos nosotros, cuando el alumno esté habilitado para inscribirse), el rol que tendrán los nuevos integrantes (lo más lógico es que sean estudiantes), e incluso escribir allí un mensaje de bienvenida a los nuevos usuarios.

Opciones de automatriculación

Una vez activado este método de matriculación, un visitante de la plataforma verá una pantalla parecida a esta cuando intente acceder, que lo invitará a crearse un usuario:

Pantalla de login: Comience ahora creando una cuenta

Moodle 2.x: Cómo subir el contenido de un curso

Ya expliqué en otros posts cómo obtener una plataforma Moodle de pruebas en un hosting gratuito, cómo crear categorías y cursos, y ahora el tercer paso en la preparación del aula: subir el contenido.

Una vez que ya tenemos creado el curso en una plataforma Moodle, necesitamos que nuestro usuario sea profesor o administrador para poder agregar contenido.

Si es así, vamos a ver arriba a la derecha el botón de Activar Edición.

Activar edición

 

Con la edición activada, veremos en cada una de las semanas o temas del curso, el enlace para añadir una actividad o recurso, también un espacio donde arrastrar archivos (“añada archivos aquí”) y un icono para editar el encabezado de la sección (el lápiz) 

Agregar contenido al curso

 

¿Qué tipo de actividades o recursos podremos añadir?

  • Si el contenido será elaborado en el sitio, nos conviene agregar un recurso de tipo página.
  • Si lo tenemos en un archivo PDF, un texto, una hoja de cálculo, una presentación por diapositivas, etc., podremos agregar un archivo.
  • Si necesitamos un texto breve que se vea directamente en la plataforma, una imagen o un video, utilizaremos una etiqueta.
  • Para publicar simplemente un link, insertamos el recurso URL.
  • En el caso de estar buscando realizar actividades colaborativas, una base de datos, un glosario o una wiki son herramientas diferentes pero igualmente potentes.
  • Para que los alumnos nos envíen sus trabajos, utilizaremos una tarea (subir un solo archivo, subida avanzada de archivos, texto en línea, actividad no en línea)
  • Si queremos preguntarles algo, a modo de votación o plebiscito, elegiremos una consulta. En cambio, para que les hagamos una serie de preguntas para saber qué opinan, utilizaremos una encuesta (atención, en versiones antiguas se llama Questionnaire). Y si queremos evaluar con un test de opciones múltiples, utilizamos un cuestionario.

Actividades y recursos que pueden agregarse

 

Para quien esté interesado en aprender a administrar una plataforma Moodle, lo invito a participar del grupo de aprendizaje abierto, libre y colaborativo:www.grupomoodle.com.ar

 

Moodle 2.x: Crear categorías y cursos

Para crear un curso necesitamos acceder al panel de Administración del sitio (y para ello, tenemos que tener un usuario administrador).

Crear un curso

Una vez allí, notaremos que todo curso debe estar dentro de una categoría, con lo cual debemos utilizar la categoría por defecto, llamada Miscelánea, o renombrarla de tal manera que nos sirva para los primeros cursos que creemos.

Definición de categorías de cursos

Al crear una instalación de Moodle, por defecto ya está presente una categoría a la que podremos renombrar utilizando el botón Editar.

Crear una categoría

En el caso de querer que un conjunto de cursos no se vea, es posible ocultar la categoría completa (icono ocultar / mostrar).

Si en el curso estamos utilizando cohortes (grupos de estudiantes que participan del mismo curso), podemos asignar determinada cohorte a determinada categoría (icono asignar cohortes).

Al hacer clic en el botón Agregar nueva categoría, debemos ingresar los siguientes datos:

Crear una categoría

Categoría padre: dentro de qué categoría se encuentra la que estamos creando (puede modificarse posteriormente).

Nombre de la categoría: el nombre con el que se nombrará ese grupo de cursos (dato obligatorio, por eso el color rojo y el asterisco).

Número ID de la categoría: un número con el que se identificará esta categoría en algunas operaciones. Este dato no es obligatorio (por eso no tiene un asterisco y su título no está en color rojo)

Configurando un curso

Si hacemos clic en el botón Agregar un nuevo curso, deberemos configurar algunas opciones. Todas pueden volver a modificarse.

Crear curso dentro de la categoría

Nombre completo y nombre corto son datos obligatorios. La diferencia es que el nombre completo se verá en listados y títulos, y el nombre corto se verá en ciertos lugares, por ejemplo, en las migas de pan:

Nombre corto del curso

Otros elementos importantes:

  • Formato:
    • Semanal (se muestra un conjunto de semanas). La fecha de inicio del curso determinará las fechas de las semanas de los cursos.
    • Por temas (el curso está organizado a través de secciones que no tienen fechas)
    • Social (el curso se centra en un foro, un espacio de conversación entre los participantes)
    • Scorm (en la sección principal se visualiza un interactivo creado con este formato).
  • Número de semanas o temas
  • Forzar idioma, en el caso en que este curso en particular deba visualizarse en un idioma diferente al resto de los cursos de la plataforma. El idioma debe estar instalado en la configuración general de la plataforma.
  • Acceso de invitados: si se permite, cualquier persona que entre a la plataforma podrá visualizar algunos elementos de este curso. De otra manera, todo usuario debe matricularse para que pueda acceder. Si se agrega una contraseña, puede darse esa contraseña a las personas que uno quiera invitar a este curso.
  • Grupos: Puede ser que este curso sea utilizado por diferentes grupos que no deban verse entre sí (grupos separados). En ese caso, no podrán interactuar en este curso participantes de diferentes grupos. Los grupos se definen en la sección deUsuarios.

Para quien esté interesado en aprender a administrar una plataforma Moodle, lo invito a participar del grupo de aprendizaje abierto, libre y colaborativo: www.grupomoodle.com.ar

Repositorios en Moodle 2.5

Muchas veces necesitamos subir archivos grandes, o archivos que puedan utilizarse en cualquier contexto (en todos los cursos, por ejemplo, como podría ser un instructivo sobre el uso de la plataforma o unas normas de netiqueta de los foros).

Las versiones anteriores de Moodle (hasta 1.9) nos brindaban una sección llamada Archivos, pero eso ya no existe, lamentablemente.

Ahora tenemos otras alternativas; una de ellas es la de subir los archivos grandes a una carpeta de nuestro sitio, y definir esa carpeta como un repositorio al que podamos acceder desde dentro de la plataforma.

Para ello, necesitamos acceso al FTP del hosting donde tenemos alojado el Moodle, y un usuario administrador para realizar los siguientes pasos:

  • En el software de FTP: Entramos al hosting mediante un acceso FTP (y un programa como FileZilla), y creamos una carpeta dentro de Moodledata/repository, por ejemplo: moodledata/repository/iris (la carpeta puede no llamarse moodledata, consultar configuración de esa instalación en particular)
  • En la plataforma: Vamos a Administración del sitio / Extensiones / Repositorios / Gestionar repositorios
  • Activamos “Sistema de archivos

Agregar repositorio sistema de archivos

 

  • Hacemos clic en Configuración

Configurar repositorio

  • Creamos un ejemplo de repositorio

Crear ejemplo de repositorio

  • Escribimos un nombre para el repositorio, y elegimos en el desplegable la carpeta creada en el FTP

Configurar un repositorio

 

  • A partir de ahora, cuando necesitemos un archivo, vamos a poder elegir los archivos de nuestro repositorio, independientemente del tamaño del archivo. Los archivos se suben mediante

El repositorio entre las opciones

 

Basado en: Cargar ficheros grandes por FTP en Moodle 2.0