¡Bienvenido a ViSH Editor!

ViSH Editor es una aplicación web innovadora que permite crear increibles presentaciones web y recursos educativos novedosos como Excursiones Virtuales.

Para aprender a utilizar ViSH Editor tienes a tu disposición varios videotutoriales en nuestro canal de YouTube. Estos tutoriales cubren desde el uso básico para principiantes hasta funcionalidades avanzadas de la herramienta.

El siguiente videotutorial te enseñará como empezar a utilizar esta herramienta en unos pocos minutos. Si lo prefieres puedes hacer click aquí para ver un tutorial textual que te enseñará rápidamente los conceptos básicos para empezar a utilizar ViSH Editor.

Introducción a ViSH Editor

Añadiendo contenido a una diapositiva

Para añadir contenido a una diapositiva, primero tienes que pulsar sobre cualquiera de las areas editables disponibles en ella. Estas áreas tienen un borde punteado y un texto que dice "Haz click aquí para añadir contenido". Una vez que hayas seleccionado una de estas áreas, aparecerán varios iconos dentro. Cada uno de estos iconos permite añadir un tipo de contenido diferente.

Texto	vídeos
Imágenes	Quizzes (Cuestionarios)
Objetos

Si seleccionas el icono de texto, una barra de herramientas de texto aparecerá en la zona superior, permitiendo definir, entre otras características, la tipografía, el estilo y el tamaño del texto.

Si seleccionas el icono de quizzes (cuestionarios), aparecerá una nueva pantalla para que elijas el tipo de cuestionario (respuesta múltiple, verdadero/falso) a añadir.

En cualquier otro caso (imágenes, vídeos, ...), una nueva pantalla aparecerá para que elijas el contenido a añadir. Puedes añadir un recurso mediante su URL, subiendo un archivo propio o buscando en proveedores externos de contenidos como Flickr o YouTube.

Una vez que hayas añadido contenido a un área, puedes borrarlo empleando el icono de "borrar contenido":

Finalmente, si quieres borrar la diapositiva entera, puedes hacerlo usando el icono de "borrar diapositiva":

Creando Flashcards

Las Flashcards son recursos presentados como una imagen de fondo con 'zonas calientes' señaladas por flechas sobre las que el usuario puede hacer click para ver contenidos adicionales que han sido previamente etiquetados.

Para empezar a crear una Flashcard debes hacer click en el botón 'Añadir' situado a la izquierda (el botón utilizado para añadir nuevas diapositivas), y a continuación debes pulsar sobre el icono de Flashcard en el panel 'Smartcards'. Después de esto, se mostrará una Flashcard vacia en la pantalla.

Icono de Flashcard

Para seleccionar la imagen de fondo de la Flashcard debes pulsar sobre el siguiente botón:

Puedes cambiar el fondo seleccionado en cualquier momento haciendo click en el botón 'Fondo' de la barra de herramientas.

Cuando estás creando una Flashcard, se muestra un nuevo panel en la parte inferior de la pantalla. Nos referiremos a este panel como el 'panel de Flashcard'.

Para añadir una nueva diapositiva a la Flashcard pulsa sobre el botón 'Añadir' situado en el 'panel de Flashcard' y continúa con el procedimiento habitual para añadir una diapositiva. Después de añadirla, la miniatura de la nueva diapositiva aparecerá en el panel y se mostrará la diapositiva en la pantalla.

Cuando la diapositiva está seleccionada, se muestra en la pantalla y puedes editarla y borrarla de la misma forma que las diapositivas normales. Para seleccionar una diapositiva simplemente pulsa sobre ella en el 'panel de Flashcard'. Si quieres seleccionar la Flashcard nuevamente para editarla, debes hacer click en el icono de Flashcard situado a la izquierda del 'panel de Flashcard'.

Las diapositivas tienen flechas arrastrables en su parte superior. Puedes arrastrar cualquiera de ellas a la imagen de fondo de la Flashcard para crear una nueva 'zona caliente'. De este modo, cuando los usuarios hagan click sobre una flecha verán la diapositiva asociada.

Recuerda que puedes previsualizar el objeto que estás creando en cualquier momento haciendo click sobre el botón 'Vista Previa' situado en la barra de herramientas.

