ThinkPHP #1: PhoneGap

Transcript

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

   Дмитрий Троян

2. СОДЕРЖАНИЕ: • Что же такое PhoneGap • Возможности PhoneGap API

   • Примеры кода • Сервис build.phonegap.com • JavaScript библиотеки в помощь разработчику NIX Solutions Ltd.

3. ПРОБЛЕМЫ РАЗРАБОТКИ ДЛЯ МОБИЛЬНЫХ УСТРОЙСТВ Разнообразие платформ и технологий: iOS

   – Objective-C Android – Java Windows Phone – .Net/C BlackBerry – Java Symbian – C++, Java, Flash… NIX Solutions Ltd.

4. РЕШЕНИЕ - PHONEGAP PhoneGap – это контейнер для приложений написанных

   на HTML/CSS/JS. NIX Solutions Ltd.

5. КАК ЭТО РАБОТАЕТ? PhoneGap – прослойка и контейнер для приложения

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

6. PHONEGAP API PhoneGap предоставляет нам доступ к нативным функциям устройства

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

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

8. PHONEGAP BUILD Сервис позволяет собрать приложение под 7 различных платформ.

   На данный момент это совершенно бесплатный сервис. Weinre (WEb INspector REmote) – встроенное средство для дебага приложений. NIX Solutions Ltd.

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

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

11. АРХИТЕКТУРА ПРИЛОЖЕНИЯ Большинство приложений работает по клиент- сервеной архитектуре. NIX

    Solutions Ltd. Приложение взаимодействует с сервером, основываясь на стандартных HTTP-запросах, JSON, REST-ful XML или SOAP (если ОС поддерживает websockets). Обычно приложение состоит из одного html документа, все данные отображаются обновляя DOM, данные получаются через AJAX.

12. ПЛАГИНЫ PHONEGAP NIX Solutions Ltd. Тяжеловесные вычисления и сложная бизнес-логика

    написанные на JS работают гараздо медленеe, чем написанные на родном языке плафтормы. Выход есть – плагины. Набор готовых плагинов: https://github.com/phonegap/phoneg ap-plugins

13. JQUERY MOBILE • Реализован на jQuery core • Совместим с

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

14. SENCHA TOUCH • Предоставляет большой набор компонентов как визуальных, так

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

15. JQUERY MOBILE И SENCHA TOUCH jQuery Mobile Sencha Touch Основа

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

16. КОГДА ИСПОЛЬЗОВАТЬ PHONEGAP? Нужно охватить как можно больше платформ Нужно

    сделать небольшое приложение Нужно сделать фронт-енд для представления данных с сервера У вас один разработчик NIX Solutions Ltd.

17. КОГДА ИСПОЛЬЗОВАТЬ НАТИВНУЮ РАЗРАБОТКУ? Разработка игр и приложений по работе

    со сложной графикой Важность скорости реакции приложения на действия пользователя NIX Solutions Ltd.

18. ПОМОЩЬ И СООБЩЕСТВО Решить возникающие при разработке проблемы можно здесь:

    http://wiki.phonegap.com – вики PhoneGap’а https://groups.google.com/group/phonegap – гугл- группа http://community.phonegap.com/nitobi – форум NIX Solutions Ltd.

19. ВОПРОСЫ? NIX Solutions Ltd. Докладчик: Дмитрий Троян Email: troyan.dmitriy@gmail.com Skype:

    dmitry.t.86

20. СПАСИБО ЗА ВНИМАНИЕ! NIX Solutions Ltd. Докладчик: Дмитрий Троян Email:

    troyan.dmitriy@gmail.com Skype: dmitry.t.86