Erko Bridee » Adobe

[Vedovelli] Iniciando com o Mate Framework

Erko Bridee — Wed, 10 Mar 2010 12:32:59 +0000

http://mate.asfusion.com/

O Fábio Vedovelli disponibilizou em seu blog um ScreenCast que a muito tempo estava ansioso para ver, como que ele anda utilizando o Mate Framework para Adobe Flex, confira…

http://www.vedovelli.com.br/?p=1368

onde aborda o framework para Adobe Flex – Mate Framework que é uma mão na roda para organizar/desenvolver sistemas com Flex de médio a grande porte pensando em manutenção/expansão futura

A documentação do framework é no estilo que eu gosto e que o Adobe Flex usa exemplo de código e explicação

http://mate.asfusion.com/page/documentation

- Apresentação : Adobe Max 2009 – Mate Framework [PDF]

- Laura Arguello : Apresentação do Mate Framework no Flex Mania 2009 [assistir] [Gravações Flex Mania 2009]

Mate é um framework Flex baseado na linguagem MXML que lhe proporciona uma maneira fácil de mapear como a sua aplicação irá tratar os eventos e distribuir os dados. Isto soluciona alguns problemas corriqueiros que nós desenvolvedores encontramos durante a codificação de aplicações em Flex, tanto de aplicações pequenas a empresariais de grande porte, nos auxilia a tanto recuperar dados de serviços externos, quando a tratar a lógica de negócio. Essa apresentação irá lhe mostrar o que é o Mate e como utilizá-lo.

Veja também:

[Adobe Flex] Definindo o foco na aplicação

Erko Bridee — Wed, 17 Feb 2010 19:40:08 +0000

Para facilitar a vida do usuário, quando a aplicação for carregada no HTML, definir o foco no SWF com isto o usuário pode já começara a utilizar a aplicação sem ter a necessidade de clicar na página…

Conversando com o @mpbonatti [site], ele me comentou que estava com esta dificuldade e como eu também precisava usar este mesmo recurso, resolvi correr atras, inicialmente havia consegui fazer funcionar apenas no Firefox e no Internet Explorer, depois com uma dica do @ericmaicon [site] funcionou nos 3 Web Browsers que realizei o teste, segue…

Como fazer isto?

Utilizar a funcionalidade do ExternalInterface e criar uma function na aplicação Flex, a qual será chamada no evento creationComplete conforme o respectivo exemplo abaixo:

^?View Code ACTIONSCRIPT

private function setFocusHtml():void {
	ExternalInterface.call(
		"s = function() { window.document.getElementById('"+this.id+"').focus(); }"
	); 
}

Segundo os testes realizados no Firefox, Internet Explorer e Google Chrome esta solução funcionou…

e para você também funcionou? Comente…

Veja também:

Será que eu devo aceitar um trabalho em Flex agora?

Erko Bridee — Sun, 07 Feb 2010 13:02:09 +0000

Recomendo d+ a leitura do Post escrito pela Gabriela Trindade Perry, que fala sobre conhecimento “mínimos” de um profissional para encarar projetos em Adobe Flex =]

Início do post da Gabriela:

“Recentemente houve um debate na FB sobre qual seria um valor justo a se pagar a um programador Flex. A pessoa que começou a thread pode até não ter se dado conta, mas mexeu num vespeiro. Muitas pessoas deram suas opiniões (eu também, lógico!) e parece que o saldo do debate ficou assim…”

segue:

http://www.gabriela.trindade.nom.br/2010/02/sera-que-eu-devo-aceitar-um-trabalho-em-flex-agora/

O Vedovelli também fez um post de referência para o post da Gabriela:

http://www.vedovelli.com.br/?p=1258

Veja também:

[Adobe Flex] comparando datas de maneira rápida e fácil

Erko Bridee — Thu, 21 Jan 2010 02:24:41 +0000

Neste post exemplificando de maneira ridiculamente fácil, como efetuar comparação de datas no Adobe Flex (ActionScript3), segue:

^?View Code ACTIONSCRIPT

public function menorIgual( comparar:Date, verificar:Date ):Boolean {
	return ( comparar.getTime() <= verificar.getTime() );
}
 
