Diferencia entre revisiones de «Módulo Unilabel»

De MoodleDocs
(tidy up)
(tidy up)
 
(No se muestran 10 ediciones intermedias del mismo usuario)
Línea 7: Línea 7:
|float = right
|float = right
}}
}}
{{EnTraduccion}}
 
{{Infobox plugin
|type = Resource module
|entry = https://moodle.org/plugins/mod_unilabel
|tracker = https://github.com/grabs/moodle-mod_unilabel
|discussion = https://github.com/grabs/moodle-mod_unilabel/issues
|maintainer = [[User:Andreas Grabs|Andreas Grabs]]
|float = right
}}
{{EnTraduccion}}
==Vista general==
==Vista general==


The Moodle plugin "mod_unilabel" enables you to include some nice formated text on a course page or the [[Portada]].
El plugin "mod_unilabel" para Moodle le permite incluir texto lindamente formateado en una página de curso o en la  [[Portada]].
There are 5 different content types included (extendable sub plugins):
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]]
* [[#Course teaser|Course teaser]]
* [[#Probadita de curso|Probadita de curso]]
* [[#Topic teaser|Topic teaser]]
* [[#Probadita de tópico|Probadita de tópico]]


==Instalación==
==Instalación==
Línea 33: Línea 24:
==Uso==
==Uso==


The configuration consists of two steps (except the "Simple text" type).
La configuración consiste de dos pasos (excepto el tipo de "Texto simple").
#) The creation of a new instance by using the [[Selector de actividades]].
#) La creación de una nueva instancia al usar el [[Selector de actividades]].
#) The configuration of the content depending on the content type you chose in the first step.
#) La configuración del contenido dependiendo del tipo de contenido que Usted eligió en el primer paso.


==Description of the content types==
==Descripción de los tipos de contenido==




===Texto simple===
===Texto simple===


This content type just shows the [[Etiqueta|etiqueta]] as you already know.
Este tipo de contenido solamente muestra la [[Etiqueta|etiqueta]] que Usted ya conoce.
[[File:Unilabel simple text.png|400px]]
[[File:ES_Unilabel simple text.png|400px]]


===Texto colapsado===
===Texto colapsado===
The collapsed text originally shows the user only the text that you entered in the title. This text is highlighted as a hyperlink and has a small triangle at the left side to indicate that it can be expanded.
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:Unilabel mod collapsed text folded.png|400px]]
[[File:ES_Unilabel mod collapsed text folded.png|400px]]


When the user click on the collapsed text, it will expand to reveal all the content.
Cuando el usuario hace clic en el texto colapsado, se expande para revelar todo el contenido.


[[File:Unilabel mod collapsed text expanded.png|800px]]
[[File:ES_Unilabel mod collapsed text expanded.png|800px]]


This content type offers you two options:
Este tipo de contenido le ofrece dos opciones:
#) a folded content
# un contenido doblado
#) a modal dialog containing the content.
# un diálogo modal que tiene el contenido.
Both types can be used with or without animation
Ambos tipos pueden ser usados con o sin animación


===Carrusel===
===Carrusel===


In this content type you can define a series of images.
En este tipo de contenido Usted puede definir una serie de imágenes.
* Each image is shown in a slide show.
* Cada imagen es mostrada en una presentación de carrusel.
* You can also define a caption to each image that is show '''inside''' the slide item.
* Usted puede definir un subtítulo para cada imagen que se muestra '''adentro''' del elemento de la imagen.
* For each image you can define a URL what makes the image to a clickable button.
* Para cada imagen Usted puede definir una URL que vuelve a la imagen un botón sobre del cual se puede hacer clic.
* The carousel is by default responsive to different screen sizes.
* El carrusel es por defecto responsivo a diferentes tamaños de pantalla.
** To optimize the responsivity to each of the images you can assigne a mobile optimized image.
** Para optimizar la responsividad de cada imagen Usted puede asignar una imagen optimizada para dispositivos móviles.
** This mobile image is shown on small devices smaller than 768 px.
** esta imagen para móviles es mostrada en los dispositivos pequeños menores a 768 pixeles.
[[File:Unilabel carousel.png|800px]]
[[File:Unilabel carousel.png|800px]]


===Rejilla===
===Rejilla===


* In this content type you can define a series of images and contents/URLs.
* En este tipo de contenido Usted puede definir una serie de imágenes y contenidos/URLs.
* The grid is by default responsive to different screen sizes.
* 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]]


===Course teaser===
===Probadita de curso===


* Mainly intended to show on the [[Portada]] it shows the titles and images of selected courses.
* Principalmente para mostrarse en la [[Portada]], muestra los mosaicos y las imágenes de cursos seleccionados.
* The presentation can be a [[#Carousel|carousel]] or a [[#Grid|grid]].
* La presentación puede ser un [[#Carrusel|carrusel]] o una [[#Rejilla|rejilla]].
* Each Item is a clickable button that brings the user to the related course.
* Cada elemento es un botón cicable que lleva al usuario al curso relacionado.


===Topic teaser===
===Probadita de tópico===


* Mainly intended to show on the [[Portada]]. It shows the description of topics of a selected course.
* Principalmente para mostrarse en la [[Portada]], muestra la descripción de tópicos de un curso seleccionado.
* The topics will be shown as [[#Carousel|carousel]] or as [[#Grid|grid]].
* Los tópicos pueden ser mostrados como [[#Carrosel|carrusel]] o como [[#Rejilla|rejilla]].
* If you click on such a shown topic, a modal dialog shows the topic content.
* Si Usted hace clic en un tópico mostrado, un diálogo modal muestra el contenido del tópico.




[[en:Unilabel module]]
[[en:Unilabel module]]

Revisión actual - 17:27 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

  • 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

  • Principalmente para mostrarse en la Portada, muestra los mosaicos y las imágenes de cursos seleccionados.
  • La presentación puede ser un carrusel o una rejilla.
  • Cada elemento es un botón cicable que lleva al usuario al curso relacionado.

Probadita de tópico

  • Principalmente para mostrarse en la Portada, muestra la descripción de tópicos de un curso seleccionado.
  • Los tópicos pueden ser mostrados como carrusel o como rejilla.
  • Si Usted hace clic en un tópico mostrado, un diálogo modal muestra el contenido del tópico.