terça-feira, 30 de setembro de 2014

Colocar um relógio no Blog / Site – FlipClock.js

Colocar um relógio no Blog / Site – FlipClock.js


Colocar um relógio no Blog / Site – FlipClock.js

Posted: 30 Sep 2014 06:52 AM PDT

Neste tutorial iremos explicar como colocar um relógio nas páginas do seu site (ou blog, iremos exemplificar no blogger). Para isso iremos usar o FlipClock.js, uma biblioteca bastante completa que oferece vários recursos. O FlipClock.js coloca à sua disposição relógios no formato de 12 ou 24 horas. Aqui fica uma demonstração do resultado final: Colocar relógio no seu… Ler Mais »

Aceda ao nosso site para continuar a ler, clique no título.

segunda-feira, 29 de setembro de 2014

Visual Dicas

Visual Dicas

Link to Visual Dicas: A sua fonte de informação!

E aí? Você já sorriu hoje?

Posted: 28 Sep 2014 04:39 PM PDT

E aí? Você já sorriu hoje? - Visual Dicas

Você já sorriu hoje?

Especialistas comentam a importância do bom humor no ambiente de trabalho

Por Clarissa Janini

Da redação: www.empregos.com.br

Tornar o ambiente de trabalho tão agradável como qualquer outro é o que nove entre dez especialistas da área de recursos humanos e motivação organizacional proferem na atualidade. Mas como cultivar o bom humor se as condições de trabalho e os colegas nem sempre são os mais satisfatórios? De acordo com os entrevistados do Empregos.com.br, o temperamento é algo intrínseco da personalidade da pessoa, mas pode ser trabalhado e melhorado.

O bom humor no trabalho não só torna as relações interpessoais mais agradáveis, como também "melhora a produtividade, ameniza pressões e o estresse", segundo José Tolovi Júnior, presidente do Great Place to Work Institute. Para ele, identificar um profissional bem ou mal humorado começa já no processo de seleção. "Dá para perceber qual é o gênio da pessoa logo na conversa. Infelizmente, muitas empresas ainda levam mais em conta a parte técnica da pessoa, sem dar muita importância para a personalidade. Mais tarde, o perfil do profissional pode não casar com o estilo da empresa, gerando conflitos".

"O bom humor estimula a produção de hormônios responsáveis pela sensação de prazer", segundo Denise Manfredi, da Business School São Paulo. Ela também diz que "bom humor não se fabrica, mas pode ser melhorado com treinamentos e auto-conhecimento". Mesmo assim, ela explica que existe um limite entre o bom humor construtivo e o destrutivo. "O sarcasmo e o preconceito podem vir disfarçados em forma de brincadeiras aparentemente inocentes. O líder deve ter a percepção em manifestações preconceituosas e tomar as devidas atitudes".

Lidando com o mau humor
De acordo com Denise, quando surgiu o boom da gestão participativa nas empresas – em que os colaboradores possuem certa autonomia em relação à liderança – gerou-se também o conflito de o líder sentir, de certa maneira, sua autoridade ameaçada. "Empresas horizontais estimulam mais questionamentos e requerem maior auto-conhecimento corporativo". Encontrar a harmonia entre as relações pessoais no trabalho nem sempre é fácil.

"O mal humorado pode ser uma tragédia, de acordo com o cargo da pessoa", afirma o consultor Sérgio Becker. Ele diz que pessoas com esse tipo de personalidade são uma âncora para a empresa, pois não vão para frente e impedem os outros de evoluir. Ele dá algumas dicas de como identificá-los: "o mal humorado não celebra vitórias, não ri, não é criativo, não agrega, gosta de chamar a atenção, é conformado, quadrado, auto-referente, previsível, mistura pessoal com profissional, é simpático, mas não empático". Ele ainda revela um dado interessante de uma pesquisa realizada por sua consultoria, a Becker Motivação e Mudança. "Em todos os treinamentos motivacionais que já fizemos, cerca de 75% dos profissionais conseguiram alguma melhora. O resto é do tipo que não muda, tem feedback negativo e não quer enxergar seus pontos fracos. Digo que essas pessoas são 'muito abertas ao monólogo'".

E o que fazer quando se é preciso lidar com esse tipo de profissional? De acordo com os entrevistados, se você não puder mudar de emprego, tenha o mínimo contato possível com o mal humorado. "Se a pessoa é excepcional tecnicamente e não pode ser dispensada, recomendo a 'blindagem corporativa'", diz Becker. Para Denise, nesses casos você deve se relacionar apenas profissionalmente, deixando o lado pessoal de fora. "Ou você aprende a lidar com isso ou é melhor sair da empresa".

