Мобильные приложения: разработка для платформы «1С-Битрикс»

Мобилизация
Современные мобильные платформы: iPhone 3 и 4, iPad, Windows Phone 7, Android, Blackberry, Symbian

Особенности приложений для мобильных устройств
Низкое разрешение (240х400, 320х480, 480х800, 640х960 – iPhone4,1024х768 - iPad):
Требуется экономия пространства на экране
Меньше информации доступно сразу
Маленький экран (2-5 дюймов, 9.7 - iPad):
Экономия места
Больше размер информации
Ограниченная точность попадания (пальцем):
Большие кнопки или пункты меню
«Листалки»
Особенности интерфейсов:
Эффекты UI
Красивый и интерактивный интерфейс

Варианты работы с мобильными устройствами
Нативное приложение
Мобильный браузер
Мобильная версия сайта
Автономное веб-приложение
Нативное веб приложение

Мобильный браузер
Во всех современных мобильных платформах есть браузер
Делать особенного ничего не нужно, возможно учесть особенности работы в мобильных браузерах, работы с hover, onmousemove и т.п.
Достоинства:
Единожды качественно разработанный сайт будет работать для всех: мобильных и десктопных
Недостатки:
Неудобно использовать
Не наш вариант - не современно и не интересно

Нативные приложения
Приложения разработанные под конкретные платформы, с использованием их SDK.
Достоинства:
Оптимально работают с данным типом устройств, производительность
Не требуется Интернет подключение
Поддерживают все оборудование (камера, GPS, телефон)
Интерфейс унифицирован для платформы
Недостатки:
Сложность адаптации приложения под несколько платформ
Сложность разработки
Относительно сложно распространять и обновлять приложение
Мы веб разработчики – не наш вариант

Мобильная версия сайта
Сайт, содержащий минимум дизайна и специально разработан для отображения в мобильных браузерах.
Существуют свободные библиотеки, позволяющие при помощи HTML5+JavaScript+CSS приблизить интерфейс к нативному для мобильных устройств (Jquery mobile, JQTouch, Sencha, iUI, xUI).
Как правило определяется доступ с мобильного браузера и идет перенаправление на мобильную версию сайта (типа m.site.ru).
Достоинства:
Простота производства, не требуется новых знаний
Сразу заработает под большинство устройств
Не нужно распространять через *store.
Недостатки:
Необходим доступ к интернет
Нет возможности работы с оборудованием устройств

Создание мобильной версии сайта
Необходимо создать сайт или специальный «/m/» раздел на сайте, где необходимо расположить структуру (разделы, страницы и меню) мобильной версии сайта. Для страниц необходимо установить минималистичный шаблон сайта и использовать специальные мобильные версии шаблонов компонент.
Платформа «1С-Битрикс»:
Решение для создания мобильной версии сайта
Шаблоны компонент для мобильной версии сайта
Автоматическое определение доступа с мобильного устройства
«Мобильный» шаблон сайта

Jquery mobile

Автономные веб-приложения
Веб-приложения html+javascript, которые используют возможности HTML 5, для того чтобы максимально быть визуально похожи на нативные приложения и работать автономно (без подключения к интернет):
Клиентский Database storage API
Application cache
Webkit расширения
Достоинства:
Все достоинства мобильных сайтов
Не требуется постоянное интернет-подключение
Недостатки:
Нет доступа к устройствам (камера, телефон, gps, адресная книга)
Невозможно создать некоторые приложения (игры)

Создание веб-приложений
Исполняемые файлы приложения с содержанием разметки приложения, страниц, ссылок на ресурсы
Ресурсы: JavaScript, CSS файлы, изображения
Файл манифеста (называется по ссылке из исполняемого html файла ) :
нужен для указания файлов (страниц и ресурсов, которые необходимо разместить в Application Cache браузера)
содержит указание хэшей для автоматического обновления файлов в Application Cache
Принцип и последовательность работы веб-приложения:
Мобильное устройство запрашивает приложение по адресу
Затем приложение скачивается, для него создается Application Cache, в котором оно будет храниться
Приложение (html) отображается браузером, запускается JavaScript
JavaScript скачивает необходимую информацию с сервера (HTTPRequest)
Полученная информация сохраняется в локальную БД
Приложение отображает информацию из локальной БД

«Платформа 1C-Битрикс» для создания мобильных веб-приложений
Специально разработанный API для создания клиент-серверных мобильных веб-приложений:
Поддержка авторизации
Обмен данными
Мобильный интерфейс
Хранилище данных на клиенте
Поддержка обновления и работе в офлайн
Для создания веб-приложений с обменом данных с сайтом или КП.

Нативные веб-приложения
Приложения, написанные с использованием HTML+JavaScript+CSS, но «обернутые» в нативное приложение-оболочку (а не браузер).
Приложения становятся абсолютно идентичные нативным, их можно размещать в *store.
Появляется возможность через Javascript обращаться к оборудованию устройства.
Достоинства:
Все достоинства веб-приложения
Поддержка
Недостатки:
Доставка через *store
Невозможно написать некоторые приложения (игры, например)

Нативные веб-приложения: PhoneGap
Создание приложения для iPhone, iPad:
Необходимо получить сертификат iOS Developer и располагать MacOS X и установленным iPhone SDK
Настроить в соответствие с инструкцией phonegap
Разместить приложение в папку www
Настроить конфиг приложения
Подать заявку на размещение в AppStore
Создание приложения для Android и других платформ на phonegap.com
http://habrahabr.ru/tag/phonegap/

API для созданий мобильных сайтов и приложений
Примеры шаблонов компонентов, решение мобильный сайт
Поддержка мобильных браузеров
Веб-приложения:
Каталог товаров, с эл. магазином
Одноразовые пароли для безопасной авторизации
Мобильный КП: контакты, задачи, сообщения, блоги, новости, работа со структурой компании.
Планы для версии 10.0