Programei.org

Máscaras para formulários com jQuery e Masked Input

André G — Tue, 27 Jul 2010 13:09:01 +0000

JQuery: Javascript de uma maneira diferente, o jQuery é um Framework fácil de usar e que facilita bastante a codificação do seu JavaScript.

O Masked Edit é um plugin de mascaras de formulário, que atua sobre o jQuery. Esse plugin facilita a criação de diversos tipos de máscaras com muita facilidade e produtividade.

Arquivos utilizados:

Jquery,
Masked Edit

1º Passo: Baixar os arquivos JavaScript do jQuery e do Masked Input.

2º Passo: Depois de baixá-los vamos codificar.

<html>
<head>
<title>Título de seu documentotitle>
<script src="jquery.js" type="text/javascript">script>
<script src="jquery.maskedinput-1.1.1.js" type="text/javascript">script>
<script type="text/javascript">
$(function() {
  $('input[@name=data]').mask('99/99/9999');
  $('input[@name=cep]').mask('99999-999');
  $('input[@name=cpf]').mask('999.999.999-99');
  $('input[@name=placa_veiculo]').mask('aaa-9999');
});

head>
<body>
<form action="">
Data: <input type="text" size="10" name="data" /> <br />
CEP: <input type="text" size="10" name="cep" /> <br />
CPF: <input type="text" size="10" name="cpf" /> <br />
Placa Veículo: <input type="text" size="10" name="placa_veiculo" />
form>
body>
html>

Linha 4 – Carregou o jQuery;

Linha 5 – Carrega o Masked Input

Linha 7 – Diz que quando a página for carregada, irá ser executado o bloco de código contido entre os {}

Linha 8,9,10,11 – Criou as máscaras desejadas.

Para criar outros formatos de máscaras, basta usar a sua criatividade e ler o manual do Masked Input.

PHP – Criar SiteMap automaticamente

André G — Tue, 27 Jul 2010 12:58:29 +0000

Esse tutorial te ajudará a criar seu SiteMap do jeito que o GOOGLE gosta.

SiteMap é um documento que ajuda o goobleBot na indexação das páginas, melhorando seu posicionamento nas buscas.


/* Script desenvolvido por Alex Sant'Anna - http://www.nswsolucoes.com.br */
//informe no array a lista de arquivos e diretorios que deverao serem ignorados
//$list_ignore = array ('.','..','images','adm','crackwindowsxp.rar');
//Abre o diretorio raiz
$handle= @opendir(".");
// abre ou cria o arquivo xml
$xml = fopen("nswsolucoes.xml","w+");
//Gravamos os dados iniciais do xml
fwrite($xml,"\"1.0\" encoding=\"UTF-8\"?>\n\"http://www.sitemaps.org/schemas/sitemap/0.9\">");
//Geramos o lopping com os dados do nó XML
while ($file = readdir($handle)) {
	if (@is_file($file)) {
		//pega o Dominio e o nome do arquivo
		$conteudo = 'http://'.$_SERVER['HTTP_HOST'].'/'.$file.'';
		//pega a data atual e informa no xml
		$conteudo .= ''.date('Y-m-d').'';
		//informa a frequencia de atualização da pagina
		$conteudo .= 'weekly';
		//informa a prioridade da pagina
		$conteudo .= '0.1';
 
		fwrite($xml,$conteudo);
	}
}
closedir($handle);
//Fechamos a estrutura do xml
fwrite($xml,"\n");
//Fecha o arquivo aberto (para liberar memoria do servidor)
fclose($xml);
 
echo "sitemap gerado com sucesso";
?>

Pegar dados do XML ou FEED usando PHP

André G — Wed, 30 Jun 2010 11:41:10 +0000

Hoje irei ensinar como pegar dados de um XML como exemplo o feed, usando funções do PHP.
Procurei por varios tutoriais, que sempre me davam milhares de funções e códigos, sem nenhum exemplo específico para isso que eu queria que era SIMPLESMENTE pegar o conteúdo do XML.

    //Verifica se o XML existe mesmo
   if( file_exists('arquivo.xml') ) { 
   		//Caso exista, vamos carrega-lo
		$xml = simplexml_load_file('arquivo.xml'); 
 
      //Caso queira exibir as informações do objeto, utilizando var_dump que retorna uma representação estruturada, incluindo tipo e valor
      //var_dump($xml);
   }
 
    //Damos um looping para todos os resultados (todos itens)
	foreach ($xml->channel->item as $item) {
 
   		echo $item->title; // variavel que recebe o campo title
    	echo '
';
    	echo $item->description; // variavel que recebe o campo description
	}

