Slide 1

Slide 1 text

PHONEGAP КРОССПЛАТФОРМЕННАЯ РАЗРАБОТКА ДЛЯ МОБИЛЬНЫХ УСТРОЙСТВ NIX Solutions Ltd. Докладчик: Дмитрий Троян

Slide 2

Slide 2 text

СОДЕРЖАНИЕ: • Что же такое PhoneGap • Возможности PhoneGap API • Примеры кода • Сервис build.phonegap.com • JavaScript библиотеки в помощь разработчику NIX Solutions Ltd.

Slide 3

Slide 3 text

ПРОБЛЕМЫ РАЗРАБОТКИ ДЛЯ МОБИЛЬНЫХ УСТРОЙСТВ Разнообразие платформ и технологий: iOS – Objective-C Android – Java Windows Phone – .Net/C BlackBerry – Java Symbian – C++, Java, Flash… NIX Solutions Ltd.

Slide 4

Slide 4 text

РЕШЕНИЕ - PHONEGAP PhoneGap – это контейнер для приложений написанных на HTML/CSS/JS. NIX Solutions Ltd.

Slide 5

Slide 5 text

КАК ЭТО РАБОТАЕТ? PhoneGap – прослойка и контейнер для приложения написанного на HTML/CSS/JS. WebView используемый для отображения интерфейса в PhoneGap это нативный компонент ОС: UIWebView для iOS, android.webkit.WebView для Android. NIX Solutions Ltd.

Slide 6

Slide 6 text

PHONEGAP API PhoneGap предоставляет нам доступ к нативным функциям устройства (камера, файловая система, адресная книга и др.) используя JavaScript. Плагины PhoneGap позволяют еще больше расширить возможности приложения. NIX Solutions Ltd.

Slide 7

Slide 7 text

ВОЗМОЖНОСТИ PHONEGAP API NIX Solutions Ltd.

Slide 8

Slide 8 text

PHONEGAP BUILD Сервис позволяет собрать приложение под 7 различных платформ. На данный момент это совершенно бесплатный сервис. Weinre (WEb INspector REmote) – встроенное средство для дебага приложений. NIX Solutions Ltd.

Slide 9

Slide 9 text

ПРИМЕР: СДЕЛАТЬ ФОТО ИСПОЛЬЗУЯ КАМЕРУ УСТРОЙСТВА NIX Solutions Ltd.

Slide 10

Slide 10 text

ПРИМЕР: ПОЛУЧЕНИЕ ДАННЫХ О ПОЛОЖЕНИИ УСТРОЙСТВА NIX Solutions Ltd.

Slide 11

Slide 11 text

АРХИТЕКТУРА ПРИЛОЖЕНИЯ Большинство приложений работает по клиент- сервеной архитектуре. NIX Solutions Ltd. Приложение взаимодействует с сервером, основываясь на стандартных HTTP-запросах, JSON, REST-ful XML или SOAP (если ОС поддерживает websockets). Обычно приложение состоит из одного html документа, все данные отображаются обновляя DOM, данные получаются через AJAX.

Slide 12

Slide 12 text

ПЛАГИНЫ PHONEGAP NIX Solutions Ltd. Тяжеловесные вычисления и сложная бизнес-логика написанные на JS работают гараздо медленеe, чем написанные на родном языке плафтормы. Выход есть – плагины. Набор готовых плагинов: https://github.com/phonegap/phoneg ap-plugins

Slide 13

Slide 13 text

JQUERY MOBILE • Реализован на jQuery core • Совместим с огромным количеством мобильных устройств • Унифицированный пользовательский интерфейс • ThemeRoller – онлайн средство создания уникальной цветовой темы для приложения. • Бесплатен NIX Solutions Ltd.

Slide 14

Slide 14 text

SENCHA TOUCH • Предоставляет большой набор компонентов как визуальных, так и для работы с данными • Sencha Touch более сложен для изучения, чем jQuery Mobile • Поддерживает паттерн MVC • Не во всех случаях бесплатен NIX Solutions Ltd.

Slide 15

Slide 15 text

JQUERY MOBILE И SENCHA TOUCH jQuery Mobile Sencha Touch Основа jQuery Core ExtJS Возможности Визуальное оформление документа Визуальное оформление; компоненты для работы с данными, Google карты Концепция Семантическая разметка текста Построение приложения через создание JS объектов Сложность изучения Просто Сначала надо прочитать документацию Стоимость Бесплатно Не всегда бесплатно NIX Solutions Ltd.

Slide 16

Slide 16 text

КОГДА ИСПОЛЬЗОВАТЬ PHONEGAP? Нужно охватить как можно больше платформ Нужно сделать небольшое приложение Нужно сделать фронт-енд для представления данных с сервера У вас один разработчик NIX Solutions Ltd.

Slide 17

Slide 17 text

КОГДА ИСПОЛЬЗОВАТЬ НАТИВНУЮ РАЗРАБОТКУ? Разработка игр и приложений по работе со сложной графикой Важность скорости реакции приложения на действия пользователя NIX Solutions Ltd.

Slide 18

Slide 18 text

ПОМОЩЬ И СООБЩЕСТВО Решить возникающие при разработке проблемы можно здесь: http://wiki.phonegap.com – вики PhoneGap’а https://groups.google.com/group/phonegap – гугл- группа http://community.phonegap.com/nitobi – форум NIX Solutions Ltd.

Slide 19

Slide 19 text

ВОПРОСЫ? NIX Solutions Ltd. Докладчик: Дмитрий Троян Email: [email protected] Skype: dmitry.t.86

Slide 20

Slide 20 text

СПАСИБО ЗА ВНИМАНИЕ! NIX Solutions Ltd. Докладчик: Дмитрий Троян Email: [email protected] Skype: dmitry.t.86