222

Луганская Республиканская универсальная научная
библиотека имени М.Горького
Информационно - сервисная служба

Genial.ly - один инструмент для создания всех видов
дидактических ресурсов, презентаций, игр, интерактивных
изображений, карт, иллюстрированных процессов, резюме и т.д.
Работать в нем можно просто и быстро, т.к. он предлагает
различные шаблоны для создания ресурсов, большой выбор
интерактивности. Интерактивность позволяет давать
комментарии к объектам, открывать всплывающие окна, делать
гиперссылки на слайды проекта и внешние ресурсы.
Genial.ly сохраняет весь добавляемый вами контент в
облачном хранилище, поэтому вы можете оставить
незаконченную работу над проектом и продолжить её на другом
компьютере.
Также, платформа поддерживает совместную работу, это
означает что вы можете одновременно работать над одним
проектом с другими людьми, вместе преображая контент на
основании общих идей.

1
2
3
4 5
В поле 1 вводим ваш адрес электронной почты.
В поле 2 вводим пароль который придумали и в поле 3 вводим его
еще раз для подтверждения.
В пункте 4 ставим галочку, что вы прочитали и соглашаетесь с
правилами использования и политикой конфиденциальности.
В пункте 5 нажимаете кнопку зарегистрироваться.

6
7
8
В 6 пункте можете выбрать способ авторизации через Google Account
вместо заполнения полей 1-5 при условии что у вас он есть.
Если у вас нет Google Account в пункте 7 можете выбрать способ
авторизации под одной из доступных на выбор социальных сетей, где у вас
есть аккаунт.
Если вы раньше производили регистрацию на данном ресурсе можете
использовать пункт 8 для ввода данных и доступа к личному кабинету

2 3 4
1
В поле 1 показаны все созданные вами проекты (полностью
готовые, незавершенные и только созданные).
В поле 2 находится поиск по названию вашего проекта.
В поле 3 и 4 находится выбор отображениями между всеми
проектами и только теми которые создаются совместно.

1
2
3
4
5
6
7
8
1. Создать новый проект.
2. Ваши проекты.
3. Ваш брэнд который можете
стилизовать и под которым вы
можете публиковать ваши
проекты.
4. Примеры работ выполненные
другими людьми.
5. Тарифные планы (по умолчанию
используется бесплатный)
6. Демонстрация того что вы можете
создать с помощью данного
сервиса.
7. Помощь
8. Советы по созданию
9. Выбор языка (английский,
французский или испанский)
9

1 2 3 4
5 6 7 8
9 10 11 12
1. Презентация
2. Досье и отчет
3. Обучающие упражнения
4. Простенькие игры
5. Интерактивные картинки
6. Горизонтальные инфографики
7. Вертикальные инфографики
8. Путеводитель
9. Видео презентация
10. Персональный брендинг
11. Социальное
12. Создание бланков

1
1. Нажать на Interactive Image
(интерактивная картинка) и
сервис автоматически перейдет
на этап 2.
2. На данном этапе можно
ознакомиться с готовыми
картинками созданными
другими людьми, посмотреть
обучающее видео (на
английском языке), либо
сразу приступить к созданию
интерактивной картинки.
2

После этапа 2 появляется окошко в которое вы должны
загрузить вашу картинку из которой уже будете создавать
интерактивную картинку.

1
2
3
Загрузить можно картинку с вашего компьютера (1), из
Интернета путем копирования\вставки ссылки (2) или выбора из
имеющихся на ресурсе картинок по ключевым словам (3).

1
2
Нажимаете добавить картинку (1) выбираете ее на компьютере и
нажимаете применить (2).

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

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

Вкладка Image (картинки)
позволяет вставить или добавить
любую картинку в ваш проект, при
этом их число не ограничивается. Вы
можете загрузить их с компьютера,
использовать ссылку на картинку, либо
воспользоваться имеющимися на
ресурсе. Вы можете воспользоваться
аппликациями, красивыми фоновыми
картинками или gif-анимациями.

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

Вкладка Interactive elements
(интерактивные элементы) как раз и
добавляет в проект интерактивность такую
как кнопки, текстовые кнопки, маркеры,
социальные сети, числа и буквы которые
можно настроить по разному и получить
максимум всплывающей информации. На
выбор их около 500 и с каждым
обновлением пополняются новыми.

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

Вкладка Insert (вставка) позволяет
вставлять аудио, видео и другой посторонний
контент. Загрузка аудио с компьютера
предусмотрена только в платной версии, а в
бесплатной доступно запись голоса с
микрофона и добавление песни через ссылку в
одном из поддерживаемых сервисов.
Видео можно добавить также только
ссылочным методом но только из сервиса
YouTube или Vimeo.
На вкладке Others (другие) доступны
сервисы с которых путем вставки кода или
ссылок возможно добавление контента.
Вкладка Others

Вкладка Background (задний фон)
позволяет персонализировать фон страницы.
Можно выбрать два разных типа фона.
Можно разместить фон Canvas (на холсте),
который может быть разным или
одинаковым для всех страниц, а также
разместить базовый фон, который находится
за страницами, создавая ощущение
бесконечного пространства.

Вкладка Pages (страницы) позволяет
добавлять новые, удалять ненужные и
переходить между страницами в которых
необходимо внести изменения. На выбор
предоставляется несколько типов страниц
с шаблонами.

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

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

При нажатии на первую кнопку появляется такое окошко.
Выбор типа интерактивности
Подсказка
Окошко
Переход на
другую страницу
Ссылка
Подсказка
открывается когда
вы наводите
мышкой на элемент.
Окно
открывается
когда вы
нажимаете на
элемент.
Переход на
другую страницу
осуществляется
при нажатии на
этот элемент.
Ссылка
открывается в
новом окне
когда вы
нажимаете на
элемент.

Подсказка
Окошко

В подсказке и окошке интерфейс одинаковый. Вводим текст,
редактируем его и по желанию добавляем картинки, видео или ссылки.
2
4
6
8
10
12
14
16
18
20
22
1
3
5
7
9
11
13
15
17
19
21
1. Действие назад
2. Действие вперед
3. Цвета
4. Шрифты
5. Размер шрифта
6. Жирный
7. Курсив
8. Подчеркнутый
9. Зачеркнутый
10. Верхний регистр
11. Выравнивание
12. Список
13. Уменьшить отступ
14. Увеличить отступ
15. Очистить форматирование
16. Смайлики
17. Вставка горизонтальной линии
18. Вставить ссылку
19. Вставить картинку
20. Вставить видео
21. Вставить таблицу
22. Посмотреть код

Вставка ссылки происходит следующим образом. В поле 1
Вставляем саму ссылку. Поле 2 или 3 выбираем галочкой. 2 –
открыть ссылку в новой вкладке. 3 – Открыть ссылку поверх
данной картинки в этом же окне.
1
2
3

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

По нажатию на третью кнопку можно изменить дизайн кнопки на
любую другую пиктограмму представленную ниже.

Для примера я выбрал одну из пиктограмм и в поле «Окно» ввел
данные взятые с Wikipedia о черном море и поместил картинку взятую
из открытого источника.

Для того чтобы увидеть все сделанное вами, всю анимацию, переходы,
интерактивные элементы, тесты, картинки, видео и как все будет
выглядеть в готовом виде перед выкладыванием в общий доступ нажмите
иконку 1 Preview (предпросмотр).
1

Так выглядит предпросмотр.

Так выглядит окошко при нажатии на него со вставленной
картинкой и текстом.

Чтобы опубликовать интерактивную картинку на сайте или в блоге
необходимо нажать кнопку All Set! (все готово!).
1

По нажатии кнопки «Все готово!» сразу появится окошко в котором
ничего менять не надо если у вас бесплатный план. Можете в поле 1 Title
(название) изменить имя проекта и в поле 2 Description (описание)
добавить аннотацию к интерактивной картинке. Затем снова нажать
кнопку 3 «Все готово»
1
2
3

В следующем окне есть три пункта. Первый View (смотреть)
демонстрирует на весь экран ваш проект чтобы можно было еще
раз все проверить и в случае недочетов исправить. Второе Download
(скачать) доступно только тех кто купил план и может использовать
все функции сервиса. Третий Share (поделиться) отправить ваш
проект в социальные сети, через email или вставить как код.

Ссылка на проект
Код для вставки на сайт или блог

Отправить через почту
Поделиться в социальных сетях