SlideShare a Scribd company logo
Расширенные возможности
Web AppBuilder for ArcGIS
Самая «свежая» версия WAB
https://developers.arcgis.com/web-appbuilder/
Преимущества и недостатки WAB Developer Edition
по сравнению с версией WAB, встроенной в портал
Больше новых инструментов благодаря
частому обновлению
Возможность разместить приложение на
любом веб-сервере
Возможность добавить другие готовые
инструменты
Доработка приложения (для разработчиков)
Требуется предварительная
установка конструктора
Требуется ручное добавление
собранных приложения на веб-
сервер
Пересобранное приложение надо
обновлять на веб-сервере вручную
Шаги по установке WAB Developer Edition
1. Скачать архив с сайта developers.arcgis.com и распаковать его
2. Запустить startup.bat, откроется страница с настройками в браузере
3. Указать действующий портал Portal for ArcGIS или ArcGIS Online
4. Зайти на портал и добавить как элемент веб-адрес конструктора, пример:
https://w1n-webgis.dataplus.local:3344
5. Зарегистрировать это веб-приложение на портале, чтобы получить AppID
6. Ввести AppID на странице с настройками (шаг3)
7. Начать конструировать приложения
Шаг 2.1
Шаг 2.2 и 3
Шаг 4
Шаг 5
Шаг 6
Еще один способ поменять привязку к порталу
….WebAppBuilderForArcGISserversignininfo
Начало работы с конструктором
Каждому новому приложению
присваивается свой уникальный ID
Где скачать дополнительные виджеты
Github или следите за новостями в нашем блоге http://esri-
cis.ru/search/index.php?tags=Web+AppBuilder+for+ArcGIS+developer+edition
Тэг: Web AppBuilder for ArcGIS developer edition
Что доступно
 Панорамы Google Street View
 Добавление на карту данных из собственных URL или шейпов
 Сложный фильтр
 Расширенный поиск
 Управление экстентом
 Расширенные возможности вывода на печать
 Рисование с возможностью сохранения на компьютер
 И другие Ссылка на дополнительные виджеты
Как добавить дополнительные виджеты
1. Скачиваем и распаковываем
2. Копируем папку с инструментом в папку
WebAppBuilderForArcGISclientstemappwidgets
3. Обновляем веб-страницу конструктора
Собрали приложение, что дальше
Размещаем приложение на веб-сервере
1. Смотрим ID своего приложения (говорили об этом 3 слайда назад)
2. Копируем папку с приложением из …WebAppBuilderForArcGISserverapps
3. Регистрируем папку с приложением на веб-сервере
4. Настраиваем путь к библиотекам JS API ArcGIS в файле env.js (строчка 92)
Управление доступом к приложению
1. Регистрируем адрес размещенного на веб-сервере приложения на портале и
получаем App ID (уже говорили об этом)
2. Настраиваем на портале права доступа для этого приложения
3. AppID копируем в config.json приложения
Вопросы?
Возможности для разработчиков
 Конструктор использует ArcGIS API for JavaScript и Dojo
 Dojo – в основе ArcGIS API for JavaScript и ArcGIS Web AppBuilder
 Разработчику потребуются знания и опыт использования HTML и JavaScript
 Справка по ArcGIS API for JavaScript: https://developers.arcgis.com/javascript/
 FAQs: https://developers.arcgis.com/web-appbuilder/guide/faqs.htm
Разработка новых виджетов и оформлений интерфейса
Благодарим за внимание!
Константин Нагорнюк
knagornyuk@esri-cis.ru
www.facebook.com/esricis http://esri-cis.ru/blogs http://www.youtube.com/esricis

More Related Content

Similar to Web AppBuilder for ArcGIS. расширенные возможности

Новые возможности IBM WebSphere Portal v8 и IBM WCM v8
Новые возможности IBM WebSphere Portal v8 и IBM WCM v8Новые возможности IBM WebSphere Portal v8 и IBM WCM v8
Новые возможности IBM WebSphere Portal v8 и IBM WCM v8Anatoly Kireev
 
CodeFest 2013. Биллевич В. — SDK мобильного сервиса. Добавление новой функцио...
CodeFest 2013. Биллевич В. — SDK мобильного сервиса. Добавление новой функцио...CodeFest 2013. Биллевич В. — SDK мобильного сервиса. Добавление новой функцио...
CodeFest 2013. Биллевич В. — SDK мобильного сервиса. Добавление новой функцио...CodeFest
 
