Arquivo da tag: imagem

QR Code: Faça a leitura pelo seu celular

QR Code com a URL deste BLOG
QR Code com a URL deste BLOG

*Para quem ainda não conhece a tecnologia QR Code, recomendo a leitura do POST:
https://rafaelbiriba.com/2009/03/12/qr-code-codigo-de-barras-do-presente.html

Para fazer a leitura do QR Code pelo seu celular, deve ser baixado uma aplicação em Java. Abaixo sgue os links dos sites que possuem as aplicações, e que funcionam, pois foram testadas por mim.

Kaywa Reader

http://reader.kaywa.com/

Aperte em “Clique aqui para baixar o Kaywa Reader”
Em seguida escolha a forma que deseja fazer o download.

O ideal é baixar direto do seu celular, mas eu testei a opção: Do computador para o seu celular.
Ele pede pra selecionar marca e modelo, em seguinda, é necessário fazer o cadastro no site.

Após isso, basta transferir os arquivos Java para o seu celular, instalar e sair por aí lendo os QR Codes.

Neo Reader

http://www.neoreader.com/download.html

No site do Neo Reader, só é possível baixar a aplicação, se for direto pelo celular.
O Download pode ser feito pela URL: get.neoreader.com

O Download direto pelo celular, é uma opção adequada, pois o site já reconhece a marca e modelo, e já disponibiliza para download a versão do software compatível com o aparelho !

Em breve, explicarei como gerar seus QR Codes e como fazer a leitura deles pelo PC.

Share

QR Code: Código de barras do presente

QR Code com a URL deste BLOG
QR Code com a URL deste BLOG

O QR Code é uma matriz ou um código de barras bi-dimencional, cujo código pode ser interpretado rapidamente. É bastante utilizado no Japão. Através um programa de computador, ou até mesmo um aplicativo para celular, é possível de decifrar o codigo QR,  até mesmo uma camera VGA de baixa resolução para capturar a imagem.

No Brasil, o primeiro anúncio publicitário a utilizar o código QR foi publicado pela Fast Shop em dezembro de 2007. Mais tarde a Nova Schin publicou um anúncio com o código em junho de 2008 e a Claro fez uma campanha utilizando o Código QR em novembro de 2008.

Bastante utilizado no ramo publicitário, principalmente pela curiosidade que a imagem propõe, a tecnologia está cada vez mais presente no mercado.

Capacidade de Armazenamento:

  • Numérica – Max. 7.089 caracteres
  • Alfanumerica – Max. 4.296 caracteres
  • Binário (8 bits) – Max. 2.953 bytes

A facilidade  na distribuição de informação é incrível, pois ao invés de digitar a informação, basta apenas tirar uma foto da imagem do código e através de um software é possível extrair os dados.

batata_com_qr-code

Conforme no exemplo, mercados de todo o japão já integraram o QR Code, em seus produtos. Diferente do código de barras tradicional, a leitura é mais rápida e é possível passar mais informações, como preço, data de validade e lote, por exemplo.

burger-qr-code

No cheeseburguer, o QR Code carrega informações como nome da loja, endereço, telefone, site e outras possíveis informações.

Muito em breve teremos vários anúncios publicitários no Brasil, utilizando o QR Code, para as mais variadas utilidades. A Tecnologia também nos permite carregar nossas informações ”impressas’, ou seja podemos gerar um código com uma informação qualquer, e depois imprimi-lo. Para recuperar a informação, basta utilizar um scanner ou somente fotografar a imagem, e através de um software específico extrair os dados novamente.

Não somente no ramo publicitário, programas de televisão já estão implementando o código. O que diz esta matéria no site do O Globo Tecnologia, onde durante a exibição do Multi Show, um QR Code seria mostrado e quando lido pelo celular direciona o usuário para um conteúdo adicional (texto, fotos, vídeos ou sites ).

qrcode-cracha

Devido o seu desempenho, o QR Code também está sendo utilizado nos Crachás das empresas. Carregando todas as informações necessárias, qualquer computador ou roleta habilitada, pode capturar e salvar os dados do QR Code.

Nos próximos POSTs explicarei como gerar um QR Code, e logicamente fazer a leitura.

=)

Share

Chart API: Medidor em formato de velocímetro

Google: http://www.google.com/
Google Code: http://code.google.com/apis/chart/

Um gráfico em formato de velocímetro, pode ser usado para diversos fins, como indicar o uptime ou apresentar o espaço livre em disco e etc..
Abaixo segue a URL utilizada, e em seguida a explicação de cara parâmetro, para que você aprenda, configure e use conforme a sua necessidade !

No exemplo, utilizamos um gráfico de 0 a 200, onde o ponteiro vale 150 !
Lembrando que a URL deve ficar em uma só linha, abaixo ela está segmentada devido ao tamanho.

