PROMOÇÃO - Magazine Luiza - NÃO PERCA!

Encontre no blog...

10/07/2018

Série Arduino Básico #41 - Usando o sensor de temperatura termistor NTC 10K com LCD

image

Série Arduino Básico

Continuando nossa Série Arduino básico, vamos demonstrar o uso de um LCD como mostrador de temperatura obtida através do termistor NTC 10K pelo método Steinhart-Hart.

Termistor é um semicondutor que dependendo da temperatura ao qual é submetido, sua resistência elétrica sofre variação. Cada tipo de termistor possui uma curva característica que mostra o aumento ou a diminuição da resistência elétrica em função da temperatura. Existem 2 tipos de termistores:

  • NTC(do inglês Negative Temperature Coefficient), nesse tipo de termistor o coeficiente de variação de resistência com a temperatura é negativo, ou seja, quanto maior a temperatura, menor é a resistência.
  • PTC(do inglês Positive Temperature Coefficient), nesse tipo de termistor o coeficiente de variação de resistência com a temperatura é positivo, ou seja, quanto maior a temperatura, maior é a resistência.

Termistor NTC (coeficiente negativo de temperatura) é um resistor sensível a temperatura. Sua resistência elétrica diminui à medida que a temperatura aumenta. Sua curva de temperatura em relação à resistência não é linear e tem um comportamento exponencial. Veja o gráfico abaixo:

 Objetivo: Para fins didáticos e projetos onde é necessária a medição e monitoramento de temperaturas do ambiente.

Tudo para o seu Arduino!

No Squids Arduino você vai poder construir este projeto e aprender como ele funciona. Muito legal!!!

Obs.: Todos projetos foram testados pelo site www.squids.com.br/arduino que traz um tutorial completo para cada montagem com a lista de componentes, código do programa (sketch), simulação online, montagem do circuito e explicação detalhada do projeto.

Para ver todos projetos básicos publicados no Squids, acesse: projetos básicos

Exibindo a temperatura no display e monitor serial

Acesse o link: Projeto 41 - Usando o sensor de temperatura termistor NTC 10K com LCD

1. Ao executar o programa, a temperatura atual em Celsius será exibida no display LCD.

2. Para visualizar a leitura das temperaturas registradas, clique no ícone monitor serial no IDE do Arduino.

Veja abaixo a montagem do circuito:

image

Veja abaixo o vídeo do projeto em ação:

Veja o tutorial completo em: Projeto 41 - Usando o sensor de temperatura termistor NTC 10K com LCD

02/07/2018

Conheça o programa gratuito que substitui o Camtasia

Resultado de imagem para activepresenter

Captura e edição de tela para screencast

Se você precisa de um software para captura de tela (screen capture for screencast) certamente irá preferir o software Camtasia, que é o que tem todas as funcionalidades  para conseguir o resultado esperado.

*screencast é a maneira de demonstrar como algo funciona ou explicar um assunto, através da gravação do que você apresenta na tela do seu computador, incluindo a captura do áudio, enquanto você faz a narração. Screencasts são ótimas ferramentas para criação de vídeo aulas, onde se pode alternar imagens suas com a captura de tela do computador.

O problema é que o Camtasia é inacessível financeiramente para muitas pessoas, uma vez que seu preço em média é de 299 dólares.

O Camtasia é extremamente capaz, mas é inacessível para muitos.

Neste artigo vamos apresentar um software alternativo ao Camtasia que possui também a função de captura de tela e recursos de edição.

ActivePresenter, um software alternativo

O ActivePresenter, da Atomi Systems é uma excelente opção para substituir o Camtasia, desde que esteja disposto a abrir mão de alguns recursos.

Active Presenter

O ActivePresenter possui 3 versões: Free, Standard e Professional. A versão Free é totalmente gratuita e dá para fazer muita coisa além de captura de tela, como:

  • Movimentar a tela junto do mouse (pan along with the mouse)
  • Zoom durante a apresentação
  • Anotações e balões de notas (call outs)
  • Destaque no cursor
  • Importar imagens e slides do PowerPoint
  • Gravação do áudio interno independente do microfone

Obs.: A versão gratuita Free é praticamente idêntica, em recursos, das versões Standard e Professional. A diferença é a possibilidade de exportar para formatos como PowerPoint, HTML5, PDF e mesmo Flash.

Para que quer apenas criar vídeos, a versão Free é completa (exporta para formatos PNG, JPEG, AVI, MPEG4, WMV, WebM, MKV e também para SCORM 1.2, SCORM 2004).

Veja todas diferenças no link: https://atomisystems.com/pricing/

Um dos pontos mais  positivos do ActivePresenter é a sua semelhança com o Camtasia. Mesmo a janela de captura é extremamente parecida em relação ao seu concorrente.

Instalando o ActivePresenter

Acesse o site: https://atomisystems.com/

Em ActivePresenter, clique no botão [Download].

image

Escolha o download dependendo do sistema operacional do seu computador. No nosso exemplo vamos escolher ActivePresenter para Windows 10.

image

Clique em [Salvar arquivo].

image

