Создание вашего первого веб-интерфейса

С помощью ArcGIS Experience Builder создайте интерфейс веб-приложения в полном или быстром режиме.

Шаг 1
1Начало работы с шаблоном
Шаг 2
2Выбор темы
Шаг 3
3Выбор исходных данных
Шаг 4
4Добавление и подключение виджетов
Шаг 5
5Настройка компоновок для всех устройств
Шаг 6
6Сохранение, предварительный просмот и публикация

Создание интерфейса веб-приложения в полном режиме

Создайте свой первый веб-интерфейс в ArcGIS Experience Builder за шесть следующих шагов:

  1. Начните с шаблона.
    1. Откройте ArcGIS Experience Builder и войдите в систему с помощью учетной записи организации ArcGIS с правами доступа для создания ресурсов.
    2. Щелкните Создать новый и просмотрите шаблоны, доступные во всех вкладках.
    3. Наведите курсор на каждый из них для получения краткого описания или нажмите кнопку Просмотр, чтобы увидеть, соответствует ли шаблон вашим потребностям.
    4. Выберите одностраничный или многостраничный шаблон с полноэкранной компоновкой и прокруткой.

    На вкладке ArcGIS Online перечислены общедоступные шаблоны, созданные Esri и пользователями, в следующих категориях

    • Новые и заслуживающие внимания
    • 3D
    • Люди
    • Окружающая среда
    • Туризм
    • Инфраструктура
    • Данные
    • Документ
    • Business Analyst
    Подсказка:

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

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

    Подсказка:

    Вы также можете получить доступ к Experience Builder из средства запуска приложений в ArcGIS Online, Map Viewer, Scene Viewer, на странице элемента карты или сцены или с вкладки Мои ресурсы на странице ресурсов. Когда вы начинаете с карты или сцены, приложение уже включает виджет Карта, связанный с данными.

    Лицензия:

    Если вы не можете войти в систему или приложение недоступно, возможно, у вас нет нужной лицензии или в вашей организации заблокирован доступ.

  2. Настройте внешний вид приложения выбрав тему.

    Цвета темы применяются к верхнему и нижнему колонтитулам, основному тексту каждой страницы приложения, включая настройки цвета для виджетов, если только вы их не измените.

  3. Выберите источник данных.

    На вкладке Данные можно выбрать несколько 2D и 3D источников данных для использования виджетами в приложении. Можно подключиться к различным типам данных, таким как веб-карты, веб-сцены, размещенные слои, сервисы и таблицы объектов.

  4. Добавьте и подключите виджеты.

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

  5. Настройте компоновки для всех устройств.

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

  6. Сохраните, выполните предварительный просмотр и опубликуйте.

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

    Подсказка:

    Для получения последних новостей, советов и примеров по началу работы с Experience Builder изучите соответствующие статьи блога.

Создание интерфейса веб-приложения в быстром режиме

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

  1. Переключитесь на быстрый режим.

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

  2. Чтобы начать с шаблона, щелкните Создать новый и просмотрите доступные шаблоны.
    Вы можете выбрать один из следующих шаблонов, ориентированных на карту:
    • Сворачиваемый
    • Плато
    • Вкладка
    • Панель запуска
    • Дротик
    • Шкатулка
    • Карман
    • Рекламный щит
    • Операционная панель
    Подсказка:

    Эти девять шаблонов имеют одинаковые названия и похожи на классические шаблоны Web AppBuilder в полном режиме.

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

  3. Щелкните Создать новое приложение, чтобы открыть его в быстром режиме конструктора.
  4. Отредактируйте тему приложения.

    Измените цвета и шрифт приложения на вкладке Тема. Цвета темы применяются к заголовку и цветовым настройкам виджетов, если вы их не измените.

  5. Выберите карту или сцену.
    1. Выберите виджет Карта, чтобы открыть его панель настроек справа от конструктора.
    2. Щелкните Выбрать карту и добавьте до двух веб-карт или веб-сцен.
  6. Добавьте виджеты.

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

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

  7. Сохраните, выполните предварительный просмотр и опубликуйте.

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

    Примечание:

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

Подсказка:

Чтобы ознакомиться с последними новостями, советами и руководствами по Experience Builder, изучите статьи в блоге ArcGIS Blog.