суббота, 5 мая 2018 г.

Пора в путь-дорогу... Путешествуем по карте с помощью StoryMap

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



Создать такое виртуальное путешествие можно с помощью замечательного сервиса StoryMap JS, который разрешает смастерить неограниченное количество красочных интерактивных карт. В итоге получается оригинальная презентация "три в одном": карта, на которой показано место события, слайд с рассказом и дополнительные медиабонусы - фотографии, видео или аудио. Для работы в сервисе всего лишь нужен аккаунт Google.

Хотите создать виртуальное путешествие по городам и странам, рассказать о жизни известных личностей, составить путевой дневник? Нет ничего невозможного! В общем, начинаем приступать...


Создаём карту



 Чтобы создать интерактивную карту, заходим на сайт сервиса и нажимаем “Make a storymap now”.



Далее подключаем сервис к аккаунту Google, нажав “Sign in with Google”.



Чтобы создать проект, нажимаем “New”.


Теперь придумываем название проекту. Его можно будет изменить в процессе работы, просто переименовав титульный слайд. Нажимаем "Create" и переходим к творческой части.



Украшаем слайды


После создания проекта откроется рабочее поле для редактирования. Для начала осмотримся. Слева - список слайдов, из которых состоит интерактивная карта. Сверху - карта с маршрутом. В центре - поле для добавления текста и медиаобъектов. Доступно два режима работы : “Edit” - режим редактирования и “Preview” - просмотр. Новый слайд создается с помощью кнопки “Add Slide”.


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

Чтобы добавить карту, вводим в поисковую строку название населённого пункта, улицы. Кириллица поддерживается. Выбираем из списка нужный объект - на карте появляется метка. На каждом слайде может быть только одна метка на карте.

Чтобы добавить медиа, вносим в соответствующее поле ссылку. На слайд можно добавлять фото, видео и аудио из Instagram, Twitter, YouTube, Vine, Soundcloud, материалы из Wikipedia. Фото и изображения можно загрузить с ПК (Upload an image).

В графе “Credit” можно добавить подписи к картинкам или видео. Небольшой сопроводительный текст к медиа можно добавить в поле “Caption”.


Справа находится раздел для редактирования текста. Верхнее поле - для заголовка, ниже - поле для редактирования текста. Можно изменить шрифт (сделать его полужирным или наклонным), добавить ссылку на веб-ресурс или вставить произвольный html (например, пристроить презентацию или викторину).


Кнопка “Background Options” вызывает меню с настройками фона для слайда. Цвет фона поменять, используя предложенную палитру цветов. Кстати, как фон можно использовать любое изображение, загрузив его с ПК или по ссылке.


Кнопка "Marker Options" меняет вид маркера на карте: можно загрузить свой маркер по ссылке или с ПК.


Настраиваем просмотр


На верхней панели инструментов находятся кнопки для управления созданным проектом. Кнопка “Mу Maps” в правом верхнем углу служит для навигации между разными материалами, если создано несколько интерактивных карт. “Save” помогает сохранить созданную карту. “Publish Changes” публикует изменения.


Кнопка “Options” позволяет настроить проект с точки зрения просмотра и оформления. И вот об этом поподробнее.

Нажимаем кнопку - и попадаем во вкладку “Display”. А здесь вот такие чудеса:

  • “StoryMap Size ” — изменение размера карты.
  • “Language ” —  выбор языка из выпадающего списка.
  • Fonts —  выбор шрифта из выпадающего списка.
  • “Treat As”  — выбор режима показа слайдов. Конструктор в режиме “Cartography” самостоятельно определяет масштаб слайда. Сделано это для мягкого эффекта перехода. Если нужно задать точный масштаб, включаем режим “Image”. При этом линии маршрутов и точки на карте будут доступны только при наведении курсора.
  • “Call To Action”  —  добавление текста на кнопку титульного слайда для начала просмотра. По умолчанию - “Начать просмотр”.
  • “Map Type ”—  выбор типа карты из выпадающего списка (контурные или топографические карты), также можно подключить свои, произвольные (custom).


Вкладка “Sharing” служит для распространения созданной карты в Сети. В поле “Description” прописывается текст, с которым карта будет публиковаться в социальных сетях. Для Facebook - 300 символов, для Twitter — 140 минус без учета длины ссылки.

В поле “Featured Image” можно загрузить фотографию для публикации. Оптимальный размер — 1200 х 630 пикселей. Добавить изображение можно по ссылке или с ПК.


Здесь же находятся код и ссылка для публикации виртуального путешествия в социальных сетях, в блоге или на сайте.

Можно поделиться созданной работой и по-другому. Для этого нажимаем “Share” в правом верхнем углу. В открывшемся окне можно получить прямую ссылку на созданную карту или код для встраивания её в блоги и на сайты. Здесь же находятся кнопки для распространения карты в социальных сетях (Facebook, Twitter, Google+).


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

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

  1. Как здорово! Очень интересно! Спасибо!

    ОтветитьУдалить
    Ответы
    1. Пожалуйста! Очень интересный сервис.

      Удалить
  2. Спасибо! Очень интересно. Обязательно воспользуюсь.

    ОтветитьУдалить
    Ответы
    1. Пожалуйста! Успешного освоения сервиса!

      Удалить

Этот пост ждёт ваших комментариев.
Не знаете, как оставить комментарий?
Тогда эта инструкция для вас!

- Нажмите на стрелку рядом с окошком "Подпись комментария".
- Выберите "Имя/URL".
- Напишите своё имя, строчку URL можно оставить пустой.
- Нажмите "Продолжить" и комментируйте.

Заранее спасибо!

Related Posts Plugin for WordPress, Blogger...