Abra o arquivo executável (.exe).

image

Aceite os termos do contrato e clique em [Avançar].

image

Clique novamente em [Avançar].

image

Clique agora em [Instalar].

image

Aguarde alguns instantes e clique em [Concluir].

image

Pronto, seu software foi instalado com sucesso.

image

Usando o ActivePresenter

Veja a abaixo o vídeo do site VideoHero que dá dicas de como utilizar o software ActivePresenter.

byALF

26/06/2018

Série Arduino Básico #40 - Sensor de temperatura e umidade DHT11 com display LCD

image

Série Arduino Básico

Continuando nossa Série Arduino básico, vamos demonstrar neste projeto o uso de um LCD como mostrador de temperatura e umidade obtidas através do sensor DHT11. Também mostraremos neste projeto como incluir bibliotecas no IDE do Arduino.

Sensor DHT11 - O DHT11 é um sensor básico de baixo custo utilizado para a medição de temperatura e umidade do ar ambiente através de um termistor e um sensor capacitivo. Existem várias versões diferentes do DHT11 com a mesma aparência e número de pinos. Portanto é importante verificar o data sheet do componente para obter suas características principais. No nosso projeto as características estão descritas na tabela de componentes.

 Objetivo: Para fins didáticos e projetos com temperatura com display de cristal líquido.

Tudo para o seu Arduino!

No Squids Arduino você vai poder construir este projeto e aprender como ele funciona. Muito legal!!!

Obs.: Todos projetos foram testados pelo site www.squids.com.br/arduino que traz um tutorial completo para cada montagem com a lista de componentes, código do programa (sketch), simulação online, montagem do circuito e explicação detalhada do projeto.

Para ver todos projetos básicos publicados no Squids, acesse: projetos básicos

Exibindo temperatura e umidade no display

Acesse o link: Projeto 40 - Sensor de temperatura e umidade DHT11 com display LCD

1. Ao executar o programa, a temperatura atual, em Celsius, e a umidade relativa, em porcentagem, serão exibidas no display LCD.

2. Para visualizar a leitura das temperaturas e umidade relativa registradas, clique no ícone monitor serial da IDE do Arduino:

image

Veja abaixo o vídeo do projeto em ação:

Veja o tutorial completo em: Projeto 40 - Sensor de temperatura e umidade DHT11 com display LCD

19/06/2018

Como capturar cores na tela usando o Firefox

rainbowtools

Escrito originalmente em 18/11/2011 - atualizado em 19/06/2018

Extensão para capturar cores

Sabe aquele site super bacana, com uma combinação de cores invejável e você não consegue decifrá-las? Calma, neste artigo vamos mostrar uma extensão para o Firefox  fundamental para quem está iniciando no mundo do “web designer”. Mesmo para nós blogueiros mortais, que não somos especialistas em programação, muitas vezes nos deparamos códigos que utilizam cores e precisamos delas…

Nota do Autor: Na versão original deste artigo escrevemos sobre o plugin Rainbow Color. Como este plugin não está compatível com as últimas versões do Mozilla Firefox, atualizamos o tutorial para o plugin ColorZilla.

image

Noções de códigos de cores na web 

Para quem ainda não conhece,  as cores na web são definidas geralmente em 3 formatos: nome pré-definido, valores RGB e valores Hexadecimal.

Obs: Também existem outros formatos como:  RGBA, HSL, HSLA, RYB,  CMYK, etc., porém, os 3 formatos Nome, RGB e Hex são os mais comuns para uso em programas HTML e CSS…

