Web Development: Мобильное приложение

Привет всем! Хотим поделиться отличной новостью — наша команда Web Development практически закончила работу над мобильным приложением для CS-Cart. Расскажу немного о том, что нам удалось сделать.

Что за приложение?

Это полноценное мобильное приложение для интернет-магазинов и маркетплейсов на CS-Cart. Мы разработали его на Flutter, поэтому оно отлично работает как на iPhone, так и на Android-смартфонах.

Одна из фишек приложения — умная система кэширования. Мы используем комбинацию ETag и SQLite, что позволяет приложению быстро загружаться и экономить интернет-трафик (особенно это заметно при медленном соединении).

Какие крутые функции мы добавили

AB Видео галерея товаров

Теперь покупатели могут не только смотреть фотографии товаров, но и просматривать видео. Видеоплеер работает очень плавно, можно переходить в полноэкранный режим, и всё это без тормозов и сбоев.

AB Расширенные промо-акции

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

Авторизация по SMS от Retail Factory

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

Голосовой поиск на нескольких языках

Внедрили удобный голосовой поиск, который работает с 10 языками! Теперь клиенты могут найти товар, просто сказав что им нужно.

Мультиязычность и мультивалютность

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

Темная и светлая тема

Реализовали поддержку темной и светлой темы интерфейса. По умолчанию приложение автоматически подстраивается под настройки телефона, но пользователь может в любой момент выбрать предпочитаемую тему вручную.

Гибкая система блоков и макетов

Главная особенность приложения — его модульность. Всё взаимодействие происходит через систему макетов, где можно настраивать каждую страницу:

  • Главную
  • Страницы категорий
  • Детальные страницы товаров

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

  • AB Промо-акции
  • HTML-блоки для произвольного контента
  • Товарные блоки (в виде сетки, скроллера или мелких элементов)
  • Бренды
  • Продавцы
  • Категории

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

Технические особенности

Всё приложение работает быстро и плавно даже на недорогих смартфонах. Интерфейс отзывчивый, загрузка контента происходит моментально благодаря нашей системе кэширования.

Что особенно понравится пользователям — приложение может работать даже при отсутствии интернета (показывая ранее просмотренные товары и категории).

На завершающем этапе мы проводим финальное тестирование и готовимся к релизу в App Store и Google Play. Если у кого-то есть вопросы о технической стороне проекта или интеграции с CS-Cart — с радостью отвечу в комментариях!

Своя система API.
В комплекте идет 2 модуля

  • [WD] Мобильное приложение
  • [WD] Коннектор

https://drive.google.com/file/d/1Q0cX4RUH3-sGYDGgEb54qAtgocCHxtJ7/view?t=71

7 лайков

Визуальная часть прям топ!

Очень хорошо выглядит, прекрасная работа.

Накидайте еще скриншотов в тему, не всем удобно именно видео смотреть.

Обязательно, сегодня завтра сделаем скриншоты. Там очень сильно все поменялось в лучшую сторону.

Мы используем в приложении Json анимации, вес таких анимаций меньше чем иконки svg и выглядит привлекательно 32кб анимация

1 лайк

на чем написано приложение для android?

Мы разработали его на Flutter, поэтому оно отлично работает как на iPhone, так и на Android-смартфонах.

2 лайка

Добавили фото. Готовим максимально удобный кабинет для продавцов

Здравствуйте! Приложение для клиентов и продавцов все в одном?

Да, админ панель готовится к релизу. Все в одном приложении.

Да, все верно

Основная фишка нашего приложения работа офлайн: бесперебойная синхронизация в любых условиях

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

Как это работает:

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

Все внесенные изменения будут автоматически синхронизированы при восстановлении соединения. Система использует интеллектуальную очередь синхронизации, которая:

  • Фиксирует только конечные изменения для оптимизации сетевого трафика
  • Предотвращает отправку избыточных запросов на сервер
  • Перезаписывает промежуточные состояния для сохранения актуальных данных

Технически это реализовано благодаря локальной базе данных внутри приложения, где сохраняются все пользовательские действия. Фоновый процесс отвечает за синхронизацию с сервером. Если по каким-либо причинам обновление не проходит, система автоматически помещает операцию в очередь и предпринимает повторные попытки синхронизации до успешного завершения.

Видео 1

Видео 2

2 лайка

Интересно как делали ли вы открытию и закрытию сессий пользователя. И как вообще реализовано.

Добрый день, не совсем понял вопроса:)

Все очень просто, локальная база данных которая хранит данные (кэш), ну и очереди настроены в случае отсутствия интернета отдается кэш, все действия пользователя удаление, изменения, попадают в очередь и в фоне синхронизируется когда он есть. Так же как реализовано у WB, Ozon.

Наверное имел ввиду для пользователя. Ну вот я Петя, вошел в профиль для меня все кешировано, я вышел, вошел снова в профиль все также сохраняется для Пети, или Петя уже будет Димой и для него будет по новой все грузится ))

Привязка избранного, товары в корзине и все в этом духе.

Если нет интернета авторизоваться нельзя, а так если войти под аккаунтом Вася и выйти создать новый аккаунт Петя будит видеть свои только данные

Первый запуск всегда грузит в кэш

2 лайка

Новая функция: Push-уведомления

Рад сообщить о внедрении системы push-уведомлений в наше мобильное приложение, которая значительно расширяет возможности взаимодействия с пользователями.

Основные функции:

1. Уведомления о статусе заказа

  • Автоматическая отправка push-уведомлений на мобильные устройства при изменении статуса заказа
  • Мгновенное информирование клиентов о движении их заказа через приложение

2. Маркетинговые уведомления

  • Отправка push-уведомлений о товарах:
    • Выбор конкретного товара из доступных
    • Создание названия и описания акции
    • Добавление фото
    • Перенаправление пользователя мобильного приложения на страницу товара по клику
  • Отправка push-уведомлений о категориях товаров:
    • Выбор категории
    • Создание заголовка и описания
    • Перенаправление пользователя приложения на страницу категории по клику

3. Произвольные уведомления

  • Возможность создавать и отправлять push-уведомления с произвольным содержанием на устройства пользователей

Вся функциональность по отправке push-уведомлений доступна прямо из административной панели CS-Cart, что делает процесс создания и отправки уведомлений максимально удобным для маркетинговых кампаний и информирования клиентов вашего мобильного приложения.


3 лайка

Новый функционал в мобильном приложении: модуль [WD] “Хочу скидку”

Отличная новость для наших пользователей! Мы интегрировали популярный модуль [WD] “Хочу скидку” в мобильное приложение.

Что это значит для вас?

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

Преимущества нового функционала

Модуль совместим как с Multivendor-магазинами, так и с обычными интернет-магазинами. Администраторы могут гибко настраивать диапазон возможных скидок, устанавливая минимальный и максимальный процент.

Доступность модуля

Модуль [WD] “Хочу скидку” будет отдельно предоставлен при покупке мобильного приложения. Это позволит вам сразу получить расширенный функционал для вашего магазина и предложить покупателям новый удобный способ взаимодействия.

Более подробную информацию о функциональности модуля мы представим в отдельной публикации. А пока предлагаем ознакомиться с демонстрационным видео, прикрепленным к этому посту.

https://drive.google.com/file/d/18H_8G7FGN-n7oGk6Rh9tyn3JH6yQkNpv/view?usp=sharing

1 лайк