Flex Builder - redeRIA | Agregador de noticias, artigos, tutoriais Flex, Flash, JavaFX, AJAX e Rich internet applications em geral!

Mai 31

Context root II

Escrito por Fabio da Silva em 1, 4, 6, AR, BI, Blazeds, blog, Blogs, bug, builder 4, camp, class, flash, flash builder, Flash Builder 4, Flex, Flex Bug, Flex Builder, Flex Builder 3, for, Google, html, IE, if, mg, O, on, problema, RIA, Ria’s Geral, server, UI, XP @ 05 31st, 2010 | via http://fabiophx.blogspot.com | 1 comentário

Tinha comentado em post anterior sobre um bug que está ocorrendo quando se cria um Flex Project utilizando o BlazeDS no Flex Builder 3.

Pensei que no Flash Builder 4 este problema estaria corrigido, mas infelizmente não. Na verdade agora está meio corrigido, na tela Project > Properties > Flex Server até parece o mesmo valor de context root que foi aplicado inicialmente (o campo aparece bloqueado), mas no arquivo .flexProperties o parâmetro serverContextRoot aparece o que foi colocado em Content folder.

Por enquanto a única forma que achei para contornar este problema foi alterar na mão o arquivo .flexProperties.

Abr 18

Tornando o Flex Builder mais eficiente através do IDE Factory

Escrito por Luis Messias em .NET, 1, 4, 6, action, Action Script, Actionscript, Air, api, AR, as3, auto, back, blog, botão, Cairngorm, class, classe, classes, código, Componente, Componentes, demo, Dica, Dicas, Documentação, Download, Eclipse, encode, err, erro, error, exemplo, explicação, explorer, Flex, Flex Builder, for, function, Google, handle, ide, IDE Factory, IE, if, image, instalação, int, interface, Java, Javascript, lista, menu, mg, MXML, NaN, novidade, Novidades, O, on, Plugin, programação, pt, redeRIA, rest, RIA, Ria’s Geral, RoR, serviço, Serviços, site, Software, UI, update, XML, XP @ 04 18th, 2010 | via http://blog.luismessias.com | Sem comentários

O Flex Builder é meio caminho andado para facilitar a construção de RIA’s, mas existem algumas dicas que podemos utilizar para otimizar o código como por exemplo: classes bem construídas e documentadas entre muitas outras coisas.

Como fazer para limpar e otimizar classes ?

R: IDE Factory e, apesar de não usar metade das suas funções, encontrei uma pérola. Segue uma explicação…

O IDE Factory é um plugin para o Eclipse / Flex Builder, que lhe acrescenta um menu com uma dezena de opções que são um “must have” para todos os “programadores” Flex.

De entre muitas opções existem algumas que me pouparam bastante tempo, das quais destaco uma que ilustra perfeitamente o que de melhor esta IDE Factory pode fazer por nós. Depois de instalada, mudei para a view Enterprise IDE e aí foi ver melhoramentos atrás de melhoramentos, além do Flex Package Explorer, Hierarchy Explorer e do Cairngorm Service Explorer. Introduz um novo conceito de criar serviços, packages ou componentes, clicando no botão new aparece o agradável menu ao lado onde podem ver uma lista do que a IDE têm para oferecer. Além dos conhecidos ActionScript Class e MXML Component aparecem algumas novidades, como Action Script Interface, Model Locator, Service Locator, Responder, etc… Uma lista de coisas que se devem ter sempre à mão.

Clicando no Action Script Class é-nos apresentado o mesmo wizard que pela via normal, mas com algumas opções extra, que estão dentro do menu Code generation.

Além desta novidade o melhor está para vir, clique em “Next” , como podem ver o wizard apresenta-se com 2 seções, a das Propertys e das Functions. Como podem ver, esta tela permite criar variaveis de nossas classes bem como definir o seu tipo, se desejamos getter’s ou setter’s, bem como inserir funções.

Isto resume em muito o nosso trabalho, não agora que perdemos algum tempo mas vão reparar na verdadeira utilidade clicando em “Finish”, aguardem uns segundos e vejam a vossa classe, além das nossas variaveis devidamente colocadas, temos já as funções get e set da variavel input bem como as funções da instancia e a nossa função str64encode devidamente definida, ora temos a nossa classe devidamente estruturada, com comentários e espaços já definidos para a documentação da nossa classe…

