Leonardo França » Java

10 motivos para não ficar de fora do Flash Camp Brasil 2011

Leonardo França — Sun, 13 Mar 2011 02:34:41 +0000

Flash Camp Brasil 2011

1. Fique por dentro das últimas novidades e anúncios sobre tecnologia e design no mundo, e de quebra ainda concorra a vários brindes como programas Adobe e MUITAS outras surpresas.
2. Lidere o ramo de tecnologia em sua região e seja referência na sua equipe de TI, participando dos workshops oficiais pré-conferência com alguns dos melhores instrutores do Brasil (Flex para Java Developers, Digital Publishing Suite, Flash Catalyst ou AS 3.0 on Fire).
3. Apresentações inéditas de empresas de tecnologia e líderes de agências digitais premiadas no cenário mundial como Zynga (criadora do FarmVille), RIM (BlackBerry), Adobe, Gringo e Seagulls Fly, por preços muito acessíveis.
4. Sol, mar e tecnologia. Desfrute de Maceió, na região Nordeste, um dos destinos turísticos brasileiros mais procurados, com belíssimas praias e uma natureza deslumbrante.
5. Hoje em dia empresas internacionais estão muito interessadas em conhecer os desenvolvedores e designers brasileiros. Conheça algumas dessas empresas pessoalmente.

Confira o restante dos motivos:
http://events.actioncreations.com/flashcampbrasil/10motivos/

Visite o site e obtenha mais detalhes:
www.flashcampbrasil.com.br

Lazy Loading com Adobe Flex e BlazeDS

Leonardo França — Tue, 31 Aug 2010 11:01:55 +0000

BlazeDS é uma implementação feita em Java para se trabalhar com o protocolo AMF(Action Message Format) e facilitar a comunicação entre o swf e seu server-side em Java.
Quando você começa a utilizar um recurso diferentemente da maioria das pessoas, pode achar algums problemas dificeis de resolver. Com Java e Flex o velho problema é o Lazy Loading, que ja foi assunto de varias discurssões entre eu e o Wenderson. Eu deixei esse assunto de lado para focar em outras coisas. No entanto o Wenderson conseguiu achar uma solução, veja o artigo completo com a solução.
Adobe Flex, BlazeDS, Gilead, LazyLoading Resolvido(LazyLoading Solved)

Opções para desenvolvimento mobile

Leonardo França — Thu, 19 Aug 2010 20:50:03 +0000

O mercado movel é um dos que mais crescem ultimamente, e com isso a demanda por aplicativos para esse nicho cresce também trazendo uma opção a mais para quem é desenvolvedor e novas oportunidades de negócios. Você desenvolvedor que gosta de se manter atualizado, sabe exatamente do que estou falando. Nesse artigo reuno alguns links que quem deseja começar com desenvolvimento mobile em pelo menos três plataforma diferentes no qual tive demandas ultimamente.

O mercado movel é um dos que mais crescem ultimamente, e com isso a demanda por aplicativos para esse nicho cresce também trazendo uma opção a mais para quem é desenvolvedor e novas oportunidades de negócio.

Dentre as plataformas disponiveis para desenvolvimento mobile, podemos destacar:

Java com JME
Nokia Qt, alem de poder usar WRT(Web RunTime)
Flash Lite
Android com o SDK do Google alem do Adobe AIR e Flash Player 10.1
IPhone

Comentaremos um pouco de cada uma:

Java com JME
O JME(Java Micro Edition) é a versão que a sun oferece para você programar em Java para dispositivos móveis. Oferece uma gama enorme de API’s que foram feitas especificamente. Possui uma documentação bem completa e com varios exemplos. Deixo um link de como montar seu ambiente para desenvolvimento JME.

Nokia Qt
A Nokia disponibiliza o Qt, Cross-plaftorm application and UI framework, tendo bibliotecas especificas para dispositivos móveis(como QTMobility). Você programa em C++ e há uma linguagem de interface parecida com MXML. Possui sua propria IDE e tem emuladores para Symbian S60, 40 e Symbian^3 além do Maemo e Meego.