http://chart.apis.google.com/chart?
&chs=225×125
&cht=gom
&chd=t:150
&chds=0,200
&chl=Titulo 01
&chco=00ff00,ffff00,ff0000
&chxt=y
&chxl=0:|0|200

Recomendo que apenas os valores em negrito/colorido sejam editados para facilitar a exibição. Qualquer alteração nos outros parâmetros, recomendo ler a documentação em http://code.google.com/apis/chart/.

Clique aqui para acessar o link completo do gráfico.

&chs = Dimensões do gráfico, Comprimento X Altura. Deve ser alterado para ficar de acordo com o tamanho do gráfico a ser apresentado, senão alguns dados não serão corretamente exibidos na tela.

&cht = É o tipo de gráfico. Neste caso usamos o gom. Outras opções seriam: p3 = pizza, bvg = barras dentre outros…

&chd = Posição da seta. Em nosso exemplo deve estar diretamente associado ao valores do &chxl, no eixo Y. Observe que atribuimos o valor 150.

&chds = Valor mínimo e máximo para o eixo Y. Manteremos o valor inicial como zero e o maior valor sendo igual ou maior que o maior dado informado no &chd, para que o gráfico seja exibido corretamente.

&chl = É o título da seta. Também é possível deixar esse parâmetro em branco, para deixar a seta sem nenhum rótulo.

&chco = Cores do gráfico em hexadecimal, sendo o primeiro como cor inicial, o segundo como cor intermediária e o terceiro como cor final. Basta alterar conforme sua necessidade.

&chxt = Habilita o eixo  y.

&chxl = Nome dos pontos nos eixos. 0:| corresponde aos titulos do eixo Y. Não há limite para que seja adicionado dados no eixo Y, porém o primeiro e o ultimo valor do eixo Y, deve ser o mesmo que o informado no parametro &chds, para que seja exibido corretamente no gráfico.

Acho que isso já é um grande inicio para construir um gráfico em formato de velocímetro.
=)

Share

Chart API: Gráfico de visitantes do dia

Google: http://www.google.com/
Google Code: http://code.google.com/apis/chart/

O gráfico abaixo, pode ser utilizado, não somente para visitantes do dia, mas pode ser adaptado para uma utilidade de sua preferência !

Abaixo segue a URL, utilizada para exibir esse gráfico, e logo depois as explicações de como personaliza-lo ! Lembrando que a URL deve ficar em uma só linha, abaixo ela está segmentada devido ao tamanho.

http://chart.apis.google.com/chart?
&cht=lc
&chco=ff0000
&chs=300×200
&chd=t:55,20,50,50,60,45,47,175,200
&chds=0,200
&chtt=Visitantes+do+Dia – 03/04/08
&chm=o,000000,0,-1,5.0
&chxt=x,y
&chxl=0:|00:00|03:00|06:00|09:00|12:00|15:00|18:00|21:00|24:00|1:|0||50||100||150||200

Recomendo que apenas os valores em negrito/colorido sejam editados para facilitar a exibição. Qualquer alteração nos outros parâmetros, recomendo ler a documentação em http://code.google.com/apis/chart/.

Clique aqui para acessar o link completo do gráfico.

&cht = É o tipo de gráfico. Neste caso usamos o lc. Outras opções seriam: p3 = pizza, bvg = barras dentre outros…

&chco = Cor da linha. FF0000 é vermelho em hexadecimal. Basta alterar conforme sua necessidade.

&chs = Dimensões do gráfico, Comprimento X Altura. Deve ser alterado para ficar de acordo com o tamanho do gráfico a ser apresentado, senão alguns dados não serão corretamente exibidos na tela.

&chd = Dados do gráfico. Em nosso exemplo deve estar diretamente associado ao valores do &chxl, no eixo Y.

&chds = Valor mínimo e máximo para o eixo Y, que no exemplo correponde ao número de visitas. O correto, é manter o valor inicial como zero, já que não temos visitas negativas, e o maior valor sendo igual ou maior que o maior dado informado no &chd, para que o gráfico seja exibido corretamente.

&chtt = Titulo do gráfico. Pode ser uma frase separada por ‘+’, ou simplesmente por espaços.

&chm = Responsável por criar as bolas em cada ponto. o segundo valor ‘000000‘, corresponde ao preto em hexadecimal, e 5.0 é o tamanho da bola. Ambos podem ser alterados.

&chxt = Habilita o eixo x e y. No manual, é possível ver que podemos mais eixos, passando por este parametro.

&chxl = Nome dos pontos nos eixos. 0:| correponde aos titulos no eixo X. Para que o gráfico seja exibido corretamente, a quantidade de dados informados &chd deve ser igual a quantidade de títulos no eixo X. Reparem que ambos tem 9 entradas.
1:| corresponde aos titulos do eixo Y. Não há limite para que seja adicionado dados no eixo Y, porém o primeiro e o ultimo valor do eixo Y, deve ser o mesmo que o informado no parametro &chds.

