Интерактивная инфографика в PowerPoint. Подробная инструкция

intergr17

Возвращаю обещанный долг слушателям вебинара, посвящённого образовательной инфографике. Был большой риск, что демонстрация в прямом эфире наглядного примера, как можно создать интерактивную инфографику в PowerPoint, зависнет. Кроме того, в адрес Дидактора также поступали вопросы на заданную тему. Поэтому размещаю ресурс  у себя в Дидакторе с подробной инструкцией, как это выполнить для всех читателей.

Я уже публиковал интерактивную инфографику Ископаемое топливо со ссылкой на ресурс. Готовясь к вебинару я несколько изменил её. Загрузить разработку вы можете по этой ссылке.

Уже не один раз появлялся от читателей вопрос, КАК её подготовить. В данной статье я публикую подробную инструкцию. Для начала посмотрите интерактивную инфографику Ископаемое топливо. Обратите внимание, что это набросок. Среди данных по странам активны только ссылки по России.

Представляю пошаговую инструкцию.

Шаг 1. Создаём макет интерактивной инфографики

В данном случае это диаграмма.

intergr

Кто ещё не вставлял диаграммы в PowerPoint, напоминаю алгоритм: Вставка Диаграмма Тип диаграммы.

integr1

Когда у нас появляется таблица Excel, вставляем свои данные.

integr2

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

integr3

Шаг 2. копируем макет и вставляем на все слайды

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

integr4

ВНИМАНИЕ! Когда будете расставлять макет на другие слайды, ни в коем случае не двигайте его. Изначально макет станет в то же место, что и на первом слайде. Если мы не нарушим это условие, мы сможем соблюсти принцип одного экрана, что в данном случае очень важно.

Шаг 3. Наполняем слайды содержанием

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

integr6

Макет второго уровня указан стрелкой. Макет второго уровня размещается не на всех слайдах, а в зависимости от количества позиций в первом макете. К примеру, в данном случае таких позиций 5. Поэтому макет второго уровня размещается на пяти слайдах: со второго по шестой слайды. Но учтите, при кажущейся одинаковости, диаграммы разные в зависимости от содержания. То есть каждый раз составляем диаграммы на заданные темы. То есть у меня в макете второго уровня 5 разных диаграмм.

Размещаем пиктограммы, ключевые данные. На забывайте требований к инфографике: максимум визуализации, минимум текста.

integr7

Шаг 4. Создаём иерархию гиперссылок

В данном случае у нас будут два уровня гиперссылок. Одни направленные на темы.

integr8

Ссылки второго уровня направлены на подтемы, а конкретнее на данные по странам.

integr9

Итак, цель намечена. Приступаем к созданию невидимых гиперссылок. У нас не будет специальных служебных кнопок, которые будут только отвлекать.

1.Вставляем фигуры на все объекты.

integr10

ВставкаФигурыТип фигуры. Подбираем такие фигуры, которые могли бы закрыть максимальное пространство выбранного объекта.

integr11

2. Делаем эти фигуры невидимыми.

integr12

Передвигаем движок цветности в крайне правое положение, то есть устанавливаем Прозрачность  -100%. Цвет линиинет линий.

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

integr13

3. Создаём гиперссылки первого уровня.

integr14

На первом слайде, где размещён наш макет, создаём гиперссылки на подтемы. Копируем эти невидимые гиперссылки и размещаем их на все остальные слайды нашей разработки.integr15

И здесь также при вставке не делайте «лишних движений». Скопировали и вставили. Гиперссылки займут то же самое место,  что и на первом слайде. Теперь мы избавлены от кнопки «возврат домой». Мы сможем передвигаться по нашей интерактивной инфографике как хотим.

4. Создаём гиперссылки второго уровня.

integr16

Со второго слайда создаём невидимые гиперссылки второго уровня на слайды с конкретным содержанием. В данном случае это данные по странам по тому или иному ископаемому топливу. Принцип их создания такой же, как и в первом случае.

Всё готово. Напомню, что

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

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

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

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

Если будут ещё вопросы по созданию интерактивной инфографики в PowerPoint, обращайтесь.

Комментарии к “Интерактивная инфографика в PowerPoint. Подробная инструкция

  1. Оля говорит:

    Здорово! Ресурсы презентаций и творчества учителя безграничны!!! Огромное спасибо.

  2. Мария Яковлевна Фоченкова говорит:

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

    • Георгий говорит:

      Добрый день, Мария Яковлевна! Сейчас наиболее приемлемый вариант размещения презентации с сохранением интерактивности — облако Microsoft. Создаёте аккаунт в OneDrive, размещаете туда свою презентацию и копируете html-код

Добавить комментарий

Ваш e-mail не будет опубликован.