Adobe Flash Lite
O Adobe Flash Lite ainda tem espaço no mercado, sendo uma versão diferente do Flash Player com alguns recursos especificos para dispositivos móveis. O ambiente de desenvolvimento é o proprio Adobe Flash Professional e o Adobe Device Central.

Google Android
O Google oferece para a plataforma Android um conjunto de SDK’s e emuladores para as diferentes versões do seus sistema operacional que a cada dia que passa, se torna mais popular. Possui um plugin para você programar no Eclipse, o Android Development Tools(ADT). A linguagem usada é o Java. A partir do Android 2.2(Froyo) você tem a opção de criar aplicações em Adobe AIR, o runtime do AIR é instalado no dispositivo e você cria a aplicação usando o Adobe Flash Professional(que possue uma extensão para criar os arquivos .apk) ou Adobe Flash Builder.

Apple IPhone
Quem deseja programar para IPhone, IPad e afins, A Apple oferece um SDK. Você usa a linguagem Objective-C, derivada do C, e algumas bibliotecas interessantes desenvolvidas para se trabalhar com muiltitouch como o Cocoa. Encotrei uma lista de frameworks.

Bom, opções temos, cabe a nós somente analizar a que melhor pode atender noss cliente. Ficarei devendo algo sobre o Windows Phone 7 pois me parece bem promissor e merece uma atenção também.

Submarino.com.br

Radicalismo?

Leonardo França — Thu, 25 Feb 2010 14:00:33 +0000

Esse post foi originalmente escrito há alguns anos, estava somente como rascunho e estranhamente permanece atual.

As vezes vejo na internet um certo movimento “anti-Flash”, algo realmente estranho, parece religião ou torcida organizada. Há uma cultura de dizer que o Flash é um programa “de fazer uma bolinha andar” ou entao que “Flash tem acessibilidade zero”, isso esta muito longe de ser verdade. é possivel fazer aplicações extremamente complexas com o Flash. E no momento há uma especie de “disputa” entre ~~AJAX X FLASH~~ ~~Flash x Silverlight~~ Flash x HTML5. De tempos em tempos surge um novo “Flash-killer”, a meu ver são tecnologias distintas e servem para integrar uma a outra. Vejo o mesmo tipo de radicalismo em relação ao PHP X Cold Fusion, ASP X PHP, PHP X PHYTON, Open Source X Codigo Proprietario etc.
Eu mesmo já fui muito radical, defendendo o PHP com unhas e dentes, falava mal de qualquer outra linguagem que não fosse PHP sem nem ao menos conhece-la, mas percebi que quem continua pensando assim, limita seu mundo a grandes possibilidades, hoje em dia não importa a ferramenta que você usa mas sim o como você usa a ferramenta, quem já ouviu “O mau empregado culpa a sua ferramenta de trabalho”?.
Sempre trabalhei com Flash e PHP, quando entrei no Bancoob, me vi obrigado a aprender Java, foi um desafio e tanto que consegui superar. Pouco tempo depois entrei no projeto de migração, onde teria que programar em C# e Visual Basic, muitos amigos meus simplesmente não aceitariam entrar no projeto. Ouvi coisas do tipo: “olha meu curriculo e veja se tem VB nele” e chamado de frouxo, mas o resultado final foi uma grande experiência para mim, tive oportunidade de crescer muito.
Já entrei em muitas discussões filosóficas, e hoje não tenho mais paciência para isso, quando vejo que a conversa esta tendendo para o radicalismo ou religião, perco totalmente a vontade de discutir.
Trabalho com Flash desde a versão 5, acompanhei de perto a evolução da ferramenta, sendo que a muito tempo deixou de ser apenas um “plugin”, se tornando uma plataforma de desenvolvimento para os mais diversos dispositivos. E claro com isso, dispertou a concorrência, o que é ótimo. Afinal é preciso evoluir sempre.

Desenvolvedores que não trabalham com Flash, subestimam o poder que ele tem.

Não sou o único que pensa que essa história de que “um vai substituir o outro” não faz o menor sentido, a propria Adobe prega que as duas funcionam perfeitamente juntas, tanto que o Adobe Dreamweaver CS5 já tem suporte ao HTML5.
O lançamento do IPad foi o estopim para os ditos “anti-Flash”. Estava montado o cenário perfeito para um discussão saudavel, onde poderiamos apontar os pontos forte e fracos de determinada tecnologia e de como pode ser melhorada. Mas o que vimos é justamente o contrário, já vi vários artigos e comentários de pessoas simplesmente dizendo “eu odeio Flash”, sites com manchetes sensacionalistas(o que fizeram com o post do Lee foi revoltante!!!), cada semana um boato diferente em que as pessoas acreditam sem verificar as fontes e a mesma conversa de 5 anos atras.

Enquanto isso, o cliente ta pouco se importando se você usa aquela ou essa ferramenta, o que importa para ele é que você faça o serviço.

O mau empregado culpa a sua ferramenta de trabalho.

Integrando Flex com Java usando BlazeDS – primeiros passos

Leonardo França — Wed, 22 Apr 2009 02:12:56 +0000

O Adobe Flex tem se tornado tendência quando o assunto é camada de visão entre os desenvolvedores, analistas, gerentes e principalmente os usuários, podendo se integrar praticamente com qualquer linguagem de programação. Na camada de negocios temos uma disputa boa entre Java e .NET(ok ok Java leva vantagem).
Para que o Flex consiga se integrar perfeitamente com Java, é necessário ter um gateway (dispositivo que atua em qualquer camada do modelo ISO/OSI para vencer "diferenças" entres redes, manipulando e convertendo dados) que possa converter os tipos de dados nativos do Flex para os tipos de dados nativos do Java e vice-versa utlizando o protocolo AMF.
No seguinte link temos os tipos de dados do Flex e seu correspondente em Java:
http://livedocs.adobe.com/flex/3/html/help.html?content=data_access_4.html
O AMF(Action Message Format) é um protocolo de especificação aberta, compacta e trafega em formato binário, sendo que na versão 3 do ActionScript, será usado o AMF3 com suporte aos tipos de dados especificos do AS3.
Hoje temos varias implementações que suportam o AMF3, utlizaremos o BlazeDS como gateway para comunicação em o ActionScript 3 e o Java.
O banco de dados de nome "contatos" usado sera o MySQL tendo a seguinte estrutura:

PLAIN TEXT

SQL:

CREATE TABLE `tabela` (                 
          `id` int(11) NOT NULL,                
          `nome` varchar(30) DEFAULT NULL,      
          `email` varchar(100) DEFAULT NULL,    
          PRIMARY KEY  (`id`)                   
        ) ENGINE=InnoDB DEFAULT CHARSET=latin1

Como servidor de aplicação utlizaremos o JBoss Application Server e utilizaremos o Eclipse e o Flex Builder respectivamente para codificação( nada empede de se usar o Eclipse para codificar em Flex e Java numa mesma IDE)
O BlazeDS vem por padrão com o Tomcat, ~~mas ele é somente um container de sevlet~~. Com o JBoss poderemos usar mais tarde ejb3, JPA, Hibernate etc.
Baixe a ultima versão do BlazeDS neste link
Tendo tudo pronto e devidamente configurado, vamos a codificação:

Crie um novo projeto do tipo "Dynamic Web Project" e nomeie como "Contatos".
Selecione o "Target Runtime" como JBoss e em "Configurations" deixe "Default Configuration for JBoss v4.2.
Em "Projects Facets" não precisa mudar nada, basta clicar em next.
Em "Web Module" também não precisa mudar nada, clique em Finish.

Pronto, feito isso já podemos começar nossa codificação, mas antes vamos inserir no projeto as bibliotecas do BlazeDS, se você baixou o bin do BlazeDS, basta descompactar o "blazeds.war" com algum winrar da vida, e copiemos o diretorio "WEB-INF\lib" para dentro de nosso projeto em "WebContent\WEB-INF\lib", logo em seguida, façamos a mesma coisa com o diretorio "WEB-INF\flex" e com o arquivo "WEB-INF\web.xml".
Configure o JBoss para ser iniciado pelo eclipse e adicione o projeto "Contatos" para ser publicado automaticamente no JBoss e inicie o JBoss(caso não tenha configurado ainda, siga os passos desse link).
Agora vamos testar se nosso BlazeDS está devidamente configurado, basta abrir o navegador e entrar com o seguinte endereço:

http://localhost:8080/Contatos/messagebroker/amf

Se aparecer uma página em branco, significa que o BlazeDS esta pronto para ser usado

Comecemos pelo nosso VO, crie um package chamado "br.com.leonardofranca.vo" e crie uma classe chamada "ContatosVO", seu codigo é o seguinte:

PLAIN TEXT

JAVA:

package br.com.leonardofranca.vo;
 
public class ContatosVO 
{
    private int id;
    private String nome;
    private String email;
    
    public int getId() 
    {
        return id;
    }
    
    public void setId(int id) 
    {
        this.id = id;
    }
    
    public String getNome() 
    {
        return nome;
    }
    
    public void setNome(String nome) 
    {
        this.nome = nome;
    }
    
    public String getEmail() 
    {
        return email;
    }
    
    public void setEmail(String email) 
    {
        this.email = email;
    }
}

Até aqui, nenhum misterio, temos um simples objeto tipado para ser usando no Java. Vamos a nossa classe Main que fara todo o trabalho.

PLAIN TEXT

JAVA:

package br.com.leonardofranca;
 
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Statement;
import java.util.ArrayList;
import java.util.List;
 
import br.com.leonardofranca.vo.ContatosVO;
 
public class Contatos 
{
    Connection conn; 
    Statement stm;
    ResultSet rs;
 
    public Contatos()
    {
        try
        {
            Class.forName("com.mysql.jdbc.Driver");
            conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/meubanco","root","minhasenha");
            stm = conn.createStatement();
        }
        catch (Exception e) 
        {
            e.printStackTrace();
        }
    }
 
    public List<ContatosVO> getData()
    {
        List<ContatosVO> list = new ArrayList<ContatosVO>();
        try 
        {
            rs = stm.executeQuery("SELECT id, nome, email FROM tabela");
            while (rs.next()) 
            {
                ContatosVO contatosVO = new ContatosVO();
                contatosVO.setId(rs.getInt("id"));
                contatosVO.setNome(rs.getString("nome"));
                contatosVO.setEmail(rs.getString("email"));
                list.add(contatosVO);
            }
        } 
        catch (SQLException e) 
        {
            e.printStackTrace();
        }
        return list;
    }
    
    public Boolean insertData(ContatosVO contatosVO)
    {
        try 
        {
            String sql = "INSERT INTO tabela (nome, email) VALUES('"+contatosVO.getNome()+"','"+contatosVO.getEmail()+"')";
            if(stm.execute(sql))
            {
                return true;
            }
        } 
        catch (SQLException e) 
        {
            e.printStackTrace();
        }
        return false;
    }
    
    public Boolean deleteData(ContatosVO contatosVO)
    {
        try 
        {
            stm = conn.createStatement();
            String sql = "DELETE FROM tabela WHERE id = '"+contatosVO.getId()+"'";
            if(stm.execute(sql))
            {
                return true;
            }
        } 
        catch (SQLException e) 
        {
            e.printStackTrace();
        }
        return false;
    }
    
    public Boolean updateData(ContatosVO contatosVO)
    {
        try 
        {
            stm = conn.createStatement();
            String sql = "UPDATE tabela SET nome = '"+contatosVO.getNome()+"', email = '"+contatosVO.getEmail()+"' WHERE id = '"+contatosVO.getId()+"'";
            if(stm.execute(sql))
            {
                return true;
            }
        } 
        catch (SQLException e) 
        {
            e.printStackTrace();
        }
        return false;
    }
}

No construtor instancio a classe do banco de dados, o método seguinte é para listar os dados do banco, retornando uma List do Java que alimentara minha DataGrid no Flex, o restante dos métodos(para inserir, atualizar e deletar) deixei apenas para me retornar um Boolean.

Agora vamos a parte em Flex.
Começamos pelo VO da parte do Flex, note que não é necessário colocar os métodos get's e set's, no entanto, é necessário colocar o "RemoteClass":

PLAIN TEXT

ACTIONSCRIPT3:

package br.com.leonardofranca.vo
{
    [Bindable]
    [RemoteClass(alias="br.com.leonardofranca.vo.ContatosVO")]
    public class ContatosVO
    {
        public var id:uint;
        public var nome:String;
        public var email:String;
        
        public function ContatosVO()
        {
        }
 
    }
}

Vamos implementar agora a nossa camada de apresentação, precisaremos de um formulario com dois campos de nome e email, e uma datagrid para listar os emails do banco de dados, necessitamos ainda de três botões, um para cadastro, uma para atualizar e outro para excluir os registros do banco de dados. O Esqueleto da aplicação ficaria da seguinte forma:

PLAIN TEXT

MXML:

"1.0" encoding="utf-8"?>
"http://www.adobe.com/2006/mxml" layout="absolute">
"0" y="0" width="100%" height="100%">
        "338" height="389" layout="absolute">
            "0" y="0" width="100%" height="100%">
                "Nome:">
                    "input_nome"/>
                >
                "Email:">
                    "input_email"/>
                >
                >
                    "btnCadastrar" label="Cadastrar" />
                >
                >
                    "Excluir"/>
                >
                >
                    "Atualizar" />
                >
            >
        >
        "390" id="dg">
            >
                "id" dataField="id"/>
                "Nome" dataField="nome"/>
                "Email" dataField="email"/>
            >
        >
    >
>

Geralmente agora precisariamos configurar o arquivo services-config.xml para que o swf saiba onde buscar o serviço. Mas farei diferente, vou configurar direto no endpoint do RemoteObject:

PLAIN TEXT

MXML:

"ro" destination="blazeds" source="br.com.leonardofranca.Contatos"  endpoint="http://localhost:8080/Contatos/messagebroker/amf">
        "getData" result="onResult(event);" fault="onFault(event);"/>
        "insertData" result="onResultData(event);" fault="onFault(event);"/>
        "deleteData" result="onResultData(event);" fault="onFault(event);"/>
        "updateData" result="onResultData(event);" fault="onFault(event);"/>
>

E na tag method, deixo configurado para chamar os métodos da minha classe Java. Agora basta escrever as funções que receberão os retornos de sucesso ou falha, note que deixei o mesmo método em caso de falha.

PLAIN TEXT

ACTIONSCRIPT3:

import mx.controls.Alert;
            import mx.events.ListEvent;
            import br.com.leonardofranca.vo.ContatosVO;
            import mx.collections.ArrayCollection;
            import mx.rpc.events.FaultEvent;
            import mx.rpc.events.ResultEvent;
            
            public function init():void
            {
                dg.addEventListener(ListEvent.CHANGE,selectedItems);
            }
            
            public function onResult(re:ResultEvent):void
            {
                var data:Object = re.message.body;
                dg.dataProvider = data;
            }
            
            public function onFault(fault:FaultEvent):void
            {
                trace("Code: "+fault.fault.faultCode);
                trace("Detail: "+fault.fault.faultDetail);
                trace("String: "+fault.fault.faultString);
            }
            
            public function insertData():void
            {
                var contatosVO:ContatosVO = new ContatosVO();
                contatosVO.nome = input_nome.text;
                contatosVO.email = input_email.text;
                ro.insertData(contatosVO);
            }
            
            public function onResultData(re:ResultEvent):void
            {
                ro.getData();
            }
            
            public function deleteData():void
            {
                if(dg.selectedItem != null)
                {
                    var contatosVO:ContatosVO = new ContatosVO();
                    contatosVO.id = dg.selectedItem.id;
                    ro.deleteData(contatosVO);
                }
                else
                {
                    Alert.show("Selecione um item da tabela!!!");
                }
            }
            
            public function selectedItems(evt:ListEvent):void
            {
                input_nome.text = dg.selectedItem.nome;
                input_email.text = dg.selectedItem.email;
            }
            
            public function updateData():void
            {
                if(dg.selectedItem != null)
                {
                    var contatosVO:ContatosVO = new ContatosVO();
                    contatosVO.id = dg.selectedItem.id;
                    contatosVO.nome = input_nome.text;
                    contatosVO.email = input_email.text;
                    ro.updateData(contatosVO);
                }
                else
                {
                    Alert.show("Selecione um item da tabela!!!");
                }
            }

Segue o código completo:

PLAIN TEXT

MXML:

