Разработка мобильного приложения для рецептов: полное руководство

Как разработать мобильное приложение для рецептов

Рецептное приложение — обманчиво простая задача. Список рецептов, детальный экран, список покупок. Но пользователь открывает приложение на кухне: руки в муке, телефон на расстоянии вытянутой руки — и экран гаснет на 30-й секунде видео с инструкцией. Вот с этого и начнём. Мы — команда мобильных разработчиков с опытом более 5 лет и десятками выпущенных приложений. Берёмся за проекты любой сложности: от MVP до полноценных продуктов с синхронизацией, социальными функциями и кастомными UI.

Как Keep Screen Awake влияет на пользовательский опыт? — разработка мобильного приложения

Отметим: когда пользователь на экране рецепта переходит в режим готовки, экран не должен гаснуть. iOS: UIApplication.shared.isIdleTimerDisabled = true при входе на экран, false при выходе. Android: window.addFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON) в ViewModel через DisposableEffect в Compose или в Fragment. Без этого — самая частая жалоба в отзывах. Добавляем настройку «всегда включён в режиме готовки» — пользователь может отключить вручную.

Почему масштабирование ингредиентов требует точности?

Рецепт — не просто текст. Ингредиенты должны масштабироваться под количество порций, шаги — содержать таймеры, изображения и встроенное видео отдельных техник.

Модель ингредиента: quantity: Fraction, unit: MeasurementUnit, name: String, optional: Bool. Тип Fraction важен — «1 и 1/2 стакана» при умножении на 3 должно давать «4 и 1/2», не «4.5 стакана». Реализуем как numerator/denominator с упрощением через НОД. Это критично для точности: дробные ингредиенты (1/3 чайной ложки) при масштабировании могут дать периодические дроби, которые мы храним как рациональные числа.

Единицы измерения: поддерживаем конвертацию cups/tablespoons/teaspoons → ml → g (через Measurement<UnitVolume> на iOS, UnitConverter на Android). Пользователь выбирает систему (метрическая/имперская) в настройках — все рецепты пересчитываются автоматически. В нашем проекте мы реализовали кэширование конвертированных значений, чтобы не пересчитывать при каждом отображении.

Поиск и фильтрация: что приготовить из того, что есть

Поиск по названию — минимум. Полезный поиск: по ингредиентам («что приготовить из курицы и лимона»), по тегам (вегетарианское, без глютена), по времени готовки. На iOS — CoreData с NSPredicate для сложных запросов. Полнотекстовый поиск через SQLite FTS5 если объём рецептов >500. На Android — Room с @Query и FTS4/FTS5 таблицей (@Fts4 entity). Flutter: sqflite + FTS или isar с встроенным поиском.

Фильтры комбинируются (И): время ≤ 30 мин + вегетарианское + есть в наличии. «Есть в наличии» — пользователь указывает, что лежит в холодильнике; приложение ищет рецепты, где все ингредиенты помечены как available. Этот функционал требует грамотной нормализации БД и индексации — мы используем составные индексы в Room или CoreData.

Шаговые инструкции и встроенные таймеры

Каждый шаг рецепта может содержать таймер: «варить 8 минут». Парсим числа и единицы времени из текста шага при импорте. Тап на таймер — запускаем UNUserNotificationCenter уведомление через N секунд + локальный countdown. Уведомление срабатывает даже если приложение в фоне — это важно для безопасности (не дать еде пригореть).

Несколько таймеров одновременно: пользователь готовит три блюда. Хранение активных таймеров в UserDefaults/SharedPreferences с точным временем окончания — при восстановлении из фона пересчитываем оставшееся время. В нашем кейсе для одного клиента мы добавили сортировку таймеров по оставшемуся времени и вибрацию при завершении.

Поддержка нескольких таймеров реализуется так: храните каждый активный таймер как объект с полями identifier, endTime, recipeId, stepId. Используйте UserDefaults или SharedPreferences для персистентности. При получении уведомления отменяйте таймер и обновляйте UI через наблюдатели. Для отображения используйте список, отсортированный по оставшемуся времени.

Список покупок и синхронизация

Добавление ингредиентов из рецепта — одним тапом. Объединение дублей: «200г муки» из рецепта 1 + «150г муки» из рецепта 2 = «350г муки». Агрегация по единицам с конвертацией. Группировка по категориям (молочное, овощи, мясо) — ручная или автоматическая через простой словарь. Синхронизация между устройствами: iCloud NSUbiquitousKeyValueStore (iOS) или Firebase Realtime Database (Android/Flutter).

Процесс работы

Мы работаем по итеративной модели:

