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

Encontre no blog...

29/07/2020

Série Arduino Básico #62 - Comunicação serial com um display de 7 segmentos

image

Série Arduino Básico

O objetivo deste projeto é montar um display de 7 segmentos para exibir números digitados no teclado do computador. Assim, através da comunicação serial do Arduino, podemos enviar os dados do computador para o display de 7 segmentos. Também neste projeto veremos como utilizar a classe String() e os seus métodos toInt(), length() e substring() para manipular dados na programação.

Comunicação Serial: É a comunicação entre uma placa Arduino e um computador ou outros dispositivos. Todas as placas Arduino possuem pelo menos uma porta serial. No Uno, Nano, Mini, e Mega, pinos 0 e 1 são usados para comunicação com o computador. Também podemos utilizar o Monitor Serial integrado na IDE para a comunicação do computador com uma placa Arduino.

Obs.: Neste projeto, assim como no projeto projeto 46, utilizamos o Monitor Serial para a comunicação do teclado para o componente eletrônico.

http://www.squids.com.br/arduino/templates/jsn_epic_free/images/logo.png

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

Como o projeto deve funcionar

http://www.visualdicas.com.br/images/stories/apply.pngAcesse o link: Projeto 62 - Comunicação serial com um display de 7 segmentos

1. Ao iniciar o programa, o display ficará desligado. Abra o monitor serial do IDE do Arduino.

image

2. Digite um número de 0 a 9 e clique no [Enter] do teclado.

image

3. Se você digitar um número entre 0 e 9, este número aparecerá no display de 7 segmentos e no monitor serial.

image

4. Se você digitar uma letra ou um caractere especial, aparecerá um "E" de "erro" no display.

image

5. Se você digitar um número com mais de um dígito, aparecerá apenas o primeiro número no display com acréscimo do ponto.

image

Obs.: Você poderá digitar quantos números desejar.

Veja abaixo a montagem do circuito:

Montagem com display 7 segmentos (catodo comum) - Simulação

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

Veja o tutorial completo em: Projeto 62 - Comunicação serial com um display de 7 segmentos

22/07/2020

Como gerar fotos com fundo transparente – Remova o fundo de imagens 100% automático e de graça!

image

Removendo fundo de imagens

Muitas vezes precisamos remover o fundo de uma foto para adicionarmos em alguma nova imagem que desejamos colocar em nosso blog ou até em uma rede pessoal, não é mesmo?

Bem, aí começa a dor de cabeça, pois para obtermos uma imagem com fundo transparente precisamos de um software para fazer a edição da imagem, como o Photoshop ou  o Gimp (Conheça o programa gratuito que substitui o Photoshop), por exemplo.

Depois, para fazer o recorde de uma foto, você com certeza vai ter muito trabalho e demorar muito tempo.

Por isso, neste tutorial, trazemos um aplicativo online e gratuito para fazer este serviço para você em até 5 segundos. Muito bacana mesmo!!!

Fundo transparente para qualquer imagem

“Remova fundos de Imagens: 100% automático, em 5 segundos e com zero cliques”: isto é o que o aplicativo Remove.bg se propõe a fazer tanto no PC como no celular.

O aplicativo funciona com imagens de todo tipo, principalmente com pessoas, produtos, logomarcas, animais e objetos em geral.

Veja a seguir um exemplo que mostramos todos os passos para você remover o fundo de uma imagem com o aplicativo Remove.bg no computador.

Utilizando o Remove.bg

Acesse o site: Remove.bgimage

Clique no botão [Faça upload]. Obs.: O Remov.bg gratuito permite recortes ilimitados para imagens de até 0.25 megapixels (até 625 X 400 pixels).

image

Selecione a imagem que você deseja remover o fundo e clique no botão [Abrir].

image

Aguarde alguns segundos…

image

E, pronto… aí está a sua foto com fundo transparente. Para obtê-la é só clicar no botão [Download].

image

Veja a foto antes e depois:

imageimage

Muito fácil né? Tente aí e conte no Visual Dicas como foi a sua experiência com o aplicativo.

Atenção desenvolvedores: Se você é desenvolvedor web e precisa de recursos via API ou apps para Windows, Mac, Linux ou Adobe Photoshop,  veja os planos no link: https://www.remove.bg/pt-br/pricing

byALF

22/06/2020

80 ideias para quem está aprendendo a programar

image

Coletânea de ideais para aprender a programar

