Продолжаем исследовать возможности платформы Genial.ly. И сегодня будем учиться создавать презентацию.

В бесплатном аккаунте сервис предлагает более 40 шаблонов для создания проектов. На слайды презентации можно добавить тексты, изображения. аудио, видео, встраиваемые объекты и интерактивные метки.

Для начала — пример презентации — виртуальной выставки.

Регистрация

Заходим на сайт Genially, нажимаем «Sign Up» или «Get started — it’s free!» — и сразу заполняем форму для регистрации. В дальнейшем для входа на сайт можно нажимать «Login».

Обладатели аккаунтов Google могут зарегистрироваться в сервисе через них.

А можно пойти традиционным путём — зарегистрироваться с помощью электронной почты (Sign up with your email).

При регистрации надо указать адрес электронной почты, придумать пароль, поставить галочку напротив «I have read and accept Genially’s terms of use and privacy policy», а потом нажать «Sign up».

После этого ищем на почте письмо от создателей сервиса для подтверждения аккаунта: нужно перейти по указанной в нём ссылке.

Дальше нажимаем на кнопку «You’re all set». 

А дальше придётся ответить на несколько вопросов.

Во-первых: какой аккаунт будет создан – образовательный или корпоративный. Выбираем «Education» и нажимаем «Continue».

Указываем свою профессию, например, «Teacher».

Выбираем учебное заведение, в котором работаем.

Ещё сервис предложит назвать свою организацию, но можно этот шаг пропустить (Skip this step), что я и сделала.

И вот теперь можно наконец приступить к созданию первого проекта: нажимаем «Start».

Выбираем шаблон

А дальше из меню выбираем шаблон для создания презентации — «Presesntation» — и нажимаем «Create».

Чтобы просмотреть только бесплатные шаблоны, с помощью фильтра вверху оставляем «галочку» только напротив опции «Freе».

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

Выбираем подходящий шаблон, для просмотра нажимаем на кнопку «View Template»

У некоторых шаблонов можно изменить цветовую гамму. Чтобы приступить к редактированию, нажимаем на кнопку «Use this Templates»

Внутри каждого шаблона — несколько слайдов в одной темой оформления. Выбираем нужные и добавляем в проект (Add). Можно разом добавить все слайды (Select all).

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

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

Интерактивные метки и другие объекты

Давайте-ка осмотримся. В центре экрана — слайд презентации.

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

В графу с названием шаблона вписываем название презентации.

Летим осматривать кнопки для добавления объектов на слайды.

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

Осторожно, не все шрифты поддерживают кириллицу! Вот список тех, кто дружит с русским языком (листаем слайды).

Добавляем картинки через кнопку «Image». У сервиса есть небольшая библиотека, а с ПК загружаем картинки весом не более 5 мегабайт.

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

Если внутри шаблона уже есть изображения, их можно заменить, нажав на кнопку «Replace».

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

Смарт-блоки – это соединения графики и текста: готовые диаграммы, блок-схемы, графики. Их можно найти в одноимённом разделе — «Smartblocks».

Редактор такой же, как и при редактировании текста или изображений.

Чтобы добавить диаграмму или график с данными, заполняем таблицу, и сервис автоматически сгенерирует объект.

Во вкладке «Settings» можно подредактировать оформление диаграммы или графика: выбрать цветовую палитру, подключить показ шкалы, всплывающих окон и легенды.

А вот и раздел «Interactive elements». Он добавляет на плакат разные метки всевозможных фасонов и расцветок: маркеры, кружочки, звездочки, домики, маркеры с текстом и цифрами, логотипы. 

Можно даже невидимые метки создавать! Делается это в разделе «Interactive area».

Кнопка «Insert» добавляет встраиваемые объекты: Google-карты, документы и презентации, видео с YouTube и Vimeo, аудио и многое-многое другое…

В разделе «Audio» можно добавить аудиотрек по ссылке, а можно подключить микрофон и сделать аудиозапись онлайн, чтобы прикрепить её к плакату.

К сожалению, свой трек загрузить с ПК нельзя — это платная опция.

