Diferencia entre revisiones de «Módulo Unilabel»

De MoodleDocs
(tidy up)
(tidy up)
Línea 13: Línea 13:
Hay 5 diferentes tipos de contenido incluidos (sub plugins extensibles):
Hay 5 diferentes tipos de contenido incluidos (sub plugins extensibles):
* [[#Texto simple|Texto simple]]
* [[#Texto simple|Texto simple]]
* [[#Teto colapsado|Texto colapsado]]
* [[#Texto colapsado|Texto colapsado]]
* [[#Carrusel|Carrusel]]
* [[#Carrusel|Carrusel]]
* [[#Probadita de curso|Probadita de curso]]
* [[#Probadita de curso|Probadita de curso]]
Línea 24: Línea 24:
==Uso==
==Uso==


La configuración consiste de dos paasos (excepto el tipo de "Texto simple").
La configuración consiste de dos pasos (excepto el tipo de "Texto simple").
#) La creación de una nueva instancia al usar el [[Selector de actividades]].
#) La creación de una nueva instancia al usar el [[Selector de actividades]].
#) La configuración del contenido dependiendo del tipo de contenido que Usted elegió en el primer paso.
#) La configuración del contenido dependiendo del tipo de contenido que Usted eligió en el primer paso.


==Descripción de los tipos de contenido==
==Descripción de los tipos de contenido==
Línea 37: Línea 37:


===Texto colapsado===
===Texto colapsado===
El texto colapsado originalmente le muestra al suario el texto que Usted ingresó en el título. Este texto está resaltado en color azul como un hipervínculo y tiene un pequeño triángulo al lado izquierdo ue indica que puede expanderse.
El texto colapsado originalmente le muestra al usuario el texto que Usted ingresó en el título. Este texto está resaltado en color azul como un hipervínculo y tiene un pequeño triángulo al lado izquierdo que indica que puede expanderse.


[[File:ES_Unilabel mod collapsed text folded.png|400px]]
[[File:ES_Unilabel mod collapsed text folded.png|400px]]


Cuando el usuario hace click en el texto colapsado, se expande para revelar todo el contenido.
Cuando el usuario hace clic en el texto colapsado, se expande para revelar todo el contenido.


[[File:ES_Unilabel mod collapsed text expanded.png|800px]]
[[File:ES_Unilabel mod collapsed text expanded.png|800px]]
Línea 54: Línea 54:
En este tipo de contenido Usted puede definir una serie de imágenes.
En este tipo de contenido Usted puede definir una serie de imágenes.
* Cada imagen es mostrada en una presentación de carrusel.
* Cada imagen es mostrada en una presentación de carrusel.
* Usted puede definir un subtítulo para cada magen que se muestra '''adentro''' del elemento de la imagen.
* Usted puede definir un subtítulo para cada imagen que se muestra '''adentro''' del elemento de la imagen.
* Para cada imagen Usted puede definir una URL que vuelve a la imagen un botón sobre del cual se puede hacer clic.
* Para cada imagen Usted puede definir una URL que vuelve a la imagen un botón sobre del cual se puede hacer clic.
* El carrusel es por defecto responsivo a diferentes tamaños de pantalla.
* El carrusel es por defecto responsivo a diferentes tamaños de pantalla.
Línea 63: Línea 63:
===Rejilla===
===Rejilla===
{{Urgente de traducir}}
{{Urgente de traducir}}
* En este tipo de contenido Usted puede definir una serie de imágenes y contenidosURLs.
* En este tipo de contenido Usted puede definir una serie de imágenes y contenidos/URLs.
* La rejilla es por defecto responsiva a diferentes tamaños de pantalla.
* La rejilla es por defecto responsiva a diferentes tamaños de pantalla.
* You can set a column count for the grid to define how many tiles are shown in one row.
* Usted puede configurar un número de columnas para la rejilla para definir cuantas líneas son mostradas en una fila.
** On smaller screens the column count is reduced by a half of the defined count.
** En las pantallas más pequeñas el número de columnas en reducido a la mitad del número definido.
** On mobile devices like cellphones only one column is shown.
** En dispositivos móviles como teléfonos celulares solamente es mostrada una columna.
** To optimize the responsivity to each of the images you can assign a mobile optimized image.
** Para optimizar la responsividad de cada una de las imágenes Usted puede asignarles una imagen optimizada para dispositivos móviles.
*** This mobile image is shown on small devices smaller than 768 px.
*** Esta imagen móvil es mostrada en dispositivos pequeños menores de 768 pixeles.
* If you have defined a content for a slide the content is shown as a modal dialog if you click the slide.
* Si Usted ha definido un contenido para una imagen el contenido es mostrado como un diálogo modal si Usted hace clic en la imagen.
* If you have defined a URL for a slide on click, the URL is loaded.
* Si Usted ha definido una URL para una imagen, al hacer clic se carga la URL.
[[File:Unilabel grid.png|800px]]
[[File:Unilabel grid.png|800px]]



Revisión del 17:23 20 mar 2019

Vista general

El plugin "mod_unilabel" para Moodle le permite incluir texto lindamente formateado en una página de curso o en la Portada. Hay 5 diferentes tipos de contenido incluidos (sub plugins extensibles):

Instalación

Vea Instalar plugins

Uso

La configuración consiste de dos pasos (excepto el tipo de "Texto simple").

  1. ) La creación de una nueva instancia al usar el Selector de actividades.
  2. ) La configuración del contenido dependiendo del tipo de contenido que Usted eligió en el primer paso.

Descripción de los tipos de contenido

Texto simple

Este tipo de contenido solamente muestra la etiqueta que Usted ya conoce. ES Unilabel simple text.png

Texto colapsado

El texto colapsado originalmente le muestra al usuario el texto que Usted ingresó en el título. Este texto está resaltado en color azul como un hipervínculo y tiene un pequeño triángulo al lado izquierdo que indica que puede expanderse.

ES Unilabel mod collapsed text folded.png

Cuando el usuario hace clic en el texto colapsado, se expande para revelar todo el contenido.

ES Unilabel mod collapsed text expanded.png

Este tipo de contenido le ofrece dos opciones:

  1. un contenido doblado
  2. un diálogo modal que tiene el contenido.

Ambos tipos pueden ser usados con o sin animación

Carrusel

En este tipo de contenido Usted puede definir una serie de imágenes.

  • Cada imagen es mostrada en una presentación de carrusel.
  • Usted puede definir un subtítulo para cada imagen que se muestra adentro del elemento de la imagen.
  • Para cada imagen Usted puede definir una URL que vuelve a la imagen un botón sobre del cual se puede hacer clic.
  • El carrusel es por defecto responsivo a diferentes tamaños de pantalla.
    • Para optimizar la responsividad de cada imagen Usted puede asignar una imagen optimizada para dispositivos móviles.
    • esta imagen para móviles es mostrada en los dispositivos pequeños menores a 768 pixeles.

Unilabel carousel.png

Rejilla

Nota: Urgente de Traducir. ¡ Anímese a traducir esta muy importante página !.     ( y otras páginas muy importantes que urge traducir)

  • En este tipo de contenido Usted puede definir una serie de imágenes y contenidos/URLs.
  • La rejilla es por defecto responsiva a diferentes tamaños de pantalla.
  • Usted puede configurar un número de columnas para la rejilla para definir cuantas líneas son mostradas en una fila.
    • En las pantallas más pequeñas el número de columnas en reducido a la mitad del número definido.
    • En dispositivos móviles como teléfonos celulares solamente es mostrada una columna.
    • Para optimizar la responsividad de cada una de las imágenes Usted puede asignarles una imagen optimizada para dispositivos móviles.
      • Esta imagen móvil es mostrada en dispositivos pequeños menores de 768 pixeles.
  • Si Usted ha definido un contenido para una imagen el contenido es mostrado como un diálogo modal si Usted hace clic en la imagen.
  • Si Usted ha definido una URL para una imagen, al hacer clic se carga la URL.

Unilabel grid.png

Probadita de curso

  • Mainly intended to show on the Portada it shows the titles and images of selected courses.
  • The presentation can be a carrusel or a rejilla.
  • Each Item is a clickable button that brings the user to the related course.

Probadita de tópico

  • Mainly intended to show on the Portada. It shows the description of topics of a selected course.
  • The topics will be shown as carrusel or as rejilla.
  • If you click on such a shown topic, a modal dialog shows the topic content.