Já há alguns artigos temos falado da importância de se apresentar elementos/efeitos diferentes e interessantes nos sites. Atualmente, com, literalmente, milhões de sites semelhantes, as diferenças e detalhes positivos fazem a diferença.

Gostaria de apresentar uma dessas “alternativas” para se fazer algo inovador nos sites, que é apresentar listas não ordenadas de forma completamente diferente do que você já viu usando o plugin para jQuery MobilyBlocks.

O MobilyBlocks permite apresentar listas não-ordenadas através de uma animação circular. Seu visitante pensará que vai encontrar mais do mesmo, mas vai se surpreender bastante ao se deparar com este efeito incrível!

Como usar o MobilyBlocks

A primeira coisa é fazer o download MobilyBlocks. No arquivo compactado você encontrará algumas pastas com arquivos além dos estritamente necessários (pois vem junto um exemplo para demonstração e estudo). Na verdade, os arquivo essenciais para o funcionando do plugin são apenas 3, que devem ser inseridos nas páginas de seu site que conterão o efeito (obviamente respeito a estrutura de diretórios de seu próprio projeto):

<link href="css/default.css" rel="stylesheet" type="text/css" />

<script src="js/jquery.js" type="text/javascript"></script>

<script src="js/mobilyblocks.js" type="text/javascript"></script>

A estrutura para que o script funcione é tão-somente a estrutura simples e já tradicional de uma lista não ordenada. A dica principal é usar imagens como itens dessa lista para impactar ainda mais o visitante e tornar o efeito ainda mais bonito (também fica interessante já especificar uma imagem de background para o próprio elemento <ul>):

<div class="socials">

  <ul class="reset">

    <li><a href="#"><img src="img/socials/delicious.png" alt="" /></a></li>

    <li><a href="#"><img src="img/socials/digg.png" alt="" /></a></li>

    <li><a href="#"><img src="img/socials/google.png" alt="" /></a></li>

    <li><a href="#"><img src="img/socials/stumbleupon.png" alt="" /></a></li>

    <li><a href="#"><img src="img/socials/technorati.png" alt="" /></a></li>

    <li><a href="#"><img src="img/socials/twitter.png" alt="" /></a></li>

  </ul>      

</div>  

Depois disso, basta apontar para a lista que se deseja aplicar o efeito do MobilyBlocks, fazendo uma chamada simples à sua inicialização:

$('.socials').mobilyblocks();

E pronto, não é preciso mais nada! Agora você já pode conferir este incrível efeito de animação circular!

Opções do MobilyBlocks

O MobilyBlocks possui algumas opções simples:

Então, por exemplo, se quiséssemos aplicar um efeito de MobilyBlocks em uma lista de classe “special-list” com sentido anti-horário e duração de 450ms, teríamos o seguinte código:

$('.special-list').mobilyblocks({

  direction: 'counter',

  duration:450

});

Conclusão sobre o MobilyBlocks

Como você pode conferir na página de exemplo oficial (e no arquivo compactado que você baixou), este é um efeito totalmente inovador, que não se encontra normalmente por aí.

Usá-lo certamente fará com que seu site tenha um diferencial importante em relação à concorrência e, por isso, o MobilyBlocks é altamente recomendado!

Menu Espetacular Com Plugin jQuery MobilyBlocks é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. Enquete Animada Com jQuery E PHP – Efeito Espetacular!
2. Notificações Interativas Com SlideNote – Plugin jQuery
3. Avisos Personalizados Com Plugin jQuery Humanized Messages

É bastante comum em determinados tipos de sites e/ou sistemas virtuais ser necessário apresentar listagens de elementos em determinada tabela do banco de dados. Mas muitas pessoas se perguntam como fazer listas por letra a partir do BD. Na verdade, não há muito “mistério” e o segredo está em realizar uma query relativamente simples.

Vamos supor que temos uma tabela no banco de dados. Essa tabela “cidade” guarda informações sobre todas as cidades de um determinado país. Então, em um site fictício, é preciso que se faça uma listagem de todas essas cidades, mas, como são muitas, uma divisão por letra se faz conveninente. Algo como:

• A
  • Abadia
  • Alagoa
• B
  • Baiá
  • Boa Esperança
• C
  • Catanduva
  • Ciabata
  • Cuiabá

E assim por diante.

Técnica do Array

Muitos preferem usar a técnica do array, que, basicamente, consiste em montar um array com todas as letras do alfabeto e, num loop qualquer, realizar as queries para listar todas as cidades que começam com aquela letra.

$letras = array('A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z');

É possível trabalhar desse jeito, sim, mas, para casos em que existam letras de outros idiomas, por exemplo, não seria possível codificar sem saber, de antemão, quais seriam estes caracteres. Além disso, montar este array é mais trabalhoso que deixar os próprios PHP+MySQL trabalharem por nós.

Fazendo da maneira certa

O mais “correto”, para este caso, é realizar uma query para saber quais as letras existentes no BD e, a partir daí, trabalhar com as respectivas listagens. A query é:

$query_letras = mysql_query

('

  SELECT DISTINCT LEFT(descricao_cidade, 1) AS inicial

  FROM cidades

  ORDER BY descricao_cidade

');

Então, montaríamos um array com os resultados:

while($letra = mysql_fetch_object($query_letras))

{

  $letras[] = $letra->inicial;

}

E, a partir disso, poderíamos fazer uma lista composta da seguinte maneira:

foreach($letras AS $letra)

{

  echo '<h3>' . $letra . '</h3>';

          

  $cidades = mysql_query

  ('

    SELECT id, desc

    FROM cidades

      WHERE desc LIKE "' . $letra . '%"

    ORDER BY desc

  ');



  echo '<ul>';

    while ($c = mysql_fetch_object($cidades))

    {

      echo '<li>' . $c->desc . '</li>';

    }

  echo '</ul>';

}

O código completo para a solução:

$query_letras = mysql_query

('

  SELECT DISTINCT LEFT(descricao_cidade, 1) AS inicial

  FROM cidades

  ORDER BY descricao_cidade

');

while($letra = mysql_fetch_object($query_letras))

{

  $letras[] = $letra->inicial;

}



foreach($letras AS $letra)

{

  echo '<h3>' . $letra . '</h3>';

          

  $cidades = mysql_query

  ('

    SELECT desc

    FROM cidades

      WHERE desc LIKE "' . $letra . '%"

    ORDER BY desc

  ');



  echo '<ul>';

    while ($c = mysql_fetch_object($cidades))

    {

      echo '<li>' . $c->desc . '</li>';

    }

  echo '</ul>';

}

Conclusão

Como citado, é muito comum desenvolvedores precisarem fazer listagens por letras e não saberem bem como. Usando a “query-base” apresentada, é possível saber, de antemão, quais serão as letras que comporão a lista e, com isso, ter mais segurança no trabalho que se está fazendo e apresentar um resultado mais fiel ao BD para os visitantes.

Portanto, esta é a maneira correta de se fazer listas por letra usando PHP e MySQL.

Listagem Ordenada Por Letra com PHP E MySQL é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. MySQL – Inserção De Dados
2. MySQL – Actualização De Dados
3. MySQL – Principais Comandos MyQL

Hoje em dia encontramos vários sites com bugs porque o Programador ou o dono do site ao tentar alterar algo, deixou um bug ou informação incompleta! Outros, se cansam ao terem de entrar semanalmente ou mensalmente no código do site para alterar o conteúdo!

Vamos acabar com isso hoje?

Preparei para você um sisteminha onde você poderá gerenciar o conteúdo do “Head” do site. Abaixo daremos algumas explicações e em anexo disponibilizaremos um script personalizado com tais informações.

Configurando a Base de Dados

Antes de tudo, é necessário configurar a base de dados.

Com o BD já criado, acesse o ficheiro “conexao.php” (disponível no diretório includes) e configure o ficheiro alterando as informações de acesso à base de dados (conforme script a seguir).

<?php



<?



$database = "SERVIDOR";           // SERVIDOR

$dbname   = "DATABASE";          // BASE DE DADOS

$usuario  = "USUARIO";          // USUARIO MYSQL

$dbsenha  = "SENHA";           // SENHA MYSQL



$conexao=mysql_connect ($database, $usuario, $dbsenha);



if($conexao){

      if (mysql_select_db($dbname, $conexao)){

           print "";

      }else{

           print "Não foi possível selecionar o Banco de Dados";

           }

      }else{

           print "Erro ao conectar o MySQL";

           }

?>

Após a configuração, vamos agora criar a tabela que será usada!

Criando a Tabela na Base de Dados:

Para configurar a base de dados através do script, abra o ficheiro script-sql.txt (disponível em anexo) e cole seu conteúdo no Programa utilizado para gerenciamento da base de dados.

Em nossas matérias utilizamos como padrão o MySQLFront. Caso tu também esteja utilizando este programa, clique em SQL Editor e cole o conteúdo do script (conforme disponibilizado a seguir).

----- INSTALANDO A TABELA -----



CREATE TABLE `dados_empresa` (

  `id_empresa` int(11) NOT NULL auto_increment,

  `nome_empresa` varchar(255) NOT NULL default '',

  `nome_fantasia` varchar(255) NOT NULL default '',

  `cnpj` varchar(25) NOT NULL default '',

  `insc_estadual` varchar(20) default NULL,

  `endereco` varchar(255) NOT NULL default '',

  `numero` varchar(10) default NULL,

  `complemento` varchar(50) default NULL,

  `bairro` varchar(150) NOT NULL default '',

  `cidade` varchar(150) NOT NULL default '',

  `estado` varchar(150) NOT NULL default '',

  `pais` varchar(150) NOT NULL default '',

  `cep` varchar(15) default NULL,

  `ddd_fone` varchar(5) default NULL,

  `fone` varchar(15) default NULL,

  `ddd_fone2` varchar(5) default NULL,

  `fone2` varchar(15) default NULL,

  `ddd_fone3` varchar(5) default NULL,

  `fone3` varchar(15) default NULL,

  `url` varchar(255) default NULL,

  `email_comercial` varchar(150) default NULL,

  `email_financeiro` varchar(150) default NULL,

  `endereco_ymessenger` varchar(200) default NULL,

  `endereco_twitter` varchar(200) default NULL,

  `endereco_skype` varchar(200) default NULL,

  `endereco_facebook` varchar(200) default NULL,

  `endereco_orkut` varchar(200) default NULL,

  `endereco_msn` varchar(150) default NULL,

  `palavraschave` varchar(255) default NULL,

  PRIMARY KEY  (`id_empresa`)

);



INSERT INTO `dados_empresa` (`id_empresa`,`nome_empresa`,`nome_fantasia`,`cnpj`,`insc_estadual`,`endereco`,`numero`,`complemento`,`bairro`,`cidade`,`estado`,`pais`,`cep`,`ddd_fone`,`fone`,`ddd_fone2`,`fone2`,`ddd_fone3`,`fone3`,`url`,`email_comercial`,`email_financeiro`,`endereco_ymessenger`,`endereco_twitter`,`endereco_skype`,`endereco_facebook`,`endereco_orkut`,`endereco_msn`,`palavraschave`) VALUES (1,'Free Busca','O Portal de Busca do Brasil','','','Rua Marcondes Salgado','88','','Bosque','Campinas','São Paulo','Brasil','13060-854','19','3387-5956','','','','','http://www.seusite.com.br','contato@direcionalweb.in','contato@direcionalweb.in','','','','','','','Loja Online, loja alcri, alcri, internet, janela, aluminio');



CREATE TABLE `tbl_head` (

  `id_head` int(11) NOT NULL auto_increment,

  `titulo` varchar(255) default NULL,

  `description` varchar(255) default NULL,

  `author` varchar(100) default NULL,

  `categories` varchar(100) default NULL,

  `content_language` varchar(20) default NULL,

  `content_type` varchar(50) default NULL,

  `generator` varchar(100) default NULL,

  `geo_region` varchar(100) default NULL,

  `googlebot` varchar(100) default NULL,

  `keywords` varchar(255) default NULL,

  `language` varchar(20) default NULL,

  `ratting` varchar(20) default NULL,

  `revisit_after` varchar(20) default NULL,

  `robots` varchar(20) default NULL,

  PRIMARY KEY  (`id_head`)

);



INSERT INTO `tbl_head` (`id_head`,`titulo`,`description`,`author`,`categories`,`content_language`,`content_type`,`generator`,`geo_region`,`googlebot`,`keywords`,`language`,`ratting`,`revisit_after`,`robots`) VALUES (1,'Header Personalizada - WebMaster.PT','Descrição da matéria header personalizada do webmaster.pt','Quemuel Aquino','Lorem ipsum dolor','pt-BR','Lorem ipsum dolor','Dreamweaver','Lorem ipsum','Lorem ipsum dolor','palavra 01, palavra 02, palavra 03, etc.','pt-BR','Lorem ipsum dolor','Lorem ipsum dolor','Lorem ipsum dolor');



CREATE TABLE `tbl_usuarios` (

  `id_usuario` int(11) NOT NULL auto_increment,

  `nome` varchar(255) default NULL,

  `senha` varchar(25) default NULL,

  `email` varchar(80) default NULL,

  `email2` varchar(80) default NULL,

  `endereco` varchar(255) default NULL,

  `numero` varchar(10) default NULL,

  `complemento` varchar(80) default NULL,

  `bairro` varchar(80) default NULL,

  `cidade` varchar(150) default NULL,

  `estado` varchar(150) default NULL,

  `pais` varchar(255) default NULL,

  `cep` varchar(15) default NULL,

  `ddd` varchar(5) default NULL,

  `fone` varchar(10) default NULL,

  `ddd2` varchar(5) default NULL,

  `fone2` varchar(10) default NULL,

  `dddcel` varchar(5) default NULL,

  `fonecel` varchar(10) default NULL,

  `data_nascimento` varchar(15) default NULL,

  `sexo` varchar(15) default NULL,

  `data_cadastro` varchar(10) default NULL,

  `tipo` char(2) default NULL,

  `status` char(1) default NULL,

  PRIMARY KEY  (`id_usuario`)

);



INSERT INTO `tbl_usuarios` (`id_usuario`,`nome`,`senha`,`email`,`email2`,`endereco`,`numero`,`complemento`,`bairro`,`cidade`,`estado`,`pais`,`cep`,`ddd`,`fone`,`ddd2`,`fone2`,`dddcel`,`fonecel`,`data_nascimento`,`sexo`,`data_cadastro`,`tipo`,`status`) VALUES (3,'Administrador','123456','comandosusa@gmail.com','teste@ymail.com','Rua Silvio Rizzardo','253','222','Jd. Campos Elíseos','Campinas','São Paulo','Brasil','13060854','19','3233-3917','22','1121-1121','','','2010-12-12','0',NULL,'1','1');

Após importar os dados, você já poderá fazer uso do sistema abaixo.

Exmplorando a Área Gerencial:

A área gerencial é bem prática e fácil de ser utilizada.

Para ter acesso a ela, basta acessar o diretório ADMIN.

OBS.:

Os dados de acesso são:

Login: comandosusa@gmail.com – Senha: 123456

A princípio, a área gerencial terá apenas 3 telas, que serão:

• Dados da empresa (onde você poderá alterar as informações de sua empresa);
• Dados Pessoais (onde você poderá alterar suas informações de acesso e de contato);
• Head (onde você poderá alterar as informações da Head – que focamos nesta matéria).

Como nosso foco hoje é a Header, estaremos acessando diretamente esta área.

Bem… nós focamos em trazer os principais campos disponíveis em uma HEAD, de forma que os Internautas possam alterar suas próprias informações!

Através desta área eles poderão alterar a descrição do site, palavras chave e informações mais exatas, de forma que suas visitações venham aumentar (conforme imagem a seguir).

Após efetuar as alterações devidas, aparecerá em tela (na página index.php do sistema) o código já alterado (conforme script a seguir).

Bem… vamos dar uma olhada no script e ver como podemos trabalhar com ele?

 



<html>

<head>

<title>Header Personalizada - WebMaster.PT</title>

<meta name="description" content="Descrição da matéria header personalizada do webmaster.pt">

<meta name="author" content="Quemuel Aquino">

<meta name="categories" content="Lorem ipsum dolor">

<meta http-equiv="Content-Language" content="pt-BR">



<meta http-equiv="Content-Type" content="Lorem ipsum dolor">

<meta name="generator" content="Dreamweaver">



<meta name="geo.region" content="Lorem ipsum">

<meta name="googlebot" content="Lorem ipsum dolor">

<meta name="keywords" content="palavra 01, palavra 02, palavra 03, etc.">

<meta name="language" content="pt-BR">



<meta name="ratting" content="Lorem ipsum dolor" />

<meta name="revisit-after" content="Lorem ipsum dolor">

<meta name="robots" content="Lorem ipsum dolor">



<link href="scripts/css/estilo.css" rel="stylesheet" type="text/css" media="all" />



</head>

<body>



INFORMAÇÕES DO SITE APARECERÃO AQUI

</body>

</html>

Bem… na verdade, o que fará alteração será tudo que for relacionado a META. Acima inserimos um arquivo css (fictício).

E aí, o que achou? prático, não?

Faça o download do conteúdo em anexo e aproveite esse sistema!

Agora é só implementar a seu site.

Download do código usado neste tutorial > Como Alterar As Meta Tags Para SEO Com PHP

Como Alterar As Meta Tags Para SEO Com PHP é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. Como Criar Sistema De O.S. / Orçamentos Parte1
2. Formatar Data Na Pesquisa
3. Como Criar Edição Inline Com jQuery

Um programador iniciante geralmente sofre quando não encontra na Internet funções e/ou conteúdo que venha lhe ajudar!

Geralmente nós focamos em sistemas de médio e grande porte (ex.: gerenciador de conteúdo, imagens e até mesmo gerenciador de vídeos do youtube).

Hoje nosso foco será algo básico, porém, darei alguns exemplos que podem ser usados no dia a dia em suas aplicações.

Verificando Números Ímpares E Pares

Uma das necessidades do Programador é verificar se um número é par ou impar.

Não digo que este conteúdo solucionará seu problema, mas poderá lhe dar condições de parar um evento em um determinado número (seja ele par ou impar).

Exemplo:

<?

//Número que será checado

$numero = 41;



//Realizando a verificação

$resultado1 = ($numero % 2) ? 'é um número impar' : 'é um número par';



//Exibindo o resultado da verificação

echo "$numero $resultado1";

?>

OBS.: Veja que aparecerá em tela a frase a seguir: “41 é um número impar”.

É um evento simples, mas… em alguns casos deverá lhe ajudar.

Usando o IF

Uma outra possibilidade que você tem é fazendo uso do IF em suas condições.

Diferente do exemplo anterior, ele é lógico. Isto é: Se o número for menor ou igual ao número descrito na condição, ele roda, ou então, executa outra coisa (conforme exemplo a seguir).

<?



$limite = 10;



if ($limite <= 1){ // aqui vai o código que roda caso o limite não tenha sido ultrapasado.



echo "$limite é um número menor ou igual a 1";



}else{ //aqui vai a mensagem dizendo para o usuário que ele excedeu o limite.



echo "$limite é um número maior que 1";



} 



?>

OBS.:

Veja que no exemplo acima o script verifica se o número é menor ou igual a 1.

Se ele for menor ou igual a 1, você receberá uma mensagem. Se ele for maior que 1, você receberá outra mensagem.

Tu ainda tem a opção de usar o “elseif”, mas só aconselhamos usar este comando caso haja necessidade.

Vamos para um eemplo mais prático?

Usando o While

Diferente dos exemplos anteriores, o while é muito usado, para efetuar loop. Isto é: Enquanto não chegar em um número determinado, ele vai continuar sendo executado.

Vamos para um exemplo prático?

No exemplo a seguir, estaremos fazendo comparações (a partir do número 1) até chegar ao número 5 (conforme código a seguir).

<?



$numero = 1;



while($numero <= 5){



echo "O número $numero é menor ou igual a 5<br>";



$numero++; // Se o número não for o que estamos procurando, ele será incrementado.



}



?>

Veja que diferente dos demais, ele deverá imprimir algo siminar a isso em tela:

O número 1 é menor ou igual a 5

O número 2 é menor ou igual a 5

O número 3 é menor ou igual a 5

O número 4 é menor ou igual a 5

O número 5 é menor ou igual a 5

Agora vamos verificar nosso último exemplo?

Usando o do … while

O exemplo a seguir, é pouco usado, mas também tem uma função similar ao do while.

Exemplo:

<?



$numero = 1;

do{

  $numero++;

  echo "O número $numero<br>";

  }

while ($numero <= 5);



?>

Veja que ao final do script nosso foco ainda é comparar se o número é menor ou igual a 5.

Vamos ver em tela como ele fica?

O número 2

O número 3

O número 4

O número 5

O número 6

Ele fez a impressão até o número 6.

Esse tipo de evento pode ser usado quando você quer saber o próximo número.

Bem… sei que podemos muito bem resumir tudo ao “while”, mas é legal darmos idéias a quem está começando sobre como trabalhar com outros comandos.

Pegue os códigos em anexo e faça a adaptação ao que você precisa!

Espero que o conteúdo desta matéria venha lhe ajudar.

Download do código usado neste tutorial > Exemplos Práticos De PHP

Exemplos Práticos De PHP é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. Exemplos Práticos De MySQL
2. Paginação Avançada Com PHP
3. MySQL – Otimização Criando Índices

Antigamente era uma burocracia enorme. Muito papel, perda de documentos, dificuldades e por fim empresários (ou contadores) chateados por terem tanto trabalho.

Hoje o Governo Brasileiro já disponibiliza às empresas a Nota Fiscal Eletrônica.

Eu tenho o previlégio de usá-la para gerar notas fiscais a meus clientes e posso dizer que o procedimento de uso é muito simples.

Claro, existem vários Programas na Internet que facilitam o uso de diversas empresas (outros só atrapalham), se você não quer viver preso a soluções desktop (feitos em Delphi, Java ou outra linguagem), hoje já estamos trabalhando em cima de uma solução exclusiva em PHP.

O Que É O NFe Em PHP

O NFe (Nota Fiscal Eletrônica) é um Projeto prático que está sendo elaborado por equipes (e melhorado) por várias equipes de Programação, no intuito de facilitar o uso das empresas na hora de gerar as Notas Fiscais.

Como eu falei acima, existem várias empresas e programadores usufruindo da necessidade atual e ganhando muito dinheiro com isso, já que até o momento são poucos que tem conhecimento em implantar tais soluções.

Já que nem sempre as soluções implantadas em sistemas são seguras, hoje existem equipes focando em criar Projetos de código Livre e sem erros, de forma que todos possam usar seu conteúdo.

O Grupo NFePHP (Google Groups) e a Assembla vem investindo forte neste sentido, de forma que programadores experientes e iniciantes possam adquirir o mesmo conhecimento e cooperar com a elaboração desta solução.

Cuidados Que Estão Sendo Tomados

Assim como todo sistema desenvolvido tanto para a web e desktop, ao elaborar uma aplicação o desenvolvedor precisa saber se o mesmo terá os problemas a seguir:

• Lentidão no Emissor (ele pode se tornar muito lento a partir das 1000 notas emitidas, pois ele guarda e apresenta todas as notas, assinaturas, XML’s de retorno e Danfes).
• Demora no Retorno da NFe pela Sefaz.
• Dificuldade no Processo de importação do XML para o Emissor.
• Dificuldade no Processo de Exportação da DANFE (PDF) para o ERP.

Com base em dificuldades anteriores, dia após dia estão sendo criadas soluções que venham evitar tais problemas.

Como Funciona O NFe

Na versão atual o NFe já realiza algumas das principais tarefas, tais como:

• Geração da Nota Fiscal em XML;
• Assinatura da nota utilizando certificado digital e-CNPJ e e-NFe A1 (em PHP nativo);
• Envio e validação das notas em lotes por web services;
• Geração da DANFE.

E aí, gostou? Quer participar ou saber mais sobre a Nota Fiscal Eletrônica em PHP?

Então visite:

• http://www.nfephp.org/
• http://www.assembla.com/wiki/show/nfephp
• http://groups.google.com/group/nfephp

Espero que você acompanhe esta ótima solução que só tem a melhorar dia após dia.

Nota Fiscal Eletrônica Em PHP é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. MySQL – Integridade Referencial
2. Envio De Email Através De SMTP Com PHPMailer
3. Algumas Diferenças Entre O PHP 4.x E O PHP 5.x

É interessante e você encontra esse tipo de sistema em vários lugares. Sejam eles no Orkut, Facebook, Twitter, entre outros.

Quando pensa em desenvolver algo deste gênero, geralmente imagina um código simples, que conta com arrays e imprime algo randomicamente, correto?

Em parte é até bom imaginar isso, mas… você já tentou desenvolver um sisteminha como esse?

Na matéria de hoje elaborei algo prático onde você pode postar mensagens diárias e imprimir em tela.

Configurando a Base de Dados

Antes de tudo, é necessário configurar a base de dados.

Com o BD já criado, acesse o ficheiro “conexao.php” e configure o ficheiro alterando as informações de acesso à base de dados (conforme script a seguir).

<?php



<?



$host      = "SERVIDOR";           // SERVIDOR

$database  = "DATABASE";          // BASE DE DADOS

$login_db  = "USUARIO";          // USUARIO MYSQL

$senha_db  = "SENHA";           // SENHA MYSQL



$conn      = mysql_connect($host, $login_db, $senha_db);



mysql_select_db($database, $conn);



?>

Após a configuração, vamos agora criar a tabela que será usada!

Criando a Tabela na Base de Dados:

Para configurar a base de dados através do script, abra o ficheiro script-sql.txt (disponível em anexo) e cole seu conteúdo no Programa utilizado para gerenciamento da base de dados.

Em nossas matérias utilizamos como padrão o MySQLFront. Caso tu também esteja utilizando este programa, clique em SQL Editor e cole o conteúdo do script (conforme disponibilizado a seguir).

----- INSTALANDO A TABELA -----



CREATE TABLE `tbl_frases` (

  `id_frase` int(11) NOT NULL auto_increment,

  `frase` varchar(255) default NULL,

  `data_publicacao` varchar(11) default NULL,

  `status` int(11) default NULL,

  PRIMARY KEY  (`id_frase`)

);



INSERT INTO `tbl_frases` (`id_frase`,`frase`,`data_publicacao`,`status`) VALUES (11,'Ame quem te ama e você será feliz.','2010-12-06',1);

INSERT INTO `tbl_frases` (`id_frase`,`frase`,`data_publicacao`,`status`) VALUES (14,'O amor é eterno quando você está disposto a se dar.','2010-12-07',1);

OBS.: Veja que no campo data_publicacao estou trabalhando com “varchar”. Isso é opcional meu, mas se você quiser, poderá trabalhar com o “date”.

Após importar os dados, você já poderá fazer uso do sistema abaixo.

Exmplorando o Sistema – Página Inicial:

Bem… vamos dar uma olhada no script e ver como podemos trabalhar com ele?

No script a seguir (página index.php) disponibilizei o conteúdo de forma prática, de forma que você possa efetuar a busca por data (conforme script a seguir).

<? include('conexao.php'); ?>



<br><center><h2>WebMaster.PT</h2> <p><br>  Sorte do dia em PHP</p><p>&nbsp;</p></center> <br><br>

<a href='frases_cadastrar.php'>Cadastrar Frase</a> - <a href='frases_listar.php'>Listar Frases</a><br><br>



<?php



$query_frase = "SELECT * FROM tbl_frases WHERE data_publicacao = '". date('Y-m-d') ."' and status = '1' order by rand()";

$rs_frase    = mysql_query($query_frase);



$total_frases = mysql_num_rows($rs_frase);



$campo_frase = mysql_fetch_array($rs_frase);



if($total_frases >= 1){



echo "<b>Frase do dia: </b> ". $campo_frase['frase'];



}else{



echo "Não existe frase cadastrada no dia de hoje.";



}



?>

As frases entrarão em formato randomico, isso é: Você poderá cadastrar quantas mensagens quiser para uma data específica.

Caso não haja nenhuma frase cadastrada para esta data, o sistema informará que não há nenhuma data para aquele dia.

Exmplorando o Sistema – Página de Cadastro:

A página de cadastro não tem mistério. Você terá apenas de digitar a frase do dia e a data que você quer que seja publicado o conteúdo.

Após isso, basta apenas clicar no botão “Enviar” (conforme script a seguir).

<html>

<head>

<title>WebMaster.PT - Trabalhando com galeria de vídeos</title>

</head>

<body><center><br><h2>WebMaster.PT</h2><br>Sorte do dia em PHP<br><Br></center>

<div align="center">

  <form action="script_frases.php?acao=cadastrar" method="post" enctype="multipart/form-data" name="form1">

    <table width="500" border="0" cellspacing="5">

      <tr>

        <td width="56">

          <div align="left"><strong>Frase:</strong></div>

        </td>

        <td width="128"><div align="left">

          <label>

          <input name="frase" type="text">

          </label>

        </div></td>

      </tr>

      <tr>

        <td><strong>Data de Publica&ccedil;&atilde;o:</strong></td>

    <td><div align="left">

      <label></label>

      <input name="data_publicacao" type="text" id="arquivo">

    </div></td>

      </tr>

      <tr>

        <td colspan="2"><div align="center">

          <input type="submit" name="Submit" value="Enviar">

        </div></td>

      </tr>

    </table>

  </form>

</div>

</body>

</html>

Bem… não estaremos publicando neste as páginas de alterar ou a de listar, mas estaremos focando no script de tratamento.

Explorando o Sistema – Script de Tratamento:

No script abaixo, nós focamos em incluir os comandos de inserção, alteração e exclusão em um só local (justamente para facilitar futuros ajustes).

<?

include("conexao.php");



$acao = $_GET['acao'];



switch ($acao) {



case cadastrar:



$frase            = $_POST['frase'];

$data_publicacao  =  date('Y-d-m', strtotime($_POST['data_publicacao']));

$status        = "1";



$query_cadastrar = "insert into tbl_frases(frase, data_publicacao, status) VALUES('$frase', '$data_publicacao', '$status')";

$rs_cadastrar    = mysql_query($query_cadastrar);



if ($rs_cadastrar){

?>



<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> alert ("Cadastro de frase efetuado com sucesso")</SCRIPT>

<SCRIPT language="JavaScript">window.location.href="index.php";</SCRIPT>



<? }else{ ?>



<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> alert ("Erro ao cadastrar frase")</SCRIPT>

<SCRIPT language="JavaScript">window.location.href="index.php";</SCRIPT>



<?

}



break;



case alterar:



$id_frase         = $_POST['id_frase'];

$frase            = $_POST['frase'];

$data_publicacao  =  date('Y-d-m', strtotime($_POST['data_publicacao']));

$status        = "1";



$query_alterar = "UPDATE tbl_frases SET

                        frase           = '$frase',

                        data_publicacao = '$data_publicacao'



                        WHERE id_frase = '$id_frase'";

$rs_alterar = mysql_query($query_alterar);



if($rs_alterar){

?>

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> alert ("Vídeo alterado com sucesso")</SCRIPT>

<SCRIPT language="JavaScript">window.location.href="index.php";</SCRIPT>



<?

}

else{

?>

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> alert ("Erro ao alterar Vídeo")</SCRIPT>

<SCRIPT language="JavaScript">window.location.href="index.php";</SCRIPT>

<?

}



break;



case excluir:



$id_frase               = $_GET['id_frase'];



$query_excluir = "DELETE FROM tbl_frases WHERE id_frase = '$id_frase'";

$rs_excluir    = mysql_query ($query_excluir);



if($rs_excluir){



?>

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> alert ("Frase excluída com sucesso")</SCRIPT>

<SCRIPT language="JavaScript">window.location.href="frases_listar.php";</SCRIPT>



<?

}

else

{

?>

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> alert ("Erro ao excluir Frase")</SCRIPT>

<SCRIPT language="JavaScript">window.location.href="frases_listar.php";</SCRIPT>

<?

}



break;



}



?>

Obs.: Se você observar acima, verá que é muito mais fácil trabalhar desta maneira, não?

Como você pode ver, trata-se de um sistema simples. O que você acha de melhorá-lo?

Se você quiser, poderá inserir nele opções como:

- inserção de mensagens limitadas por dia;
- envio das mensagens por email;
- mensagens personalizadas para cada usuário, entre outros.

Espero que você goste deste sistema e que ele seja útil em seu dia a dia.

Download do código usado neste tutorial > Sorte Do Dia Em PHP

Sorte Do Dia Em PHP é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. Como Usar O Leitor Personalizado Do Youtube No Seu Site
2. Como Validar Formulário
3. Sistema De Notícias Em PHP E MySQL Parte3

Esta empresa lançou há algum tempo mais uma novidade para ganhar ainda mais visitante e agregar mais serviços aos seus usuários: Um Leitor Personalizado dos Vídeos

Através dele é possível colocar em seus sites uma galeria com todos os vídeos que você tem cadastrado em seu usuário ou também os seus vídeos marcados como favoritos.

Além disso você pode personalizar o player com várias cores diferentes.

E aí, o que achou? Prefere fazer algo personalizado e fácil de gerenciar?

Acompanhe nossa matéria a seguir, pois com certeza você saberá como implementar essa ferramenta a seu site.

Configurando A Base De Dados MySQL

Antes de tudo, é necessário configurar a base de dados.

Com o BD já criado, acesse o ficheiro “config.php” e configure o ficheiro alterando as informações de acesso à base de dados (conforme script a seguir).

<?php



<?



$host      = "SERVIDOR";           // SERVIDOR

$database  = "DATABASE";          // BASE DE DADOS

$login_db  = "USUARIO";          // USUARIO MYSQL

$senha_db  = "SENHA";           // SENHA MYSQL



$conn      = mysql_connect($host, $login_db, $senha_db);



mysql_select_db($database, $conn);



?>

Após a configuração, vamos agora criar a tabela que será usada!

Configurando A Tabela na Base de Dados MySQL

Para configurar a base de dados através do script, abra o ficheiro script-sql.txt (disponível em anexo) e cole seu conteúdo no Programa utilizado para gerenciamento da base de dados.

Em nossas matérias utilizamos como padrão o MySQLFront. Caso tu também esteja utilizando este programa, clique em SQL Editor e cole o conteúdo do script (conforme disponibilizado a seguir).

----- INSTALANDO A TABELA -----



CREATE TABLE `tbl_videos` (

  `id_video` int(11) NOT NULL auto_increment,

  `nome` varchar(200) NOT NULL default '',

  `video` varchar(200) NOT NULL default '',

  `data_cadastro` varchar(20) default NULL,

  `status` char(1) default NULL,

  PRIMARY KEY  (`id_video`)

);



INSERT INTO `tbl_videos` (`id_video`,`nome`,`video`,`data_cadastro`,`status`) VALUES (2,'Casamento','http://www.youtube.com/watch?v=mkKo8bNL8pU','2010-11-29','1');

INSERT INTO `tbl_videos` (`id_video`,`nome`,`video`,`data_cadastro`,`status`) VALUES (5,'Dicas para uso de Laboratório de Informática','http://www.youtube.com/watch?v=DwrQJpn0IQw','2010-11-29','1');

Após importar os dados, você já poderá fazer uso do sistema abaixo.

Explorando o Sistema

O uso deste ficheiro é bem prático e objetivo.

Através dele e com um pequeno conhecimento de PHP / MySQL você consegue adaptar o código fonte a seu web site.

Abaixo estaremos verificando como funciona a página index (responsável por apresentar em tela os vídeos – conforme o script e a imagem a seguir):

<?php



include("config.php");



$sql = mysql_query("SELECT * FROM tbl_videos order by id_video DESC", $conn);

$dados = mysql_fetch_assoc($sql);

$rows = mysql_num_rows($sql);

$contador = 0;



?>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>WebMaster.PT - Trabalhando com galeria de vídeos</title>

<style type="text/css">

<!--

body {

  margin-left: 5px;

  margin-top: 5px;

  margin-right: 0px;

  margin-bottom: 0px;

}

a:link {

  color: #000000;

}

a:visited {

  color: #000000;

}

a:hover {

  color: #000000;

}

a:active {

  color: #000000;

}

-->

</style>

<script type="text/JavaScript">

<!--

function MM_openBrWindow(theURL,winName,features) { //v2.0

  window.open(theURL,winName,features);

}

//-->

</script>

</head>



<body><center><br><h2>WebMaster.PT</h2<br>Trabalhando com galeria de vídeos<br><Br>



<br><a href='adicionar_videos.php'>adicionar vídeo</a> - <a href='gerenciar_videos.php'>gerenciar vídeos</a><br><br>



 <table width="170" align="center">

   <tr>

     <td width="228"><div align="center"><strong>Galeria de Videos </strong></div></td>

   </tr>

   <tr>

     <td></td>

   </tr>

 </table>



   <? do { $contador = $contador + 1;

  

$url_video  = $dados["video"];

$nome_video = $dados["nome"];

   ?>

     <table width="140" border="0" align="center" cellspacing="5" bordercolor="#000000">

     <tr><td width="128"><div align="center"> <a href='#' onClick="MM_openBrWindow('ver_video.php?url_video=<? echo $url_video; ?>','vervideo','width=430,height=370')" />

     <?

     

     $url = $url_video;



     $img = '';



   if(preg_match("#http://(.*)\.youtube\.com/watch\?v=(.*)(&(.*))?#", $url, $matches)){

      if(isset($matches[2]) && $matches[2]!=''){

         $img = 'http://img.youtube.com/vi/'.$url_video.'/default.jpg';

      }

   }



echo "<img src='http://img.youtube.com/vi/". $matches[2]."/default.jpg'>";



?></a><br>

     <div align="center"><b><?  echo $nome_video; ?></b></a></div></div></td></tr></table>

   <? } while ($dados = mysql_fetch_assoc($sql)); ?>   



</body>

</html>

IMAGEM 01 (Apresentando em tela os vídeos cadastrados)

Como você pode verificar acima, o sistema é bem prático de mexer.

Nele não inseri contador de páginas, apresentação personalizada do código, até porque não era o foco, mas seu uso é bem prático.

Inserindo Novo Vídeo:

O processo de inserção funciona como se fosse em um formulário comum: Você preenche as informações e clica no botão para envio.

OBS.: Diferente de outras soluções, neste sistema você precisa inserir a URL. Feito isso, ele lhe dará a possibilidade de visualizar sempre que quiser seu vídeo preferido (conforme script e imagem a seguir).

<html>

<head>

<title>WebMaster.PT - Trabalhando com galeria de vídeos</title>

</head>

<body><center><br><h2>WebMaster.PT</h2<br>Trabalhando com galeria de vídeos<br><Br>



<div align="center">

  <form action="script_youtube.php?acao=cadastrar" method="post" enctype="multipart/form-data" name="form1">

    <table width="500" border="0" cellspacing="5">

      <tr>

        <td width="56"><div align="left"><strong>Nome do Vídeo:</strong></div></td>

        <td width="128"><div align="left">

          <label>

          <input name="nome" type="text" id="empresa">

          </label>

        </div></td>

      </tr>

      <tr>

        <td><strong>Url do Vídeo:</strong></td>

    <td><div align="left">

      <label></label>

      <input name="arquivo" type="text" id="arquivo">

    </div></td>

      </tr>

      <tr>

        <td colspan="2"><div align="center">

          <input type="submit" name="Submit" value="Enviar">

        </div></td>

      </tr>

    </table>

    <p>OBS.: Você pode add Videos do Youtube - Google Videos e Outros</p>

  </form>

</div>

</body>

</html>

IMAGEM 02 (Cadastrando um novo vídeo)

OBS.: Após preencher os campos, o sistema lhe enviará para o script de inserção (que funciona em uma página separada – conforme script a seguir):

Página “script_youtube.php”

<?

include("config.php");



$acao = $_GET['acao'];



switch ($acao) {



case cadastrar:



$nome          = $_POST['nome'];

$video         = $_POST['arquivo'];

$data_cadastro = date('Y-m-d');

$status        = "1";



$query_cadastrar = "insert into tbl_videos(nome, video, data_cadastro, status) VALUES('$nome', '$video', '$data_cadastro', '$status')";

$rs_cadastrar    = mysql_query($query_cadastrar);



if ($rs_cadastrar){

?>



<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> alert ("Cadastro de vídeo efetuado com sucesso")</SCRIPT>

<SCRIPT language="JavaScript">window.location.href="index.php";</SCRIPT>



<? }else{ ?>



<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> alert ("Erro ao cadastrar vídeo")</SCRIPT>

<SCRIPT language="JavaScript">window.location.href="index.php";</SCRIPT>



<?

}



break;



case excluir:



$id_video               = $_GET['id_video'];



$query_excluir = "DELETE FROM tbl_videos WHERE id_video = '$id_video'";

$rs_excluir    = mysql_query ($query_excluir);



if($rs_excluir){



?>

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> alert ("Vídeo excluído com sucesso")</SCRIPT>

<SCRIPT language="JavaScript">window.location.href="index.php";</SCRIPT>



<?

}

else

{

?>

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> alert ("Erro ao excluir Vídeo")</SCRIPT>

<SCRIPT language="JavaScript">window.location.href="index.php";</SCRIPT>

<?

}



break;



}



?>

Características Do Leitor Personalizado Do Youtube

Após clicar no vídeo cadastrado (disponível na página inicial), veja que o sistema lhe encaminhará para uma página onde será apresentado o vídeo (conforme script e imagem a seguir):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>WebMaster.PT - Trabalhando com galeria de vídeos</title>

<style type="text/css">

<!--

body {

  margin-left: 0px;

  margin-top: 0px;

  margin-right: 0px;

  margin-bottom: 0px;

}

-->

</style></head>



<body>



<div id="player">



<?



$url = $_GET['url_video'];

function embedVideo($url,$width,$height){



   if(preg_match("#http://(.*)\.youtube\.com/watch\?v=(.*)(&(.*))?#", $url, $matches)){

      echo '

            <object width="'.$width.'" height="'.$height.'">

               <param name="movie" value="http://www.youtube.com/v/'.$matches[2].'&hl=pt-br&fs=1"></param>

               <param name="allowFullScreen" value="true"></param>

               <param name="allowscriptaccess" value="always"></param>

               <embed src="http://www.youtube.com/v/'.$matches[2].'&hl=pt-br&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="'.$width.'" height="'.$height.'"></embed>

            </object>

            ';

   }elseif(preg_match("#http://www\.metacafe\.com/watch/(([^/].*)/([^/].*))/?#", $url, $matches)){

      echo '<embed flashVars="playerVars=showStats=no|autoPlay=no|videoTitle="  src="http://www.metacafe.com/fplayer/'.$matches[1].'.swf" width="'.$width.'" height="'.$height.'" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>';

   }

}



$youtubeVideo1 = $_GET['url_video'];



embedVideo($youtubeVideo1,425,344);



?>



</div>

</body>

</html>

IMAGEM 03 (Visualizando o vídeo)

Veja que o sistema não te dá apenas o recurso de visualizar o vídeo cadastrado. Através dele você poderá efetuar também busca personalizada através do próprio youtube (conforme imagem a seguir):

IMAGEM 04 (Buscando vídeo no Youtube)

OBS.: Como nosso foco é apenas a apresentação da solução, apenas inserimos as opções de inserção, visualização de vídeos cadastrados e exclusão.

Caso seja de seu interesse, este sistema poderá ser melhorado (tanto na aparência, quanto na inserção de novos recursos).

Espero que esta solução lhe ajude no dia a dia.

Como Usar O Leitor Personalizado Do Youtube No Seu Site

Como Usar O Leitor Personalizado Do Youtube No Seu Site é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. Como Usar O Crontab Com O PHP
2. Carrinho de Compras Personalizado Em PHP
3. Como Criar Um RSS Feed No Seu Site

Figura 1 – Você é um humano? Desculpe, tenho que perguntar.

Não. Isto não é mais um artigo de captcha aqui no portal – relax! O foco deste artigo é abordar os benefícios que esta solução oferece. Não vou entrar em detalhes no conceito geral, já que vocês podem encontrar excelentes artigos clicando aqui.

Apesar disso, antes de apresentar o reCAPTCHA, é preciso que fique claro que captchas são mecanismos que lutam contra a disseminação de Spam na web. Método esse, de espalhar mensagens de propaganda, de forma ilícita, em sua maioria robôs que detectam falhas em sistemas e websites, inundando-os com conteúdo inútil. Uma das formas mais eficazes de se evitar esse desastre, é oferecer caixas de confirmação aos usuários, no intuito que se este visitante for um humano, não um script, consiga decifrar o enigma e enfim prosseguir com sua experiência. Ok? So let’s rock!

Sobre o reCAPTCHA.

Figura 2 – Slogan: “Stop Spam, Read Books”

O projeto surgiu na universidade Carnegie Mellon, Pittsburgh,  nos Estados Unidos. O slogan “Pare o Spam, Leia Livros”, deixa claro logo no início o objetivo do serviço: não oferecer mais um simples captcha, ir, além disso, que tal ler livros? É isso mesmo! Além de combater o spam no simples ato de decifrar o captcha, você está ajudando a digitalizar livros, como também artigos e jornais antigos. Mas como isso funciona?

Figura 3 – Trechos de scans se tornam enigmas.

Tudo não passa de trechos de vários scans, exibidos aleatoriamente na caixa do captcha, e que no momento em que o usuário decifra-o, na verdade também acaba por digitalizar partes destes documentos antigos. Cerca de 200 milhões de captchas são resolvidos todos os dias pelos diversos usuários do serviço reCAPTCHA, tudo convertido em bytes de textos que irão beneficiar toda uma comunidade (?). O Google por sua vez já comprou o serviço. Natural que os arquivos digitalizados também sejam incorporados ao serviço Google Books. Estratégia nada ingênua dos googlers Don’t be evil.

Get started now!

Pra começar a brincadeira será necessário que se cadastre no serviço. Clique aqui!

Você precisará informar o domínio em questão que será utilizado para se comunicar com esta API. Será gerado duas chaves, uma pública e uma privada. Guarde estas informações, pois precisará delas para o pleno funcionamento do mashup, caso as perca, basta acessar novamente a url do serviço e gerar novas chaves. Importante é que você mantenha em segredo a chave privada, afinal, é uma senha de acesso ao serviço.

Figura 4 – Resumo de um cadastro realizado no serviço.

Na documentação da API, existem diversos plugins, já desenvolvidos, para uma infinidade de plataformas, inclusive CMSs tal como o WordPress. Já que temos muitos adeptos do PHP aqui no portal, vamos codificar nessa linguagem com base no plugin disponível, para um típico caso de uso comum em sites: formulários de contato!

Mão na massa!

Após realizar o download do plugin, extraia o zip e verifique a estrutura de arquivos:

Figura 5 – Plugin reCAPTCHA para PHP (versão 1.11).

Interessa-nos o recaptchalib.php, o restante são exemplos e instruções para uso.

Vamos criar uma estrutura de diretórios para um site: uma pasta para armazenamento de imagens, CSSs e Javascripts; outra para armazenar bibliotecas em PHP; na raiz uma index com um simples link para o formulário, e de fato, a página que iremos programar.

Figura 6 – Estrutura de diretórios do nosso website de exemplo.

Começamos criando um formulário com três campos: nome, e-mail e mensagem. Ao final do mesmo, adicionamos os tradicionais botões de enviar e limpar dados. Confira:

Figura 7 – http://pastie.org/1345189

Vamos deixar a propriedade action da tag form em branco, isto pressupõe que o formulário será processado na mesma página de origem. Como está página possui uma extensão .php, podemos começar a programar nela bastando colocar o código a seguir entre a diretiva <?php ?>. Por uma questão de organização, coloque o seguinte trecho de código na primeira linha deste arquivo. Confira a seguir:

Figura 8 – http://pastie.org/1345240

Iniciamos nosso código PHP, vamos aos esclarecimentos. A função require_once solicita que a página só seja interpretada com sucesso, caso o arquivo em questão seja carregado. Ali colocamos o caminho da nossa biblioteca (plugin PHP disponível no site do projeto reCAPTCHA, já citado antes). Criamos duas variáveis que serão utilizadas para preencher as chaves no momento do cadastro do serviço, e logo em seguida, mais duas variáveis para controle de retorno da validação do script reCAPTCHA. Agora, vamos criar uma nova TR na tabela do formulário, entre o campo mensagem e os botões de envio:

Figura 9 – http://pastie.org/1345274

Com tudo isso, você já conseguirá visualizar a seguinte interface:

Figura 10 – Protótipo inicial do Captcha

Com tudo isso, resta-nos validar os dados e enviar a mensagem por e-mail! A regra é clara, validamos campo a campo, e em caso de erro retornamos a mensagem alertando o usuário. Existem dezenas maneiras de validar, seja por scripts JQuery, usando expressões regulares, mas enfim, vou adotar a forma mais básica, no intuito que este post seja bem prático a iniciantes. Confira a continuação do nosso trecho em PHP:

Figura 11 – http://pastie.org/1354395

Uma dúvida muito comum de novos programadores, é quando utilizar o $_POST e/ou $_GET. Se o formulário está sendo processado via POST, ou seja, utilizando method=”post” na tag form, então no lado do servidor (server-side) a chamada deverá ser feita utilizando a diretiva $_POST. Caso seja via method=”get”, as variáveis ficaram visíveis na url da página no momento de submeter o formulário. Na dúvida, você pode usar ainda $_REQUEST, que aceita ambos os métodos.

O código está bem simples. Estamos utilizando uma série de IFs e ELSE IFs para capturar a seguinte expressão (se-a-variável-foi-inicializada E variável-está-em-branco), então alerta com uma mensagem de erro. Fizemos uso das funções nativas do PHP: isset() para verificar se a variável foi inicializada, caso contrário, a todo momento que se carregasse a página, a validação seria feita, e aqui não, só realizamos ela realmente quando o usuário clica no botão submeter; e a função trim() que com um parâmetro, retira os espaços da variável em questão. Pra finalizar, verificamos se o captcha foi inicializado e então utilizamos uma função da biblioteca nativa do reCAPTCHA para validar o enigma no servidor principal (externo). A resposta fica armazenada na variável $resp.

Agora vamos finalizar com o envio de e-mail:

Figura 12 – http://pastie.org/1354443

Prosseguindo, caso a variável $resp (retorno da validação do captcha junto ao servidor externo) tenha sido bem sucedida, criamos uma variável $texto, e em cima dela, vamos concatenando com as outras variáveis do formulário através do comando “.” (ponto). A instrução $texto .=, significa, $minha-variável = $minha-variável + alguma-coisa-nova. Já o comando \n faz uma quebra de linha na visualização.

Por fim, usamos a função mail() para submeter a mensagem!

Você pode visualizar o projeto em funcionamento clicando no link abaixo:
http://labs.renatogil.com.br/wmpt-recaptcha

Caso deseje visualizar os códigos-fontes do aplicativo, faça o download!
http://labs.renatogil.com.br/wmpt-recaptcha/sources.zip

Considerações Finais.

O reCAPTCHA sem dúvida é um serviço muito promissor. Além da portabilidade e a capacidade de customizar temas, fora o projeto social como um todo envolvido, é importante ressaltar que ele vai de encontro com as boas práticas de acessibilidade. Caso seu visitante seja deficiente visual, ele pode acionar o botão para ouvir o áudio do captcha. A parte ruim? O áudio é inglês! Mas isso é questão de tempo, ainda mais agora que o pai Google está investindo massivamente no projeto!

Até o próximo artigo!

reCAPTCHA, Um Captcha Social. é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. CAPTCHA Em PHP – Eliminar SPAM Nos Formulários
2. Combate A SPAM Em Formulários
3. Algumas Diferenças Entre O PHP 4.x E O PHP 5.x

São várias tarefas, vários eventos para desenvolver e se não prestarmos atenção, corremos o risco de deixarmos algo para trás.

Alguns profissionais que utilizam programas e ficheiros em desktop, utilizam o “Agendador de Tarefas” para não realizar suas atividades. E você que usa a Internet? Que recurso poderá usar?

Hoje estaremos falando um pouco sobre o “Crontab”, isto é: Um recurso disponível no Linux e também no CPanel, um dos mais conhecidos Paineis de Gerenciamento de Web Sites do mundo.

Não vamos entrar em detalhes quanto ao gerenciamento do Crontab no Linux, nem a seus recursos, mas daremos um exemplo básico de como você pode usar o PHP e melhorar suas atividades utilizando esta ferramenta.

Conhecendo O Crontab

Conforme falamos a pouco no início desta matéria, o Crontab do Linux segue o mesmo conceito do agendador de tarefas do Windows.

Se você desenvolve algum sistema, certamente precisa executar uma cobrança, avisos periódicos, entre outras funções.

Com o tempo, isso se torna cansativo fazer manualmente.

Por esse motivo, temos como usar o Crontab, pois essa ferramenta que é nativa do Linux e está disponível em nossos Painéis de Controle (CPanel), nos possibilita efetuar serviços programados na hora exata (hora, minuto, dia, semana ou mês).

Modo De Uso Do Crontab

A primeira vista, se você nunca usou o Crontab para executar tarefas, com certeza você vai estranhar o seu funcionamento, mas após se acostumar, não terá problemas.

O Crontab trabalha executando comandos agendados através de minutos, horas, dias, meses e dias da semana.

Vamos verificar um exemplo mais prático:

• Para executar os Minutos: Você deverá informar no script números de 0 a 59 (para todo o minuto);
• Para executar as Horas: Você deverá informar no script números de 0 a 23 (para toda hora);
• Para executar dias do mês: Você deverá informar no script números de 0 a 31 (para todo dia);
• Para executar o Mês: Você deverá informar no script números de 1 a 12 (para todo mês);
• Caso seja de seu interesse executar os dias da Semana: Você deverá informar no script números de 0 a 7 (para todo dia da semana);

Após isso, execute o Comando, isto é: a tarefa que deverá ser executada através do Crontab.

Entendo se você disser: Puxa, complicou tudo…

Vamos para alguns exemplos práticos?

Executando Scripts De Hora Em Hora

Digamos que você queira agendar uma tarefa disponível no ficheiro “usando_crontab.php” (disponível em “/var/www”). Basta apenas executar a tarefa conforme o código a seguir:

00 * * * * /var/www/usando_crontab.php

OBS.: No evento acima, estamos programando o script “usando_crontab.php” para ser executado todos os dias, de hora em hora sempre que chegar ao minuto “00″.

Executando Scripts Diáriamente

Digamos que você queira executar o script diáriamente. Você precisará seguir esse formato:

02 4 * * * /var/www/usando_crontab.php

Executando Script Semanalmente

Para executar o script semanalmente, você precisa mudar apenas alguns detalhes (conforme código a seguir).

22 4 * * 0 /var/www/usando_crontab.php

Bem… é algo prático, mas… vamos matar todas as dúvidas analisando um gráfico?

Veja o código a seguir e pense em um horário para executar seu script.

    44 3 * 3-11 1-5 root /var/www/usando_crontab.php

     | | |   |   |   |     |

     | | |   |   |   |     +---- comando a ser executado (com a rota)

     | | |   |   |   +---------- usuário que executará o comando

     | | |   |   +-------------- dia da semana

     | | |   +------------------ mês do ano

     | | +---------------------- dia do mês

     | +------------------------ hora

     +-------------------------- minuto

Mais prático, não?

Como Usar O PHP?

Bem… a integração ao PHP é muito mais fácil e pede apenas 1 detalhe:

Antes de executar seu script, é necessário disponibilizar o caminho a seguir na primeira linha, para que o Crontab execute o arquivo PHP corretamente (conforme o exemplo a seguir):

#!/usr/bin/php

Bem… não precisa fazer muita coisa. Basta apenas você elaborar o seu script e agendar no Crontab.

No exemplo a seguir, o ficheiro disponibiliza no ficheiro “teste.txt” os horários em que executou tarefa no Crontab.

#!/usr/bin/php



<?php



file_put_contents("teste.txt", "Crontab rodou em: ".date(‘d/m/Y H:i’));



?>

Prático, não?

Execute suas atividades e faça os ajustes necessários!

Acredito que mesmo se você tiver pouco tempo de Programação web, não terá dificuldades para trabalhar com esta ferramenta.

Como Usar O Crontab Com O PHP é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. Como Usar O Leitor Personalizado Do Youtube No Seu Site
2. Senhas Criptografadas – Como Gerar E Recuperar?
3. Google Font API: Como Usar!

Em ambientes de desenvolvimento,  é muito comum que vários programadores manipulem ao mesmo tempo determinado arquivo. O controle de versão auxilia justamente na eficiência deste fluxo de alterações visando o não extravio de dados. Este tipo de ferramenta atua ainda na mesclagem de códigos, como também na resolução de conflitos em casos de versões diferentes, podendo inclusive, desfazer uma alteração.

Software Colaborativo

Esta é a proposta de um controle de versão, oferecer um meio colaborativo que além de gerenciar o histórico, diga-se timeline, do desenvolvimento do projeto, mantenham as equipes seguras quanto à integridade de seus códigos-fontes. Essa capacidade de poder gerar versões sem dúvida é um modelo essencial ao escopo do projeto. Imagine a construção de uma casa. O comprador sem dúvida fica satisfeito na medida em que acompanha o processo de construção e pudesse dar sugestões de mudança. Agora comparamos isso ao desenvolvimento de um site. Quebramos esse site em etapas, e vamos gerando releases para testes, logo, damos feedback junto ao cliente para que ele consiga palpar seu produto final e evite retrocessos lá na frente. E o melhor, poder manter tudo arquivado e um ponto de restauração para eventuais necessidades.

Talvez seja por isso, e muitos outros motivos, que o controle de versão caiu tão bem na moda do desenvolvimento. Impossível imaginar um projeto sem qualquer controle de fluxo de informações e segurança em sua realização. Antigamente, víamos programadores frustrados com suas empresas, acessarem o tradicional FTP da empresa e remover tudo que haviam feito. Um prejuízo inestimável que hoje, é uma mera opção de risco. O gosto caiu ainda mais na moda em projetos open-sources, aqueles em que geralmente, os desenvolvedores voluntários se encontram em espaços intercontinentais.

Se tratando do cenário de softwares disponíveis, existem ferramentas gratuitas como o Subversion e o GIT, como também soluções proprietárias, tal como o SourceSafe. Em todos os casos, seu uso é extremamente simples e baseia se apenas em conceitos fundamentais para o versionamento de códigos, o resto, é meramente recurso adicional da ferramenta com que irá trabalhar. Vamos começar?

Figura 1 – Desenvolvimento colaborativo

Estrutura Funcional

O controle de versão é um servidor, que a partir de agora vamos passar a chamar de repositório. Os usuários deste repositório são clientes que se conectam e atualizam seus arquivos neste servidor, semelhante a um FTP. Toda estrutura é mantida neste repositório. Confira a seguir a estrutura lógica que deverá compor este repositório:

Trunk
O tronco é a raiz do desenvolvimento. É aqui que você encontrará a última versão do projeto da qual ainda está em desenvolvimento, portanto, considere-o como uma versão não estável e também um ponto de partida para o seu desenvolvimento. Na figura abaixo, temos uma seta contínua que representa o tempo de vida de um projeto e várias intervenções r, que seriam as revisões do projeto, ou seja, alterações.

Figura 2 - Checagens de revisões no trunk

Branches
São ramificações do tronco, ou como preferir, um braço. Amplamente usado em situações da qual é necessário dividir a linha de desenvolvimento de um projeto. Em termos práticos, é quando o programador separa uma parte do projeto da qual ele será responsável, e que posteriormente haverá um trabalho de análise para sua mesclagem. É adoto apenas em grandes projetos, já que envolve certo cuidado ao manipular branches.

Figura 3 - Desenvolvimento parcial através das branches

Tags
São releases do projeto. A partir do momento em que o tronco está apto a fornecer uma versão estável, geramos uma nova tag da qual ficará isolada e intocável a partir de então. O desenvolvimento no tronco não para, e assim damos continuidade ao ciclo.

Figura 4 - Liberação de versões do trunk

“Controlenês”

Vamos agora conhecer os termos mais utilizados na gestão desse controle de versão!

• Checkout: processo em que você realiza uma cópia do trunk para começar a trabalhar.
• Update: feito o checkout, todas as atualizações do projeto serão requisições de update.
• Commit: após concluir várias alterações, você as sincroniza com o repositório trunk.
• Add: criado um arquivo novo, você adiciona ao repositório.
• Rename: renomeia um arquivo do repositório.
• Delete: remove um arquivo do repositório.
• Revert: desfaz uma ação no repositório.
• Revision: aos especificar uma revisão, você volta no tempo.
• Lock: trava um arquivo para que ninguém consiga alterá-lo, apenas visualizá-lo.
• Unlock: destrava o arquivo para que todos voltem a manipulá-lo.
• Merge: processo em que um arquivo será mesclado com trechos de códigos. Porém, nem sempre um merge será possível. É o caso do conflito:
• Conflict: evento em que um arquivo apresenta duas versões extremamente diferentes.

A partir de um conflito, você terá duas opções a decidir:

• Resolve (theirs): aceita que a versão do repositório sobrescreva a sua.
• Resolve (mine): determina que a versão do repositório seja substituída.

E enfim, outras ações “supérfluas”:

• Log: verifica o histórico de commits realizados pelos desenvolvedores.
• Clean: após inconsistências de um conflito, talvez seja necessário limpar seu checkout.

Utilitários

Na teoria, para cada ação desejada você teria que realizar um comando no terminal. Entretanto, da mesma forma que todos utilizam clientes FTP para subir alterações em um servidor, também existem clientes de controle de versão. Vou apresentar as mais utilizadas das duas soluções open-source apresentadas logo no início do artigo.

Cliente free mais utilizado para controles de versão SVN. Acoplado ao shell do sistema operacional, você irá conseguir realizar todas as operações através do click direito. Integração transparente, dificilmente você encontrará problemas em sua utilização.

Por muitos anos o SVN substituiu o CVS, e agora o GIT tem tomado o lugar dos dois. Não é o foco de o artigo abordar a diferença de ambos, o que importa é que o mesmo projeto TortoiseSVN também criou sua versão para o GIT, e o melhor, também gratuito.

Considerações Finais

Durante o ano vim escrevendo sobre vários conceitos no mundo do desenvolvimento. Foram ao total, sete artigos abordando de forma expressa os maiores paradigmas na convivência de um analista programador. Espero realmente que estes artigos tenham lhe servidor na busca por mais informações, já que esse era o foco. Sou contra a ideologia que temos que dar tudo “mastigado”. O estudo é essencial e um fator diferencial na área da Tecnologia da Informação. A partir de agora, espero fechar este ciclo (enquanto não me vierem novas sugestões) e começar a escrever sobre desenvolvimento prático, em especial, gadgets e mashups. Vemos-nos por aqui colegas “brasigueses”, até mais!

Controle De Versão E Gestão De Arquivos é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. Crie Gráficos Com O Controle Chart
2. Sistema De Gestão De Auto Escolas – Parte1
3. Upload De Arquivos Com PHP