"1.0" encoding="utf-8"?>
"http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="ro.getData();init();">
    >
        [CDATA[
            import mx.controls.Alert;
            import mx.events.ListEvent;
            import br.com.leonardofranca.vo.ContatosVO;
            import mx.collections.ArrayCollection;
            import mx.rpc.events.FaultEvent;
            import mx.utils.ObjectUtil;
            import mx.rpc.events.ResultEvent;
            
            public function init():void
            {
                dg.addEventListener(ListEvent.CHANGE,selectedItems);
            }
            
            public function onResult(re:ResultEvent):void
            {
                var data:Object = re.message.body;
                dg.dataProvider = data;
            }
            
            public function onFault(fault:FaultEvent):void
            {
                trace("Code: "+fault.fault.faultCode);
                trace("Detail: "+fault.fault.faultDetail);
                trace("String: "+fault.fault.faultString);
            }
            
            public function insertData():void
            {
                var contatosVO:ContatosVO = new ContatosVO();
                contatosVO.nome = input_nome.text;
                contatosVO.email = input_email.text;
                ro.insertData(contatosVO);
            }
            
            public function onResultData(re:ResultEvent):void
            {
                ro.getData();
            }
            
            public function deleteData():void
            {
                if(dg.selectedItem != null)
                {
                    var contatosVO:ContatosVO = new ContatosVO();
                    contatosVO.id = dg.selectedItem.id;
                    ro.deleteData(contatosVO);
                }
                else
                {
                    Alert.show("Selecione um item da tabela!!!");
                }
            }
            
            public function selectedItems(evt:ListEvent):void
            {
                input_nome.text = dg.selectedItem.nome;
                input_email.text = dg.selectedItem.email;
            }
            
            public function updateData():void
            {
                if(dg.selectedItem != null)
                {
                    var contatosVO:ContatosVO = new ContatosVO();
                    contatosVO.id = dg.selectedItem.id;
                    contatosVO.nome = input_nome.text;
                    contatosVO.email = input_email.text;
                    ro.updateData(contatosVO);
                }
                else
                {
                    Alert.show("Selecione um item da tabela!!!");
                }
            }
        ]]>
    >
    "ro" destination="blazeds" source="br.com.leonardofranca.Contatos"  endpoint="http://localhost:8080/Contatos/messagebroker/amf">
        "getData" result="onResult(event);" fault="onFault(event);"/>
        "insertData" result="onResultData(event);" fault="onFault(event);"/>
        "deleteData" result="onResultData(event);" fault="onFault(event);"/>
        "updateData" result="onResultData(event);" fault="onFault(event);"/>
    >
    "0" y="0" width="100%" height="100%">
        "338" height="389" layout="absolute">
            "0" y="0" width="100%" height="100%">
                "Nome:">
                    "input_nome"/>
                >
                "Email:">
                    "input_email"/>
                >
                >
                    "btnCadastrar" label="Cadastrar" click="insertData();"/>
                >
                >
                    "Excluir" click="deleteData();"/>
                >
                >
                    "Atualizar" click="updateData();"/>
                >
            >
        >
        "390" id="dg">
            >
                "id" dataField="id"/>
                "Nome" dataField="nome"/>
                "Email" dataField="email"/>
            >
        >
    >
>

Se você chegou ate aqui ok! tudo certo e funcionando, mas pode esquecer, logo mostrarei uma maneira melhor e mais eficiente de fazer a integração do Flex com Java

[UPDATE]
Acabei esquecendo de mencionar que é necessario um diretorio do projeto no eclispe, chamado WebContent/WEB-INF/flex que devem constar os arquivos: services-config.xml, remoting-config.xml, proxy-config.xml, messaging-config.xml. No caso do projeto só é necessario mesmo o remoting-config.xml, cujo o conteúdo deve ser como o código abaixo:

PLAIN TEXT

XML:

 version="1.0" encoding="UTF-8"?>
 id="remoting-service" 
    class="flex.messaging.services.RemotingService">
 
    >
         id="java-object" class="flex.messaging.services.remoting.adapters.JavaAdapter" default="true"/>
    >
 
    >
         ref="my-amf"/>
    >
    
     id="blazeds">  
          >  
             >br.com.leonardofranca.Contatos> 
             >session>
           >
     >  
>

Translations:
English Version