Como usar URL seo friendly em formulários
25 de agosto de 2009
Para realizar uma pesquisa utilizando um formulário a URL de resultado é alguma coisa parecida com isto:
www.meudominio.com.br/Pesquisa/pesquisa.php?palavra=alguma+coisa+pesquisa
Mas caso você precise de algo mais amigável como isto:
www.meudominio.com.br/Pesquisa/alguma+coisa+pesquisa
Para realizar isto é necessário utilizar um arquivo intermediário entre o formulário de pesquisa e o script de pesquisa. Veja o exemplo passo a passo:
<form method=”post>
<input name=”data” type=”text” >
<input type=”submit” >
</form>
O script intermediário que captura as palavras pesquisadas e envia para o script de busca é este:
<?php
if (isset($_POST['s']) && $_POST['s']!= "") {
$term = filter_var($_POST['s'], FILTER_SANITIZE_STRING);
header("Location: www.meudominio.com.br/Pesquisa/$termo");
die();
} else {
header("Location: www.meudominio.com.br/Pesquisa/");
die();
}
Será preciso também configurar o .htaccess do Apache para reescrever o URL.
RewriteRule ^Pesquisa/(.*)$ /ScriptsPHP/Busca.php?termo=$1 [NC,L]
Coloque um botão ReTweet no seu Blog
20 de agosto de 2009
Esse botão é dois palítos para colocar…
Se for uma página estática você vai precisar adicionar uma tag <script> na sua página para buscar o código no site do Tweetmeme.
Pegue o seu botão aqui. Ou se for o Wordpress ou outro blog engine, entre aqui.
Qualquer coisa peçam um help.
Video Tutorial: Acentos do Português no PHP usando utf-8
17 de agosto de 2009
No nosso projeto utilizamos o conjunto de caracteres UTF-8. Gostariamos de compartilhar com vocês a nossa experiência do uso de UTF-8 com PHP e MySQL.
Veja abaixo o código fonte PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Tutorial - Teste do UTF-8</title>
</head>
<body>
<h1>Você está assistindo a um tutorial sobre UTF-8.</h1>
Equipe Vitalecom.com.br
<?php
// Database Connection
$db = new mysqli('localhost','root','','teste_cidade');
$db->query('SET NAMES utf8');
$query = $db->query("SELECT CIDADE_DESCRICAO FROM cidade limit 0, 20");
while ($line = $query->fetch_object()) {
$value = $line->CIDADE_DESCRICAO;
echo "Cidade $value<br/>";
}
?>
</body>
</html>Usabilidade de aplicações web em 3 passos
16 de agosto de 2009
No começo do projeto do CR1 – Controle de Reservas existiam várias dúvidas em relação ao escopo do projeto. Mas desde o início a certeza era que o sistema teria que ser fácil de usar. Com uma curva de aprendizado bem curta. Uma questão importante me manter neste caminho, mesmo em telas complexas, é que deveria se escolher o que é mais importante em uma página.
Ryan Singer, designer e especialista em Web Application Usability, retrata isso de uma forma muito interessante e prática. Ao desenvolver o design de cada tela ele utiliza um processo de 3 passos:
- Decida o que é importante
- Faça isto se destacar
- Qualquer outra coisa deve estar com menor destaque
Priorizar dentro da tela o que é importante, o que é normal e o que é menos importante. É preciso fazer em uma tela que o objetivo dela esteja sobresalente entre os demais elementos da tela.
Exemplo:
Isto é importante.
Isto é normal.
Ok se você não precisar disso.
Abaixo é um exemplo bem classíco de quando não se utiliza um critério correto para aplicação de design em uma página. Os elementos estão concorrendo:
Existe uma concorrência entre os elementos da página. Mas apesar de haver vários elementos possíveis de chamar a atenção, é preciso escolher alguns para tornar mais fácil a utilização do sistema.
Fica muito claro que no lado direito o título “Aprova pagamento” chama a atenção e o convite a ação “Aprovar” também. Minha tese é que cada tela deve estar simplificada para haver uma ação principal em destaque e as outras com menor destaque.
Quais são “seus” objetivos de vida? Vídeo em Inglês
13 de agosto de 2009
“It’s perhaps easier now, than ever before, to make a good living. It’s perhaps harder, than ever before, to stay calm, to be free of career anxiety.”
Alain de Botton at TED, speaking about career crisis.
3 Passos e tudo mais para fazer um belo favicon
12 de agosto de 2009
Já faz um tempo que favicon não é novidade para muita gente, mas eu sempre me perco na hora de criar essa peça importante do website. O Favicon é o ícone que fica no lado esquerdo da barra de endereço da página e sua importância é relevante porque:
- Contribuí para reconhecimento da sua marca
- Identificação rápida na lista de sites favoritos (Bookmarks)
- O ícone aparece na barra de ferramentas nos atalhos e também na barra de pesquisa
- Se seu site contiver RSS Feeds a sua marca vai aparecer junto a suas postagens
Entretanto, o problema é encaixar a logomarca do website dentro de 16 x 16 pixels. É muito fácil tornar uma bela logomarca em algo horrível. A nossa marca para www.controledereservas.com.br é um caso destes. O R é inclinado e não facilita na hora de gerar automaticamente os 256 pixels. Foi preciso tomar alguns cuidados e ainda alguns ajustes manuais.
Após bater muito a cabeça, encontrei o caminho. Siga os passos:
- Abra o arquivo no formato original do seu logo (exemplo logo.jpg ou png ou gif) no Adobe Photoshop ou o seu aplicativo para design de imagens. (O Adobe Photoshop não salva naturalmente em ico e também não reconhece o formato. Mas você pode baixar uma extensão para ele.)
- Diminua a imagem para ficar próximo de 128 x 128 pixels.
- Abra o arquivo no IcoFX e então transforme em 16×16 para salvar seu favicon.ico
Para o favicon aparecer na sua página é ainda mais simples:
- Coloque o arquivo na raíz do diretorío das suas páginas web (alguns navegadores só precisam disso para carregar o favicon)
- Próxima parte é acrescentar a meta tag entre
<head>informando o endereço do favicon.ico.
<link rel="shortcut icon" type="image/ico" href="/favicon.ico" />Também existem alguns sites que oferecem uma galeria de favicon para você baixar e usar gratuítamente:
Você ainda pode tentar os geradores de icons na internet. Eu tentei utilizar alguns mas nenhum ficou bom o suficiente. Os que eu tentei foram estes:
- favicon.cc
- Favicon Generator (tabajara??)
E para buscar inspiração e aguçar a criatividade visite este site com 50 favicons mais marcantes.
WordPress – O melhor Open Source do mundo!
11 de agosto de 2009
Eu sou um fã do open source. Não precisamos e não devemos reinventar roda. Mas quando preciso de algo, e open source não me atende muito bem, eu acabo desenvolvendo uma aplicação similar que me atenda exatamente ao que eu preciso. Acredito que assim eu ganho em produtividade.
Por exemplo eu o caso do SugarCRM, um sistema open source para gerenciamento de relacionamento com clientes. Ele não me atende no que eu preciso, tem funcionalidades demais, lento demais. Então estamos desenvolvendo uma nova solução, o Controle de Contatos que está em fase beta mas será lançado em breve.
Mas este post é sobre o WordPress. Excelente, rápido, básico. Consegui importar meu blog antigo para este novo que está mais alinhado com o design clean que estamos aplicando na empresa.
WordPress, você é o melhor!
Concorda?
Alertbox: do guru da Web Usability
11 de junho de 2009
Faz mais de 3 anos que comecei a ler tudo que encontro sobre usabilidade e só agora acabei caindo no site mais interessante que já encontrei sobre o assunto.
O site de Jakob Nielsen, Alerbox. Totalmente escrito em Inglês, o blog ou página do Sr. Nielsen é repleta de assuntos muito interessantes sobre como escrever para Web, experiências reais de usabilidade, 195 dicas para desenvolver uma newsletter entre outras informações. Considerado pelo New York Times, o Guru da Web Usability, esta página é fonte de muito conhecimento para quem está desenvolvendo habilidades para enCANTAR o cliente.
Abraços,
Fernando
Uma possível solução para erro de UTF-8 vs ISO-8859-1
11 de junho de 2009
Pessoal,
Usamos aqui na empresa o framework PHP CodeIgniter e umas das suas características é a possibilidade de ter múltiplas linguagens. O pacote em Portugues-Brasil vem com um bug, alguns arquivos estavam no formato Encode UTF-8 e deveriam estar como ANSI. Para descobrir isso só mesmo utilizando o Notepad++ que mostra o formato do arquivo.
A dificuldade em descobrir isso é que apenas alguns arquivos estavam no formato diferente e estando no formato Encode UTF-8, o arquivo mostra o texto correto.
Por exemplo:
- “Não é permitido”.
Mas quando o php faz o include do arquivo e ao mostrar na tela, a mensagem retorna:
- “NÃ%o É permitido”
Já estou entrando em contato com o tradutor para fazer a correção do pacote.
E a Google ataca novamente… Google Wave!
3 de junho de 2009
Google Wave Logo
Google Wave é uma ferramenta de comunicação e colaboração que será lançada em breve.
Para nós programadores e empreendedores o interessante é que é uma ferramenta Open Source. Até que ponto é o código é aberto não ficou claro. Assistindo aos videos da Google (em Inglês) pode-se ter uma idéia das funcionalidades.
Ficou claro que existe uma API disponível para developers (desenvolvedores) e que pedaços de código se integram com uma página HTML na Internet.
Google Wave Preview
Se surgiu o interesse em saber mais, visite a página do Google Wave em http://wave.google.com/
Esse post é só um tira-gosto, estou começando a fuçar e assim que souber mais, vou divulgando por aqui!
Abraços!