empregos.com

Créditos: empregos.com.br

Leia também:

Qual é o seu estilo de vida?

Dicas para uma alimentação saudável

Boa alimentação X Trabalho

Como anda o seu Bom Humor?

Dieta para desintoxicar o organismo e ter uma vida mais saudável

Azeite diminui colesterol e riscos de trombose

Exercício físico melhora rendimento profissional

20 dicas para emagrecer sem passar fome

Como avaliar se o seu peso está adequado (IMC)

domingo, 28 de setembro de 2014

Visual Dicas

Visual Dicas

Link to Visual Dicas: A sua fonte de informação!

Como instalar um Widget no seu Blog -(Blogger)

Posted: 27 Sep 2014 05:13 PM PDT

Como instalar um Widget no seu Blog -(Blogger) - Visual Dicas
Escrito em 23/09/2009 e revisado em 31/05/2011 e 27/09/2014 por byALF

Aprenda a inserir um Widget no seu blog (Blogger)

Se você se deparou com um widget bem legal, e gostaria de colocá-lo no seu blog, saiba como fazer agora:

1) Copie o código do Widget a ser inserido

Tomei como exemplo um widget do site Climatempo  (Leia: Widget – Coloque o clima no seu blog).

Como instalar um Widget no seu Blog -(Blogger) - Visual Dicas

2) Teste o Widget

Recomendamos que você faça sempre um teste antes de inserir o código do widget no seu blog. Sugerimos o aplicativo Squids Editor.

No Squids Editor , cole o código HTML no campo Código Fonte. Clique no botão [Enviar Código] para ver o Resultado. Teste o widget, se funcionar corretamente adicione-o no seu blog como mostraremos a seguir…

Obs.: Para mais informações sobre o Squids Editor leia o artigo: Simulador gratuito para HTML, CSS e JavaScript – visualização em tempo real

Como instalar um Widget no seu Blog -(Blogger) - Visual Dicas

3) Entre no Painel do Blogger 

Acesse o URL www.blogger.com e faça o login.

Como instalar um Widget no seu Blog -(Blogger) - Visual Dicas

4) Acesse o blog onde será inserido o widget.

No painel do Blogger, clique no blog que receberá o widget. No nosso exemplo vamos clicar em "Blog de Teste".

Como instalar um Widget no seu Blog -(Blogger) - Visual Dicas

No menu lateral do Blogger, selecione [Layout]

Como instalar um Widget no seu Blog -(Blogger) - Visual Dicas

5) Adicione o Widget

Escolha a parte onde deseja colocar o seu Widget e clique em [Adicionar um Gadget].

Como instalar um Widget no seu Blog -(Blogger) - Visual Dicas

Na janela Adicionar um gadget em [Noções básicas]

Como instalar um Widget no seu Blog -(Blogger) - Visual Dicas

…role a tela e clique em [HTML/JavaScript]

Como instalar um Widget no seu Blog -(Blogger) - Visual Dicas

Cole o código do Widget que você deseja inserir em [Conteúdo]. Se desejar, acrescente também um [Título] para o seu novo widget. No nosso exemplo utilizei "Previsão do Tempo" como título.

Clique em [Salvar] e pronto,

Como instalar um Widget no seu Blog -(Blogger) - Visual Dicas

o seu widget já está adicionado…

Como instalar um Widget no seu Blog -(Blogger) - Visual Dicas

6) Visualize a posição do Gadget no blog

Antes de Salvar o seu blog, clique no botão [Visualizar] para uma prévia de como vai ficar o layout com o novo widget…

Como instalar um Widget no seu Blog -(Blogger) - Visual Dicas

Visualize o blog com o widget posicionado (página visualizar).

Como instalar um Widget no seu Blog -(Blogger) - Visual Dicas

Se você gostou do layout, feche a janela de visualização e clique em [Salvar Organização].

Como instalar um Widget no seu Blog -(Blogger) - Visual Dicas

Caso contrário, feche a janela de visualização e altere a posição do gadget…

6) Alterando a posição do Gadget no layout

Para alterar a posição, clique e segure o mouse sobre o gadget "Previsão do Tempo" e arraste para a nova posição desejada.

Como instalar um Widget no seu Blog -(Blogger) - Visual Dicas

