Presentaciones

interactivas con Sway

Descarga del contenido

para móvil

Sway es una nueva aplicación de Office 365, en donde se

pueden crear lecciones interactivas, así como también
informes, proyectos, materiales de estudio y portafolios,
basadas en la web, los cuales son fáciles de compartir y
adaptables a cualquier dispositivo.
Sway
Esta es una aplicación inteligente que nos permite mostrar contenido aplicando
diferentes formatos para presentarlos en un lienzo interactivo y dinámico desde
el cloud.

En Sway podemos integrar textos, imágenes, videos, documentos y otros

contenidos. Las presentaciones creadas, se pueden visualizar en cualquier
dispositivo, adaptándose el contenido de forma óptima para cada uno de ellos.

Paso 1: Iniciar sesión en Office 365

Para iniciar la aplicación Sway, debemos iniciar sesión con nuestra cuenta institucional de Office 365 accediendo
a la dirección https://portal.office.com

En la ventana que se muestra ingresamos nuestros datos de acceso y hacemos clic en Iniciar sesión.

1
Una vez iniciada la sesión se mostrará la ventana principal de Office 365, de donde podremos acceder a la
aplicación Sway. También podemos abrir Sway desde el Iniciador de aplicaciones .

Aplicación Sway

2
Paso 2: Aplicación Sway

Si es la primera vez que accedemos a Sway se mostrará la siguiente página, debemos hacer clic en Comenzar
para continuar.

3
En la página principal de Sway se mostrarán las presentaciones que vayamos creando. Además, veremos algunos
trabajos de ejemplo los cuales podremos abrir y modificar si fuese necesario para crear uno a partir de estos
ejemplos.

4
Paso 3: Crear un nuevo Sway
Para comenzar nuestro propio Sway hacemos clic en la opción Crear nuevo, lo que nos llevará a la siguiente
pantalla.

Clic aquí para incluir una imagen de fondo

Por defecto, lo primero que aparece es la posibilidad de agregar un título a nuestro Sway, para esto simplemente
posicionamos el cursor donde dice “Titule su Sway” para comenzar a escribir.

Adicionalmente podemos agregar una imagen de fondo para esto hacemos clic en Fondo o en Insertar.

5
En el panel de la derecha nos muestra sugerencias tomando en cuenta las palabras que incluimos en el título.
Hacemos clic en la que deseemos. Si ninguna de estas nos sirve podemos ingresar en el cuadro de búsqueda
Buscar en fuentes otras palabras claves para obtener más imágenes.

6
Si hacemos clic en Sugerencia, se despliega una lista para que podemos seleccionar en donde buscar el
contenido.

Por último, para agregar la imagen de fondo la arrastramos hasta el lugar indicado en el cuadro o la
seleccionamos y hacemos clic en Agregar.

Opción para agregar imagen seleccionada

Imagen seleccionada

7
 Haciendo clic en Detalles, tenemos la posibilidad de mostrar detalles que nos permitirán agregar un logotipo
para que se mezcle con la imagen y así dar un aspecto personalizado a nuestro Sway. Es recomendable que esta
imagen sea de extensión .png y con fondo transparente.

Mostrar detalles

Clic aquí para

agregar logotipo

8
Si seleccionamos texto, se habilitan las opciones que nos permiten enfatizarlo aplicando estilo negrita o
estableciendo un efecto de cursiva, e incluso agregar un vínculo si fuese necesario.

Desde la opción Enfocar puntos podemos decidir que parte de la imagen de fondo necesitamos destacar como
importante para que se muestre siempre en cualquier tamaño de pantalla.

En todo momento podemos visualizar una vista previa de cómo va quedando el trabajo, para ello hacemos clic
en la opción Diseño que se encuentra en la parte superior izquierda del área de trabajo.

9
Para volver al modo de edición hacemos clic en Guión.

Clic aquí para regresar al modo edición Vista previa

Sway se conformará mediante el uso de tarjetas en las cuales incluiremos diferente tipo de contenido.

Para agregar tarjetas hacemos clic en la opción Insertar contenido que se encuentra debajo de la tarjeta
seleccionada. Veremos un cuadro en donde se categorizan los distintos tipos de contenido que podemos incluir
en Sway, pudiendo agregar textos, archivos multimedia y grupos de imágenes.

10
Si necesitamos agregar contenido de texto utilizaremos un tipo de tarjeta de texto de los que hay en la categoría
Texto, que son Encabezado 1 y Texto.

Vemos a continuación una tarjeta de texto agregada que incluye diferentes detalles:

Opciones para establecer tamaño del

Texto enfatizado, estilo negrita texto, Sutil o Moderado

Texto enfatizado con estilo cursiva

Opción para eliminar tarjeta

Lista con viñetas

Lista numerada

11
La tarjeta Encabezado 1 de la categoría Texto, nos permite crear una nueva sección dentro de Sway.

Tarjeta Encabezado 1, con

imagen de fondo.

Tarjeta de Texto

Vista previa de las tarjetas anteriormente incluidas en Sway.

12
Las tarjetas que se encuentran bajo la categoría Multimedia nos permiten insertar imágenes, videos, audios,
código embebido y cargar un archivo que tengamos guardado localmente.

Al insertar una tarjeta de imagen vemos lo siguiente:

Tarjeta de Imagen

Para incluir la imagen hacemos clic en Arrastre una imagen hasta aquí o podemos ir directamente a la opción
Insertar, en donde veremos la lista de sugerencias o bien podemos buscar la imagen que necesitemos desde los
sitios que se listan.

Para la inserción de la imagen se puede seleccionar y luego dar clic en Agregar o la podemos arrastrar y soltar
en el cuadro indicado.

13
Podemos ingresar una leyenda en relación a la imagen insertada y cambiarle el aspecto al texto con las opciones
que se muestran en la tarjeta.
Opciones para determinar el espacio que
Opciones para modificar aspecto del texto ocupará la imagen en la presentación.

Si seleccionamos varias imágenes y las insertamos, Sway las agregará automáticamente a cada una de ellas en
una tarjeta de imagen.

14
Las tarjetas de imagen se mostrarán seleccionadas lo cual nos permitirá agruparlas eligiendo un tipo de grupo,
para esto hacemos clic en la opción Agrupar. En la parte derecha aparece un panel con los tipos de grupos
disponibles.

Cuando insertamos una tarjeta de video la visualizamos de la siguiente forma:

15
Procedemos de manera similar a cuando insertamos una imagen, la única diferencia será que cambiaremos el
sitio de búsqueda para que sea en YouTube.

En este ejemplo se insertó el video, con una leyenda y se determinó que el mismo ocupe toda la pantalla

activando la opción Intenso .

16
Vista previa del video insertado.

En Sway es posible insertar recursos de otras páginas como animaciones, documentos, videos y más, utilizando
el código de inserción que estas proporcionan. Por ejemplo, supongamos que necesitamos insertar un
cuestionario realizado en Microsoft Forms, para esto hacemos clic en Compartir, seleccionamos la opción
Embed para generar el código de inserción y luego damos clic en Copiar para mantener el código de inserción
copiado en el portapapeles.

Clic en Embed para obtener el código de inserción

Opción realizar la copia del código de inserción

17
Ahora en nuestro Sway agregamos la tarjeta de inserción que se encuentra en la categoría Multimedia, y en el
espacio indicado pegamos el código anteriormente copiado.

En la vista previa tendremos el siguiente resultado:

Haciendo clic Aquí, podrá ver una lista de los sitios compatibles para la inserción de contenido.

18
Desde la categoría Multimedia estamos en condiciones de insertar una tarjeta de audio. En esta podemos incluir
un audio que tengamos guardado en nuestro equipo para lo cual hacemos clic en Agregar un archivo de audio y
elegimos el archivo.

Si contamos con un micrófono tenemos la posibilidad de grabar un audio, para esto hacemos clic en Grabar. Se
muestra un cuadro en la parte inferior en donde se visualiza el tiempo de grabación transcurrido y las opciones
para pausar y detener la grabación.

Una vez finalizada la grabación, se visualiza el siguiente cuadro. Hacemos clic en Agregar a Sway para insertar
el archivo de audio en la presentación.

19
Desde la categoría Grupo podemos insertar un grupo de elementos para nuestra presentación.

Si elegimos la tarjeta de grupo automático, hacemos clic en Agregar contenido para insertar diferentes
elementos.

