Компания Microsoft в 2015 году презентовала свою новую разработку. Новый инструмент предназначен для создания презентаций, отчётов, цифровых историй, лонгридов и называется Sway.

Новый инструмент специально предназначен для использования в тесной связке с Интернетом. Всего несколькими кликами можно вставить в лонгрид или презентацию мультимедиа из YouTube, Vine, Vimeo, Flickr, Giphy и других сервисов.

Онлайн-сервис Sway доступен для свободного использования всем обладателям учётной записи Microsoft.

Вот небольшой пример цифровой истории, созданной с помощью Sway.

Регистрация

Для начала работы с веб-версией Sway нужно получить учётную запись Microsoft.

Для регистрации заходим на сайт и нажимаем на кнопку «Начало работы».

Создать аккаунт можно с помощью номера телефона или адреса электронной почты.

Так выглядит регистрация с электронной почтой.

Нужно придумать сложный пароль.

Вставить в поле секретный код, который пришлют на адрес электронной почты.

Но это ещё не всё. Надо ещё решить задачку, чтобы доказать, что ты не робот.

А точнее, это будет даже не одна, а пять задачек на внимательность.

Создаём лонгрид. Добавляем тексты и мультимедиа

И наконец мы оказываемся в личном кабинете. Чтобы приступить к работе, нажимаем на кнопку «Создать». Тогда возникнет чистая страница, которую мы и будем заполнять контентом.

А вот если с этой чистой страницы вернуться назад — через кнопочку со стрелкой в строке браузера, то появится ещё возможность закачать документ (например, презентацию) с ПК и превратить его в лонгрид. Для этого нажимаем на кнопку «Начать с документа». Загрузить можно файл весом не более 20 мегабайт.

А чуть ниже будут готовые шаблоны, которые можно взять за основу и отредактировать.

Но интереснее всё-таки начать с чистого листа. Что мы и сделаем.

Сначала небольшой экскурс по конструктору Sway. В области «Лента историй» можно вводить, вставлять, редактировать и форматировать контент, с помощью которого мы рассказываем историю.

Контент располагается последовательно при добавлении карточек, на каждой из которых — содержание определенного типа: текст, изображения, видеозаписи и другие мультимедиа. Порядок карточек можно изменить в любой момент, перемещая их «мышью».

Чтобы удалить карточку, нажимаем на кнопку-«корзинка» в правом верхнем углу.

В области «Конструктор» можно посмотреть, как будет выглядеть готовая история.

На первой карточке истории щелкаем по тексту «Назовите Sway» и вписываем название лонгрида. К заголовку можно добавить ссылку, сделать его полужирным (Выделить) или наклонным (Акцентировать).

К заголовку можно добавить фон. Для этого щёлкаем по одноимённой кнопке слева от заголовка. Справа открывается библиотека картинок, из которых можно выбрать подходящую. В библиотеке есть специальный раздел, который так и называется — «Фон».

Можно загрузить свою картинку, нажав на кнопку «Моё устройство».

В библиотеке картинок есть поисковая строка, которая поможет в подборе изображения. В качестве фона может выступать и видео: для это заходим в соответствующую вкладку.

Нужную картинку или нужный видеоролик перетягиваем «мышью» в карточку (Перетащите изображение сюда).

Чтобы добавить новую карточку в Sway,  щелкаем по значку «+» в нижней части существующей карточки и выбираем нужный вариант.

В лонгрид можно добавить текст (заголовок или текстовый блок), мультимедиа (фото, аудио, видео) и группировку элементов (фотогалерею).

Карточка «Заголовок» выглядит так же, как и самая первая карточка с названием логрида. Её можно использовать для создания разделов внутри цифровой истории.

Карточка «Текст» добавляет на страницу текстовый блок. К тексту можно добавить ссылку, сделать его полужирным (Выделить) или наклонным (Акцентировать). Доступно также создание маркированных и нумерованных списков.

К тексту можно добавить фон, выбрав изображение из библиотеки сервиса или загрузив его с ПК (Моё устройство).

Для карточки с текстом можно настроить слабое и сильное выделение: текст в этом случае будет то мельче, то крупнее. Кнопки для этой настройки находятся на карточке справа.

Чтобы добавить картинку, нажимаем на значок «+», выбираем «Мультимедиа» и дальше — «Изображение».

Добавить картинку можно из библиотеки сервиса, которая откроется справа, или загрузив с ПК (Моё устройство).

Нужную картинку переносим «мышкой» в карточку. К изображению можно добавить подпись, маркированный или нумерованный список, внутрь подписи добавляются ссылки.

Можно дополнительно настроить картинку для показа. Для этого на карточке нажимаем на кнопку «Точка фокусировки».

Справа откроется поле для настройки. «Мышкой» нужно коснуться важной области на картинке, чтобы правильно разместить изображение в Sway. Для удаления точки фокусировки повторно щёлкаем по картинке справа.

Можно обойтись без настроек, выставив «галочку» в поле «Показывать изображение целиком».

Карточке с картинкой можно задать слабое, среднее и сильное выделение: картинка в этом случае будет мельче или крупнее. Кнопки для этой настройки находятся справа от «Точки фокусировки».

Видео вставляется примерно так же, как и изображение. Нажимаем на значок «+», выбираем «Мультимедиа» и дальше — «Изображение».