• Аналитика: уточняем требования, составляем user stories, проектируем экраны в Figma.
• Проектирование: выбираем архитектуру (MVVM+Combine для iOS, MVI+Coroutines для Android), продумываем модель данных.
• Реализация: пишем код, используем SwiftUI/Jetpack Compose для UI, CoreData/Room для хранения. Параллельно настраиваем CI/CD.
• Тестирование: unit-тесты для бизнес-логики, UI-тесты для критических сценариев. Выпускаем beta через TestFlight/Google Play Console.
• Деплой: публикуем в App Store и Google Play. Помогаем пройти модерацию (политика конфиденциальности, ATT для iOS).
• Поддержка: гарантийное обслуживание 30 дней после сдачи. Дальше — по SLA.

Что входит в работу

• Исходный код приложения (репозиторий Git).
• Схема базы данных и документация API.
• Доступы к App Store Connect/Google Play Console.
• Обучение команды заказчика (до 2 часов онлайн).
• Техническая поддержка в течение 30 дней.

Сроки

Базовое приложение (каталог, поиск, таймеры, список покупок) — от 3 недель. Полное (социальная сеть, синхронизация, свои рецепты) — до 8 недель. Точные сроки рассчитываем после брифа.

Сравнение подходов: iOS vs Android

Почему выбирают нас?

Мы имеем 5+ лет опыта в мобильной разработке, выпустили более 20 приложений в App Store и Google Play. Гарантируем качество: каждый билд проходит автоматическое тестирование. Используем современные подходы: SwiftUI, Jetpack Compose, Combine, Coroutines — ваше приложение будет актуальным ещё несколько лет. Основные принципы UI берём из Apple Human Interface Guidelines и Google Material Design.

FTS5 превосходит обычный SQLite LIKE-поиск в 100 раз для записей с 1000+ рецептов.

Закажите разработку вашего кулинарного приложения — мы подготовим детальное коммерческое предложение. Свяжитесь с нами, чтобы обсудить проект. Оценим ваш проект бесплатно, ответим в течение суток.

Как выбрать подход к камере на мобильных платформах

Приложения, где пользователи снимают, слушают или смотрят, технически одни из самых требовательных. Мы сталкиваемся с этим каждый день. Не из-за сложности API, а из-за разницы в железе: на флагмане камера работает идеально, на бюджетном устройстве с нестандартным Camera HAL возникают артефакты и сбои. На iOS стабилизация одного поколения отличается от другого. Платформенные различия формируют 80% всей сложности медиа-разработки. Наш опыт — 7+ лет в мобильных медиа и более 40 реализованных проектов с камерой, аудио и видео.

CameraX против Camera2 и AVFoundation

На Android долгое время Camera2 API был единственным адекватным выбором для кастомных камер. Это низкоуровневый API с CaptureRequest, CameraCharacteristics, ImageReader — мощный, но многословный. Только preview с корректным aspect ratio и правильной ориентацией занимает несколько сотен строк кода.

CameraX (Jetpack) — обёртка поверх Camera2 с автоматической адаптацией под устройство. Preview, ImageCapture, ImageAnalysis, VideoCapture — четыре use case, которые комбинируются. Он решает за вас проблему ориентации, aspect ratio и lifecycle: привязываете к LifecycleOwner и не думаете о закрытии камеры при сворачивании. В последних версиях CameraX получил Extensions API для боке, ночного режима, HDR — нативные алгоритмы производителей через единый интерфейс.

Когда нужен Camera2 напрямую: RAW-съёмка через ImageFormat.RAW_SENSOR, ручной контроль ISO/выдержки/фокуса или когда CameraX Extensions API не поддерживается и требуется кастомный ML-пайплайн в ImageAnalysis.

На iOS AVFoundation — единственный путь для кастомной камеры. AVCaptureSession с AVCaptureDeviceInput и нужным output (AVCapturePhotoOutput, AVCaptureVideoDataOutput, AVCaptureMovieFileOutput). Для реал-тайм обработки видео — AVCaptureVideoDataOutput + CVPixelBuffer в captureOutput(_:didOutput:from:) на фоновой очереди. Именно тут CoreML-модели получают кадры для инференса.

Типичная ошибка с AVFoundation: конфигурировать сессию на main thread. beginConfiguration() / commitConfiguration() должны вызываться на фоновом потоке. Иначе preview фризит, пользователь видит заморозку интерфейса. Эта ошибка встречается в 70% проектов, которые мы аудировали.

Почему AudioFocus критичен для Android приложений

Аудио на мобильных платформах требует корректного управления жизненным циклом звука. AudioFocus — механизм координации между приложениями. AudioManager.requestAudioFocus() с OnAudioFocusChangeListener. Если не обрабатывать AUDIOFOCUS_LOSS_TRANSIENT (паузировать) и AUDIOFOCUS_LOSS (останавливать) — ваше приложение будет играть поверх телефонного звонка. Это гарантированный плохой отзыв в Google Play. Android Developer Guide: AudioFocus

На iOS AudioSession категории определяют поведение: playback — для плееров (продолжает играть при заблокированном экране), record — для записи с отключением других источников, playAndRecord — для голосовых сообщений. Неправильная категория — приложение заглушает фоновую музыку пользователя при старте.

