Программируем back-end: функции, события, особенности мобильного приложения

1,093 views

Published on

Программируем back-end: функции, события, особенности мобильного приложения, Константин Лихачев

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,093
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Сматрфоны и планшеты становятся все более популярными инструментами для получения и потребления информации
    По данным IDC, рынок ПК сокращается в два раза быстрее, чем ожидалось.
  • Информирование граждан о государственных услугах и местах их предоставления
    Обеспечение доступа к наиболее востребованным услугам (на примере штрафов ГИБДД)
    Участие граждан в улучшении жизни города, края, области
    Мобильный справочник городских объектов и телефонов доверия
    Решение ориентировано на администрации города, края, области
    Мобильное приложение для сайта государственной организации – это не только возможность получать популярные электронные услуги в любой точке планеты, где есть доступ к сети Internet, но и активно участвовать в диалоге с властями, быть в курсе важных событий и легко планировать свой досуг.
  • Программируем back-end: функции, события, особенности мобильного приложения

    1. 1. Программируем back-end
    2. 2. Как? Ничего нового - все по старому* • Компоненты • Шаблоны * - но есть особенности 2
    3. 3. Начинаем 1. Отдельный шаблон 2. Папка приложения • config.php (настройка приложения) • settings.php (настройка внешнего вида) • меню Отдельный сайт не нужен! Пример: http://dev.1c-bitrix.ru/community/blogs/carter/bitrix-mobile-config.php 3
    4. 4. Особенности 1. Открытие ссылок 2. Кеширование 3. Связь между окнами 4. Новые возможности (bitrix mobile api) 4
    5. 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. 6. Кеширование Содержимое окон кешируется. Выключить кеш - просто не указывать data-pageid в меню 6
    7. 7. Кеширование - формы Помните про формы и другой интерактив Поменяли содержимое страницы - не забудьте восстановить status quo 7
    8. 8. События Восстанавливаем содержимое страницы - onOpenPageBefore: 1. Показать форму 2. Сбросить значения полей Все доступные события: http://dev.1c-bitrix.ru/api_help/bitrixmobile/events/index.php 8
    9. 9. Пользовательские события Свои события - легко! •Генерируем: app.onCustomEvent('onSomeEvent', {/* event data */}); •Ловим: BX.addCustomEvent('onFeedbackThemeSelect', function(data){ /* some actions */ }); Обработчики могут быть вложенными 9
    10. 10. Пользовательские события - Пример Возврат на 2 страницы назад При выборе темы генерируем событие И обрабатываем его в предыдущем окне 10
    11. 11. Топбар и кнопки Стандартные иконки: • plus • back • refresh • users • cart Можно свои 11
    12. 12. Топбар и кнопки Как: • Добавляем тип в settings.php • Используем его в addButtons 12
    13. 13. Фото Параметры: • source: 0 - выбрать из альбома, 1 - сделать фото • saveToPhotoAlbum: сохранить альбом (актуально для source = 1) • targetWidth и targetHeight: макс. размеры • quality: качество фото (не ставьте больше 40) • callback: обработка фотографии (отправка на сервер и пр.) Как отправить фото? Используйте FileTransfer (есть в Bitrix Mobile) 13
    14. 14. Автобусы Кирова
    15. 15. Мобильное приложение с информацией о работе общественного транспорта в г. Киров • Расписание автобусов/троллейбусов, маршруты, остановки, расчетное время прибытия. • Правила пользования, обратная связь.
    16. 16. Что использовали? • Геолокация - определяем местоположение пользователя, показываем его на карте, находим ближайшие остановки. • Google Maps Javascript API - работа с картой: отображение машин, маршрутов движения, остановок. • Доступ к камере - возможность вложить фото в сообщение обратной связи.
    17. 17. Ближайшие остановки / поиск
    18. 18. Ближайшие остановки / поиск
    19. 19. Машины на карте (ГЛОНАСС)
    20. 20. Расписание движения
    21. 21. Обратная связь / фото 21
    22. 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. 23. Константин Лихачев Медиа-Сервис г. Киров, ул. Московская, 25-г e-mail: likhachev@smedia.ru +7 (8332) 35-18-86 http://smedia.ru http://bxmobile.ru 23

    ×