INTRODUÇÃO

Boa noite Galera!

Hoje gostaria de compartilhar com vocês, uma postagem com as principais características, das mais comentadas tecnologias de desenvolvimento de aplicações RIA(Rich Internet Applications) do mercado, o Microsoft Silverlight e o Adobe Flex.
São ao todo 20 características destacadas, sendo que elas foram aplicadas nas últimas versões das plataformas destacadas.
Gostaria da opinião de vocês, meus amigos leitores e desenvolvedores, até mesmo para que possam avaliar o conteúdo, caso eu tenha descrito algo errado. Lembrando que a intenção desta postagem, não é denegrir nenhuma tecnologia, mas sim, apresentar suas características!

Abaixo, segue a tabela:

Obrigado pessoal!

Abs.

Robson Fernandes

INTRODUÇÃO

Boa noite pessoal!

Faz tempo que não posto conteúdo sobre Adobe Flex… Então, nesta abordagem irei demonstrar o uso da classe FileReference, para manipular arquivos no Adobe Flex.
A partir desta, irei disponibilizar uma classe que efetua a leitura de dados, e os converte para um arquivo no formato do Excel, para depois, gravá-lo na máquina cliente utilizando o FileReference.

CÓDIGO AS3

Observe o código abaixo. Este método recebe um objeto DataGrid como parâmetro, que será utilizado para ler dos dados e depois converte-los no formato *.xls. Depois veja que o objeto file é instanciado a partir da classe FileReference, e logo abaixo é utilizado um método save, que recebe dois parâmetros.

O primeiro parâmetro, é o conteúdo que será salvo dentro do arquivo. Neste caso foi implementado um método chamado DgToHTML que recebe o DataGrid, e converte os dados para o Excel, retornando-os como uma String.

O segundo parâmetro, é fornecido o nome do arquivo “arquivo.xls” juntamente com sua extensão, como uma String.

/**
 *
 * @param dataGrid
 *
 */
public function exportDataGridToExcel(dataGrid:*):void
{
	try
	{
		var file:FileReference = new FileReference();
		file.save(DgToHTML(dataGrid),"arquivo.xls");
	}
	catch(e:Error)
	{
		Alert.show(e.message);
	}
}

Bem simples, não é pessoal!

APLICAÇÃO – RUN

Para acessar os códigos fontes do Aplicativo, click com o botão da direita do mouse sobre o aplicativo, e escolha a opção View source

Abraços pessoal!

Robson Fernandes

INTRODUÇÃO

Boa noite pessoal!

Para começar o ano ótimo, irei falar um pouco sobre requisições entre aplicações Cliente/Servidor, com Adobe Flex e PHP. Criei uma aplicação que efetua operações com banco de dados utilizando estes processos, e todos os fontes estarão disponíveis para download. Na próxima postagem irei utilizar o Silverlight como front-end!!!

ABORDAGEM

No momento, há 3 meios de se comunicar uma aplicação Flex com o servidor, sendo com: RemoteObject, WebService e HTTPService, que será o assunto abordado neste post.

A classe HTTPService é usada para fazer chamadas assíncronas em URLs, e receber dados  através da comunicação com o protocolo HTTP/HTTPS, que podem ser no formato XML, criados dinamicamente com linguagens como PHP, ASP,JSP e etc, ou arquivos XML estáticos.
Os formatos que podem ser utilizados no parse são: array, e4x, flashvars, object, text ou xml.
O Flex por padrão executa a conversão nativa de objetos XML (E4X) para ArrayCollection e XMLListCollection.

O objeto HTTPService, pode ser escrito em código MXML ou em ActionScript. É muito comum ele ser escrito em MXML, como no exemplo abaixo:

Em MXML

<!--
     ****************************************************
     Exemplo de uso da classe HTTPService com código MXML.
    ****************************************************
-->
   <mx:HTTPService   id="clienteService"
                     url="http://www.minhaurl.com/meuxml.xml"
                     result="handlingFunc(event)"
                     fault="handleFault(event)"
   />
<!-- ******************************************************** -->

Em AS3

/**
 *	Exemplo de uso da classe HTTPService com código ActionScript 3.
 *
 **/
var clienteService:HTTPService = new HTTPService();
    clienteService.url = "http://www.minhaurl.com/meuxml.xml";
    clienteService.addEventListener(ResultEvent.RESULT,handlingFunc);
    clienteService.addEventListener(FaultEvent.FAULT,handleFault);

E para enviar a requisição, é utilizado o método send(), nativo da classe HTTPService.

APLICAÇÃO – DESIGN

Design da aplicação que irá efetuar as operações Cliente/Servidor.

APLICAÇÃO – RUN

Abaixo temos a aplicação que irá efetuar as operações com banco de dados, utilizando o PHP. O Flex enviará as requisições à URL, e o PHP irá processá-las, devolvendo respostas no formato XML.

Segue uma URL de exemplo contida no código, ela envia uma requisição por QueryString, para efetuar a operação de “pesquisa por clientes”, e os retorna no formato XML.

http://www.riasoftware.com.br/aplicacoes/php/crud/cliente/service/ClienteService.php?operacao=select

Para acessar os códigos fontes do Aplicativo, click com o botão da direita do mouse sobre o aplicativo, e escolha a opção View source

Download Fontes PHP -> CRUDCliente

Abraços pessoal!

Robson Fernandes

Boa noite pessoal!

Hoje vou falar um pouco sobre Overloading (Sobrecarga) de métodos no AS3.

O que é “SobreCarga de Método”

Segundo o Wikipédia: “ Sobrecarga de método permite a existência de vários métodos de mesmo nome, porém com assinaturas levemente diferentes ou seja variando no número , tipo de argumentos , no valor de retorno e até variáveis diferentes. Ficará a cargo do compilador escolher de acordo com as listas de argumentos os procedimentos ou métodos a serem executados.”

Um exemplo em Java:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

public class Soma {
 
  public int Soma(int x, int y) {
    return x+y;
  }
 
  public String Soma(String x, String y) {
    return x+y;
  }
 
  public double Soma(double x, double y) {
    return x+y;
  }
 
}

Porém, infelizmente o ActionScript não possui essa característica
nativamente na sua versão atual, a 3.0.Entretanto, nós podemos simular esta
funcionalidade trabalhando com Namespaces no AS3.
Observem o exemplo abaixo:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

package
{
 import flash.display.Sprite;
 /**
 * ...
 * @author Robson Fernandes
 */
 public class Main extends Sprite
 {
 
 //É definido uma namespace para cada método
 public namespace metodo1;
 public namespace metodo2;
 
 public function Main():void
 {
 //Invoca método 1
 trace(metodo1::sobreCargaMetodo(1));
 //Invoca método 2
 trace(metodo2::sobreCargaMetodo(1, 2));
 }
 
 //Sobrecarga 1
 metodo1 function sobreCargaMetodo(arg0:Number):String {
 return "Método 1 => args {"+arg0+"}";
 }
 
 //Sobrecarga 2
 metodo2 function sobreCargaMetodo(arg0:Number,arg1:Number):String {
 return "Método 2 => args {"+arg0+","+arg1+"}";
 }
 
 }
 
}

Vejam que os 2 métodos possuem o mesmo nome, porém as assinaturas são diferenciadas.

Caso precise utiliza-los através de um objeto instanciado,
terá que definir métodos para acessar a Namespace utilizada.
Como no exemplo a seguir:

1
2
3
4
5
6
7
8
9
10
11
12

//Retorna Namespace => Metodo1
 public function getNameSpaceMetodo1():Namespace
 {
 return metodo1;
 }
 //Retorna Namespace => Metodo2
 public function getNameSpaceMetodo2():Namespace
 {
 return metodo2;
 }
 
...

1
2
3
4
5
6
7

 var objeto:Main = new Main();
 
 var metodo1:Namespace = objeto.getNameSpaceMetodo1();
 var metodo2:Namespace = objeto.getNameSpaceMetodo2();
 
 trace(objeto.metodo1::sobreCargaMetodo(1));
 trace(objeto.metodo2::sobreCargaMetodo(1, 2));

Obrigado pessoal!.

Abs.
Robson Fernandes.

Tudo jóia galera!!!
Hoje vou falar um pouquinho de captura de imagens a partir de dispositivos de vídeo.Para essa façanha, utilizarei a classe Camera que compõe a API do Adobe Flex.

Noções básicas sobre a classe Camera

A Classe Camera permite que você se conecte à câmera local do usuário e transmita o vídeo localmente (para o usuário) ou remotamente para um servidor (como o Flash Media Server).

Usando a classe Camera, é possível acessar os seguintes tipos de informações sobre a câmera do usuário:

• Quais câmeras instaladas no computador do usuário estão disponíveis para o Flash Player
• Se há uma câmera instalada
• Se o Flash Player tem acesso à câmera do usuário ou não
• Qual câmera está ativa
• A largura e a altura do vídeo que está sendo capturado

Para melhor entendimento do uso da classe, eu criei um aplicativo que se conecta a WebCam da máquina cliente, e captura imagens para um objeto Image do Flex.
Quer se aprofundar mais ? Então, acesse a documentação do Adobe Flex, está excelente!

Aplicativo WebCam Capture.

Para acessar os códigos fontes do Aplicativo, click com o botão da direita do mouse sobre o aplicativo, e escolha a opção View source

Abraços pessoal!
Robson Fernandes