No exemplo abaixo, vamos mostrar quais os 3 formatos mais comuns para a definição da cor vermelha:

  1. Nome pré definido –> red
  2. Valores RGB (red,green,blue) –> rbg(255,0,0)
  3. Valores Hexadecimais (#RRGGBB) –> #FF0000
  4. Valores hsl -> hsl(0,100%,50%)

image

Estes valores quando alterados, vão definindo as cores e tons, totalizando 16.777.216 (ou 256³) de combinações no sistema RGB.

Mas onde aparecem estes códigos? Para quem trabalha com layout de sites, ou mesmos nós blogueiros, já nos deparamos muitas vezes com eles: HTML e CSS. Veja alguns exemplos abaixo:

Exemplo HTML –> <p><font size=”3” color=”red”>Aprendendo cores</font></p>

Exemplo CSS –> <p style=”font-size:12px;color:#ff0000">Aprendendo cores</p>

image

Obs.: Teste os códigos no nosso editor: http://squids.com.br/editor/

Instalando a extensão no Firefox

Entre no navegador Firefox e acesse o link: ColorZilla

Clique no botão [+ Adicionar ao Firefox].

image

Clique no botão [Adicionar].

image Pronto, a extensão foi instalada.

image Observe que o ícone de um conta gotas aparecerá no canto direito superior

image

Usando Rainbow Color Tools

Abra a o menu clicando na setinha ao lado do ícone. Selecione o comando desejado: Pick Color From Page, Color Picker ou Webpage Color Analyzer. Para fazer alterações nos padrões da extensão, selecione Options.

image

Pick Color From Page: Identifica a cor quando você passa o cursor sobre a tela. Como padrão, o Pick Color mostra a cor definida por um valor RGB e HEXADECIMAL.

image

Achou a cor ideal, basta então dar um clique com o mouse para ele capturar a cor e copiar o código para a área de transferência. Depois é só colar em editor de texto qualquer, assim: #E2D89A. Para programadores e web designers esta extensão é realmente uma maravilha…

image

Obs.: Você poderá alterar as dimensões do cursor escolhendo as opções: Point, 3X3, 11X11 ou 25X25.

image

Color Picker: Esta é uma ferramenta também muitíssima útil. Nela você poderá selecionar qualquer cor ou tom e identificar os valores Hexadecimal, RGB, Hexadecimal,  HSL ou HSV.

Também é possível você digitar um parâmetro de uma cor em Hexadecimal, por exemplo, e verificar os valores correspondentes RGB ou HSV, além de observar a cor também, que será mostrada no quadrado á direita do painel de cores…

image Webpage Color Analyzer: Este comando mostra o padrão de cores principais de uma página de um site.

image

Escolha a cor desejada e clique no botão [OK], para copiar o código para a área de transferência.…Também mostra o local e o código CSS da cor escolhida… Ótimo para designers…image


Nota do autor: aproveita e passa lá no Blogolista, vai…


11/06/2018

Como capturar cores da tela usando o Chrome

rainbowtools

Escrito originalmente em 23/11/2011 - Atualizado em 11/06/2018

Extensão ColorPick para o Chrome

No artigo Como capturar cores na tela usando o Firefox mostramos uma extensão muito útil para capturar  cores das páginas da web  usando o Firefox. Devido aos pedidos que recebi por e-mail, vamos apresentar neste artigo uma extensão similar usada no Google Chrome.

Noções de códigos de cores na web

Para quem ainda não conhece,  as cores na web são definidas geralmente em 3 formatos: nome pré-definido, valores RGB e valores Hexadecimal.

Obs: Também existem outros formatos como:  RGBA, HSL, HSLA, RYB,  CMYK, etc., porém, os 3 formatos Nome, RGB e Hex são os mais comuns para uso em programas HTML e CSS…

No exemplo abaixo, vamos mostrar quais os 3 formatos mais comuns para a definição da cor vermelha:

  1. Nome pré definido –> red
  2. Valores RGB (red,green,blue) –> rbg(255,0,0)
  3. Valores Hexadecimais (#RRGGBB) –> #FF0000
  4. Valores hsl -> hsl(0,100%,50%)

image

    stes valores quando alterados, vão definindo as cores e tons, totalizando 16.777.216 (ou 256³) de combinações no sistema RGB. 

    Mas onde aparecem estes códigos? Para quem trabalha com layout de sites, ou mesmos nós blogueiros, já nos deparamos muitas vezes com eles: HTML e CSS. Veja alguns exemplos abaixo:

    Exemplo HTML –> <p><font size=”3” color=”red”>Aprendendo cores</font></p>

    Exemplo CSS –> <p style=”font-size:16px;color:#ff0000">Aprendendo cores</p>

    image

    Obs.: Teste os códigos no nosso editor: http://squids.com.br/editor/

    Instalando o ColorPick

     Entre no navegador Chrome e acesse o link: Color Pick

    Clique no botão [+ USAR NO CHROME].

    image

    Clique agora no botão [Adicionar extensão].

    image

    Aguarde alguns instantes e você verá o ícone da extensão na barra de ferramentas do Chrome…

    image

    Usando a extensão ColorPick 

    Clique no link da extensão na barra de ferramentas do Chrome (canto direito da tela).

    image

    Passe o cursor do mouse pela tela até encontrar a cor desejada.

    Observe que a caixa de cores do Color Pick vai mostrando o código hexadecimal, rgb e hsl da cor identificada pelo cursor do mouse na tela.

    O ícone da extensão vai se alterando mostrando sempre a última cor capturada…

    image

    Obs.: Se você desejar mudar a posição da caixa de cores, clique no link [Pop-out].

    image

    Encontrado a cor ideal, de um clique com o mouse e pronto: cor capturada. Agora você pode copiar o código hexadecimal da cor para área de transferência usando [Ctrl+C].

    image

    Para fechar e sair do modo Color Pick clique em [X] ou tecle [ESC].

    image

    Desativando a extensão

    Se você não gostou da extensão ou não deseja mais usar o Color Pick, basta acessar o ícone com o botão direito do mouse e selecionar [Remover do Chrome].

    image

    Para fazer alterações clique em [Opções].

    image

    Altere as preferências, embora a extensão já esteja ajustada da melhor forma… Clique em [Save Options] para salvar.

    image

     Por byALF 


    Leia também:

    Conheça 7 extensões do Chrome que vão ajudar você a deixar o YouTube bem melhor

    Aprenda a instalar Extensões no Chrome

    Gostou do Post? Então espalhe!

    Quem está curtindo...

    Encontre no blog...

    Gostou? Então espalhe!

    Twitter Delicious Facebook Digg Stumbleupon Favorites More