 10 Сен 2018

 Дмитрий Маришин

Давайте разберемся, как с помощью современного смартфона (мы будем использовать iPhone) можно отсканировать QR-код в онлайн-режиме.

Как выглядит QR-код?

QR-код представляет собой небольшой квадратик из пикселей, в которые «зашита» определенная информация. И как только вы декодируете (просканируете) этот код, например, с помощью вашего телефона, вы вместо непонятных иероглифов получите вполне понятную ссылку, которая откроет в браузере нужную страницу с товарами или услугами.

Возможно, вы не раз замечали QR-коды на рекламных плакатах в метро и на улицах, а также на буклетах и визитках компаний. Так же QR-коды активно используются в интернет-торговле, когда можно зарегистрироваться на сайте, получить бонусную карту или даже сделать заказ, просто отсканировав специальный QR-код. С этой технологией процесс сокращается в разы. Кстати, мы тоже используем QR-код для мгновенного оформления бонусных карт MacTime для наших клиентов. Бонусы быстро копятся и их можно тратить при покупке любых полезных гаджетов и аксессуаров.

Попробуйте:

Сканируем QR-код с помощью камеры iPhone.

Программы и приложения для сканирования QR-кодов.

Если же вы хотите иметь специальное приложение для сканирования QR-кодов онлайн, или вы являетесь владельцем Android-устройства, то необходимо зайти в App Store или Маркет и скачать любое бесплатное приложения для декодирования QR-кодов. Будут отличаться только названия программ, а суть останется неизменной.

Итак, 3 шага по сканированию кода через сторонние приложения:

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

Мы подготовили для вас 3 приложения из App Store, которые позволят буквально в один клик отсканировать любой QR-код в онлайн-режиме:

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

Создаем QR-коды самостоятельно.

Конечно да, и сделать это можно так же через приложения сторонних разработчиков. Для владельцев IOS-устройств мы рекомендуем уже указанное выше приложение QR Reader for iPhone. Помимо сканирования кодов, оно еще умеет их создавать.

Для начала включите в настройках поддержку русского языка, потом перейдите в Генератор кодов и нажмите на «+». Вам будет предложено выбрать вид информации, которую вы хотите закодировать. На финальном этапе вы сможете настроить внешний вид вашего QR-кода и сохранить его в форматах PNG или SVG.

Скорее всего на вашем телефоне уже установлен по умолчанию сканер QR-кода, вы можете легко с его помощью просканировать первый QR-код. Сделать это очень легко. Просто следуйте нашей инструкции.

1. Откройте устройство чтения QR-кода на своем телефоне.

2. Держите устройство над QR-кодом так, чтобы он был хорошо виден на экране вашего смартфона.

Если вы правильно держите смартфон над QR-кодом, то в таком случае произойдет следующее:

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

3. Нажмите указанную кнопку, если потребуется.

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

Вы начнете видеть QR-коды повсюду. Они используются для обучения, информирования, объяснения и для многих других вещей. Находите их и сканируете! QR-коды сэкономят вам много времени и усилий.

Как сканировать QR-коды на Android

А теперь мы расскажем вам, как использовать приложение сканирования для QR-кодов на Android.

Кратко:
1. Откройте Play Маркет .
2. Поиск считывателя QR-кода .
3. Выберите QR Code Reader (через Scan).
4. Нажмите «Установить» .
5. Откройте программу чтения QR-кода .
7. Направьте камеру на QR-код.
8. Нажмите «ОК» .

Шаг 1 . Откройте Play Маркет на Android. Это значок в приложении или на главном экране.

Шаг 2. Введите считыватель QR-кода в поисковике. Появится список приложений для чтения QR-кода.

• Эта статья объясняет, как использовать QR-код Reader, но вы можете выбрать то, приложение, которое вам понравится. Просто не забудьте прочитать о приложении перед загрузкой.
• Шаги должны быть одинаковыми для всех приложений чтения QR-кода.

Шаг 3. Нажмите QR Code Reader, разработанный Scan. Имя разработчика указано ниже каждого приложения. Возможно, вам придется прокрутить страницу вниз, чтобы найти приложение, сделанное Scan.

Шаг 4. Нажмите « Установить» . Появится всплывающее окно с просьбой предоставить разрешение для доступа к информации на вашем Android.

Шаг 5. Нажмите «Принять» . QR-код Reader теперь будет установлен на вашем Android-устройстве.

• • Когда приложение будет загружено, кнопка «Установить» смениться на «Открыть», и у вас появится новый значок в приложении.

Шаг 6. Откройте QR Code Reader. Это значок, который похож на QR-код в приложении. Откроется приложение, которое выглядит как стандартный экран камеры.

Шаг 7. Выровняйте QR-код в кадре камеры. Немного похоже на то, как вы делаете фотографии, за исключением того, что вам не нужно нажимать какие-либо кнопки. Когда сканер штрих кодов прочитает код, появится всплывающее окно с URL-адресом в коде.

Шаг 8. Нажмите «ОК», чтобы открыть веб-сайт. Это запускает ваш веб-браузер по умолчанию и перемещается по URL-адресу в QR-коде.

• Tutorial

Иногда возникают такие ситуации, когда нужно прочитать QR код, а смартфона под рукой нет. Что же делать? В голову приходит лишь попробовать прочитать вручную. Если кто-нибудь сталкивался с такими ситуациями или кому просто интересно как же читается QR код машинами, то данная статья поможет вам разобраться в этой проблеме.

В статье рассмотрены базовые особенности QR кодов и методика дешифрирования информации без использования вычислительных машин.

Иллюстраций: 14, символов: 8 510.

Для тех, кто не в курсе что такое QR код , есть в английской Wikipedia. Также можно почитать тематический блог на Хабре и несколько хороших статей по смежной тематике, которые можно найти поиском .

Решение задачи непосредственного чтения информации с QR-картинки рассмотрим на примере двух кодов. Информация была закодирована в online-генераторе QR Coder.ru .

Чтобы понять, как извлечь данные из кода, нужно разобраться в алгоритме. Существует несколько стандартов в семействе QR кодов, с их базовыми принципами можно ознакомиться в спецификациях. Кратко поясню: данные, которые необходимо закодировать, разбиваются на блоки в зависимости от режима кодирования. К разбитым по блокам данным прибавляется заголовок, указывающий на режим и количество блоков. Существуют и такие режимы, в которых используется более сложная структура размещения информации. Данные режимы рассматривать не будем ввиду того, что извлекать вручную из них информацию нецелесообразно. Однако, основываясь на тех принципах, которые описаны ниже, можно адаптироваться и к этим режимам.

На случай некорректного чтения данных, в QR применяются специальные коды, которые способны исправить недочёты при чтении. Это так называемые коды Рида-Соломона . Принцип вычисления кодов, а также исправление ошибок в блоках информации рассматривать не будем, это тема отдельной статьи. Корректирующие ошибки коды Рида-Соломона (RS) записываются после всех информационных данных. Это очень упрощает задачу непосредственного чтения информации: можно просто считать данные, не трогая коды. Как показывает практика, обычно бОльшую часть QR -матрицы занимают корректирующие RS-коды.

По стандарту, данные с RS-кодами перед записью в картинку «перемешиваются». Для этих целей используют специальные маски. Существует 8 алгоритмов, среди которых выбирается наилучший. Критерии выбора основаны на системе штрафов, о которых можно также почитать в спецификации.

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

Здесь зелёным фломастером подчёркнуты пункты, которые нужно будет выполнить при непосредственном чтении кода. Остальные пункты можно опустить ввиду того, что считывание производит человек.

Шаг 0. QR код

Взглянув на картинки, можно заметить несколько отчётливых областей. Эти области используются для детектирования QR кода. Эти данные не представляют интереса с точки зрения записанной информации, но их нужно вычеркнуть или просто запомнить их расположение, чтобы они не мешали. Всё остальное поле кода несёт уже полезную информацию. Её можно разбить на две части: системная информация и данные. Также существует информация о версии кода. От версии кода зависит максимальный объём данных, которые могут быть записаны в код. При повышении версии – добавляются специальные блоки, например как здесь:

По ним можно сориентироваться и понять какая версия QR перед вами. Коды высоких версий обычно также нецелесообразно считывать вручную.

Размещение системной информации показано на рисунке:

Системная информация дублируется, что позволяет значительно понизить вероятность возникновения ошибок при детектировании кода и считывании. Системная информация – это 15 бит данных, среди которых первые 5 - это полезная информация, а остальные 10 - это BCH (15,5) код, который позволяет исправлять ошибки в системных данных. К классу BCH кодов относят и RS коды. Обратите внимание, что на рисунке две полоски по 15 бит не пересекаются.

Шаг 1. Чтение 5 бит системной информации

Шаг 2. Маска для системной информации

Возможные уровни коррекции ошибок:

Возможные маски:

Шаг 3. Чтение заголовка данных

Список возможных режимов:

P.S. Соблюдайте правила ресурса и условия Creative Commons Attribution 3.0 Unported (CC BY 3.0)

P.P.S. Если ошибся блогом, то подскажите куда - перенесу.

Теги:

• QR код
• код Рида-Соломона

«Кто чувствует собственную привлекательность, тот и становится привлекательным» - Иоганн Вольфганг Гёте

Для тех кому не терпится попробовать сделать цветной QR-код или сделать QR-код с логотипом или фоновой картинкой:

Каких результатов можно добиться, изменив оформление кода?

1. Стать заметным . Выделиться на фоне однотипных QR-кодов – сделать работу кода более эффективной. К примеру, вы можете развернуть код(он прочитается), сделать его цветным, закруглить уголки, добавить тень и т.д.
2. Дать подсказку . Добавив в сам код или рядом с ним немного текста, который сможет прочесть человеческий глаз, еще до того, как воспользуется камерой мобильного телефона. Сейчас QR-код только активно начинает захватывать рынки и потребители своими смартфонами сканируют все вподряд. Добавить немного текста хорошо, за исключением самых очевидных случаев. Если в QR-коде зашифрован адрес сайта, то можно его расположить под кодом или прямо на нем (тут осторожней).
3. Акцентировать внимание на бренде . Т.к. QR-коды очень привлекательный элемент в рекламе, то естественно, если гармонично вписать его в фирменный стиль организации можно подкрепить и усилить силу бренда в сознании потребителей. К примеру, раскрасить в фирменные цвета, внедрить логотип в код, оформить сегменты продукцией (смотрите далее очень интересный код из продукции Panasonic).

Самое простое изменение, которое мы можем привнести в код, это поменять его цвет. По стандарту любой QR-код состоит всего из двух цветов — черного и белого. Мы можем заменить как один цвет, так и два цвета на те цвета которые будут решать поставленные задачи. Необходимо чтобы черный цвет после окрашивания остался более темный чем окрашенный белый. Причем после раскраски необходимо чтобы контраст между этими цветами был достаточно большим, чтобы камера, программное обеспечение, и встроенные алгоритмы телефона смогли считать и расшифровать его. В противном случае код перестанет считываться.

Усложняя алгоритм раскрашивания QR-кода мы приходим от линейных цветной заливки к градиентной заливки. Если вдруг вам еще не знаком термин “градиент”, то это плавный переход от одного цвета к другому. Другими словами градиентом может быть плавный переход от черного цвета к синему. Градиенты бывают линейными, радиальными, ромбовидными и других причудливых форм. Иногда правильным градиентом удается значительно улучшить визуальное восприятие QR-кода по сравнению с линейной цветной заливкой.

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