Новые возможности развертывания и масштабирования open source приложений в Az...
Новые возможности развертывания и масштабирования open source приложений в Az...Новые возможности развертывания и масштабирования open source приложений в Az...
Новые возможности развертывания и масштабирования open source приложений в Az...
Artur Baranok
 
#3 "Webpack и Vue.JS: Создание больших приложений и их расширение" Кирилл Кай...
#3 "Webpack и Vue.JS: Создание больших приложений и их расширение" Кирилл Кай...#3 "Webpack и Vue.JS: Создание больших приложений и их расширение" Кирилл Кай...
#3 "Webpack и Vue.JS: Создание больших приложений и их расширение" Кирилл Кай...
JSib
 
10.website.pdf
10.website.pdf10.website.pdf
Любовь Поволоцкая_Сборка Android-приложений с помощью Gradle
Любовь Поволоцкая_Сборка Android-приложений с помощью GradleЛюбовь Поволоцкая_Сборка Android-приложений с помощью Gradle
Любовь Поволоцкая_Сборка Android-приложений с помощью GradleGeeksLab Odessa
 
RichFaces: обзор
RichFaces: обзорRichFaces: обзор
RichFaces: обзор
Tatiana Aulachynskaya
 
Интегратор Bitrix_1
Интегратор Bitrix_1Интегратор Bitrix_1
Интегратор Bitrix_1itc73
 
WebdriverIO + Puppeteer. Double gun – double fun
WebdriverIO + Puppeteer. Double gun – double funWebdriverIO + Puppeteer. Double gun – double fun
WebdriverIO + Puppeteer. Double gun – double fun
Alexandr Khotemskoy
 
Trening modul2-webinar10
Trening modul2-webinar10Trening modul2-webinar10
Trening modul2-webinar10
olgaoov
 
Сергей Мелашич "Настройка SEO для одностраничных web-приложений на Angular"
Сергей Мелашич "Настройка SEO для одностраничных web-приложений на Angular"Сергей Мелашич "Настройка SEO для одностраничных web-приложений на Angular"
Сергей Мелашич "Настройка SEO для одностраничных web-приложений на Angular"
Fwdays
 
.NET Fest 2018. Сергей Бельский. How to use Docker containers with Azure serv...
.NET Fest 2018. Сергей Бельский. How to use Docker containers with Azure serv....NET Fest 2018. Сергей Бельский. How to use Docker containers with Azure serv...
.NET Fest 2018. Сергей Бельский. How to use Docker containers with Azure serv...
NETFest
 
1С-Битрикс: Управление сайтом Версия .NET
1С-Битрикс: Управление сайтом Версия .NET1С-Битрикс: Управление сайтом Версия .NET
1С-Битрикс: Управление сайтом Версия .NETMedia Gorod
 
Web сайт - гиперструктура данных
Web сайт - гиперструктура данныхWeb сайт - гиперструктура данных
Web сайт - гиперструктура данныхЕлена Ключева
 
NetBeans 6.0 Desktop
NetBeans 6.0 DesktopNetBeans 6.0 Desktop
NetBeans 6.0 Desktop
Iljas
 
Александр Шаповал «Контейнеры Windows в Microsoft Azure и on-premise»
Александр Шаповал «Контейнеры Windows в Microsoft Azure и on-premise»Александр Шаповал «Контейнеры Windows в Microsoft Azure и on-premise»
Александр Шаповал «Контейнеры Windows в Microsoft Azure и on-premise»
SpbDotNet Community
 
Meet Magento Belarus 2015: Denis Bosak
Meet Magento Belarus 2015: Denis BosakMeet Magento Belarus 2015: Denis Bosak
Meet Magento Belarus 2015: Denis Bosak
Amasty
 
Основные аспекты управления веб-проектом в Microsoft Azure Websites
Основные аспекты управления веб-проектом в Microsoft Azure WebsitesОсновные аспекты управления веб-проектом в Microsoft Azure Websites
Основные аспекты управления веб-проектом в Microsoft Azure Websites
Artur Baranok
 
Как быть с большими сайтами на Word press
Как быть с большими сайтами  на Word pressКак быть с большими сайтами  на Word press
Как быть с большими сайтами на Word press
vovasik
 