A su vez, veremos un nuevo cuadro desde el cual seleccionaremos los elementos que serán incluidos en el grupo.

Dependiendo del grupo que utilicemos en nuestro Sway serán los elementos que podremos insertar.

Grupo Cuadrícula

20
 Grupo Pila

Grupo Comparación

Grupo Presentación

21
Vista previa del grupo Cuadrícula, en la cual hay agregado texto, imágenes y video.

El grupo Pila, permite apilar las imágenes y se visualizarán a medida que vayamos haciendo clic.

22
El grupo Comparación permite utilizar 2 imágenes para crear una comparativa entre una y otra.

Moviendo las flechas alternamos entre

una imagen y la otra.

En el grupo Presentación, si hacemos clic en Tipo de grupo, tenemos la posibilidad de elegir otro tipo de
presentación de las imágenes.

23
Cuando comenzamos a trabajar un nuevo proyecto en Sway, éste asume un diseño por defecto.

24
Luego de haber agregado el contenido podemos modificar el diseño previo de nuestra presentación; para esto
hacemos clic en la opción Estilos.

De la galería de Estilos, seleccionamos la forma en que se desplazará la presentación pudiendo ser vertical u
horizontalmente, u optimizado para presentación eligiendo la opción Diapositivas. Además, podemos escoger
un estilo de colores, tipografías y texturas de los que se encuentran en la galería. Los cambios se irán visualizando
en la Vista previa.

25
Adicionalmente, mediante el botón Personalizar podemos tomar un diseño de la lista y cambiar la combinación
de colores, tipo de fuente, el énfasis en las animaciones y el tamaño del texto.

Al seleccionar la opción Personalizar se visualizará la siguiente ventana para que realicemos las modificaciones
necesarias.

Haciendo clic en el botón Remezclar, obtendremos de forma aleatoria un diseño y navegación para la
presentación. Podemos hacer clic hasta encontrar un diseño que nos agrade.

Por ejemplo, hacemos clic en Remezclar una vez y obtenemos el siguiente diseño:

26
Hacemos clic otra vez y podríamos obtener el siguiente:

Para visualizar la presentación de Sway de la forma en que otros usuarios lo verán, con las animaciones y
diseño que hayamos aplicado, hacemos clic en Mostrar.

27
Si necesitamos continuar la edición de la presentación hacemos clic en Editar este Sway que se encuentra
en la parte superior derecha de la ventana.

Haciendo clic en Configuración podemos cambiar la configuración del Sway.

Una de las ventajas más significativas de Sway, es que el contenido puede ser visualizado en cualquier
dispositivo, este contenido se adapta automáticamente al mismo. Solamente tenemos que preocuparnos en
crear y será Sway quien se encargue de optimizarlo para que sea perfectamente visible desde cualquier
plataforma.

28
Paso 4: Colaborar con Sway
Con Sway podemos trabajar de forma colaborativa realizando coautoría con otras personas. Esto significa que
varios podrán modificar nuestra presentación junto con nosotros.

Para poder hacer esto, debemos compartir un vínculo de edición con aquellas personas que deseemos. Este
vínculo se obtiene haciendo clic en Compartir y luego seleccionando la opción Editar. Una vez generado el
vínculo de edición hacemos clic en Copiar para dejarlo almacenado en el portapapeles y poder pegarlo para
enviarlo a otros usuarios.
Opción Compartir

Opción Editar

Opción Copiar

Las personas que reciban este vínculo de edición deberán iniciar sesión con su cuenta institucional, aparecerá
un mensaje en donde se indica que se le ha envitado a trabajar en nuestro Sway y finalmente deberán hacer clic
en Editar para comenzar a trabajar.

29
 Personas que están editando este Sway

Haciendo clic en Más opciones, tenemos la posibilidad de establecer una contraseña que permita la edición de
nuestro Sway y permitirle a esas personas que puedan visualizar el botón para compartir la presentación.

Si necesitamos modificar quien tiene acceso a nuestro Sway, hacemos clic en Restablecer configuración de los
recursos compartidos. Esta acción cambiará permanentemente el vínculo de edición antes generado por uno
nuevo para que podamos compartirlo con los usuarios deseados.