Além destas novidades existem muita outras por explorar neste fantástico IDE Factory, como a criação automática de expressões e4x para lidar com um xml, bastando indicar o xml e o wizard faz o resto mostrando a expressão que deve ser usada para acessar a qualquer elemento do nosso xml, bem como o resultado em tempo real. Temos ainda o “Format Project Source Files” que nos altera (cria um back automatico) as nossas classes optimizando o código para os standards AS3 ou o Generate Java Classes from AS Value Objects que num instante cria as nossas classes.

Posso adiantar que esta IDE está cheia de surpresas muito agradáveis e que além de seguirmos os parâmetros de programação ideais nos simplifica muito o trabalho. Experimentem, usem e abusem.

A instalação deste plugin é muito simples:

Help->Software Updates->Find and install -> Search for new features for install -> New Remote Site e coloquem Enterprise IDE e no link: http://www.idefactory.com/update -> ok.

Devem então ter o novo remote site, clicam em finish e depois irá aparecer o Enterprise IDE. Selecionar, fazer o download e prosseguir com a instalação. No final reiniciar o Flex Builder / Eclipse e vejam o novo menu no topo “Enteprise IDE” e uma nova view “Enterprise IDE”.

Mar 30

Context root

Escrito por Fabio da Silva em 1, 4, 6, Adobe, AMF, AR, BI, Blazeds, blog, Blogs, bug, class, err, erro, Flex, Flex Builder, for, Google, IE, if, int, j2ee, Links, mg, NaN, O, on, procura, RIA, Ria’s Geral, server, team, UI, uint, web, XML @ 03 30th, 2010 | via http://fabiophx.blogspot.com | Sem comentários

Quando se cria um Flex Project informando que será utilizado o BlazeDS mantendo a maioria das opções com seus valores default ao testar uma chamada de um RemoteObject pode dar erro de envio.
Isto acontece porque em Project > Properties > Flex Server está com a opção Context root igual o conteúdo da opção Content folder que foi informada no wizard de criação do seu Flex Project.
Esta opção deve ser mudada para ficar igual a mesma opção da aba Web Project Settings.

Lembre-se que o services-config.xml normalmente terá a variável {context.root} que é trocada no momento da compilação pelo conteúdo de Context root da aba Flex Server, ocasionando o erro numa chamada de um RemoteObject pois deveria estar o valor da outra aba.

Procurando no Adobe Bug System encontrei este bug relatado nos seguintes links:
FB-26246 Context Root variable set incorrectly
FB-11617 The context root is not set correctly when creating a J2EE + WTP project

Quem quiser votem, lembre-se que quanto mais votos mais irá chamar a atenção do Flex Team.

Mar 10

Screencast, iniciantes: o que é o MXML

Escrito por Ved em Actionscript3, Dica, Flex, Flex Builder, Ria’s Geral, Screencast @ 03 10th, 2010 | via http://www.vedovelli.com.br | Sem comentários

%content%

Mar 9

Iniciando com o Mate Framework

Escrito por Ved em 1, Actionscript3, Download, Flex, Flex Builder, Flex For Kids, Flex For Kids 2010, for, framework, Gravação, IE, Mate, Mate Flex Framework, mvc, O, Orientação a Objetos, Palestra, Ria’s Geral, screen, Screencast, tv, Ved @ 03 9th, 2010 | via http://www.vedovelli.com.br | Sem comentários

Este é o screencast que enviei como extra à gravação da minha palestra no Flex For Kids 2010.

Download: http://blip.tv/file/get/Vedovelli-IniciaoAoMateFramework393.flv

Mar 8

Screencast, iniciantes: O Flex Builder

Escrito por Ved em Actionscript3, Dica, Flex, Flex Builder, Ria’s Geral, Screencast @ 03 8th, 2010 | via http://www.vedovelli.com.br | Sem comentários

Mar 5

Screencast para iniciante em Flex

Escrito por Ved em Actionscript3, as3, Dica, Flex, Flex Builder, ide, int, Introdução, O, RIA, Ria’s Geral, Screencast @ 03 5th, 2010 | via http://www.vedovelli.com.br | Sem comentários

Este tem até video de introdução! Olha que chique!

Mar 4

Modules

Escrito por Fabio da Silva em 1, 2.0, 2009, 4, 6, action, Actionscript, Adobe, Adobe Flex, Air, api, Aplicativos, app, AR, BI, blog, Blogs, class, classe, classes, components, control, Controls, developer, Download, dynamic, event, EventListener, events, finally, flash, Flex, Flex 2, Flex 3, Flex Builder, for, framework, function, Google, handle, html, ide, IE, if, int, interface, map, mg, MXML, Number, O, on, player, pt, reference, RIA, Ria’s Geral, RTM, runtime, singleton, swf, TAT, Tech, UI, XML @ 03 4th, 2010 | via http://fabiophx.blogspot.com | Sem comentários

Estou estudando sobre módulos (Flex 3 Developer Guide) e fiz um resumo dos tópicos que achei importantes para melhor fixação e abaixo estou disponibilizando este resumo.

About modules

Modules are SWF files that can be loaded and unloaded by an application. They cannot be run independently of an application, but any number of applications can share the modules. The main application, can dynamically load other modules that it requires, when it needs them.

Benefits of modules

Smaller initial download size of the SWF file.
Shorter load time due to smaller SWF file size.
Better encapsulation of related aspects of an application.

A module is a special type of dynamically loadable SWF that contains an IFlexModuleFactory class factory. This allows an application to load code at run time and create class instances without requiring that the class implementations be linked into the main application. Modules are similar to Runtime Shared Libraries (RSLs) in that they separate code from an application into separately loaded SWF files. Modules are much more flexible than RSLs because modules can be loaded and unloaded at run time and compiled without the application.

ModuleManager and ModuleLoader

The ModuleManager manages the set of loaded modules, which are treated as a map of Singletons that are indexed by the module URL. The ModuleLoader class is a thin layer on top of the ModuleManager API that is intended to act similarly to the mx.controls.SWFLoader class for modules that only define a single visual UIComponent. The ModuleLoader class is the easiest class to use when implementing a module-based architecture, but the ModuleManager provides greater control over the modules.

Module domains

By default, a module is loaded into a child domain of the current application domain. You can specify a different application domain by using the applicationDomain property of the ModuleLoader class. Because a module is loaded into a child domain, it owns class definitions that are not in the main application’s domain. For example, the first module to load the PopUpManager class becomes the owner of the PopUpManager class for the entire application because it registers the manager with the SingletonManager. If another module later tries to use the PopUpManager, Adobe ® Flash® Player throws an exception. The solution is to ensure that managers such as PopUpManager and DragManager and any other shared services are defined by the main application (This technique also applies to components). Typically, this is done by adding the following to a script block:

import mx.managers.PopUpManager;
import mx.managers.DragManager;
private var popUpManager:PopUpManager;
private var dragManager:DragManager;

Because a Flex module must be in the same security domain as the application (SWF) that loads it, when you’re using modules in an AIR application any module SWF must be located in the same directory as the main application SWF or one of its subdirectories, which ensures that like the main application SWF, the module SWF is in the AIR application security sandbox.

Creating ActionScript-based modules

If your module does not include any framework code, you can create a class that extends ModuleBase. If you use the ModuleBase class, your module will typically be smaller than if you use a module based on the Module class because it does not have any framework class dependencies.

Reducing module size

Module size varies based on the components and classes that are used in the module. By default, a module includes all framework code that its components depend on, which can cause modules to be large by linking classes that overlap with the application’s classes.

To reduce the size of the modules, you can optimize the module by instructing it to externalize classes that are included by the application. The result is that the module includes only the classes it requires, while the framework code and other dependencies are included in the application.

To externalize framework classes with the command-line compiler, you generate a linker report from the application that loads the modules. You then use this report as input to the module’s load-externs compiler option. The compiler externalizes all classes from the module for which the application contains definitions. This process is also necessary if your modules are in a separate project from your main application in Flex Builder.

1. Generate the linker report and compile the application:
mxmlc -link-report=report.xml MyApplication.mxml

2. Compile the module and pass the linker report to the load-externs option:

mxmlc -load-externs=report.xml MyModule.mxml

Note: If you externalize the module’s dependencies by using the load-externs or optimize option, your module might not be compatible with future versions of Adobe Flex.

Using the ModuleManager class to load modules

To use the ModuleManager to load a module in ActionScript, you first get a reference to the module’s IModuleInfo interface by using the ModuleManager getModule() method. You then call the interface’s load() method.

Finally, you use the factory property of the interface to call the create() method and cast the return value as the module’s class.

1	<mx:application mx="http://www.adobe.com/2006/mxml" creationcomplete="initApp()"><mx:application mx="http://www.adobe.com/2006/mxml" creationcomplete="initApp()"><mx:vbox id="vb1"></mx:vbox></mx:application></mx:application>

import mx.events.ModuleEvent;
import mx.modules.ModuleManager;
import mx.modules.IModuleInfo;
public var info:IModuleInfo;

