Usando a câmera do celular como leitor de código de barras numa aplição web

Uma forma de aproveitar a câmera do seu celular para ler códigos de barras numa aplicação web é com o auxílio do Barcode Scanner da ZXing Team. Com o programa instalado no smartphone, basta criar um link html em sua aplicação e o mesmo chama o programa que vai ler o código de barras (ou QR code) e retorna o resultado à sua aplicação.

Ele está disponível para Android, iPhone, Blackberry e para outros aparelhos usando J2ME / JavaME.

Link do Barcode Scanner para Android.

Os testes que fiz foram feitos no Android:

<!DOCTYPE html>
<html lang="pt-Br">
    <head>
        <meta charset="utf-8" />
        <title>Código de Barras</title>
    </head>
    <body>
        <form action="#" method="post">
            Código de barras
            (<a href="http://zxing.appspot.com/scan?ret=http://www.seu-dominio.com.br/seu-arquivo.php?codigo={CODE}">Leitor</a>):
            <input type="text" name="cod" value="<?= $_GET['codigo'] ?>" />
        </form>
    </body>
</html>

Abra a página com o código acima (exemplo aqui) num smartphone com Android e clique em (Leitor). Se você não tiver o Barcode Scanner instalado, abrirá uma página em inglês explicando que é preciso instalar o programa para completar a ação e já passa os links para download.

Sem o Barcode Scanner

Depois de instalado, quando você clicar em (leitor) será exibida a tela

Escolha Barcode Scanner

pedindo para escolher uma aplicação para completar a ação. Marque “Usar como padrão esta ação.” e escolha Barcode Scanner para que das próximas vezes ele abra automaticamente, sem perguntas.

Posicione o código de barras

Posicione o código de barras sob a linha vermelha na área mais clara da tela e aguarde a leitura. Quando a mesma é feita, ele retorna automaticamente para sua aplicação com a numeração (ou texto) do código na url. No nosso exemplo a numeração foi colocada num campo de formulário.

Código dentro do formulário

Durante os testes no Nexus One, Nexus S e no Milestone 2 o código de barras foi interpretado rapidamente. Com o Galaxy 5 houve dificuldade de se fazer a leitura, provavelmente por causa da resolução da câmera. Quem puder testar em outros aparelhos, coloque nos comentários sua impressão.

 

36 ideias sobre “Usando a câmera do celular como leitor de código de barras numa aplição web

    1. Veras Autor do post

      Olá Michelli,

      Faça assim: abra essa mesma página no seu Galaxy 5. O terceiro parágrafo do texto acima é o link direto do leitor para Android, é só clicar em cima e mandar instalar. Espero ter ajudado.

      Responder
  1. paulo silva

    instalei em um tablet da foston 8″ o programa abre mostra a linha vermelha mas nao aparece nada alem da linha vermelha infelizmente nao sei se e a resolucao da camera dele que e baixa ou outro motivo se alguem tiver ideia me aviso por favor grato
    paulo silva

    Responder
  2. Rafael Leite

    Testei com o Samsung Galaxy Mini, mas não consigo ler qualquer código de barras, precisa ser algo grande. A resolução da camera é 3.2 Megapixels, será que precisa ser mais do que isso?

    Responder
  3. ricardo

    Boa Noite, preciso muito desse software que ler codigo de barras, por favor se tiver jeito de enviar para o meu E-mail , seria de grande ajuda…………

    Responder
  4. Cícero

    Bom dia,

    Caro Auerê Veras,

    Como faria para que o codigo de barras escaneado fosse setado em um inputbox do android ao invés dessa campo de texto web???

    Responder
  5. Roberto Santos

    Tentei ler código de barras mais de uma vez com o barcode scanner em meu android H2000 4gb ,mas não foi possível .Qual seria o motivo de não ler ?

    Responder
  6. Kaique

    Boa tarde,eu tenho um aparelho celular android e consegui pagar um boleto usando o numero do codigo para pagar,nao consegui fazer com que a minha camera leia.
    Mais eu consegui pagar normalmente o meu Boleto!

    Responder
  7. David

    Olá galera
    tenho uma solução tbm.
    para ter um leitor basta instalar um progaminha,nao chega em 1 minuto para instalar .
    É facil basta ter creditos.
    1- abra uma paginá com esse url:http//www.i-nigma.mobi .
    2- clike na frase que está em azul e espere instalar
    Espero ter ajudado muita gente vlw !!!

    Responder
  8. Maite Azevedo

    Olá , tenho uma dúvida meu celular é o motorola motosmart e ele não consegue ler qualquer código de barra , a resolução da camera é de 3.0 megapixels.Pode me ajudar ?
    Grata,
    Maite

    Responder
  9. Lucas de Oliveira

    Sei que sai um pouco fora do foco de codigo de barras, mas

    da mesma forma que o celular identifica um leitor de codigo de barras, ele consegue identificar uma palavra ?

    Por exemplo, se eu parar a camera sobre o valor do produto R$ 2,50, o Androide consegue identificar isso como um numero ?

    Obrigado.

    Responder
  10. Thiago

    Bom dia, eu fiz exatamente com esta aqui, cloquei o codigo alterei para o meu dominio baixei o app e tudo mais, mas da erro depois que ele le o codigo de barra… ele não coloca a numeração no espaço, como no teste. E no teste não da nenhum erro… com qualquer codigo de barra… ele faz tudo certinho… o que devo fazer?

    Responder
    1. Veras Autor do post

      Olá Thiago, além de não preencher o campo de texto com a numeração do código de barras, aparece mais algum erro, como uma mensagem e/ou um código?

      Responder
  11. Rodrigo Duarte

    Bom Dia, estou precisando muito da sua ajuda…
    Estou iniciando o desenvolvimento de uma aplicação para Dispositivos Móveis, e gostaria de saber se é possível fazer essa mesma aplicação que você fez para Android chamando o app que efetua a leitura de código de barras para Iphone ?

    Agradeço desde já…

    Responder
    1. Veras Autor do post

      Rodrigo, o exemplo que fiz não é uma app específica para uma determinada plataforma, é uma aplicação web que roda em (quase) qualquer navegador. Vai funcionar no iPhone desde que você consiga instalar o Barcode Scanner da ZXing Team. Ainda assim, se você quiser conversar a respeito, meu WhatsApp é 77 8808-0560

      Responder

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>