Сервисы для создания интерактивных карт. Как вставить карты из Google Maps в PowerPoint, Word и Excel

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

Внимание! Для интерактивной карты целесообразнее настраивать не объект, а целый слайд. Шаг второй. В смене слайдов находим режим «прямоугольник наружу». С ним эффект смены карт наиболее рационален. В «смене слайдов» убираем также галочки с режимов «по щелчку» и «автоматически». Шаг третий. Теперь нам необходимо создать гиперссылки. Ими будут выделенные объекты – тот или иной регион, даже населённый пункт В нашем конкретном случае выделим Краснодарский край и Карелию. Выделяем их полилинией. Получаем объекты, которые в дальнейшем станут гиперссылками. Обратите внимание! Необходима сплошная заливка, чтобы гиперссылка появлялась не только по контуру, но и по всему объекту. Настраиваем формат полученного рисунка на 100%-ную прозрачность. далее

Шаг четвёртый. На отдельных слайдах размещаем необходимые нам карты регионов. Напомню, что смена всех слайдов в режиме «прямоугольник наружу». Шаг пятый. Каждый из выделенных объектов делаем гиперссылками на соответствующие карты. Рекомендуемое действие гиперссылки «по наведению указателя мыши». В таком режиме наиболее эффективна работа интерактивной карты. При необходимости можем продолжить углубление содержания, то есть от карты региона перейти к карте города (населённого пункта). Отсюда – к отдельным объектам. Шаг шестой. Не забываем на всех картах разместить «кнопки возврата» и на главную карту, и на карту, например, региона. Итак, что получаем? далее

Цель работы: Научиться создавать многоуровневую интерактивную карту с помощью программы PowerPoint.

Задание:

1. Овладеть основними функциями программы PowerPoint.

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

4. Уметь создавать «кнопки возврата».

Порядок выполнения работы:

1. Откройте программу PowerPoint в папке Microsoft Office нажав: Пуск – Программы - Microsoft Office - PowerPoint . Откроется основное окно программы. 2. Нажмите: Файл – Создать – Новая презенттация . 3. В окне Макет ы содержимого выбрать Пустой слайд. 4. Вставьте основную карту проекта в программу, для чего выполните: Вставка – Рисунок – Из файла и указав адрес карты, загрузите ее (рис.1). 5. В главном меню выполните следующий алгоритм: Показ слайдов – Смена слайдов . В открывшемся окне находим режим П рямоугольник наружу . С ним эффект смены карт наиболее рационален. Затем убираем галочки с режимов По щелчку и Автоматически . Отметить Применить ко всем слайдам.

Рис.1 Главное окно программы PowerPoint.

6. Для обеспечения интерактивности карты, следует выделить объекты, которые будут увязаны гиперссылками с прикрепленными слайдами. Алгоритм выполнения следующий: Вставка – Рисунок – Автофигуры. В окне Автофигуры выбираем: Основные фигуры - Полилиния . С помощью появившегося крестообразного курсора обводим границы объекта на карте. Обязательно замкните линию, чтобы получить целый объект. 7. Чтобы убрать заливку и сделать выделенную область невидимой, поместите курсор на объекте и кликните правой кнопкой мыши. В открывшемся окне выберите Формат автофигуры. В открывшемся окне (рис.2) установите Прозрачность заливки 100%. Затем выполните: Цвет линии – Другие цвета (рис.3) – Прозрачность линии 100% - Ок.

Рис. 2. Окно программы. Рис. 3. Окно программы Цвета . Формат автофигуры