Agora vou colocar um exemplo do XML utilizado

 version="1.0" encoding="UTF-8"?>
 version="0.92">
>
	>Meu XML>
	>http://www.programei.org>
	>>
	>Tue, 30 Jun 2010 00:00:00 +0000>
	>http://backend.userland.com/rss092>
	>pt-br>
 
	>
		>1 titulo>
		>>
		>http://www.programei.org/>
	>
 
    >
		>2 titulo>
		>>
		>http://www.linkloco.com.br/>
	>
 
>
>

Pronto, simples e rápido !!!

MIDP: System Properties ( System.getProperty() )

Dang — Tue, 29 Jun 2010 22:34:34 +0000

Existem varios metodos para pegar dados sobre o celular que seu MIDP esta instalado, as mais importantes estão citadas logo abaixo.

Para utilizalas basta colocar a parte entre aspas dentro do System.getProperty()

A propriedade “microedition.encoding” especifica a codificação de caracteres padrão.
A propriedade “microedition.platform” dá o nome do dispositivo, por exemplo, Nokia7650″.
O “microedition.locale” propriedade oferece o local atual do dispositivo, por exemplo,” en-CA “para Inglês, no Canadá.
O “microedition.configuration” propriedade especifica as configurações suportadas (geralmente apenas” CLDC-1.0 “).
O “microedition.profiles” propriedade especifica os perfis suportados (geralmente apenas” MIDP-1.0 “).

Exemplos

System.getProperty("microedition.encoding");
System.getProperty("microedition.platform");
System.getProperty("microedition.locale")
System.getProperty("microedition.configuration");
System.getProperty("microedition.profiles");

Como obter o número IMEI do telefone com J2ME / JavaME

Dang — Tue, 29 Jun 2010 22:24:02 +0000

International Mobile Equipment Identity (IMEI) is used to identify valid devices connected to GSM and UMTS network. International Mobile Equipment Identity (IMEI) é utilizado para identificar dispositivos válidos conectado a redes GSM e UMTS. This number can be accessed from a mobile phone by dialing *#06# on the keypad. Este número pode ser acessado a partir de um telefone móvel discando * # 06 # no teclado. IMEI is commonly use by software developers as part of software protection scheme to prevent it from being pirated. IMEI é comumente usado por desenvolvedores de software como parte do esquema de software de proteção para impedir que ele seja pirata.

O JavaME no entanto sofre de uma desvantagem porque MIDP / CLDC não inclui uma API para obter o IMEIde aparelhos celulares. No entanto, existem poucos fabricantes de telefone e na maioria deles você pode pegar o IMEI pela função System.getPropery () .

Veja como obter o número IMEI de aparelhos celulares de diferentes fabricantes

Nokia

System.getProperty("phone.imei");
System.getProperty("com.nokia.IMEI") ;

Para os sistemas symbian abaixo da 3° edição você precisa ter seu midp assinado.

Sony Ericsson

 System.getProperty("com.sonyericsson.imei");

Pode não funcionar em todos os modelos.

Motorola

System.getProperty("IMEI");
System.getProperty("com.motorola.IMEI");

Samsung

System  . getProperty ("com.samsung.imei");

Siemens

System.getProperty("com.siemens.imei");

Esperemos que esta informação pode lhe ajudar em seus projetos de programação J2ME.

Dica Rápida:
É muito difícil determinar o modelo do telefone / fabricante bem à frente de antemão. Para uma solução mais robusta, eu sugiro que você combinar com a função.

System.getProperty ("microedition.platform").

Google lança novo motor de busca ! (Google Caffeine)

André G — Wed, 16 Jun 2010 13:11:26 +0000

O Google lançou o Google Caffeine, que para os menos informados, é o novo motor de indexação de conteúdos da Google.

Isto para alguns pode não quere significar muito, mas pode vir a ser determinante no que respeita à forma como o seu site está ou pode vir a estar indexado no Google.

Fala-se que o lançamento neste momento estará relacionado com a crescente presença do Bing como alternativa ao Google. Não sei se será mesmo por isso ou não, mas é um facto que está aí.

Mesmo que não tenha muitos conhecimentos técnicos, é importante ter uma noção do impacto desta mudança.

Carrie Grimes, Software Engineer da Google, diz que:

Caffeine provides 50 percent fresher results for web searches than our last index, and it’s the largest collection of web content we’ve offered.

Aparentemente, será um motor que indexará os conteúdos com uma velocidade superior em 50x ao motor actual.

Ela diz ainda:

We’ve built Caffeine with the future in mind. Not only is it fresher, it’s a robust foundation that makes it possible for us to build an even faster and comprehensive search engine that scales with the growth of information online, and delivers even more relevant search results to you. So stay tuned, and look for more improvements in the months to come.

Sinceramente, apesar de já ter lido bastante sobre este tema, não sei se isto tudo será bom se será mau, mas estaremos cá para ver. Isto porque, irá ter impacto nos rankings certamente, isto é, na forma como os conteúdos são indexados, logo terá impacto também, no posicionamento dos sites nos resultados das pesquisas.

Agora a questão que coloco é: Qual será o impacto?

Se for ligeiro, e apenas indexar conteúdos mais depressa, poderá apenas dizer que um determinado conteúdo pode estar menos tempo na primeira página do Google.

Mas se mais está para vir, ou se o impacto for maior…

Pessoalmente, penso que não passará muito de uma rapidez maior na indexação de conteúdos, e que não terá grande impacto nos rankings. Isto porque, penso que a Google não estará para arriscar muito a sua posição, pelo mesno agora que tanto se fala que o Google começa a ser ultrapassado pelo YouTube e pelo Facebook.

Fonte:http://www.webmarketingpt.com/google/google-lanca-google-caffeine-o-novo-motor-de-indexacao/

Twitter terá serviço de localização

André G — Tue, 15 Jun 2010 11:59:00 +0000

Usuários poderão dizer onde estão, deixando tags a partir das mensagens enviadas.

O Twitter anunciou que terá um serviço de localização a partir do twitter.com e também do mobile.twitter e que leva o nome de Twitter Places. Isso permitirá que os usuários possam dizer onde estão, deixando tags a partir das mensagens enviadas. A ferramenta foi desenvolvida em parceria com companhias como a TomTom e a Localeze, especializadas em geo-localização.

A partir da próxima semana, a nova função estará presente para usuários do serviço a partir de 65 países ao redor do mundo. Para fazer uso do recurso, é necessário clicar no item “Adicione sua localização”.

Para começar a usar o Twitter Places, é preciso também habilitar a configuração “Tweet com sua localização”, uma vez que esta função estará, inicialmente, desabilitada, de acordo com a página de ajuda do Twitter.

É possível ainda marcar as mensagens a partir do lugar de onde ela foi enviada, usando o banco de dados do Twitter e, caso este lugar ainda não esteja registrado, também é possível adicioná-lo. No entanto, este recurso será progressivamente habilitado, de acordo com o suporte do microblog. Ao criar um novo local na base de dados, é preciso digitar o nome do local e seu endereço. A cidade será automaticamente localizada, com base em outros dados sobre a localização do usuário.

O recurso “Locais” fica abaixo da caixa de mensagens e também não aceita mais de 140 caracteres. É possível ainda clicar no local dentro da mensagem enviada e verificar o que falaram sobre o lugar.

A função de localização foi inserida a partir da integração com os serviços do Gowalla e Foursquare. O Twitter também desenvolveu uma API que permite aos desenvolvedores anexarem o Twitter Places em suas aplicações.

O microblog também tem trabalhado para adicionar o Places em dispostivos móveis como o iPhone, smartphones que trazem o Android como sistema operacional e também o Blackberry. No entanto, a companhia não forneceu detalhes de como isso será feito.

(Mikael Ricknäs)

Criando mascaras em formulários usando jquery

André G — Sun, 13 Jun 2010 12:07:02 +0000

Continuando a falar das facilidades de desenvolvimento trazidas com a JQuery, vou explicar como fazer de forma simplificada como fazer máscaras utilizando a JQuery. Observem o código abaixo:

