«Open Tracker: как разработать Android-приложение для автоматического трекинга коммерческих представителей. Часть 2»

Введение

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

Дизайн и структура интерфейса

UI приложения разработан с учетом минималистичного подхода, так как основная функциональность работает в фоновом режиме. Приложение использует темную тему и состоит из трех основных экранов:

1. OverView — главный информационный экран

2. Log — журнал событий

3. Settings — настройки приложения

Навигация между экранами реализована с помощью Bottom Navigation Bar, что обеспечивает интуитивно понятное взаимодействие.

Экран OverView

На главном экране отображается:

• Статус трекера (Запущен/Ожидает/Остановлен)

• Время последнего получения координат GPS

• Время последнего определения сотовых вышек (в текущей версии не используется)

• Статус пакетов данных (готовы к отправке или отправлены)

Особенность: кнопка для немедленной отправки накопленных пакетов, что полезно для тестирования и отладки (в текущей версии не используется).

Экран Log

Журнал событий отображает последние 60 записей с визуальными метками:

• GPS — получение координат

• GSM — данные сотовых вышек

• LOG — системные события

Экран Settings

Настройки включают:

• Поля для ввода логина, пароля и адреса сервера

• Переключатель постоянного трекинга (только для тестовых целей)

Работа с системными разрешениями

Для корректной работы приложения требуются следующие разрешения:

• POST_NOTIFICATIONS (уведомления)

• ACCESS_FINE_LOCATION (точное местоположение)

• ACCESS_BACKGROUND_LOCATION (геолокация в фоне)

• REQUEST_IGNORE_BATTERY_OPTIMIZATIONS (отключение оптимизации батареи)

При первом запуске пользователь последовательно проходит через два экрана:

1. PermissionScreen — запрос необходимых разрешений

2. BatteryOptScreen — настройки оптимизации батареи

Только после предоставления всех необходимых разрешений становится доступен главный экран приложения. Ниже показан код реализации такого поведения.

@Composable fun TrackerApp() {     TrackerTheme {         val context = LocalContext.current         var showPermissionScreen by remember {             mutableStateOf(!context.hasAllPermissions())         }          var showBatteryOptScreen by remember {             mutableStateOf(context.isBatteryOptimizationEnabled())         }           when {             showPermissionScreen -> {                 PermissionScreen(                     onDismiss = { showPermissionScreen = false },                     onOpenSettings = { context.openAppSettings() }                 )             }              showBatteryOptScreen -> {                 BatteryOptScreen (                     onDismiss = { showBatteryOptScreen = false },                     onOpenBatteryOptSettings = { context.openBatteryOptimizationSettings() }                 )             }              else -> {                 MainScreen()             }         }     } }

Взаимодействие между Service и UI

Для передачи данных между фоновым сервисом и пользовательским интерфейсом используются:

• В Service: два StateFlow (trackerState, trackerHistory)

• В ViewModel: соответствующие StateFlow (uiOverView, uiHistory)

Механизм обмена данными:

1. В ViewModel происходит подключение к Service

2. Запускаются корутины для сбора данных из StateFlow Service

3. Данные трансформируются и передаются в StateFlow ViewModel

4. UI-компоненты подписываются на StateFlow ViewModel для отображения информации

private val connection = object : ServiceConnection {         override fun onServiceConnected(className: ComponentName, service: IBinder) {             val binder = service as TrackerService.LocalBinder             boundService = binder.getService()             isBound = true                          // Подписываемся на изменения состояния сервиса             viewModelScope.launch {                 boundService?.trackerState?.collect { trackerState ->                     _uiOverView.value = trackerState                 }             }              viewModelScope.launch {                 boundService?.trackerHistory?.collect{ history->                     _uiHistory.value = history                  }             }         }          override fun onServiceDisconnected(arg0: ComponentName) {             isBound = false             boundService = null         }     }

Заключение

Во второй части статьи мы рассмотрели:

1. Минималистичный дизайн интерфейса, оптимизированный для фоновой работы

2. Три основных экрана приложения и их функциональность

3. Систему запроса и обработки необходимых разрешений

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

Ключевые преимущества реализованного решения:

• Простота использования: минимальное взаимодействие с пользователем

• Наглядность: четкая визуализация статусов и событий

• Гибкость: возможность расширения функциональности

Перспективы развития:

• Реализация полноценной системы аутентификации

• Добавление аналитики маршрутов

Исходный код проекта доступен на GitHub

Приложение Open Tracker демонстрирует, как современные Android-технологии (Compose, StateFlow, корутины) позволяют создавать эффективные решения для бизнес-задач. Разработанная архитектура может служить основой для создания подобных систем трекинга.