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

Encontre no blog...

18/07/2018

PHP: 10 dicas para quem está começando

Imagem relacionada

Portal Visual Dicas

Neste artigo vamos apresentar o nosso site www.visualdicas.com.br que é um espaço bem legal para quem está iniciando na programação. São várias dicas sobre PHP, JavaScript, CSS, HTML, etc…

No site também encontramos uma relação de sites úteis para web designers e programadores.

image

Relacionamos 10 dicas de programação em PHP muito importantes para quem está aprendendo PHP, sendo elas:

Dicas de PHP para quem está começando

1- Diferença entre aspas simples (') e aspas duplas (") em PHP

Nesta dica mostraremos a diferença em utilizar aspas simples (') e aspas duplas (") no PHP. Em PHP e em outras linguagens também, utilizamos aspas simples ou duplas para delimitar uma string. Entretanto, existem diferenças vocês verão no link acima…

2 - Como dividir strings em PHP (separe e-mails, urls, textos, tags...)

Nesta dica vamos mostrar como separar uma string em duas ou mais partes com base em um delimitador, que pode ser um caractere ou uma string. Este recurso é muito utilizado para separar palavras de um texto, partes de um e-mail ou de um endereço eletrônico (URL).

3 - Como criar funções em PHP

Veja nesta dica como criar funções próprias em PHP. Este recurso é um dos principais métodos para garantir a reutilização de códigos nos documentos PHP, tornando a programação mais prática e muito mais organizada.

4 - Como converter datas para o formato padrão BR (brasileiro)

Veja como converter uma data obtida do banco de dados MySQL (ou outro banco de dados qualquer) para o padrão brasileiro (dd/mm/aaaa) - utilizando as funções strtotime() e date().

5 - Passar variável PHP para JavaScript

Neste exemplo vamos mostrar como passar variáveis definidas em PHP para o JavaScript. Este procedimento é muito útil quando utilizamos PHP e JavaScript relacionados.

6 - Passar variável JavaScript para PHP

Neste exemplo vamos mostrar como passar variáveis definidas em JavaScript para o PHP. Este procedimento é muito útil quando utilizamos PHP e JavaScript relacionados.

7 - Como subtrair ou somar dias de uma data qualquer - PHP

Aprenda como subtrair ou somar dias de uma data qualquer - utilizando a função strtotime().

8 - Como realizar atribuição condicional a uma variável PHP (Operador Ternário)

Neste exemplo vamos mostrar como atribuir uma estrutura condicional  a uma variável PHP sem a necessidade de utilizarmos os operadores condicionais if/else. Para isso, utilizaremos um operador ternário, também conhecido como if ternário.

9 - Como obter o URL completo da página atual com PHP

Neste tutorial, vamos mostrar como obter o URL completo da página que está sendo visualizada no navegador utilizando PHP. Embora o código seja bem simples, ele é muito útil para desenvolvedores de sites dinâmicos.

10 - Como identificar IP do usuário com PHP

Neste tutorial, vamos mostrar como identificar se o IP de quem está visitando um site ou um aplicativo seu em PHP. Este método é muito útil para sistemas de login.

imagebyALF 

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…


Gostou do Post? Então espalhe!

Quem está curtindo...

Encontre no blog...

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More