Начни свою историю


Добавляйте иммерсивы и другие мультимедийные блоки



бет7/7
Дата02.01.2022
өлшемі1.3 Mb.
#454358
1   2   3   4   5   6   7
ЦК отчет

Добавляйте иммерсивы и другие мультимедийные блоки

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


Вы можете использовать любые или все эти захватывающие блоки в своих повествованиях или вообще не использовать их. Но они - хороший способ добавить разнообразия в вашу историю и могут быть полезны для определенных целей, таких как создание презентации или руководство читателями по ряду интересных моментов.
Коляска
Sidecar - это прокручиваемый блок на основе слайдов с двумя вариантами макета, каждый из которых предоставляет мощные инструменты повествования. Макет плавающей панели идеально подходит для визуально ярких материалов с короткими подписями или описаниями (он похож на иммерсивный раздел в нашем классическом приложении Cascade). Макет закрепленной панели оптимален для более длинного повествовательного контента, поскольку он не перекрывает медиа.
Мы начнем с закрепленной панели, макета с разделенным экраном с прокручивающейся панелью повествования и стационарной медиа панели . На панели повествования может быть несколько элементов. В приведенном здесь примере я включил изображение, заголовок и абзац текста. В этом случае на медиа-панели есть фотография, но я мог бы выбрать видео, карту, трехмерную веб-сцену, смахивающий блок (подробнее об этом позже) или встроенный веб-контент.
Вы заметите темную полосу внизу вашей коляски в конструкторе. Мы называем это панелью слайдов, и вы можете использовать ее для создания и управления серией последовательных слайдов в боковой панели.
Вы можете перетаскивать эскизы, чтобы изменить порядок слайдов, и вы можете щелкнуть три точки под эскизами, чтобы дублировать, удалить, скрыть слайд или даже добавить звук к фону слайда. При дублировании слайда дублируются носители в нем, включая веб-карты и сцены. Вы можете создать классный эффект хореографии карты, продублировав слайд с веб-картой, а затем изменив уровень масштабирования карты или включив и выключив слои на дублированном слайде, чтобы ваши читатели сосредоточились на определенном географическом экстенте или теме.

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


Видите две маленькие кнопки у правого края панели повествования? Вы можете использовать их для изменения положения (влево / вправо) и ширины (узкая / средняя / широкая) панели.
Теперь давайте более подробно рассмотрим другой вариант компоновки коляски - плавающую панель. Выберите этот вариант, если вы хотите продемонстрировать свой контент в виде полноразмерной заполняющей экран формы и когда у вас нет длинного пояснительного текста. Однако вы можете включить мультимедийный контент в плавающие панели. Вы также можете настроить ширину (узкая, средняя, ​​широкая) и горизонтальное расположение (слева, по центру, справа) ваших плавающих панелей.
Вы можете выбрать прозрачный фон для панели с вариантами светлого или темного текста для дополнения основного носителя. Это рекомендуется только при использовании носителей с большими равномерно окрашенными областями.
Обратите внимание, что вы можете свободно переключаться между закрепленными и плавающими макетами боковой панели без потери содержимого с помощью меню дополнительных параметров (представленного тремя точками) в нижнем левом углу панели слайдов.
Ищете дополнительную информацию о коляске? Вот инструкция по добавлению коляски на карту-историю. А вот сообщение в блоге, предлагающее несколько советов о том, какие варианты коляски использовать в различных обстоятельствах.
Прежде чем мы перейдем к следующему иммерсивному блоку, еще одна интересная особенность sidecar - это возможность добавлять действия карты, которые позволяют вам «хореографировать» карты в пределах одного слайда sidecar.
Чтобы настроить действие карты, откройте палитру блоков на боковом слайде с веб-картой и нажмите «Действие карты». Вы увидите появившуюся кнопку.

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


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

Слайдшоу


