2015-12-12 | AzovDevMeetup 2015 | Мобильная разработка: Native, Hybrid, Cross-Platform? | Виктор Котов

Mobile: Native / Hybrid /
Cross-Platform
Виктор Котов, Аркадия

Виктор Котов
20+ лет в ИТ
5+ лет в мобильной
разработке (iOS)
victor.kotov@arcadia.spb.ru
2
Немного о себе

Аркадия / Мобильная разработка
• Разработка iOS приложений с 2009, около 20 проектов
• Разработка Android приложений с 2011, около 10 проектов
• Cross-platform (hybrid) разработка с 2012, около 5 проектов
3
http://www.softwarecountry.com/our-experience/

Мобильная разработка сегодня
4

Мобильная разработка / Native
• Аппаратные требования: компьютер с Mac OS X
• Языки программирования: Objective-C, Swift
5
iOS

• AppStore $99 в год
• Физические лица
• Организации (D-U-N-S Number required)
• Enterprise $299 в год
• Volume Purchase Program for Business
• VPP Store
• Доступно не во всех странах*
6
iOS
* https://deploy.apple.com/qforms/open/register/country/avs

• Аппаратные требования : компьютер с любой
современной ОС
• Язык программирования: Java
7
Android

• Google Play Store $25 в год
• Google Apps for Work от $5 за один аккаунт в месяц
• Google Play for Work Store
• Enterprise Mobility Management via Google Partners*
8
Android
* https://www.google.com/work/android/partners/index.html?activeTab=emm

Мобильная разработка / Альтернативы
9
PhoneGap
Ionic Sencha
Touch AppGyver
React Native
Xamarin

. / Альтернативы / Примеры
10

http://phonegap.com/
13
Pros:
o Один код для всех платформ (iOS, Android, Windows Phone,
Blackberry, mobile web)
o Cloud Build Service https://build.phonegap.com/
o Поддержка плагинов
Cons:
o “Из коробки” слабая поддержка Native UI & transitions
o Отдельный CSS для каждой платформы
o WebView не гарантирует одинаковый результат
o Недостаточно документации
. / Альтернативы / PhoneGap

14
Pros:
o Дополнительно при помощи CefSharp получили приложение
Windows 7+
o ngTouch или FastClick помогли избавиться от лагов
Cons:
o Многие плагины не поддерживаются разработчиками, баги
пришлось исправлять самостоятельно (Obj-C & Java код)
o Проблема с текстовым полем – пришлось добавлять нативный
код/интерфейс
. / Альтернативы / PhoneGap / Аркадия

http://xamarin.com/
15
Pros:
o Xamarin Test Cloud http://xamarin.com/test-cloud
o Xamarin Insights http://xamarin.com/insights
o Xamarin.Form 2.0
o Native libs&SDKs via Objective Sharpie
o Xamarin Inspector
o UITest 1.0 C# framework for UI tests + Test Recorder
Commercial licenses ($1000 per developer per
platform per year).
Free Starter Licenses - with poor functionality.
. / Альтернативы / Xamarin

16

17
. / Альтернативы / Xamarin / Inspector

18
Cons:
o Дополнительные ограничения для UI
o Утечки памяти
o Дополнительные компоненты и библиотеки распространяются
в виде DLL https://components.xamarin.com/
o Debug exceptions малоинформативны
o XAML (Xamarin.Forms UI) редактируются только в текстовом
виде

https://facebook.github.io/react-native/
http://www.reactnative.com
19
Pros:
o iOS&Android приложения на JavaScript
o Native UI & UX
o Возможность обновления приложения без ревью
Cons:
o Имеет зависимость от других инструментов
o Debugging issue https://github.com/facebook/react-
devtools/issues/229
o Пока недостаточно ресурсов (книг/документации)
o Юридические аспекты требуют внимания
. / Альтернативы / React Native

20
Javascript-Native
Bridge
Javascript
Engine
Application
Code (JS) and
Resources
React Native Obj-C
Native UI
Application Obj-C

21
Native App
React Native lib
Javascript Engine
React JS
RN JS lib
JS

Что же выбрать?
22
Native Xamarin Web Apps Hybrid
Should work offline    
Native apps development background   
Simple UI/Functionality    
Heavily customized UI / gestures   
Has to be fast prototyped for few
platforms
  
Has website as fully functional
alternative
 
Going to use platform specific
features
   
Has to be fast and responsive. UX at
the first place.
   
Has to be secure    
Knowledge base, Developers
Communities
   
Cost for few platforms    

Ссылки
23
o http://mashable.com/2015/01/02/mobile-trends-2015/ Mobile trends 2015
o https://www.icsalabs.com/blogs/will-promise-hybrid-mobile-apps-outweigh-new-security-concerns
http://mostconf.org/2014/papers/s3p5.pdf Code Injection Attacks on HTML5-based Mobile Apps
o http://hackingthroughcomplexity.nl/tag/hybrid-apps/ The other, darker side of hybrid apps
o https://developer.salesforce.com/page/Native,_HTML5,_or_Hybrid:_Understanding_Your_Mobile_Ap
plication_Development_Options
o http://developer.xamarin.com/guides/cross-platform/xamarin-forms/creating-mobile-apps-
xamarin-forms/
o Презентация Xamarin 4 https://goto.webcasts.com/viewer/event.jsp?ei=1084533
o https://developer.xamarin.com/guides/ios/advanced_topics/binding_objective-c/objective_sharpie/
o React Native https://github.com/facebook/react-native
o React Native sandbox https://rnplay.org/
o http://www.slideshare.net/Polidea/react-native-building-native-ios-apps-with-javascript?related=1
o https://github.com/jondot/awesome-react-native

2015-12-12 | AzovDevMeetup 2015 | Мобильная разработка: Native, Hybrid, Cross-Platform? | Виктор Котов

2015-12-12 | AzovDevMeetup 2015 | Мобильная разработка: Native, Hybrid, Cross-Platform? | Виктор Котов

More Related Content

Viewers also liked (20)

Similar to 2015-12-12 | AzovDevMeetup 2015 | Мобильная разработка: Native, Hybrid, Cross-Platform? | Виктор Котов (20)

More from JSC “Arcadia Inc” (9)

2015-12-12 | AzovDevMeetup 2015 | Мобильная разработка: Native, Hybrid, Cross-Platform? | Виктор Котов

Editor's Notes