$30 off During Our Annual Pro Sale. View Details »

ThinkPHP #1: PhoneGap

ThinkPHP #1: PhoneGap

thinkphp_com_ua

May 31, 2012
Tweet

More Decks by thinkphp_com_ua

Other Decks in Programming

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: [email protected]
    Skype: dmitry.t.86

    View Slide

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

    View Slide