Na imagem abaixo, veja o widget em uma nova posição.

Como instalar um Widget no seu Blog -(Blogger) - Visual Dicas

Obs.: Para editar o título ou conteúdo do widget clique no link [Editar] do gadget correspondente.

Como instalar um Widget no seu Blog -(Blogger) - Visual Dicas

Após feitos todos ajustes, visualize o blog novamente, e se tudo estiver de acordo com as suas expectativas, clique em [Salvar Organização]. 

Como instalar um Widget no seu Blog -(Blogger) - Visual Dicas

Pronto, agora o seu novo widget já está inserido no seu blog…

Clique em [Visualizar blog] para abrir o seu blog e visualizar o seu novo widget…

Como instalar um Widget no seu Blog -(Blogger) - Visual Dicas

Veja abaixo como ficou o nosso exemplo… (Para ver o blog clique em  Blog de Teste).

Como instalar um Widget no seu Blog -(Blogger) - Visual Dicas

Obs.: Para editar ou excluir o widget, clique no ícone que aparece ao lado do widget (anotado em vermelho). Para isto, você deverá estar logado no blogger.com

Como instalar um Widget no seu Blog -(Blogger) - Visual Dicas

Até mais… ( byAlf )

image


Veja também:

  Widget – Coloque o clima no seu blog

  Widget, o que é e para que serve?

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

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

quinta-feira, 25 de setembro de 2014

Curso Web Design | Banco de Dados e Tabelas em SQL – Parte 2

Curso Web Design | Banco de Dados e Tabelas em SQL – Parte 2

Link to Blog do Curso Web Design - Microcamp SP

Banco de Dados e Tabelas em SQL – Parte 2

Posted: 25 Sep 2014 05:10 AM PDT

capa php

Neste post daremos continuidade a nossa criação de Banco de Dados com SQL utilizando o SGBD do WAMP e a ferramenta PHPmyAdmin. Na primeira parte, vimos a importância dos Bancos de Dados, sua criação e também a criação de suas tabelas através do SQL. Agora vamos dar continuidade e ver como é feita a inserção de dados nas tabelas e como visualizar as informações e alterar esses dados. Se você não viu a primeira parte deste post, poderá fazê-lo clicando aqui.

Importante: Vamos continuar utilizando o WAMP , levando em consideração que você já fez a leitura da parte 1 do post e já sabe como efetuar o login na ferramenta PHPmyAdmin.

Como mencionado, depois de efetuar o login vamos selecionar a tabela que criamos anteriormente para poder continuar do ponto onde havíamos parado no post anterior:

Figura 1 - Acessando o Banco de Dados

Figura 1 – Acessando o Banco de Dados

Em seguida, clique na guia SQL na parte superior da janela, assim como mostrado na imagem abaixo:

Figura 2 - Abrindo janela SQL

Figura 2 – Abrindo janela SQL

Note que agora a parte do SQL do WAMP está um pouco diferente, pois já temos uma Query adicionada e também alguns botões na parte inferior para facilitar nossas vidas. Porém o intuito do post é ensinar a utilização do SQL sem atalhos, então apague o texto que está aparecendo na caixa de texto do SQL para podermos começar.

Figura 3 - Excluindo Query

Figura 3 – Excluindo Query

INSERT – Inserindo valores na tabela.

O INSERT é um comando SQL que também pertence ao CRUD, e é utilizado para alimentar as tabelas com informações necessárias. Dessa maneira, agora iremos colocar informações na nossa tabela com o nome aluno.

A nossa tabela está estruturada da seguinte maneira: cod_aluno, nm_aluno e ds_endereco, onde cod_aluno representa o campo que irá receber o código para cada aluno cadastrado, nm_aluno que irá receber o nome do aluno e ds_endereco que irá armazenar o endereço do aluno.

A sintaxe do comando INSERT é a seguinte: INSERT INTO nome da tabela(campos da tabela) VALUES (valores que serão inseridos ). Os textos destacados em negritos serão alterados para as informações da nossa tabela, ficando o resultado da seguinte maneira:

INSERT INTO aluno (Cod_aluno, nm_aluno, ds_endereco) VALUES (1, 'Blog Web Design', 'Rua Web 1234');    
Figura 4 - Estrutura da Query INSERT

Figura 4 – Estrutura da Query INSERT

