genial –сервис для создания интерактивного контента

Genial – сервис

для создания

интерактивного контентаБабошина Елена Юрьевна

Главный библиотекарь Библиотечно-информационного центра

Гимназии №28 города Костромы

Название сервиса: Genial

Ссылка: https://genial.ly/

Genial.ly - онлайн-сервис для создания красивого интерактивного контента для блогов и

сайтов: презентаций, интерактивных плакатов, игр, викторин, инфографики и т.д.

Количество создаваемых работ не ограничено. Создание интерактивных контентов -

бесплатное. Готовую работу можно встроить на страницу сайта или блога.

Регистрация в сервисе

Кликаем правой кнопки мышки, в выпавшем окне выбираем

‖Перевести на русский‖ - нажимаем.

Заполните регистрационную форму:

укажите адрес электронной

почты, придумайте пароль,

повторите пароль, поставьте

галочку напротив «Я хочу

подписаться на рассылку», а

потом нажмите «Sign up»

В открывшейся вкладке выберите

свой сектор, например,

«Образование» – «Улучшенный».

Нажмите «Далее».

Выберите роль/профиль:

учитель, студент, администрация,

другие. В открывшейся вкладке

выберите роль «Учитель» и

нажмите на кнопку «Следующая»

При дальнейших посещениях сайта

при входе достаточно будет

авторизоваться, ввести логин и

пароль, указанный при регистрации

Для создания интерактивного изображения выберите вверху «Kreate Interactive Image» (Создать

интерактивное изображение) – откроется конструктор для создания интерактивного изображения

Загрузка базового/фонового

изображения плаката

В сервисе есть три способа загрузки фонового изображения:

★ с вашего компьютера;

★ использование изображения, находящегося в сети Интернет, с

указанием ссылки на него;

★ использование изображения из библиотеки сервиса.

Первый способ: с компьютера

Второй способ: изображение из Интернета

Второй способ: изображение из Интернета

Третий способ: из библиотеки ресурса

Инструменты для работы с контентом:

В центре экрана – рабочая область, где будет находиться загруженное фоновое

изображение.

Вверху – панель управления.

Внизу – меню выбора и добавления слайдов страниц.