Com isso, é possível construir esse e muitos outros gráficos, e trabalhando em um pequeno script, é possível que o gráfico seja exibido sempre atualizado. Cabe a você definir a sua necessidade.

=)

Share

Chart API: Desenhe gráficos com o Google – Introdução

Google: http://www.google.com/
Google: http://www.google.com/

O Google Chart API permite que você gere gráficos de forma dinâmica. Através de parâmetros informados pela URL, a API retorna uma imagem PNG com o gráfico especificado.

Existem diversos tipos de possibilidades, como gráficos de pizza, linear, múltiplas linhas, barra, radar, mapas geográficos e muitos outros, com opções de dimensões, legenda, cores, tamanhos, efeitos e muitas outras possibilidades.

Link: http://code.google.com/apis/chart/

Abaixo segue um modelo de exemplo:

URL Utilizada: http://chart.apis.google.com/chart?cht=p3&chd=t:60,40&chs=250×100&chl=Hello|World

Código html utilizado:

<img src=”URL” alt=”” width=”250″ height=”100″ />

Onde no lugar de URL deve ser informado o endereço do Chart API do Google conforme informado no exemplo a cima.

Estarei ensinando e apresentando nos próximos POSTs, formas e possibilidades de construções de gráficos simples e avançados em todos os formatos disponíveis.

Share

FFmpeg: Extraindo imagens de um vídeo ( Snapshot )

FFmpeg: http://www.ffmpeg.org/
FFmpeg: http://www.ffmpeg.org/

Utilizando o seguinte comando:

ffmpeg -i foo.avi -r 1 -s 800×600 -f image2 snapshot%03d.jpeg

Onde:

foo.avi > Vídeo de entrada, podendo ser .avi, .mpeg, .mov, ou qualquer outra extensão suportada pelo FFmpeg.
-r 1 > frame rate ( 1 frame por segundo )
– s 800×600 > Dimensão desejada da imagem final. Caso o valor seja maior que o vídeo de entrada, será acrescentado bordas pretas na imagem.
-f image2 > Força o formato de imagem de saída para imagem. Deve ser seguido pelo nome do arquivo desejado.jpeg
snapshot03%d.jpeg > Snapshot- é o nome do arquivo desejado. 03%d é a numeração de 3 digitos iniciando em zero. Sendo assim 04%d para 4 digitos e assim por diante, seguido pela extenção .jpeg , ou .png, .bmp ou até mesmo .tiff


Opções Adicionais:

• Sabendo que as snapshots são extraídas por segundo, então ajustando o parametro -r é possível definir de quantos em quantos frames deve-se extrair uma imagem.

• Acrescentando o parametro: -itsoffset -4 as imagens começam a ser extraídas 4 segundos depois do inicio do vídeo. Exemplo utilizando um delay de 10 segundos:
ffmpeg -itsoffset -10 -i foo.avi -r 1 -s 800×600 -f image2 snapshot-%03d.jpeg

• Parametro -s ( tamanho do frame ):
Ao invés de especificar o tamanho, é possível utilizar uma das abreviações a seguir:
sqcif = 128×96
qcif = 176×144
cif = 352×288
4cif = 704×576
qqvga = 160×120
qvga = 320×240
vga = 640×480
svga = 800×600
xga = 1024×768
uxga = 1600×1200
qxga = 2048×1536
sxga = 1280×1024
qsxga = 2560×2048
hsxga  = 5120×4096
wvga = 852×480
wxga = 1366×768
wsxga = 1600×1024
wuxga = 1920×1200
woxga = 2560×1600
wqsxga = 3200×2048
wquxga = 3840×2400
whsxga = 6400×4096
whuxga = 7680×4800
cga = 320×200
ega = 640×350
hd480 = 852×480
hd720 = 1280×720
hd1080 = 1920×1080

Exemplo:
ffmpeg -i foo.avi -r 1 -s hd1080 -f image2 snapshot-%03d.jpeg

• Parametros para CROP ( corte de imagem )
Para “cropar” um vídeo, o parametro de crop deve estar localizado antes do parametro -s ( tamanho do frame )
-croptop 100 = Define o corte no topo em 100 pixels
-cropbottom 250 = Define o corte no rodapé de 250 pixels
-cropleft 30 = Define o corte da lateral esquerda de 30 pixels
-cropright 25 = Define o corte da lateral direita de 25 pixels
* Valores em pixels ilustrativos, devendo ser usados conforme sua necessidade. Não é necessário utilizar todos os parametros para fazer um crop.
Exemplo:
ffmpeg -i foo.avi -croptop 250 -cropright 25 -r 1 -s hd1080 -f image2 snapshot-%03d.jpeg
Onde é feito o crop do topo e da lateral direita.

Espero ter ajudado a todos… =)

Share