(function($) { $(function() { $('div.intabs').delegate('div:not(.current)', 'click', function() { $(this).addClass('current').siblings().removeClass('current') .parents('div.allsection').find('div.pagebox').eq($(this).index()).fadeIn(150).siblings('div.pagebox').hide(); }) }) })(jQuery)

Уроки по созданию интерактивных материалов

Как создать интерактивную викторину

 в PowerPoint



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

В этом посте мы расскажем как с помощью PowerPoint создать интерактивную викторину, которую впоследствии можно разместить в интернете или использовать как самостоятельный продукт.


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

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


2. Кнопки перехода. К каждой кнопке перехода прикрепляем гиперссылку на соответствующий  слайд, добавляем анимацию и эффект триггера. С подробной видеоинструкцией о порядке применения триггеров в презентации можно ознакомиться в посте «Использование триггеров в PowerPoint и взаимодействие с продуктами iSpring».  


Добавление триггера позволит создать эффект нажатой кнопки (текст внутри кнопки станет невидимым). Таким образом, при возврате к титульному слайду будет ясно, какие этапы игры уже пройдены.


3. Этапы игры. Создаем нужное количество слайдов согласно числу этапов в викторине. На каждом слайде размещаем фотографию, изображающую известную достопримечательность (узнаваемую) той или иной столицы мира. Затем «прячем» фотографию под прямоугольниками, которые нумеруем. С помощью эффектов анимации и триггеров задаем нужный эффект «открывания» объекта.


В процессе игры участник называет цифру прямоугольника, кликает по нему мышкой, и фрагмент рисунка становится виден. Задача игрока – угадать страну и её столицу  по фотографии.

4. Ответ. Если предполагается самостоятельное использование игры учащимися, то на каждый слайд можно добавить либо голосовое сопровождение, записанное с помощью микрофона, либо добавить название столицы, которое при нажатии на кнопку будет появляться на экране . При создании такого ответа следует учесть, что это слово вами должно быть расположено вне окна слайда, а при применении эффекта анимации- “пользовательский путь”, ответ будет виден в рабочем окне. Так участники смогут узнать правильный ответ или прослушают  краткий рассказ об объекте на фото (если это будет звуковой ответ).


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


Итак, у нас получилась развивающая игра-викторина, подготовленная с помощью PowerPoint. Отметим, что наличие интерактивных элементов: кнопок управления, эффектов анимации и триггеров – делают презентацию хорошим обучающим пособием.

Если Вы хотите разместить свою презентацию в интернете или Системе Дистанционного Обучения, лучше сконвертировать готовый проект в формат Flash или HTML5.

С помощью продуктов iSpring можно нажатием одной кнопки сконвертировать презентацию в удобный для дальнейшего использования формат. Программа iSpring Converter 
 
 сохранит PowerPoint-презентацию в формат HTML5, а iSpring Pro 
 

 – во Flash. Подробнее об этом Вы можете прочесть в посте “Конвертация готовых презентаций PowerPoint в различные форматы (Html5, Flash)”. 

Помимо этого,  iSpring Converter и iSpring Pro позволяют добавлять в презентацию web-объекты и видеоролики YouTube. Благодаря им Ваша викторина станет еще красочнее и интереснее.

Алгоритм создания интерактивной ленты 

Это моя первая обучалка.

 Создаётся лента в презентации. У меня Power  Point  2007. Объясняю как можно подробно. Может слегка коряво, но уж как получится.



1. Создаём  слайды по количеству  картинок и +1.( у меня 9 картинок - значит я создаю 10 слайдов)
2. 1 слайд оставляем пустым, а на остальные слайды помещаем картинки( в увеличенном виде - у меня на весь слайд). Вместо иллюстраций может быть что угодно: задания, примеры...)
3. Копируем  картинку со 2 слайда , помещаем её на 1 слайде и уменьшаем в размере. Так поступаем с каждой картинкой. Вот что получится.