8. Нажмите: Вставка - Создать слайд . 9. В окне Макет ы содержимого выбрать Пустой слайд . 10. Вставте в открывшийся слайд рисунок (карту, фотографию, таблицу, график и др..), который будет гиперссылкой. Для этого в ыполните следующий алгоритм: Вставка – Рисунок – Из файла и укажите адрес файла. 11. Вернитесь на основную карту, для чего кликните левой клавишей мыши в окне Структура на изображении первого слайда. 12. С помощью гиперссылки следует увязать выделенные объекты основной карты, с прикрепленными слайдами. Для этого поместите курсор мыши на одном из выделенных объектов и щелкните правой клавишей. В открывшемся окне выбираем Гиперссылка . 13. В появившемся окне Добавление гиперссылки (рис.4) выберете Связать с местом в документе . Выберите место в документе Слайд 2 (или другой связанный с данным объектом). Подобным образом создаются гиперссылки и с другими объектами. В прикрепленных слайдах можно также выделять объекты и выставлять гиперссылки на другие слайды и т.д.

Рис.4. Окно программы Добавление гиперссылки.

14. Для нормального функционирования интерактивной карты на прикрепленных слайдах следует разместить кнопки возврата, обеспечивающие переход на основную карту. Алгоритм следующий: в окне Структура кликните левой клавишей мыши на изображении второго слайда, а затем последовательно нажмите Показ слайдов – Управляющие кнопки- Управляющая кнопка: назад .Курсором выделите место на слайде для кнопки возврата. Появится окно Настройка действия (рис.5). Установите в окне По щелчку мыши следующие установки: Перейти по гиперссылке – Первый слайд – ОК. 15. Для проверки функционирования интерактивной карты нажмите: Показ слайдов – Начать показ. Осуществляем проверку.

Рис. 5. Окно программы Настройка действия

Цель работы: Научиться создавать многоуровневую интерактивную карту с помощью программы PowerPoint.

Задание:

1. Овладеть основними функциями программы PowerPoint.

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

4. Уметь создавать «кнопки возврата».

Порядок выполнения работы:

Рис.1 Главное окно программы PowerPoint.

Рис. 2. Окно программы. Рис. 3. Окно программы Цвета . Формат автофигуры

Рис.4. Окно программы Добавление гиперссылки.

Рис. 5. Окно программы Настройка действия

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

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

1. Щелкните ПКМ в любом месте слайда. Выберите в выпадающем меню Фон. (Или в верхнем меню выберите Формат – Фон.)

2. Появится диалоговое окно следующего вида. Цифрой 1 обозначено поле, показывающее текущую цветовую схему слайда. 2 – выбор фона. Щелкнув ЛКМ по треугольнику, можно задать цвет фона, структуру или рисунок из файла. Кнопка 3 позволяет применить настройку ко всем слайдам презентации. Кнопка 4 – к текущему слайду. Щелкните по треугольнику 3. Выберите в выпадающем меню Способы заливки .

4. В следующем окне перейдите на закладку Рисунок и щелкните ЛКМ по кнопке Рисунок . Найдите папку фоны для презентаций , находящуюся в папке Настройка действия и анимации . Выберите любой фон и нажмите Вставить .

5. Щелкните Ок, а в следующем окне кнопку Применить ко всем.

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

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

1. Щелкните ПКМ в любом месте слайда и выберите в выпадающем меню Смена слайдов . (Или в верхнем меню выберите Показ слайдов – Смена слайдов ).

2. В правой части экрана появится окно настройки смены слайдов.

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

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

Эти настройки для нашей презентации мы менять не будем.

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

4. Обязательно щелкните по кнопке Применить ко всем слайдам .

Для просмотра можно воспользоваться кнопками Просмотр и Показ слайдов .

Проверка корректности работы навигационных кнопок

Запустите презентацию, в верхнем меню: Показ слайдов – Начать показ (или F5).
Проверьте, что по щелчку вне кнопок переход не осуществляется.
Выйдите из режима показа, нажав клавишу Esc, которая находится в левой верхней части клавиатуры компьютера.
Убедитесь, что кнопки назад и далее правильно осуществляют переходы. Линейка слайдов, участвующих в последовательных переходах следующая.

Оформление титульной страницы