private function initApp():void {

info = ModuleManager.getModule(“ColumnChartModule.swf”);
info.addEventListener(ModuleEvent.READY, modEventHandler);
// Load the module into memory. Calling load() makes the
// IFlexModuleFactory available. You can then get an
// instance of the class using the factory’s create() method.
info.load();

}

private function modEventHandler(e:ModuleEvent):void {

// Add an instance of the module’s class to the display list.
vb1.addChild(info.factory.create() as ColumnChartModule);

}

Fev 10

Aplicativos AIR no iPhone (AIR Apps on iPhone)

Escrito por Mario Junior em 1, 6, Air, Android, app, AR, BI, blog, class, código, Componente, Componentes, demo, developer, Eclipse, english, event, Evento, Flex, Flex Builder, for, IE, if, image, int, iphone, Linha de Código, Mercado, mg, mobile, novidade, Novidades, O, on, Partilha, Pessoal, print, ps3, Ria’s Geral, screen, SDK, Sun, Teste, Touch, UI, window, windows, Windows Mobile, XP, zend @ 02 10th, 2010 | via http://blog.mariojunior.com | Sem comentários

Olá pessoal.. desculpe pela falta de posts, ando muito ocupado ultimamente e nos proximos dias explicarei melhor o motivo (assim que o projeto que estou trabalhando for lançado).

No momento, estou escrevendo para compartilhar um breve (muito breve mesmo) teste que fiz com o Elips3, um plug-in para o Eclipse (mais especificamente para o Flex Builder) que compila aplicações AIR (1.5.3 no momento) para a plataforma iPhone e também outras plataformas mobile como Windows Mobile, Nokia, Samsung e Android. (Sem alterar uma linha de código sequer, LOL!)

Segue um pequeno print-screen que fiz em 2 minutos:
(demorei mais de um minuto para ver que o evento certo é o “touchTap” e não o “click” )

Se é viável, estável e pronto para aplicar em mercado, ainda não sei. Não é porque fiz um “Hello Steve (Jobs)” que serei doido de dizer que “faço aplicações para iPhone”, nao sou oportunista. No entanto, estarei fazendo testes nesse proximo mes afim de explorar mais os componentes e o Elips SDK que é uma extensao do SDK padrao do Flex/AIR. Assim que for achando novidades, vou postando.

Abraços.

So, sorry… after I’ll write an ‘english version’ for this post.. I promisse, in fact I need to sleep, now is 03:00am o’clock. Thanks.

Fev 5

Por que participar do Flex For Kids?

Escrito por Daniel Lopes em 1, 3d, 4, 6, Adobe, app, AR, Beck Novaes, BI, class, Componente, Componentes, Desenvolvimento, Design, Download, e-genial, Flex, Flex Builder, Flex Builder 3, Flex For Kids, Flex For Kids 2010, flexforkids, for, framework, Frameworks, FullScreen, Gráfico, IE, int, internet, loop, mg, multitouch, mvc, O, on, oop, Outros, Palestra, Palestras, Personalização, produto, RIA, Ria’s Geral, Rich Internet Application, screen, server, streaming, Sun, swf, TAT, Tecnologia, Touch, UI, user experience, Vídeo, web, XP, zend @ 02 5th, 2010 | via http://blog.areacriacoes.com.br/ | Sem comentários

Vou começar respondendo ao título com um plágio do post do Beck Novaes .

1. Você terá acesso a palestras de qualidade por apenas R$ 3,00 cada

2. Você terá acesso a uma ampla variedade de assuntos: Novas versões dos produtos Adobe, Frameworks MVC para RIA, estudo de caso de User Experience e Multitouch.

3. Você terá contato com as tecnologias mais promissoras para o Desenvolvimento de Rich Internet Applications (vídeo, áudio, gráficos, componentes dinâmicos, personalização, streaming, real time, 3D, etc)

4. Você poderá ganhar uma licença do Flex Builder 3 Pro

5. Você poderá ganhar um Magic Mouse

6. Você assiste no conforto do sua casa num ambiente interativo real time

7. Você poderá fazer o download das palestras para assistir quando quiser e quantas vezes quiser

8. Você estará num ambiente com mais de 300 pessoas já inscritas trocando idéias e fazendo novos amigos

9. Você poderá tirar suas dúvidas sobre RIA com profissionais experientes no assunto

10. Você estará ajudando as crianças do Cotolengo enquanto tira proveito dos outros 9 motivos

Não se inscreveu ainda? Veja o vídeo abaixo e corra porque ainda dá tempo.