В разделе «Video» добавляем видеофайлы по ссылке — с сервисов YouTube, Vimeo и Google Drive.

Ну и в разделе «Others» добавляем любые встраиваемые объекты — по ссылке или по коду.

Хотите изменить фон презентации? Нажимаем «Background». В этом разделе две вкладки. «Canvas» – это основной фон слайда, «Base» – подложка.

В качестве фона можно выбрать картинку, загрузив ее с ПК или добавив по ссылке. 

А можно вообще сделать фон однотонным или выбрать его из библиотеки сервиса. Чтобы добавить фон сразу на все слайды, нажимаем на кнопку «Apply to All Pages».

Чтобы добавить новые слайды, заходим в  меню «Pages», а потом выбираем «Add page».

И ещё одна опция, о которой я чуть не забыла: можно добавить к презентации фоновую музыку. Для этого нажимаем на кнопку «Add background audio».

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

Добавляем интерактивность

Любой объект, который мы добавили в презентацию (текст, изображение, метку), можно сделать интерактивным. Для этого щёлкаем по нему «мышкой» — и сразу появляются изображения «пальца» и «кометы» (ну я так думаю, что это комета, может, и ошибаюсь, может, это метеорит).

Если нажать на «пальчик» – можно перейти к добавлению контента. Если на значок с «кометой» – анимировать этот объект.

Давайте попробуем прикрепить интерактив к какому-либо объекту.

Итак, какие интерактивности нам предложит Genially?

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

«Window» создаёт большие окна для просмотра текстов и изображений. В окне есть лента прокрутки, поэтому при добавлении объектов можно не жадничать: например, создать текст с картинками, дополнить пояснение видеофайлом.

«Link» превратит метку в интерактивную кнопку: при нажатии на неё зритель сразу отправится на другой веб-сайт.

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

«Full screen» подходит только для картинок, эта опция открывает изображения на весь экран.

«Audio» проигрывает добавленный в сервис аудиотрек.

«Reveal» — новая «фишка» сервиса. При нажатии на метку с этой опцией на экране появится новый объект, до этого скрытый.

Это окно для добавления интерактивности «Tooltip»

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

Если мы выбрали интерактивность «Window», то придётся дополнительно выбирать шаблон оформления окна, который предложит сервис или начать «с чистого листа» (Blank). По опыту, лучше выбирать готовый шаблон.

Выбираем подходящий шаблон и нажимаем «Edit window».

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

Чтобы вернуться назад, нажимаем на кнопку «Back to page».

А эта опция «Link», которая добавляет ссылки на веб-ресурсы. Не забываем нажать «Save».

Опция «Go to page» настраивает переход между слайдами презентации.

Выбираем нужную страницу для перехода в разделе «Pages» и нажимаем «Save». В разделе «Actions» есть несколько «быстрых» кнопок, чтобы добавить переход на первый или последний слайд, вперёд и назад.

Интерактивность «Full screen» лучше всего подходит не для меток, а для картинок. Она помогает открыть изображение на весь экран. Ничего особого делать не надо, просто выбираем эту опцию и нажимаем «Save».

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

Ну и наконец, интерактивность «Reveal» поможет «спрятать» объект на слайде, а потом при нажатии на метку его открыть.

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

Добавляем интерактивные вопросы

Недавно у сервиса почвилась новая опция — возможность вставлять внутрь презентации интерактивные вопросы. Сделать это можно с помощью одноимённой вкладки «Interactive questions».

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

Чтобы добавить вопрос, щёлкаем по нему и заполняем форму, которая откроется справа.

Это окно для добавления вопроса с выбором ответа (Multiple choice).

Вписываем текст вопроса, варианты ответом. Правильный ответ отмечаем зелёной «точкой» справа. Можно добавить ещё один вариант ответа, нажав на кнопку «Add another incorrect answer».

Все ответы можно перемешать, нажав на ползунок «Random order».

Всё это мы проделывали во вкладке «Content». Вверху есть ещё две любопытные вкладки. Давайте проверим, что в них.

Во вкладке «Actions» можно настроить показ правильного ответа, написать обратную связь в случае правильного и в случае неверного ответа и включить показ набранных баллов (Summary of results).