Выберите слева слайд № 1. В верхнем меню выберите Вставка – Рисунок – Из файла . Найдите файл титул. png , который расположенный в папке Для теории . Нажмите кнопку Вставить .
Измените размер рисунка так, чтобы он полностью покрыл слайд.
Добавьте кнопку Поехали! на слайд: Автофигуры – Управляющие кнопки –Управляющая кнопка: настраиваемая . Установите Перейди по гиперссылке – Следующий слайд . Задайте подходящий звук. Напишите слово «Поехали!» Для этого выберите инструмент Надпись и щелкните ЛКМ по кнопке. Напишите текст. Для выделения текста встаньте на него курсором мыши, удерживая Shift выделяйте текст влево или вправо кнопками стрелок. Задайте размер шрифта и цвет (в верхнем меню Формат — Шрифт ).

Вот что, приблизительно должно у вас получиться.

4. Добавьте анимацию для кнопки Поехали! Щелкните по ней ПКМ и выберите в выпадающем меню Настройка анимации . В правом поле настройки анимации выберите Добавить эффект – Вход – Другие эффекты – Растворение . В настройках задайте Начало – с предыдущим , скорость – средне . Проверьте, что получилось, щелкнув Показ слайдов .

Оформление Меню

1. Выберите слайд №2. Задайте макет страницы: ПКМ в любом месте слайда, Разметка слайда (или Формат – Разметка слайда ). Выберите макет Заголовок и текст .
2. В поле Заголовок слайда введите слово Меню просто щелкнув ЛКМ по слову Заголовок.
3. В поле текст введите две строчки:

Как правильно переходить дорогу
Проверь, как ты знаешь правила дорожного движения

4. Выделите текст Как правильно переходить дорогу, Настройка действия . Задайте Переход по гиперссылке – Слайд… – Слайд 4
5. Выделите текст Проверь, как ты знаешь правила дорожного движения, щелкните по нему ПКМ и выберите Настройка действия . Задайте Переход по гиперссылке Слайд… – Слайд 7 . При желании настройте звук перехода.
6. Проверьте работу гиперссылок, запустив показ презентации.

Оформление Справки

1. Скопируйте со слайда № 2 навигационные кнопки.
2. Выберите слайд № 3 в левом окне. В верхнем меню выберите Правка – Вставить.
3. Переместите кнопки в левую часть слайда.
4. Размещайте текст с помощью инструмента Надпись (в нижней панели инструментов) около кнопок. Напишите пояснения по работе каждой из кнопок.
5. Измените настройку действия для каждой из кнопок так, чтобы они были неактивными (ПКМ – Настройка действия – Переход по гиперссылке – Нет ).
6. Добавьте кнопку Возврат на слайд Справки: Автофигуры – Управляющие кнопки – Управляющая кнопка Возврат . Щелкните ЛКМ в любом месте слайда. Задайте звук.

Вот что, примерно, должно получиться.

Оформление слайдов теории

1. Активируйте слайд № 4. Оформите его так, как показано на скриншоте. Используемое изображение подземный переход.jpg, находится в папке Рабочий стол/Создание презентаций/Настройка действия и анимации/ Для теории .

2. Активируйте слайд № 5. Оформите его по скриншоту. Добавьте все, что было не сделано в предыдущем уроке. Используются изображения пешеходный переход.png (Рабочий стол/Создание презентаций/Настройка действия и анимации/ Для теории ) и пешеходный переход.png (Рабочий стол/Создание презентаций/Настройка действия и анимации/ Дорожные знаки ).

3. Активируйте слайд № 6. Оформите его в соответствии со скриншотом. Используется изображение переход на светофор.jpg (Рабочий стол/Создание презентаций/Настройка действия и анимации/ Для теории ).

Оформление вопросов

1. Слайд № 7. Неверный ответ перенаправляет (настройка действия – переход по гиперссылке ) на слайд 9, верный – на слайд 8. Изображения знаков находятся в папке Рабочий стол/Создание презентаций/Настройка действия и анимации/ Дорожные знаки .

2. Слайд № 8. Кнопка Вперед! перенаправляет на слайд № 10. Изображение светофор.png (Рабочий стол/Создание презентаций/Настройка действия и анимации/ Для теории ).