Слева сбоку – меню добавления элементов на слайд (интерактивных, анимированных,

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

Панель управления включает в себя несколько важных функций

В левом верхнем углу – набор стандартных кнопок: копировать - вставить -

удалить - отменить изменения.

В правом верхнем углу –кнопка «Preview» для предварительного просмотра

изображения.

Кнопка «Меню/Menu» позволяет выйти с сервиса

Изображения

Текст

Иконки, карты, иллюстрации, формы

Интерактивные кнопки

Таблицы, графики, данные

Видео, аудио, социальные сети

Обои, фон

Добавление страниц

Обзор ресурса

Центр помощи

Вписать название Соавторы

Предварительный

просмотр

Поделиться

Скачать

Вернуться к черновому

варианту

Кнопка «Текст»

Если выбрать один из текстовых

шаблонов, откроется

дополнительный редактор для

набора текста, выбора цвета

текста и фона, размера и

шрифта.

позволяет загрузить новую

картинку для фонового

изображения. Изображение

можно загрузить с компьютера,

Интернета или библиотеки

ресурса

Кнопка “Образ”

добавляет поверх изображения

разные геометрические фигуры,

иконки, картинки, гифы, линии и

карты из большой библиотеки

сервиса

Кнопка “Ресурсы”

Кнопка “Интерактивные элементы”

Самая главная – «Кнопки». Она добавляет разные

метки всевозможных фасонов и расцветок: маркеры,

кружочки, звездочки, домики, сердечки, «лайки»,

логотипы.

Также можно добавить кнопки с текстом, маркеры,

цифры и буквы, кнопки - ссылки на социальные сети

Кнопка “SmartBloks”

позволяет добавить графики,

данные, таблицы, карты, списки,

профили, изображения,

диаграммы, анимационные

картинки

Кнопка “Вставить”

добавляет встраиваемые объекты:

видео с YouTube и Vimeo, аудио с

компьютера (платно), аудио с

Интернета (бесплатно), ссылки на

социальные сети (фреймы)

Кнопка “Фон”

позволяет загрузить новую картинку для

фонового изображения. Размер

загружаемого изображения не должен

превышать 5 Mb.

Можно сделать фоновое изображение

однотонным, красиво градуированным

или выбрать какой-нибудь

понравившийся шаблон из библиотеки.

Кнопка “Страницы”

позволяет добавить страницы в

объект

Кнопка “Взять тур”

При создании изображения можно прикреплять к интерактивным меткам

ссылки на веб-ресурсы, текстовую информацию, видео, аудио и любые

встраиваемые объекты (презентации, игры). Можно изменять размер всех

добавляемых элементов, перемещать их и удалять, если они вам не

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

несколько базовых изображений.

Наполнение контента (плаката)

Для добавления метки

выберите необходимый

элемент и щелкните по нему

левой клавишей мышки -

метка появится на

изображении. Перетащите

метку в нужное место и

настройте ее размер

Наполнение контента (плаката)

К метке можно прикрепить

ссылку, текст, изображение и

встраиваемый объект (с помощью

кода). Вначале откроется

конструктор для добавления

контента.

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

метку нажмите над ней иконку

указательного пальца

Наполнение контента (плаката)

Вкладка ―Подсказка‖ поможет создать метку в виде всплывающего,

при наведении курсора, окошка (добавление небольших пояснений и

маленьких текстов с картинками)

Наполнение контента (плаката)

Форматирование

текста

Предварительный

просмотр

Ссылка в тексте Встроить фрейм

Вставка в окно метки рисунка. Рисунок вставляется

по ссылке или загружается с компьютера

Сохранить

В полноэкранном

режиме просмотра по

наведению указателя на

метку всплывает

информация с

картинкой

Вкладка "Window"(Окно) создаѐт большие окна

для просмотра текстов и изображений. В окне

есть лента прокрутки.

Вкладка "Go to page" (Перейти на страницу)

превратит метку в интерактивную кнопку-

переход на следующую страницу с новым

интерактивным изображением. Сервис

позволяет создавать многостраничные

интерактивные плакаты.

Вкладка "Link" (Ссылка на сайт) превратит метку

в интерактивную кнопку: при нажатии - переход

на другой веб-сайт.

Вкладка "Link" (Ссылка на

сайт) превратит метку в

интерактивную кнопку: при

нажатии - переход на

другой веб-сайт.

В режиме демонстрации

плаката по щелчку на

такую метку будет

открываться сайт, на

который вы разместили

ссылку

Вставка фрейма

В любом режиме (по наведению, по

щелчку мыши) на метку можно

встроить фрейм с других сервисов

Web 2.0/ Для этого необходимо

скопировать код для вставки

непосредственно с другого сервиса

и на панели инструментов выбрать

<Вставить код фрейма>

Фрейм (от англ. frame — рамка) — отдельный, законченный HTML-документ, который вместе с

другими HTML-документами может быть отображѐн в окне браузера

LearningApps.org является приложением Web 2.0 для поддержки

обучения и процесса преподавания с помощью интерактивных

модулей

Копируем код для

вставки с сервиса

С помощью фрейма

вставить можно не только

контент с других сервисов,

но и видео с YouTube, а

также встроить аудио-файл

для прослушивания в окне

плаката без перехода на

другие веб-страницы или

слайды плаката

Код фрейма

Размер окна

Видео на канале

YouTube

1. Поделиться

2. Выбрать

3. Скопировать

Публикация плаката

Перед публикацией проверьте работу: правильность ссылок и

«кликабельность» интерактивных меток

Кликнув на кнопку «Поделиться» в правом верхнем углу, откроется вкладка,

где можно выбрать функции «поделиться» в социальных сетях (Facebook,

Twitter, Google+), получить ссылку или код, чтобы встроить созданное

интерактивное изображение на страницу блога или сайта или в другой сервис

Ссылка на плакат

Код HTML (INSERT) для встраивания в блог или сайт

Отправить по электронной почте,

поделиться в социальных сетях

Ресурсы:

● Genially - интерактивный плакат/ Интернет-сервисы на уроке.- Режим доступа:

https://www.sites.google.com/site/internetservisynauroke/genially---interaktivnyj-plakat

● Интерактивный плакат или виртуальная выставка? Genially может всѐ! И даже

больше/ Роза ветров. Север: Блог о Мурманской области, хороших книгах и

информационных технологиях.- Режим доступа: http://murmansk-

nordika.blogspot.com/2017/07/genially.html

Контакты

Бабошина Елена Юрьевна – главный библиотекарь Библиотечно-

информационного центра Гимназии №28 города Костромы

Телефон (рабочий): 8 (4942) 42-49-00

Электронная почта: bey56777@gmail.com

85ford@mail.ru

СПАСИБО ЗА ВНИМАНИЕ!