Создание приложения 311 без написания кода
Следующие шаги описывают, как создать приложение из настраиваемого шаблона. На этом уроке вы будете использовать и адаптировать шаблон для создания приложения 311 для города Килантро.
- Выбор шаблона.
- Изменение настроек.
- Тестирование на устройствах.
- Создание файлов установки.
- Публикация в выбранном магазине приложений.
Примечание:
311 – это не экстренный номер телефона, который поддерживается во многих сообществах в США и Канаде. Граждане могут позвонить по этому номеру, чтобы получить доступ к различным городским службам, подать жалобу или сообщить о не экстренных проблемах сообщества, таких как брошенные автомобили, граффити или повреждение дорог. По всему миру местные власти предоставляют своим гражданам те же услуги, но часто без стандартного телефонного номера.
Создание приложения
Город Килантро предоставил вам векторный слой, содержащий слой точек и полилиний, представляющий городские службы Килантро 311. Вы будете использовать шаблон AppStudio Quick Report для создания кроссплатформенного мобильного приложения.
Примечание:
Шаблон Quick Report идеально подходит, если вы хотите создать приложение для сбора данных. Он позволяет вам зафиксировать наблюдение и отправить его в онлайн-слой. Вы можете добавить свой брендинг с помощью значков, цветов и изображений заставки. Во многих городах созданы мобильные приложения 311 на основе шаблона Quick Report.
Для начала, при необходимости, вы загрузите и установите AppStudio и некоторые логотипы и значки города Килантро. Затем вы создадите приложение, используя шаблон Quick Report.
- Загрузите zip-файл Cilantro-City-Branding.
- Распакуйте содержимое Cilantro-City-Branding.zip в любое место по вашему выбору (например, в C:\Cilantro-City).
- Откройте AppStudio.
Примечание:
Если у вас нет AppStudio, вы можете скачать его бесплатно со страницы Resources ArcGIS AppStudio. После загрузки щелкните файл, чтобы запустить мастер установки. Следуйте инструкциям мастера установки приложения.
- На ленте приложения AppStudio щелкните Вход.
- На панели Входа выберите Войти.
- Войдите под своей учетной записью организации ArcGIS или в ArcGIS Enterprise под учётной записью именованного пользователя.
Примечание:
Если у вас нет учетной записи организации, см. варианты доступа к программному обеспечению.
- В приложении AppStudio щелкните Новое приложение.
Появится окно Новое приложение, в котором представлены различные готовые шаблоны приложений, организованные на вкладках на ленте.
- В окне Новое приложение щелкните вкладку Шаблоны и выберите шаблон Quick Report.
Примечание:
Имена шаблонов могут отображать номер версии как часть имени. Кроме того, когда вы выбираете шаблон, в правой части окна отображаются сводка и описание с описанием варианта использования и настроек шаблона.
- На боковой панели щелкните кнопку Создать.
Новое приложение Quick Report создается с использованием этого шаблона. Оно добавляется в список доступных приложений. Могут появиться приложения, созданные другими участниками вашей организации. Но если вы впервые используете AppStudio, это только ваше приложение. Выбрав новое приложение, просмотрите правую боковую панель, на которой представлена дополнительная информация о приложении.
- В списке приложений щелкните новое приложение Quick Report, чтобы выбрать его при необходимости. На боковой панели щелкните кнопку Редактировать заголовок.
- В качестве Заголовка введите Cilantro 311 и щелкните кнопку Сохранить изменения, чтобы обновить заголовок приложения.
Настройка вашего приложения
Дизайн вашего приложения Cilantro 311 должен четко отражать вашу организацию, а также использование и функциональность приложения. Чтобы повысить визуальную привлекательность и информативность вашего приложения, вы затем измените внешний вид, добавив описания, цвета городов, логотипы и брендинг.
- В списке приложений убедитесь, что ваше приложение Cilantro 311 выбрано, и нажмите кнопку Настройки на боковой панели.
Откроется окно Параметры AppStudio При необходимости переместите окно. Не закрывайте окно родительского приложения AppStudio.
В окне Настройки AppStudio вы измените и обновите образец приложения.
- На панели Подробная информация щелкните значок, представляющий миниатюрное изображение приложения.
Откроется окно браузера.
- В окне браузера перейдите к папке, содержащей извлеченные ресурсы Cilantro-City-Branding. Дважды щелкните изображение thumbnail-cilantro311.
- Появится диалоговое окно, поясняющее, что копия этого изображения заменит текущий образец. Щелкните Да, чтобы подтвердить замену.
На панели Подробная информация образец приложения Cilantro 311 станет логотипом города.
- На панели Подробная информация для Краткой информации, введите Легко и быстро сообщайте о проблемах в город.
- Для Описания введите Это приложение позволяет гражданам легко и быстро запрашивать не экстренные услуги по номеру 311, такие как удаление граффити, ремонт уличных фонарей, уход за деревьями и многое другое для города Килантро.
Затем вы добавите значок, чтобы идентифицировать и маркировать приложение на смартфонах и других устройствах, где оно может быть развернуто.
- В окне Параметры AppStudio перейдите на закладку Ресурсы.
- На панели Ресурсы для Значка приложения щелкните изображение.
- В окне браузера найдите папку, содержащую извлеченные ресурсы Cilantro-City-Branding. Дважды щелкните изображение Icon-cilantro311.
- В окне сообщения нажмите Да, чтобы скопировать файл изображения в папку проекта приложения.
Значок обновится. Далее вы добавите фоновое изображение.
- В окне Параметры AppStudio перейдите на закладку Свойства.
Появляется панель Свойства QuickReport.
- Найдите и просмотрите на панели вкладки Начальный экран, Форма, Цвета и Другие свойства.
- На вкладке Начальный экран для Фонового изображения щелкните фоновое изображение по умолчанию (Лесной пожар).
- В окне браузера найдите папку, содержащую извлеченные ресурсы Cilantro-City-Branding. Дважды щелкните изображение background-cilantro311.
- Если появится сообщение с вопросом, хотите ли вы скопировать изображение в папку приложения, щелкните Да.
На панели Свойства QuickReport фоновое изображение начального экрана обновляется, чтобы отразить обновленный брендинг для приложения cilantro 311.
- На вкладке Начальный экран прокрутите и найдите свойство Показать логотип, щелкните кнопку Показать логотип, чтобы отключить логотип.
- По своему усмотрению вы можете обновить ссылки нижнего колонтитула и добавить номер телефона, сведения о веб-сайте и дополнительные контактные данные, например адрес электронной почты.
- В правом нижнем углу окна Настройки AppStudio щелкните Применить, чтобы сохранить изменения.
Зеленое окно сообщения подтверждает, что ваши настройки были применены.
Город Килантро предоставил вам векторный слой, содержащий слой точек и полилиний, представляющий городские службы Килантро 311. Затем вы добавите векторный слой в приложение.
Добавление данных
Так как город предоставил вам векторный слой, который будет использоваться в мобильном приложении 311 для сбора информации, вам не нужно будет создавать новый векторный слой. Векторный слой объектов – и, в частности, шаблон, используемый при проектировании и создании векторного слоя – важен, потому что он используется приложением Quick Report для создания выборок и вариантов, используемых гражданами для сообщения и отправки не экстренных запросов сообщества 311.
- На панели Свойства QuickReport найдите и щелкните вкладку Форма.
Примечание:
Сервисы объектов, более часто называемые слоями объектов, позволяют организациям обслуживать объекты через Интернет и предоставлять определенные символы для использования при отображении объектов. Кроме того, они предоставляют шаблон, который можно использовать для расширенного редактирования, где пользователи могут выполнять запросы для поиска и обновления существующих объектов и добавления новых объектов. Все обновления применяются к серверу и становятся доступными для пользователей векторного слоя.
- На панели Форма найдите и просмотрите свойство Адрес сервиса объектов.
Примечание:
Ваше приложение Quick Report будет использовать векторный слой, его слои и настройки в качестве шаблона для создания деталей отчетов приложения. Например, у вас может быть векторный слой улиц, используемый для сбора информации о дорожных знаках в вашем районе. Каждый объект знака, существующий или записанный вами новый и сохраненный в слое, может включать атрибуты, позволяющие обновлять и фиксировать состояние знака, включать изображение знака и сообщать о жалобе, связанной с дорожным знаком.
- В свойстве Адрес сервиса объектов замените адрес по умолчанию следующим URL-адресом:
https://services2.arcgis.com/j80Jz20at6Bi0thr/arcgis/rest/services/Cilantro/FeatureServer
Примечание:
Чтобы найти адрес размещенного векторного сервиса, откройте элемент размещенного векторного слоя в ArcGIS Online или ArcGIS Enterprise. Прокрутите вниз в разделе URL и щелкните кнопку Копировать, чтобы скопировать адрес.
- Для ID слоев сервиса объектов введите 0,1.
Идентификаторы векторного слоя City of Cilantro идентифицируют следующее:
- 0 для обозначения точечных объектов для сбора с проблемами граффити, уличных фонарей, мусора или знаков
- 1 для представления полилиний для сбора данных об улицах и тротуарах
Сервис объектов или векторный слой может состоять из нескольких слоев, составляющих сервис. При ссылке на определенные слои в приложении вам необходимо ввести идентификаторы слоев, чтобы определить, к каким слоям ваше приложение будет получать доступ. Идентификаторы слоев начинаются с нуля, поэтому если ваш векторный слой состоит из пяти слоев, и вы используете три слоя, ваш список идентификаторов слоев может быть 0,3,4, что означает, что вы ссылаетесь на первый, четвертый и пятый слои в сервисе.
Примечание:
Вы можете просматривать и идентифицировать слои сервиса объектов в ArcGIS REST Services Directory вместе с именем слоя и типом объекта (точка, полилиния или полигон).
Затем вы завершите брендинг приложения перед созданием установочного файла.
Добавление фирменного цвета
Измените и обновите цвет приложения, чтобы он соответствовал цветам, используемым в логотипе и значках вашего мобильного приложения 311.
- На панели Свойства QuickReport щелкните вкладку Цвета.
- Для Цвета фона заголовка введите #f15a24 и нажмите Enter. Для Цвета кнопок, введите код #f15a24 и нажмите Enter.
- Внизу окна Настройки AppStudio щелкните Применить.
Зеленое окно сообщения подтверждает, что ваши настройки были применены.
Далее вы установите лицензию для ArcGIS Runtime. В приложениях без лицензии отображается карта с водяными знаками. Для этого приложения вы выберете бесплатную лицензию Lite.
- В окне Настройки AppStudio на левой панели найдите и выберите вкладку Лицензирование.
- На панели Лицензирование в разделе Лицензирование ArcGIS Runtime в качестве Ключа лицензии щелкните Установить лицензию Lite.
В диалоговом окне Ключа лицензии обновится и отобразится действующий токен лицензионного ключа.
- Внизу окна Настройки AppStudio щелкните Применить и затем закройте окно.
Протестируйте свое приложение
Теперь вы протестируете свое приложение. Сначала вы протестируете его в настольном приложении. Затем вы можете при желании протестировать его на мобильном устройстве.
- В окне AppStudio подтвердите, что выбрано приложение Cilantro 311.
- На боковой панели щелкните Запуск.
- Приложение Cilantro 311 открывается в новом окне.
- Самостоятельно проверьте работоспособность приложения Cilantro 311.
- Щелкните Новый и создайте новый отчет о брошенном автомобиле, новом граффити или повреждении дороги.
- Используйте кнопку Далее, чтобы изучить различные параметры приложения.
- На панели Добавить местоположение переместите карту, чтобы уточнить местоположение отчета.
- Когда вы закончите, закройте приложение.
Затем вы можете загрузить приложение и поделиться им с сообществом.
- В окне AppStudio подтвердите, что выбрано приложение Cilantro 311 и щелкните кнопку Загрузить.
- В окне Загрузить AppStudio в опциях Публикации щелкните Моя организация и кнопку + Загрузить.
Зеленое сообщение Загружено успешно подтверждает, что ваше приложение было успешно загружено и теперь может быть скачано и установлено участниками сообщества.
- Закройте окно Загрузить AppStudio.
Затем вы можете выбрать установку AppStudio Player на мобильное устройство или протестировать приложение на своем компьютере, установив настольную версию AppStudio Player. Следующие шаги иллюстрируют установку на компьютере, за которой следуют дополнительные шаги для мобильных устройств.
Примечание:
Если вы не установили на своем компьютере AppStudio Player, загрузите его со страницы ArcGIS AppStudio Resources. После загрузки щелкните файл, чтобы запустить мастер установки. Следуйте инструкциям мастера установки приложения.
Чтобы установить AppStudio Player на мобильное устройство, загрузите его бесплатно из Microsoft Store, Google Play или из App Store. На мобильном устройстве завершите установку, как указано.
- На рабочем столе или мобильном устройстве запустите AppStudio Player. Щелкните Войти и войдите в свою учетную запись ArcGIS, а затем выберите свое приложение Cilantro 311.
Примечание:
В AppStudio Player вы можете войти в систему с помощью учетной записи ArcGIS Online или ArcGIS Enterprise.
- Загрузите свое приложение в AppStudio Player и протестируйте его, добавив новый отчет и собрав точку или линию для определения местоположения отчета.
Используя ArcGIS AppStudio Developer Edition, разработчики могут создать установочный файл приложения, который позволяет опубликовать приложение в магазине. В следующем дополнительном разделе показаны шаги для этого.
Создание файлов установки приложения (дополнительно)
Если у вас есть лицензия ArcGIS AppStudio Developer Edition (доступная при покупке уровня ArcGIS Developer Subscription Builder и выше), вы можете создавать файлы установки приложения. В этом разделе вы создадите установочные файлы .apk для Android и файл .exe для Windows.
Примечание:
Для создания установочного файла приложения .ipa для устройств iOS вам потребуется лицензия Apple Developer.
- В AppStudio на боковой панели щелкните Настройки.
- В окне Настройки AppStudio щелкните Платформы > Android. Для Имени пакета укажите имя, например, com.companyname.myapp.
Примечание:
Именование пакетов следует соглашению, согласно которому название вашей организации или компании включается в стандартное имя пакета.
- Щелкните Применить.
- Закройте окно Параметры AppStudio.
- В AppStudio подтвердите, что приложение выбрано и на боковой панели щелкните Создать.
Появится окно Создать.
- Для Создать в облаке щелкните Выбрать.
- В окне конфигурации Создать в облаке для Выбрать целевые платформы в столбце Android установите флажок для ARMv8 (64-разрядная), а в столбце Windows установите флажок 64-разрядная.
- Щелкните Анализ построения и щелкните Запрос на построение.
Появится окно Состояние построения
Облачной службе AppStudio требуется несколько минут для создания файлов установки приложения. После завершения запроса на построение вы получите электронное письмо с инструкциями по загрузке и установке.
- В окне Состояние построения перейдите на https://appstudio-ota.arcgis.com/ и войдите в свою учетную запись ArcGIS.
Примечание:
При желании вы можете отсканировать QR-код для файлов установки со страницы консоли приложения по адресу https://appstudio.arcgis.com/.
- Щелкните Установить и загрузите и установите приложения на свое устройство.
На этом уроке вы использовали ArcGIS AppStudio вместе с готовым настраиваемым шаблоном, который помог вам создать и развернуть мобильное приложение для города Килантро, в котором граждане могут отправлять не экстренные запросы сообщества 311, такие как удаление граффити, ремонт уличных фонарей и обслуживание деревьев. Разработка этого приложения, которое может работать на нескольких платформах, не потребовала написания какого-либо кода, и приложение может быть опубликовано в вашей организации или для всех. Дополнительные шаги иллюстрируют, как установить AppStudio Player на различные мобильные платформы и как создать установочный файл приложения.
Для получения дополнительной информации просмотрите следующее:
