Антон Шевчук // Web-разработчик

QR код // Design

Перед Вами QR код (“Quick Response”) — сие есть новое поколение штрихкодов разработанное японской компанией Denso-Wave еще в 1994 году, дабы заменить стандартный barcode, который уже не мог удовлетворить все потребности. На данный момент, широко используется в Японии и других азиатских странах, и по чуть-чуть идет к нам – взгляните хотя-бы на процессор в вашем компьютере – он тоже, скорей всего, промаркирован 2D кодом.

Перед обычным баркодом, у QR есть пара весомых преимуществ:

  • Объём хранимой информации (до 4 296 символов, иль до 7 089 цифр)
  • Поддержка коррекции ошибок (от 7% до 30% информации) – используется код Рида-Соломона

У QR кода есть версии, различаются они по количеству хранимой информации и конечно же размерами:

  • Версия 1 содержит: 21 строку и колонку, максимум 25 символов
  • Версия 2 содержит: 25 строк и колонок, максимум 47 символов
  • Версия 40 содержит: 177 строк и колонок, максимум 4,296 символов

Более детальную информацию Вы найдете на страницах Wikipedia (англ), иль даже Хабра

Сгененировать картинку с QR кодом Вы можете использую следующие сервисы:

Еще одно из преимуществ данного кода – его можно легко распознать при помощи Вашего мобильного телефона – достаточно установить соответствующий софт:

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

Для разработчиков “ридеров” – вот ссылка на ZXing библиотеку для Java.

Еще советую заглянуть на сайт http://www.semapedia.org/ – они нынче активно занимаются популяризацией QR кода…

Далее информация для блоггеров – если Вы хотите разнообразить свой блог – то можете добавить к каждому посту QR код используя один из следующих способов:

QR Code плагин для WordPress

Скачать: QR Code (версия 0.1)

Плагин использует для генерации картинки Open Source библиотеку QR-code (картинки складываются в директории плагина).

Для установки Вам понадобится:

  1. Распаковать архив с плагином в директорию /wp-content/plugins/
  2. Выставить права на запись для директории /wp-content/plugins/a-qr-code/cache/
  3. Активизировать плагин в админке

И немного отредактировать тему, добавив следующий код в файлы page.php, single.php, archive.php, index.php (по Вашему выбору – во все – не обязательно):

<?php while (have_posts()) : the_post(); ?>
...
<?php if (function_exists('aQRCode')) { echo '<img src="'.aQRCode(get_permalink()).'" alt="QR Code for '.the_title('','',false).'"/> '; }?>
...
<?php endwhile;?>

Сие добавит QR код к посту (или странице) в котором будет зашифрован URL страницы.

Функция aQRCode может принимать следующие параметры:

  1. Данные для кодирования (string) – в примере использовалась строка возвращаемая функцией get_permalink()
  2. Объём данных для коррекции (string) – L (7%), M (15%), Q (25%) или H (30%)
  3. Формат (string) – J – для jpeg и other – для PNG
  4. Размер (integer) – до 1480
  5. Версия (integer) – от 1 до 40

QR Code плагин для WordPress (Google Charts API версия)

Скачать: QR Code (GCAPI) (версия 0.1)

Данный способ базируется на Google Charts API, и очень прост в установке:

  1. Распаковать архив с плагином в директорию /wp-content/plugins/
  2. Активизировать плагин в админке

Добавить в шаблон темы следующий код:

<?php while (have_posts()) : the_post(); ?>
...
<?php if (function_exists('aQRCodeG')) { echo '<img src="'.aQRCodeG(get_permalink()).'" alt="QR Code for '.the_title('','',false).'"/> '; }?>
...
<?php endwhile;?>

Функция aQRCodeG может принимать следующие параметры:

  1. Данные для кодирования (string) – в примере использовалась строка возвращаемая функцией get_permalink()
  2. Размер (integer) – до 546 пикселей
  3. Кодировка (string) – Shift_JIS, UTF-8 или ISO-8859-1
  4. Объём данных для коррекции (string) – L (7%), M (15%), Q (25%) или H (30%)
  5. Отступ (integer) – по умолчанию 4 колонки/строки

QR Code для Blogspot

При помощи данного способа, Вы сможете с легкостью интегрировать QR код в Ваш блог на blogspot.com иль на любой иной хостинг, где у Вас есть возможность вставить следующий JavaScript код в страничку (данный способ так же базируется на Google Charts API):

<script type="text/javascript">
        // use current location as data
        var chl = new String(document.location);       
        pos = chl.indexOf('#',0);
        if (pos >= 0) {
            chl = chl.substr(0,pos);
        }   
             chl  = escape(chl); // escaped data
        var chs  = '150x150'; // Size: The largest possible area for all charts except maps is 300,000 pixels. As the maximum height or width is 1000 pixels, examples of maximum sizes are 1000x300, 300x1000, 600x500, 500x600, 800x375, and 375x800.
        var choe = 'UTF-8'; // Charset: Shift_JIS, UTF-8, or ISO-8859-1
        var chld = 'L'; // L allows 7% of a QR code to be restored, M allows 15%, Q allows 25%, H allows 30%
        var margin = 4; // margin in rows/columns
       
        document.write(unescape('%3Cimg src="http://chart.apis.google.com/chart?chs='+chs+'&cht=qr&chl='+chl+'&choe='+choe+'&chld='+chld+'|'+margin+'" alt="QR Code" /%3E'));
</script>

Для blogspot.com Вам необходимо добавить gadget именующийся как HTML/JavaScript, как это выглядит можете посмотреть на блоге php-team.blogspot.com

© Антон Шевчук 2007-2014