'

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

Понравилась презентация – покажи это...





Слайд 0

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


Слайд 1

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


Слайд 2

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


Слайд 3

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


Слайд 4

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


Слайд 5

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


Слайд 6

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


Слайд 7

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


Слайд 8

Jquery mobile


Слайд 9

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


Слайд 10

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


Слайд 11

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


Слайд 12

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


Слайд 13

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


Слайд 14

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


Слайд 15

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


×

HTML:





Ссылка: