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

Encontre no blog...

12/12/2017

Teste seu banco de dados MySQL de graça, online e sem precisar de um servidor

Imagem relacionada

Teste seu banco de dados MySQL

Se você está começando aprender a utilizar um banco de dados ou se deseja testar suas aplicações em um servidor MySQL, vamos mostrar neste artigo um serviço gratuito que vai te ajudar a conhecer e usar as últimas versões do MySQL Server na prática.

O que é MySQL?

O MySQL é um sistema de gerenciamento de banco de dados (SGBD), que utiliza a linguagem SQL (Linguagem de Consulta Estruturada, do inglês Structured Query Language) como interface. É atualmente um dos bancos de dados mais populares, com mais de 10 milhões de instalações pelo mundo.

Serviço db4free

O db4free.net fornece um serviço para teste com a mais recente - as vezes versões em desenvolvimento - do MySQL Server. Você pode facilmente criar uma conta grátis e testar suas aplicações, por exemplo para ter certeza que seus sistemas continuarão funcionando após a atualização do MySQL.

O db4free.net também serve como um bom recurso de aprendizado e para ajudá-lo a se familiarizar com as novidades introduzidas em novas versões.

O db4free.net visa sempre trazer a ultima versão final ou a última versão em desenvolvimento do MySQL server. O MySQL server do db4free.net será atualizado pouco tempo depois de uma nova versão do MySQL ser liberada, normalmente no mesmo dia ou pouco depois.

Para acessar os seus dados de uma maneira mais conveniente, o db4free.net também disponibiliza uma versão atualizada do phpMyAdmin. O phpMyAdmin também será atualizado frequentemente, para que você sempre tenha a versão mais atual.

Atenção: db4free.net é um serviço de testes o que significa que não é feito para produtos finais. Podem haver quedas de energia, perda de dados e não haverá funcionalidades de segurança esperadas em serviços de hospedagem. Se você precisa de um servidor MySQL para produto final, não use o db4free.net!

db4free.net é um serviço para teste, não para hospedagem. Bancos de dados que ocuparem mais de 200mb de espaço serão limpos em intervalos irregulares sem prévio aviso.

Como se cadastrar no db4free

Acesse o site: https://www.db4free.net/signup.php

image

Preencha os campos: Nome do banco de dados, Nome de usuário, Senha, Confirmação de senha e Email.

Marque a caixa de seleção [Eu li e concordo com os termos de uso] e clique no botão [Cadastre-se].

image

Aguarde alguns segundos. Abra seu e-mail para clicar no link de confirmação:

image

Aguarde mais alguns segundos e pronto, seu banco de dados foi criado com sucesso.

image

Abrindo o phpMyAdmin

Agora que você já tem um banco de dados criado, deverá utilizar o painel administrador phpMyAdmin para gerenciar suas tabelas e dados.

No menu lateral clique em [phpMyAdmin].

image

Entre com o usuário e senha. Clique em [Executar].

image

Aguarde alguns instantes (demora um pouco) e pronto. Agora é só gerenciar e trabalhar no seu banco de dados para teste…

image

byALF

05/12/2017

Série Arduino Básico #28 - Iluminação de LED automatizada

image

Série Arduino Básico

Continuando nossa Série Arduino básico, hoje mostraremos um novo projeto para para que um Led de alto brilho acenda gradativamente se a iluminação ambiente, por qualquer motivo, diminuir ou apagar completamente. Para este projeto utilizaremos um sensor de luminosidade LDR (Light Dependent Resistor), em português Resistor Dependente de Luz ou Fotoresistência, que nada mais é do que um componente eletrônico do tipo resistor variável.

Obs.: Utilizamos neste projeto conceitos de automação através do uso de entradas analógicas, PWM e utilização de sensores. Projeto semelhante é utilizado em postes de luz, onde as lâmpadas acendem sozinhas, conforme a luminosidade do dia.

Objetivo: Para fins didáticos e projetos de automação de iluminação 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

Led RGB controlado potenciômetro

Acesse o link: Projeto 28 - Iluminação de LED automatizada

Quando você iniciar o programa, o led deverá ficar apagado, pois os valores da luminosidade do ambiente deverão estar maiores que o valor de referência que você utilizou no projeto.

Reduza a luz ambiente que incide sobre o sensor, assim o led deverá acender de forma gradativa simulando um projeto de automação onde as lâmpadas acendem sozinhas, conforme a luminosidade do dia.

image

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

Veja o tutorial completo em: Projeto 28 - Iluminação de LED automatizada

30/11/2017

Sem ideias para escrever no blog? Conheça 2 aplicativos que irão te ajudar a ter inspiração!

image

Inspirações para blogueiros

Nesta artigo vamos apresentar duas ferramentas que irão ajudar você a ter ideias para escrever um post ou criar títulos que incentivarão seus leitores a acessarem o seu blog.

A importância dos títulos no blog: O título é dos pontos chave para chamar atenção e atrais leitores sobre um conteúdo, ou ainda, para ficar bem posicionado nos mecanismos de buscas como google, yahoo e bing, através das escolha corretas de palavras-chave (SEO) que os usuários mais pesquisam.

1 - Máquina de títulos

O aplicativo Máquina de Títulos, gera ideias e títulos para o seu blog. Basta escrever três palavras chaves e o aplicativo irá gerar 7 sugestões que com certeza vão contribuir para incrementar o tráfego de visitas do seu blog.

Acesse o site:  Máquina de Títulos

image

Preencha as 3 palavras chave nos campos Termo 1, Termo 2 e Termo 3. No nosso exemplo vamos utilizar casa, cozinha e comida. Depois de preenchidos os termos, clique no botão [Quero ideias para meu blog].

Obs.: Os campos e-mail e site são opcionais.

image

Automaticamente serão geradas 7 ideias imediatas. Clique em [Tentar novamente] para gerar mais ideias.

image

2 - Gerador de Títulos de Blog

Semelhante ao aplicativo anterior, o Gerador de títulos é outra ferramenta gratuita para gerar ideias ou títulos de postagens para o seu blog.

Acesse o site:  Gerador de Títilos de Blog

Digite uma palavra chave e o seu e-mail (obrigatório). No nosso exemplo utilizamos a palavra casa. Depois de tudo digitado, clique no botão [Gerar Títulos].

image

O aplicativo irá gerar automaticamente 5 ideias para o seu blog.

image

Observações feitas pelos sites

Lembre-se: Estes não são algoritmos perfeitos e podem haver pequenos problemas estruturais nos títulos gerados. Mas fique à vontade para alterá-los e adaptar de acordo com o tema do seu blog!

Ideias de assuntos: Está em dúvida sobre quais palavras utilizar? Pense em como as pessoas descrevem o seu serviço. Quais os problemas que ele resolve? Quais palavras chave as pessoas buscam no Google?

byALF

25/11/2017

Você ainda não sabe o que estudar?

image

Orientação vocacional

Fonte: Educaedu

A Orientação vocacional geralmente é realizada por psicólogos, que através da pesquisa e análise de provas de interesses, aptidões e personalidade, apoia ao aluno no percurso acadêmico e profissional indicado, além de sugerir estratégias de autoconhecimento.

Mas qual é nossa vocação profissional? Este é um dos interrogantes que surge quando estamos por finalizar o ensino médio ou quando não começamos ainda uma formação de educação superior. Se não conhecemos nossa vocação, fica difícil saber qual caminho profissional devemos seguir.

Sem dúvida, encontrar áreas de estudo relacionadas aos nossos interesses, habilidades e aptidões não é tarefa fácil, especialmente se não foram exploradas 100% e algumas ainda não foram descobertas. Por isso é muito importante identificar os pontos que nos ajudam a tomar a decisão certa.


O que eu gosto de fazer?

Este primeiro ponto é primordial. Não devemos confundir nossos hobbies com nossas habilidades e destrezas. Muitos de nós gostamos de ver televisão, mas apesar disso, esta ação não está internamente relacionada com a nossa vocação, a não ser que alguns programas concretos sobre: animais, arte, esportes, moda, etc, nos agrade muito. Neste caso, podemos considerar isto como uma inclinação sobre o que nos chama a atenção para estudar, sem ser um fator determinante.

Devemos estabelecer em quais áreas nos destacamos e quais nos apaixonam. Por exemplo, se gostamos de matemática e consideramos que temos habilidades nas carreiras que as contêm, então será um ponto de partida para escolher uma formação relacionada com a mesma.


Que opções de estudo existem?

Atualmente a oferta educativa é tão ampla e variada. Podemos fazer infinitas pesquisas pela internet para desta maneira encontrar o que queremos estudar, desde uma carreira técnica ou tecnológica até uma carreira profissional. Quando estabelecemos a área de interesse, podemos nos enfocar em encontrar uma formação que se adapte ao que queremos fazer por muitos anos.

No mundo todo, diversas instituições educativas oferecem cursos que se adaptam as nossas necessidades e preferências, dando-nos um abanico de possibilidades nas quais teremos mais espaço para optar por um tipo de estudo de acordo às habilidades que possuímos. Alternativas como: flexibilidade horária, metodologia de estudo, modalidade, formas de pagamento e financiamento contribuem para reduzir o filtro e alcançar as respostas para nossas inquietudes.

Níveis de estudo na Educação Superior:

  • Carreira de nível Técnico: É um estudo caracterizado por ser mais curto que uma carreira profissional (1 a 2 anos), de menor custo, conciso e de maior especificidade ao se aprofundar em áreas concretas, com um alto nível de prática. Se o estudo for realizado numa instituição reconhecida pelo Ministério de Educação, independentemente do país, se obtêm um título de Técnica/o.
    https://www.educaedu-brasil.com/curso-tecnico
  • Carreira Tecnológica: É similar à carreira técnica; duração intermedia de formação (2 a 3 anos). Diferencia-se da anterior por sua metodologia e processo de investigação; está pensada para sistematizar a experiência. O título recebido é o de Tecnóloga/o, sempre e quando se trate de uma instituição respaldada pelo Ministério de Educação do Brasil.
  • Carreira Profissional (Licenciatura ou Bacharelado): O tempo de duração é mais prolongado (4 a 5 anos, ou mais); o conhecimento é vasto, dá igual importância à parte teórica e prática. Abarca matérias intrínsecas à área de estudo e outras humanísticas, sem que estejam diretamente vinculadas com a temática da carreira. Os títulos recebidos em sua grande maioria dão a possibilidade ao aluno de seguir seus estudos em cursos de pós-graduação. https://www.educaedu-brasil.com/graduacao


Indagar, investigar, explorar.

É importante investigar muito além do nome do curso que queremos estudar. Como diz o ditado “a embalagem pode nos atrair mais que o conteúdo”. Ao escolher uma carreira, devemos considerar estes pontos:

  • Matérias
  • Duração
  • Campos de ação
  • Trajetória da instituição
  • Se a instituição e o curso são reconhecidos pelas autoridades de educação pertinentes
  • Convênios com outras instituições
  • Corpo docente
  • Comentários de alunos e graduados
  • Atividades extracurriculares

Buscar assessoria:

Ao concluir o ensino médio, não devemos nos precipitar em determinar o que vamos fazer a nível universitário sem antes pesquisar muito. Com o passar dos anos, uma decisão apressurada pode traduzir-se em frustração.

Por sorte existem diversas instituições que oferecem testes vocacionais aos seus alunos em potencial, geralmente são espaços acadêmicos, nos quais se busca reconhecer os talentos de cada pessoa, em áreas pontuais. Poderíamos pesquisar diretamente nas universidades onde gostaríamos de estudar, muitas delas oferecem este tipo de assessoria. Podemos também realizar oficinas ou programas curtos que estimulem nossa capacidade cognitiva na execução dos conteúdos que queremos abordar.

Não devemos deixar de lado os testes online gratuitos oferecidos na internet tanto por instituições de ensino quanto por páginas web independentes, tais como: guiadacarreira.com.br/teste-vocacional/,testevocacional.org, estevocacionalonline.com.br.

É aconselhável buscar orientações profissionais aprovadas por instituições de renome.


Quanto tempo quero dedicar a minha formação profissional?

Com certeza o tempo que queremos destinar a nossa preparação acadêmica vai ser um componente essencial na decisão que tomarmos. Como mencionávamos, o tempo de duração varia conforme os tipos de formação existentes: carreiras técnicas, carreiras tecnológicas, licenciaturas e bacharelados.

Devemos definir se estamos inclinados a gastar menos tempo estudando porque queremos nos enfocar principalmente em trabalhar ou em ter mais tempo livre ou se pelo contrário, buscamos um estudo que contenha muitas horas de dedicação porque nos apaixona a aprendizagem que será adquirida durante esse período.

Nenhuma das duas escolhas está errada, ambas vão favorecer nosso desenvolvimento pessoal e profissional. Pessoal já que estaremos fazendo o que nos faz sentir bem de acordo com a nossa vontade. Profissional porque no futuro, o entorno laboral no qual vamos nos desempenhar, como vamos avançar nele e a autorrealização que vamos atingir, será o reflexo da nossa decisão e de como vamos afrontá-la no transcurso da vida.


Gostaria de me formar no que meus pais, familiares ou amigos estudaram.

Em algumas ocasiões, as profissões dos nossos pais, irmãos, núcleo familiar e amigos, influi no que pensamos que é nossa verdadeira vocação. Apesar disso, não é sempre assim.

Se partirmos do principio de que temos que seguir os passos dos demais por sua vida profissional exitosa, porque parecem pessoas apaixonadas pelo que fazem e satisfeitas com o trabalho que desempenham; deixando de lado nosso conhecimento, interesses, gostos, talentos, habilidades e aptidões, não estamos indo pelo caminho correto. Outro erro comum é optar por áreas que estão na moda, só porque são estudadas por famosos e porque são divulgadas em diversos meios de comunicação e redes sociais.

Apesar da assessoria brindada por pessoas do nosso entorno e próximas a ele sobre suas próprias experiências acadêmicas, ao longo de suas trajetórias profissionais, desde o que estudaram ou estudam até sua ocupação atual, ser um enorme marco de referência e guia para nós, esmo assim devemos investigar se o que para estas pessoas parece apaixonante ou as experiências negativas que tiveram são o espelho do que aconteceria com a gente se escolhêssemos a mesma profissão.

Investigar, indagar, averiguar, explorar é nossa maior tarefa.



O aspecto econômico me interessa mais que minha vocação
.

Se este é o caso, então estamos indo pelo caminho incorreto. É verdade, o aspecto econômico é uma variável que deve ser considerada, mas não é a mais importante. Se optarmos por uma profissão que por seu campo de ação traga altos ingressos, mas seu conteúdo não é interessante, e não se adapta aos nossos interesses, não estaremos tomando uma decisão acertada.

Existem profissões com menor saída laboral que outras, apesar disso e se consideramos nossas habilidades, é mais provável que no futuro conseguiremos tirar um grande da nossa escolha; estaremos agrupando o que somos, o que queremos ser e onde queremos chegar. Com a ampla oferta acadêmica atual, encontraremos carreiras com temáticas que se ajustam aos nossos desejos profissionais.

O Dr. Rick Sommer, diretor executivo dos programas acadêmicos da universidade de Stanford University dos Estados Unidos, manifestou que os estudantes que realmente buscam um desafio, conseguem desenvolver seus talentos ao máximo. Assim são as coisas, se nos desafiamos e encontramos uma formação da qual gostamos, conseguiremos alcançar mais facilmente nossas metas e objetivos.

Vale lembrar! A área e o nível de estudo que escolhermos vão refletir no crescimento e progresso que atingiremos ao longo da nossa trajetória profissional. A motivação para triunfar será o que nos apaixone, nos mobilize e impulse a ser melhores a cada dia,  e nos permita demonstrar em qualquer espaço, nossa capacidade de adaptação e compromisso em qualquer ocupação na qual nos dediquemos.

Keli Campos

Keli Campos

Gerente de Conteúdo do Educaedu

21/11/2017

Efeitos CSS3 - Animações

Resultado de imagem para css3

Efeito Animação - CSS3

No artigo Efeitos CSS3 - Transições entre propriedades  apresentamos a propriedade transition.

Neste artigo vamos falar de uma propriedade CSS3 bem legal também. Trata-se do efeito de animação, uma nova propriedade de estilo CSS que permite criar animações com blocos definidos pelas propriedades width, height e background-color.

