Objectivo:
Adicionar caixa de pesquisa num Website.
Ferramentas:
Pesquisa Personalizada Google ( https://cse.google.com/cse/all ).
Procedimento:
1- Entrar no endereço Pesquisa Personalizada Google;
2- Fazer o login com uma conta Google;
No ultimo artigo finalizou-se a “limpeza” do modelo e fez-se o upload para o Blogger.
Para colocar os conteúdos no blog é necessário definir as secções.
Na imagem seguinte pode-se ver como vão ficar organizadas.
Continuar a ler “Criando um Modelo Blogger – Definindo as Secções”
O modelo que transferimos no artigo anterior têm 2012 linhas de código que contêm todo o CSS, HTML e Javascript que faz o modelo.
Como é um pouco difícil de explicar todos os passos no processo de remoção de código vou só colocar aqui o resultado dessa “limpeza”.
Básicamente o processo é analisar o código existente, remover código, testar e voltar ao inicio do processo, é um processo acessível se tiveres conhecimentos da estrutura do Blogger.
Continuar a ler “Criando um Modelo Blogger – Limpando o Modelo Simples”
Desde que comecei um blog(blogger) que tive vontade de implementar um modelo meu, os existentes não são maus e provavelmente preenchem as necessidades da maioria.
No meu caso quero algo diferente, mais bonito e flexível, pesquisando, encontrei alguns gratuitos, mas longe daquilo que pretendia, uns são esteticamente agradáveis mas com poucas funcionalidades, outros têm muitas funcionalidades mas são atractivos a nível visual.
E se modificar um existente para cumprir com os meus requisitos?
Depois de 2 semanas trabalhando, verifiquei que nenhum fornece a informação suficiente para se perceber o código e tentar compreender o código de outros é difícil e muito demorado.
Continuar a ler “Criando um Modelo Blogger – Começar do zero.”
Antes de começar a ler este artigo recomendo que veja o artigo anterior, onde se utilizou a porta paralela para fazer ligar um LED.
Hoje vou alterar o protejo “Controlando LED com a porta paralela” para acender e apagar o mesmo LED através de um botão(físico).
Continuar a ler “Digital para Analógico – 2 – Controlando LED com Botão.”
Este artigo é sobre como ligar um LED(Light Emitting Diode) com a porta paralela, o objectivo desta experiência é conseguir passar algo do mundo virtual para o mundo real.
Apesar deste artigo não ser um tutorial(há muitos), vou tentar mostrar o possível para quem quiser, tentar fazer.
Continuar a ler “Digital para Analógico – 1 – Controlando LED com a porta paralela.”
Como deves saber é importante verificar e testar o teu Website para assegurar a sua funcionalidade e boa aparência, independente do navegador web ou da plataforma. Testar um Website antes de o lançar é uma das tarefas fundamentais no desenvolvimento e tal como uma pequena negligencia aquando da construção de uma ponte pode custar a sua derrocada, a mesma pequena negligencia pode ser fatal para o seu Website.
Assim, têm se correr todos os testes necessários antes do seu lançamento. Isso inclui Erros de HTML, CSS, XML, acessibilidade, compatibilidade entre navegadores e outros dependendo da tecnologia utilizada. Por baixo deixo uma lista de Ferramentas Online para testes e validação de Websites, assim podes ter a certeza de que fazes todos os testes necessários antes de o colocar Online.
Continuar a ler “17 Ferramentas para Testar e Validar Websites.”
Vamos la fazer um Servidor Web em Node.JS ..
Para instalar o Node.JS utiliza-se o seguinte comando:
|
1 |
sudo apt-get install -y nodejs |
Podemos agora fazer a nossa pequena aplicação:
|
1 2 3 |
mkdir WWW cd WWW sudo nano nodeServer.js |
Dentro do ficheiro “nodeServer.js” colocamos o seguinte:
|
1 2 3 4 5 6 7 8 |
var http = require('http'); //cria um objecto no servidor: http.createServer(function (req, res) { res.setHeader("Content-Type", "application/json; charset=utf-8"); //Charset para mostrar correctamente a acentuação res.write('Olá Mundo!'); //envia a resposta ao cliente res.end(); //fim da resposta }).listen(3000); //o servidor vai escutar na porta 3000 |
Para conseguir aceder sem ter a porta “3000” no endereço é necessário fazer uma redirecção para a porta “80”:
|
1 |
sudo iptables -t nat -A PREROUTING -i eth0 -p tcp --dport 80 -j REDIRECT --to-port 3000 |
Correr a aplicação:
|
1 |
sudo node nodeServer.js |
Agora é só entrar no endereço do Raspberry Pi.
Hoje vamos expor o Raspberry Pi para o mundo, não é complicado, mas primeiro temos de fazer umas alterações por questões de segurança.
Vamos alterar o utilizador e palavra passe por defeito.
O Raspberry Pi vem com o utilizador “pi” e a palavra passe “raspberry” por defeito, se alguém descobre o endereço do nosso Raspberry Pi iria conseguir adivinhar as credenciais, e isso não é boa ideia.
Por muito bonitos e brilhantes que sejam os Leds do Raspberry Pi B+, as vezes podem ser irritantes.
No meu caso ele esta ao lado da TV da sala, e os Leds são como dois pequenos sois a queimar a retina ocular.
Felizmente no Raspberry Pi B+ podemos desligados, editando o ficheiro /boot/config.txt:
|
1 |
sudo nano /boot/config.txt |
E adicionando no fim as seguintes linhas:
|
1 2 3 4 5 6 7 |
# Disable the ACT LED. dtparam=act_led_trigger=none dtparam=act_led_activelow=off # Disable the PWR LED. dtparam=pwr_led_trigger=none dtparam=pwr_led_activelow=off |
Agora é só reiniciar o Raspberry Pi e já está. Até a próxima. 🙂