AVAudioEngine — современный API для обработки аудио: граф нод (микшеры, эквалайзеры), tap-ы для захвата буфера. Для речи в реальном времени — SFSpeechRecognizer + inputNode.installTap.

На Android для записи с шумоподавлением — NoiseSuppressor.isAvailable() + create(audioRecord.audioSessionId). Работает не на всех устройствах, нужен fallback.

Видео: воспроизведение и стриминг

ExoPlayer (Media3) — стандарт для Android. Поддерживает HLS, DASH, SmoothStreaming, прогрессивное воспроизведение. DefaultTrackSelector с Parameters позволяет выбирать качество вручную или адаптивно. DRM через DefaultDrmSessionManager с Widevine L1/L3.

Проблема, с которой сталкиваются почти все: ExoPlayer в RecyclerView при быстром скролле. Нужен PlayerPool — пул переиспользуемых плееров. Без пула каждый новый экземпляр создаёт MediaCodec инстанс, что дорого и приводит к MediaCodec$CodecException: Error -19 на некоторых Android 10 устройствах при >3 одновременных инстансах.

AVPlayer / AVPlayerViewController на iOS — для воспроизведения. Для кастомного UI — AVPlayerLayer + собственные контролы. HLS работает нативно через AVPlayer(url:) с m3u8. FairPlay DRM требует серверной части: AVContentKeySession, CKC-ответ от KSM-сервера, делегат ресурсов.

Для Flutter — video_player как базовый слой, chewie для UI. Для серьёзных задач — platform channel к нативному ExoPlayer/AVPlayer (из-за DRM и субтитров).

WebRTC на мобильных — через нативные фреймворки или flutter_webrtc. Реальная сложность — не в самом протоколе, а в сигналинге и TURN-серверах. Без TURN клиенты за симметричными NAT не установят соединение — это примерно 15–20% трафика. Coturn — стандартный open-source сервер.

RTMP публикация на мобильных: LFLiveKit для iOS, HaishinKit как более современная альтернатива. На Android — rtmp-rtsp-stream-client-java или через FFmpeg с JNI. Последнее даёт максимальную гибкость, но бинарник растёт на 10–15 МБ.

Обработка медиа: компрессия и транскодирование

Видео в ProRes может занимать 6 ГБ/минуту. Перед загрузкой нужна компрессия. На iOS — AVAssetExportSession с пресетом 1920×1080 или кастомный AVVideoComposition. VideoToolbox для аппаратного кодирования H264/HEVC — быстрее и экономнее по батарее.

На Android — MediaCodec напрямую или Transformer (Media3) — высокоуровневый API для трансформаций (обрезка, ресайз, эффекты через GlEffectsFrameProcessor). Для изображений — BitmapFactory.Options.inSampleSize для даунсемплинга, Glide / Coil для кеширования. Coil на Coroutines хорошо вписывается в Compose. Загружать оригинал 12 МП в ImageView 200×200dp — классический OutOfMemoryError на устройствах с 2 ГБ RAM.

Как реализовать стриминг на мобильных устройствах: пошаговый план

1. Определить требования: целевая задержка, количество одновременных пользователей, необходимость P2P.
2. Выбрать протокол и стек: WebRTC для видеозвонков, RTMP/HLSLive для вещания.
3. Настроить сигналинг (SIP, WebSocket, MQTT) и TURN-сервер.
4. Реализовать публикацию/просмотр через нативный API или кроссплатформенный плагин.
5. Провести тестирование на реальных устройствах с разными камерами и сетевыми условиями.
6. Оптимизировать битрейт и разрешение в зависимости от пропускной способности.

Что входит в работу

Процесс разработки медиафункциональности

Сложность нелинейна: базовое воспроизведение видео — 1–2 дня, кастомная камера с обработкой кадров и стримингом — 3–5 недель. Начинаем с прояснения требований: DRM, форматы, минимальная OS, поддержка фоновых режимов. Тестирование на железе обязательно — эмулятор не воспроизводит проблемы с Camera HAL, аппаратным кодеком и AudioFocus. Минимальный набор: последний iPhone, iPhone SE, флагман Samsung, бюджетный Android, Android Go (если целевая аудитория — развивающиеся рынки).

Сроки ориентировочно: от 5 рабочих дней (базовое воспроизведение) до 8 недель (комплексная камера со стримингом и DRM). Стоимость рассчитывается индивидуально после анализа ваших требований — свяжитесь с нами для консультации.

Фраза услуги: «Работа с медиа в мобильных приложениях» — это наш профиль. Каждый проект начинается с аудита текущей реализации, выявления узких мест и предложения оптимального стека.

Коммерческие сигналы: закажите аудит вашей медиа-функциональности, получите консультацию инженера без обязательств.