Следующим ходом на пути к оживлению QR-кода будет вставка фонового изображения. Здесь есть два пути по которым можно пойти. Первый путь — это вставка фоновой картинки на место черных сегментов, при этом картинка должны быть достаточно низкой яркости, чтобы контраст с белыми сегментами был высок. Это необходимо для корректного считывания кода. Второй путь — это подложка под белые сегменты кода. В этом случае напротив, яркость картинки должна быть высокой в контрасте с черными сегментами. Применяя данный подход можно получить достаточно интересные визуальные эффекты на QR-коде.

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

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

Имея QR-код с повышенной помехозащищенностью мы можем встраивать в него любые изображения не перекрывающие код более чем на 30%. Часто такая изюминка в виде маленьких картинок на коде сильно меняют восприятие такого кода и повышают интерес к нему. Как правило, автоматическое встраивание таких изображений бывает невозможным, т.к. форма картинки может сильно зависеть от полученной конфигурации кода. Поэтому такого рода трансформации кода производятся дизайнерами в графических программных пакетах уже после того как код был создан генератором.

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

Анимированный QR-код

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

Каждый кто сталкивался со странными рисунками, содержащими в себе массу информации, хотел узнать: как создается подобный код, как пользоваться QR-кодом и как прочесть QR-код. В частности, QR-код, иначе баркод, представляет собой подобие штрихкода, но совершенно другого исполнения. Этот код, название которого на русском языке звучит как «быстрый отклик», был разработан в Японии.

Как пользоваться qr-кодом? В баркоде скрывается гораздо больше информационного материала, чем в обычном штрихкоде. Например, в нем можно с легкостью зашифровать ссылку на сайт, e-mail и другую информацию, которую вы считаете важной. Из кода создается картинка, которую можно разместить где угодно даже на вашей одежде. Но самым интересным является даже не это, а тот факт, что его можно считать с помощью программы-сканера, которая может быть установлена на многие модели мобильных телефонов, смартфонов, iPad. После проведения процедуры сканирования программа покажет информацию, зашифрованную баркодом.

Как создать QR-код

Для создания баркода можно воспользоваться онлайн генератором кодов. В специальную форму генератора нужно поместить информацию, которую вы собираетесь зашифровать. В зависимости от типа информации форма будет выглядеть по-разному. После указания размера баркода нажимается клавиша «Создать код».

В окне появляется созданный QR-код, которому необходимо выбрать место размещения. Одним из вариантов является перемещение кода на рабочий стол при помощи мыши.

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

Специальные ресурсы позволяют сделать рисунок разноцветным. В программу вносятся данные о цвете элементов, надписях и размере. После внесения информации, предназначенной для кодирования, генерируется баркод. Зная, как читать qr-код, узнаем, на чем это сделать.

Оборудование, необходимое для расшифровки баркода

Вы знаете, как расшифровать qr-код? Для того чтобы получить расшифровку QR-кода необходимо, чтобы у вас было мобильное устройство, имеющее встроенную фотокамеру. Однако кроме фотокамеры требуется, чтобы на телефон была установлена программа, предназначенная для дешифрования баркодов – QR Reader.

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

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

Как расшифровать QR-код

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

Следующий шаг декодирования — регулировка размеров и четкости изображения на экране вашего телефона. С этой целью применяется цифровой зум, которым оснащены все фотокамеры мобильных телефонов. После окончания регулирования картинка с кодом должна иметь четкие очертания и располагаться прямо в центре экрана. Просканировав код, программа его проанализирует и самостоятельно выдаст результат. Если декодер не сработал, нужно нажать клавишу Snapshot, которая активирует программу. Если положительный результат не был достигнут – измените расстояние от камеры до кода.

Есть несколько правил успешной дешифровки баркода.

1. Следите за освещенностью.
2. Обеспечивайте максимально неподвижное положение камеры во время съемки QR-кода. Если камера во время съемки будет двигаться – это затруднит процесс сканирования.
3. Камера должна располагаться под прямым углом к какой-нибудь стороне картинки с кодом.
4. Телефон должен располагаться на одном уровне с кодом.

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