Versões comparadas
Chave
- Esta linha foi adicionada.
- Esta linha foi removida.
- A formatação mudou.
O QR Code ("Quick Response" - Resposta Rápida) é uma versão avançada bidimensional (tanto horizontal como vertical) do código de barras, também bidimensional, com mais funções e composto de padrões de pixels em preto e branco. O uso dessa tecnologia é livre e as empresas costumam utilizá-la para oferecer mais informações e conteúdos exclusivos por meio através de links.
O plugin Gerar QR Code gera um código QR ("Quick Response" - Resposta Rápida) em formato de imagem (png , ou jpg) de acordo com conforme a informação passada.
Configuração
Para habilitar essa funcionalidade, é necessário adicionar o plugin Gerar QRCode ao projeto.
Adicionar plugin
No menu de sistemas, clique na aba Plugin e selecione Adicionar novo plugin. Pesquise pelo plugin Gerar QRCode, selecione-o, clique em Avançar e, na próxima janela, clique em Finalizar a instalação.
Image Removed
Figura 1.1 - Adicionar novo plugin
Diferente dos componentes visuais (web e mobile), este plugin gera uma lista de bytes e é tratado no lado servidor.
Adicionar plugin
Siga os passos abaixo para instalar o Plugin Gerar QRCode em seu projeto Cronapp.
Image Added
Figura 1.1 - Instalando plugin
- Acesse Plugin no menu do sistema e selecione a opção Instalar Plugins;
- Selecione a categoriaGenerale avance ou pesquise pelo nome Gerar QRCode;
- Selecione Gerar QRCode, clique em Avançar e, em seguida, em Finalizar.
Se o botão Modo Avançado estiver habilitado, aparecerá a janela "Sumário de alterações no arquivo POM" informando as modificações
- necessárias para a instalação do plugin
- , clique em Salvar. Caso o botão esteja desabilitado, a instalação será feita sem a janela de notificação.
Image Removed
Figura 1.2 - Alterações feita pelo plugin no projeto
Gerar QRCode
Bloco de Programação
Após instalar o plugin, será possível visualizar nos blocos de programação do tipo Servidor aparecerá a categoria QRCode e o bloco Gerar QRCode.
Image Modified
Figura 2.1 - Bloco Gerar QRCode
- Conteúdo: Informação
- informação que será exibida ao ler o código;
- Formato: Formato
- formato da imagem que será gerada;
- Largura¹: Largura
- largura em pixel do código;
- Altura¹: Altura
- altura em pixel do código.
¹ O ¹ O QR Code tem possui o formato quadrado. Por isso, ele será definido de acordo com Caso as medidas difiram, todos os seus lados serão definidos conforme a menor medida.
Exemplo
O No exemplo abaixo receberá o usuário deve informar o conteúdo e para gerar o QRCode, um nome do para o arquivo do usuário da aplicação e o ao da imagem que contém o QRCode e em seguida clicar no botão , será iniciado o download do código.para fazer o download.
Abra a página home
(localização: Formulários/Web/Autenticado
Tooltip | ||||
---|---|---|---|---|
| ||||
Endereço: |
) e insira Vamos iniciar inserindo dois componentes de Entrada de Texto e um Botão no formulário. Configure os componentes de Caixa de seleção como na Figura 3.1: o primeiro receberá o conteúdo do QRCode e o segundo, o nome do arquivo com sua extensão.
Image Modified
Figura 3.1 - Inserindo componentes no formulário
Em seguida, crie um bloco do tipo Servidor, adicione um Servidor chamado "GerarQRCode". Caso tenha dúvida de como criar, acesse o tópico "Criar arquivo Blockly" em Bloco de programação.
Image Modified
Figura 3.2 - Função para gerar código QR
Clique no ícone engrenagem para abrir a janela de Configuração dos tipos de regras e no campo Formulário de Referência clique em "..." para selecionar formulário
home
, local onde adicionamos nossos componentes e clique em Salvar;- Crie a variável "conteudo" e arraste o bloco de Atribuir variável (categoria Variáveis) correspondente a ela. Associe o bloco Obter valor do campo (categoria Formulário), no parâmetro Campo selecione o valor da entrada de texto onde será informado o conteúdo: vars.conteudo.
- Repita o passo 2. No entanto, crie a variável "nome" e no parâmetro Campo, selecione o valor da entrada de texto onde será informado o nome do arquivo: vars.nome.
- Arraste o bloco Iniciar download com o campo Arquivo/Path/Bytes (categoria Arquivo):
- Associe o bloco Gerar QRCode (categoria QRCode). No parâmetro Conteúdo, associe a variável "conteudo", no Formato deixe PNG selecionado e defina a Largura e Altura para 500.
- No parâmetro Nome, associe a variável "nome".
Volte ao formulário da Figura 3.1, selecione o Botão, depois vá até os Eventos e associe a função "GerarQRCode" no evento Ao clicarClicar.
Image Modified
Figura 3.3 - Associando o bloco do evento Ao Clicar
Por fim, rode o projeto, abra a aplicação no navegador, preencha os dados - preencha o nome do arquivo com a extensão - e clique no botão. O navegador abrirá o explorador de arquivos, salve o arquivo onde preferir.
Image Modified
Figura 3.4 - Preenchendo os dados na aplicação e salvando o arquivo
Nesta página
Índice |
---|