Creando Tours Virtuales

Los Tours Virtuales son similares a las Flashcards, pero en lugar de ser presentados como imágenes de fondo estáticas, se presentan como mapas interactivos donde las 'zonas calientes' son lugares señalados por pines en el mapa. De esta forma, cuando los usuarios hacen click sobre un pin en el mapa (sobre una localización marcada) ven contenidos adicionales.

Para empezar a crear un Tour Virtual debes hacer click en el botón 'Añadir' situado a la izquierda (el botón utilizado para añadir nuevas diapositivas), y a continuación debes pulsar sobre el icono de Tour Virtual en el panel 'Smartcards'. Después de esto, se mostrará un Tour Virtual vacio en la pantalla.

Icono de Tour Virtual

Cuando estas creando un Tour Virtual, se muestra un mapa interactivo con una caja de búsqueda en su parte superior. Puedes usar esta caja de texto para buscar lugares y localizaciones. Escribe la localización que quieras buscar, por ejemplo Madrid. Se mostrará una lista de resultados en la parte inferior de la caja de búsqueda. Puedes elegir cualquier de ellos o pulsar la tecla 'intro' para seleccionar automáticamente el primero. El mapa mostrará la localización seleccionada.

Cuando estás creando un Tour Virtual, se muestra un nuevo panel en la parte inferior de la pantalla. Nos referiremos a este panel como el 'panel de Tour Virtual'.

Para añadir una nueva diapositiva al Tour Virtual pulsa sobre el botón 'Añadir' situado en el 'panel de Tour Virtual' y continúa con el procedimiento habitual para añadir una diapositiva. Después de añadirla, la miniatura de la nueva diapositiva aparecerá en el panel y se mostrará la diapositiva en la pantalla.

Cuando la diapositiva está seleccionada, se muestra en la pantalla y puedes editarla y borrarla de la misma forma que las diapositivas normales. Para seleccionar una diapositiva simplemente pulsa sobre ella en el 'panel de Tour Virtual'. Si quieres seleccionar el Tour Virtual nuevamente para editarlo, debes hacer click en el icono de Tour Virtual situado a la izquierda del 'panel de Tour Virtual'.

Las diapositivas tienen flechas arrastrables en su parte superior. Puedes arrastrar cualquiera de ellas dentro del mapa para crear una nueva localización. Cuando arrastres una flecha dentro del mapa, un nuevo 'pin' aparecerá en la localización seleccionada. De esta forma, cuando los usuarios hagan click sobre un 'pin' en el mapa verán la diapositiva asociada. Los 'pins' también son arrastrables, de modo que puedes moverlos a lo largo del mapa. Para eliminar un 'pin' en el mapa, simplemente haz click sobre él.

Recuerda que puedes previsualizar el objeto que estás creando en cualquier momento haciendo click sobre el botón 'Vista Previa' situado en la barra de herramientas.

Creando Videos Enriquecidos

Los Videos Enriquecidos son vídeos aumentados con otros recursos (cuestionarios/quizzes, diapositivas, imágenes, etc) que pueden ser seleccionados y personalizados por el autor, y que pueden ser mostrados automáticamente cuando el vídeo llega a un instante específico de tiempo o bien de forma explicita cuando el usuario selecciona uno de ellos en un menú lateral.

Los Videos Enriquecidos han sido diseñados para ser usados en MOOCs (Cursos Online Masivos y Abiertos), con el objetivo de integrar preguntas y cuestionarios en videos de clases asi como contenidos adicionales. Sin embargo, su flexibilidad les permite ser usados en muchos otros entornos educativos.

Para empezar a crear un Vídeo Enriquecido debes hacer click en el botón 'Añadir' situado a la izquierda (el botón utilizado para añadir nuevas diapositivas), y a continuación debes pulsar sobre el icono de Vídeo Enriquecido en el panel 'Smartcards'. Después de esto, se mostrará un Vídeo Enriquecido vacio en la pantalla.

Icono de Vídeo Enriquecido

En primer lugar, debes selecconar la fuente del vídeo para el Vídeo Enriquecido pulsando sobre el siguiente botón:

Puedes cambiar la fuente de vídeo seleccionada en cualquier momento haciendo click en el botón 'Video' de la barra de herramientas.

