quarta-feira, 9 de agosto de 2017

Visual Dicas

Visual Dicas

Link to Visual Dicas

Como atualizar seu Windows Movie Maker trial sem precisar registrar

Posted: 08 Aug 2017 01:05 PM PDT

Resultado de imagem para movie maker logo

Windows Movie Maker (trial version)

Se você instalou a versão "trial" do programa Windows Movie Maker no Windows 10, deve ter percebido que após alguns dias o aplicativo fica restrito para alguns recursos. Assim, se você vai salvar um vídeo no seu computador, por exemplo, aparece um tela solicitando o código de registro na Microsoft.

image

Obs.: Veja como instalar o aplicativo Windows Movie Maker no artigo: Como girar um vídeo 90º (à direita ou à esquerda)

Desbloqueando o aplicativo definitivamente

Para desbloquear o software Windows Movie Maker, sem precisar criar um registro na Microsoft, siga o tutorial abaixo:

1) Abra o "Explorador de Arquivos"

image

2) Entre em "Este Computador" selecione "Arquivos de Programas (x86)".

image

3) Abra a pasta "Windows Live".

image

4) Abra agora a pasta "Photo Gallery".

image

5) Localize o arquivo "MovieMaker.exe" e clique com o botão direito do mouse sobre ele.

image

6) Selecione "Enviar para" e clique em "Área de trabalho (criar atalho)".

image

7) Na área de trabalho, altere o nome que desejar..

image

8) Agora é só clicar no novo ícone e desfrutar do aplicativo sem limitações…

image

9) Se desejar, insira o ícone na barra de ferramentas. Clique com o botão direito do mouse sobre o novo ícone e selecione "Fixar na barra de tarefas".

image

byALF

Série Arduino Básico #23 - Criando efeito de cores com um LED RGB

Posted: 31 Jul 2017 05:35 PM PDT

1280x720

Série Arduino Básico

Continuando nossa Série Arduino básico, hoje mostraremos um projeto bem legal para você criar um efeito de cores utilizando o LED RGB, que possui em um mesmo encapsulamento três LEDs com as cores primárias - vermelho (Red), verde (Green) e azul (Blue). Através de PWM você poderá gerar diversas combinações de cores.

Objetivo: Para fins didáticos, estudo do PWM (Pulse Width Modulation), valores RGB (Red, Green and Blue) e aplicações com LEDs.

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

Gerar efeito de fogo

Acesse o link: Projeto 23 - Criando cores com um led RGB

O LED RGB nada mais é que três Leds em um só, ele é formado por um vermelho (R de red), um verde (G de green) e um azul (B de blue). Associando as cores dos três Leds é possível se obter várias possibilidades de cores.

Após iniciar o programa, a mistura das cores vermelho (R), verde (G) e azul (B) e a variação de luminosidade formada no LED RGB criará um efeito com diversas combinações de cores diferentes.

image

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

Veja o tutorial completo em: Projeto 23 - Criando cores com um led RGB

byALF

Sabia que dá para jogar o “Running T-Rex” do Chrome com a internet conectada?

Posted: 26 Jul 2017 05:00 PM PDT

image

"Endless Runner", o jogo do escondido do Chrome

Se você utiliza o Google Chrome como navegador de internet já jogou, ou deve ter percebido que aparece um dinossauro no canto superior esquerdo da tela quando a internet perde a conexão. Trata-se do jogo "endless runner" criado pelo Google para quem quer matar o tempo antes da conexão voltar.

image

Joguinho especial para ajudar você a matar o tempo enquanto a internet não volta…

O joguinho é bem simples: com o pequeno tiranossauro, o jogador deve desviar de cactos, pássaros e o que estiver em seu caminho. No smartphone basta tocar na tela para executar o comando de pular.

No computador, utilize as teclas de setas (para cima e para baixo) para fazer o dinossauro pular ou agachar.

image

Obs.: Infelizmente, o único jeito para você compartilhar a sua pontuação no game é fazendo uma captura de tela.

Jogar "endless runner" com a internet conectada

Para rodar o joguinho sem precisar desativar ou perder a conexão com a internet, siga as instruções abaixo:

1) Entre no navegador Google Chrome.

2) Acesse o link: Running T-Rex.

image

3) Pressione a tecla "espaço" para iniciar o jogo…

image

Boa diversão…

Observação: Você também poderá desativar a conexão da internet. Basta colocar seu celular, tablet, ou Notebook (se possível) em "Modo Avião". Para ativar o jogo é preciso pressionar a tecla "espaço" no PC ou tocar na tela para dispositivos móveis.

byALF

Como inserir um formulário de contato JotForm no Wordpress

Posted: 17 Jul 2017 01:19 PM PDT

JotForm - Visual Dicas

Formulário de Contato JotForm

Já mostramos aqui no Visual Dicas como criar um formulário de contato gratuito a partir do aplicativo JotForm (leia: Como criar um formulário de contato gratuito para colocar no seu blog ou site.

Neste post vamos mostrar como inserir o formulário no Wordpress.

Colocando o JotForm no Wordpress

Neste post vamos mostrar como inserir o formulário no Wordpress. Siga as instruções abaixo:

1- Acesse o painel do Wordpress

Para entrar no painel do Wordrpress digite o endereço:

http://www.SEU SITE/wp-login.php

Entre com o seu nome de usuário (username) e senha (password). Clique em [Log in].

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

2) Crie uma página estática

Diferentemente das postagens, as páginas estáticas não possuem uma data de publicação e não permitem comentários. Elas são utilizadas para criar áreas que não precisam de interação com seu leitor, como o índice de artigos, página de contato e a página de informações sobre seu blog.

No menu lateral clique em [Paginas]. Depois clique em [Adicionar nova].

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

3) Adicione título e código JotForm

Em Digite o título aqui, insira o nome da página. No nosso exemplo vamos chamá-la de "Contato".

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

Para acrescentar o código HTML do JotForm, clique no botão [Texto] do editor do Wordpress.

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

4) Copiando o código do JotForm

Acesse o aplicativo JotForm. Se não estiver conectado faça o login do site.

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

No formulário que você criou, clique em More. Depois selecione [Publicar].

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

Clique na aba [Incorporar].

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

Clique agora no botão [Copiar].

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

5) Colando o código HTML na página estática do Wordpress

Volte para o painel do Wordpress e em Texto cole o código que você copiou. Após o código copiado, clique em [Visualizar] para você verificar como vai ficar a sua página de contato.

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

Veja como ficou a visualização do nosso exemplo.

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

Volte para o painel do Wordpress e clique em [Publicar].

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

Pronto, a sua página de contatos está concluída.

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

6) Coloque a página no menu do Wordpress.

Se você tem um menu horizontal ou vertical, coloque sua página de contato como mais um elemento para seus usuários.

Para acrescentar a nova página de contatos no seu menu, clique em Aparência no menu lateral. Depois selecione [Menus]. Em Páginas, clique na aba Mais Recentes e selecione a nova página adicionada.

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

No nosso exemplo selecionamos "Contato". Clique em [Salvar menu].

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

Observe que a sua nova página de contatos foi adicionada no menu.

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas'

Se desejar alterar a posição da página, basta arrastá-la para o local desejado.

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

Finalizado, clique no botão [Salvar].

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

Pronto, sua nova página de contatos está inserida no menu…

Como inserir um formulário de contato JotForm no Wordpress - Visual Dicas

Para conferir nossa página de teste, clique em: Página de Testes Visual Dicas

byALF 

Leia também: Como inserir um formulário de contato JotForm no Blogger

Como inserir um formulário de contato JotForm no Blogger

Posted: 03 Jul 2017 02:21 PM PDT

image

Formulário de Contato JotForm

Já mostramos aqui no Visual Dicas como criar um formulário de contato gratuito a partir do aplicativo JotForm: Como criar um formulário de contato gratuito para colocar no seu blog ou site.

Neste post vamos mostrar como inserir o formulário no site. Vamos usar como exemplo os 3 CMS mais utilizados no mercado, que são: o Blogger, o Wordpress e o Joomla.

Nesta primeira parte vamos mostrar como inserir formulário de Contato JotForm no Blogger. Nas próximas postagens mostraremos como colocar o JotForm no Wordpress e no Joomla.

Colocando o JotForm no Blogger

1) Crie uma página estática

Diferentemente das postagens, as páginas estáticas não possuem uma data de publicação e não permitem comentários. Elas são utilizadas para criar áreas que não precisam de interação com seu leitor, como o índice de artigos, página de contato e a página de informações sobre seu blog.

Acesse o site: Blogger 

Após fazer o login, entre no painel do blog onde será criada a página estática de contato. Selecione [Páginas] e clique no botão [Nova página].

image

Digite o nome da sua página, como "Contatos", por exemplo. Depois clique no botão [HTML].

image

2) Copiando o código do JotForm

Acesse o aplicativo JotForm. Se não estiver conectado faça o login do site.

image

No formulário que você criou, clique em More. Depois selecione [Publicar].

image

Clique na aba [Incorporar].

image

Clique no botão [Copiar].

image

3) Colando o código na página estática do Blogger

Volte para o Blogger e em HTML cole o código que você copiou. Após o código copiado, clique em [ Visualizar] para você verificar como vai ficar a sua página de contato.

image

Veja como ficou a visualização do nosso exemplo.

image

Volte para o painel do Blogger e clique em [Publicar].

image

Pronto, a sua página de contatos está concluída.

image

4) Coloque a página no menu do Blogger.

Se você tem um menu horizontal ou vertical, coloque sua página de contato como mais um elemento para seus usuários.

Caso você não saiba como criar um menu, leia: Como criar um menu simples na nova interface do Blogger (2015).

Para acrescentar a nova página de contatos no seu menu, localize o Gadget Páginas.

image

Clique em [Editar].

image

Marque a caixa de seleção da sua nova página, que no nosso exemplo é Contatos.

image

Se desejar, arraste a página até uma nova posição no menu. No nosso exemplo vamos manter a página na última posição do menu.

image

Depois de tudo definido, não esqueça de clicar no botão [Salvar].

image

Pronto, sua nova página de contatos está inserida no menu…

image

Para conferir nossa página de teste, clique em: Página de Testes Visual Dicas

byALF

Série Arduino Básico #22 - Efeito de fogo com LEDs

Posted: 27 Jun 2017 05:00 PM PDT

5 projetos bem legais para quem está começando aprender Arduino - Visual DicasSérie Arduino Básico

Continuando nossa Série Arduino básico, hoje mostraremos um projeto bem legal para você criar um efeito aleatório de cintilação, utilizando novamente os recursos do PWM para imitar uma chama cintilante.

Observação: Este efeito poderá ser utilizado em modelos de ferromodelismo, imitando que uma casa esteja pegando fogo. Também pode se utilizar este efeito como recurso de uma lareira, efeitos especiais para filmes, teatro e maquetes.

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

Gerar efeito de fogo

Acesse o link: Projeto 22 - Efeito de fogo com LEDs

Este projeto cria uma um efeito cintilante a partir de 3 LEDs (dois amarelos e um vermelho). A mistura de cores e intensidade de brilho dos LEDs ira gerar um efeito que imita uma chama.

Este efeito se dá ajustando-se aleatoriamente o brilho de cada um dos 3 LED, graças ao PWM (Pulse Width Modulation, em português, modulação por largura de pulso) para que resultem brilhos com valores diferentes.  Difundindo a luz com o cilindro de papel (folha A4), você visualiza o efeito das cores vermelho e amarelo de forma uniforme e agradável.

image

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

Veja o tutorial completo em: Projeto 22 - Efeito de fogo com LEDs

byALF

Como criar um formulário de contato gratuito para colocar no seu blog ou site

Posted: 22 Jun 2017 04:12 PM PDT

Resultado de imagem para jotform logo

Formulário de contato gratuito

Neste artigo vamos mostrar como criar um formulário de contato com os seus leitores para você inserir este formulário no blog ou site que você administra.

O formulário de contato é um elemento essencial para o seu blog. Com ele você cria um canal direto com os seus leitores, podendo receber sugestões, críticas e  informações que podem ajudar você a melhorar o conteúdo, layout e navegabilidade do seu blog.

Veja a seguir como criar um formulário de contato simples com o aplicativo JotForm:

Criando um formulário simples com JotForm

Acesse o site: JotForm

Clique [SIGN UP] para fazer o cadastro gratuito.

image

Preencha o formulário e clique no botão [CREAT MY ACCOUNT].

image

Clique no botão [SKIP].

image

Entre no seu navegador de e-mail e na mensagem do JotForm clique no botão [Verify Now].

image

Clique em [Let's go!].

image

Você será redirecionado para a página de criação do formulário.

image

Clique em [Adicionar Elemento] para inserir os elementos do seu formulário…

image

Como nosso formulário será o mais simples possível, vamos acrescentar somente os campos Nome Completo, E-mail, Assunto, Mensagem e Código Captcha (código de segurança).

Observe que o aplicativo permite itens BÁSICOS, PAGAMENTOS e WIDGETS. No nosso exemplo vamos utilizar apenas elementos básicos. Depois, você poderá testar elementos mais avançados no seu formulário de contato.

image

Para criar o nosso primeiro elemento, "Nome Completo", arraste o elemento Entrada de Texto Curta para o campo "Arraste sua primeira pergunta da esquerda para cá".

image

Clique no ícone para configurar o elemento…

image

Na guia Geral, digite o nome do campo em Texto da Pergunta, defina o alinhamento em Alinhamento do Rótulo e se o campo é obrigatório deixando Obrigatório como SIM.

image

Depois na guia OPÇÕES, defina o tamanho do campo. Se desejar, clique em Largura para definir o número máximo de caracteres permitido.

image

Na guia AVANÇADO, você poderá ainda inserir outros recursos como Controle de Conteúdo, Texto Ajuda, Valor Pré-definido e opção para Somente Leitura.

image

Depois de configurado o nosso primeiro elemento, volte para o menu [Adicionar Elemento].

image

Da mesma forma que o elemento anterior, arraste e configure os elementos E-mail e Entrada de Texto Longa.

Obs.: Se você inseriu um elemento fora de posição, não se preocupe. Basta arrastar o elemento para a posição desejada…

Obs.: Não esqueça de deixar todos campos como obrigatório.

image

Finalmente, vamos colocar o último elemento do nosso último elemento, o código de segurança Captcha.

image

Se deseja, altere o nome do Cabeçalho.

image

Se desejar, clique em [+Add Your Logo] para inserir o logo do seu site.

image

Carregue o arquivo da logomarca,

image

Veja como está ficando nosso formulário.

image

Alterando o layout do formulário

Para alterar o layout do formulário, clique no ícone com um rolo de pintura.

image

Você poderá alterar as Cores, Estilo, CSS (Folha de estilo para HTML) e Temas.

image

No nosso exemplo vamos adicionar o tema Brick Wall que aparece em Feature Themes.

image

Para remover o tema, passe o mouse sobre Tema Atual e clique em [Remover Tema].

image

Observe que quando você altera o tema do layout, é necessário inserir novamente a logomarca. Clique novamente em [+Add Your Logo] e carregue o arquivo da logomarca.

image

Visualizando o seu Formulário

Clique no botão Pré-visualizar formulário.

image

Na figura abaixo, veja como ficou o nosso formulário:

image

Para voltar ao editor, clique novamente Pré-visualizar formulário. Faça as alterações que desejar.

image

Outras Configurações

Você poderá fazer configurações do formulário como status, condições, e-mails, integrações e página de agradecimento.

image

Para alterar os e-mails para o recebimento dos dados, clique em [EMAILS].

Observe que o e-mail de NOTIFICAÇÃO1 é o e-mail que você cadastrou no site. Para alterar clique no ícone com formato de lápis. Para acrescentar outros e-mails, clique no botão [ + ].

image

Teste os recursos para conhecê-los melhor.

Publicando o formulário no blog ou site

No menu superior, clique em [PUBLICAR].

image

Na guia lateral acesse [INCORPORAR]. Em INCORPORAR, clique no botão [COPIAR]. Depois cole o código no blog ou site.

image

Se desejar, teste antes o código como mostramos a seguir…

Testando o formulário no Squids Editor

Abra o Squids Editor: Squids Editor

Cole o código que você copiou no lado esquerdo do editor. Clique no botão [Executar].

image

Preencha os dados do formulário e envie para verificar se você está recebendo as informações.

image

Depois de enviar a mensagem, abra o seu e-mail e verifique se recebeu os dados.

image

Verificado seu formulário, copie e cole o código no seu blog ou site.

Veja abaixo como ficou o nosso formulário. Aproveite para mandar uma mensagem para nós…

Editando seu formulário de contato

Acesse o site: JotForm

Se você não estiver logado, faça o login. Vá em [Meus Formulários] e clique sobre o formulário que deseja editar.

image

Clique em [Editar].

image

Faça as alterações desejadas.

Observação: Não é necessário copiar e colar novamente o código do formulário. Toda alteração no formulário é realizada em tempo real onde o código foi inserido.

Criando um novo formulário

Em Meus Formulários, clique no botão [Criar formulário].

Obs.: Se você não foi direcionado para a página abaixo, acesse o link: www.jotform.com/myforms

image

Clique no botão [Criar].

Observação: Se desejar, você poderá utilizar um modelo pronto clicando  [Selecionar].

image

Dê um nome para o seu formulário. Clique em [Continue].

image

Aguarde alguns instantes. Clique em [Add Form Element] para inserir os elementos do seu formulário como já mostramos antes..

image

Preços e Planos

Se você deseja algo mais, veja todos os planos do JotFom: JotForm Preços.

O Plano FREE permite a criação de até 5 formulários com no máximo 1.000 visualizações.

image

byALF

Conheça o programa gratuito que substitui o MatLab

Posted: 13 Jun 2017 04:39 PM PDT

Resultado de imagem para octave logo

MatLab para que serve?

Escrito em 24/04/2016 e atualizado em 13/06/2017

Quem estuda matemática, física ou engenharia com certeza já utilizou os aplicativos Matlab® ou o Mathematica.  Estes softwares, chamados de CAS (Computer Algebra System), fazem todo o trabalho matemático necessário para qualquer área, incluindo cálculos integrais, derivadas, análises, gráficos e plugins que se conectam com outros softwares ampliando suas funcionalidades.

O MatLab é uma linguagem de desenvolvimento e de programação mais utilizado no Brasil, destinado aos pesquisadores científicos, professores, estudantes e profissionais nos domínios da física, matemática e engenharias. O software permite realizar tarefas altamente complexas e com grandes quantidades de cálculos matemáticos.

Infelizmente, tanto o MatLab como o Mathematica não são gratuitos. Aliás, são bem caros por sinal, em torno de U$ 300,00 a  2.500,00 por licença, dependendo do pacote adquirido. Pensando nisso, pesquisamos e encontramos um programa gratuito e com funções bastante semelhantes. Trata-se do GNU Octave, um software livre alternativo e compatível com o Matlab.

GNU Octave software alternativo ideal

Nesta artigo vamos mostrar como baixar o software GNU Octave (leia mais no Wikipedia), um programa alternativo ao MatLab e ao Mathematica.

Conheça o programa gratuito que substitui o MatLab - Visual Dicas

Existem outros softwares que também são gratuitos e alternativos ao MatLab. Entretanto, o GNU Octave usa a mesma sintaxe, ou seja, permite que uma pessoa que já utiliza o MatLab possa utilizar sem problemas o software alternativo. Inclusive, muitos scripts são completamente compatíveis nos dois programas sem qualquer necessidade de alteração.

Detalhes técnicos do GNU Octave

  • Octave é escrito em C++ usando bibliotecas STL.
  • Octave usa um interpretador para executar os scripts dessa linguagem.
  • Octave é extensível a partir da utilização de módulos carregáveis.
  • O interpretador do Octave trabalha em conjunto com os softwares gnuplot e Grace para plotar gráficos, grafos e para salva-los

Agora se você está disposto em utilizar o software indicado, recomendamos que tenha em mente que ao utilizar programas alternativos é necessário uma nova aprendizagem. Por mais semelhante que um software seja do outro, não são iguais. No caso do GNU Octave, embora a linguagem seja idêntica ao MatLab, a plotagem dos gráficos não é. Isto porque este software utiliza a engine gratuita GNUplot e o MatLab tem sua engine embutida. Outras diferenças poderão também ser encontradas ao longo da utilização.

Download do software alternativo GNU Octave

Acesse o site: https://www.gnu.org/software/octave/

Clique em [Download].

image

Clique na guia com o sistema operacional que você utiliza no seu computador. No nosso exemplo vamos escolher o Windows: https://ftp.gnu.org/gnu/octave/windows/

image

Escolha o link de instalação mais recente  do software. No exemplo vamos escolher o link: octave-4.2.1-w64-installer.exe.

Atenção: Se você utiliza o Windows, verifique qual a versão do seu sistema operacional, w32 ou w64. Se você não sabe como identificar a versão do Windows utilizada, leia: Como saber se o Windows está executando a versão de 64 bits ou 32 bits (x64 ou x86)

image

Clique no botão [Salvar arquivo] para baixar o arquivo de instalação.

image

Aguarde o download e clique no arquivo executável para iniciar a instalação.

image

Se você estiver utilizando o Windows 10, vai visualizar uma janela com uma nota que diz que o software não foi testado no Windows 10 e pergunta se você quer continuar com a instalação. Clique em [Sim].

Conheça o programa gratuito que substitui o MatLab - Visual Dicas

Se você não tem instalado na seu computador o Java Runtime Environment (JRE), vai visualizar uma janela com uma nota informando isto. Clique em [Sim] para continuar a instalação.

image

Clique no botão [Next].

Conheça o programa gratuito que substitui o MatLab - Visual Dicas

Clique em [Next].

Conheça o programa gratuito que substitui o MatLab - Visual Dicas

Clique em [Next] novamente.

Conheça o programa gratuito que substitui o MatLab - Visual Dicas

Clique em [Install].

image

Aguarde alguns instantes

Conheça o programa gratuito que substitui o MatLab - Visual Dicas

Finalmente clique em [Finish] para concluir a instalação e rodar o software.

Conheça o programa gratuito que substitui o MatLab - Visual Dicas

Na primeira vez que você abre a interface gráfica do Octave, é necessário clicar no botão [Avançar] para criar e armazenar o arquivo de configuração.

image

Mantenha a caixa de seleção marcada em "Permitir que o Octave se conecte à Internet para buscar as novidades e informações atuais da comunidade" e clique novamente em [Avançar].

image

Clique em [Finalizar] para abrir pela primeira vez a interface gráfica GNU Octave.

image

O software foi instalado com sucesso.

image

Pronto, agora é com você. Aproveite o software e bons trabalhos….

Na imagem abaixo veja o gráfico que fiz seguindo o tutorial do próprio Octave: http://octave.di.uminho.pt/index.php/Gr%C3%A1ficos

image

Para começar usar o software gratuito CNU Octave leia o tutorial básico da Unicamp:

http://www.ime.unicamp.br/~marcio/tut2005/octave/042565Cassia.pdf

 

Outros softwares alternativos ao MatLab

O Scilab é a alternativa gratuita de maior desenvolvimento. Atualmente em sua versão, é utilizado em muitas universidades europeias, principalmente franco-suíças, e seu desenvolvimento é o mais ativo das alternativas. Também contém uma toolbox chamada Scicos, que permite modelamento. Possui plugins que interagem com uma vasta gama de softwares, desde o Excel até o LabVIEW.

O Maxima é o mais antigo de todos, pois seu código fonte é baseado no programa Macsyma, escrito em linguagem LISP.

byALF

Série Arduino Básico #21 - Efeito RGB Mood Lamp usando 3 leds (cores do arco-íris)

Posted: 12 Jun 2017 03:05 PM PDT

5 projetos bem legais para quem está começando aprender Arduino - Visual DicasSérie Arduino Básico

Continuando nossa Série Arduino básico, hoje mostraremos um projeto bem legal para você criar um efeito tipo "mood lamp" utilizando 3 LEDs (um vermelho, um verde e um azul). Neste projeto, a mistura das cores dos LEDs irá gerar as cores do arco-íris...

Observação: Uma "mood lamp" é uma lâmpada de propósito estético, que serve para iluminar um ambiente de forma agradável e até divertida.

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

Gerar cores do arco-íris

Acesse o link: Projeto 21 - Efeito RGB Mood Lamp - cores do arco-íris

Este projeto cria uma um efeito com as cores do arco-íris a partir de 3 LEDs (um vermelho, um verde e um azul). A mistura de cores irá gerar um efeito tipo "mood lamp" produzido pelo gerenciamento dos valores RGB  dos LEDs (red, gree e blue) com o  controle de brilho por PWM (Pulse Width Modulation - Modulação por Largura de Pulso) para cada LED.

image_thumb1

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

Veja o tutorial completo em: Projeto 21 - Efeito RGB Mood Lamp - cores do arco-íris

byALF

Como inserir data no Excel com atualização automática

Posted: 08 Jun 2017 05:25 PM PDT

excel

Inserir data e hora em uma célula do Excel

atualizado em 08/06/2017

Para inserir facilmente a data e/ou a hora em uma célula do Excel (versões 2007, 2010, 2013 e 2017), seja de forma estática ou com atualização automática, existem várias maneiras. Neste artigo, vamos mostrar algumas formas para você fazer isso…

Inserir uma data ou hora estática

Em uma planilha do Excel, selecione a célula que deseja inserir a data ou a hora atual.

image

Teclas de atalho:

Para inserir a data atual digite:  [CTRL + ; ] (Control e ponto e vírgula)

image

Para inserir a hora atual digite: [CTRL + SHIFT + ;] (Control, shift e ponto-e-vírgula)

image

Inserir data ou hora com valor sempre atualizado

No Excel, selecione a célula desejada e:

Inserir data atualizada

Digite a fórmula: =hoje()

image

Depois tecle [Enter].

image

Inserir hora atualizada

Digite a fórmula: =agora()

image

Digite a tecla [Enter]…

image

Observação: Os resultados das funções HOJE() e AGORA() serão sempre atualizados quando a planilha for aberta ou calculada (ou quando uma macro que contém a função for executada). A data e hora usadas são obtidas no relógio do sistema do computador.

Fonte: Inserir a data e a hora atual em uma célula / Função HOJE()

Operações com a função HOJE()

1) Para mostrar o dia atual do mês (quando a planilha é aberta ou calculada)

Digite a fórmula: =DIA(HOJE())  Retorna o dia atual do mês (1 - 31).

image No caso, a data hoje() foi dia 08/06/2017. Observe que a célula deverá estar definida como GERAL….

2) Para mostrar o mês atual (quando a planilha é aberta ou calculada)

Digite a fórmula: =MÊS(HOJE())  Retorna o mês atual (1 - 12).

image

No caso, a data hoje() foi dia 08/06/2017. Observe que a célula deverá estar definida como GERAL….

3) Para mostrar o ano atual (quando a planilha é aberta ou calculada)

Digite a fórmula: =ANO(HOJE())  Retorna o ANO atual.

image

No caso, a data hoje() foi dia 08/06/2017. Observe que a célula deverá estar definida como GERAL….

byALF

Série Arduino Básico #20 - Gerar cores do arco-íris utilizando 3 LEDs

Posted: 04 Jun 2017 03:09 PM PDT

5 projetos bem legais para quem está começando aprender Arduino - Visual DicasSérie Arduino Básico

Continuando nossa Série Arduino básico, hoje mostraremos um projeto bem legal para você gerar uma sequência de cores utilizando 3 LEDs (um vermelho, um verde e um azul). Neste projeto vamos gerar uma sequência com as 7 cores do arco-íris..

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

Gerar cores do arco-íris

Acesse o link: Projeto 20 - Gerar cores do arco-íris

Este projeto gera uma sequência de cores utilizando-se apenas 3 LEDs (um vermelho, um verde e um azul). A mistura de cores dos LEDS irá gerar uma sequência de cores do arco-íris através do gerenciamento dos valores RGB (red, gree e blue) definidos pelo controle de brilho de um led por PWM (Pulse Width Modulation - Modulação por Largura de Pulso).

image

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

Veja o tutorial completo em: Projeto 20 - Gerar cores do arco-íris

byALF

Excel - Como validar dados a partir de uma lista

Posted: 29 May 2017 01:12 PM PDT

Excel - Como contar o número de vezes que um item aparece em uma lista - Visual Dicas

Por que Validar dados?

Muitas vezes quando alguém digita em uma planilha do Excel pode acabar informando um valor diferente daquele que deveria ser digitado.

Para resolver esta situação, o Excel possui o recurso Validação de Dados, algo que parece ser complicado, mas realmente não é.

Neste artigo vamos mostrar como validar células de acordo com o conteúdo de uma lista de informações inseridas em uma planilha do Excel, como mostramos a seguir:

Validando dados no Excel

Para demonstrarmos como validar uma célula ou mais células no Excel vamos criar uma planilha de exemplo onde teremos alguns municípios do brasil e deveremos digitar os estados correspondentes, mas de forma validada. Veja o nosso exemplo abaixo:

Para fazer o download da nossa planilha de exemplo clique em: download

1) Selecione uma ou mais células para validar (local onde deverão ser inseridos os dados).

image

2) Clique na guia Dados da planilha.

image

2) Na guia Dados, no grupo Ferramenta de Dados, clique em Validação de Dados.

image

Ou selecione Validação de Dados se abrir a caixa de seleção

image

3) Em Validação de dados, na guia Configurações, na caixa Permitir, selecione Lista.

image

4) Ainda na guia Configurações, na caixa Fonte, digite os valores da lista separados por vírgulas ou selecione a célula ou as células onde estão digitados os valores para a validação.

Obs1.: No nosso exemplo selecionamos os valores digitados que aparecem nas células com fundo verde.

Obs2: Mantenha marcado a caixa de seleção Menu suspenso na célula para facilitar a inserção de dados na sua planilha.

image

5) Crie uma mensagem de erro. Clique na guia Alerta de erro. Selecione Parar em Estilo. Digite um Título e a Mensagem de erro. Depois de tudo finalizado, clique no botão OK.

Obs.: O alerta de erro é opcional. Ignore se desejar.

image

Utilizando as células validadas

Após realizado a validação das células, vamos digitar os valores. Veja no nosso exemplo quais células que foram validadas.

image

Digitando os dados

Para testarmos a validação, vamos digitar um valor diferente dos valores que foram definidos como fonte para a validação. Começamos com a palavra "baia" ao invés de "Bahia".

image

Como a palavra se difere da lista de validação, observaremos que aparecerá o nosso alerta de erro. Você deverá digitar uma nova palavra novamente…

Para fazer o download da nossa planilha de exemplo clique em: download

Utilizando o Menu suspenso

Outra forma de inserir os dados nas células validadas é utilizar o Menu suspenso, onde você encontrará todas os dados da lista de validação.

Selecione a célula que você deseja inserir o valor e clique na seta para abrir a caixa de opções. Selecione a opção desejada.  No nosso exemplo vamos selecionar "São Paulo" como mostra a imagem abaixo:

image

Alterando ou Excluindo a validação

Para alterar ou excluir a validação, basta selecionar as células que você deseja realizar a operação. Na guia Dados clique em Validação de dados

image

Faça as alterações desejadas e clique no botão OK na guia Configurações.

image

Se desejar excluir a validação, na guia Configurações clique em Limpar Tudo.

image

Para saber mais clique em Aplicar validação de dados a células

byALF

Você sabe como pedir referências profissionais?

Posted: 27 May 2017 01:32 PM PDT

Como pedir referências profissionais

Como pedir referências profissionais?

Referências profissionais são mais importantes em um processo seletivo do que parecem, e devem ser escolhidas com critério

por Empregos.com.br
http://www.empregos.com.br

Com tempo e a energia gastos em busca de uma vaga perfeita, incluindo pesquisa, preparação do currículo, testes e a entrevista de emprego, às vezes nos esquecemos de um detalhe que faz toda a diferença: as referências.

Aproximadamente 85% dos recrutadores checam pelo menos uma das referências do candidato durante o processo seletivo.

Além disso, eles se sentem menos inclinados a contratar candidatos que não oferecem referências aceitáveis ou que não são facilmente encontradas.

Leia também:

4 motivos pelos quais os recrutadores não o contratam

Série "Perguntas na entrevista de emprego" – As 29 questões que você precisa saber o que falar

Indicar profissionais confiáveis para falar sobre você tem um impacto real em suas chances de contratação. É preciso dar atenção redobrada a essa fator aparentemente indiferente, mas que pode ser determinante para conseguir um novo emprego.

Prepare-se!
Em geral, não se deve detalhar as suas referências logo no currículo, a menos que isso seja previamente requisitado, ou que você precise dela para comprovar seu vínculo empregatício. O melhor é esperar que o recrutador te solicite esse tipo de informação.

Escolha as melhores pessoas para usar como referência com calma e critério. Normalmente, os recrutadores têm preferência em falar com alguém de seu emprego atual.

Não sendo possível, analise outras empresas em que trabalhou e não considere somente supervisores ou gerentes, mas também colegas de trabalho e professores.

Uma boa referência oferece comentários de valor e vêm de profissionais capazes de analisar seus pontos fortes, habilidades e conhecimentos.

Avise suas referências
Nunca mencione profissionais como referência sem antes pedir permissão para isso, afinal, você está disponibilizando informações para contato dessas pessoas.

Também envie a elas uma versão recente do seu currículo e as mantenha informadas sobre o objetivo atual de sua carreira e que tipo de vagas está se aplicando.

Caso seja apropriado, providencie uma pequena descrição da vaga que está participando. Tenha sempre uma referência extra caso as suas primeiras escolhas não estejam disponíveis.

Mantenha contato
Para concluir, lembre-se sempre de agradecer o tempo que a pessoa dedicou a você, independentemente de ter conquistado a vaga ou não.

Alguns candidatos podem utilizar a mesma referência diversas vezes, enquanto outros acabam usando apenas uma vez. Mas uma fonte confiável pode ser um de seus maiores triunfos para conseguir a oportunidade tão almejada.

Se está em busca de vagas, confira oportunidades abertas no site Empregos.com.br.


Leia mais:

Candidatos devem ter cuidado nas redes sociais

10 tópicos que você deve remover do currículo agora

Escrito por: empregos.com.br

Formatos Banner

Série Arduino Básico #19 - Efeito RGB Mood Lamp (cores aleatórias)

Posted: 15 May 2017 03:18 PM PDT

5 projetos bem legais para quem está começando aprender Arduino - Visual Dicas

Série Arduino Básico

Continuando nossa Série Arduino básico, hoje mostraremos um projeto bem legal para você criar um efeito tipo "mood lamp" utilizando-se 3 LEDs (um vermelho, um verde e um azul). Neste projeto, a mistura das cores dos leds irá gerar novas cores aleatórias.

Observação: Uma "mood lamp" é uma lâmpada de propósito estético, que serve mais com o intuito de indicar e caracterizar o "humor" (mood) do ambiente, do que propriamente servir como fonte de iluminação.

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

Efeitos de lâmpada pulsante

Acesse o link: Projeto 19 - Efeito RGB Mood lamp (cores aleatórias)

Este projeto cria 1 tipo "mood lamp" utilizando-se 3 LEDs (um vermelho, um verde e um azul). Neste projeto, a mistura das cores dos leds irá gerar novas cores aleatórias através do gerenciamento dos valores RGB (red, gree e blue)  definidos pelo controle de brilho de um led por PWM (Pulse Width Modulation - Modulação por Largura de Pulso).

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

Veja o tutorial completo em: Projeto 19 - Efeito RGB Mood lamp (cores aleatórias)

byALF

Como gerar facilmente seu próprio QR Code com o Google

Posted: 13 May 2017 02:49 PM PDT

Como gerar facilmente seu próprio QR Code com o Google - Visual Dicas

O que é um QR Code

Um código QR é um código de barras bidimensional feito a partir de uma forma de pixeis pretos e brancos, que permite a codificação de até várias centenas de caracteres.

Como gerar facilmente seu próprio QR Code com o Google - Visual Dicas

O conteúdo armazenado no código pode então ser descodificado e exibido utilizando um Smartphone ou Tablet. 'QR' significa 'Quick Response' (Resposta rápida) e refere-se à digitalização excepcionalmente rápida. (fonte http://br.qr-code-generator.com)

Como são utilizados os códigos QR?

Devido à enorme popularidade dos Smartphones, os códigos QR são agora utilizados principalmente para fins de Marketing móvel.

Os meios de comunicação impressos, como folhetos, cartazes, catálogos ou cartões de visita podem ser adicionados ao conteúdo digital, como páginas web, vídeos, PDFs, galerias de imagens ou dados de contato. A variedade de diferentes aplicações são praticamente ilimitadas.(fonte http://br.qr-code-generator.com)

Como gerar facilmente seu próprio QR Code com o Google - Visual Dicas

Como criar o seu próprio QR code?

Neste artigo mostraremos como criar um QR code através do encurtador de links do Google, o Google URL Shortener. (leia Você conhece o encurtador de links do Google?)

Acesse o site: https://goo.gl/

1) Se você não estiver logado, marque a caixa de seleção "Não sou um robô" e faça o login utilizando a sua conta do Google.

Como gerar facilmente seu próprio QR Code com o Google - Visual Dicas

2) No campo "Your orininal URL here" cole o link da página que você deseja criar o QR code.

Como gerar facilmente seu próprio QR Code com o Google - Visual Dicas

Obs.: No nosso exemplo escolhemos o link http://www.blogolista.com/linklista  (página do site www.blogolista.com )

3) Clique no botão [Shorten url].

Como gerar facilmente seu próprio QR Code com o Google - Visual Dicas

4) Clique no botão [Done].

Como gerar facilmente seu próprio QR Code com o Google - Visual Dicas

Observe que o link da página foi adicionado no Google URL Shortener.

Como gerar facilmente seu próprio QR Code com o Google - Visual Dicas

5) Passe com o mouse na linha do link que você deseja utilizar. Clique no ícone com 3 pontos, como mostra a figura abaixo:

Como gerar facilmente seu próprio QR Code com o Google - Visual Dicas

6) Selecione [QR code].

Como gerar facilmente seu próprio QR Code com o Google - Visual Dicas

7) Clique com o botão direito sobre a imagem e selecione [Salvar imagem como…] para salvar o QR Code no seu computador ou [Copiar imagem] para colar o QR Code no seu blog ou site.

Como gerar facilmente seu próprio QR Code com o Google - Visual Dicas

8) Agora é só inserir a imagem onde você desejar: em um site, em algum impresso ou até mesmo em algum vídeo ou fotografia.

Veja abaixo o QR Code do link que utilizamos no nosso exemplo. Utilize o seu smartphone ou tablet para acessar a página informada no código.

Como gerar facilmente seu próprio QR Code com o Google - Visual Dicas

Observação: Para acessar o QR Code no seu smartphone ou tablet utilize um aplicativo adequado pra a leitura. Veja os melhores aplicativos para o Android no Google  Play.

Como gerar facilmente seu próprio QR Code com o Google - Visual Dicas

byALF

Você conhece o encurtador de links do Google?

Posted: 04 May 2017 05:09 PM PDT

Imagem relacionada

Para que serve o encurtador de links?

O Google, presente em vários setores da internet, possui também seu encurtador de links. Mas para que serve o encurtador de links?

Encurtador de links nada mas é do que um aplicativo que transforma a URL de uma página de um site em um link bem mais curto e bem mais elegante.

Obs.: URL (Uniform Resource Locator - em português Localizador Uniforme de Recursos), é o endereço de um recurso (um arquivo, uma página de um site, uma impressora etc.), disponível em uma rede; seja a Internet, uma rede corporativa, ou uma intranet. Uma URL tem a seguinte estrutura: protocolo://servidor/caminho/recurso

Links curtos são essenciais para economizar espaço em posts nas redes sociais, principalmente no Twitter, e em materiais impressos para divulgação.

Veja o exemplo abaixo onde apresentamos um link completo e um link encurtado:

a) Link completo

http://www.blogolista.com/conteudo/19-Comportamento/78148-como-se-tornar-o-melhor-amigo-de-si-mesmo#.WPa6E6K1uHs

b) Link encurtado

https://goo.gl/48XqDo

Por estas razões, não é a toa que existem vários serviços na internet que oferecem este recurso como o bit.ly, o migre.me e o Google URL Shortener  (encurtador de links do Google).

Você conhece o encurtador de links do Google? - Visual Dicas

Por que utilizar o encurtador de links do Google?

Com certeza o encurtador do Google é o mais seguro de todos os aplicativos. Como acontece também em outros serviços de encurtamento na web, o encurtador do Google é gratuito e permite rastrear os acessos de um link qualquer, criando um histórico completo.

Para completar, o Google URL Shortener  conta também com um gerador de QR code para você colocar em algum site ou em algum material impresso qualquer, facilitando seus leitores de acessarem à página.

Como utilizar o encurtador de links do Google

Acesse o site: https://goo.gl/

1) Se você não estiver logado, marque a caixa de seleção "Não sou um robô" e faça o login, utilizando a sua conta do Google.

Você conhece o encurtador de links do Google? - Visual Dicas

2) No campo "Your orininal URL here" cole o link que deseja encurtar e clique no botão [SHORTEN URL].

Você conhece o encurtador de links do Google? - Visual Dicas

3) Copie o link encurtado e publique em qualquer lugar na web: redes sociais como Twitter, Facebook, sites, blogs, dentre outros.

Você conhece o encurtador de links do Google? - Visual Dicas

Clique no botão [Done] para inserir o link encurtado no banco de dados do seu perfil

Você conhece o encurtador de links do Google? - Visual Dicas

Recursos opcionais do encurtador de links do Google

Passe com o mouse na linha do link que você deseja utilizar. Clique no ícone com 3 pontos, como mostra a figura abaixo:

Você conhece o encurtador de links do Google? - Visual Dicas

Escolha o recurso desejado: Analytics Data, QR Code ou Hide URL.

a) Analytics Data: Faz uma análise completa dos acesso do link encurtado. Ótimo para análises de SEO.

Você conhece o encurtador de links do Google? - Visual Dicas

b) QR code: Código para acesso ao link encurtado. Faça o teste com o seu smartphone.

 Você conhece o encurtador de links do Google? - Visual Dicas

c) Hide URL: Para esconder um item da lista. Clique no botão [HIDE] para esconder o link desejado.

Atenção: O link encurtado ficará escondido da sua tabela de dados, mas permanecerá público e acessível para todos.

Você conhece o encurtador de links do Google? - Visual Dicas

byALF

Converta quase tudo para PDF e vice-versa

Posted: 24 Apr 2017 03:47 PM PDT

Converta quase tudo para PDF e vice-versa - Visual Dicas

Uma central gratuita de arquivos PDF

Já apresentamos aqui no nosso blog vários aplicativos online que fazem a conversão de arquivos para PDF e vice-versa, como:

Converta arquivos PDF para Excel, Word, Power Point, Autocad…. tudo online e grátis!

Como converter arquivos PDF para o Word, sem precisar instalar nada

Como juntar ou dividir páginas PDF gratuitamente 

Todos programas citados nas postagens acima são excelentes. Entretanto, neste artigo vamos trazer um aplicativo gratuito e online que é uma verdadeira central de ações para arquivos PDF. Trata-se do PDF Candy.

Com ele é possível realizar tarefas simples, como converter um arquivo de Word para PDF e vice-versa até proteger documentos, adicionar marca d'água entre outras funcionalidades.

O grande destaque desta ferramenta é a compatibilidade com muitos tipos de arquivos, podendo converter arquivos de PDF para: Word, JPG, PNG, TIFF e BMP e converter de Word, JPG, EPUB, MOBI, FB2, PNG, TIFF, BMP, ODT, Excel e PPT para PDF.

Outros destaques são as ferramentas: Juntar PDF, Dividir PDF, Comprimir PDF, Proteger e Desproteger arquivos PDF, Girar PDF, Adicionar marca d'água e Excluir páginas de documentos em PDF.

Converta quase tudo para PDF e vice-versa - Visual Dicas

Também é possível utilizar todas as tarefas diretamente da nuvem Google Drive e Dropbox.

Segurança

Os desenvolvedores do aplicativo garantem a privacidade de todos os arquivos enviados para a conversão online. Você poderá baixar o resultado para o seu computador e distribuí-lo como desejar.

O aplicativo também funciona perfeitamente em smartphone e tablets, mas ainda não possui um app dedicado.

O PDF Candy é uma ótima solução para quem utiliza muitos documentos em PDF. Teste você também!!!

Acessando o PDF Candy

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

Converta quase tudo para PDF e vice-versa - Visual Dicas

Altere o aplicativo para o seu idioma. No nosso exemplo vamos alterar para Português.

Converta quase tudo para PDF e vice-versa - Visual Dicas

Agora o nosso aplicativo está no idioma desejado…

Converta quase tudo para PDF e vice-versa - Visual Dicas

Usando o PDF Candy

Como exemplo vamos utilizar a ação Excel para PDF, onde converteremos um arquivo Excel em arquivo PDF. Veja a nossa planilha em Excel que será convertida em PDF:

Converta quase tudo para PDF e vice-versa - Visual Dicas

Para utilizar o PDF Candy é bem simples, basta escolher uma ação  e seguir suas orientações. Como exemplo vamos utilizar a ação Excel para PDF, onde converteremos um arquivo Excel em arquivo PDF.

Obs.: Não é preciso se registrar no site para utilizar os recursos do PDF Candy.

Converta quase tudo para PDF e vice-versa - Visual Dicas

Selecione um arquivo Excel do Google Drive, Dropbox ou do seu computador. No nosso exemplo vamos selecionar um arquivo do computador. Para isso clique em [Adicionar arquivo(s) ou arrastar e soltar…].

Selecione o arquivo desejado. Clique no botão [Abrir].

Converta quase tudo para PDF e vice-versa - Visual Dicas

Aguarde alguns instantes para que o aplicativo faça a conversão. É bem rápido.

Converta quase tudo para PDF e vice-versa - Visual Dicas

Pronto, agora é só baixar o arquivo para o seu computador ou nuvem. No nosso exemplo vamos clicar no botão [Baixar arquivo PDF].

Converta quase tudo para PDF e vice-versa - Visual Dicas

Abra o arquivo ou salve no computador. No nosso exemplo vamos abrir o documento no Adobe Reader.

Converta quase tudo para PDF e vice-versa - Visual Dicas

Veja como ficou nossa planilha em PDF (Utilizamos o Adobe Reader 9.4 para visualização).

Converta quase tudo para PDF e vice-versa - Visual Dicas

Você poderá converter quantos arquivos desejar…

Simples, eficiente e gratuito. Comentem aqui o que vocês acharam deste aplicativo.

Obs.: Outro aplicativo similar e muito bom também é o SmallPdf - Como juntar ou dividir páginas PDF gratuitamente --> (https://smallpdf.com/pt)

byALF

Série Arduino Básico #18 - Efeito lâmpada pulsante

Posted: 21 Apr 2017 01:30 PM PDT

5 projetos bem legais para quem está começando aprender Arduino - Visual Dicas

Série Arduino Básico

Continuando nossa Série Arduino básico, hoje mostraremos um projeto bem legal para você criar um efeito de lâmpada pulsante através do controle de brilho de um led.

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

Efeitos de lâmpada pulsante

Acesse o link: Projeto 18 - Efeito lâmpada pulsante

Este projeto cria 1 efeito de lâmpada pulsante através do controle de brilho de um led por PWM (Pulse Width Modulation - Modulação por Largura de Pulso)

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

Veja o tutorial completo em: Projeto 18 - Efeito lâmpada pulsante

byALF

Como girar um vídeo 90º (à direita ou à esquerda)

Posted: 18 Apr 2017 11:36 AM PDT

Como girar um vídeo 90º (à direita ou à esquerda) - Visual Dicas

Girar um vídeo 90º (á direita ou à esquerda)

Muitas vezes quando gravamos um vídeo pela câmera ou pelo smartphone, obtemos imagens que ficam na vertical  ou de ponta cabeça, o que não é nada conveniente para assistí-los. Desta forma, precisaremos ajustá-los, girando-os para à direita ou para à esquerda até que fiquem na posição desejada.

Neste artigo vamos mostrar como girar um vídeo 90º (sentido horário ou anti-horário) utilizando um software leve, gratuito e muito eficiente: o velho Windows Movie Maker.

Ele permite girar o vídeo a 90 graus de cada vez para que você possa ajustar o ângulo correto. Mais ainda, o Windows Movie Maker permite adicionar animações, músicas, cortar e dividir vídeos, e muito mais.

Como girar um vídeo 90º (à direita ou à esquerda) - Visual Dicas

Existem muitos softwares de edição de vídeo que possuem este recurso, mas sem dúvida, o Windos Movie Maker é o mais simples e o mais eficiente para esta função.

Instalando o Windows Movie Maker (versão 2016)

Para instalar no Windows XP, Vista, Windows 7, Windows 8 ou Windows 10:

Acesse o link: http://www.windows-movie-maker.org/download.html

Clique em [Download] para instalar no Windows 7, 8, 10 ou para Windows XP, Vista

Como girar um vídeo 90º (à direita ou à esquerda) - Visual Dicas

Salve o arquivo para fazer o download.

Como girar um vídeo 90º (à direita ou à esquerda) - Visual Dicas

Abra o arquivo executável que você fez o download.

Obs.: Na versão 2016, temos o arquivo windows-movie-maker-2016.exe

Como girar um vídeo 90º (à direita ou à esquerda) - Visual DicasComo girar um vídeo 90º (à direita ou à esquerda) - Visual Dicas

Após a instalação abra o programa Windows Movie Maker. Se aparecer a tela abaixo, clique em [Later].

Como girar um vídeo 90º (à direita ou à esquerda) - Visual Dicas

Pronto, programa instalado e funcionando.

Como girar um vídeo 90º (à direita ou à esquerda) - Visual Dicas

Como girar um vídeo gravado no computador

Na aba Home, clique em [Add vídeos and photos] para inserir o vídeo que você deseja ajustar.

Como girar um vídeo 90º (à direita ou à esquerda) - Visual Dicas

Escolha o vídeo desejado. No nosso exemplo vamos escolher um vídeo tipo mp4 que está na vertical, como pode ser observado na imagem abaixo.

Como girar um vídeo 90º (à direita ou à esquerda) - Visual Dicas

Observe que o vídeo aparecerá na tela Movie Maker.

Como girar um vídeo 90º (à direita ou à esquerda) - Visual DicasComo girar um vídeo 90º (à direita ou à esquerda) - Visual Dicas

Ainda na aba Home, clique no botão [Rotate left] para girar 90º para à esquerda e [Rotate right] para girar 90º para à direita. Você poder girar o vídeo para à direita ou esquerda quantas vezes desejar.

No nosso exemplo vamos girar o vídeo para à esquerda -> [Rotate left].

Como girar um vídeo 90º (à direita ou à esquerda) - Visual Dicas

Observe que o nosso vídeo foi ajustado e está agora na horizontal.

Como girar um vídeo 90º (à direita ou à esquerda) - Visual Dicas

Clique no botão com a seta para rodar o vídeo. Assim você poderá verificar se o ajuste foi realizado corretamente.

Como girar um vídeo 90º (à direita ou à esquerda) - Visual Dicas

Se tudo estiver correto, clique em [Arquivo]. Em Save movie selecione [For computer] para salvar o novo arquivo do vídeo ajustado no seu computador.

Como girar um vídeo 90º (à direita ou à esquerda) - Visual Dicas

Defina o caminho, nome do arquivo e clique no botão [Salvar].

Como girar um vídeo 90º (à direita ou à esquerda) - Visual Dicas

Aguarde alguns instantes. Clique em Play, para visualizar o seu vídeo em ação ou Open folder, para abrir a pasta onde o arquivo está gravado. Se não desejar nenhuma opção, clique em Close para fechar a janela.

Como girar um vídeo 90º (à direita ou à esquerda) - Visual Dicas

Pronto, agora você já tem o seu vídeo ajustado salvo no computador…

Como girar um vídeo 90º (à direita ou à esquerda) - Visual Dicas

Veja abaixo o nosso vídeo utilizado aqui como exemplo:

byALF

Série Arduino Básico #17 - Efeitos de iluminação sequencial com LEDs ou Barra Gráfica

Posted: 11 Apr 2017 01:07 PM PDT

5 projetos bem legais para quem está começando aprender Arduino - Visual Dicas

Série Arduino Básico

Continuando nossa Série Arduino básico, vamos mostrar hoje um projeto bem legal para você criar 10 efeitos sensacionais de iluminação sequencial.

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

10 efeitos de iluminação com LED's ou Barra Gráfica

Acesse o link: Projeto 17 - Barras de led acionadas por potenciômetro

Este projeto cria 10 efeitos de iluminação sequencial utilizando barra de LEDs ou uma barra gráfica:

Utilizando LED's

Utilizando barra gráfica

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

Veja o tutorial completo em: Projeto 17 - Barras de led acionadas por potenciômetro

byALF

Abra o Google Maps para descobrir uma surpresa bem legal!!!!

Posted: 02 Apr 2017 03:30 PM PDT

Abra o Google Maps para descobrir uma surpresa bem legal!!!! - Visual Dicas

Surpresa do Google Maps

Para celebrar o dia da mentira em 1º de abril, o Google lançou uma surpresa bacana e um tanto nostálgica: transformou o mapa do Google Maps em um enorme cenário do  Pac Man.

Por alguns dias no mês de abril, o serviço de localização servirá também como mais um jogo para o seu smartphone ou desktop.

Esta não é a primeira vez que o Google utiliza o Pac Man em uma brincadeira de 1º de abril. Em 2015 o Google Maps lançou também uma versão do jogo. Desta vez foi lançado a versão feminina do personagem, a Sra. Pac Man.

Veja como jogar

Acesse o Google Maps: https://maps.google.com.br/ 

Escolha uma localização qualquer para ser o cenário do jogo. Clique no botão com o desenho do Pac Man (lado esquerdo no desktop e lado direito no smartphone).

google maps pacman 0317 400x800 desktop

O jogo é bem simples, utilize as setas do teclado, ou se estiver usando o seu smartphone, apenas deslize os dedos pela tela.

Abra o Google Maps para descobrir uma surpresa bem legal!!!! - Visual Dicas

Inicie o jogo clicando em uma seta do teclado. O jogo terá cinco vidas da Sra. Pac-Man.

pacman google capa 0317 400x910

Boa diversão! Caso não lembre as regras do jogo, veja a seguir…

Regra do jogo Pac Man dos anos 80.

1) Comer os quadrados brancos (Pac-Dots) vale 10 pontos cada;

2) Comer os círculos grandes (Power Pellets) faz com que os fantasmas fiquem azuis. Neste momento, a Sra. Pac-Man poderá atacar os fantasmas;

3) Comer lanches ao longo do caminho pode marcar pontos extras;

4) O jogador deve ter cuidado se os fantasmas começarem a piscar. Nesta condição, eles estão prestes a retornar ao estado normal e a atacar novamente.

Divirta-se!

byALF

Veja como instalar os novos temas responsivos do Blogger

Posted: 29 Mar 2017 02:18 PM PDT

Resultado de imagem para blogger png

Conheça os novos temas responsivos do Blogger

A equipe do Blogger lançou recentemente novos modelos de temas mais adequados às necessidades dos usuários e do próprio padrão Google. São 4 modelos em diversas cores para você usar no seu blog.

Os novos modelos são modernos, bonitos e responsivos, pois se ajustam a qualquer tipo e tamanho de tela em que o visitante acessar. Clique no botão [Claro!] para conhecer os novos temas do Blogger.

Estes são os novos temas responsivos do Blogger: Contempo, Soho, Empório e Notável.

Backup completo do blog

Antes de instalar qualquer tema (template) é altamente recomendável fazer o backup completo do seu blog. Isto inclui o backup do tema atual e o backup do conteúdo do blog com todas as postagens, páginas e widgets.

Se você não sabe como fazer o backup completo do seu blog, clique no link: Como fazer backup no novo Blogger

Como instalar os novos temas no seu blog

Obs.: Antes de instalar novos temas no seu blog, recomendamos que leia o artigo: Porque mudar o tamplate do seu blog?

No menu lateral do painel do Blogger, clique em [Tema].

Escolha um novo tema (template) responsivo do Blogger. No nosso exemplo, vamos escolher o tema Soho mostrado na imagem abaixo.

Após selecioná-lo, clique no botão [Aplicar ao blog] para alterar o tema.

O Blogger solicitará que você faça o backup do tem. Se você já fez, clique em [Pular o backup] ou em [Fazer download do tema] para fazer o backup do seu tema atual. No nosso exemplo como já fizemos o backup antes, vamos clicar em "Pular o backup".

Pronto, o tema do seu blog foi alterado.  Clique em [Visualizar blog] para ver o seu blog modificado.

Veja abaixo como ficou nosso blog de teste.

Ajustes finais do novo tema

Quando você visualizar o novo tema do seu blog, observará que alguns widgets do tema anterior não estão mais visíveis. Não se desespere!!!! Você apenas terá que fazer alguns ajustes no layout do blog.

No menu lateral, clique em [Layout] para ver todos os elementos do blog.

Os elementos não visíveis terão o símbolo abaixo:

Para alterá-los, selecione um widget não visível e clique no ícone como mostra a figura abaixo:

Selecione a caixa Visível (no caso, HTML/JavaScript) e clique no botão [Salvar].

Após corrigir todos os elementos não visíveis do tema anterior, conheça os novos widgets que fazem parte do novo tema, alterando-os se achar necessário.

Reorganização dos elementos do blog

Para que os elementos do blog fiquem adequados ao novo tema, reorganize-os de acordo com o layout do tema, arrastando-os para as novas posições desejadas.

Depois de realocados os widgets, visualize os elementos do blog clicando em [Visualizar]. Se o layout estiver de acordo com o desejado, clique em [Salvar organização].

Pronto, o seu blog está reorganizado conforme o novo tema. Veja abaixo como ficou o nosso blog de teste antes e depois de alterarmos o template. Para visualizar o blog de teste clique no link: http://visualsupermusic.blogspot.com.br/

Antes

Depois

ATENÇÃO: Se algo saiu muito errado, lembre-se que você tem o backup do seu template anterior, então recupere-o. Veja como fazer isto no link: Como fazer backup no novo Blogger

byALF

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Posted: 20 Mar 2017 12:46 PM PDT

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

turbo.net - Um console de aplicativos virtuais

O que é Turbo.net?

O turbo.net é um console de aplicativos que permite que você utilize vários programas sem precisar instalá-los no seu computador.

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

O legal do turbo.net é a variedade de aplicativos que você pode utilizar, como por exemplo: navegadores (Browsers), aplicativos para comunicação (Chat), aplicativos para desenvolvimento de sites, tipo: IDE's, Editores, Frameworks, Ferramentas para desenvolvimento e banco de dados, Linguagens de programação, Web tools,testes, etc (Developer), aplicativos para Mídia (Media), aplicativos para produtividade (Productivity), servidores e banco de dados (Servers) e utilitários (Tools).

No turbo.net você encontrará aplicativos desde browsers até programinhas de conversão, comunicadores, plataformas de e-mails, editores, diagramadores, programas de design e cad, linguagens de programação, servidores, ferramentas e utilitários em geral. Qualquer que seja a sua escolha basta clicar na imagem do aplicativo e sair usando. Para finalizar basta fechar a janela referente ao programa e nenhum resquício do software ficará instalado no seu computador, pois tudo roda virtualmente pelo console.

Esta dica é ótima para você parar de encher seu HD com download de aplicativos e usar os programas virtualmente através do turbo.net.

Para você ter uma ideia da variedade de aplicativos disponíveis, veja abaixo alguns exemplos de programas específicos apenas para Design e Cad:

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Plano FREE - turbo.net

Neste artigo vamos apresentar o plano gratuito do turbo.net, que permite rodar os aplicativos apenas no desktop do Windows. Portanto, será necessário instalar o console no computador.

Já os planos PRO e ORG, permitem rodar aplicativos em qualquer desktop (Mac, Android, etc) e diretamente na nuvem, ou seja, sem a necessidade de instalação do console no computador

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Instalando o turbo.net no desktop (Windows)

Acesse o site: https://turbo.net/

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Clique no botão [Install Turbo.net].

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Clique em [Install Extension].

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Utilizando o navegador Chrome:

Se estiver utilizando o Chrome, clique em [Adicionar extensão].

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Observe que a extensão foi instalada no navegador e o console será baixado automaticamente para o computador.

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Aguarde alguns instantes e abra o arquivo turbo-client-xxxxx.exe

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Utilizando o navegador Firefox:

No Firefox, clique em [Permitir].

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Clique em [Instalar].

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Clique em [Salvar arquivo].

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Aguarde alguns instantes e abra o arquivo turbo-client-xxxxx.exe

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Instalando o console no Windows:

Após abrir o arquivo executável, clique em [continue].

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Aguarde alguns instantes…

Observe que o console foi instalado e estará visível como no Windows. Clique no ícone do turbo.net para abrir o console.

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Você também poderá abrí-lo através do botão iniciar do Windows.

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Ou ainda apenas utilizando a tecla de atalho [Alt + Windows].

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Criando uma conta no turbo.net

Abra o console e crie uma nova conta clicando em [Sign Up].

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Preencha os campos solicitados e clique no botão [Create Account].

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Abra o seu e-mail para receber a sua senha temporária. Clique no botão [Set Password] para alterar a sua senha de temporária para permanente.

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Em Current password, cole a sua senha temporária. Depois digite uma nova senha em New password e confirme digitando novamente em Confirm password. Clique no botão [Continue].

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Clique em [Continue].

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Pronto, seu console está pronto.

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Usando o seu console turbo.net (navegador)

Clique no link [Visit the hub] para visualizar os aplicativos do console.

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Escolha um aplicativo navegando nos menus laterais (Category e All Applications).

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

No nosso exemplo vamos escolher o aplicativo jEdit (editor para programação). Clique no botão [Run] para rodar o programa.

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Clique em [Run in Desktop] para rodar no seu desktop com Windows. Lembre-se, no plano gratuito você não pode rodar os aplicativos diretamente da nuvem…

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Aguarde alguns instantes para carregar o aplicativo.

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Pronto, você poderá utilizar o aplicativo sem precisar instalá-lo no seu computador.

Utilize o aplicativo e para finalizá-lo, apenas feche a janela.

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Usando o seu console turbo.net (Desketop)

Abra o console no desktop (use a tecla de atalho [ALT + Windows]). Observe que o aplicativo que utilizamos já está inserido no painel de controle. Se desejar reutilizá-lo, basta clicar no ícone.

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Para excluir o ícone do painel, clique no símbolo (três pontos) que aparece ao lado do aplicativo.

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Clique em [Remove Session].

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Abrindo um novo aplicativo através do painel no desktop:

Clique na aba [Browse All].

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Escolha o aplicativo navegando no menu.

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

No nosso exemplo vamos abrir o aplicativo Any Video Converter.

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Aguarde alguns instantes para carregar o aplicativo (dependendo do aplicativo pode demorar alguns minutos)…

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

Pronto, utilize o aplicativo sem precisar instalá-lo.

Como rodar vários aplicativos úteis sem precisar instalá-los no seu computador - turbo.net

byALF

Crie seu próprio widget com o aplicativo Widgetic

Posted: 10 Mar 2017 10:16 AM PST

Resultado de imagem para widgetic logo

Crie seu próprio Widget com Widgetic

Como vimos no artigo "Widget, o que é e para que serve?", os widgets são fundamentais no seu blog tanto pelos seus atrativos, funcionalidade e facilidade de utilização, como pela excelente ferramenta de interação entre o seu blog/site e seus leitores…

Para consegui-los, além de você importar widgets de diversos sites especializados na internet, nada melhor do que você mesmo criar os seus próprios, não é? Neste artigo mostraremos como fazer isto através do aplicativo:

Widgetic (free plan)

O Widgetic foi desenvolvido para para tornar mais fácil para qualquer pessoa criar widgets interativos, sem precisar escrever qualquer tipo código de programação. Você poderá ir a um passo adiante e personalizar seu widget para torná-lo exclusivo para a sua marca e para o seu site.

A biblioteca Widgetic tem uma coleção extensa e crescente de widgets que abrangem vários tipos de mídia, como imagens, áudio, vídeo, dados e conteúdo social.

Vamos apresentar para vocês alguns widgets que você poderá criar no plano free (gratuito), e encorajarmos você a encontrar uma combinação perfeita para o seu conteúdo.

Acessando o aplicativo Widgetic

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

Clique no botão [Get starded].

Registre-se colocando seu e-mail e uma senha qualquer. Depois clique no botão [Sign up]. Se preferir, entre com sua conta do Facebook ou Google Plus.

Após registrar-se, faça o Log in. Clique no botão [Show me] para seguir com o tutorial do aplicativo. No nosso exemplo vamos aprender utilizando o tutorial do Widgetic.

Obs.: Caso não deseje seguir com o tutorial, clique em [Skip tutorial].

Criando seu primeiro widget

Escolha algumas imagens, clicando sobre elas. Clique no botão [Next:Customize].

Escolha o estilo de layout para o seu widget. Recomendamos que clique em todos os botões para conhecer as possibilidades de layouts deste widget.

Escolhido o layout, clique no botão [Next: Preview].

Obs.: No nosso exemplo escolhemos o layout  Simple Layout.

Você pode visualizar seu widget em diferentes dispositivos: Desktop, Tablet ou Celular.

Clique em [Go to Dashboard] e vá para o painel de controle para alterar o tamanho do seu widget e incorporá-lo em seu site.

Usando o Dashboard: Editando um Widget pronto

Clique no Widget que você deseja alterar

a) Para DELETAR ou DUPLICAR o seu widget, clique no botão indicado abaixo:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGTvBPQTFqy1OVtDpyAU32sIs4hemHpR6l2nWjLg0aJrKe_MV8ew8fboKMblFhlPLtjugDT1qU7JcMXTrgIsDYvYVLN92cvB8kRhwFg23OciwL1z5tVGn-K7p_PcM-rb9GJR3nJju2Pik/s1600/Screenshot_9.png


b) Para EDITAR seu widget, clique no botão indicado abaixo:

Para alterar as dimensões, clique no ícone indicado abaixo:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBZhCahMKaBlqFG5rtgujsZ10q-diANpkdQg2WlKSvIdGerDsvXXhsJfzbHPalFT-iUcYshbWOQ4ZwN16Qoo-DIadB_KJQptFcPyHa7QfGfvQwC9ZMk_LK3tHYDqFrVqqYfiBaVRM9FDM/s1600/Screenshot_11.png

Faça as alterações dimensionais desejadas.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLbjEcYhqkgoRQVrmZtGVpKTLdbhjp89ZQ8JQK673ayg9MB2DHxxVWL-r-gmZ5hGoskYe5qtjF1O2T6qERjRhFllobhkNSQIhosekdR1KfWHQ1sB-d6UwvFcWup1b5IsHkfgvgVdMAej8/s1600/Screenshot_12.png

Através do menu lateral, faça as alterações desejadas e clique em [Next] para novos painéis de edição. Você não terá dificuldades para fazer as alterações pois o menus são bem simples e auto-explicativos.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpEWkjXp41CiVKaILGZLiY4MR1QfSDZ04aZcl233XydqIyo10su69rC6gZbH_VP61SMnfvM_WQOfVA1PvCwxORWZgcLeXXyzFRYZZ4ZgOcBudmVBDBUNdEuDz0qGNbUPmnELFOG5ozgHE/s1600/Screenshot_13.png

Obs.: É necessário passar por todos os painéis de edição para salvar as alterações realizadas.

Clique em [Done] no último painel para salvar as alterações realizadas.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9xwYs580gxGVjML0LG6PYVTJHo185nGrGUEwCaLD1-jMYU38n7HtR-kcS931zL_AK9vnj9o1HTK5SO2WvKWwSMeRlsi5fAyoYJztpIzqLxXagzAuDOGf1-G-fBYcp-Uie8Pqd9QLmuig/s1600/Screenshot_14.png

c) Para INSERIR o widget no seu site, clique no botão [Embed widget].

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9CqxCwa3f8VgQ7mXUJtw1DFTFVtgUSAk1gWHe8Y6RHGLfs3MDlfB8HHntiGqX6EhrLx-mvrDSWIBfRU7jo7B6mVicH_QpgRQ7e5y-H0ccsNr79F6gy_dF0RugU1eSXUr_qKPOqX-ooXg/s1600/Screenshot_15.png

Copie o código e cole no seu site ou blog.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbmjfDDHZIucp5Vn6bkSvWFrLXX5zrd4Ii6rDA7b2DoaOtoOon2mpjIbJn0GlAoQbNyOhSmAiRKlgTxQzQQ31i-T8fSImsSnIhEdGFkgDacLxLMzhuZeN79cvnS_8sO5_bjrzPSnX2848/s1600/Screenshot_16.png

Resultado de imagem para lamp idea vector png
Dica: Experimente antes no Squids Editor: Cole o código no lado esquerdo do editor e clique no botão [Executar] pra visualizar o resultado no lado direito do aplicativo.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg_LBCmnydCGYWBPwRtz2Iu3a9XEW7_qCsPzQLVseFVZNA_XZy76T_pX-6zwgaeydnihTl9gDlzZm_m5U62n93OvZbQuIOjs0KTaG0GjXsmxRRvZ3zI8E1TsrtZ4HqaUZRu-fgL2fVd3I/s1600/Screenshot_17.png

Caso precise alterar dimensões do seu widget, volte para EMBED OPTIONS e faça as alterações necessárias.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjngFcyNM-nUgvXR8vpbItDfsiqKsnwvJT5WUU5mjQVWgj-jvRHJor9NlPQCa48vwfYb-MqJ4MLxdpD3q4__2bEMdYxihE-_kBMLuQX1vhpe6Jjmaw6_es0MFMw-UVs7lDgS6uPE4n1E4o/s1600/Screenshot_18.png

Verifique novamente no Squids Editor. Se tudo estiver da forma desejada, copie e cole o código no seu site ou blog.

Obs.: Se você não sabe como inserir códigos HTML no blog, leia:

Na lateral do blog

Como inserir Widgets no Wordpress sem a instalação de plugins

Como instalar um Widget no seu Blog -(Blogger)

Na postagem

Como inserir códigos HTML nas postagens do Wordpress

Como inserir códigos HTML nas postagens do Blogger

Veja como ficou o nosso Widget:

Audio Playlist

Usando o Dashboard: Criando um novo Widget

Volte para o painel do aplicativo.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigtrg9I0Dqr8QN2-n3N-XPTxsdhV_aiHdOKUH4PWYwlB7XAZiy9J1eJTmqCb1gzsacbQ9Ahn_aCusHe1fkD5dqVVOZTh_tOCpWD2FIG7Vhw9w-rsZIHs8IQyedhLuMVM3T9lPN02XfeKc/s1600/Screenshot_19.png

Clique em [Create a new widget].

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij__e1WDCyozy8NDx9AdGz6hy2QvATMLWPrwUdp4VO7i4_jIhyphenhyphenj4S6yzbsblaXkjOYBdyjKetKS0bXhIZk5uMmJ0ghIfGIBbXTCoFZ_LIwSzgafXIHEjHU_EgzqCJI5v5H93ob0C-YDII/s1600/Screenshot_20.png

Escolha primeiro a categoria de widget que você deseja criar: Fotos, Áudio, Vídeo, Dados ou Rede Social.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4r6X-9bAlNzupHRMIQ-PfghnbRJy7yClRt6cwojqh9z742pvZ-8ZyroZZBmg7kg_0rq8XaQBa1fEnW7zhTMbgHm35rWR8mrDDih3xmxtXxCPTwwQa4wDY819yN214MejrIyZDKZV6gLQ/s1600/Screenshot_21.png

Depois, você precisa escolher um modelo de layout.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqFHCfgAE_i1BQQQCz4wBAxF-uqsuKI14BgV5RhfmhfMLLNXa56y8njUCHkdxkMiPLaRVAFb7dcL3yBuuFjj1EUoNqEfna6BCKFG6paHFIezZbBP_O0JYXdGBI3XzR70ArQeKkN_WPlLk/s1600/Screenshot_22.png

Agora é só preceder da mesma forma que a edição de um widget pronto, como já mostramos anteriormente.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy40oO8BMchuPNb2jJMo_OTyLZTDcxWYO_MMTM_B19FqyTv5f4SuLRAbs8ZH5H_J_eN7NNo5VkW9lZgPA411pG8Fd27VIJCL0xB5W0rWye7U59vPcRJXDmxgVeAkobzGWNSrSrpgT0GVg/s1600/Screenshot_23.png

Depois de finalizado o widget (precisa passar por todos os painéis de edição), clique em [PUBLISH].

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCo0Nv9NyBJ-JhqRu0opD8f60kZ8wookmAMA3Bfihyq6sZHh1f8JoIfLm3KZ2OWH4h_4Q1w283WI0d-P6FJZLDIXFGPltV_yRX_jQEBhzKF3CbeKPsdL-WY9F7xtE6lcHl1VmAKzY8GFI/s1600/Screenshot_24.png

Coloque um título e clique em [Done].

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5TiDghHdEgcslA3I9gAJuvkrf-UyOWDgN0L6KfYB07K3OUxbHh_e20RXX6ikYp_gkW0NKQuqeG8iKi5m-R3FV7xNHLWCOYLNurKJ-trFKyH05dy0L_if24rzwNZpZ9wB4xFkcdazf_zM/s1600/Screenshot_25.png

Agora é só copiar o código e colar no seu site. Ahhh, não esqueça de verificar antes no Squids Editor.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYVx3GV_cdnl2Qz2WuNJladhTQyvFk686Rz-ZwR3rlQPdOB4oSthwcP8Q_0ZbIqKcS6z51RwtumCJVTHmACrdG5o0SmdUf9BuhDnP5mMVYZZnmNTQZl0EiCY3yA_zvaiPeV8YYnwo7Vdk/s1600/Screenshot_26.png

Planos para utilização do aplicativo Widgetic

Se você deseja criar wigets mais completos, veja os planos para utilização do aplicativo Widgetic: https://widgetic.com/plans/

byALF 

Série Arduino Básico #16 - Barras de leds com potenciômetro

Posted: 06 Mar 2017 11:31 AM PST

5 projetos bem legais para quem está começando aprender Arduino - Visual Dicas

Série Arduino Básico

Continuando nossa Série Arduino básico, vamos mostrar hoje um projeto bem legal para você criar duas barras de leds acionadas simultaneamente por um potenciômetro.

Tudo para o seu Arduino!

No Squids Arduino você vai poder construir este projeto e aprender como ele funciona. Bem 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

 

Barras de leds acionadas por potenciômetro

Acesse o link: Projeto 16 - Barras de led acionadas por potenciômetro

Este projeto cria 2 barras de LEDs controladas por um potenciômetro. Girando o eixo do potenciômetro, os LEDs das 2 sequências se acendem ou se apagam simultaneamente.

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

Veja o tutorial completo em: Projeto 16 - Barras de led acionadas por potenciômetro

byALF

Nenhum comentário:

Postar um comentário

Os comentários são muito bem vindos e importantes, pois enriquecem o conteúdo dos artigos.

Afilia-se na NetAffiliation

Ganhe dinheiro com os Programas de Afiliados