CSS3 é a mais nova versão para as folhas de estilo Cascading Style Sheets (ou simplesmente CSS), onde podemos agora definir novos estilos para páginas web como: efeitos de transição, cantos arredondados, sombras, animações, desenhos, degrade, entre outros. Estes novos efeitos criados pelo CSS facilitaram a vida dos programadores, pois agora podemos fazer coisas de forma muito simples que precisariam de longos códigos escritos em JavaScript ou em outras linguagens.

Para compreender melhor a propriedade animation, veja o exemplo abaixo:










Atenção: Este exemplo não roda no Internet Explorer em nenhuma versão.

Usando a propriedade “animation” na prática

No nosso exemplo acima, usamos o seguinte código:

<style>
.anima {
    width: 100px;
    height: 100px;
    background-color: red;
    position: relative;
    animation-name: example;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
@keyframes example {
    0%   {background-color:red; left:0px; top:0px;}
    25%  {background-color:gold; left:450px; top:0px;}
    50%  {background-color:green; left:450px; top:200px;}
    75%  {background-color:blue; left:0px; top:200px;}
    100% {background-color:red; left:0px; top:0px;}
}
< /style>

<div class="anima"></div>

Veja passo a passo como funciona o código do nosso exemplo:

1) Primeiro vamos definir as características do elemento <div class=”anima”>, onde:

width: 100px (define a largura em pixel do nosso elemento div)

height: 100px (define a altura em pixel da nossa div)

background-color: red (define a cor do fundo da nossa div)

position: relative (define o elemento como flutuante na tela)

Ainda na classe anima, vamos definir a nossa animação:

animation-name: exemple (chamamos @keyframes denominado “exemple”)

animation-duration: 4s (tempo de cada ciclo da animação em segundos)

animation-interation-count: infinite (número de ciclos, no nosso exemplo definimos infinte, ou seja, número de ciclos indeterminado). Por exemplo, se colocasse o número 3, definiria que a animação iria durar 3 ciclos de 4 segundos.

2) Agora vamos definir os quadros da animação @keyframes exemple, onde:

0% define a posição inicial do ciclo e 100% a posição final. As demais posições 25%, 50% e 75% são posições intermediárias. Observe que dividimos o ciclo em 4 posições iguais. Entretanto, você pode criar quantas posições e da forma que desejar.

Observe que alteramos a cor do fundo (backgrround-color) nas posições 25%, 50% e 75%. As posições inicial e final são iguais as definidas inicialmente para a div class anima.

Utilizando as propriedade left e top, alteramos a posição da nossa div, em 450px na horizontal e 200px na vertical. Isto só é possível porque definimos classe da div anima como flutuante, ou seja, position: relative.

Animação alternada

No exemplo abaixo vamos utilizar mais duas propriedades de animação: animation-delay e animation-drection:










Para um melhor entendimento, veja abaixo o código completo do exemplo:

<style>
.anima2 {
    width: 100px;
    height: 100px;
    background-color: red;
    position: relative;
    animation-name: example;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-delay: 1s;
    animation-direction: alternate;
}
@keyframes example {
    0%   {background-color:red; left:0px; top:0px;}
    25%  {background-color:gold; left:450px; top:0px;}
    50%  {background-color:green; left:450px; top:200px;}
    75%  {background-color:blue; left:0px; top:200px;}
    100% {background-color:red; left:0px; top:0px;}
}
< /style>

<div class="anima2"></div>

Onde usamos as novas propriedades:

animation-delay: 1s (define o tempo em segundos para começar a animação)

animation-direction: alternate (define a direção do ciclo como alternada). Você pode usar ainda animation-direction: reverse que faz a animação na direção inversa do que foi definido pela @keyframes.

Faça o teste colando os códigos acima no nosso editor HTML: Squids Editor

image

Para saber mais sobre as propriedade de animação CSS3, acesse o link: W3School

Para utilizar CSS nas páginas do site, leia nossos artigos:

Simulador CSS e HTML – Ótimo para iniciantes…

Como usar CSS no Wordpress

Simulador gratuito para HTML, CSS e JavaScript – visualização em tempo real

Como inserir códigos CSS no Blogger

Para conhecer mais sobre as propriedade de animação CSS3, acesse o link: W3School

byALF

Gostou do Post? Então espalhe!

Quem está curtindo...

Encontre no blog...

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More