4.Теперь мы должны сгруппировать наши картинки в блоки. Выделяем первый ряд картинок,щёлкаем правой кнопкой мыши (ПКМ). В появившихся табличках выбираем группировать.
Также поступаем с остальными рисунками. Получим три группы (блока).
5. Теперь зададим эффекты анимации каждому из блоков.Находим на верхней панели анимация - жмём, настройка анимации - жмём, справа сбоку  добавить эффект - жмём,в появившейся табличке выбираем вход и вылет- жмём.
Теперь справа в боковой панели: где начало- ставим с предыдущим, направление - ставим  слева, скорость - медленно.
Теперь настраиваем анимацию выхода. Снова жмём добавить эффект, выбираем выход и вылет за край листа. Где начало - ставим по щелчку, где направление - вправо, скорость - медленно.
Точно также поступаем и с остальными двумя блоками.
6.Выполним небольшую перестановку. сбоку справа  у вас написано группа ...и звёздочки зеленая и красная . Выделяем щелчком верхнюю строку с зелёной звёздочкой, при этом внизу выделилась  зелёная стрелочка - нажимая на неё опускаем верхнюю строчку в самый низ.
7. Установим на слайд кнопку прокрутки, у нас будет стрелочка. На верхней панели находим вставка - фигуры- выбираем понравившуюся стрелочку. Все блоки будут появляться именно по команде этой кнопочки. Выделяем все элементы анимации на слайде. В это время все группы справа сбоку выделились тоже.Жмём на них ПКМ, в появившейся таблице выбираем время, в новой табличке жмём на слово переключатели и выбираем строку  начать выполнение эффекта при щелчке. Рядом сбоку в рамочке выбираем последнюю строку ( у меня нашивка 14). Она и будет выполнять роль триггера.  Жмём ОК.
8.Установим гиперссылки на каждый слайд, где должна появиться большая картинка.Выделяем первым щелчком первый блок, вторым щелчком первый кадр из блока. Делаем его гиперссылкой: в появившейся табличке выбираем гиперссылка, затем в новой таблице выбираем - местом в документе и жмём на  слово слайд 2. Теперь слева нажимаем на слайд 2, открывается картинка большая, жмём ПКМ- выбираем гиперссылка - местом в документе - слайд 1. Это для того, чтобы вернуться после просмотра на блок 1.
Точно также с каждым кадром из  всех блоков. Только меняться будет номер выделенного красным в тексте слайда . Остальное остаётся неизменным.
9. Теперь наложим все блоки друг на друга, чтобы получился эффект непрерывности.
10. Теперь можете закрасить фон слайда, добавить текст на каждый слайд или задание. Это уже по вашему усмотрению.
Интерактивная лента готова.
Успехов Вам!

А вот ещё обучалка

Publish at Calameo or read more publications.

Уроки от Аллы Госман
Как создать интерактивный плакат.

1.Заходим на сервис по ссылке: http://picstag.ru

2.Открывается такое окно:

ЛКМ кликаем по словам "перетащите сюда файлы для загрузки"...

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

4. Работаем с нижней фотографией, дважды по ней кликаем ЛКМ, стараемся выбрать место внизу, чтобы метка не попала на лицо, если это портрет. Появляется еще одна табличка" добавить текст или ссылку". Я добавляю туда ссылки + "создать".

5.Когда все ссылки поставим,  нажимаем на "сохранить" в правом нижнем углу.Появится таблица со ссылками, какую хотите, ту и берите. Для блога я беру HTML.
 Можно  скопировать все.



Удачи, мои дорогие!
Новый сервис для создания интерактивных плакатов. Познакомимся? 



Сервис на английском языке. Разберемся!?




Молодцы , кто знает английский язык, а  кто не знает, поможет  переводчик Гугла.


Будьте внимательны  и, все получится!  



Еще немного приложим усилий и терпения!














Удачи, уважаемые коллеги, в освоении нового сервиса!


Урок от Светланы Садовской 


Создание интерактивного плаката.  Просто даже для новичка! 
Идем на сервис. Регистрируемся. Жмем Создать. 



Загружаем заранее подобранную картинку-фон. 
      Жмем Присоединить теги. Появляется страница, где надо заполнить 4 момента: 1) вставить ссылку на переход  2) написать краткое описание к ссылке  3) выбрать иконку  4) сохранить все  (рисунок 6). 

Пример оформление ссылки на мой блог. Еще и название картинки сменилось. Его можно редактировать. 

Делаем интерактив полезности дальше. Нажимаем на любую точку своей картинки. Появляются опять поля для заполнения. Заполняем. Уже две ссылки имеем (рисунок 10). Так можно добавлять любое количество ссылок-тегов. 

Закончили добавление. Получаем код созданной интерактив полезности, чтобы перенести его себе на блог (рисунок 11). Если обнаружили неточность, можно нажать Редактировать и продолжить работу. Копируем HTML код (рисунок 12) и вставляем код себе на блог (реадктор Blogger, режим HTML). 
                         

3 комментария:

  1. Ваша информация будет интересна творческим педагогам

    ОтветитьУдалить
  2. Доброго времени суток, уважаемая Клавдия Михайловна! Прекрасные методические рекомендации!!! Весь Ваш блог - феерия интеллекта и доброты!!! Браво, браво, браво!!! Желаю творческих изысков на педагогическом поприще!!! Пусть Ваш труд будет востребован самыми лучшими педагогами России!!!

    ОтветитьУдалить
  3. Спасибо, Елена, за такой позитивный отзыв о моём блоге.

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

<данных:содержание>