public function maiorIgual( comparar:Date, verificar:Date ):Boolean {
	return ( comparar.getTime() >= verificar.getTime() );
}
 
public function intervalo( comparar:Date, inicial:Date, final:Date):Boolean {
	return ( comparar.getTime() >= inicial.getTime() ) && 
		comparar.getTime() <= final.getTime() );
}

O segredo é utilizar o método .getTime() da classe Date, que retorna a data em uma representação numérica, então o restante é como se fosse uma simples comparação 1 > 0, 3 < 6 e por ae vai… mesmo se o objeto date contiver data e definição de horas, minutos, segundos, usando esse formato de comparação, resolve de maneira simples a comparação de datas para o seu projeto =]

Veja também:

[Adobe Flex] gerando .war sem os fontes no Adobe Flex Builder

Erko Bridee — Thu, 21 Jan 2010 01:44:14 +0000

Me relembraram pelo twitter um tópico, que eu achei que já havia publicado, como gerar uma versão sem os fontes do projeto Flex pelo Adobe Flex Builder…

Para solucionar isto, você poderá assim como eu utilizar um build.xml (Ant), para descrever e executar a tarefa de gerar um .war correto para o deploy no servidor, com os fontes do Flex (.mxml e .as), como ocorre no export da ferramenta.

Então crie o respectivo XML na raíz do seu projeto:



^?View Code XML
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
 name="AntBuildWar" default="war">
 
	
	 name="war.name" value="nome_projeto"/> 
 
	
		
	 name="dist.dir" value="dist"/> 
		
	 name="web.dir" value="WebContent"/> 
		
	 name="flex-bin.dir" value="bin-release"/> 
 
	 name="clean">
		 dir="${dist.dir}" />
	>
 
	 name="war" depends="clean">
		 dir="${dist.dir}"/>
		 destfile="${dist.dir}/${war.name}.war" webxml="${web.dir}/WEB-INF/web.xml">
			 dir="${flex-bin.dir}"/>
			 dir="${web.dir}"/>
 
			
 
		>
	>
>

Espero que esse esquema lhe seja tão útil quanto é para mim nos meus projeto : Adobe Flex + Java

Veja também:

[Adobe Flex] filtrando um ArrayCollection : Distinct

Erko Bridee — Thu, 21 Jan 2010 01:24:34 +0000

Esses dias tive a necessidade de implementar um algoritmo de filtro no Adobe Flex para filtrar um ArrayCollection para gerar um novo ArrayCollection de saída com elemento não repetidos “Distinct”, caso você precise de algo assim também, segue o código AS3:

^?View Code ACTIONSCRIPT

private function filterDistinctValue(arr:ArrayCollection, field:String):ArrayCollection {
	if( arr == null || field == null || field.length == 0 ) {
		return null;
	}
 
	var arrOut:ArrayCollection = new ArrayCollection();
	var objAux:Object = {};
 
	for(var i:int = 0; i < arr.length; i++) {
		var key:String = arr[i][field]
		if( objAux[key] == null ) {
			objAux[key] = arr[i];
			arrOut.addItem( arr[i] );
		}
	}
	objAux = null;
 
	return arrOut;
}

Obs.: Esta função recebe 2 parâmetros, o ArrayCollection a ser filtrado, e qual o campo a ser considerado, leia-se atributo de um objeto que está alocado no ArrayCollection.

Veja também:

API – Xuggler : edição de vídeo em tempo real

Erko Bridee — Sat, 28 Nov 2009 03:13:52 +0000

Uma API realmente muito interessante para edição em tempo real de vídeos transmitidos via Stream, usando o Red 5, onde você consegue editá-lo durante a publicação do vídeo, algo muito útil caso você queira montar alguma aplicação de transmissão de eventos online, no genero TV online, confira…

Xuggler é uma maneira fácil de descompactar, modificar e recompatar um arquivo de mídia (ou stream) em Java.

Xuggler está disponível sob a licensa GNU Lesser General Public License, veja a licensa para maiores informações.

Para quem é destinada essa API?

Se você é um desenvolvedor Java que precisa manipular vídeos programaticamente, pré-gravados, ou ao vivo mesmo, então o Xuggler foi feito para você.

Por onde começar?

Antes de tudo, você deve instalar o Xuggler no seu sistema operacional para depois usá-lo.

