III этап – интерактивный плакат «Быстрее! Выше! Сильнее!»

 18.11.2019 - 24.11.2019 

Интерактивный плакат «Быстрее! Выше! Сильнее!» 

Что мы будем делать на этапе "Быстрее! Выше! Сильнее! "

1. Знакомимся с критериями оценивания  (критерии смотри в конце странички).
2. Определяем основную идею, содержание, структуру плаката. Работа должна содержать информацию о спортивных достижениях, рекордах российских спортсменов и спорта по вашему выбору  (в  игровых видах спорта или спортивных единоборствах, зимних или летних видах спорта); о  знаменитых спортивных командах/клубах; о тренерах и их воспитанниках; о рекордах знаменитых русских атлетов.
3. Подбираем материал для содержательной части плаката, продумываем оформление.
4. Интерактивный плакат должен быть создан с помощью https://www.mockflow.com/, Genially, https://h5p.org/ 
5. Используем при создании плаката рисунки, фотографии, звуковые эффекты, видеоматериалы и т.д. При этом команды  гарантируют, что использованные фотографии, графические материалы, аудио и видео фрагменты не нарушает каких-либо прав третьих лиц. За достоверность авторства работ ответственность несет куратор команды. При использовании чужих авторских материалов (текста, картинок, фотографий и т.д.) обязательно указывать источник. 
6. Подписываем плакат (название команды, название образовательной организации).
7. Копируем ссылку на интерактивный плакат (ссылка должна быть встраиваемая (HTML), например, выглядеть таким образом:
   
8. Отправляем ссылку на  работу по адресу bic.potl@barnaul-obr.ru.

• H5P - предназначен для создания разнообразного интерактивного контента: презентаций, видео, лент времени, интерактивных плакатов, упражнений, опросов и игр.
• Mockflow -  это целый пакет сервисов для создания интерактивных интерфейсов сайтов и приложений. Есть в этом наборе шаблон "AnnotatePro" для создания интерактивных плакатов. Загрузив изображение, можно добавить к нему большое количество разнообразных фигурок, меток, эффектов, прикрепить ссылки, тексты, изображения, Youtube-ролики, карты и презентации c сервиса Slideshare. Можно получить прямую ссылку на плакат или код для вставки на сайт и в блог.
• ThingLink- сервис, позволяющий превращать статические картинки в интерактивные объекты, где для каждого объекта на картинке можно выбрать и установить ссылку на веб-страницу, презентацию, видео и т.п.

 Критерии оценивания интерактивного плаката  

Максимальное количество баллов – 9 б.

Содержательный компонент (от 0 до 3 баллов)

- полнота и качество информации;

- грамотность.

Творческий компонент (от 0 до 3 баллов)

- оригинальность представленного материала;

- дизайн презентации (единство графического, текстового и цветового решения).

Технический компонент (от 0 до 3 баллов)

- сложность выполненной работы;

- наличие и качество авторских дополнительных мультимедийных и интерактивных ресурсов 

         24 ноября 2019 г. (включительно) приём работ будет завершён в 24-00 по местному времени. 

http://wiki-sibiriada.ru/Mockflow

Регистрация

• Для работы в сервисе необходима регистрация. Заходим на сайт Mockflow, нажимаем "Get Started for FREE". В дальнейшем, чтобы зайти в личный кабинет, можно использовать кнопку "Login".
• При регистрации указываем своё имя, адрес электронной почты, придумываем пароль. Доступна регистрация с использованием аккаунта Google, но работает она нестабильно. Лучше регистрироваться по адресу электронной почты.

Создание интерактивного плаката

• Выбираем шаблон AnnotatePro (слева) и загружаем изображение (Select Image).
• После выбора нажимаем на кнопки в правом верхнем углу: сначала - "Next", потом "Upload". Далее нажимаем "Annotate Image". Открывается конструктор для добавления меток.
• На изображение можно добавить тексты, картинки (загрузить с ПК), различные стрелки, скобки, фигуры, кнопки, в том числе анимированные (помечены надписью "Anim"). Не все шрифты поддерживают кириллицу. Чтобы добавить метку, мышью перетягиваем её в нужное место на картинке.
• Теперь добавляем интерактивность. Выбрав метку, щёлкаем справа внизу кнопку "Add Interaction" и прикрепляем к метке тексты, ссылки, изображения, видео, карты и презентации. Все метки и интерактивности можно настроить на свой вкус: выбрать цвет, размер, толщину линий, фон и т.д.
• Ссылки к меткам добавляем не правой клавишей "мыши", а через сочетание клавиш "Ctrl+V".
• В разделе "Effects" можно добавить необычные эффекты к картинке - пикселизация, лупа, размытие, а в разделе "Stickers" - необычные надписи, стрелочки, смайлики, стикеры. К каждому стикеру можно добавить интерактивность.

Распространение

Полученный результат сохраняем кнопкой "Save" (сверху слева). А через кнопку «Share» делимся со зрителями интерактивным плакатом. Можно получить прямую ссылку на плакат или код для вставки на сайт и в блог.

http://wiki-sibiriada.ru/H5P

Регистрация

• Для работы в сервисе необходима регистрация. Для этого заходим на сайт H5P и нажимаем “Create free account”. В дальнейшем можно заходить на сервис, используя клавишу “Log in”.
• В форме для регистрации указываем имя (никнейм), адрес электронной почты, придумываем и подтверждаем пароль. По желанию можно рассказать о себе в разделе “Description”, подписаться на новости проекта или отказаться от них (снять “галочку”), в заключение пройти проверку, ответив на контрольный вопрос (так называемая “капча”) и в соответствующее окно записав ответ на него в виде слова. Контрольный вопрос и ответ - на английском языке. Для перевода можно использовать переводчик Google.
• Открывается учетная запись. Чтобы приступить к созданию интерактивного видео, нажимаем “Create New Content”.

Создание интерактивного плаката

• Интерактивный плакат создается на основе изображения. К нему можно прикреплять метки с текстовой информацией, другим изображением или видео.
• Даем название будущей работе (Title). Выбираем из выпадающего списка “Image Hotspots”. Загружаем с ПК изображение для плаката (не более 16 Mb), выбираем цвет метки (“горячей точки”).
• Далее выбираем на изображении место для метки (Hotspot Position), указываем название метки (Header) и её тип (Content Item): видео (Video) изображение (Image), текст (Text). К одной метке можно прикрепить сразу несколько типов контента (видео с текстом, изображение и видео и т.д.): для этого нажимаем “Add item”. По желанию можно выбрать опцию “Cover entire background image”: при нажатии на метку открывшееся окно будет закрывать всё фоновое изображение.
• Видео загружается по ссылке из YouTube или с ПК (не более 16 Mb). К видео можно применить некоторые настройки. В разделе “Visuals” настраиваем параметры видеоплеера. В разделе “Playback” выбираем опции автоматического воспроизведения и воспроизведения “по кругу”.
• Изображение для метки загружается с ПК (не более 16 Mb). Указываем текст, который будет появляться, если изображение не удастся загрузить (Alternative text) и текст, который будет появляться при наведении на метку курсора (необязательно).
• Чтобы добавить новую метку на изображение, нажимаем “Add hotspot”.
• В разделе “Text overrides and translations” можно перевести на русский язык надписи, которые будут появляться при работе с интерактивным плакатом. В заключение нажимаем “Save”.

Распространение

• Во вкладке “View” все созданные работы доступны для предварительного просмотра. Для того, чтобы получить ссылку на готовую работу, заходим в личный кабинет (кнопка “My account” вверху справа), выбираем её из списка и открываем. Ссылку на работу копируем из строки браузера.
• Для того, чтобы получить код для встраивания видео на страницу сайта или блога, нажимаем “Embed”. Также готовой работой можно поделиться в социальных сетях (Twitter, Facebook) и скачать ее в формате h5.p.

http://wiki-sibiriada.ru/ThingLink