суббота, 1 июля 2017 г.

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

Лето в разгаре, а значит, самое время отдохнуть смастерить что-нибудь интересненькое. Давайте освоим замечательный сервис Genially, а заодно создадим интерактивный плакат или виртуальную выставку.

Инструмент очень простой, а возможностей не просто много, а неприлично много! Количество создаваемых работ не ограничено. И главное, всё это "богачество" - совершенно "безвозмездно, то есть даром". :)

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

А теперь о том, как смастерить такое чудо.


Как регистрироваться?



Заходим на сайт Genially, нажимаем "Sign up" или "Create an account" - и сразу заполняем форму для регистрации. В дальнейшем для входа на сайт можно нажимать "Log in".


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

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


После регистрации сервис поинтересуется вашей профессией. Самый простой вариант - выбрать сферу образования (Education), а далее - PRIMARY EDUCATION (Infant, Primary, Secondary). В переводе - средняя школа.


А потом выбираем тип профиля - учительский (Teacher) - и нажимаем "Next".


Как загрузить изображение?



Сервис Genially умеет очень много, это настоящий Клондайк для создателей разного интерактивного контента: презентаций, инфографики, плакатов, открыток, игр, викторин... Из меню выбираем шаблон для создания интерактивных плакатов - Interactive Image - и нажимаем "Create interactive Image".




Шаг второй - загружаем фоновое изображение, на котором будем размещать интерактивные метки. Можно с ПК, а можно и по ссылке.


Теперь приступаем к самому вкусненькому.


Как наносить метки на изображение?



Давайте-ка осмотримся. В центре экрана - загруженное фоновое изображение. Слева сбоку - инструменты для добавления разных интерактивностей. В правом верхнем углу - очень полезная кнопка "Предпросмотр" (с изображением глаза) для предварительного просмотра плаката . В графу "Interactive image" вписываем название плаката или выставки.


Летим осматривать кнопки для добавления меток. Самая главная из них - "Interactiv elements". Она добавляет разные метки всевозможных фасонов и расцветок: маркеры, кружочки, звездочки, домики, маркеры с текстом и цифрами, логотипы. Можно даже невидимые метки создавать! (Invisible area).

Добавить интерактивный элемент очень просто: щёлкаем по нему левой клавишей "мыши" - метка появляется на плакате.


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


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


Кнопка "Media" добавляет разные, загружая их из библиотеки сервиса, дружественных ресурсов, с ПК (размер - не более 5 Mb) или из Интернета (по ссылке). Здесь же можно добавить и видео с аудио (по ссылке).


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


Хотите изменить фоновое изображение? Нажимаем "Background". Чтобы загрузить новую картинку, жмём на значок с "облачко со стрелкой". А можно вообще сделать фоновое изображение однотонным или выбрать какой-нибудь понравившийся шаблон из библиотеки (Library, Pixabay).


А о кнопке "Page" расскажу чуть позже.

Как добавить интерактивность?



Если щёлкнуть метку на плакате, появится изображение "ладошки" и "ракеты" (ну я так думаю, что это ракета, может, и ошибаюсь, может, это метеорит). Если нажать на ладошку – можно перейти к добавлению контента. Если на значок с ракетой – анимировать эту метку.


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

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

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

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

Вкладка "Go to page" тоже превратит метку в интерактивную кнопку, только зритель отправится не на другой сайт, а на следующую страницу с новым интерактивным изображением. Да-да, сервис позволяет создавать многостраничные интерактивные плакаты! Но об этом чуть ниже.


Для текста можно выбрать шрифт, размер, цвет. Добавление картинок - через нажатие иконки "картинка", там же рядом значок "цепочка" для добавления в текст ссылок, значок "видео" добавляет его по ссылке.

Очень интересная кнопка "</>" откроет html-разметку: здесь можно пристроить код практически любого встраиваемого объекта (игры, викторины, презентации). Повторное нажатие клавиши вернет исходный вид публикации, заодно можно проверить, насколько удачно вставился объект.

Для предварительного просмотра созданного есть кнопка "Предпросмотр" (изображение глаза). Чтобы сохранить интерактив, нажимаем "Save".


Есть ещё какие-нибудь фишки и плюшки?



А как же! Самая интересная фишка сервиса - анимация. Надеюсь, вы еще помните про кнопку с падающим метеоритом? Это самое оно и есть! "Оживить" можно любой объект на картинке, любую метку.

Нажимаем на "метеорит" и выбираем нужный тип анимации: как метка будет появляться (Enter), исчезать (Exit), совершать какие-то действия, например вращаться (Continuous), действовать при наведении на нее курсора (Hover mouse). Внутри каждого раздела большое количество видов анимации (Effect). Можно выбрать направление движения, время его начала и даже скорость.


И вот все интерактивные метки расставлены, анимация настроена... Самое время нажать "All set!" и опубликовать будущий шедевр.



Как создать многостраничный плакат?



"Позвольте! - скажет внимательный читатель. - А где же обещанная рассказка про многостраничные интерактивные плакаты?". Ну что ж, не буду утаивать такую ценную информацию. Итак...