É sugerido para você que efetue o download e faça conforme o indicado nos tutoriais para você se familiarizar com a API.

Xuggler consiste em um conjunto de bibliotecas Java e nativa, as quais vem em 2 diferentes APIs:

MediaTools API – Uma simples API para encode e decode de audio e vídeo.

Xuggler API – Um uso extendido da API (que acessa a MediaTools) para encode e decode de audio e vídeo.

Site: Xuggler

Dica: Stefan Horochovec via Twitter

A seguir vídeos de demonstração da API, confira…

Veja também:

Projeto : Dashboard em Flex

Erko Bridee — Sat, 21 Nov 2009 04:59:09 +0000

Eis que finalmente estou escrevendo para falar um pouco mais do projeto que muitos tem acompanhado pelo twitter meus comentários e que tem aumentado a curiosidade do povo, então segue…

Dados técnicos do projeto:

- Adobe Flex 3, datavisualization e FlexMDI

- Ambiente Eclipse3.4.2 (Ganymed) + Flex Builder Plugin

- Java 1.5

- BlazeDS

- Servidor de deploy: Linux 64 – Apache Tomcat

- Base de dados: Oracle 10g (acesso via JDBC)

Sobre o projeto:

Desenvolvido para GVT, um dashboard para acompanhamento das informações de operação da empresa em tempo real da operação, organizado com janelas do FlexMDI, onde inicialmente possuem 3 janelas principais:

- Dados em tempo real

- Dados históricos : tipo x quantidade (gráfico de barras, pizza e datagrid)

- Dados de volume: tipo x quantidade (gráfico de linhas, indicando o volume pelo tempo[horas,dias,meses])

A aplicação ainda possui uma quarta janela para visualização dos dados brutos que estão diretamente na base de dados.

E para matar a curiosidade, eis algumas ScreenShots(obs.: todas serão em baixa qualidade por motivo óbvio [dados operacionais da empresa que não podem ser divulgados] )

Veja também:

Flash Player 10.1 : entrevistas e demos

Erko Bridee — Thu, 19 Nov 2009 12:26:40 +0000

Adobe Flash Player 10.1 pré-release pública é o primeiro release do runtime referente ao projeto Open Screen Project, para possibilitar o descompromisso dos web browsers com aplicações expressivas (RIAs), conteúdo e vídeo sendo acessados dos mais diversos dispositivos. Fornecendo um suporte para uma grande quantidade de dispositivos móveis, incluindo smartphones, netbooks, dispositivos conectados a internet. O Flash Player 10.1 beta possibilita que o seu conteúdo alcance seus clientes onde quer que eles estejam.

Os vídeos a seguir, apresentam vários aspectos do Flash Player 10.1 beta, em dispositivos móveis, plataformas desktop e algumas características específicas do Flash Player, apresentadas pelo time de desenvolvimento do Flash, sobre os aspectos desse pré-release público disponível no Adobe Labs.

Fonte: Adobe

A seguir os demos

Veja também:

Flex Builder código fonte derivado do Eclipse : disponível

Erko Bridee — Thu, 19 Nov 2009 02:34:24 +0000

O Adobe Flex Builder é um aplicativo derivado do código do Eclipse disponibilizado sob a licença Eclipse Foundation. Ambos os códigos fontes do Eclipse e do Adobe Flex Builder estão sendo disponibilizados para a comunidade sob os termos da licença Eclipse Public License v1.0.

Flex Builder 3.0

Um arquivo ZIP referenciado a seguir que contem o código do Eclipse 3.2.1 assim como o código derivado do Flex Builder 3. O código do Eclipse foi alterado para o Flex Builder, incluindo editores, wizards de dados, ferramenta de geração de código, ícones debugger/lançador e código da aplicação standalone.

Download : código do Flex Builder 3 derivado do Eclipse (159 MB)

Fonte: Adobe

Obs.: No site da fonte, possui as versões em japonês, Windows, Mac e a versão do Flex Builder 2, disponível para download.

Creio eu que disponibilizaram o fonte, já que a ferramenta mudou de Flex Builder para Flash Builder, também acredito que não mudou apenas o nome, mas muita coisa da própria ferramenta deve ter mudado incluindo seus códigos internos…