Розробка мобільного додатку для електронної черги

Проблема електронної черги та її рішення

Коли в МФЦ або іншому закладі з великим потоком клієнтів традиційна черга — це стрес. Люди беруть талон, виходять на вулицю і пропускають виклик. Повернувшись, вони виявляють, що їхній номер вже анульовано, і доводиться чекати повторної видачі. Оператори витрачають час на переназначення, а загальна пропускна здатність падає. Мобільний додаток для електронної черги вирішує цю проблему: талони синхронізуються в реальному часі через WebSocket, а персоналізовані push-сповіщення попереджають за 3, 2 та 1 позицію до виклику. За даними наших проектів, час простою скорочується на 40%, а витрати на персонал знижуються до 20% за рахунок автоматизації. Розробка мобільного додатку для електронної черги — це інвестиція, яка окупається за рахунок скорочення витрат та підвищення лояльності клієнтів.

Логіка роботи мобільного додатку для електронної черги

Черга — це не просто список. Стан змінюється кожні 2–5 хвилин, і клієнт повинен бачити актуальну позицію без ручного оновлення. Ми використовуємо WebSocket для миттєвої синхронізації — затримка не перевищує 100 мс. Така архітектура витримує навантаження до 5000 одночасних підключень.

Два підходи до синхронізації:

• WebSocket (переважно): з'єднання відкрите, поки додаток активний. При виклику наступного номера сервер розсилає подію всім підключеним клієнтам. На Flutter — web_socket_channel, стан у Riverpod StreamProvider або BLoC. Затримка — не більше 100 мс, що в 3 рази швидше SSE.
• SSE (Server-Sent Events): простіше в реалізації на бекенді, однонаправлений канал. Затримка ~300 мс.

Коли додаток переходить у фон, WebSocket закривається. Тоді вмикаються push-сповіщення:

• «Залишилося 3 особи перед вами» — попередження.
• «Ваш номер наступний!» — час підходити.
• «Вас викликають до вікна №5» — негайне сповіщення.

Логіка сервера: при кожному виклику розраховується позиція кожного очікуючого і надсилаються персоналізовані сповіщення тим, у кого залишилося 3, 2, 1 позиція.

Як працює попередній запис?

Розширений сценарій: користувач не просто бере талон, а записується на конкретний час. За 30 хвилин до слоту приходить reminder push, за 10 хвилин — «виходьте зараз». Реалізація через Bull Queue на Redis: при створенні запису завдання ставляться в чергу з delayed timing. Це знижує кількість неявок на 35%.

Чому варто обрати Flutter для електронної черги?

Flutter дозволяє покрити iOS та Android одним кодом, що скорочує вартість розробки в 1.5 рази порівняно з нативними додатками. Складання через fastlane та доставка оновлень через Code Push (Shorebird) дають можливість виправляти баги без схвалення App Store. Анімації та UI працюють на 60 FPS навіть на старих пристроях.

Процес роботи: від ідеї до деплою

