Lucas Ferreira

Há algum tempo a Amazon lançou um serviço muito interessante relacionado ao envio de e-mail em grande escala com um custo bem baixo. Este serviço chamado Amazon SES fornece uma boa API para envio de e-mails.

Um dos frameworks que mais utilizo em minha rotina de trabalho é o CakePHP, um ótimo framework MVC escrito em PHP.

O CakePHP possui um componente para envio de e-mails sobre a função mail do PHP ou por SMTP.

Como estava querendo testar o serviço da AWS de envio de e-mails resolvi criar uma solução compatível com o CakePHP.

Criei um novo componente que estende o EmailComponent chamado EmailServiceComponent para ter as habilidades de operar com o Amazon SES.

O código fonte deste componente pode ser baixado no projeto que crie no GitHub, clicando aqui.

Como utilizar:

Primeiro devemos baixar o Amazon SDK PHP, neste link.

Descompacte o arquivo na pasta vendors de sua aplicação, e renomeie a pasta principal da SDK para aws-sdk.

Logo após renomeie o arquivo config-sample.inc.php para config.inc.php e insira suas credenciais de acesso nele.

Uma vez a SDK estando configurada e devidamente colocada em seu projeto, baixe o EmailServiceComponent disponível aqui e coloque em sua pasta controllers/components.

Quando for necessário enviar um e-mail usando o Amazon SES basta carregar o componente no controller:

var $components = array('EmailService');

E habilitar o aws_ses como função padrão para envio de e-mails:

$this->EmailService->delivery = 'aws_ses'; // ou 'aws_ses_raw' se você desejar enviar um e-mail complexo ou com anexos...

Depois disso é só seguir o procedimento padrão de envio de e-mails do Cake, só lembrando de sempre usar EmailService ao invés de Email.

Se tiverem dúvidas deixem no espaço de comentários deste post.

Twitavatar

Lucas Ferreira — Sun, 17 Oct 2010 09:36:11 PDT

Após um pequeno hiato de 2 anos estou de volta no Blog

Nos últimos meses venho estudando Python focado no Google App Engine. Para quem não conhece o Google App Engine ou GAE é um serviço de desenvolvimento e hospedagem baseado em Python ou Java cedido pelo Google para uso dos desenvolvedores em geral. Ou como eles mesmos definem:

“O Google App Engine oferece um conjunto completo de desenvolvimento que utiliza tecnologias familiares para criar e hospedar aplicativos da web.“

Estou achando as possibilidades de desenvolvimento em Python muito interessante, em especial com a facilidade de desenvolver algo para o GAE e em como hospedar lá.

Meu primeiro “projetinho” público hosteado e desenvolvido para o GAE sobre Python é o Twitter Avatar Image Cache ou Twitavatar. É um serviço bem simples com apenas uma finalidade (inicialmente) que é acessar de forma fácil a imagem de avatar de um usuário do twitter.

A forma de se utilizar é a mais direta possível, confira:

http://twitavatar.appspot.com/COLOQUE_O_USUARIO_DO_TWITTER_AQUI.png

Normalmente um avatar do twitter têm uma URL complexa baseada nos servidores de armazenagem de arquivo deles. Resumindo seria pegar uma URL de avatar assim:

http://a1.twimg.com/profile_images/1124040897/at-twitter_reasonably_small.png

E deixa-la assim:

http://twitavatar.appspot.com/twitter.png

E você ainda têm a vantagem que se o usuário mudar sua imagem de exibição o seu link estará automaticamente atualizado já que ele se baseia no usuário do twitter e não no nome do arquivo de imagem.

Simples não?

Espero que este não seja o meu único projeto no GAE, já estou com outras idéias legais e depois contarei as novidades por aqui.

Abs!

Lightbox + Flash: A missão II

Lucas Ferreira — Mon, 01 Dec 2008 19:27:37 PST

Olá,

Devido a grande quantidade comentários em um post sobre este mesmo assunto, resolvi dar uma revisada na técnica.

Fato que eu prefiro e utilizo em meus projetos o Shadowbox por ser muito mais completo, extensível, adaptável e ainda por cima funciona com jQuery. Se alguém quiser saber como operar Flash + Shadowbox confira aqui.

Porém neste post iremos trabalhar novamente com Lightbox, dado a quantidade de dúvidas e também por ser mais popular.

Abordarei inicialmente e como sempre com ActionScript 2.0 porém farei também em outro post como utilizar a solução em AS 3.0.

A idéia é a mesma, baixa-se o script do Lightbox, descompacte-o na pasta de seu projeto e depois é só ligar o flash ao mesmo.

O objetivo final é termos uma ação semelhante a este exemplo que disponibilizarei no final do artigo. Não abordarei, assim como no outro post, como instalar o Lightbox em sua página HTML, dado que isto está na página do script.

Mãos a obra

Um dos problemas mais relatados em comentários no artigo/post anterior é a questão de que as últimas versões do Lightbox estarem com uma ação embutida na sua execução que esconde os SWFs da página, o que para muitos esteticamente não é interessante.

É aí que entra o foco principal desta nova postagem. Eu fiz um hack em JavaScript para o Lightbox afim de evitar essa ação de esconder os SWFs o máximo possível e também facilitar a chamada de ação junto ao flash. Este script pode ser baixado aqui e deverá ser carregado junto com o seu HTML. Desde que o SWF tenha fundo(wmode) transparent ou opaque, e com excessão de versões mais antigas do FlashPlayer em ambiente linux, no restante dos sistemas operacionais e navegadores não terá problema algum com SWFs.

Além deste pequeno hack, criei uma função para auxiliar a chamada do Lightbox pelo Flash, confiram:

PLAIN TEXT

ACTIONSCRIPT:

//lightBox function for call JavaScript...
function Lightbox(src, title)
{
if(typeof src == "string") src = [src];
if(typeof title == "string") title = [title];
if(typeof title == "undefined") title = [];
function addSlashes(str) { return "'" + escape(str) + "'"; }
if(flash.external.ExternalInterface && flash.external.ExternalInterface.available)
{
flash.external.ExternalInterface.call("Lightbox.start", src, title);
}
else
{
for(var i=0; ilength; i++) src[i] = addSlashes(src[i]);
for(var i=0; ilength; i++) title[i] = addSlashes(title[i]);
getURL("javascript:Lightbox.start([" + src.join(",") + "],[" + title.join(",") + "]);void(0);");
}
}

Com essa função podemos chamar a execução com maior facilidade, também implementei a possibilidade abrir um grupo de fotos por vez, aproveitando dos recursos de galeria do Lightbox. Coloquei a possibilidade de colocar uma legenda/title por foto. Ficou bem mais completo que a nossa primeira tentativa.

Copie a função acima e coloque dentro de seu arquivo .fla e depois basta colocar uma chamada para função Lightbox em seu objeto para que a mágica aconteça. Exemplo:

PLAIN TEXT

ACTIONSCRIPT:

bt1.onRelease = function()
{
Lightbox(['images/image-1.jpg', 'images/thumb-1.jpg'], ['Legend Test', 'çóh?']);
};

No código acima, estamos setando uma ação de clique/release a um botão chamado bt1. Ao clicar, será aberto um grupo de imagens(array de valores no primeiro argumento), com suas respectivas legendas(array de valores do segundo argumento).

Finalizando

Então é isso pessoal, creio que agora ficou redondinho. Se alguém achar algum bug ou quiser testar melhor no Internet Explorer(só dei uma testada assim por cima :P) fiquem a vontade.

Para baixar um exemplo completo de utilização junto com todos os scripts clique aqui.

Abraços!

jQuery - Belas introduções

Lucas Ferreira — Thu, 14 Aug 2008 14:21:36 PDT

Bom,

Quero ver se tiro um tempinho para falar sobre a super biblioteca de funções JavaScript chamada jQuery, que muda/facilita a vida de qualquer desenvolvedor web, chega até a ser um caso de depedencia

Pois bem, vo indicar aos leitores dois belos tutoriais para iniciantes, overview geral mesmo:

Usando jQuery na prática do Nando Vieira

e este Guia completo sobre jQuery para iniciantes que vi no site Pinceladas da Web

Abracetas..

Boleto BESC - Projeto BoletoPHP

Lucas Ferreira — Sun, 01 Jun 2008 12:03:04 PDT

Olá =D

Vou abrir este pequeno parênteses aqui para avisar sobre a minha contribuição no Projeto BoletoPHP.

Ajudei o projeto desenvolvendo o boleto do banco BESC, confiram lá.

E veeeva o open source!

Abracetas...

Correios, SEDEX e o tão famigerado Cálculo de Frete

Lucas Ferreira — Mon, 11 Feb 2008 13:01:21 PST

Opa?

Nesta vida de desenvolvedor web alguns desafio tendem a surgir em nosso caminho, um deles sem dúvida será este que abordarei aqui, de forma rápida de direta, o Cálculo de Frete dos Correios. Com base em cep de origem, cep de destino e o peso da encomenda, obteremos o valor do SEDEX. Recurso muito utilizado em lojas virtuais e sistemas com delivery na web =)

Algo que muitas pessoas não sabem, é que os Correios disponibilizam um serviço de consulta web, com resposta em XML(as possibilidades iniciam aí :P), de forma simples, acessado via URL, sem webservices, ai vai um exemplo deste acesso:

http://www.correios.com.br/encomendas/precos/calculo.cfm?resposta=xml&servico=40010& cepOrigem=17012-350&cepDestino=01102-000&peso=0.31

Percebam que ao acessarmos o endereço acima, obtemos um XML simples, com todos os dados necessários para a consulta. Tudo que devemos fazer é completar a URL acima com nossos dados, da seguinte forma:

servico=40010 é sedex, outros serviços tem que procurar no site dos correios
cepOrigem=17012-350 -> CEP de Origem (do teu cliente no caso)
cepDestino=88818-400 -> de quem vai receber
peso=0.62 -> peso da encomenda

Uma vez com nossa requisição devidamente configurada, basta tratarmos o XML da forma mais interessante para seu projeto. Javascript, Flash, PHP, Java, Ruby on Rails e por aí vai =P

Neste caso, criaremos uma função de exemplo em PHP para tratarmos esta resposta, e obtermos os dados de forma fácil e direta. Aí vai ela "mastigadinha":

PLAIN TEXT

PHP:

function getSEDEX($cepOrigem = "88818-520", $cepDestino = "88818-400", $peso = 0.5)
{
$urlCorreios = "http://www.correios.com.br/encomendas/precos/calculo.cfm?resposta=xml&servico=40010&cepOrigem=%s&cepDestino=%s&peso=%s";
$urlCorreios = sprintf($urlCorreios, $cepOrigem, $cepDestino, $peso);
//carregando url dos correios...
//caso o seu servidor não permita o uso da função file para url's externas
//recomenda-se a utilização de CURL - http://www.php.net/manual/en/ref.curl.php
$carrega = file($urlCorreios) or die("Problemas em obter os dados dos correios");
//tratando string xml obtida. Removendo espaços e linhas para facilitar...
$conteudo = trim(str_replace(array("\n", chr(13)), "", implode($carrega, "")));
if(strlen($conteudo) <1) return false;
//informações de origem tratadas com RegExp...
preg_match_all("/(.+)<\/uf_origem>/", $conteudo, $uf_origem);
preg_match_all("/(.+)<\/local_origem>/", $conteudo, $local_origem);
preg_match_all("/(.+)<\/cep_origem>/", $conteudo, $cep_origem);
//informações de destino tratadas com RegExp...
preg_match_all("/(.+)<\/uf_destino>/", $conteudo, $uf_destino);
preg_match_all("/(.+)<\/local_destino>/", $conteudo, $local_destino);
preg_match_all("/(.+)<\/cep_destino>/", $conteudo, $cep_destino);
//informações sobre a encomenda tratadas com RegExp...
preg_match_all("/(.+)<\/peso>/", $conteudo, $peso);
preg_match_all("/(.+)<\/preco_postal>/", $conteudo, $preco_postal);
//objeto contendo as informações sobre o frete...
$sedex = array(
"uf_origem" => $uf_origem[1][0],
"local_origem" => $local_origem[1][0],
"cep_origem" => $cep_origem[1][0],
"uf_destino" => $uf_destino[1][0],
"local_destino" => $local_destino[1][0],
"cep_destino" => $cep_destino[1][0],
"peso" => floatval($peso[1][0]),
"valor" => floatval($preco_postal[1][0])
);
return $sedex;
}
//informações processadas. Cep de Origem, Cep destino, Peso...
$sedex = getSEDEX("88818-520", "88818-400", 0.750);
//enfim exibimos o valor de nossa encomenda...
echo "R$ " . number_format($sedex["valor"], 2, ",", ","); //valor do sedex, já formatado em reais...
?>

Uma vez com a função getSEDEX executada, obtemos todos os dados tratado no retorno da mesma.

Fácil não?

Abracetas...

Twitter de c* é rola!

Lucas Ferreira — Mon, 27 Aug 2007 17:59:02 PDT

Opa,

Blog morto é pros fracos

Também criei um, mais ainda não descobrir muito bem pra que que server, mais o lance no talk é massa =D

http://twitter.com/lucasferreira

Lightbox + Flash

Lucas Ferreira — Thu, 29 Mar 2007 14:54:46 PDT

UPDATE: Atenção povo, fiz um novo artigo sobre este mesmo assunto, desta vez melhorado, cliquem aqui para acompanhar.

Opa?

Acho que a maioria dos desenvolvedores web já conhecem o Lightbox. É um efeitinho super supimpa (tirando o peso) de ampliar imagens, baseado em Javascript e CSS.

Pois bem, devido ao fato de ser JS e CSS, muita gente fica na mão se deseja utilizar o recurso no Flash, contando que estejam sem tempo ou sem conhecimento, para desenvolver tal efeito 100% Flash. Aí que entra a integração que apresentarei aqui

Lightbox + Flash

Para utilizar o LightBox acionado a partir do flash, primeiro você deve fazer o de praxe como apresentado neste link(carregar os arquivos .js e .css, as imagens e etc), deixar tudo certinho como se fosse usar o LightBox normalmente, isso tudo você acerta no HTML que receberá o SWF(Flash) com a ação em questão.

Depois coloque a seguinte função JavaScript(entre as tags SCRIPT) no mesmo HTML:

PLAIN TEXT

JavaScript:

function showFoto(src)
{
//criando um link falso, para o LightBox captar as informações
var a_false = document.createElement("A");
a_false.rel = "lightbox";
a_false.href = src;
//chamando a função do lightbox responsável pelo início das ações
myLightbox.start(a_false);
//anulando o link
a_false = null;
}

E no Flash, em nosso botão, chamamos na ação onRelease, o seguinte AS:

PLAIN TEXT

ACTIONSCRIPT:

getURL("javascript:showFoto('MINHAFOTOAQUI.jpg');", "_self");

Agora, é só publicar, botar o SWF no html preparado e só alegria =D

Obs.: Para o efeito ficar completo, é necessário o SWF estar com fundo transparent(wmode=transparent) ou opaco(wmode=opaque), para que o lightbox não fique por trás do SWF.

[update]

Na ultima versão do LightBox, colocaram uma função para esconder os SWFs da página na hora do efeito, logo quem notar que seu SWF sumiu do fundo ao aciona-lo, já sabe o porque :S

Neste link http://www.huddletogether.com/projects/lightbox2/#download tem o changelog da versão, com as mudanças que teve.

Abracetas...

Flash Tag Object - Update

Lucas Ferreira — Fri, 09 Mar 2007 14:35:23 PST

Dae meu povo =D

Firme?

Venho por meio deste, comunicar que fiz uma atualização na flashtag, reforcei ainda mais a correção daquele bug do IE 7 no método automatic, melhorei algumas coisinhas no code, e por fim adicionei um método interessante getObject, responsável por pegar o objeto DOM do SWF, direto na instancia do FlashTag. Vejam um exemplo aqui.

Para baixar a ultima versão da flashtag clique aqui.

Abraços!

Feeds no FeedBurner

Lucas Ferreira — Wed, 15 Nov 2006 16:42:04 PST

Opa!

Aí galerinha do mal que acompanha meu blog, negócio é o seguinte, me rendi ao feedburner também:

http://feeds.feedburner.com/lucasferreira

Pois então, favor atualizar o endereço do rss de vcs

Abraços!