Puedes usar videos de YouTube y HTML5 (formatos mp4, webm y ogg). Además, puedes subir tu propio vídeo al repositorio del ViSH para que sea convertido en formatos compatibles con HTML5 asegurando una compatibilidad completa en todos los dispositivos. Haz click aquí para aprender más sobre videos en ViSH Editor.

Cuando estás creando un Vídeo Enriquecido se muestran, principalmente, dos elementos en la pantalla: el reproductor de vídeo situado en el lado izquierdo, y la 'Tabla de Contenidos' situada en el lado derecho. El reproductor de vídeo permite reproducir el vídeo de la misma forma que un reproductor multimedia clásico. La 'Tabla de Contenidos' permite añadir 'Enlaces a Marcas de Tiempo'. Un enlace a una marca de tiempo permite a los espectadores saltar a un punto específico del vídeo. Los enlaces a marcas de tiempo se representan por líneas dibujadas sobre la barra de progreso del vídeo, y sus títulos se muestran en la tabla de contenidos. Para editar o borrar una marca de tiempo puedes usar los iconos situados a su lado en la tabla de contenidos.

También puedes crear enlaces a marcas de tiempo más avanzados, que se encuentren enlazados no solamente con un punto específico del tiempo, sino también con una diapositiva que contenga contenidos adicionales. En este caso, la diapositiva se mostrará de forma automática cuando el vídeo alcance la marca de tiempo o cuando el usuario pulse sobre el título correspondiente en la tabla de contenidos. Este tipo de enlaces se representan por bolas (en lugar de simples lineas), las cuales se muestran en la barra de progreso del vídeo. Los siguientes pasos explican como crear este tipo de enlaces.

Cuando estás creando un Vídeo Enriquecido, se muestra un nuevo panel en la parte inferior de la pantalla. Nos referiremos a este panel como el 'panel de Vídeo Enriquecido'.

Para añadir una nueva diapositiva al Vídeo Enriquecido pulsa sobre el botón 'Añadir' situado en el 'panel de Vídeo Enriquecido' y continúa con el procedimiento habitual para añadir una diapositiva. Después de añadirla, la miniatura de la nueva diapositiva aparecerá en el panel y se mostrará la diapositiva en la pantalla.

Cuando la diapositiva está seleccionada, se muestra en la pantalla y puedes editarla y borrarla de la misma forma que las diapositivas normales. Para seleccionar una diapositiva simplemente pulsa sobre ella en el 'panel de Vídeo Enriquecido'. Si quieres seleccionar el Vídeo Enriquecido nuevamente para editarlo, debes hacer click en el icono de Vídeo Enriquecido situado a la izquierda del 'panel de Vídeo Enriquecido'.

Las diapositivas tienen flechas arrastrables en su parte superior. Puedes arrastrar cualquiera de ellas a cualquier zona del Vídeo Enriquecido para crear un nuevo enlace a una marca de tiempo asociado con su diapositiva. Este enlace será añadido automaticamente al vídeo y a la 'Tabla de Contenidos'. El enlace se representa en el vídeo como una bola con la letra de su diapositiva asociada dentro. Puedes deslizar la bola a lo largo de la barra de progreso del vídeo para ajustar la marca de tiempo. También puedes editar la marca de tiempo y el título del enlace mediante los iconos situados a su lado en la tabla de contenidos. Si una diapositiva del Vídeo Enriquecido es eliminada, su enlace a marca de tiempo asociado (y por tanto la bola) también será eliminado.

Puedes añadir varias diapositivas en el mismo instante de tiempo. Esto resulta de gran utilidad para incluir grandes cuestionarios divididos en varias diapositivas o para combinar diferentes tipos de recursos. Para ello, simplemente ponga la misma marca de tiempo a todos los enlaces que se encuentren asociados con las diapositivas que quiera mostrar juntas. Después, se mostrarán un par de flechas en la tabla de contenidos al lado de estos enlaces. Puedes usar estas flechas para especificar el orden en el cual los contenidos serán mostrados cuando el vídeo alcance esa marca de tiempo.

Recuerda que puedes previsualizar el objeto que estás creando en cualquier momento haciendo click sobre el botón 'Vista Previa' situado en la barra de herramientas.