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

Для визуализации информации Genially предлагает создание инфографики, позволяющей представлять сложные данные в наглядном и понятном формате. Пользователь может добавлять диаграммы, графики и схемы, а также встраивать в них мультимедийные элементы.

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

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

Помимо этого, сервис позволяет создавать интерактивные карты, на которых можно отмечать точки с дополнительными сведениями, а также отчёты и портфолио, интегрируя в них мультимедийные элементы и анимацию. 

Genially позволяет создавать интерактивные ленты времени, что особенно полезно для преподавания математики. С его помощью можно визуализировать развитие математических идей, показывать этапы решения задач или демонстрировать исторические события, связанные с наукой. Интерактивные элементы делают обучение более увлекательным, а возможность анимации помогает удерживать внимание учеников.

Порядок выполнения работы

Рассмотрим пример разработки ленты времени по теме «Из истории функций»:

1. Зарегистрироваться на сайте Genial.ly. Для входа на сайт необходимо перейти по ссылке: https://genial.ly/ и пройти регистрацию через электронную почту.

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

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

Рисунок 1 – Регистрация и перевод страницы в Genial.ly 

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

3. После того как был выбран понравившийся шаблон нажимаем на «Посмотреть шаблон», а затем в высветившемся окне «Использовать этот шаблон».

4. Затем осуществляется переход в редактор шаблона. Добавим название разработки, для этого в верхнем левом углу введем название «Лента времени «Функции»».

5. Genially предлагает готовые шаблоны с анимацией. Первым шагом в редакторе переименовываем заголовок и пронумеровываем шаги (рис. 2). Для этого кликаем два раза возле нужной строчки, стираем лишнее и пишем нужный текст, также при необходимости можно поменять расположение текста. 

Рисунок 2 – Редактирование шаблона в Genial.ly 

6. Для добавления кнопок переходим в раздел «Интерактивные элементы», и выбираем понравившуюся кнопку.

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

7. Добавление анимационных эффектов для текста, кнопок. Выделяем один из блоков, где показаны различные эффекты, например, «Конфетти», выбираем эффект появления, скорость появления, время, когда текст/кнопка появится (рис. 4).

Рисунок 3 – Интерактивные элементы в Genial.ly 

Рисунок 4 – Добавление и редактирование анимационного эффекта 

8. Добавление информации для самой кнопки: для этого необходимо нажать на кнопку, где отображаются все параметры и выбрать «Всплывающая подсказка» (рис. 5). Открывается диалоговое окно, где можно вставлять текст, картинки и редактировать их по своему желанию (рис. 6).

Рисунок 5 – Добавление всплывающей подсказки для кнопки 

Рисунок 6 – Редактирование диалогового окна всплывающей подсказки 

9. Помимо текста можно добавить в разработку изображения. Для этого необходимо перейти в раздел «Вставить», и выбрать команду «Загрузить изображение» – «С устройства». После этого редактируем картинку, используя кнопки на верхней панели: «Маски», «Положение», «Непрозрачность», «Редактирование».

Также в разделе «Вставить» можно добавить аудио, видео.

10. Для просмотра нажимаем кнопку в правом верхнем углу «Настоящее время», а затем «Создание шоу», проверяем работоспособность переходов.

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

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

Для ознакомления с разработкой (рис. 8) можно перейти по ссылке: https://view.genial.ly/662b95d368e90300149ff87d/interactive-content-liniya-vremeni-funkcii.

Рисунок 8 – Пример ленты времени по математике в Genial.ly 

Дополнительные функции онлайн-ресурса

1. Чтобы сделать объект интерактивным, сначала выбираем его – это может быть текст или изображение. Затем нажимаем «На весь экран» и выбираем нужный тип взаимодействия, например, «Полный экран», чтобы объект открывался на весь экран.

2. При работе с текстом сначала выбираем нужный текст, после чего в верхней части экрана появляется панель редактирования. Здесь можно изменить шрифт, размер, стиль (жирный, курсив и т.д.) и другие стандартные параметры (рис. 9).

Рисунок 9 – Панель редактирования текста

3. Если необходимо добавить новый текстовый блок, открываем раздел «Текст», выбираем подходящий формат текста и вставляем его в рабочую область. Затем редактируем текст так, как требуется (рис. 10).

4. Для добавления графических элементов, таких как изображения и GIF, формы и соединители, значки, иллюстрации, графики и таблицы, композиции, открываем раздел «Ресурсы» и выбираем нужный объект (рис. 11). Для более разнообразного количества элементов можно нажать на «Показать больше». 

Рисунок 10 – Добавление и редактирование текстового блока 

Рисунок 11 – Добавление графических элементов

5. Когда нужно создать интерактивные задания, такие как тесты или вопросы разных видов: множественный выбор, истина или ложь, выбор изображений, сортировать, открытый ответ, опрос, открываем раздел «Интерактивные вопросы», выбираем нужный формат задания и добавляем его в проект (рис. 12).

6. Если требуется добавить небольшие интерактивные виджеты, открываем раздел «Виджеты» и выбираем нужное мини-приложение (рис. 13), которое поможет сделать проект более функциональным. 

Рисунок 12 – Добавление интерактивных вопросов 

Рисунок 13 – Добавление виджетов

7. Если необходимо добавить дополнительные страницы, используем раздел «Страницы». Сначала открываем этот раздел, затем нажимаем кнопку «Добавить новую страницу». После настраиваем её содержимое аналогично основной страницы (добавление текста, изображения, интерактивных элементов и анимации). Переключаться между страницами можно в этом же разделе, просто выбирая нужную из списка. Это позволяет создавать многостраничные проекты, например, интерактивные презентации или ленты времени с последовательными событиями.