Как сделать интерактивный слайд

Как сделать презентацию с триггерами и поделиться ей с учениками

Как сделать интерактивный слайд

В этой статье мы расскажем, как вставить триггеры в PowerPoint-презентацию, сделать с их помощью игру, загрузить ее в блог или отправить по email всему классу.

Триггер в PowerPoint — это инструмент, который позволяет создать «горячую клавишу» для запуска анимации, аудио- и видеоэффектов.

Один клик мышью — и выбранный объект (картинка, фигура, отдельное слово) приходит в движение на слайде. Исчезает, выезжает справа или слева, меняет цвет — действует по заданному сценарию. Например, вот так:

Как сделать триггер в презентации

Посмотрите нашу короткую видеоинструкцию:

Рассмотрим на конкретном примере, как сделать триггер в PowerPoint. Мне нужно, чтобы при нажатии на портрет Пушкина всплывала подсказка — окошко с фамилией и инициалами поэта. А при нажатии изображения Лермонтова появлялся текст «М.Ю. Лермонтов». Итак, цель задана. Рассмотрим создание триггеров в презентации пошагово.

1. Создаем пустой слайд

Как сделать интерактивный слайд

2. Добавляем изображения для анимации

Как сделать интерактивный слайд

СОВЕТ: если вы хотите одновременно вставить несколько рисунков, выберите необходимые файлы, удерживая клавишу CTRL.

Как сделать интерактивный слайд

3. Вставляем подсказки

Как сделать интерактивный слайд

После вставляем в фигуру текст с подсказкой. Выполняем данные действия для двух фото. Должно получиться так:

Как сделать интерактивный слайд

4. Создаем анимацию

Как сделать интерактивный слайд

5. Настраиваем триггер

Как сделать интерактивный слайд

Как поделиться интерактивной презентацией с учениками

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

Простой способ поделиться презентацией в интернете — загрузить материалы в «облачный» сервис iSpring Cloud. Программа предлагает четыре удобных варианта распространения презентаций, которые можно будет открыть на любом компьютере:

В iSpring Cloud можно не только делиться курсами, но и смотреть по ним статистику: кто открывал, сколько слайдов просмотрено, сколько в среднем тратят времени на изучение.

Никто не испортит вашу презентацию. В iSpring Cloud она защищена от редактирования. Сохранить авторские права помогут настройки приватности: установите пароль, и доступ к материалам смогут получить только те пользователи, кому вы доверяете.

Читайте подробную инструкцию о том, как поделиться презентацией с помощью iSpring Cloud.

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

Источник

Как сделать презентацию интерактивной

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

Как сделать интерактивный слайд

Примечание: далее материал будет от имени автора.

Когда мы провели анализ, что является основой успешного выступления, что делает из простых спикеров увлекающих за собой ораторов мы пришли к выводу, что секрета успешной презентации три:

Давайте поговорим о третьем секрете успешного выступления.

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

Это не всегда продуктивно, потому что требует дополнительного времени и навыков. Поэтому и родилась идея создать сервис для Powerpoint, который позволит дополнять презентацию крутыми интерактивными элементами, взаимодействующими с аудиторией. Назвали мы его INPRES — от INteractive PRESentation.

Как устроен сервис?

Сервис состоит из трех модулей — кабинета спискера, где пользователь создает интерактивные элементы, модуль Add-in для PowerPoint, чтобы интегрировать интерактивные элементы в презентацию и интерфейсы участников презентации для взаимодействия со спикером. Кросс-платформенное взаимодействие в проекте тесно интегрировано с Office.js, который 2 года назад на рынок выпустила компания Microsoft. Более подробно о процессе разработки и интеграции я расскажу чуть позже.

Какие возможности спикеру дает данный сервис:

Как сделать интерактивный слайд

Как сделать интерактивный слайд

Как сделать интерактивный слайд

Как сделать интерактивный слайд

Как сделать интерактивный слайд

Как устроено дополнение для PowerPoint?

Дополнение INPRES (надстройка add-in) для PowerPoint представляет собой файл манифеста с доступом к выделенному разделу веб сервиса. Манифест это XML-файл, в котором хранится некоторая информация о приложении. Веб страницы, на которые ссылается манифест отвечают непосредственно за основную логику и интерфейс приложения. Они будут взаимодействуют с файлом вашей Powerpoint презентации через специально предоставленный API.

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

Особенности реализации

В сервис INPRES закладывался принцип «бесфрикционности» — спикер только перелистывает слайды презентации, сервис делает все остальноe — запускает интерактивный элемент (опрос, анкетирование и т.п.), напоминает о нем участникам презентации с помощью PUSH нотификации, сам переводит участника на страницу интерактивного элемента, отображает действия участников в режиме онлайн (к примеру, результаты голосования).

Для этого прописывалась сценарии действия спикера, а обработка событий спикера происходит через перехват событий разработанной JS библиотекой.

Как сделать интерактивный слайд

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

Когда мы создавали сервис, мы изучали рынок «голосовалок» и систем конференций и пытались превзойти каждого из наших конкурентов. Так родилась мультиязчность — сейчас у нас
14 языковых пакетов, в т.ч. и русский. Мы сделали точное настраивание цветовых схем интерфейсов — можно выбраль любой HEX код цвета для фона, графиков, шрифта. Добавли библиотеку из более 10 шрифтов

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

Сложности

В целом, Office JS API для PowerPoint имеет более урезанный функионал, чем API для Word или Outlook. Это являлось основной сложностью создания Add-in. Как и написано ранее — многие библиотеки приходилось писать самостоятельно и искать walkarround.

Чтобы сделать это необходимо указать в файле startup.cs вашего проекта возможность изменять X-Frame-Options свойства:

И установить значения X-Frame-Options для всех страниц в файле web.config:

Также большую изыскательскую работу мы провели по получению данных участников презентации, когда они регистрируются через соц сеть (эта возможность настраивается в нашем сервисе). С именем, имэйлом проблем не было — это стандартная функциональность фрэймворка AspNetCore.Authentication.

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

Чтобы это сделать в том же файле startup.cs необходимо промэппить поля на соответствующие Claim фрйэмворка авторизации:

То, что сьело у нас значительное время — это согласование Add-in перед его публикацией в MS Store. Важно подойти к этому этапу с максимально оттестированным функционалом. Также, т.к. направление Add-In для офиса находится в стадии бурного развития — готовьтесь к тому, что каждая итерация согласования будет длиться от 2 до 5 дней. К счастью, с пощью коллег из Московского, Ирландского и Датского офисов Microsoft мы получали обратную связь достаточно оперативно.

Следующие шаги

В конце ноября компания планирует запустить модуль для PowerPoint для MAC, до конца года — встроенные в сервис викторины и тестирование сотрудников.

В рамках сотрудничества компания Microsoft приняла решение о предоставлении компании INPRES расширенного гранта для развития бизнеса Bizspark +, а также использовать сервис в конференциях Microsoft.

Выводы

INPRES будет полезен людям участвующим в публичных выступлениях, конференциях, совещаниях, продающих презентациях, в тренингах, WorkShop-ах, учебных мероприятиях и на текущий момент является уникальным сервисом, предоставляющим спикерам весь пакет инструментов интерактивного взаимодействия с аудиторией.

Об авторе

Как сделать интерактивный слайд

Денис Попов — ведущий разработчик компании INRPES.

Источник

PowerPoint: Создание интерактивной презентации

Задание. Создать презентацию «Времена года», состоящую из шести слайдов (рис. 1-6).

Как сделать интерактивный слайд

Рис.1. Слайд 1.Как сделать интерактивный слайд

Рис.2. Слайд 2.Как сделать интерактивный слайд

Рис.3. Слайд 3.Как сделать интерактивный слайд

Рис.4. Слайд 4.Как сделать интерактивный слайд

Рис.5. Слайд 5.Как сделать интерактивный слайд

Задание 1. Создать титульный слайд с анимацией (рис. 1).

ОбъектВид анимацииНаправлениеВремя
1Текст ВРЕМЕНА ГОДАжалюзивертикальныепосле предыдущего
2Текст ЗИМАвылетсверху слевапосле предыдущего
3Текст ВЕСНАвылетсверху слевапосле предыдущего
4Текст ЛЕТОвылетсверху слевапосле предыдущего
5Текст ОСЕНЬвылетсверху слевапосле предыдущего
6«Зимний» прямоугольниквылетсверхупосле предыдущего
7«Осенний» прямоугольниквылетснизупосле предыдущего
8«Летний» прямоугольниквылетсверхупосле предыдущего
9«Весенний» прямоугольниквылетснизупосле предыдущего

-По щелчку мыши: Перейти по гиперссылки на слайд… (выбрать в списке соответствующий слайд) и Выделить;
-По наведении указателя мыши: Выделить.

Задание 2. Создать образец слайдов (рис. 7).

Как сделать интерактивный слайд

Рис.7. Образец слайдов

-По щелчку мыши: Перейти по гиперссылке на слайд… (выбрать в списке соответствующий слайд) и Выделить.

Задание 3. Создать слайды по образцу (рис. 2-4) и последний слайд (рис. 6).

Skis.wmf, Snowmen1.wmf, Winter.wmf

Flower.wmf, Snowmen2.wmf, Spring.wmf, Tree.wmf

Beach1.wmf, Beach2.wmf, Bug.wmf, Castle.wmf, Sea.wmf

Cherry.wmf, Gardener.wmf, Leaf.wmf, Vegetable.wmf

Для первого (рис. 1) и шестого (рис. 6) слайдов отключить фон образца. На шестом сладе добавить надпись «До новых встреч» и две гиперссылки с соответствующими переходами – «СНАЧАЛА» (переход на первый слайд), «ВЫХОД» (завершение показа).

Творческая работа. Создание интерактивной презентации

Презентации для учащихся начальных классов

Общие требования к оформлению презентации:

Источник

Создание динамичных презентаций PowerPoint с помощью интерактивного оглавления

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

Как сделать интерактивный слайд

Чтобы добавить масштаб, перейдите к разделу вставка > увеличить.