Добавить картинку можно из библиотеки сервиса, которая откроется справа, по ссылке из YouTube (вносим ссылку в поисковую строку и нажимаем на значок-«лупа») или загрузив с ПК (Моё устройство).

Нужное видео переносим «мышкой» в карточку. К нему можно добавить подпись, маркированный или нумерованный список, внутрь подписи добавляются ссылки.

Для карточки с видео можно настроить слабое, среднее или сильное выделение (кнопки находятся на карточке справа).

Звуковой файл вставляется так: нажимаем на «+», выбираем «Мультимедиа» — «Звук», нажимаем на кнопку «Добавить звуковой файл» и загружаем аудио с ПК.

К нему можно добавить подпись, маркированный или нумерованный список, внутрь подписи добавляются ссылки.

Можно записать озвучку онлайн: для этого нажимаем на кнопку «Запись», разрешаем сервису доступ к микрофону и приступаем к озвучиванию. Панель управления записью откроется внизу.

Как только озвучка готова, нажимаем на кнопку «Стоп» с изображением квадрата.

Готовую запись можно тут же вставить в лонгрид (Добавить в презентацию Sway), перезаписать или удалить.

Осталось выяснить, как добавить в лонгрид встраиваемый объект. Идём знакомым путём: нажимаем на кнопку «+», выбираем «Мультимедиа» — «Внедрённый объект».

Теперь в поле карточки можно вставить код объекта. К сожалению, вставить можно не всё, что нравится. Поддерживается встраивание материалов с этих сайтов: Google Docs, Google Forms, Google Maps, Infogram, Padlet, Vimeo, Vine, Wizer.Me, YouTube, ArcGIS Online.

Для карточки можно настроить слабое, среднее или сильное выделение, а можно остаить «Исходный размер».

Также в лонгрид можно добавить текстовые документы, презентации PPT и файлы PDF.

Для этого создаём новую карточку, выбираем «Мультимедиа» — «Отправить» и загружаем файлы с ПК.

Дальше можно импортировать содержимое документа (Импорт) или внедрить его как встраиваемый объект, чтобы сохранилась его вструктура (Внедрённый объект). В лонгриде лучше смотрится второй вариант.

Группируем объекты

Теперь предлагаю сосредоточиться на добавлении карточек из раздела «Группировка». Название говорит само за себя: с помощью таких карточек можно вставить сразу большое количество разнообразного контента (фото, видео, тексты, файлы) и объединить их в одно целое.

Группировка «Авто» позволяет добавлять любой контент: фото, видео, аудио, файлы с ПК, тексты. Все добавленные объекты будут отображаться один за другим в общем блоке. Их всегда можно «Разгруппировать».

А ещё можно поменять тип группы, нажав на одноимённую кнопку в карточке. Например авто-группировку можно поменять на «Сетку» или «Ряд».

Для каждого объекта внутри группы доступны те же настройки, что и для одиночных карточек.

Группировка «Сетка» поможет объединить файлы, тексты, картинки и видео. Объекты будут отображаться в ячейках таблицы. Их тоже можно разгруппировать.

Тип группы можно поменять, например, на «Ряд», «Авто» или «Слайд-шоу».

Все карточки в группировке настраиваются так же, как и одиночные объекты.

Группировка «Сравнение» позволяет вставить в лонгрид слайдер из двух изображений из серии «что было и что стало».

Сам слайдер будет выглядеть примерно вот так (фотографии для примера взяты случайные).

В группу «Ряд» можно добавить тексты, фото и файлы с ПК.

На практике группировка будет выглядеть как колода карточек, которые можно перелистывать.

В группу «Слайд-шоу» добавляются только картинки.

Если нажать на кнопку «Тип группы», можно выбрать вид слайд-шоу: доступно три варианта.

Оформляем работу

Переходим во вкладку «Конструктор» и приступаем к оформлению лонгрида: для этого нажимаем на кнопку «Стили» вверху справа.

Сначала выбираем способ просмотра: по вертикали (тогда получим традиционный лонгрид), по горизонтали (горизонтальный лонгрид) или в виде слайдов (тогда получим классическую презентацию).

Можно настроить стиль работы автоматически, нажав на кнопку «Изменить дизайн!». Кнопку можно нажимать несколько раз, пока дизайн проекта не понравится.

Чуть ниже есть готовые шаблоны оформления — можно выбрать один из них.

Если нажать на кнопку «Настроить», можно самостоятельно выбрать шрифт, цвет и другие оформительские штучки.

Так выглядит редактор для оформления работы «вручную». 

Публикация и совместная работа

Чтобы просмотреть получившийся лонгрид, нажимаем на кнопку «Воспроизвести», а чтобы получить ссылку на него, выбираем кнопку «Поделиться».

В открывшемся окошке можно «Получить визуальную ссылку» или код внедрения для сайта или блога. Тут же предусмотрена опция приглашения зрителей для просмотра. Достаточно скопировать ссылку и разослать её по почте, например.

Чтобы пригласить соавторов для совместной работы над лонгридом или презентацией, выставляем опцию «Пригласить людей для изменения», копируем ссылку и рассылаем её коллегам.

В любой момент можно отменить общий доступ, нажав кнопку «Сброс параметров общего доступа» в разделе «Дополнительные параметры». При этом меняется URL-публикации, из-за чего люди, которым ранее был предоставлен доступ к ней, больше не смогут просматривать и изменять ее.

Чтобы поделиться публикацией после того, как мы сбросили параметры общего доступа, отправляем новую ссылку.