Alguma vez você não quis construir algo, mas não tinha ideia do que fazer? Neste artigo vamos apresentar a coletânea App Ideas Collection que traz mais de 80 inspirações para desenvolvedores e aprendizes para resolver esse problema de uma vez…

Esta não é apenas uma lista simples de projetos, mas um coleção que descreve cada projeto em detalhes para que você possa desenvolvê-los do zero!

Os aplicativos foram cuidadosamente disponibilizados visando:

  • Melhorar suas habilidades de codificação;
  • Adicionar ao seu portfólio projetos que demonstrem os seus conhecimentos;
  • Experimentar novas tecnologias;
  • Servir de exemplos em tutoriais;
  • Fácil de concluir e extensível.

Cada projeto apresentado possui os seguintes recursos:

  • Objetivo claro e descritivo;
  • Histórico dos usuários;
  • Lista de bônus para incrementar o projeto base e melhorar suas habilidades ao mesmo tempo;
  • Recursos e links para ajudar você a concluir o projeto.

Os responsáveis pelo projeto:

Obs.: A coletânea está em inglês. (Use o translate do Google caso tenha dificuldades de entendimento).

Acessando o App Ideas Collection

Acesse o link: https://github.com/florinpop17/app-ideas

image

Observe que você entrou em uma página do site de repositórios GitHub. Não se preocupe, pois as ideais de projetos estão listadas em forma de links. Por isso, você não precisa aprender como utilizar GitHub agora.

Então, como dissemos, role a tela até Projects.

image

Os projetos são divididos em 3 níveis de conhecimento e experiência necessários para concluí-los, sendo:

Nível 1 – Desenvolvedores nos estágios iniciais de sua jornada de aprendizado. Aplicativos voltados para o usuário.

Nível 2 – Desenvolvedores em um estágio intermediário de aprendizado. Interface de usuário UI / Ux usando ferramentas de desenvolvimento e criando aplicativos que usam serviços de API.

UI Design, ou User Interface Design (Design de Interface do Usuário), é o meio pela qual uma pessoa interage e controla um dispositivo, software ou aplicativo

UX está relacionado com a experiência do usuário e com seus sentimentos, já UI é a maneira como o usuário alcançara essa experiência

Nível 3 – Desenvolvedores que possuem todas as opções acima e estão aprendendo técnicas mais avançadas, como implementar aplicativos de backend e serviços de banco de dados.

Exemplo de utilização dos projetos

Escolha e clique em um projeto. No nosso exemplo escolhemos o projeto Calculator do nível 1 (iniciante):

image

Ao abrir, você encontrará:

Descrição clara do projeto

image

Veja a tradução no” translate” do Google:

As calculadoras não são apenas uma das ferramentas mais úteis disponíveis, mas também são uma ótima maneira de entender a interface do usuário e o processamento de eventos em um aplicativo. Nesse problema, você criará uma calculadora que suporta cálculos aritméticos básicos em números inteiros.

O estilo é com você, então use sua imaginação e seja criativo! Também vale a pena experimentar o aplicativo da calculadora em seu dispositivo móvel para entender melhor a funcionalidade básica e os casos extremos.

Restrições
Você não pode usar a função eval () para executar cálculos

Histórico dos usuários

image

Veja a tradução no” translate” do Google:

O usuário pode ver uma tela mostrando o número atual digitado ou o resultado da última operação.

O usuário pode ver um teclado de entrada contendo botões para os dígitos de 0 a 9, operações - '+', '-', '/' e '=', um botão 'C' (para limpar) e um botão 'AC' (para limpar tudo).

O usuário pode inserir números como sequências de até 8 dígitos, clicando nos dígitos no painel de entrada. A entrada de qualquer dígito acima de 8 será ignorada.

O usuário pode clicar em um botão de operação para exibir o resultado dessa operação em: o resultado da operação anterior e o último número digitado OU; os dois últimos números digitados em OR; o último número digitado.

O usuário pode clicar no botão 'C' para limpar o último número ou a última operação. Se a última entrada do usuário foi uma operação, a exibição será atualizada para o valor que a precedeu.

O usuário pode clicar no botão 'CA' para limpar todas as áreas de trabalho internas e definir a exibição como 0.

O usuário pode ver 'ERR' exibido se qualquer operação exceder o máximo de 8 dígitos.

Bônus (recursos extras)

imageVeja a tradução no” translate” do Google:

O usuário pode clicar no botão '+/-' para alterar o sinal do número exibido no momento.

O usuário pode ver um botão de ponto decimal ('.') No teclado de entrada para permitir a inserção de números de ponto flutuante de até 3 casas e a execução de operações com o número máximo de casas decimais inseridas em qualquer número.

Links úteis e exemplos de projetos

image

Finalmente encontraremos links e recursos úteis que ajudaram você a concluir seu projeto além de exemplos já finalizados:

Veja abaixo os exemplos do projeto “calculator” elaborados em javaScript:

Observação: Você poderá desenvolver o projeto em qualquer tecnologia.

100 Days - 100 Projects Challenge

Para completar, segue abaixo o link do site “100 Days - 100 Projects Challenge” que lança um desafio de desenvolver 100 projetos em 100 dias.

image

No site é possível absorver várias ideias e exemplos. Veja os links a seguir:

Site: #100Days100Projects challenge.

Todos projetos: https://codepen.io/FlorinPop17/pen/VwYWMOa

byALF 

11/05/2020

Série Arduino Básico #61 - Dado eletrônico com leds e uso de manipulação direta de portas do Arduino

image

Série Arduino Básico

Como no projeto anterior vamos criar um "dado eletrônico" que irá sortear números de 1 a 6 só que agora com leds. Cada jogada é realizada ao pressionar um botão. Iremos também, como no projeto anterior, apresentar o conceito de manipulação direta de portas do Arduino onde mostraremos como utilizar um registrador de portas DDR e PORT.

ATENÇÃO: Tome muito cuidado em utilizar o conceito de manipulação direta de portas. Qualquer erro pode danificar permanentemente o seu Arduino.

http://www.squids.com.br/arduino/templates/jsn_epic_free/images/logo.png

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

Como o projeto deve funcionar

http://www.visualdicas.com.br/images/stories/apply.pngAcesse o link: Projeto 61 - Dado eletrônico com leds e uso de manipulação

1. Ao iniciar o programa, o display irá ficar totalmente apagado.

2. Para gerar uma rodada do dado basta pressionar o botão.

3. Os números são passados de forma aleatória e com quantidade e velocidade variável.

4. Finalmente um número ficará fixo mostrando supostamente a face do dado.

5. Clique no botão para gerar uma nova rodada.

Obs. Utilize uma placa translucida sobre os leds para que a imagem do dado fique mais legível. No nosso exemplo utilizamos uma divisória de caixa organizadora.

Veja abaixo a montagem do circuito:

Montagem com display 7 segmentos (catodo comum) - Simulação

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

Veja o tutorial completo em: Projeto 61 - Dado eletrônico com leds e uso de manipulação direta de portas do Arduino

01/05/2020

Como escrever em negrito ou itálico no WhatsApp

image

Texto com letras especiais no WhatsApp

Neste tutorial vamos mostrar como digitar textos em negrito, itálico, tachado ou com espaçamento diferenciado. Estas formas diferentes de texto ajudam a gerar uma comunicação mais precisa com seus amigos, familiares e colegas de trabalho.

Como criar letras especiais?

No primeiro método vamos mostrar como criar letras especiais utilizando códigos durante a digitação:

  • Negrito: para escrever o texto em negrito, use o asterisco (*) no começo e no fim do conteúdo que deseja destacar: *escreva em negrito*;
  • Itálico: para escrever em itálico, use o “underline” (_) no começo e no fim do texto que deseja alterar: _escreva em itálico_;
  • Tachado: para escrever um texto com um risco sobre ele, use o til (~) no começo e no fim do texto que quer riscar: ~escreva com um risco~;
  • Espaçado: este modo apresenta um espaçamento diferente. Para ativá-lo, use três crases (```) no começo e no fim do texto: ```escreva com espaçamento diferente´´´.

image

Veja o nosso exemplo abaixo:

a) Negrito: Digite um asterisco (*) antes e depois do conteúdo que deseja destacar em negrito.

Digitando:

image

Visualizando:

image

b) Itálico: Digite “underline” (_) antes e depois do conteúdo que deseja destacar em itálico.

Digitando:

image

Visualizando:

image

c) Tachado: Digite o til (~) antes e depois do conteúdo que deseja destacar em tachado.

Digitando:

image

Visualizando:

imaged) Espaçamento diferenciado: Digite três crases (```) antes e depois do conteúdo que deseja destacar com espaçamento diferenciado.

Digitando:

image

Visualizando:

image

Visualizando todas as mensagens:

image

byALF

Gostou do Post? Então espalhe!

Quem está curtindo...

Encontre no blog...

Fique mais.... Leia os nossos artigos!!!

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Web Analytics