QA Fest 2019. Александр Хотемской. WebdriverIO + Puppeteer. Double gun - doub...
QA Fest 2019. Александр Хотемской. WebdriverIO + Puppeteer. Double gun - doub...QA Fest 2019. Александр Хотемской. WebdriverIO + Puppeteer. Double gun - doub...
QA Fest 2019. Александр Хотемской. WebdriverIO + Puppeteer. Double gun - doub...
QAFest
 

Similar to Web AppBuilder for ArcGIS. расширенные возможности (20)

Новые возможности IBM WebSphere Portal v8 и IBM WCM v8
Новые возможности IBM WebSphere Portal v8 и IBM WCM v8Новые возможности IBM WebSphere Portal v8 и IBM WCM v8
Новые возможности IBM WebSphere Portal v8 и IBM WCM v8
 
CodeFest 2013. Биллевич В. — SDK мобильного сервиса. Добавление новой функцио...
CodeFest 2013. Биллевич В. — SDK мобильного сервиса. Добавление новой функцио...CodeFest 2013. Биллевич В. — SDK мобильного сервиса. Добавление новой функцио...
CodeFest 2013. Биллевич В. — SDK мобильного сервиса. Добавление новой функцио...
 
Новые возможности развертывания и масштабирования open source приложений в Az...
Новые возможности развертывания и масштабирования open source приложений в Az...Новые возможности развертывания и масштабирования open source приложений в Az...
Новые возможности развертывания и масштабирования open source приложений в Az...
 
#3 "Webpack и Vue.JS: Создание больших приложений и их расширение" Кирилл Кай...
#3 "Webpack и Vue.JS: Создание больших приложений и их расширение" Кирилл Кай...#3 "Webpack и Vue.JS: Создание больших приложений и их расширение" Кирилл Кай...
#3 "Webpack и Vue.JS: Создание больших приложений и их расширение" Кирилл Кай...
 
10.website.pdf
10.website.pdf10.website.pdf
10.website.pdf
 
Любовь Поволоцкая_Сборка Android-приложений с помощью Gradle
Любовь Поволоцкая_Сборка Android-приложений с помощью GradleЛюбовь Поволоцкая_Сборка Android-приложений с помощью Gradle
Любовь Поволоцкая_Сборка Android-приложений с помощью Gradle
 
RichFaces: обзор
RichFaces: обзорRichFaces: обзор
RichFaces: обзор
 
Интегратор Bitrix_1
Интегратор Bitrix_1Интегратор Bitrix_1
Интегратор Bitrix_1
 
WebdriverIO + Puppeteer. Double gun – double fun
WebdriverIO + Puppeteer. Double gun – double funWebdriverIO + Puppeteer. Double gun – double fun
WebdriverIO + Puppeteer. Double gun – double fun
 
Trening modul2-webinar10
Trening modul2-webinar10Trening modul2-webinar10
Trening modul2-webinar10
 
Сергей Мелашич "Настройка SEO для одностраничных web-приложений на Angular"
Сергей Мелашич "Настройка SEO для одностраничных web-приложений на Angular"Сергей Мелашич "Настройка SEO для одностраничных web-приложений на Angular"
Сергей Мелашич "Настройка SEO для одностраничных web-приложений на Angular"
 
.NET Fest 2018. Сергей Бельский. How to use Docker containers with Azure serv...
.NET Fest 2018. Сергей Бельский. How to use Docker containers with Azure serv....NET Fest 2018. Сергей Бельский. How to use Docker containers with Azure serv...
.NET Fest 2018. Сергей Бельский. How to use Docker containers with Azure serv...
 
1С-Битрикс: Управление сайтом Версия .NET
1С-Битрикс: Управление сайтом Версия .NET1С-Битрикс: Управление сайтом Версия .NET
1С-Битрикс: Управление сайтом Версия .NET
 
Web сайт - гиперструктура данных
Web сайт - гиперструктура данныхWeb сайт - гиперструктура данных
Web сайт - гиперструктура данных
 
NetBeans 6.0 Desktop
NetBeans 6.0 DesktopNetBeans 6.0 Desktop
NetBeans 6.0 Desktop
 
Александр Шаповал «Контейнеры Windows в Microsoft Azure и on-premise»
Александр Шаповал «Контейнеры Windows в Microsoft Azure и on-premise»Александр Шаповал «Контейнеры Windows в Microsoft Azure и on-premise»
Александр Шаповал «Контейнеры Windows в Microsoft Azure и on-premise»
 
Meet Magento Belarus 2015: Denis Bosak
Meet Magento Belarus 2015: Denis BosakMeet Magento Belarus 2015: Denis Bosak
Meet Magento Belarus 2015: Denis Bosak
 