Quando criamos o comando INSERT devemos ficar atentos à ordem que colocamos as colunas, pois os valores que serão inseridos devem estar na mesma ordem. Os dados que são do tipo inteiro ou double não tem a necessidade de estar entre aspas simples ('') agora os dados do tipo texto como varchar, char entre outros tem a necessidade de estar entre aspas. Fiquem atentos!

Na ferramenta PHPmyAdmin, você pode repetir o código quantas vezes forem necessárias antes de executar a Query. Desse modo fica mais prático e rápido pois podemos inserir mais de um cadastro de uma única vez, copie e cole o código várias vezes e altere apenas as informações que estão dentro do parênteses do VALUES, ficando assim:

Figura 5 - Múltiplos INSERT

Figura 5 – Múltiplos INSERT

Agora clique em executar na parte inferior para que os dados possam ser colocados corretamente na nossa tabela aluno. Se você digitou tudo corretamente, a seguinte mensagem será exibida:

Figura 6 - Resultado da query INSERT

Figura 6 – Resultado da query INSERT

Com isso nossas informações foram inseridas na nossa Tabela e agora o nosso Banco de Dados está armazenando algumas informações. Mas e se houver a necessidade de consultar essas mesmas informações?

SELECT – Procurando dados em uma tabela

O comando SELECT é um dos mais utilizados em banco de dados pois é através dele que nós buscamos informações no nosso Banco de Dados e devemos tomar cuidado como fazemos nossas buscas, pois uma busca sem muitos parâmetros pode ocasionar o travamento do nosso banco de dados. Vamos conhecer o comando SELECT e entender melhor os cuidados que devemos ter ao realizar essas buscas.

A sintaxe do SELECT é a seguinte: SELECT * FROM nome da tabela. Com isso nossa tabela ficaria da seguinte maneira:

SELECT * FROM aluno

O asterisco (*) representa todos os campos da tabela, assim não há a necessidade de colocar o nome de todas as colunas, façam o teste e limpem a caixa de texto do SQL, copiando e colando o comando acima.

Figura 7 - Query Select

Figura 7 – Query Select

Agora cliquem em executar, se tudo ocorrer certo será exibida uma tela com os resultados da consulta:

Figura 8 - Resultado SELECT

Figura 8 – Resultado SELECT

O comando SELECT da maneira na qual fizemos gera um FTS (Full Table Scan) que é a busca de dados em uma tabela completa. No nosso caso a execução do SELECT não levou nem um segundo… mas  agora imagine uma consulta SELECT dessa maneira em uma tabela com mais de 1.000.000 de registros. Isso levaria muito mais tempo e deixaria o banco de dados ocupado para outras consultas! E isso em um banco de dados como o do Facebook por exemplo onde há interação do usuário a todo instante.

E qual a solução para essas consultas? Para não realizar um FTS utilizamos a clausula WHERE que permite que passemos alguns parâmetros para o SELECT.

Clausula WHERE

A clausula WHERE deve ser sempre utilizada em um SELECT para evitar o FULL TABLE SCAN, vamos supor o seguinte, quero encontrar na minha tabela o aluno com o código 2 e quero que seja exibido apenas o nome deste aluno.

SELECT nm_aluno FROM aluno WHERE cod_aluno = 2

Copie esse código na caixa de SQL do WAMP assim como mostra na tela:

Figura 9 - SELECT com clausula WHERE

Figura 9 – SELECT com clausula WHERE

Agora clique em Executar na parte inferior da tela e note que há apenas o aluno com o código igual a 2.

Perceba que agora ao invés de mostrar todas as colunas da tabela, o que vemos é apenas a coluna nm_aluno pois substituímos o asterisco (*) pelo nome do campo da tabela. Você pode visualizar outros campos separando-os por virgulas, exemplo:

SELECT nm_aluno, ds_endereco FROM aluno WHERE cd_aluno = 2

Conclusão

A utilização dos bancos de dados vai além da simples criação de tabelas e inserção de dados, é preciso alguns cuidados nas suas utilizações e deve haver cuidados com Query que demoram muito tempo para serem executadas.

Agora é com vocês, criem seus bancos de dados, insiram valores neles e consultem seus dados através do SELECT e claro não esqueçam de compartilhar o BLOG com seus amigos e curtir esse post.

Fiquem atentos para a parte 3 onde falarei sobre o UPDATE e o DELETE e finalizar o nossa série sobre CRUD.

Obrigado e até a próxima postagem, pessoal!

Afilia-se na NetAffiliation

Ganhe dinheiro com os Programas de Afiliados