ThinkPHP #1: PhoneGap

Transcript

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

20. СПАСИБО ЗА ВНИМАНИЕ!
    NIX Solutions Ltd.
    Докладчик: Дмитрий Троян
    Email: troyan.dmitriy@gmail.com
    Skype: dmitry.t.86
    

    View Slide