Мобильные приложения: разработка для платформы «1С-Битрикс» Юрий Тушинский Технический директор «Битрикс» - презентация

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

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

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

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

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

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

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

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

9 Jquery mobile

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

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

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

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

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

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

16 Спасибо за внимание! Вопросы?