Основные аспекты управления веб-проектом в Microsoft Azure Websites
Основные аспекты управления веб-проектом в Microsoft Azure WebsitesОсновные аспекты управления веб-проектом в Microsoft Azure Websites
Основные аспекты управления веб-проектом в Microsoft Azure Websites
 
Как быть с большими сайтами на Word press
Как быть с большими сайтами  на Word pressКак быть с большими сайтами  на Word press
Как быть с большими сайтами на Word press
 
QA Fest 2019. Александр Хотемской. WebdriverIO + Puppeteer. Double gun - doub...
QA Fest 2019. Александр Хотемской. WebdriverIO + Puppeteer. Double gun - doub...QA Fest 2019. Александр Хотемской. WebdriverIO + Puppeteer. Double gun - doub...
QA Fest 2019. Александр Хотемской. WebdriverIO + Puppeteer. Double gun - doub...
 

Web AppBuilder for ArcGIS. расширенные возможности

  • 2. Самая «свежая» версия WAB https://developers.arcgis.com/web-appbuilder/
  • 3. Преимущества и недостатки WAB Developer Edition по сравнению с версией WAB, встроенной в портал Больше новых инструментов благодаря частому обновлению Возможность разместить приложение на любом веб-сервере Возможность добавить другие готовые инструменты Доработка приложения (для разработчиков) Требуется предварительная установка конструктора Требуется ручное добавление собранных приложения на веб- сервер Пересобранное приложение надо обновлять на веб-сервере вручную
  • 4. Шаги по установке WAB Developer Edition 1. Скачать архив с сайта developers.arcgis.com и распаковать его 2. Запустить startup.bat, откроется страница с настройками в браузере 3. Указать действующий портал Portal for ArcGIS или ArcGIS Online 4. Зайти на портал и добавить как элемент веб-адрес конструктора, пример: https://w1n-webgis.dataplus.local:3344 5. Зарегистрировать это веб-приложение на портале, чтобы получить AppID 6. Ввести AppID на странице с настройками (шаг3) 7. Начать конструировать приложения
  • 10. Еще один способ поменять привязку к порталу ….WebAppBuilderForArcGISserversignininfo
  • 11. Начало работы с конструктором Каждому новому приложению присваивается свой уникальный ID
  • 12. Где скачать дополнительные виджеты Github или следите за новостями в нашем блоге http://esri- cis.ru/search/index.php?tags=Web+AppBuilder+for+ArcGIS+developer+edition Тэг: Web AppBuilder for ArcGIS developer edition Что доступно  Панорамы Google Street View  Добавление на карту данных из собственных URL или шейпов  Сложный фильтр  Расширенный поиск  Управление экстентом  Расширенные возможности вывода на печать  Рисование с возможностью сохранения на компьютер  И другие Ссылка на дополнительные виджеты
  • 13. Как добавить дополнительные виджеты 1. Скачиваем и распаковываем 2. Копируем папку с инструментом в папку WebAppBuilderForArcGISclientstemappwidgets 3. Обновляем веб-страницу конструктора
  • 14. Собрали приложение, что дальше Размещаем приложение на веб-сервере 1. Смотрим ID своего приложения (говорили об этом 3 слайда назад) 2. Копируем папку с приложением из …WebAppBuilderForArcGISserverapps 3. Регистрируем папку с приложением на веб-сервере 4. Настраиваем путь к библиотекам JS API ArcGIS в файле env.js (строчка 92)
  • 15. Управление доступом к приложению 1. Регистрируем адрес размещенного на веб-сервере приложения на портале и получаем App ID (уже говорили об этом) 2. Настраиваем на портале права доступа для этого приложения 3. AppID копируем в config.json приложения
  • 17. Возможности для разработчиков  Конструктор использует ArcGIS API for JavaScript и Dojo  Dojo – в основе ArcGIS API for JavaScript и ArcGIS Web AppBuilder  Разработчику потребуются знания и опыт использования HTML и JavaScript  Справка по ArcGIS API for JavaScript: https://developers.arcgis.com/javascript/  FAQs: https://developers.arcgis.com/web-appbuilder/guide/faqs.htm Разработка новых виджетов и оформлений интерфейса
  • 18. Благодарим за внимание! Константин Нагорнюк knagornyuk@esri-cis.ru www.facebook.com/esricis http://esri-cis.ru/blogs http://www.youtube.com/esricis