3. Слайд № 9. Кнопка Попробовать снова осуществляет переход на слайд № 7, кнопка Повторить теорию – на слайд № 4. Изображение светофор1.png (Рабочий стол/Создание презентаций/Настройка действия и анимации/ Для теории ).

5. Слайды 11 и 12, 14 и 15 оформите подобным образом, не забывая перенастроить действие по нажатию на кнопки.

6. Слайд № 10.

7. Слайд № 13. Изображение переходить дорогу.jpg (Рабочий стол/Создание презентаций/Настройка действия и анимации/ Для теории). Для создания белого фона текста сделайте следующее. Выделите текст. Выберите в верхнем меню Формат – Надпись . Задайте цвет заливки в поле Заливка . Настройка действия осуществляется так же, как на слайде № 2 Меню.

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

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

Все уроки по созданию интерактивной презентации:

Скачать pdf файл с уроками можно

Сумму можно указать любую.

Они отличаются некоторыми особенностями работы с данными, отображения информации на картах, а также, безусловно, функционалом. Storymap поможет вам в том случае, если:

Приступаем к работе

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

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

Чтобы приступить к созданию интерактивной карты, нажимаем большую зеленую кнопку по центру экрана и авторизуемся через свой аккаунт от Google. В отличие от Timeline он здесь нужен только для входа.

Рабочее пространство Storymap чем‐то напоминает привычное приложение для создания презентаций. По сути здесь вы также делаете набор слайдов, только каждый из них имеет привязку к определенному месту на карте. Итак, слева у вас список слайдов, по центру - карта для поиска местоположений, снизу - поля для ввода текста и прикрепления дополнительных файлов к слайдам.

Добавляем первую отметку на карте нажатием на Add Slide и плюс в левой колонке. Затем нам нужно будет выбрать точку на карте, к которой он будет относиться. Для этого на самой карте есть окно поиска, который здесь реализован через Google. А это означает, что можно вводить адреса на русском языке и, более того, с точностью до улицы и дома. Находим нужную отметку, и Storymap переносит туда свой маркер.

Кстати, маркеры можно делать свои, если вам по каким‐то причинам не нравятся стандартные: кнопка для настройки находится в правом нижнем углу - marker options.

Все, что вы делаете, можно просмотреть еще до опубликования проекта, через предпросмотр - он находится во второй вкладке по центру под словом Preview. Каждый создаваемый слайд можно условно поделить на две части: слева - карта, справа - весь тот контент, который вы к ней привяжите. Что же можно привязать?

Прежде всего иллюстрацию - это столбец с заголовком Media. Ее можно загрузить с компьютера, либо добавить по ссылке, если она уже где‐то опубликована в сети. Здесь же - описание и указание на источник картинки. Далее, справа - основной контент. Вообще, подо всю часть с контентом - от иллюстрации до текста можно подложить свой фон, эта возможность кроется под кнопкой Background options. Ну, и наконец, в текстовое описание метки на карте можно включить практически, что угодно, так как здесь поддерживаются embed‐коды. А это значит, что сюда войдут практически любые мультимедийные элементы.

Помните, что в отличие от Google Maps или Яндекс. Карт на Storymap важна последовательность добавляемых слайдов. То есть читатель будет перемещаться по карте в том порядке, в каком вы их выстроили.

Когда все точки и описания добавлены, можно еще немного посмотреть настройки - в Options слева вверху. Здесь можно указать размер встраиваемой карты (если вы будете ее размещать на странице своего сайта или блога), язык контента (если укажем русский, навигация в созданной карте автоматически будет переведена на него), стиль отображения самой карты, шрифт и текст кнопки, приглашающей к просмотру. Еще одна опция кроется уже под пунктом меню Share - это возможность установить нужное изображение под заглавный экран карты.

Хотите посмотреть, как может выглядеть готовый результат творчества со Storymap? Смотрите карту Тура Медиасилы Оксаны Силантьевой в 2016 году.