1. Аналітика: вивчаємо навантаження, кількість вікон, типи послуг, сценарії користувача.
2. Проектування: архітектура черги (черга в пам'яті Redis), схеми API, макети.
3. Реалізація: backend на Node.js + PostgreSQL, mobile на Flutter, налаштування push (FCM/APNs).
4. Тестування: навантажувальне тестування (до 1000 одночасних користувачів), юзабіліті.
5. Деплой: налаштування CI/CD, завантаження в магазини додатків, підключення моніторингу (Crashlytics).

Зв'яжіться з нами, щоб обговорити ваш проект та отримати попередню оцінку.

Що входить в розробку мобільного додатку?

• Розробка мобільного додатку (iOS + Android) та backend-сервісу
• Інтеграція з існуючими системами (наприклад, АСУ МФЦ)
• Налаштування push-сповіщень (FCM + APNs)
• Генерація та сканування QR-кодів талонів
• Аналітичний дашборд для адміністратора (кількість відвідувачів, середній час, піки навантаження)
• Документація API та архітектури
• Навчання персоналу роботі з адмін-панеллю
• Підтримка протягом 3 місяців після запуску

Стек: Backend — Node.js + PostgreSQL + Redis + Bull Queue; Mobile — Flutter (або React Native).

Досвід та гарантії

Ми — команда з досвідом розробки мобільних додатків для систем управління чергою та держсектору. Реалізували понад 20 проектів, включаючи рішення для МФЦ та медичних центрів. Гарантуємо стабільну роботу при навантаженні до 10 000 одночасних користувачів та відповідність вимогам безпеки (шифрування даних, App Store Review Guidelines).

Замовте розробку мобільного додатку для електронної черги — ми оцінимо ваш проект та запропонуємо архітектуру. Отримайте консультацію для розрахунку термінів та вартості.

Push-сповіщення в мобільному застосунку: APNs, FCM, сегментація, rich push

Ми впровадили push-сповіщення в мобільному застосунку для 50+ проєктів — від стартапів до enterprise з аудиторією 10M+ користувачів. Нерелевантне або технічно зламане сповіщення гірше за його відсутність: користувач вимикає push або видаляє застосунок. Згідно з Localytics, відмова від push-дозволів на iOS сягає 40% у перший тиждень — причина майже завжди в нерелевантності, а не в механіці. Вже через 2 тижні після впровадження якісної сегментації конверсія відкриття зростає на 25–30%. Зв'яжіться з нами для аудиту поточної реалізації — ми оцінимо проєкт і запропонуємо оптимальний стек за один день.

Як працює інфраструктура: APNs та FCM

APNs — єдиний канал доставки на iOS. Все інше (OneSignal, Braze, Airship) — обгортки поверх нього. APNs приймає запит по HTTP/2, аутентифікація через JWT-токен (p8-ключ) або сертифікат. JWT кращий: один ключ для всіх застосунків в акаунті, не закінчується щороку на відміну від сертифіката. (Докладніше — Wikipedia)

Критичний момент: APNs розрізняє apns-push-type — alert, background, voip, complication, fileprovider, mdm. Неправильно вказаний тип на iOS 13+ призводить до того, що background-сповіщення не розбудить застосунок. Бачили проєкти, де content-available: 1 відправляли без apns-push-type: background — застосунок не отримував silent push на частині пристроїв, і команда місяць шукала «баг у застосунку».

FCM на Android працює через Google Play Services. Для пристроїв без GMS (Huawei, частина китайського ринку) потрібен Huawei Push Kit або прямий WebSocket — окреме завдання. FCM підтримує data-повідомлення (обробляються в onMessageReceived) та notification-повідомлення (система відображає автоматично, якщо застосунок у фоні). Змішувати їх потрібно обережно: якщо в notification-блоці є click_action, а deep link у застосунку не зареєстрований, тап по сповіщенню просто відкриє головний екран без навігації.

Чому сегментація — основа ефективних push-сповіщень?

Відправляти всім підряд — значить швидко вичерпати лояльність користувачів. Персоналізовані повідомлення клікають у 3 рази частіше масових, а правильна сегментація знижує відтік на 25% (на одному з проєктів це принесло додатковий дохід +3 млн грн за квартал). Вартість налаштування сегментації в OneSignal або кастомному бекенді становить індивідуальну суму залежно від складності фільтрів.

Нормальна сегментація будується на кількох рівнях.

Теми — для широких категорій: «нові акції», «оновлення статусу замовлення». Користувач підписується через FirebaseMessaging.getInstance().subscribeToTopic("orders"). Просто, але нема гнучкої фільтрації.

Сегменти за атрибутами — через OneSignal, Braze або кастомний бекенд. Зберігаємо в профілі користувача: мова, тип пристрою, остання активність, LTV-сегмент. Сповіщення йде тільки тим, у кого last_active < 7_days та plan = premium. OneSignal дозволяє будувати такі фільтри в інтерфейсі без коду.

Персоналізовані — за конкретним device_token. Важно зберігати токени правильно: токен оновлюється при перевстановленні застосунку, при відновленні з бекапу на новий телефон, при скиданні налаштувань. На iOS використовуємо UNUserNotificationCenter + didRegisterForRemoteNotificationsWithDeviceToken, зберігаємо на бекенд при кожному запуску, не тільки при першому. Інакше через 3 місяці 30% токенів у базі застарілі.

Що таке rich push і як він підвищує конверсію?

Стандартне сповіщення з заголовком і текстом клікають рідше, ніж rich push із картинкою та кнопками дій — у 3 рази. Але реалізація rich push — окрема робота на кожній платформі.

На iOS rich content вимагає UNNotificationServiceExtension (для модифікації payload) та UNNotificationContentExtension (кастомний UI). Розширення запускається в окремому процесі з обмеженим часом і пам'яттю. Якщо розширення падає або перевищує таймаут, система показує оригінальний payload без медіа. Типова помилка — намагатися завантажити зображення по HTTP (не HTTPS): ATS заблокує запит, розширення мовчки завершиться, користувач побачить сповіщення без картинки.

На Android з API 26+ сповіщення прив'язані до NotificationChannel. Якщо канал створений з IMPORTANCE_LOW, звук і вібрація недоступні. Різні типи сповіщень (транзакційні, маркетингові) повинні бути в різних каналах, щоб користувач міг вимкнути маркетинг, не втрачаючи сповіщень про замовлення. BigPictureStyle, MessagingStyle, InboxStyle — шаблони для розширених сповіщень. MessagingStyle з Person та аватарками — найкращий вибір для чатів.

Як відстежити доставку та конверсію push-сповіщень?

Відправити сповіщення — половина справи. Важно знати: доставлено воно, відкрито, чи привело до цільової дії.

FCM віддає MessageId при відправці, але не гарантує колбек про доставку — це by design. Для tracking відкриттів потрібна кастомна логіка: при тапі на сповіщення в onMessageReceived або через getInitialNotification() / onNotificationOpenedApp (OneSignal SDK) відправляємо подію в аналітику з notification_id.

OneSignal надає вбудовану аналітику доставки та CTR. Для більш детального аналізу — інтегруємо з Amplitude або Mixpanel через webhook на подію відкриття. Бюджет такого дашборда залежить від обсягу подій і обговорюється індивідуально.

Як ми впроваджуємо push-сповіщення: типовий процес

1. Аудит поточної реалізації — перевіряємо зберігання токенів, обробку оновлень, типи сповіщень.
2. Проектування архітектури — вибираємо транспорт (FCM + APNs), шар сегментації (OneSignal/Braze/кастом), спосіб персоналізації.
3. Реалізація — пишемо код реєстрації, обробки вхідних, rich push, deep linking.
4. Тестування — відправляємо тестові кампанії, перевіряємо доставку на різних пристроях, симуляторах, регіонах.
5. Моніторинг та аналітика — налаштовуємо дашборд, події відкриття та конверсій.
6. Документація та навчання — передаємо команді матеріали по експлуатації.

Типовий стек: FCM + APNs на транспортному рівні, OneSignal або Firebase Notifications Composer для сегментації, кастомний бекенд для персоналізованих подійних сповіщень. Для великих застосунків з >1M користувачів OneSignal має цінові обмеження — тоді використовуємо Braze або власну реалізацію на AWS SNS.

Що входить у роботу (deliverables)

• Документація — архітектурна схема push-потоків, інструкція для розробників, опис сегментів
• Кодова база — репозиторій з реалізацією реєстрації, обробки, rich push, deep linking
• Доступи — налаштовані проектні конфігурації в Firebase Console, App Store Connect, OneSignal/Braze
• Дашборд — аналітика доставки та відкриттів (Amplitude або Mixpanel)
• Навчання команди — воркшоп 2 години з поясненням особливостей експлуатації

Типові помилки, яких варто уникнути

• Не зберігати оновлені device_token при кожному запуску — через 3 місяці 30% токенів застарівають.
• Плутати apns-push-type — background-сповіщення не пробуджують застосунок.
• Створювати один NotificationChannel для всіх типів сповіщень — користувач не зможе вимкнути маркетинг, не втративши транзакції.
• Завантажувати медіа в rich push по HTTP — ATS блокує запит на iOS.
• Не перевіряти deep link у таргетингу — переходи йдуть на головний екран.

Терміни та вартість

Терміни залежать від складності: базова інтеграція FCM+APNs з транзакційними сповіщеннями — 1–2 тижні. Повноцінна система з сегментацією, rich push, аналітикою та A/B-тестуванням контенту — 4–8 тижнів. Вартість розраховується індивідуально після аудиту.

Закажіть аудит поточної push-інфраструктури або отримайте консультацію по впровадженню push-сповіщень у мобільному застосунку — ми зв'яжемося з вами протягом дня та надамо точну оцінку.