Создание и настройка истории
Примечание:
Это руководство было разработано для получения опыта работы с персональной учетной записью ArcGIS. Персональная учетная запись ArcGIS – это бесплатная учетная запись с ограниченным функционалом, предназначенная для личного некоммерческого использования. Эта учетная запись дает вам возможность создавать и публиковать простые карты и приложения.
Вы начнете с того, что откроете существующую веб-карту, которую хотите добавить в презентацию.
- Если необходимо, войдите под учетной записью организации ArcGIS.
Примечание:
Если у вас нет учетной записи ArcGIS, можете создать персональную учетную запись.
- На ленте щелкните Ресурсы.
- Для веб-карты Tree planting opportunities in Portland щелкните кнопку опций и выберите Открыть в Map Viewer.
Примечание:
Если вы не создавали веб-карту в уроке Создание карты, перейдите на страницу элемента Tree planting opportunities in Portland (Final), чтобы продолжить работу.
Веб-карта откроется в Map Viewer.
- На панели Содержание щелкните Создать приложение и выберите ArcGIS StoryMaps.
Примечание:
В учетной записи организации ArcGIS доступны дополнительные веб-приложения, включая ArcGIS Experience Builder и ArcGIS Dashboards.
ArcGIS StoryMaps запускает конструктор историй с новой историей. История - это одна веб-страница, которая содержит карты, текст и другие медиа элементы, составляющие ваше повествование или презентацию.
Далее вы приступите к настройке презентации: введите название, выберите параметры оформления и добавьте вступительный абзац текста.
- В качестве Заголовка истории введите Устойчивость к климатическим изменениям: Уличные деревья.
- Для краткого введения введите Визуализация районов в городе Портленд, которые выиграют от дополнительных деревьев.
Далее вы добавите фон к обложке истории.
- Скачайте Coverr_EmptyStreetArgentina.zip.
Примечание:
Файл весит порядка 13 МБ.
- Извлеките файл .zip в папку на своем компьютере.
- Щелкните Добавить изображение обложки или видео.
- В окне Добавить изображение или видео щелкните Выполнить поиск файла. Найдите распакованную папку и выберите файл Coverr_EmptyStreetArgentina.mp4.
- Щёлкните Добавить.
Видео будет добавлено к обложке вашей истории
Далее вы настроите дизайн и обложки и тему истории.
- На ленте щелкните Дизайн.
- На панели Дизайн для Обложки выберите Полный.
- Для Темы выберите Ridgeline.
- Закройте панель Дизайн .
Вы настроили заголовок истории, дизайн обложки и тему.
Добавление текста и изображений
Сначала вы создадите заголовок и добавите первый абзац повествовательного текста, чтобы рассказать зрителям о том, что они узнают из этой истории.
- Наведите указатель мыши на пространство между видео обложки и картой, щелкните кнопку Добавить блок содержания.
- В разделе Основные щелкните Текст.
- Введите Преимущества деревьев в городе и нажмите Enter, чтобы перейти на новую строку.
- На следующей строке скопируйте и вставьте текст:
Уличные деревья являются эффективной стратегией для увеличения площади крон деревьев в городе и смягчения воздействия все более высоких температур, вызванных изменением климата. Деревья дают тень, снижают температуру поверхности и воздуха и обеспечивают защиту от прямых солнечных лучей, снижая риск заболеваний, связанных с жарой.
- Выделите текст Преимущества крон деревьев. На появившейся панели инструментов щелкните Абзац и выберите Заголовок 1, чтобы к тексту был применен стиль заголовка.
Теперь к тексту применен стиль Заголовок 1.
- Наведите указатель мыши на пространство под абзацем текста и щелкните кнопку Добавить блок содержания.
- В разделе Медиа выберите Изображение.
Примечание:
Если несколько разных типов медиа, которые вы можете добавить в историю. Некоторые типы медиа не доступны в персональной учетной записи. Учетная запись организации дает доступ к дополнительным функциям ArcGIS StoryMaps.
- В окне добавления изображения щелкните вкладку Ссылка и вставьте следующий URL-адрес:
https://images.unsplash.com/photo-1589123592035-32858c974713?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80
- Щёлкните Добавить.
Изображение добавлено к истории.
- Под изображением добавьте еще один блок содержания Текст, в него скопируйте и вставьте следующее:
Зеленые насаждения способствуют очищению воздуха, так как на листьях и коре оседают твердые частицы, кроме того, деревья способны поглощать загрязняющие вещества, такие как оксиды азота, аммиак, диоксид серы и озон. Они уменьшают и замедляют потоки воды, удерживая влагу в листьях и ветвях. Они создают красивый ландшафт добавляя яркие цвета и смягчая резкие линии городских зданий. Наконец, для посадки и ухода за деревьями требуются работники, что обеспечивает рабочие места, способствуя развитию экономики.
Далее вы добавите вовлекающую цитату.
- Добавьте блок содержания Текст под последним абзацем, скопируйте и вставьте туда следующий текст:
"Лучшее время для посадки деревьев - 20 лет назад. Следующее лучшее время - сейчас". - Китайская пословица
- Выделите текст и на панели инструментов щелкните Абзац и выберите Цитата.
Стиль текста изменится и превратится в цитату.
Далее вы добавите разделитель, чтобы показать, что этот раздел истории завершен.
- Наведите указатель ниже цитаты и щелкните кнопку Добавить блок содержания. Выберите Разделитель.
К истории будет добавлен разделитель.
Примечание:
В учетной записи организации ArcGIS можно настраивать темы историй и настраивать разделитель, изменять его цвет или узор, или делать его изображением. Настройка разделителя позволяет улучшить читаемость истории. Посмотрите примеры историй с пользовательскими темами.
Вы добавили текст, изображение и цитату к истории. Далее вы настроите, какую информацию вы хотите передать в своей презентации через карту.
Настройка карты
Карта, которую вы добавили в историю, содержит множество информации. В целях презентации вы хотите, чтобы там был показан только обзор существующих в Портленде деревьев. Для начала вы добавите новый заголовок и предложение, описывающее карту.
- Под разделителем добавьте Текст и введите Существующие деревья в Портленде. Задайте текст для стиля Заголовок 1.
Теперь в вашей истории есть второй заголовок
- Добавьте еще один блок Текста под заголовком:
В настоящее время в Портленде есть некоторое количество деревьев. Ниже приведена карта, на которой показаны деревья в двух населенных пунктах с самыми высокими показателями по риску волн жары.
Это будет представление того, что показано на карте. Далее вы настроите эту карту.
- Наведите указатель на верхнюю часть карты и щелкните Редактировать.
- В разделе Слои карты, щелкните кнопку видимости для слоев Sketch и Heat Severity - USA 2021.
- Щелкните вкладку Опции и включите Легенда и Оставить легенду открытой.
Легенда теперь останется открытой и видимой на карте в истории.
- При необходимости настройте экстент карты, чтобы деревья располагались по центру. По завершении щелкните Сохранить.
- В нижней части карты нажмите на надпись и введите Существующие деревья в населенных пунктах с наивысшими показателями риска волн жары.
Использование карты в истории - это один из способов использования карт для улучшения и иллюстрации повествования. Далее вы добавите 3D-сцену к элементу боковой панели.
Добавление боковой панели
Чтобы создать плавные переходы между картами, изображениями и другими медиа, используйте блок боковой панели. Используя серию слайдов, вы можете интегрировать мультимедиа с текстом, чтобы создать простой способ прокрутки. Боковая панель позволяет другим пользователям получать доступ к вашим отображенным данным по одному шагу за раз.
- Под картой добавьте разделитель.
- Под разделителем добавьте блок Текст и введите Интенсивность жары. Задайте текст для стиля Заголовок 1.
- Ниже заголовка добавьте следующее предложение, чтобы представить новый раздел:
Деревья могут снижать температуру поверхности и воздуха на целых 10 градусов. Защита от прямых солнечных лучей и жары также снижает риск тепловых заболеваний, таких как головная боль, судороги, тепловой удар, который может повредить внутренние органы, и даже привести к смерти. Если учесть, где наблюдался высокий уровень интенсивности жары, это позволит лучше определить, где больше всего требуется деревьев.
- Под абзацем щелкните кнопку Добавить блок содержания и в разделе Разнонаправленный щелкните Боковая панель.
- Для Выбрать компоновку выберите Слайд-шоу и щелкните Сохранить.
Появится пустая боковая панель.
Боковая панель - это иммерсивный блок с возможностью параллельного чтения, состоящий из описательной панели с одной стороны и медиа-панели с другой стороны. Вместе эти две панели составляют слайд.
- В верхней части панели медиа боковой панели щелкните Добавить и выберите Карта.
- В окне Добавить карту выберите Tree planting opportunities in 3D scene.
Примечание:
Если вы не создали эту сцену в уроке Создать сцену, перейдите к Tree planting opportunities in 3D (Final). На странице описания элемента сцены под образцом щелкните Добавить в избранное. Вернитесь на вкладке браузера к окну Добавить карту и щелкните вкладку Мое избранное. Выберите сцену Tree planting opportunities in 3D (Final).
Карта появится в окне Настроить оформление карты. Вы настроите первый слайд боковой панели так, чтобы он показывал обзор города с видимым слоем интенсивности жары.
- В окне Настроить оформление карты щелкните вкладку Слайды и выберите слайд Heat Severity.
- Настройте экстент сцены таким образом, чтобы были видны контуры зданий и щелкните Сохранить.
Карта добавится на медиа-панель боковой панели. Далее вы добавите текст на описательную панель для сопровождения карты.
- На панели повествования в боковой панели скопируйте и вставьте следующее предложение:
С учетом районов, в которых наблюдалась сильная жара, есть много областей, которые могут выиграть от дополнительной тени деревьев.
Вы настроили первый слайд боковой панели.
- Щелкните кнопку Новый слайд.
- Используйте то, что узнали, чтобы добавить ту же сцену к боковой панели.
Подсказка:
В верхней части боковой панели щелкните Добавить и затем Карта. Выберите Tree planting opportunities in 3D scene.
На этот раз вы выберете закладку, на которой изображен район города, где было бы полезно посадить дополнительные деревья.
- В окне Настроить оформление карты щелкните вкладку Слайды и выберите слайд Additional Street Trees 1.
- Настройте подходящий экстент сцены и щелкните Сохранить.
- В текстовом окне введите Этот район рядом с Pearl District выиграет от дополнительных деревьев из-за высокой интенсивности жары.
- Аналогичным образом добавьте третий слайд на боковую панель для отображения слайда Additional Street Trees 2. В качестве текста введите Территории в восточной части Портленда выиграют от дополнительных деревьев.
- Аналогичным образом добавьте четвертый слайд на боковую панель для отображения слайда Additional Street Trees 3. Введите текст: В юго-западной части Портлендского государственного университета есть районы, которые также испытывают сильную жару, и им не помешало бы больше теневых деревьев.
- Щелкните первый слайд на боковой панели и нажмите стрелку следующего слайда для предварительного просмотра слайд-шоу в боковой панели.
Вы завершили настройку боковой панели. Далее вы настроите несколько последних элементов истории, прежде чем она будет готова к публикации.
Завершение и публикация истории
Чтобы завершить свой рассказ, вы добавите цитаты и навигационную панель, чтобы зрители могли быстро перейти к каждому разделу вашей презентации. Вы просмотрите историю, опубликуете ее, а затем настроите параметры общего доступа, чтобы ею можно было поделиться с кем угодно.
- Прокрутите историю до самого низа и нажмите Добавить заголовок авторов. Введите Литература.
- В качестве первого источника щелкните Ресурсы и введите Bernstein, A. 2020, Rising temperatures: How to avoid heat-related illnesses and deaths. Harvard Health Blog.
- Щелкните Атрибуция, введите https://www.health.harvard.edu/blog/rising-temperatures-how-to-avoid-heat-related-illnesses-and-deaths-2020080517582.
- Щелкните кнопку добавить под цитированием.
- Добавьте следующие ссылки:
- Davies, C. L. 2019. Trees Play A Vital Role In Landscape Design. Texas A&M Today. https://today.tamu.edu/2019/04/25/trees-play-a-vital-role-in-landscape-design/#:~:text=The%20aesthetic%20value%20that%20a,every%20architectural%20or%20landscape%20design
- University of Wisconsin-Madison, 2019, Trees are crucial to the future of our cities. Science Daily. https://www.sciencedaily.com/releases/2019/03/190325173305.htm
- U.S. Dept of Agriculture Forest Service. 1977. How Trees Help Clean The Air. Agriculture Information Bulletin No. 412. https://naldc.nal.usda.gov/download/CAT87209983/PDF
- U.S. EPA, 2022. What is Green Infrastructure? https://www.epa.gov/green-infrastructure/what-green-infrastructure#Urbantreecanopy
Вы добавили пять источников, которые использовали для своей презентации. Далее вы добавите строку навигации по истории.
- На ленте щелкните Дизайн.
- На панели Дизайн в разделе Дополнительные разделы истории включите Навигация.
- Закройте панель Дизайн .
Строка навигации добавлена к истории. Каждая из ссылок на панели навигации соответствует тексту Заголовка 1 в презентации.
- Щелкните на одном из заголовков.
Щелчок по заголовку переместит страницу к этому разделу истории.
Вы готовы предварительно посмотреть историю.
- На ленте щелкните Просмотр.
- В окне Предварительный просмотр приведет к сбросу истории отмен щелкните Да, продолжить.
- Просмотрите историю. Убедитесь, что текст соответствует вашим ожиданиям, взаимодействуйте с картой и боковой панелью и убедитесь, что все ссылки верны.
- Когда закончите, щелкните Закрыть.
- На ленте щелкните Опубликовать.
- В окне Опции публикации для Настройка уровня публикации выберите Для всех (Общий) и затем Опубликовать.
Появится опубликованная версия вашей истории. Теперь вы можете опубликовать ссылку этой страницы, чтобы она стала доступна всем.
В этом уроке вы настроили историю с помощью ArcGIS StoryMaps, добавив заголовок видео, текст, изображения и карты. Вы настроили карту для особого повествования вашей презентации, и использовали боковую панель, чтобы показать слайд-шоу предлагаемых вами областей посадки деревьев в 3D. Вы включили ссылки на источники, которые вы использовали для этой презентации, и добавили панель навигации, чтобы ваши зрители могли переходить к различным разделам истории.
В учетной записи организации ArcGIS вы можете настроить тему своей истории, использовать дополнительные типы блоков содержания, такие как галерея изображений, встраивать другие приложения ArcGIS или добавлять временную шкалу. У вас также есть дополнительные параметры настройки уровня общего доступа, например, общий доступ к истории только внутри вашей организации. Для вдохновения см. лучшие истории из ArcGIS StoryMaps Competition.
Примечание:
Чтобы получить дополнительные возможности, включая частный доступ, публикацию данных, выполнение анализа и многое другое, сделайте ArcGIS Online частью своей группы инструментов ГИС, купив подписку организации ArcGIS. Подписка включает разнообразные типы пользователей, что позволит подобрать для участников нужный уровень доступа к инструментам и функциональности. Если у вас есть персональная учетная запись ArcGIS, вы можете конвертировать вашу персональную учетную запись в учетную запись организации.
