Откройте интерфейс

Вы начнете с открытия интерфейса, созданного в предыдущем учебном пособии.

  1. Если вы завершили работу с предыдущим учебным пособием, Изменение размера виджетов для небольших экранов, снова откройте интерфейс American River Marine Estuary и перейдите к следующему разделу.
    Примечание:

    Если вы не знаете, как найти этот интерфейс, откройте ArcGIS Experience Builder и войдите в свою учетную запись ArcGIS. Ваш интерфейс будет на странице Недавние интерфейсы.

  2. Если вы не завершили предыдущее учебное пособие, откройте ArcGIS Experience Builder и войдите в свою учетную запись ArcGIS.
    Примечание:

    Если у вас нет учетной записи ArcGIS, см. опции доступа к программному обеспечению.

    Появится страница Недавние интерфейсы.

  3. Щелкните кнопку Создать новый.

    Кнопка Создать новый

  4. Выберите вкладку ArcGIS Online.

    Вкладка ArcGIS Online

  5. В поисковой строке введите estuary template 4.
  6. На карточке American River Marine Estuary Template 4 щелкните кнопку Создать.

    Кнопка Создать на карточке шаблона American River Marine Estuary

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

    Полный вид компоновки интерфейса

  7. На панели инструментов конструктора щелкните заголовок и переименуйте его в American River Marine Estuary.

    Заголовок интерфейса

Предварительный просмотр и публикация интерфейса

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

Примечание:

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

  1. На панели инструментов конструктора нажмите кнопку Предварительный просмотр.

    Кнопка Предварительный просмотр

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

    Полный вид интерфейса

  2. Изучите и протестируйте карту: протестируйте закладки, кнопку переключения карты, инструмент Шторка и кнопку Об этой карте.
  3. Закройте вкладку веб-браузера с предпросмотром.
  4. В Experience Builder на панели инструментов конструктора щелкните Опубликовать.

    Кнопка Опубликовать

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

  5. Щелкните кнопку Дополнительно и щелкните Изменить настройки публикации.

    Изменить настройки публикации

    Откроется страница элемента интерфейса.

  6. Щёлкните Опубликовать.

    Кнопка Поделиться

  7. В окне Опубликовать щелкните Для всех (общий) и щелкните Сохранить.
  8. Закройте вкладку браузера страницы элемента.
  9. В Experience Builder на панели инструментов конструктора щелкните кнопку Дополнительно. Щелкните Копировать ссылку на опубликованный элемент.

    Копировать ссылку на опубликованный элемент

    Вы можете отправить эту ссылку своему клиенту, чтобы он мог разместить ее в своем киоске и на своем веб-сайте.

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

Сохранение шаблона

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

  1. На панели инструментов конструктора щелкните кнопку Дополнительно и выберите Создать шаблон.

    Создать шаблон

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

  2. Щелкните во всплывающем окне Понятно.

    Кнопка Понятно

  3. Щелкните заголовок и переименуйте его в American River Marine Estuary Template.

    Заголовок шаблона

  4. На панели инструментов конструктора щелкните Опубликовать.
  5. Щелкните кнопку Дополнительно и щелкните Изменить настройки публикации.

    Изменить настройки публикации

  6. На странице элемента щелкните Общий доступ.

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

  7. Щелкните Организация.

    Организация

  8. Щелкните Сохранить.
  9. Скопируйте URL-адрес страницы элемента, чтобы отправить его своим коллегам.

    Оказавшись на этой странице, вы или кто-либо другой в вашей организации можете нажать кнопку Создать веб-интерфейс, чтобы запустить новый интерфейс на основе вашего шаблона.

    Кнопка Создать веб-интерфейс

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

Вы можете найти больше учебных пособий в галерее учебных пособий.