![](https://www.intervolga.ru/upload/iblock/dc7/xztjj5191evuznd0ul1chldpykk3zpr7.png.webp?w=1920)
Новая система продаж: как связать кассы самообслуживания и 1С, облачную кассу и веб-интерфейс
![](/upload/resize_cache/iblock/ead/60_60_2/ead7c492e5a7f2c000138c2ea3ce9777.png.webp)
Виталий Антонов
![](/upload/resize_cache/iblock/048/60_60_2/04869a21c5b3d0adb195491659abdbe1.jpg.webp)
Дарья К.
- Есть идея, нет реализации: как красиво интегрировать кассу самообслуживания и 1С: POS терминал, сканер штрихкодов.
- Концепт Го!Поедим от студии Лебедева, дизайн, интерфейс и нейминг
- Эквайринговый терминал: интеграция кассы самообслуживания и 1С МикроМаркета Го!Поедим
- Как это работает?
- Заключение
Как питаются в офисе?
Некоторые перекусывают в кафе поблизости, кто-то заказывает доставку. Другие берут еду из дома и едят по всем правилам. Самые стойкие — и голодные — предпочитают не есть на работе вовсе.
В офисах и бизнес-центрах давно существуют разного рода вендинговые автоматы с кассами самообслуживания, призванные удовлетворить потребность сотрудников перекусывать на работе.
![Автомат по продаже снеков и кофе](/upload/medialibrary/739/73921d3e57a837db1c91893f9ba97ae1.jpg.webp)
Снековый автомат и Кофейный автомат
С течением времени культура потребления меняется: жизнь ускоряется, сегодня важную роль играет самообслуживание.
Разнообразие вендинговых автоматов растет, теперь это не просто хранилища снеков на пружинах и порошковый кофе в пластиковых стаканчиках.
Автоматы усложняются, увеличивается ассортимент, появляются новые функции, например, интегрируются кофемашины, холодильники, системы удаленного мониторинга, (для проверки работоспособности и неисправностей автомата, выручки, продукции).
![Автоматы с кассами бесконтактной оплаты](/upload/medialibrary/eb7/eb7be2f04b2db51fde23655304157a5d.png.webp)
![Автоматы c сенсорными экранами](/upload/medialibrary/963/9630b1af4c69aed2a94d8a0c4e56948b.png.webp)
![Оборудованные минимаркеты](/upload/medialibrary/ca4/ca416dbc4265d1e1613f2eeba228d3c9.png.webp)
Автоматы теперь комплектуются сенсорными экранами, wi-fi, кассами бесконтактной оплаты.
Есть идея, нет реализации: как красиво интегрировать кассу самообслуживания и 1С: POS терминал, сканер штрихкодов.
В начале 2019 года в ИНТЕРВОЛГУ обратилась московская компания с предложением по работе над проектом нового формата питания на работе — МикроМаркета «Го!Поедим».Следуя тенденциям развития автоматов питания, компания решила поработать в новом для себя (да и России в целом) формате — интегрировать в офисные кухни полноценные МикроМаркеты с бесконтактной оплатой, кофемашинами, лаунж-зоной.
Помимо очевидного — продуктов — в МикроМаркете должны быть:
- удобные и экологичные места отдыха в нишах,
- навигационная панель на экране 16:9 с веб-интерфейсом,
- аппарат бесконтактной оплаты,
- сканер штрихкодов,
- чтобы любой сотрудник без труда мог выбрать для себя продукты, приобрести их и поесть в комфорте.
- интеграция 1С и касс самообслуживания МикроМаркета, оборудованного POS;
- разработка формата взаимодействия с клиентами. О том, как ИНТЕРВОЛГА решала эти задачи, рассказываем ниже.
Концепт Го!Поедим от студии Лебедева, дизайн, интерфейс и нейминг
Пользователь знакомится с продуктом посредством терминала, и его вид обязан быть привлекательным, интерактивным, понятным и при всем этом работать быстро.Адаптация интерфейса для интеграции 1С и систем самообслуживания теоретически возможна, но:
- имеет свои пределы;
- ее настройка требует куда больше усилий, чем оно того стоит.
От яблока-пакмана и общения коллег дизайнеры пришли к яркому и веселому названию, которое отражает мобильность аудитории МикроМаркета и, наверняка, не раз употреблялось многими из наших читателей — Го!Поедим.
![Дизайн от студии Артемия Лебедева](/upload/medialibrary/995/9958ed7579d692ad0c0ed24299fee096.png.webp)
Студия А. Лебедева работала не только над логотипом и отрисовала уникальный интерфейс, который заботливо внедряла наша команда разработчиков, но и занималась организацией самой зоны МикроМаркетов — создала концепт экологических реечных ниш, объединив кухонные атрибуты и зону обеда в общее пространство.
![Концепт экологических реечных ниш](/upload/medialibrary/b21/b215de3320d041063898e640551a2370.jpg.webp)
![Концепт экологичных минимаркетов](/upload/medialibrary/18f/18ffb32ea972cc53698a0f2ae97dd9b7.jpg.webp)
Формирование заказа — как это работает
Концепт МикроМаркета подразумевает, что в ближайшем будущем каждый сотрудник офиса будет зарегистрирован в МикроМаркете и иметь идентификационную карточку, благодаря которой система узнает о его персональных скидках, истории покупок и предпочтительных товарах.Меню — гибкое: при желании, изменение ассортимента товаров можно проводить хоть каждый час — обмены с центральной базой один 1С выполняются оперативно.
В реальности обновления меню происходят, конечно, реже — раз в несколько дней. Это сделано для дополнительной мотивации сотрудников подойти в зону МикроМаркета Го!Поедим, чтобы узнать ассортимент.
А там и до покупки недалеко.
![Форма меню МикроМаркета Го!Поедим](/upload/medialibrary/c40/c402d513b338837c06aa74caa195d1f8.png.webp)
Доступны разные варианты выбора позиций меню:
- выбрать на панели, например, салат, оплатить его и взять из холодильника;
- изучив ассортимент на полках, взять салат и отсканировать штрихкод на упаковке, после чего оплатить;
- или же совместить два предыдущих пункта.
![Интерфейс МикроМаркета Го!Поедим Интерфейс Го!Поедим](/upload/medialibrary/de4/de4c20a3e564aa85fcd178e10ab0d285.gif)
Оплата товара
Оплатить выбранный товар можно разными способами, причем ни один из них не требует наличных — в 2019 году практически у каждого есть под рукой банковская карта или телефон с NFC-технологией:- банковской картой (клиент может вставить карту в терминал или поднести ее — тогда в дело вступит бесконтактная технология PayPass) можно оплатить полную сумму покупки. Для обеспечения безопасности вся бизнес-логика выполняется на стороне POS терминала;
- при желании клиент имеет возможность воспользоваться комбинированной схемой оплаты, при которой недостающая часть средств на счету будет оплачена банковской картой с применением эквайрингового терминала.
Эквайринговый терминал: интеграция кассы самообслуживания и 1С МикроМаркета Го!Поедим
Одной из первых задач, которую решала ИНТЕРВОЛГА была оплата через POS-терминал, то есть оплата с помощью банковской карты.Звучит довольно просто, но на практике есть много деталей, которые необходимо учесть.
Главная сложность при организации работы микромаркета — безналичная оплата. ИНТЕРВОЛГА подключила и провела настройку эквайрингового терминала.
Вместе с настройкой оплаты через облачную кассу мы осуществили настройку 1С для работы с кассовым оборудованием: терминалом оплаты, принтером чеков, сканером штрих-кодов.
![Интеграция 1С и кассового самообслуживания](/upload/medialibrary/411/4117b7887372e0dab2a0b7233b9118d0.png.webp)
Как это работает?
Сейчас Го!Поедим запускает первую точку круглосуточного питания в формате 24/7 в магазине Leroy Merlin в Москве, а в планах на 2019 год — рост до 20-30 МикроМаркетов по всей столице.![Первая точка круглосуточного питания](/upload/medialibrary/86c/86c91d4c0b66cb22ca92909a5654ad7d.png.webp)
Каждая точка МикроМаркета в офисах, бизнес-центрах и бизнес-пространствах работает на основе распределенной информационной базы (РИБ) и передает данные о сделанных заказах и платежах на центральный сервер базы.
Центральный сервер, в свою очередь, передает данные в главную систему 1С.
Интеграция 1С и касс самообслуживания через РИБ позволяет передавать номенклатуру, цены, информация об акциях, скидках и т.д.
Для обмена Центрального сервера с магазинами используется штатный обмен.
Для обмена 1С — Центр был доработан механизм переноса данных XDTO, предназначенный для обмена данными с другими программными системами посредством XML. Он позволяет оперировать не узлами XML, а прикладными понятиями, например, «Сотрудник», «Счет», а также встроенными типами.
![Обмен данными между 1С и ЦБ](/upload/medialibrary/95e/95ebc4180b6bbd353707b90a440e70bf.png.webp)
1С и веб-интерфейс — реализация процедуры оплаты фоновым заданием
Проблема интеграции 1С и веб-интерфейса заключалась в том, что механизмы, например, оплаты и печати задействовали формы 1С, так что РИБ периодически мелькала впереди веб-интерфейса.Для пользователя 1С должна быть полностью скрытой с одной стороны из-за того, что она выступает в качестве «сервера» и обрабатывает данные, которые прилетают из веба, а с другой — потому что вид 1С вызывает, будем честны, мало ассоциаций с обедом и много — с бухгалтерией.
Разработка десктоп приложения под Windows не совсем формат проектов ИНТЕРВОЛГИ. Однако, мы имеем огромный опыт работы с веб-сайтами, и поэтому решили экстраполировать этот опыт на текущую задачу.
Для решения этой задачи наши 1С-программисты реализовали фоновые процедуры в 1С, с их помощью вычисления производятся в системе незаметно для пользователя.
Если фоновая процедура реализуется в варианте клиент-сервер, как в нашем случае, то вся нагрузка переходит на сервер.
Обновление данных в 1С
Еще одна проблема заключалась в том, что веб-интерфейс не знает о состоянии данных в 1С, а в качестве связующего звена выступает интернет — мягко говоря не самый надежный канал связи.При этом, инициировать передачу данных напрямую из 1С нельзя, так как в ней нет поддержки протокола WebSocket, который позволил бы произвести обмен данными между браузером и сервером.
Мозговой штурм и несколько часов работы принесли плоды.
Решено было реализовать одностраничник на базе веб-браузера с открытым исходным кодом Chromium.
В свою очередь для реализации обмена с 1С наши специалисты воспользовались протоколом HTTP. На локальной машине специально для этих целей был поднят Apache перенаправляющий запросы в 1С.
Говоря простым языком, каждую «единицу времени» браузер шлет http-запрос в 1С. В ответ получает очередь из произошедших в 1C изменений за предыдущую «единицу времени» (например, обновление каталога, изменение цен, статус оплаты и другое).
Приложение Store Redux меняет состояние согласно произошедшим изменениям, а React согласно этим изменениям «перерисовывает» интерфейс приложения.
![Приложение Store Redux](/upload/medialibrary/210/21021cbe5adaa53663424732951ce45f.png.webp)
Сам интерфейс ориентирован под определенный — 16:9 — формат экрана и специфические настройки 1С, что заставило наших разработчиков скрупулезно «натягивать» его в приложение, используя HTML, CSS, JS, которые созданы для решения задач настройки уникального интерфейса.
Заключение
Го!Поедим было важно понять как результат работы над проектом будет достигнут, а здесь немалую роль играет сам подход исполнителя.ИНТЕРВОЛГА прошла отбор: мы перезвонили через несколько часов, провели несколько встреч по скайпу и одну вживую за неделю, а также составили два варианта коммерческого предложения, с гибкими сценариями развития проекта МикроМаркета.
Го!Поедим продает товары высокого качества. МикроМаркет узнаваем, он сам является дополнительной рекламной площадкой.
МикроМаркет с кассами самообслуживания — новый концепт на рынке, который выполнен изящно и просто, а главное открыт потребителю.
Мы проделали большой объем работы, но впереди еще много задач — релизы предполагаются каждый квартал.
Задача, которую специалисты ИНТЕРВОЛГИ решили для Го!Поедим в очередной раз показала, что мы можем работать с совершенно разными отраслями разработки.
Последней нашей задачей была разработка мобильного приложения МиниМаркета, читайте в статье прилавок в твоем мобильном — исключаем терминал из схемы работы.
У вас есть нестандартные задачи? Не знаете, как реализовать свои идеи? Напишите нам, разберемся вместе.
Вам может быть интересно:
Оцените статью
22.05.2019
Понравилась статья?
Поделитесь ссылкой с друзьями и коллегами!
Статьи по теме
![](https://www.intervolga.ru/upload/resize_cache/iblock/dfb/470_200_2/b80dhnr71r454q1nxq5wfui58z8cl96h.png.webp?w=1920)
![](https://www.intervolga.ru/upload/resize_cache/iblock/4bb/470_200_2/51hd4qh3tg6bndz341okpsyzhnsp6c5b.png.webp?w=1920)
![](https://www.intervolga.ru/upload/resize_cache/iblock/68d/470_200_2/0e10sgb8ozxn9dgqjjy14quzaubkdiao.jpg.webp?w=1920)
![](https://www.intervolga.ru/upload/resize_cache/iblock/ec3/470_200_2/jk1586fwgdf1de41ldj07jfo4ey0d1rj.jpg.webp?w=1920)
![](https://www.intervolga.ru/upload/resize_cache/iblock/755/470_200_2/55wjx4p7ifei4yi0kz3zz4gb1q52nmpl.png.webp?w=1920)
![](https://www.intervolga.ru/upload/resize_cache/iblock/040/470_200_2/rt73rvs8rfrivn8wbybgjhwlcupyirlg.png.webp?w=1920)
Мы работаем по одному из двух форматов:
- аренда команды (от 2 человек, не менее 3 месяцев);
- итерации с фиксированной ценой (1-3 месяца длительностью).
ИНТЕРВОЛГА предоставляет:
- регулярные онлайн-планерки с заказчиком;
- квалифицированных специалистов;
- организованную команду (находятся в одном помещении, что упрощает решение рабочих вопросов);
- полную прозрачность и регулярность отчетов о результатах.
Ключевые услуги:
- нагруженный интернет-магазин;
- личный кабинет;
- оптовые продажи — B2B-платформа;
- маркетплейс;
- технический аудит сайта;
- Битрикс24 — корпоративные HR-порталы;
- Битрикс24 — построение CRM-системы;
- Битрикс24 — личные кабинеты сотрудников;
- Битрикс24 — аудит портала;
- 1С — интеграция с другими системами;
- 1С — доработка системы;
- маркетинг — комплексное интернет-продвижение;
- маркетинг — продвижение для B2B.
Хотите получать лучшие статьи от INTERVOLGA раз в месяц?
Подпишитесь на рассылку — спамить не будем