Программируем back-end

2 Компоненты Шаблоны Ничего нового - все по старому* * - но есть особенности Как?

3 1. Отдельный шаблон 2. Папка приложения config.php (настройка приложения) settings.php (настройка внешнего вида) меню Начинаем Отдельный сайт не нужен! Пример: config.phphttp://dev.1c-bitrix.ru/community/blogs/carter/bitrix-mobile- config.php

4 1. Открытие ссылок 2. Кеширование 3. Связь между окнами 4. Новые возможности (bitrix mobile api) Особенности

5 Как открывать? Ссылки app.loadPageBlank({url: /path/to/page.html}) - добавляет в стек app.loadPageStart({url: /path/to/page.html}) - начинает новый Встроенный браузер app.openUrl( ) Просмотр документов app.openDocument({url: /upload/file.doc })

6 Содержимое окон кешируется. Кеширование Выключить кеш - просто не указывать data-pageid в меню

7 Помните про формы и другой интерактив Кеширование - формы Поменяли содержимое страницы - не забудьте восстановить status quo

8 Восстанавливаем содержимое страницы - onOpenPageBefore: 1. Показать форму 2. Сбросить значения полей События Все доступные события:

9 Свои события - легко! Генерируем: app.onCustomEvent('onSomeEvent', {/* event data */}); Ловим: BX.addCustomEvent('onFeedbackThemeSelect', function(data){ /* some actions */ }); Пользовательские события Обработчики могут быть вложенными

10 Возврат на 2 страницы назад Пользовательские события - Пример При выборе темы генерируем событие И обрабатываем его в предыдущем окне

11 Топбар и кнопки Стандартные иконки: plus back refresh users cart Можно свои

12 Топбар и кнопки Как: Добавляем тип в settings.php Используем его в addButtons

13 Фото Параметры: source: 0 - выбрать из альбома, 1 - сделать фото saveToPhotoAlbum: сохранить альбом (актуально для source = 1) targetWidth и targetHeight: макс. размеры quality: качество фото (не ставьте больше 40) callback: обработка фотографии (отправка на сервер и пр.) Как отправить фото? Используйте FileTransfer (есть в Bitrix Mobile)

Автобусы Кирова

Мобильное приложение с информацией о работе общественного транспорта в г. Киров Расписание автобусов/троллейбусов, маршруты, остановки, расчетное время прибытия. Правила пользования, обратная связь.

Геолокация - определяем местоположение пользователя, показываем его на карте, находим ближайшие остановки. Google Maps Javascript API - работа с картой: отображение машин, маршрутов движения, остановок. Доступ к камере - возможность вложить фото в сообщение обратной связи. Что использовали?

Ближайшие остановки / поиск

Машины на карте (ГЛОНАСС)

Расписание движения

21 Обратная связь / фото

22 Доки, мануалы Что почитать? - официальная документация 1С-Битрикс /bitrix/modules/mobileapp/install/js/mobileapp/bitrix_mobile.js - неофицальная документация :) Любой КП, папка /mobile/, модуль eshopapp для БУС - примеры использования API - официальная документация phoneGAPhttp://docs.phonegap.com/en/3.1.0/index.html - блог Евгения Петриченко

23 Константин Лихачев Медиа-Сервис г. Киров, ул. Московская, 25-г +7 (8332)