Инфоурок Другое ПрезентацииСоздание мобильных приложений с использованием HTML5. Мода или реальная возможность? Опыт создания BitrixMobile.

Создание мобильных приложений с использованием HTML5. Мода или реальная возможность? Опыт создания BitrixMobile.

Скачать материал
Скачать материал "Создание мобильных приложений с использованием HTML5. Мода или реальная возможность? Опыт создания BitrixMobile."

Получите профессию

Секретарь-администратор

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Методические разработки к Вашему уроку:

Получите новую специальность за 3 месяца

Директор риск-менеджмента

Описание презентации по отдельным слайдам:

  • Создание мобильных приложений с использованием HTML5.Мода или реальная возмо...

    1 слайд

    Создание мобильных приложений с использованием HTML5.
    Мода или реальная возможность?
    Опыт создания BitrixMobile.
    Сергей Рыжиков

  • МобильностьФантастическая скорость 
Мобильные каналы 
Мобилизация пользовател...

    2 слайд

    Мобильность
    Фантастическая скорость
    Мобильные каналы
    Мобилизация пользователей
    Начинается эпоха 4G (LTE, Yota)
    Темпы роста продаж смартфонов: 55,5%*
    Ожидается, что продажи смартфонов в 2011 году вырастут на 24,5%.*
    * По данным исследовательской компании IDC

  • Что такое мобильное приложение?Приложение для конкретной ОС, доступное через...

    3 слайд

    Что такое мобильное приложение?
    Приложение для конкретной ОС, доступное через marketplace: iOS, Android 2x, 3x, Windows Phone7, Windows7, QNX, Linux
    Веб-сайт, доступный через браузер на мобильной платформе
    Онлайн/офлайн HTML5-приложение, интегрированное с веб-сайтом для всех ОС
    HTML5-приложение, «завернутое» и опубликованное в маркетплейсе конкретной ОС

  • Платформа для мобильных устройствРезко обостряется конкуренция в сегменте соф...

    4 слайд

    Платформа для мобильных устройств
    Резко обостряется конкуренция в сегменте софта для мобильных устройств.
    В будущем можно будет продать аппаратные устройства, мобильные устройства, «кусок облака» и сервисы от одного поставщика.

  • Технология BitrixMobileТехнология BitrixMobile позволяет быстро создавать моб...

    5 слайд

    Технология BitrixMobile
    Технология BitrixMobile позволяет быстро создавать мобильные приложения на HTML5, интегрированные с «1С-Битрикс: Управление сайтом».

    На сегодня поддерживаются iOS, Android и BlackBerry OS. Планируется поддержка Symbian.

  • Публикация приложений в App Store и MarketplaceИспользуя открытый проект Phon...

    6 слайд

    Публикация приложений в App Store и Marketplace
    Используя открытый проект PhoneGap, мобильные веб-приложения может быть опубликовано как обычная программа в Apple App Store, Android Marketplace и других каталогах мобильных приложений.


    www.phonegap.com

  • Веб-приложение для генерацииодноразовых паролей (OTP)Готовое мобильное веб-п...

    7 слайд

    Веб-приложение для генерации
    одноразовых паролей (OTP)
    Готовое мобильное веб-приложение BitrixOTP, которое включено в модуль «Проактивной защиты», может быть бесплатно загружено с сайта клиента.

    BitrixOTP опубликовано в Apple App Store(ожидает подтверждения) и Android Market (Опубликован)

  • Веб-приложение для генерацииодноразовых паролей (OTP)

    8 слайд

    Веб-приложение для генерации
    одноразовых паролей (OTP)

  • Мобильный интернет-магазинГотовый мобильный интернет-магазин, работает на iPh...

    9 слайд

    Мобильный интернет-магазин
    Готовый мобильный интернет-магазин, работает на iPhone, iPad, Android и BlackBerry.

    Пользователи могут выбрать товары в каталоге и оформить заказ со своих мобильных устройств.

    Заказы будут доступны в обычном интернет-магазине.

    Мобильная демо-версия: m.1c-bitrix.ru

  • 10 слайд

  • Формируется новый рынок для веб-студийЭто рынок мобильных приложений, написан...

    11 слайд

    Формируется новый рынок для веб-студий
    Это рынок мобильных приложений, написанных на HTML5, работающих в обычном браузере, на планшетах, на мобильных телефонах.

    В отличие от WAP-версий, используют обычный контент сайта без модификации под мобильное устройство.

    Используют весь имеющийся потенциал веб-студий: дизайн, верстка, программирование, интеграция с сайтом.

  • Мобильный интернет магазин онлайнСайт или папка со структурой страниц для моб...

    12 слайд

    Мобильный интернет магазин онлайн
    Сайт или папка со структурой страниц для мобильного магазина.
    Шаблон сайта «mobile»:
    jQuery Mobile – javascript библиотека для создания внешнего вида мобильного приложения.
    шаблоны компонентов каталога, новостей, поиска, корзины, оформления заказа, персонального раздела, авторизации, …
    Определение мобильного браузера и перенаправление в мобильный магазин (с возможностью возврата в основной сайт).
    Онлайн магазин – обычный сайт с мобильным интерфейсом. Позволяет сделать навигацию по сайту с мобильных устройств более удобно и в привычном для устройств интерфейсе.

  • jQuery MobileОснован на jQuery.
Автоматическая генерация интерфейса, на основ...

    13 слайд

    jQuery Mobile
    Основан на jQuery.
    Автоматическая генерация интерфейса, на основании атрибута “data-role”.
    События для устройств (tap, swipe).
    Поддержка основных платформ (iOS, Android, Blackberry, Palm WebOS, Nokia/Symbian, Windows Mobile, bada, MeeGo)
    Ajax, history, back
    Окна, элементы управления, эффекты
    Пока альфа 3
    <div data-role="page"> <div data-role="header">...</div> <div data-role="content">...</div> <div data-role="footer">...</div> </div>

  • Переходим в офлайнApplication Cache – технология HTML5, 
позволяющая закеширо...

    14 слайд

    Переходим в офлайн
    Application Cache – технология HTML5,
    позволяющая закешировать набор страниц,
    скриптов, ресурсов для использовании в офлайн.
    Список файлов приложения и правила обработки
    режимов расположен в manifest файле.
    Ссылка на манифест в страницах.



    BitrixMobile – автоматическая генерация манифеста.

  • Переходим в офлайнПри первом открытии страницы в кеш 
загружаются все по ссыл...

    15 слайд

    Переходим в офлайн
    При первом открытии страницы в кеш
    загружаются все по ссылкам из манифеста.

    На каждый хит к страницам приложения
    браузер, если онлайн, запрашивает манифест
    и если содержание манифеста изменилось,
    перечитывает все приложение в кеш
    (+ генерирует события).

  • Переходим в офлайнDatabase Storage – технология HTML5 для сохранения данных в...

    16 слайд

    Переходим в офлайн
    Database Storage – технология HTML5 для сохранения данных в локальной БД браузера.
    Похоже на cookies, только в виде реляционной БД.
    По умолчанию 5Mb, но можно увеличить параметром при открытии БД.
    Пока в Webkit.
    Session Storage – для хранения информации в рамках сессии, Local Storage – хранение простых данных (строк, чисел).
    BitrixMobile – javascript API для работы с БД.




  • Переходим в офлайн

    17 слайд

    Переходим в офлайн




  • Компоненты с поддержкой офлайн*Компоненты, предназначенные для возможности ра...

    18 слайд

    Компоненты с поддержкой офлайн*
    Компоненты, предназначенные для возможности работы без подключения к интернет.

    Особенности:
    Не имеют «хитов», вся навигация происходит на Javascript в рамках одной (нескольких) страниц, расположенных в Application cache.
    Загружают всю необходимую (измененную) информацию при подключении в локальную БД.
    Генерируют внешний вид на Javascript (не скачивают готовый html с сервера), выбирая данные из локальной БД.
    * в разработке, выход к апрелю с BitrixMobile для КП

  • Делаем приложениеСамый простой способ – сделать офлайн приложение и разместит...

    19 слайд

    Делаем приложение
    Самый простой способ – сделать офлайн приложение и разместить ссылку на его запуск в браузере.

    Путь к иконке в заголовке.


    Для iPhone, в режиме запуска с рабочего стола, можно
    прятать строку ввода URL и статус бар.



    - Следующий шаг – создание native приложения для каждой платформы.

  • Изготовление мобильного приложенияPhoneGap - платформа для создания нативных...

    20 слайд

    Изготовление мобильного приложения
    PhoneGap - платформа для создания нативных
    приложений для различных мобильных устройств.

  • Изготовление мобильного приложенияPhoneGap позволяет на Javascript 
обращатьс...

    21 слайд

    Изготовление мобильного приложения
    PhoneGap позволяет на Javascript
    обращаться к оборудованию
    телефона (sms, gps, camera, …).

  • Изготовление мобильного приложенияДля создания приложения, необходимо в проек...

    22 слайд

    Изготовление мобильного приложения
    Для создания приложения, необходимо в проекте phonegap разместить ваше HTML приложение в папку www, сконфигурировать проект (версии, ресурсы, требуемые ресурсы) и собрать.
    После сборки приложение может быть опубликовано в каталогах производителей мобильных устройств.
    AppStore:
    Зарегистрируйтесь в iPhone Developer Program. (>неделя)
    Соберите приложение по правилам phonegap.
    Заполните карточку приложения.
    Отправьте на проверку (>неделя)
    http://www.phonegap.com/start

    Android market:
    Зарегистрируйтесь в Android market.
    Соберите приложение по правилам phonegap.
    Заполните карточку приложения.
    Опубликуйте

  • Приложение OTPОфлайн HTML5 приложение для генерации одноразовых паролей.
Нахо...

    23 слайд

    Приложение OTP
    Офлайн HTML5 приложение для генерации одноразовых паролей.
    Находится в /bitrix/otp/ при установленном модуле «Проактивной защиты», может использоваться как пример и отравная точка для создания автономного html приложения.
    В ближайшее время будет опубликовано в Apple AppStore и Android Market (на утверждении).

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

    24 слайд


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

Получите профессию

Технолог-калькулятор общественного питания

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Скачать материал

Найдите материал к любому уроку, указав свой предмет (категорию), класс, учебник и тему:

6 626 985 материалов в базе

Скачать материал

Другие материалы

Вам будут интересны эти курсы:

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.

  • Скачать материал
    • 01.10.2020 202
    • PPTX 3.6 мбайт
    • Оцените материал:
  • Настоящий материал опубликован пользователем Шерстобитова Елена Васильевна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт

    Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.

    Удалить материал
  • Автор материала

    Шерстобитова Елена Васильевна
    Шерстобитова Елена Васильевна
    • На сайте: 3 года и 3 месяца
    • Подписчики: 0
    • Всего просмотров: 76446
    • Всего материалов: 219

Ваша скидка на курсы

40%
Скидка для нового слушателя. Войдите на сайт, чтобы применить скидку к любому курсу
Курсы со скидкой

Курс профессиональной переподготовки

Методист-разработчик онлайн-курсов

Методист-разработчик онлайн-курсов

500/1000 ч.

Подать заявку О курсе
  • Сейчас обучается 70 человек из 35 регионов

Курс профессиональной переподготовки

Руководство электронной службой архивов, библиотек и информационно-библиотечных центров

Начальник отдела (заведующий отделом) архива

600 ч.

9840 руб. 5900 руб.
Подать заявку О курсе

Курс профессиональной переподготовки

Библиотечно-библиографические и информационные знания в педагогическом процессе

Педагог-библиотекарь

300/600 ч.

от 7900 руб. от 3950 руб.
Подать заявку О курсе
  • Сейчас обучается 457 человек из 66 регионов

Курс профессиональной переподготовки

Организация деятельности библиотекаря в профессиональном образовании

Библиотекарь

300/600 ч.

от 7900 руб. от 3950 руб.
Подать заявку О курсе
  • Сейчас обучается 281 человек из 66 регионов

Мини-курс

Особенности патриотического воспитания

3 ч.

780 руб. 390 руб.
Подать заявку О курсе

Мини-курс

Психология и профессиональное развитие

6 ч.

780 руб. 390 руб.
Подать заявку О курсе

Мини-курс

Аномальное психологическое развитие и психологическая травма

6 ч.

780 руб. 390 руб.
Подать заявку О курсе
  • Сейчас обучается 27 человек из 14 регионов