Для суммирования всей презентации на одном слайде выберите команду «Интерактивное Оглавление «

Чтобы показать только выделенные слайды, выберите пункт » Масштаб слайда «.

Чтобы отобразить только один раздел, выберите команду » масштаб раздела «.

Как сделать интерактивный слайд«Оглавление»: «Интерактивное оглавление», «Ссылка на слайд» и «Ссылка на раздел»»/>

Обзор

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

Масштабирование PowerPoint доступно только в Windows — в Microsoft 365 и PowerPoint 2019.

Интерактивное оглавление

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

Суммарное масштабирование теперь поддерживается для подписчиков Microsoft 365 в PowerPoint для Microsoft 365 для Mac, начиная с версии 16.19.18110915.

Выберите Вставка > Оглавление.

Как сделать интерактивный слайд

Выберите Интерактивное оглавление.

Как сделать интерактивный слайд«Оглавление»: «Интерактивное оглавление», «Ссылка на слайд» и «Ссылка на раздел»»/>

Откроется диалоговое окно «сводное Оглавление».

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

Как сделать интерактивный слайд

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

Как сделать интерактивный слайд

Как сделать интерактивный слайд

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

Как сделать интерактивный слайд

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

Выделите оглавление и выберите вкладку Формат на ленте.

Как сделать интерактивный слайд

Выберите Изменить оглавление, выберите нужные разделы, а затем нажмите кнопку Обновить.

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

Ссылки на слайды

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

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

Выберите Вставка > Оглавление.

Как сделать интерактивный слайд

Выберите Ссылка на слайд.

Как сделать интерактивный слайд«Оглавление»: «Интерактивное оглавление», «Ссылка на слайд» и «Ссылка на раздел»»/>

Откроется диалоговое окно «масштаб слайда». Выберите нужные слайды

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

Совет: При желании можно быстро создать ссылку на слайд, выбрав нужный слайд в области эскизов и перетащив его на слайд, на который вы хотите добавить ссылку. Таким способом можно быстро создавать и изменять ссылки на слайды, а также располагать их в нужном порядке.

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

Выделите оглавление и выберите вкладку Формат на ленте.

Как сделать интерактивный слайд

Выберите Изменить изображение, чтобы выбрать новый рисунок из Интернета или с компьютера.

Как сделать интерактивный слайд

Выберите или выполните поиск нужного изображения в Интернете. Выбрав нужное изображение, нажмите кнопку Вставить.

Как сделать интерактивный слайд

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

Как сделать интерактивный слайд

Ссылка на раздел

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

Выберите Вставка > Оглавление.

Как сделать интерактивный слайд

Выберите Ссылка на раздел.

Как сделать интерактивный слайд«Оглавление»: «Интерактивное оглавление», «Ссылка на слайд» и «Ссылка на раздел»»/>

Выберите раздел, на который вы хотите создать ссылку.

Нажмите кнопку Вставить. Будет создана ссылка на раздел.

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

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

Выделите оглавление и выберите вкладку Формат на ленте.

Как сделать интерактивный слайд

Выберите Изменить изображение, чтобы выбрать новый рисунок из Интернета или с компьютера.

Как сделать интерактивный слайд

Выберите или выполните поиск нужного изображения в Интернете. Выбрав нужное изображение, нажмите кнопку Вставить.

Как сделать интерактивный слайд

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

Как сделать интерактивный слайд

Настройка параметров интерактивного оглавления

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

Выделите оглавление и выберите вкладку Формат на ленте.

Как сделать интерактивный слайд

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

Как сделать интерактивный слайд

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

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

Выделите оглавление и выберите вкладку Формат на ленте.

Как сделать интерактивный слайд

В группе Стили интерактивного оглавления выберите Фон интерактивного оглавления. Фон интерактивного оглавления будет заменен фоном слайда.

Как сделать интерактивный слайд

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

Выделите оглавление и выберите вкладку Формат на ленте.

Как сделать интерактивный слайд

Если вы хотите использовать переходы, в группе Параметры интерактивного оглавления установите флажок Переход интерактивного оглавления.

Как сделать интерактивный слайд

Если вы не хотите использовать переход, снимите флажок Переход интерактивного оглавления.

Чтобы изменить время перехода, используйте стрелки вверх и вниз рядом с индикатором Длительность.

Требования

В таблице ниже приведены сведения о минимальных номерах версии, необходимых в PowerPoint для создания и воспроизведения ссылок на масштаб.

Возможности перехода «Трансформация»

Создание и воспроизведение масштаба

PowerPoint 2019 для Mac

PowerPoint 2016 для Mac

PowerPoint для Mac 2011

Увеличение масштаба в виде гиперссылок без увеличения масштаба

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

Не воспроизводить оглавление

PowerPoint для Android

PowerPoint для iOS

PowerPoint Mobile для Windows

Примечание: Эта страница переведена автоматически, поэтому ее текст может содержать неточности и грамматические ошибки. Для нас важно, чтобы эта статья была вам полезна. Была ли информация полезной? Для удобства также приводим ссылку на оригинал (на английском языке).

Источник

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *