• 16

    Escaner para codigos QR en tu web con Webcam/Flash/ActionScript y logosware qrdec

    Escrito por on 20 agosto 2011 | Actualidad, Destacados, frameworks, Software

    Image

    Sin duda los codigos Q.R están de moda en chile, y la moda la impuso LG con su publicidad en los parederos, anteriormente otras empresas intentaron utilizar codigos Q.R, pero con un menor impacto mediatico, EntelPCS por ejemplo o Claro.

    Si llegaste aquí probablemente no quieras leer sobre la teoria y tecnisismos del funcionamiento de esto, sí que primero te dejo un ejemplo y luego explico detalles:
    Imprime el codigo Q.R que esta abajo, luego lo pones frente a la webcam y verás que abajo del codigo se escribirá un texto.

    El lector funciona al escanear 3 veces el codigo y verificara que en esos 3 intentos el resultado sea el mismo(para evitar errores de lectura), si te fijas tiene esquinas rojas, al ponerse azules significa que la ha escaneado, debe cambiar entre rojo y azul 3 veces seguida, cuando el escaneo sea exitoso emitira un sonido como el de un obturador de maquina fotografica y abajo mostrara el texto que contiene el codigo.

    Bien, ahora que viste el ejemplo te dejo la información relevante:

    El codigo ActionScript original lo puedes descargar desde aquí:

    http://code.google.com/p/qrdec/

    La version que ves en esta página fue modificada por mi, le agregue flashvars para definir el color de fondo(borde gris), para indicarle hacia que funcion Javascript enviare los datos escaneados y el tamaño del visor.

    ¿Para que sirve?

    Sirve para muchas cosas, en general se ha utilizado como una herramienta de marketing, para unir el mundo real con el digital, etc, a continuacion una lista de usos:

    1. Señaletica turistica: En españa por ejemplo se ha utilizado en ciertos lugares como información contextual para la señaletica de turistas, por ejemplo estas parado en un letrero que indica 5 caminos distintos, pones tu telefono movil frente al codigo y este te muestra un mapa para que veas donde estas, donde puedes ir, o entregar informacion extra que en un letrero no puede adjuntarse, como fotografias o descripcion del lugar.
    2. geocaching: en realidad el geocaching incluye el uso de GPS, pero a falta de uno, se pueden utilizar codigos Q.R para que entreguen pistas y te digan por donde seguir hasta llegar al “Tesoro”.
    3. Información contextual en publicidad callejara Flyers, etc: Por ejemplo pones un letrero de “Gran fiesta con los wachiturros”(los nombro ya que estan “de moda”  XD), te indica la direccion fisica, pero tu no tienes como saber donde es, escaneas el codigo y te muestra el lugar en google maps desde tu celular. O bien escaneas un codigo y te muestra la pagina web de la fiesta con mas información que puedes visitar desde tu movil.
    4. Publicidad/Marketing/Concursos: un claro ejemplo es el uso que LG le ha dado a los codigos QR con su campaña “Federico Sanchez te invita a conocer tu ciudad
    5. Mejorar la experiencia de tu cliente con uno de tus productos, una muestra de ello es lo realizado por la viña Castillo de Molina y su campaña de Maridaje en linea. Tu compras un vino y a este le acompaña un codigo Q.R, vas a la pagina de la viña, seccion Maridaje, pones el codigo frente a la camara y la pagina te dice con que puedes acompañar tu vino.
    6. Tarjetas de presentación: Se puede introducir una Vcard en el codigo, de este modo un cliente puede escanear el codigo y tus datos se ingresaran de forma automatica a su agenda ya sea en el blackberry, Iphone, etc.

    En chile he sabido  de 3 Agencias que han trabajado con estos codigos, la que realizo la campaña de LG, la que realizó la campaña de maridaje de Castillo de Molina y una Agencia del sur(creo que son de Valdivia) que en su pagina qrchile se puede ver el trabajo que hacen.

    Ya lo sabes si necesitas a alguien que sepa de códigos Q.R me puedes contactar ya sea dejando un mensaje a este post o enviando un mail a amolina   arroba estedominio punto org (no pongo la direccion completa para evitar el SPAM)

    Number of View :7220
    Deja tu comentario

    Comentarios


    • Dosjota

      ago 29

      Estimado, podría facilitar el código del script original o el modificado, en el repositorio de google no se encuentra disponible.
      desde ya Gracias

      Responder

    • karlos_g

      ago 31

      muchas gracias!!! voy a implementarlo

      Responder

    • Roberto

      ago 31

      Hermano excelente tu página, uanq tengo un problema con el script escanea pero no me da la página que escanea cuando lo descarge… estoy probando pero no se que sera

      Responder

      • admin

        sep 1

        no entiendo a que te refieres, explicamelo a prueba de tontos XD
        debiera redireccionarte a una pagina?
        El script esta hecho para pasar el resultado a un javascript, en este caso el javascript que puse no redirecciona nada, sino qeu simplemente hace un output a un div que se encuentra bajo el codigo, entonces es el usuario final el que debe decidir que hacer con el dato que espera recibir, puede ser abrir in lightbox con la url por ejemplo, o una ventanita con un mensaje, etc,etc
        Esa parte se soluciona programando Javascript

        Responder

    • Roberto

      sep 1

      Gracias x tu tiempo….

      EL PROBLEMA: al escanear el codigo QR , el javascript que pusistes no me lanza output a un div que se encuentra bajo el codigo , como si lo hace en esta página , disculpas las molestias.
      Llamas a la funcion

      function qrdata(data)
      {
      $(“#dataqr”).html(data);
      }

      El codigo del div es:

      Donde se muestra el output con la información escaneada?????

      No se mucho de javascript toca aprender mas…gracias

      Responder

      • admin

        sep 5

        hola, necesitas tener Jquery, el problema te sucede de forma local(en tucomputador) o en mi demo?
        Si es en local, puede ser por restriccion del navegador, en ocasiones de forma local desactivan Javascript, debieras probarlo en algun servidor, ya sea local(wamp) o en internet

        Responder

    • Siria

      nov 27

      amm yo tengo una emergencia,,, estamos haciendo un proyecto para la escuela y estabamos manejando las librerias de quickmark pero caducaron… nos qedamos a 4 dias de mostrar el proyecto.
      encontre este mismo codigo en otra pagina… pero no sabemos sobre donde usarlo,,,,
      nosotros estabamos manejando el visual studio 2010
      este codigo donde puedo manejarlo???
      AYUDA EN SERIO ME URGE :(

      Responder

      • admin

        nov 27

        este codigo es ActionScript, es decir de MAcromedia Flash, lo bueno es que el codigo es libre, y hay tambien Software Libre para poder trabajar y generar archivos swf, por lo cual no necesitaras licencias extra.

        Al ser flash/actionScript tendrian que evaluar si existe la forma de que en una aplicacion de Visual Studio se pueda comunicar con Flash, por como yo lo hice el flash se comunica con Javascript y desde Javascript puedo realizar una u otra accion, tambien está el proyecto Zebra que ha sido portado a varos lenguajes, tambien zxing

        Responder

    • Hector

      ene 28

      Mensaje
      Esta funcion se pudiera utilar para escanear y usar OCR.

      Responder

      • admin

        ene 30

        esta funcion especifica, lo dudo, pero si tienes una vps puedes instalar alguna funcion ocr, escaneando la imagen con la webcam(como lo hago con el codigo QR), luego la envias a un archivo php, este la recibe, la guarda en el servidor y ejecuta la orden para generar la tarea OCR

        Responder

    • Pablo

      abr 24

      Hace poco ando buscando un codigo que me permita leer los qr con la webcam del pc para un proyecto de la universidad, despues de tanto buscar encontre este maravilloso post que es lo mas cercano a lo que necesito, pero al tratar de usarlo me pone el mismo problema que la persona que comento mas arriba, al cual afirma que no le muestra el texto del qr en el div al escanear el codigo, en este momento estoy haciendo pruebas locales en un servidor apache que tengo montado en mi maquina, alguien sabe por que no me muestra el texto del qr en el div

      de antemano agradezco su pronta colaboracion.

      Responder

      • admin

        abr 24

        1.- Instala Firefox en tu computador
        2.- Lo abres y le instalas el Firebug
        3.- Con esta herramienta haces debug
        De este modo puedes saber cual es el error, al menos antes de subirlo a mi me funcionaba, luego de que detectes el error me puedes decir cual es para ayudarte.

        Responder

    • Pablo

      abr 25

      Buena noche

      Estuve haciendo lo que me dijiste y el único error que me sale es el siguiente:

      “NetworkError: 404 Not Found – http://localhost/leer_qr/camara_5.mp3

      lo que indica que no encuentra el sonido que le tienes a la aplicación en el momento en que logra leer el qr, hasta donde se esto no debería ser motivo para que no me muestre el texto del qr pero es posible que al no encontrar el sonido detenga la aplicación y no siga su curso normal haciendo que no extraiga el texto del qr para mostrarlo.

      si se te ocurre alguna solución para esto por favor házmela saber, la verdad necesito sacar esto adelante lo antes posible.

      y de antemano muchas gracias por la colaboración.

      Responder

    • Pablo

      abr 25

      ummmmmmm, ya estaba haciendo pruebas con otro sonido y me di cuenta que no es ese el problema, me puedes dar un mail donde te pueda contactar para no llenar el foro de solo mi inquietudes? jajajajajaja.

      quedo atento a tu respuesta.

      Responder

    Deja tu comentario

    Tu opinion es importante

Suscribete al Newsletter

Recibe las últimas noticias y artículos en tu mail.