Штрихкоды и QR-коды есть почти везде. Мы покупаем товары, оплачиваем счета и даже покупки с их помощью. Поэтому нашим клиентам всё чаще требуются решения для их распознавания. На одном из наших проектов в 2020 году мы столкнулись с необходимостью добавить в веб-приложение сканирование штрих-кодов для учёта продукции. Для Loreal Academy мы проверили все доступные решения для чтения баркодов с экранов и ниже расскажем об их плюсах и минусах.
Если основной продукт — это мобильное приложение, проблемы распознавания нет. В большинстве современных смартфонов есть отдельные ядра для обработки графики и видео, и тогда основное приложение может задействовать их мощности для распознавания кодов.
Чаще всего любой корпоративный софт или CRM — это веб-приложение, поэтому для B2B требуются браузерные решения. Научить веб-приложение читать штрихкоды ещё пару лет назад было очень сложной задачей, поскольку получить доступ к вычислительным мощностям через браузер нельзя. Чаще всего бизнес выбирал для этих целей отдельные устройства, которые хорошо с этим справлялись, но стоили довольно дорого. Позже на помощь пришли смартфоны, но для них требовалось отдельное приложение, которое нужно синхронизировать с основной системой. А ещё есть платные сервисы и огромные библиотеки, о них и других SDK для декодирования штрихкодов расскажем ниже.
Как сделать QR код на любую ссылку
JavaScript библиотеки для распознавания изображений
Как это работает? Обычно это бесплатные библиотеки, которые легко интегрируются в веб-приложения, но плохо работают. Они пытаются распознать растровые изображения с камеры прямо в браузере, но справляются с этой задачей очень нестабильно. Например, одна из популярных библиотек по нашим тестам делала лишь одно верное распознавание из пяти. Также огромным минусом такого бесплатного ПО для считывания штрих-кодов является гигантский размер, из-за чего страдает производительность всего приложения.
Плюсы: лёгкая интеграция, низкая стоимость — чаще всего они бесплатны.
Минусы: крайне низкий процент верных распознаваний.
Платные сервисы
Как это работает? Вы делегируете распознавание стороннему сервису, который за деньги обрабатывает ваши изображения на своих серверах за плату. В приложение просто добавляется внешний API, похожий на платёжные шлюзы. Главное вовремя оплачивать эту услугу. Тарифы бывают разными: по количеству сканирований, по времени, есть даже поштучные предложения.
Но такое ПО для сканирования штрихкодов обычно довольно дорогое.
Плюсы: простая интеграция, высокая производительность.
Минусы: высокая стоимость, необходимость отслеживать своевременную оплату сервиса.
Отдельное приложение
Как это работает? Можно создать приложение для считывания штрих кода на React Native, которое будет передавать сведения в основную систему. В этом случае распознавание работает стабильно, но появляется шов. Пользователю приходится выходить из основного приложения, переключаться на приложение для распознавания, и вообще брать мобильное устройство.
Как сделать qr код? | подробная инструкция | qr код на ссылку как считать qr | How to make a QR code
Также может потребоваться авторизация. Это снижает скорость работы. Можно, конечно, сделать полноценную мобильную версию основного веб-приложения, но это долго, дорого, и требует дальнейшей поддержки. Как и маленькое приложение, которое возьмет на себя лишь функцию чтения кодов.
Плюсы: высокий процент распознавания, гибкость, огромные возможности кастомизации.
Минусы: время разработки, необходимость дальнейшей поддержки, стоимость.
Shape Detection API
Как это работает? Это API, разработанный Mozilla, который позволяет получить доступ к вычислительным ресурсам компьютера через браузер. В целом инструмент можно использовать для распознавания любых изображений и даже лиц, для штрихкодов есть отдельный Barcode Detection API, сделанный на той же платформе. На данный момент доступен на всех браузерах на основе Chromium.
Распространяется бесплатно и отлично справляется с распознаванием даже смазанных изображений. Наш проект для Loreal Academy стал одним из первых, в котором использовалась эта возможность. В продакшн он вышел через неделю после релиза API. До этого мы протестировали бета-версию, и оказалось, что это самый простой и удобный вариант.
Плюсы: бесплатный, высокий процент распознавания.
Минусы: поддерживается не всеми браузерами. Совместимость можно проверить здесь.
Вывод
Появление Shape Detection API перевернуло рынок браузерных решений для считывания штрихкодов. Они конкурируют и с платными сервисами, и с бесплатными решениями за счёт лёгкой интеграции и высокого процента верных распознаваний. Плюс, с ростом популярности алгоритм постоянно совершенствуется. Возможно, вскоре на рынке появятся подобные решения от других компаний, которые смогут предложить больше возможностей или форматов кодов.
Если вы в поиске оптимального решения для корпоративного софта, свяжитесь с нами через форму внизу, наши специалисты подберут инструменты, которые идеально подойдут вашему проекту.
Удивительно, что довольно долгое время штрихкоды были головной болью для разработчиков веб-приложений. Вероятно, на развитие инструментов для их распознавания повлияла пандемия и взрывная популярность сервисов доставки. Здорово, что мы смогли одними из первых протестировать и внедрить новый API в проект для нашего клиента
Источник: evrone.ru
Как сгенерировать QR-код URL в Google Chrome на Android
Есть много способов поделиться ссылками из Google Chrome на Android. Вы можете скопировать URL-адрес или поделиться им напрямую с другим приложением. Но всегда хорошо иметь больше возможностей, и одна из них — QR-коды.
QR-код — это тип штрих-кода, который содержит информацию, которая может быть обнаружена при сканировании устройством для чтения QR-кода. Их можно использовать для хранения различной информации, включая URL-адреса.
В примере с браузером Chrome сгенерированный QR-код ссылается на URL-адрес, которым Вы делитесь. Вы можете показать QR-код другу, чтобы он отсканировал или загрузил его для своих целей.
Чтобы использовать функцию совместного использования QR-кода в Google Chrome на Android, нам нужно включить несколько экспериментальных функций. Включение флагов может вызвать проблемы при использовании приложения, имейте это ввиду.
Разработчик: Google LLC
Цена: Бесплатно
Откройте приложение «Chrome» на своем телефоне или планшете Android и введите chrome://flags в адресной строке.
Затем в строке поиска введите «Sharing Hub». Установите для флажка «Chrome Sharing Hub» значение «Enabled» вместо «Default».
Прежде чем перезапустить Chrome, введите «QR code» в поле поиска. Установите для флажка «Chrome Share QRCodes» значение «Enabled».
Теперь нажмите «Relaunch», чтобы изменения вступили в силу.
Когда Google Chrome снова будет открыт, перейдите на веб-страницу, которой Вы хотите поделиться с помощью QR-кода. Оказавшись там, коснитесь адресной строки и выберите соответствующий значок.
Вверху списка будет опция «QR-код». Коснитесь ее.
QR-код будет сгенерирован и отображен на Вашем экране. Теперь Вы можете позволить людям сканировать его или нажмите «Скачать», чтобы сохранить QR-код на свое устройство и использовать его позже.
Вы также заметите, что в верхней части экрана есть вкладка «Искать». Этот метод также работает как простой способ открыть сканер QR-кода (кроме открытия приложения камеры на телефоне или планшете).
QR-код и сканер теперь находятся всего в нескольких нажатиях в веб-браузере Android, когда они Вам понадобятся.
Источник: android-example.ru
Расшифровать или создать QR код онлайн
QR код создан специально для распознавания мобильными устройствами. Тем не менее, не всегда есть возможность воспользоваться специальной программой на телефоне, а содержимое картинки все-таки хочется узнать. Если это именно ваш случай — просто загрузите картинку в форму ниже и сразу получите ее содержимое!
Создать QR код тоже достаточно просто — укажите текст, который вы хотите закодировать и сразу получите картинку в ответ!
Чтобы скачать получившийся QR код на компьютер, нажмите по картинке правой кнопкой мыши и выберите «Сохранить изображение как. «
Это интересно:
Источник: decodeit.ru