Если с помощью сервиса вы уже создали несколько интерактивных плакатов, можно соединить их в один многостраничный проект по принципу слайдов презентации.

Слева в меню инструментов нажимаем "Pages", а потом "Add page". В разделе "My creations" выбираем нужный плакат и нажимаем "Add".


Кстати, вместо другого плаката можно вставить шаблон из библиотеки сервиса, а потом наполнить его своим содержанием (раздел "Template"). Удобно использовать шаблон "Blank" - это пустой слайд, на который можно, "не отходя от кассы", разместить свои интерактивные объекты и фоновые картинки.


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

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



Как поделиться плакатом?


Интерактивный плакат создан. Сохранен с помощью волшебной кнопки "All set!". Самое время рассказать о нём "по секрету всему свету". Для этого нажимаем клавишу "Share", которая появится сразу после сохранения работы.


Рядом кнопка для просмотра (View) и скачивания плаката на ПК как картинки (Download).

Созданной работой можно поделиться в социальных сетях (раздел "Social networks": Facebook, Twitter, Google+), получить ссылку (вкладка "Link")


или код, чтобы встроить плакат на страницу блога или сайта (вкладка "Insert").


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



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

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


В открывшееся окошко вносим адрес электронной почты своего будущего соавтора и нажимаем "Invite" (Пригласить). Готово! Приглашенный участник получит ссылку для редактирования и... море удовольствия от работы в сервисе.

Успехов!

