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

С помощью 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. Наведите курсор на каждый из шаблонов для получения краткого описания или щелкните кнопку Просмотр, чтобы увидеть, соответствует ли шаблон вашим потребностям.
    5. Выберите одностраничный или многостраничный шаблон с полноэкранной компоновкой и прокруткой.

    На вкладке 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.