Diferencia entre revisiones de «Tours para usuarios»

De MoodleDocs
(tidy up)
(tidy up)
Línea 12: Línea 12:
*Here you see any existing user tours and have the option to create a new tour, import a tour or browse user tours on the [https://moodle.net/mod/data/view.php?id=17 Tour repository]. (An administrator and a teacher tour have been added to new and upgraded sites to introduce the [[Tema Boost]] and get you started.)
*Here you see any existing user tours and have the option to create a new tour, import a tour or browse user tours on the [https://moodle.net/mod/data/view.php?id=17 Tour repository]. (An administrator and a teacher tour have been added to new and upgraded sites to introduce the [[Tema Boost]] and get you started.)
[[File:usertour_listing_page.png|thumb|600px|center]]
[[File:usertour_listing_page.png|thumb|600px|center]]
*For each of your existing tours, you can click either directly on its name or on its View action icon to view its current listed steps
*Para cada uno de sus cursos existentes, Usted puede hacer click, ya sea directamente en su nombre o en su ícono para acción Ver, para ver sus pasos actualmente enlistados
*Each tour can be individually enabled or disabled as required in its settings page.
*Cada tour puede ser habilitado o deshabilitado individualmente según se requiera en su página de configuraciones.Each tour can be individually enabled or disabled as required in its settings page.
'''Note:''' ''You can have multiple tours created for the same page destination, but  you should only have one per page enabled at one time.''
'''Note:''' ''You can have multiple tours created for the same page destination, but  you should only have one per page enabled at one time.''
*Icons against each tour allow you to view, edit, export or delete it.
*Icons against each tour allow you to view, edit, export or delete it.
Línea 38: Línea 38:
#Display in the middle of the page
#Display in the middle of the page
*Add the title and content
*Add the title and content
*For all types, select whether to display the step with a darkened backdrop
*Para todos los tipos, selecione si es que se mostrará o no el paso con un sombreado oscurecido
*For blocks or selectors, select the Placement option for where to place the display
*Para bloques o selectores, seleccione la opción para posicionamiento para donde colocar la visualización
*For blocks or selectors, select whether to display the step if its target isn’t found
*Para bloques o selectores, seleccione si es que se muestra el paso en caso de que no se encuentre el destino
*For blocks or selectors, select whether to move on click, ie move to next step when target is clicked
*Para bloques o selectores, seleccione si es que se mueve al hacer click; por ejemplo, que se mueva hacia el paso siguiente cuando se hace click sobre el destino
*Click on 'Save changes'
*Haga click en 'Guardar cambios'


==Cómo funcionan los tours para usuario?==
==Cómo funcionan los tours para usuario?==

Revisión del 17:22 10 dic 2016

Moodle 3.2

¡Nueva característica
en Moodle 3.2!


translator note icon.png Nota del traductor: En esta página, al igual que en el paquete del Español de México, se emplea el anglicismo tour con el mismo significado (recorrido, paseo) que tiene en inglés, con la esperanza de que todos los lectores entiendan de que se trata.


translator note icon.png Nota del traductor: Al momento de escribir esta documentación (junio 2016), las frases originales en idioma Inglés solamente estaban traducidas al Español de México, pero no se habían hecho las traducciones al Español internacional, por lo que posiblemente algunos usuarios tengan ciertas frases en el idioma inglés original y otras frases tengan una redacción diferente.. Por favor, si le es posible, ayúdenos con la Traducción en el sitio de AMOS, otras páginas muy importantes que denotan que faltan de traducir frases del Inglés, y después quite esta plantilla.


note icon.png Existe documentación diferente para varias versiones de Moodle: Esta documentación es para Moodle 3.2, pero existe documentación para Moodle 3.1.



Los tours para usuarios (user tours) son guías paso-a-paso para varias áreas de Moodle. Los administradores pueden crear nuevos tours o imprtar tours existentes desde Moodle.net/tours. Los filtros multi-idioma permiten que los tours se muestren en difrentes idiomas. Vea el screencast en idioma inglés User tours para ver una demostración.

¿Cómo se configura?

  • As an administrator, access 'User tours' from Site administration
  • Here you see any existing user tours and have the option to create a new tour, import a tour or browse user tours on the Tour repository. (An administrator and a teacher tour have been added to new and upgraded sites to introduce the Tema Boost and get you started.)
usertour listing page.png
  • Para cada uno de sus cursos existentes, Usted puede hacer click, ya sea directamente en su nombre o en su ícono para acción Ver, para ver sus pasos actualmente enlistados
  • Cada tour puede ser habilitado o deshabilitado individualmente según se requiera en su página de configuraciones.Each tour can be individually enabled or disabled as required in its settings page.

Note: You can have multiple tours created for the same page destination, but you should only have one per page enabled at one time.

  • Icons against each tour allow you to view, edit, export or delete it.
  • Tours will be displayed on any page whose URL matches the specified path value, for instance:
  1. /my/% - to match the Dashboard
  2. /course/view.php?id=2 - to match a specific course
  3. /mod/forum/view.php% - to match the forum discussion list
  4. /user/profile.php% - to match the user profile page
  • Each tour will be configured with default step settings which you can edit in the settings page:
  • Placement: Top, Bottom (Default), Left, Right. This determines where the step shows relative to its matching block or CSS selector on the page.
  • Show if target not found: No (Default), Yes. This determines whether the step is shown or not when the target has not been found.
  • Show with backdrop: No (Default), Yes. If yes, the step appears surrounded by a darkened backdrop to emphasis its content and location.
  • Move on click: No (Default), Yes. If yes, the tour continues to the next step when the user clicks within the block or area targeted by the current step.

Note: If you want users to be able to fill in forms as they work through the tour, then don't use a backdrop.

  • Tour filters allow you to choose the role(s) and theme(s) for which the tour will be displayed.

¿Cómo le añado pasos a un tour ?

  • Either click directly on its name or on its View action icon to view the currently listed steps.
  • Here are the initial steps for a sample tour for the Dashboard page:
usertour steps page.png
  • Click on the 'New step' link and select what you want to highlight:
  1. Block - to display next to a matching block on the page. Select the block you want from the dropdown.
  2. CSS Selector - to display next to a matching selector on the page. Type in the relevant selector. (See examples below.)
  3. Display in the middle of the page
  • Add the title and content
  • Para todos los tipos, selecione si es que se mostrará o no el paso con un sombreado oscurecido
  • Para bloques o selectores, seleccione la opción para posicionamiento para donde colocar la visualización
  • Para bloques o selectores, seleccione si es que se muestra el paso en caso de que no se encuentre el destino
  • Para bloques o selectores, seleccione si es que se mueve al hacer click; por ejemplo, que se mueva hacia el paso siguiente cuando se hace click sobre el destino
  • Haga click en 'Guardar cambios'

Cómo funcionan los tours para usuario?

usertours01.png

Una vez que se haya creado y habilitado un tour para usuario, la primera vez que un usuario vea una página que coincida con las configuraciones de la (ruta a la) página del tour para el usuario, el tour para el usuario empezará a mostrarse automáticamente, comenzando con el primer paso. Cada paso del tour mostrará su título y contenido, junto con tres botones de opciones:

  • Anterior - para regresar al paso anterior en el tour
  • Siguiente - para ir al paso siguiente en el tourNext - to go to the next step in the tour
  • Finalizar Tour - para salir completamente del tour

En cualquier momento que el usuario deseara re-ejecutar el tour de la página, puede hacer click en el enlace para "Reiniciar tour del usuario en esta página" al fondo de la página.

Ayuda con los selectores CSS

Si Usted desea usar selectores CSS como parte de su tour de usuario, las herramientas para desarrolladores de su navegador de Internet le serán muy útiles para crear estos selectores:

Ejemplo de un selector CSS muy simple

CSS selector for user picture in a user tour.png

The settings above will produce this in the user tour:

user picture chosen by CSS selector in a user tour.png

  • How did we know that .userpicture would select just the Moodle user picture?
  • By looking at the page with an HTML inspector in Firefox, as described in the 'Help with CSS selectors' section below.

Otros ejemplos de selectores CSS simples

.breadcrumb These site links (known as breadcrumbs) will always show where you are in the site and how to return to a main page, such as your Dashboard or your course main page.
.usermenu  This is the user menu. It contains links to your Dashboard, Messages, Profile, and your Preferences.
[value="Customise this page"]  Add your own blocks of content by clicking here!


Capacidad multi-idioma

Si su sitio Moodle ya está configurado, o Usted pretende habilitarlo, para uso multi-idiomas, los tours son completamente compatibles con este requisito. Usando el formato de filtro multi-idioma, los títulos y contenidos de cada paso del tour, mostrados al usuario, pueden ser editados para adecuarlos a los requisitos multi-idiomas. Por favor, vea Filtro de contenido multi-idioma para instrucciones más detalladas sobre como habilitar, formatear y enviar cadenas multi-idioma para su sitio Moodle.

Por favor, recuerde ir a Tablero ► Administración del sitio ► Plugins ► Filtros ► Gestionar filtros para habilitar el Filtro de contenido multi-idioma antes de importar cualquier tour para usuarios multi-idioma en su sitio, pues de lo contrario los usuarios verán TODOS los textos en TODOS los idiomas simultaneamente, tal y como se observa en la siguiente imagen:

Consecuencia del filtro multi-idioma no habilitado

Cuando se configura apropiadamente, un tour para usuario multi-idioma se mostrará automáticamente en el Idioma preferido de cada usuario, como se observa en las siguientes imágenes del tours para usuarios correspondiente al Tablero de Moodle 3.1 en idiomas Español de México, Inglés y Francés (en el mismo servidor):

Multilang user tour in Spanish.png

Multilang user tour in English.png

Multilang user tour in French.png

Traducción de tours para usuarios

Vea how to translate user tours en la documentación en idioma inglés para desarrolladores.

Compartir es amor

Nosotros realmente esperamos que Usted pueda crear algunos tours realmente poderosos para ayudar a guiar a sus usuarios alrededor de su sitio. Nosotros realmente pensamos que así lo hará y le animamos a que comparta los tours que Usted cree con otros.

Nosotros hemos creado una BasedeDatos de tours en Moodle.net en donde Usted puede compartir sus creaciones y también encontrar inspiración de las ideas de otros.

Este trabajo fue financiado por los sujetos amables de Dublin City University.

Capacidades del tour para usuario

There is just one capability, which is allowed for the default role of manager:

Vea también