30
Paso 5: Compartir un Sway para que puedan visualizarlo
Hay diversas formas de compartir un Sway con otros para que puedan visualizarlo, para esto hacemos clic en
Compartir.

Por defecto los Sways se comparten con personas que pertenece a la misma organización pero podremos
modificar esta configuración para que usuarios externos puedan ver nuestro Sway si les enviamos el vínculo.

Si seleccionamos la opción Personas específicas del área Compartir su Sway con:, podemos configurar el vínculo
que enviaremos a las personas de nuestra organización para que sea de lectura o edición, y en el cuadro
escribimos el nombre o las cuentas de correo electrónico de los usuarios de nuestro dominio que recibirán dicho
vínculo.

31
Si hacemos clic en Obtener un vínculo visual, Sway nos proporciona una imagen que contiene el link a la
presentación, el cual podremos copiar y pegar en el cuerpo de un mensaje de correo electrónico.

Si marcamos la opción Cualquier persona con un vínculo, estamos en condiciones de compartir nuestro trabajo
para que cualquier usuario pueda verlo aunque esté fuera de la organización.

Adicionalmente, podemos compartir nuestro Sway en redes sociales como Facebook, Twitter y LinkedIn.

32
Haciendo clic en Obtener código para insertar, obtendremos un código de inserción que nos permitirá insertar
nuestro Sway en un blog, página web o inclusive en otro Sway.

Haciendo clic en Más opciones, tenemos la posibilidad de establecer una contraseña que permita la edición de
nuestro Sway y permitirle a esas personas que puedan visualizar el botón para compartir la presentación.

33
Paso 6: Descubrir más opciones disponibles
Haciendo clic en Más opciones , se despliega una lista de opciones disponibles que nos permitirán ejecutar
diferentes acciones con nuestro Sway.
Más opciones

A continuación, describimos las acciones de cada opción disponible:

• Mis sways: nos lleva a la página principal de Sway.
• Crear: nos permite crear una nueva presentación de Sway en blanco.
• Duplicar este Sway: crea una copia del Sway que estamos editando.
• Guardar como plantilla: guarda el Sway como una plantilla la cual podemos tomar como base al
momento de crear un nuevo proyecto.
• Imprimir: genera un archivo en pdf para que podamos descargarlo e imprimirlo.

34
• Exportar: permite generar un documento de Word el cual podemos editar o descargar un archivo
pdf.

• Configuración de este Sway: brinda distintas opciones de configuración para nuestro Sway entre las
cuales podemos establecer idioma, activar la capacidad de cambiar la dirección del texto en las
tarjetas, cambiar el diseño para que el contenido se mueva de derecha a izquierda, permitir que los
usuarios puedan duplicar nuestro Sway, dejar que puedan imprimir y exportar la presentación, dejar
que las personas que visualicen el Sway tengan la posibilidad de cambiar el diseño y mostrar o no
pie de página de información de Sway. Por otra parte, se puede configurar que la visualización sea
automática o no.

35
Paso 7: Eliminar un Sway
Para eliminar un Sway debemos estar en Mis Sways que es la página principal en donde se almacenan nuestras
presentaciones interactivas.

Si estamos editando un Sway, para llegar a Mis Sways hacemos clic en Sway o damos clic en Más opciones
- Mis Sways.
Clic en Sway para acceder a Mis Sways Clic aquí para acceder a Mis Sways

Una vez en la página principal hacemos clic en Más opciones del Sway que deseemos eliminar y damos
clic en Eliminar . Aparece un mensaje de confirmación para borrar el Sway en donde daremos clic en Sí,
eliminarlo.

36
Los Sways eliminados se alojan en la Papelera de reciclaje durante 30 días, luego de este período de tiempo se
borrarán permanentemente. Para acceder a esta, seleccionamos la opción Eliminados.

Clic en Eliminados

Si hacemos clic en Vaciar Papelera de reciclaje se eliminarán definitivamente los Sways que allí se encuentren
NO pudiendo recuperarlos.

La opción Restaurar todo regresa todos los sways de la papelera de reciclaje a Mis Sways.

Para restaurar una presentación, la seleccionamos y luego hacemos clic en Restaurar.

Para eliminar definitivamente una presentación, la seleccionamos y hacemos clic en Eliminar.

37