slide1

Alt1040. Noticias acerca de Internet, diseño, música, cine, opiniones, weblogs y medios

Es uno de los weblogs de tecnología más seguidos de la blogosfera hispana.

slide2

Bitelia. Blog de software, internet y servicios web

Software y aplicaciones para mejorar tu vida, guías de uso, trucos, listas, noticias y todo sobre tecnología.

slide3

Xataka. Publicación de noticias sobre gadgets y tecnología.

Últimas tecnologías en electrónica de consumo y novedades tecnológicas en móviles, tablets, informática, etc.

slide4

Wwwhatsnew. Aplicaciones, marketing y noticias en la web.

Servicios que os pueden ser útiles para dibujar, gestionar tareas, hacer amigos, encontrar restaurantes...

slide5

Fayerwayer. Discusiones y opiniones de lo ultimo en tecnología y gadgets

Con secciones dedicadas a Internet, Software o Redes Sociales es un referente a nivel de tecnología en español.

Mostrando entradas con la etiqueta barcode. Mostrar todas las entradas
Mostrando entradas con la etiqueta barcode. Mostrar todas las entradas

11 de octubre de 2014

Como generar barcodes lineales y QR barcodes con jQuery en pocas líneas de código

En el artículo anterior Quick Response Barcode o «código de respuesta rápida» perfilamos las dimensiones que tiene y puede alcanzar este tipo de software. También hablamos de la infinidad de servicios que nos permiten generar el código de forma sencilla y transparente ya sea a través de la instalación de un programa o directamente desde la barra de direcciones de nuestro navegador.

Ahora bien, ¿estamos dispuestos a crear códigos qr dependientes de servicios de terceros?

Con jQuery.qrcode generar códigos QR de forma dinámica en nuestro sitio web será muy fácil y tendremos la posibilidad de codificar alrededor de 2900 caracteres (8 bits).

Este plugin permite la creación de códigos QR de dos formas diferentes:

  • Dibujándolo sobre un objeto canvas: genera en el elemento que deseemos una etiqueta canvas de HTML5, y luego pinta el código sobre su superficie.

    Funcionará en los navegadores más modernos que soporten el objeto canvas de forma nativa:

    • Internet Explorer 9+
    • Firefox 31+
    • Chrome 31+
    • Safari 5.1+
    • Opera 24+
    • iOS Safari 7.1+
    • Opera Mini 7+
    • Android Browser 2.3+
    • Chrome for Android 37+

    Toda la información en http://caniuse.com/#feat=canvas

  • Generándolo a partir de capas o divs: crea el código dibujando cada punto a partir de un elemento div de HTML, por lo que funcionará en cualquier navegador.
Podemos ver una demostración que ilustra estos dos métodos en la dirección https://larsjung.de/jquery-qrcode/latest/demo/

Su uso es simple: seleccionamos con jQuery el elemento en el que queremos albergar el código y llamamos al método qrcode con el parámetro text y la información que queremos mostrar.

Obtenemos el código QR:



También podemos pasar parámetros al método para definir el aspecto del código QR: tamaño, color, fuente, bordes, etc.

Código QR resultante:



jQuery también nos proporciona otro plugin para generar barcodes o códigos de barras lineales, cuya concepción se basa en en la 'representación mediante un conjunto de líneas paralelas verticales de distinto grosor y espaciado que en su conjunto contienen una determinada información, es decir, las barras y espacios del código representan pequeñas cadenas de caracteres'.
Fuente: http://es.wikipedia.org/wiki/Código_de_barras

También resulta extraordinariamente fácil su uso, tan sólo tenemos que importar en nuestro web site la librería jquery-barcode.min.js que podemos bajarnos del sitio oficial http://barcode-coder.com/download/jquery-barcode-2.0.3.zip.

En este caso seleccionamos el elemento en el que queremos insertar el código y llamamos al método barcode con la cadena numérica a codificar y el tipo de codificación.




De la misma forma que los códigos de dos dimensiones, podremos definir el aspecto del barcode: color de fondo, color de las barras verticales, ancho y algo de las barras, etc.


Obtenemos el siguiente código de barras lineal:



Los tipos de códigos de barras que nos proporciona la librería son:

  • EAN 8
  • EAN 13
  • UPC
  • standard 2 of 5 (industrial)
  • interleaved 2 of 5
  • code 11
  • code 39
  • code 93
  • code 128
  • codabar
  • MSI
  • Data Matrix

Toda la información en http://barcode-coder.com/en/barcode-jquery-plugin-201.html


22 de septiembre de 2014

Códigos QR ¿tendencia u oportunidad de negocio?

Un código QR (Quick Response Barcode o «código de respuesta rápida») es un sistema de almacenamiento de información en un código de barras de dos dimensiones.
La ventaja fundamental respecto del código de barras tradicional es que nos permite introducir mucha más información, siendo más amplio el abanico de posibilidades o usos que le podemos dar.


Se trata de un estándar que permite representar en un gráfico bidimensional hasta 4.296 caracteres alfanuméricos.
Otro de los aspectos destacados es que, a diferencia de otros formatos de códigos de barras bidimensionales como el BIDI, su código es abierto y sus derechos de patente no son ejercidos, permitiendo que cualquiera pueda usarlos.

Se caracteriza por los tres cuadrados que se encuentran en las esquinas y que facilitan el posicionamiento para su interpretación.
Los códigos QR pueden leerse desde smartphones, tablets o PCs por medio de dispositivos de captura de imagen (escáner, cámara de fotos) y un software que interpreta la lectura y realiza la acción que indica el código.

La compañía japonesa Denso Wave, subsidiaria de Toyota, lo inventó en el año 1994 y durante quince años fueron adoptados por muchas aplicaciones industriales para la gestión de inventarios. La incorporación de software que lee códigos QR en los teléfonos inteligentes ha permitido que se desarrolle una corriente entre agencias de marketing y empresas, que palparon una oportunidad para utilizar estos códigos para conectar el mundo físico con la Red.

¿Qué información pueden contener?

Podemos usarlos para pasar nuestra tarjeta de visita, la URL de nuestra web, una dirección, la localización en un mapa sobre la ubicación de una empresa, una imagen, un documento pdf, un vídeo corporativo, etc.
Por lo tanto representan una apuesta en el mundo del Marketing, la Publicidad y el Consumo.
En el siguiente artículo, Eduardo Cano (Director de Internet y Nuevas Tecnologías de Parques Reunidos) nos ilustra con campañas de Marketing reales llevadas a cabo por distintas compañías en los úlimos años: Las 10 mejores y más innovadoras campañas con códigos QR

Para hacernos una idea del alcance que está teniendo esta tecnología, hace sólo unos días el Ayuntamiento de Madrid anunciaba que va a poner en marcha una experiencia piloto para identificar a los enfermos con Alzheimer mediante un código QR colocado en un colgante o pulsera. Fuente original: Madrid prueba un código QR para identificar a las personas con Alzheimer

¿Cómo se crean?

Para crear un código QR necesitamos un generador de códigos QR.
Existen aplicaciones para Windows, Linux y Mac pero lo más rápido y sencillo es utilizar servicios en línea. La mayoría permiten la creación de códigos a partir de una Url, texto, teléfono, vcard, sms, e-mail, etcétera.

Hay infinidad de generadores QR-Code:

Otros servicios nos permiten generar el código introduciendo una serie de parámetros a través de una url:

Incluso existen extensiones para Google Chrome:

¿Cómo se leen?

Para leer o interpretar un código QR es necesario un dispositivo con cámara de fotos y un lector compatible. En Internet puedes encontrar numerosos lectores capaces de interpretar estos códigos.

Nilo Vélez (Desarrollador Web y CTO & Co-founder de 50 Gramos) nos ofrece diez lectores gratuitos para iOS, Android, BlackBerry, Symbian, Windows Phone, Mac: Top 10: lectores gratuitos de códigos QR

¿Tendencia u oportunidad de negocio?

Con una penetración importante en Japón, siendo el sistema de codificación más utilizado (los jóvenes se tatúan este código con información médica), su impacto no ha sido el mismo ni en Europa ni en Estados Unidos.
Quizás debido a una serie de inconvenientes que no han conseguido resolver:

  • Si hay problemas de señal o cobertura, complicará el acceso a la información.
  • Dificultades para leer el código, dependiendo de la ubicación del mismo – al aire libre, expuesto al sol – o por un tamaño excesivamente pequeño.
  • Como no es una funcionalidad integrada en los dispositivos, los usuarios tienen que descargar apps de terceros que permitan el escaneo accediendo a la cámara de fotos, para así poder decodificar la información.
  • Debido a que cualquier usuario sin ningún tipo de conocimiento puede hacer uso de ellos, hemos pasado a verlos como un método menos profesional y más de a pie.
  • El ojo humano siempre será mucho más sensible que la cámara de un smartphone. Si un posible consumidor se encuentra subido en un vehículo o caminando con prisa, es prácticamente imposible que su teléfono capte el código de forma correcta. Sin embargo, memorizar una página web y teclearla al momento en nuestro navegador siempre es una opción más fácil.
  • Muchas de las tecnologías alternativas, como Near Field Communications (NFC) y el reconocimiento visual (VR), son cada vez más viables comercialmente, superando muchos de los inconvenientes de los QR.
    Google, tras una serie de pruebas, decidió optar por otras tecnologías como NFC para aplicaciones como Places o Wallet.
Fuente: Bakia

Su uso real es excesivamente bajo. Pocos son los usuarios que sacan de sus bolsillos su «smartphone» para realizar un escaneo.
De hecho, el 84% de las empresas españolas que han utilizado en alguna ocasión códigos QR reconoce que han presentado proyectos incorporando esta tecnología con el objeto de «crear una sensación de vanguardia», según datos de Selenus, consultora especializada en social media. El 52.9% asegura que lo utilizará en sus próximas campañas publicitarias, pero de cara al usuario lo cierto es que su uso es más bien escaso.

Desde mi punto de vista, aún tienen recorrido por su condición de ser gratuitos en la mayoría de los casos pero su evolución dependerá en gran medida de los usos más complejos que se les pueda dar y de la capacidad para aportar mayor valor a los usuarios.

¿compartes mi opinión?