'

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

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





Слайд 0

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


Слайд 1

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


Слайд 2

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


Слайд 3

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


Слайд 4

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


Слайд 5

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


Слайд 6

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


Слайд 7

8 Восстанавливаем содержимое страницы - onOpenPageBefore: Показать форму Сбросить значения полей События Все доступные события: http://dev.1c-bitrix.ru/api_help/bitrixmobile/events/index.php


Слайд 8

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


Слайд 9

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


Слайд 10

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


Слайд 11

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


Слайд 12

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


Слайд 13

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


Слайд 14

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


Слайд 15

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


Слайд 16

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


Слайд 17

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


Слайд 18

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


Слайд 19

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


Слайд 20

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


Слайд 21

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


Слайд 22

23 Константин Лихачев Медиа-Сервис г. Киров, ул. Московская, 25-г e-mail: likhachev@smedia.ru +7 (8332) 35-18-86 http://smedia.ru http://bxmobile.ru


×

HTML:





Ссылка: