Презентация на тему BitrixMobile

Презентация на тему BitrixMobile, предмет презентации: Шаблоны, картинки для презентаций. Этот материал содержит 18 слайдов. Красочные слайды и илюстрации помогут Вам заинтересовать свою аудиторию. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций ThePresentation.ru в закладки!

Слайды и текст этой презентации

Слайд 1
Текст слайда:


BitrixMobile

Юрий Тушинский
Технический директор
Битрикс


Слайд 2
Текст слайда:

Bitrix + Mobile = BitrixMobile

Онлайн версия сайта
Офлайн версия сайта
Приложение для Android, iPhone


Слайд 3
Текст слайда:

HTML 5

Локальные хранилища.
Database storage API.
Офлайн кеш (Application Cache).
Webkit расширения.


Слайд 4
Текст слайда:

JQueryMobile

Интерфейс для мобильных устройств.
Эффекты переходов между страницами, окна.
JavaScript события (tap, swipe, orientationchange, …).


Слайд 5
Текст слайда:

PhoneGap

Набор инструментов для создания приложений к различным устройствам на основе браузера.
Мастера, настроенные проекты, инструкции.
Javascript библиотека для доступа к оборудованию мобильного устройства – камера, адресная книга, вибрация, SMS и т.п.


Слайд 6
Текст слайда:

Онлайн версия мобильного сайта

Шаблоны
Компоненты
Используем jQueryMobile.
Пример – мобильный интернет магазин
Необходимо создать сайт или специальный «/m/» раздел на сайте, где необходимо расположить структуру (разделы, страницы и меню) мобильной версии сайта. Для страниц необходимо установить минималистичный шаблон сайта и использовать специальные мобильные версии шаблонов компонент.


Слайд 7
Текст слайда:

Офлайн версия сайта (веб-приложения)

Загружает все необходимое при первом входе на основе манифеста офлайн приложения
Все данные загружаются JavaScript-ом (AJAX) с сайта через специальный скрипт (веб-сервис) на сайте.
Можно использовать шаблоны сайтов, php.
Пример: /bitrix/otp/
Файл манифеста (по ссылке из исполняемого html файла ) :
нужен для указания файлов (страниц и ресурсов, которые необходимо разместить в Application Cache браузера)
содержит указание хэшей для автоматического обновления файлов в Application Cache




Слайд 8
Текст слайда:

Мобильное приложение

Необходимо собрать автономный комплект javascript-ов, html-страниц, ресурсов (css, png, …).
Никакого PHP, и динамически собираемых страниц по шаблону - все на клиенте!
Общение с сервером через AJAX с указанным URL.


Слайд 9
Текст слайда:

Мобильное приложение - Android

Необходимо установить PhoneGap, Eclipse, Android SDK.
Создать новый Phonegap проект, настроить его.
Разместить приложение в папку /assets/www
Скомпилировать и протестировать.
Зарегистрироваться на сайте http://market.android.com/ как разработчик.
Заполнить профиль компании.
Заполнить карточку приложения.
Опубликовать приложение.
Потом аналогично можно публиковать новые версии.


Слайд 10
Текст слайда:

Мобильное приложение - iOS

Необходимо зарегистрироваться на Apple Developer Portal…
Скачать Xcode
Установить PhoneGap
Создать проект
Разместить приложение в www
Протестировать на эмуляторе, на устройстве
Опубликовать в AppStore (после утверждения)


Слайд 11
Текст слайда:

BitrixMobile

Javascript библиотека:
Классы для работы с локальным хранилищем и ORM.
Исправления для jQueryMobile – поддержка динамических приложений, эффекты, история и “Back”.
PHP библиотека и поддержка в продукте:
Синхронизация
Авторизация
Режим веб-приложений


Слайд 12
Текст слайда:

Получение данных и синхронизация

BitrixMobile включает в себя ORM:
поддерживающую автоматическое создание таблиц для хранения данных для офлайн использования.
выборку (GetList) и создания объектов данных.
синхронизацию данных с сервером.


Слайд 13
Текст слайда:

BitrixMobile – шаблон мобильного компонента

Шаблон содержит разметку для jQueryMobile, описывает структуры данных и JavaScript код для логики приложения.


Слайд 14
Текст слайда:

BitrixMobile – шаблон мобильного компонента

Шаблон описывает структуры используемых данных:

Код для инициализации:


Слайд 15
Текст слайда:


Шаблон содержит код логики приложения:


Слайд 16
Текст слайда:

BitrixMobile – Компоненты для приложений

Компонент содержит код для выборки необходимых данных и передачи в устройство только измененной информации.

1

2

3

4


Слайд 17
Текст слайда:

Что дальше?

Мобильная версия КП
Мобильное приложение КП
Пример мобильного приложения интернет-магазина
Применение технологии не только для мобильных устройств, но и для приложений (Chrome Apps)


Слайд 18
Текст слайда:

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


Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.


Для правообладателей

Яндекс.Метрика