Um c�digo QR � um c�digo de barras bidimensional que armazena informa��es em pontos pretos e brancos (chamados pixels de dados ou �m�dulos de c�digo QR�). Al�m da vers�o em preto e branco, voc� tamb�m pode criar um c�digo QR colorido. Para que esses c�digos funcionem sem problemas, certifique-se de que o contraste � suficiente e o resultado n�o � negativo (em termos de cor). Para tornar seu c�digo QR ainda melhor, voc� tamb�m pode obter um c�digo QR com logotipo. Um c�digo QR pode ser um texto, uma URL, um SMS ou informa��es de contato.

  Os c�digos QR s�o o caminho a percorrer para criar um link entre os produtos do mundo real (marcados com o c�digo QR) e a Internet M�vel, em qualquer lugar, a qualquer hora. Como os c�digos QR facilitam a transfer�ncia de um link da web para um telefone celular, eles fornecem uma barreira significativamente menor para visitar um site com um telefone inteligente. Mas voc� tamb�m pode trabalhar com outros textos e dados, como mensagens publicit�rias, n�meros de telefone e at� cart�es de visita inteiros em formato vCard.

  Como outros c�digos, o s�mbolo do c�digo QR pode ser capturado com dispositivos de imagem, como uma c�mera, e depois processado digitalmente. Um software prepara os dados da imagem capturada at� que possam ser processados por algoritmos de acordo com o padr�o do c�digo QR para que o conte�do do c�digo QR possa ser lido. Esse processo � auxiliado pelo uso da corre��o de erros Reed-Solomon - que tamb�m � usada para CDs de �udio para garantir que os dados ainda possam ser lidos corretamente, mesmo com pequenos arranh�es na superf�cie.

  Nesse tutorial vamos criar um projeto para ler um QR Code com qualquer tipo de informa��o. Ap�s a leitura voc� ser� direcionado para o tipo de informa��o contido no QR Code, seja um SMS, uma URL, um e-mail ou qualquer outra informa��o.

  Ent�o vejamos como desenvolver esse projeto:

  � Abra o App Inventor acessando o link:

  App Inventor 2

  � Na tela apresentada, clique no Bot�o Create Apps!, em seguida entre com sua conta.
  � Crie um novo projeto com o nome: LerQRCode.

  Agora vamos alterar algumas propriedades da Tela Principal:

  � Clique em Screen1 na se��o Componentes.
  � AlinhamentoHorizontal: Centro: 3.
  � CorDeFundo: Marrom Claro.
  � PrimaryColor: Marrom Escuro.
  � Theme: Dark.
  � T�tulo: Leitor de QR Code.

  Agora vamos inserir os componentes do nosso projeto na seguinte ordem:

  � 1 Bot�o.
  � 1 Legenda (para mostrar o texto lido).
  � 1 Navegador Web (para mostrar o resultado da leitura. Um site por exemplo).
  � 1 Bot�o.
  � 1 C�digoDeBarras
  � 1 IniciadorDeAtividades.

  Agora vamos alterar algumas propriedades dos componentes:

  Alterando as propriedades do primeiro Bot�o:

  � Nome: btnEscanearQR.
  � FonteNegrito: marque o checkbox para alterar o texto para negrito.
  � Imagem: fa�a o download da imagem do exemplo e coloque nesse componente.
  � Largura: 40 por cento.
  � Texto: Escanear QR:
  � AlinhamentoDoTexto: Centro: 1.
  � CorDeTexto: Branco.

  Alterando as propriedades da Legenda:

  � Nome: legTexto.
  � FonteNegrito: marque o checkbox para alterar o texto para negrito.
  � TamanhoDaFonte: 18.
  � Fam�liaDaFonte: sem serifa.
  � Texto: Texto.
  � AlinhamentoDoTexto: Centro: 1.
  � CorDeTexto: Marrom Escuro.

  Alterando as propriedades do Navegador Web:

  � Nome: vwURL.
  � Altura: preencher principal.
  � Largura: preencher principal.

  Alterando as propriedades do segundo Bot�o:

  � Nome: btnVoltar.
  � FonteNegrito: marque o checkbox para alterar o texto para negrito.
  � TamanhoDaFonte: 16.
  � Imagem: fa�a o download da imagem do exemplo e coloque nesse componente.
  � Texto: Voltar.
  � AlinhamentoDoTexto: Centro: 1.
  � CorDeTexto: Branco.

  Alterando as propriedades do C�digo de Barras:

  � Nome: lcbLeitorQR.

  Alterando as propriedades do Iniciador de Atividades:

  � Nome: iniAtividade.

  Feito isso, o seu projeto dever� ficar igual ao da Figura 21.1:

Figura 21.1 � Projeto com os componentes
inseridos e configurados.

  Agora vamos criar os c�digos dos componentes e tornar nosso projeto funcional.

  Vamos l� ent�o:

  C�digo para o Bot�o btnEscanearQR:

  Feito isso, o seu c�digo dever� ficar igual ao da Figura 21.2:

Figura 21.2 � C�digo final do Bot�o btnEscanearQR.

  Esse bloco nos diz o seguinte:

  Quando o bot�o for clicado, chame o leitor de c�digo QR. Nessa etapa ser� mostrada uma linha vermelha em uma �rea retangular para que voc� escaneie qualquer c�digo QR.

  C�digo para o c�digo de Barras lcbLeitorQR:

  Feito isso, o seu c�digo dever� ficar igual ao da Figura 21.3:

Figura 21.3 � C�digo final do componente lcbLeitorQR.

  Esse bloco nos diz o seguinte:

  Depois de lido o c�digo QR, ser� mostrada na legenda legTexto a informa��o lida. Por exemplo, o endere�o de um site, e no componente NavegadorWeb a p�gina da URL lida (caso seja uma URL) ser� mostrada.

  C�digo para o Bot�o btnVoltar:

  Feito isso, o seu c�digo dever� ficar igual ao da Figura 21.4:

Figura 21.4 � C�digo final do Bot�o btnVoltar.

  Esse bloco nos diz o seguinte:

  Quando o bot�o Voltar for clicado, volte � situa��o original e desabilite o bot�o Voltar.

  Dessa forma, conclu�mos o nosso projeto. Teste seu projeto em um dispositivo real e confira o resultado.

  Voc� pode baixar o c�digo completo desse projeto acessando os links:

  LerQRCode.aia

  LerQRCode.apk