36 комментариев:

  1. ЗДОРОВО! Как интересно! Обязательно в этом месяце попробую на свой блог сделать такой плакат! Большое спасибо!

    ОтветитьУдалить
    Ответы
    1. Удачи Вам в освоении сервиса и творческого вдохновения!

      Удалить
  2. Здравствуйте. Большое спасибо за обзор ресурса. Я уже давно хотела научиться работать в ресурсе Thinglink, но меня всё время смущает англоязычность таких ресурсов, а я, к сожалению, не владею языком. Но всё равно надо бы освоить подобный ресурс для работы. А раз уж есть такой более интересный и продвинутый ресурс как Genially, да ещё и с такой подробной инструкцией на первое время, чтобы преодолеть неуверенность, то буду изучать его. Огромное спасибо!

    ОтветитьУдалить
    Ответы
    1. Надежда Владимировна, конечно, такой сервис (или подобный) - очень хороший инструмент в работе и наверняка не раз Вам пригодится. Поэтому осваивать однозначно стоит! Я постаралась написать о самых важных моментах в создании плаката, надеюсь, эта инструкция Вам поможет в работе. Еще можно использовать Goggle Переводчик, он неплохо помогает в работе. Успехов Вам в работе! Если возникнут вопросы, пишите, буду рада помочь.

      Удалить
  3. Ирина Баркова3 июля 2017 г., 08:24

    Заинтересовалась!!! Спасибо большое!

    ОтветитьУдалить
  4. Интересный сервис. Интересно описан. Интересно пойти попробовать. ИИИ раз... Огромная благодарность Полярной Сове за пробуждение интересов!

    ОтветитьУдалить
    Ответы
    1. Наталья, спасибо за добрые слова! Интерес в работе - это уже практически залог успеха. :) Так что за пробуждение интереса!

      Удалить
  5. Спасибо за знакомство с интересным и полезным сервисом. Обязательно изучим и будем использовать в работе

    ОтветитьУдалить
    Ответы
    1. Ирина, спасибо Вам за интерес к блогу. Удачной работы и творческого вдохновения!

      Удалить
  6. сервис интересный, но НЕ бесплатный. с мне требуют деньги за презентацию. может я что-то не так сделала?

    ОтветитьУдалить
    Ответы
    1. Добрый день! Да, согласна, в целом сервис небесплатный. Я пишу только о создании интерактивного плаката - вот его как раз можно создать бесплатно.

      После создания аккаунта автоматически открываются шаблоны для презентаций, часть из них помечена Premium (платные).

      Для создания интерактивного плаката нужно сразу выбрать вверху Interactive Image, тогда откроется конструктор для создания интерактивного плаката - можно работать.

      Удалить
  7. Спасибо большое за рассказ о сервисе, я уже делала один плакат, но Вы добавили много интересных деталей, о которых еще не знала. Сервис нравится, прекрасный для создания виртуальных выставок.

    ОтветитьУдалить
    Ответы
    1. Людмила, мне очень приятно, что мастерилка пригодится Вам в работе! Приятного творчества!

      Удалить
  8. Здравствуйте!
    Очень люблю узнавать новые сервисы. С Вашей помощью освою и этот. СПАСИБО!!!

    ОтветитьУдалить
    Ответы
    1. Успешного Вам освоения сервиса! Если возникнут вопросы, обращайтесь, буду рада помочь.

      Удалить
  9. Здравствуйте. Плакат создала. Предварительно просмотрела. А вот в хранилище файлов работа не просматривается. Переход по ссылке выдает ошибку. А в блоге по ссылке для блога раьота отображается.Надеюсь на помощь.

    ОтветитьУдалить
    Ответы
    1. Добрый день! К сожалению, иногда в онлайн-сервисах возникают сбои при генерировании ссылок - они не хотят открываться. :( Но ссылку можно получить и из кода для блога или сайта.
      Ссылка находится в коде между двумя кавычками, стоит в начале третьей строки и начинается с букв https. Примерно так она выглядит: https://www.genial.ly/View/Index/5970c58eaa1a3e57781d415d
      Просто скопируйте её из кода и используйте в работе или делитесь. :) Успешной работы!

      Удалить
    2. Спасибо за ответ. Еще один вопрос от "чайника". Как различать метки, на которые нужно кликать для воспроизведения изображения от меток, которые срабатывают просто от наведения на них курсора, как у меня в созданном в вашем сервисе плакате? https://www.genial.ly/View/Index/5975bba7518eb35d342944e6

      Удалить
    3. В этом сервисе все метки одинаковые, так сразу их и не отличить друг от друга. Если при наведении курсора ничего не всплывает, значит, нужно на метку нажать. А по-другому никак. :)

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

    ОтветитьУдалить
    Ответы
    1. Добрый день, Наталья! Дело в том, что сама фотография с выставкой у нас не приближается. Если нажимать некоторые интерактивные метки, то можно рассмотреть выставку более подробно.Это сделано так: к метке прикрепляется еще одна фотография, только на ней сфотографирован нужный фрагмент выставки, который нужно показать подробнее. Получается, что фотография как бы увеличивается. Но это просто эффект от 2-х фотографий.

      Удалить
    2. Спасибо большое. Думала так же, но мало ли... Вы большие молодцы. С Вашей помощью и у меня что-то получается.

      Удалить
  11. Марина Анатольевна, добрый день! Всё получилось! Спасибо большое!

    ОтветитьУдалить
  12. После попытки загрузки картинки сервис отключился и не открывается. Выдает три картинки^ Education Corporate Digital content

    ОтветитьУдалить
  13. Что делать в таких случаях? Заранее спасибо!

    ОтветитьУдалить
    Ответы
    1. Добрый день, Валентина! К сожалению, из Вашего сообщения непонятно, что случилось с сервисом. Возможно, перебои с Сетью, возможно, низкая скорость Интернета, возможно, изображение было слишком "тяжелое" для загрузки. Можно попробовать перезагрузить сайт и попробовать еще раз.
      Если ничего не помогает, пришлите, пожалуйста, скриншот Вашей проблемы мне по электронной почте, я постараюсь Вам помочь. Возможно, станет яснее, что случилось. Мой адрес: oreshko_marina@mail.ru

      Удалить
  14. Здравствуйте, уважаемые коллеги! Хочется поблагодарить Вас за то, что не только осваиваете сами, но и делитесь со своими читателями! Благодаря Вашим пошаговым инструкциям, я создала свой интерактивный плакат "Они были первыми" ко дню космонавтики в блоге "Ты, я и книга!". Большое Вам спасибо!

    ОтветитьУдалить
    Ответы
    1. Спасибо за добрые слова! Здорово, что у Вас получилось создать интерактивный плакат. Надеюсь, работа Вам доставила только положительные эмоции. :)

      Удалить
  15. Марина, здравствуйте! Пробую создать карту в сервисе. Почему-то при создании интерактивности текст печатается задом-наперед и не сохраняется. Пробовала вставить ссылку, получается. Что не так с текстом? Не знаю, что и делать..

    ОтветитьУдалить
  16. Странно... Я сейчас попробовала текст вставить, у меня все хорошо получилось, без проблем, и сохранилось тоже. Может, дело в браузере? Бывает, что некоторые браузеры не поддерживают сервисы. В Гугл Хром у меня хорошо все работает.

    ОтветитьУдалить
    Ответы
    1. Спасибо за совет! Попробую в другом браузере! ))

      Удалить
  17. Спасибо, Марина. Изучила. Создала интерактивный плакат, посвящённый переписи библиотечных блогов. Скоро опубликую )

    ОтветитьУдалить
  18. Здравствуйте! Сделала интерактивный плакат. Скачиваем встраиваемый код, вставляем в свой сайт, а плакат не появляется на сайте?что делаем не так?

    ОтветитьУдалить
  19. Добрый день! Код для сайта берем из вкладки INSERT. Он бывает 2-х видов: iframe (вставляется на любой сайт) и script. Лучше брать iframe. Вставляется код в режиме редактора в раздел с html-разметкой сайта. И сохраняется. Он должен отражаться корректно. Проблемы могут возникать, если стоят фильтры, блокираторы и т.д.

    ОтветитьУдалить

Этот пост ждёт ваших комментариев.
Не знаете, как оставить комментарий?
Тогда эта инструкция для вас!

- Нажмите на стрелку рядом с окошком "Подпись комментария".
- Выберите "Имя/URL".
- Напишите своё имя, строчку URL можно оставить пустой.
- Нажмите "Продолжить" и комментируйте.

Заранее спасибо!

Related Posts Plugin for WordPress, Blogger...