SlideShare a Scribd company logo
When HTML5
becomes native




 Sencha Touch 2.0 + PhoneGap 1.4
Showcase
Немного о PhoneGap

Sencha Touch framework

Mobile Web App

Deploy with Heroku

Compile with xCode
PhoneGap это open source framework.
Создаетль Nitobi




Это HTML5 платформа, для разработки
под 7 мобильных платформ.
PhoneGap
PhoneGap
PhoneGap Build




https://build.phonegap.com/
Архитектура



1. PhoneGapDelegate расширяет возможности UIApplicationDelegate и
реалезует UIWebViewDelegate протокол.
2. PhoneGapViewController расширяет UIViewController класса,
перехватывая события View.

3. PhoneGapCommand - базовый класс для всех PhoneGap API plugins
(таких как Camera, GPS и Contacts) и так же является связующим
классом, для доступа к appDelegate, appViewController и webView. Этот
класс может быть расширен написанием своих собственных плагинов.
Архитектура
Архитектура
Архитектура


 PhoneGap !"#"$%&'(%&"' )&!#*+( URL
 UIWebView, ,*'*#&- )&.#/0"11& %* View.
 PhoneGapAppDelegate #"&23)/"'
 UIWebViewDelegate !#*'*,*2 !"#$%&'& +*4('35
 % document.location UIWebView. 6*+2" !"#"$%&'&
 +*4('3-, PhoneGap #"7&"' 8'* 0 '"!"#9-'*
 :"2&'9 + ;'3< +*4('3"<.
Паттерны
 1. gap:// command
 — для обработки PhoneGap комманд, используется запрос в виде

“PhoneGap.exec(‘SomePlugin.someMethod’, someArg1, someArg2);”
написанных на javascript, которые преобразовуются в URL запрос
gap://SomePlugin.someMethod?arg1Name=someArg1&arg2Name=someArg2


2. file://www/someurl.html
—загрузка локального файла (например из папки ‘www’) во webView

3. http://someweburl.html
— загрузка файла во webview извне


4. mailto: sms: tel: etc
– эти протоколы уже реализованы в стандартном UIWebView для обработки таких событий как
отправка email, совершение звонка и прочего.



5. Custom
 — возможность обработки PhoneGapAppDelegate webView:shouldStartLoadWithRequest метода для
своего URL хэндлера.
PhoneGap Plugins
PhoneGap + Sencha
PhoneGap Tools




Фрейморков много всяких-разных
Структура проекта
Оды о Sencha Touch
 The Best HTML5 Mobile
 Web App Framework

Неоспроимым приимуществом есть, и остается, схожость с родными
интетрфейсами iOS, Android и BlackBerry устройств с тачскрином*


MVC Based




                                                         *не все так сладко;D
Немного о Web App



Перевоплощение веба в приложения.
   Никаких App Store.
   Прямая веб ссылка is loading... и вуаля.
   Add shortcut to home.
   Никаких updates.
   Возмонжость кеширование приложения через CasheManifest.
Минусы:
- невысокая скорость работы на Android;
- невозможно использовать API платформ;
- нет доступа к адресной книге;
- невозможно полностью перевести приложение в оффлайн
- непривычная установка приложения, в виду отсутствия его в
appstore и android market.
Плюсы:
- пишешь одно приложение — работает и на iOS, и на Android и на
всем остальном, что поддерживает JS и HTML5
- высокая скорость разработки
- простота разработки
- наличие готовых фреймворков
- не требует никаких аккаунтов в appstore и android market
Создаем
Ext.regApplication {}

Ext.setup ({
     onReady: function() {
         new Ext.Panel({
             fullscreen : true,
             html: ‘aaa’
         });
     };
});
! "#$#%& some practical approach...
Fin.

More Related Content

PDF
Разработка мобильных приложений на HTML5
PDF
Meet Magento Belarus - Andriy Samilyak
PDF
Автоматизированное тестирование UI в мобильных OC
PPTX
Php micro frameworks
PPTX
Appium confet qa
PDF
Meet Magento Belarus 2015: Denis Bosak
PPT
Meet Magento Belarus 2015: Igor Bondarenko
PPTX
To Facebook
Разработка мобильных приложений на HTML5
Meet Magento Belarus - Andriy Samilyak
Автоматизированное тестирование UI в мобильных OC
Php micro frameworks
Appium confet qa
Meet Magento Belarus 2015: Denis Bosak
Meet Magento Belarus 2015: Igor Bondarenko
To Facebook

What's hot (20)

PPTX
Silverlight social
PPTX
Преимущества создания кроссплатформенных приложений с использованием Phone ga...
PPTX
DevCon 2016 - Xamarin
PPTX
O affiliate program
PPTX
Андрей Стахиевич - Appium Mobile Automation Tool
PPTX
Мобильные браузеры: очевидное-невероятное
PPTX
Автоматизация тестирования iOS и Android приложений
PPT
Appium для народа
PPTX
Кросс-платформенная мобильная разработка
PDF
Степан Гончаров «Тестирование Android-приложений с помощью Robotium и Spoon»
PDF
Создание прототипа как этап разработки сайта: задачи, методы, преимущества
PPT
Обзор средств прототипирования веб-сайтов
PDF
Прототипирование сайтов
PPTX
Как мы поддерживаем 100 разных версий клиентов в Badoo / Ярослав Голуб (Badoo)
PPTX
Solit 2014, Appium. Тестируем гибридные мобильные прирложения в стиле webdriv...
PDF
Как сейчас тесты в Android пишут, Денис Неклюдов, Google Dev Expert, Москва
PDF
Прототип сайта: виды, плюсы и минусы
PPTX
Средства кросплатформенной разработки. Xamarin и ApperCode
PDF
Flutter: No more boring apps! - UA Mobile 2019
PPT
Bdd j behave or cucumber jvm plus appium for efficient cross platform mobile ...
Silverlight social
Преимущества создания кроссплатформенных приложений с использованием Phone ga...
DevCon 2016 - Xamarin
O affiliate program
Андрей Стахиевич - Appium Mobile Automation Tool
Мобильные браузеры: очевидное-невероятное
Автоматизация тестирования iOS и Android приложений
Appium для народа
Кросс-платформенная мобильная разработка
Степан Гончаров «Тестирование Android-приложений с помощью Robotium и Spoon»
Создание прототипа как этап разработки сайта: задачи, методы, преимущества
Обзор средств прототипирования веб-сайтов
Прототипирование сайтов
Как мы поддерживаем 100 разных версий клиентов в Badoo / Ярослав Голуб (Badoo)
Solit 2014, Appium. Тестируем гибридные мобильные прирложения в стиле webdriv...
Как сейчас тесты в Android пишут, Денис Неклюдов, Google Dev Expert, Москва
Прототип сайта: виды, плюсы и минусы
Средства кросплатформенной разработки. Xamarin и ApperCode
Flutter: No more boring apps! - UA Mobile 2019
Bdd j behave or cucumber jvm plus appium for efficient cross platform mobile ...
Ad

Viewers also liked (18)

PPTX
Mendeskribsikan ciri ciri archaebacteria dan eubacteria serta peranannya bagi
DOC
анализ работы за год(новости)
PDF
Kuug 第1回
PPTX
Foss as a driver presentation siles for slideshare
KEY
熊本Apps! - 研究交流サロン発表資料
PDF
Skelet in mišičje zgornje okončine
DOC
Revised mannual 2
PPSX
Inspire Group
PDF
Vestibular1 unb20092dprova tempo
DOC
Revised mannual 2
PPSX
Uniship Presentation
PPTX
途上国におけるIct4 dの成功例 silideshare用_final_20130727
PDF
[崇城大学][熊本Apps!] 学生のためのUnity勉強会
PPTX
Sistemas de informacion en flota cachira
KEY
Unityの夕べ in Fukuoka
PPTX
2013年6月14日jica関西プレゼン「ICT4D現状と課題」 slide share用
PPTX
A model case study of Improvement Activities
PPT
Mendeskribsikan ciri ciri archaebacteria dan eubacteria serta peranannya bagi
анализ работы за год(новости)
Kuug 第1回
Foss as a driver presentation siles for slideshare
熊本Apps! - 研究交流サロン発表資料
Skelet in mišičje zgornje okončine
Revised mannual 2
Inspire Group
Vestibular1 unb20092dprova tempo
Revised mannual 2
Uniship Presentation
途上国におけるIct4 dの成功例 silideshare用_final_20130727
[崇城大学][熊本Apps!] 学生のためのUnity勉強会
Sistemas de informacion en flota cachira
Unityの夕べ in Fukuoka
2013年6月14日jica関西プレゼン「ICT4D現状と課題」 slide share用
A model case study of Improvement Activities
Ad

Similar to PhoneGap + Sencha (20)

PDF
Кроссплатформенная разработка
PDF
DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей
PDF
Настоящее и будущее решений для разработки кросс-платформенных мобильных гибр...
PDF
Sergey Khlopenov tools for_development_cross_platform_mobile_ap
PPTX
Сергей Мелашич "Настройка SEO для одностраничных web-приложений на Angular"
PPTX
Тестирование PhoneGap-приложений: специфика + опыт
PPT
Андрей Чипиленко - "Разработка мобильного приложения для интернет‐мага...
PPT
Андрій Чипиленко "Розробка мобільного додатку для Comp-online.com.ua"
PPT
Netbeans Desktop Applications
PPTX
PhoneGap для мобильного разработчика - глубокое погружение без ОЗК
PDF
Экскурс в мир WEB разработки
PDF
CV-android
PDF
Appery.io Ukraine_2016
PPTX
Особенности мобильной платформы Windows Phone 8
PPT
Mobile development
PDF
Павел Брылов, Skype
PDF
Александр Сычев "Статика и динамика. Как фреймворки помогут прокачать ваше пр...
PDF
Новые возможности IBM WebSphere Portal v8 и IBM WCM v8
PPTX
Online TechTalk “Flutter Mobile Development”
PPTX
РАЗРАБОТКА МОБИЛЬНЫХ САЙТОВ
Кроссплатформенная разработка
DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей
Настоящее и будущее решений для разработки кросс-платформенных мобильных гибр...
Sergey Khlopenov tools for_development_cross_platform_mobile_ap
Сергей Мелашич "Настройка SEO для одностраничных web-приложений на Angular"
Тестирование PhoneGap-приложений: специфика + опыт
Андрей Чипиленко - "Разработка мобильного приложения для интернет‐мага...
Андрій Чипиленко "Розробка мобільного додатку для Comp-online.com.ua"
Netbeans Desktop Applications
PhoneGap для мобильного разработчика - глубокое погружение без ОЗК
Экскурс в мир WEB разработки
CV-android
Appery.io Ukraine_2016
Особенности мобильной платформы Windows Phone 8
Mobile development
Павел Брылов, Skype
Александр Сычев "Статика и динамика. Как фреймворки помогут прокачать ваше пр...
Новые возможности IBM WebSphere Portal v8 и IBM WCM v8
Online TechTalk “Flutter Mobile Development”
РАЗРАБОТКА МОБИЛЬНЫХ САЙТОВ

PhoneGap + Sencha

  • 1. When HTML5 becomes native Sencha Touch 2.0 + PhoneGap 1.4
  • 2. Showcase Немного о PhoneGap Sencha Touch framework Mobile Web App Deploy with Heroku Compile with xCode
  • 3. PhoneGap это open source framework. Создаетль Nitobi Это HTML5 платформа, для разработки под 7 мобильных платформ.
  • 7. Архитектура 1. PhoneGapDelegate расширяет возможности UIApplicationDelegate и реалезует UIWebViewDelegate протокол. 2. PhoneGapViewController расширяет UIViewController класса, перехватывая события View. 3. PhoneGapCommand - базовый класс для всех PhoneGap API plugins (таких как Camera, GPS и Contacts) и так же является связующим классом, для доступа к appDelegate, appViewController и webView. Этот класс может быть расширен написанием своих собственных плагинов.
  • 10. Архитектура PhoneGap !"#"$%&'(%&"' )&!#*+( URL UIWebView, ,*'*#&- )&.#/0"11& %* View. PhoneGapAppDelegate #"&23)/"' UIWebViewDelegate !#*'*,*2 !"#$%&'& +*4('35 % document.location UIWebView. 6*+2" !"#"$%&'& +*4('3-, PhoneGap #"7&"' 8'* 0 '"!"#9-'* :"2&'9 + ;'3< +*4('3"<.
  • 11. Паттерны 1. gap:// command — для обработки PhoneGap комманд, используется запрос в виде “PhoneGap.exec(‘SomePlugin.someMethod’, someArg1, someArg2);” написанных на javascript, которые преобразовуются в URL запрос gap://SomePlugin.someMethod?arg1Name=someArg1&arg2Name=someArg2 2. file://www/someurl.html —загрузка локального файла (например из папки ‘www’) во webView 3. http://someweburl.html — загрузка файла во webview извне 4. mailto: sms: tel: etc – эти протоколы уже реализованы в стандартном UIWebView для обработки таких событий как отправка email, совершение звонка и прочего. 5. Custom — возможность обработки PhoneGapAppDelegate webView:shouldStartLoadWithRequest метода для своего URL хэндлера.
  • 16. Оды о Sencha Touch The Best HTML5 Mobile Web App Framework Неоспроимым приимуществом есть, и остается, схожость с родными интетрфейсами iOS, Android и BlackBerry устройств с тачскрином* MVC Based *не все так сладко;D
  • 17. Немного о Web App Перевоплощение веба в приложения. Никаких App Store. Прямая веб ссылка is loading... и вуаля. Add shortcut to home. Никаких updates. Возмонжость кеширование приложения через CasheManifest.
  • 18. Минусы: - невысокая скорость работы на Android; - невозможно использовать API платформ; - нет доступа к адресной книге; - невозможно полностью перевести приложение в оффлайн - непривычная установка приложения, в виду отсутствия его в appstore и android market.
  • 19. Плюсы: - пишешь одно приложение — работает и на iOS, и на Android и на всем остальном, что поддерживает JS и HTML5 - высокая скорость разработки - простота разработки - наличие готовых фреймворков - не требует никаких аккаунтов в appstore и android market
  • 20. Создаем Ext.regApplication {} Ext.setup ({ onReady: function() { new Ext.Panel({ fullscreen : true, html: ‘aaa’ }); }; });
  • 21. ! "#$#%& some practical approach...
  • 22. Fin.

Editor's Notes