Снова откройте палитру блоков, и вы увидите опцию под названием «Слайд-шоу» (в настоящее время в стадии бета-тестирования). С помощью слайд-шоу вы можете создать серию слайдов в стиле презентации, по которым ваши читатели будут перемещаться по горизонтали, а не по вертикали.
Когда вы используете иммерсивное слайд-шоу, ваши медиафайлы, включая изображения, видео, веб-карты, 3D-сцены и экспресс-карты, заполняют весь фон слайда.
Лучше, чтобы текст на каждом слайде был как можно более кратким. Если вам есть что сказать, разбейте текст на последовательные слайды вместо того, чтобы скрывать большую часть медиафайлов.
Поскольку читателю не нужно прокручивать каждый слайд, чтобы продолжить рассказ, слайд-шоу может быть отличным вариантом для включения разделов «необязательной» информации, которая не критична для рассказа вашей истории, но обеспечивает дополнительный контекст, если Читатель заинтересован в том, чтобы глубже изучить конкретную подтему.
Хотите узнать больше? Вот сообщение в блоге, предлагающее советы о том, как и когда использовать слайд-шоу в своей истории.

Карта тур


Обзор карты позволяет наносить точки на карту и добавлять мультимедийный контент и повествовательный текст к тем точкам, которые будут отображаться либо на боковой, либо на плавающей панели, в зависимости от выбранного макета. Есть два разных типа картографического тура: тур с гидом и экскурсионный тур. У каждого из них впоследствии есть два собственных варианта компоновки.
Сначала мы поговорим об экскурсии, которая позволяет вам провести вашу аудиторию через набор мест в последовательном порядке. По мере прокрутки читателя фокус карты смещается от одной остановки к следующей; сопутствующий текст и медиа (фото и / или видео) для этого места отображаются рядом с ним.
Доступны две схемы для экскурсий. При выборе варианта с фокусом на карте изображения и описания размещаются на плавающих панелях, а карта занимает оставшуюся часть экрана. Макет, ориентированный на мультимедиа, помещает карту и текст на боковую панель, позволяя вашим изображениям стать звездами шоу. В обоих вариантах карта интерактивна, так что читатели могут исследовать самостоятельно, если захотят.

Экскурсионный тур предлагает менее линейный опыт. Точки отображаются на карте с соответствующей галереей миниатюр в виде списка или сетки на боковой панели. Щелчок по любому элементу на карте или на боковой панели вызывает связанные с ним мультимедийные и / или повествовательные сведения. Читатель может просматривать точки в любом порядке.


Настройка тура по карте имеет много общего с созданием сопроводительного ролика или слайд-шоу; панель слайдов позволяет добавлять (до 100 элементов), изменять порядок, скрывать и удалять остановки тура. Вы можете добавить несколько изображений и видео к своим остановкам, а также установить местоположение и начальные уровни масштабирования карты для каждой остановки.
Чтобы сэкономить время, добавление медиафайлов с геотегами (например, фотографии, сделанной на смартфон) автоматически поместит точку на карте с этими координатами. Чтобы сэкономить еще больше времени, вы можете начать тур, загрузив столько изображений, сколько захотите; каждое изображение заполнит ваш тур одной точкой. Или вы можете начать тур, установив ссылку на векторный слой ArcGIS Online с точечными данными и используя соответствующие поля атрибутов для автоматического заполнения заголовка и описания каждой остановки в туре.
Map Tour также очень гибок с точки зрения изменения макетов по мере продвижения. В любой момент вы можете щелкнуть меню дополнительных опций (три точки) на панели слайдов, чтобы не только переключаться между макетами текущего вида тура, но также переходить к другому варианту тура по карте. Этот переход является плавным, без потери содержимого.
Хотите узнать больше? Проконсультируйтесь с сообщениями в нашем блоге, в которых обсуждаются экскурсии и экскурсии, а также пошаговые инструкции для каждого типа.

Проведите пальцем по экрану

Хотя технически это не захватывающий блок, свайп позволяет элегантно сравнивать два изображения или карты рядом. Это особенно удобно для сравнения связанных тем карт. В данном случае мы смотрим на изображения кампуса штаб-квартиры Esri по сравнению с топографической картой, но вы можете представить себе сравнение, скажем, растительности с типами почвы или уровня дохода с ожидаемой продолжительностью жизни. Он также идеально подходит для фотографий того времени.
Создать свайп очень просто: найдите свайп на палитре блоков, нажмите, встретите это ...

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


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

В новейшем блоке ArcGIS StoryMaps представлен временной компонент, позволяющий рассказчикам создавать последовательность «событий», каждое из которых может сопровождаться описанием и изображением.

Выберите Временная шкала на палитре блоков ...

... и сначала вам будет предложено выбрать между двумя вертикально ориентированными макетами: Waterfall центрирует информацию о событии и накладывает их друг на друга, а Single side выравнивает информацию справа от вертикальной линии. Дополнительные макеты, в том числе горизонтальные, находятся в разработке, так что следите за обновлениями!

Начинается новый блок временной шкалы ...

... с двумя пустыми событиями, но вы можете добавить больше, пока не достигнете максимум 20, нажав кнопку + между любыми двумя событиями или в нижней части временной шкалы. Эта кнопка «+» также дает возможность вставить пунктирный разделитель между событиями, чтобы указать более длительный промежуток времени по сравнению с другими.

Наведите указатель мыши на мероприятие ...

... и вы увидите три значка справа. Крайний левый - знакомый символ перетаскивания элемента; вы можете использовать это, чтобы изменить порядок событий на временной шкале. Средний значок позволяет добавить изображение к этому событию (поддерживаются анимированные GIF-файлы!). Наконец, значок корзины удаляет событие.

Обратите внимание, что изображения, добавленные в блок временной шкалы, настроены так, чтобы заполнять отведенное пространство, что означает, что они могут быть обрезаны в зависимости от их соотношения сторон. Вы всегда можете изменить фокус изображения в параметрах изображения (маленькая кнопка с шестеренкой), чтобы убедиться, что наиболее важная часть изображения будет видна.
Хотя обширные исторические саги, как правило, сначала приходят на ум при рассмотрении временной шкалы, блок на самом деле довольно универсален. Его можно использовать для более коротких мероприятий, например, для ежедневного расписания; последовательные инструкции, например рецепт; или даже то, что не имеет ничего общего со временем, например, рейтинг в топ-10. Дополнительные сведения о графике и идеях о том, как его использовать творчески, см. В этом сообщении в блоге.
Кстати, вы также можете добавить временную шкалу на повествовательную панель в боковом блоке!

Добавить закладку

Действительно интересная особенность ArcGIS StoryMaps - это возможность включать другой веб-контент в ваше повествование либо в виде ссылок, либо в виде полностью интерактивных элементов. Вы можете выполнить эту магию через блок вставки.
Выберите «Вставить» в палитре блоков и скопируйте URL-адрес или код iframe. На скриншоте ниже я добавил ссылку на твит:

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

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

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


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

Отрегулируйте дизайн

Одна из самых ярких особенностей ArcGIS StoryMaps - это возможность вносить множество усовершенствований в дизайн.

В шапке конструктора есть пункт «Дизайн». Щелкните по нему, и в правой части экрана откроется панель.

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

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

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

Откроется панель свойств изображения, на которой представлены предварительные просмотры вашей фотографии. Щелкните изображение, чтобы переместить точку фокусировки (белый кружок) в ту часть изображения, которую вы хотите, чтобы она оставалась видимой. Когда вы думаете, что попали в нужное место, нажмите «Сохранить». Вуаля! Теперь я вижу дорогу (справа вверху). Вы можете сделать аналогичные настройки фокуса на изображениях с коляской.

Выберите тему
Возможно, самый крутой элемент панели дизайна - это тема, с помощью которой вы можете изменить внешний вид всей своей истории одним щелчком мыши по одной из шести предустановленных тем. В этой истории использована тема саммита; нажатие на Обсидиан изменяет фон с белого на черный. Он также меняет шрифты и цвет акцента. Вы заметите, что он также изменяет ваши экспресс-карты, используя более темную базовую карту, чтобы дополнить фон истории.
А еще лучше попробуйте создать свою собственную тему! Наш конструктор тем дает вам множество возможностей для настройки цветовых палитр, шрифтов, включая библиотеку шрифтов с открытым исходным кодом Google Fonts, цитаты, разделители и кнопки, и даже добавление логотипа. Нажмите «Обзор тем»; если вы еще не создали собственную тему, вы увидите следующее:

Щелкнув на «Создать новую тему», вы попадете в конструктор тем.

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

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

Включить дополнительные разделы

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

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

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

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

Добавить логотип

И подождите - это еще не все!

Раздел «Настроить» панели дизайна позволяет добавить логотип вашей организации; при этом ваш логотип будет помещен в заголовок истории, и вы сможете связать его со своим веб-сайтом, если захотите. (Вы также можете прикрепить логотип к собственной теме.)


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

Опубликовать и поделиться

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

Публиковать

