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.

 

28 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

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=""> <strike> <strong>