Во вкладке «Design» можно настроить дизайн блока с вопросом и ответами: выбрать расположение ответов по вертикали или по горизонтали, а также шаблон для их оформления из предложенных вариантов.

Если нажать на кнопку «Customize», то можно самостоятельно создать дизайн этого блока.

Надо ещё рассказать, что это за значок с изображением шестерёнки справа вверху. Он открывает дополнительные настройки.

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

Это конструктор для вопроса с выбором изображения (Image selection). 

Вписываем текст вопроса, варианты ответом. Правильный ответ отмечаем зелёной «точкой» справа. Можно добавить ещё один вариант ответа, нажав на кнопку «Add answer».

Картинки к ответам прикрепляем, нажав на кнопку «Replace».

Все ответы можно перемешать, нажав на ползунок «Random order».

Остальные настройки — как у предыдущего вопроса.

При конструировании вопроса «True or false» вписываем текст вопроса, отмечаем правильный вариант зелёной «галочкой».

Остальные настройки — как у предыдущих вопросов.

Это конструктор для создания вопроса на сортировку (Sort).

Игрокам нужно будет расставить варианты ответов в правильном порядке. Для этого вписываем инструкцию к заданию и вписываем вариант ответов в правильном порядке. В итоге сервис их перемешает.

Остальные настройки — как у предыдущих вопросов.

Настраиваем анимацию

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

Анимация может быть разная: появление (Enter), исчезание (Exit), совершение каких-то действий, например, вращение (Continuous), действия при наведении курсора (Hover mouse) и клике «мышкой» (Click).

Внутри каждого раздела большое количество видов анимации (Effect). Можно выбрать направление движения (Direction) и даже скорость.

Дополнительный бонус — анимация при перелистывании слайдов презентации.

Настраиваем её, нажав на значок «волшебная палочка» рядом с каждым слайдом в разделе «Page». Выбранную анимацию можно применить ко всем слайдам (Apply to all slides).

Дополнительные настройки

Кнопка с «волшебной палочкой» открывает ещё несколько дополнительных настроек.

Так, вкладка «Canvas» поможет изменить пропорции презентации и  переделать её в инфографику (горизонтальную или вертикальную) или в пост (квадратный, для мобильных устройств).

Во вкладке «Navigation» можно изменить тип навигации (переходов) между слайдами.

По умолчанию включён вариант «Standart»: слайды перелистываются с помощью стрелок «Назад» и «Вперёд».

Режим «Microsite» отключает эти стрелки. Между слайдами теперь можно будет передвигаться только с помощью интерактивных кнопок с опцией «Go to Page».

Режим «Video» переделывает презентацию в слайд-шоу. Достаточно установить длительность показа слайдов и подключить, если нужно, проигрывание по кругу. Нажимаем на кнопку «Apply to All Pages».

Публикация

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

В открывшемся окошке даём название презентации и, если нужно, даём разрешение другим пользователям сервиса создавать ремиксы на нашу работу. Нажимаем «All set!»

Можно получить ссылку (вкладка «Link») или код, чтобы встроить презентацию на страницу блога или сайта (вкладка «Insert»).

Но это ещё не всё!

Среди «плюсов» сервиса — возможность устроить коллективную работу по созданию интерактива. Можно добавить других участников и пригласить их для работы (только чур — пусть сначала зарегистрируются в сервисе). Как это сделать?

Возвращаемся в свой личный кабинет, где хранятся все созданные работы, нажав на логотип сервиса в верхнем левом углу. Выбираем нужную и нажимаем на значок «человечек с плюсом» (Collaborators).

В открывшееся окошко вносим адреса электронной почты своих будущих соавторов и нажимаем «All set».

Готово! Приглашенный участник получит ссылку для редактирования и… море удовольствия от работы в сервисе.

Здесь же, в личном кабинете, нажав на значок с тремя точками (Options), можно вернуть работу в состояние черновика, переименовать, дублировать её или удалить. Остальные опции платные.

Чтобы вернуться к редактированию работы, наводим на неё курсор и нажимаем «Edit».