Вы можете предварительно просмотреть свою историю в любой момент (функция предварительного просмотра находится рядом с кнопкой «Опубликовать»), чтобы увидеть, как она будет выглядеть в опубликованной форме на ПК и ноутбуках, на планшетах и ​​мобильных телефонах.

Когда вы будете готовы к публикации, нажмите «Опубликовать» (не бойтесь: вы можете продолжить редактировать свою историю после публикации). При первом нажатии кнопки вы увидите эти параметры общего доступа. Частный означает, что он виден только вам; Моя организация делает его доступным для других людей в вашей организации ArcGIS; Все обнародуют вашу историю. Вы также можете поделиться своей историей с группами ArcGIS, частью которых вы являетесь, с помощью поля поиска.


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

Нажатие на три точки рядом с кнопкой «Опубликовать» дает вам множество вариантов, в том числе изменение настроек общего доступа, отмену любых неопубликованных изменений или отмену публикации вашей истории. (Вы можете повторить публикацию в любое время.) В настройках истории есть возможность добавить свой идентификатор Google Analytics, если вы хотите собирать информацию о веб-трафике в свою историю (подробнее о том, как это работает, см. Здесь). На панели настроек истории вы также можете указать предполагаемый язык и формат даты для вашей истории. Это помогает программам чтения с экрана и веб-переводчикам знать, что делать, когда они сталкиваются с историей на языке, отличном от языка веб-браузера.

В меню «Опубликовать» есть еще одна опция, которая, как мы думаем, вам понравится: вы можете продублировать свою историю. Щелкните по нему, и все в вашей истории, как она теперь существует в конструкторе, будет скопировано на совершенно новую карту истории. Единственное изменение: «(Копия)» теперь появится в начале названия вашей истории. Дублирование вашей истории дает вам свободу экспериментировать с новыми подходами к вашему повествованию, при этом сохраняя вашу историю в ее нынешней форме.

Поделитесь своей историей (если хотите)

Если ваша опубликованная история доступна для общественности, вы можете продвигать ее через такие платформы, как Twitter или Facebook.
Ключевой частью успешного обмена является наличие привлекательной карточки (или предварительного просмотра ссылки) для вашего контента. К счастью для вас, ArcGIS StoryMaps автоматически генерирует следующие карточки:

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

Собрать коллекцию

И последнее, но не менее важное: вы можете собирать наборы историй, а также другие картографические веб-приложения Esri в коллекции. Доступ к коллекциям осуществляется через маленькое поле в верхнем левом углу вашей домашней страницы ArcGIS StoryMaps.


Вы можете использовать коллекции, чтобы продемонстрировать свою работу, собрать набор контента по определенной теме или служить основой для повторяющегося контента, например, информационного бюллетеня (как команда StoryMaps делает для своей Weekly Waypoint).
Коллекции также могут быть полезны как своего рода виртуальная связка, в которой вы можете собрать в одном месте ассортимент ресурсов, включая истории, настраиваемые приложения, информационные панели, изображения, видео, PDF-файлы и даже любой встраиваемый контент из любой точки Интернет. Это может быть полезно, например, для агентств по управлению чрезвычайными ситуациями, которым нужно упростить поиск важной информации в одном месте для оперативных служб.
Вы также можете использовать коллекции, чтобы собрать серию рассказов в «книгу рассказов», и в этом случае вы можете рассматривать коллекцию как оглавление, где каждая история служит главой в более длинном повествовании.

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


Варианты оформления коллекции (слева направо): сетка, журнал, журнал

У вас есть выбор из трех вариантов навигации: компактный, с вкладками и маркированный:

Параметры навигации по коллекции: компактный (вверху), с вкладками и маркированный

Наконец, вы можете применить настраиваемую тему к коллекции так же, как и к истории.

Узнайте больше о коллекциях в нашем сообщении в блоге «Создайте свою первую коллекцию ArcGIS StoryMaps».

Мы надеемся, что вам понравится наш конструктор ArcGIS StoryMaps. Сообщите нам, как дела, и есть ли у вас предложения по улучшению.



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

Эта история была создана командой StoryMaps с использованием ArcGIS StoryMaps. Узнайте больше об этом инструменте повествования нового поколения - и попробуйте сами - здесь.

Достарыңызбен бөлісу:
1   2   3   4   5   6   7




©dereksiz.org 2024
әкімшілігінің қараңыз

    Басты бет