<script>
jQuery.noConflict();
jQuery(function($){
	$("#cnpj").mask("99.999.999/9999-99");
	$("#cep").mask("99.999-999");
});
<script>

Perceberam a facilidade?

Funciona da seguinte forma:

A primeira linha tem a função de evitar conflitos com outros scripts JQuery ou JavaScript puro que você possa ter na sua página.

A segunda linha iniciamos a função na sintaxe do JQuery.

A terceira linha temos o ID do nosso elemento HTML que irá receber a mascara (no caso é um text) e em seguida definimos a máscara, sem nenhum segredo, sem códigos miraculosos.

Sem mais nada.

Simples e funcional em todos os browsers modernos.

Dica de nosso amigo do VIABLOG

Avalie o design, css, SEO etc, gratuitamente com profissionais *GRATIS

André G — Tue, 01 Jun 2010 15:55:56 +0000

Vai ai mais uma dica do PROGRAMEI.ORG:

A empresa GasparimSat for web, está com uma dica super legal !
Entre no site www.gasparimsat.com, vá no menu ao lado em “Avalie meu blog/site gratuitamente” e nos escreva, que em breve responderemos com nossoas dicas para seu website sobre SEO, Design, publicade, CSS, Html, sistemas etc.

Isso é totalmente grátis, um serviço profissional gratuito, aproveite !

Como melhorar meu blog, blogger e wordpress ?

André G — Tue, 01 Jun 2010 12:58:45 +0000

Estou decepcionado com os ditos “TUTORIAS” que dizem dar dicas para melhorar meu blog.

Porem só o que eu leio é: “Não permitir cópias”, “Punir quem copia” etc.

Ou seja, quem escreve esse tipo de post, não sabe nem o que é blog, cria uma pagininha e coloca umonte de coisas que nem sabe para que serve e começa a inventar tutoriais sem base nenhuma.

Cansado e decepcionado vou fazer o favor de tentar escrever algo mais interessante do que a grande maioria.

Não é obrigatório, porem se você souber programar, meu filho do céu, você vai longe ! LINK
Permita que copiem seus POSTS, afinal isso não é uma competição, e outra, os leitores do dito cujo dificilmente serão os mesmos que o seu, então, nada como uma boa divulgação (sempre inserindo os créditos do autor) não é !?
Tenha em mente, sempre um template agradável e limpo, sem muita bagunça. Alguns exemplos para BLOGGER, OUTRO e para WORDPRESS, OUTRO.
Teste o seu layout design web em diferentes navegadores
Use técnicas SEO para melhorar sua visibilidade em motores de busca como o google, “All in One SEO” é uma ótima alternativa para o WORDPRESS.
Tenha um conteúdo claro e bem dividido, use sempre o “LEIA MAIS” para não ficar o conteúdo esparramado, isso afasta leitores !
Use plugins como linkwithin para segurar o leitor o maior tempo possível.
Deixe sempre o formulário de comentário abaixo do post, separado visualmente do conteúdo
Nas laterais, exiba coisas úteis como categoria, cadastra-se, parceiro etc, não faça aquela LISTA enorme com o nome de vários posts !
Coloque sempre uma busca em um lugar visível !
Tenha sempre as ferramentas necessárias em seu navegador.
Inclua seu site no maximo de motores de busca que conseguir ! clique aqui
Crie um logo atrativo, sem aqueles RECORTES, e tente fazer com a maior definição possível, assim não deixa o blog com cara de mal feito
Atualize SEMPRE, se possível todos os dias, pois os leitores que procuram um BLOG para seguir, sempre olham a data do último post, alem de ficar chato o usuário entrar no seu blog e estar sempre com a mesma cara !
Faça parcerias referente ao seu conteúdo, isso ajuda no PAGERANK, que trará benefícios para seu blog.
Se não sabe fazer um blog apresentável, não insista em deixa-lo feio, contrate profissionais da área, as vezes é mais barato que pensamos ! LINK

Ai vai uma dica, se você quer que eu analise seu blog ou site em relação a SEO e Apresentação, deixe um comentário e não espere elogios.

Caso queira que essas mudanças sejam feitas com pitada profissional contrate o serviço !