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

Set 21

Flex SDK 4.6 a caminho + Dominando Flex Mobile também

Escrito por Daniel Schmitz em .NET, 1, 4, 6, Adobe, app, AR, auto, BI, builder 4, C#, Componente, Componentes, components, control, Controls, custom, Design, developer, flash, flash builder, Flash Builder 4, Flex, Flex 4, for, html, ide, IE, if, image, layout, Livro, mg, mobile, NaN, O, on, platform, pt, RIA, Ria’s Geral, S+S, SDK, TAT, try, tv, UI, XP @ 09 21st, 2011 | via http://flex.etc.br | Sem comentários

Hoje temos o pre release do Flex SDK 4.6, e como já era esperado, com diversas melhorias no Mobile. Como vocês sabem, o livro Dominando Flex Mobile está pela metade. Eu parei no meio e disponibilizei o conteúdo justamente pela falta de componentes e agora isso será suprido. Ou seja, vou voltar agora e terminar o Flex Mobile.

Alguns novos componentes ? (copiado na cara dura daqui) :

SplitViewNavigator A new top-level application component specifically designed for the tablet experience. With only a few lines of code, manage the layout of multiple views and have them adapt automatically based on device orientation.

CallOutButton A versatile component that pops over existing content and can contain text, components or even entire views.
	SpinnerList This popular tablet component is an adaption of the existing List component. It not only has a new look, but also gives options like recirculating content and a position based selection model.
	DateSpinner A highly flexible component that is not only locale-aware, but provides multiple out-of-the-box configurations to fit most date/time entry needs.
Text Enhancements	Flex 4.6 solves the problem of cross-device text input. Flex exposes the native text-editing controls on EVERY platform—this enables the developer to customize the keyboard and the user to experience the native UI of common operations like selection, copy/paste and spelling checking.
	ToggleSwitch This simple and much-requested control is now available in Flex 4.6.

Set 21

Flash Player 11 e AIR 3

Escrito por Mauro Martins em .NET, 1, 2.0, 3d, 4, 6, Adobe, Adobe Air, Adobe Max, Air, Android, AR, blog, Blogs, C#, class, developer, err, flash, Flash / Flex, Flash Player, Flex, for, Gráfico, html, IE, if, image, jogo, Jogos, layout, Links e sugestões, live, Mac, map, Mercado, mg, novidade, Novidades, O, on, platform, player, rest, RIA, Ria’s Geral, S+S, screen, super(), tv, UI, UX, Vários, Vídeo, web, window, windows @ 09 21st, 2011 | via http://imauro.com/blog/ | Sem comentários

Screen shot 2011 03 01 at 5.41.01 AM 450x208 Flash Player 11 e AIR 3

Olá a todos!

Esta quarta-feira, dia 21 de Setembro, marca o dia de mais uma milestone para o Flash!

Hoje é anunciado a data do go-live do Flash Player 11 e do Adobe AIR 3!

Com esta versão, a Adobe tenta puxar os limites do que é possível apresentar, na web, em termos gráficos, e tenta oferecer a capacidade de renderizar objectos extremamente complexos, de uma forma super simples!

Esta release, vai permitir, aos developers, criar jogos 3D e 2D com a qualidade dos jogos das consolas, com o benefício de o poderem distribuir para várias plataformas ao mesmo tempo (Android, iOS, Tablet BlackBerry OS, TV, Windows, Mac OS, etc).

Nestes últimos tempos temos visto várias aplicações AIR a brilharem nos vários mercados das aplicações. Tanto o Machinarium, como o Times Caltrain, são um sucesso nas plataformas em que estão implementados!

Para mais informações sobre jogos acedam aqui ou vejam o este vídeo.

Para mais informações sobre o Flash Player 11 e o AIR 3, sigam este link.

Resta dizer que tanto o Flash Player 11 como o AIR 3 vão estar disponíveis para todos, a partir de Outubro, ou seja, daqui a poucas semanas!

Ah! E não se esqueçam que a MAX está aí ? porta e com ela MUITAS novidades vão surgir

Abraço, Mauro.

Ago 18

Usando a API de atualização do Adobe AIR

Escrito por Leonardo França em .NET, 1, 2.0, 2009, 4, 6, action, Actionscript, Actionscript3, Adobe, Adobe Air, Air, api, Aplicativos, app, AR, auto, BI, botão, C#, chrome, class, classe, configuração, demo, Desenvolvedor, Download, err, erro, error, event, EventListener, events, exemplo, firefox, flash, flash builder, Flex, for, Formação, framework, function, Google, handle, html, IE, if, image, int, library, mg, MXML, novidade, Novidades, Number, O, on, Outros, PHP, platform, pt, quick, reference, referencia, RIA, Ria’s Geral, RoR, S+S, site, Software, spark, swf, TAT, Tema, Teste, UI, uint, update, Ved, web, window, XML @ 08 18th, 2011 | via http://www.leonardofranca.com.br | Sem comentários

Uma das funcionalidade que mais me foi útil no Adobe AIR, foi a adição de uma API mais bem elaborada para fazer atualização automatica de meus aplicativos. Isso pode ser muito importante porque nem todos os usuários tem tempo(ou vontade) de voltar no site do aplicativo para baixar a última versão.
Isso já é rotina para sistemas operacionais e softwares que usamos no dia-a-dia como o Mozilla Firefox e o Google Chrome(que nem pede permissão para atualizar né senhor Google).

A partir do Adobe AIR 1.5, temos a classe ApplicationUpdater e ApplicationUpdaterUI que tem como objetivo, definir o básico de funcionalidade de atualização para os aplicativos feitos com Adobe AIR

Gerenciar as atualizações pode ser complicado e o AIR update framework possui as API’s necessarias para que você faça isso de maneira prática e funcional. O desenvolvedor pode por exemplo:

Verificar atualizações por intervalo de tempo ou por requisição do usuário.
Baixar os arquivos de atualização da web
Avisar o usuário na primeira execução do software recém-instalado
Confirmar se o usuário deseja verificar se há atualizações
Exibir informações sobre a nova versão de atualização para o usuário
Exibir o status do download ou informação de erro para o usuário

As informações são obtidas a partir de arquivos XML onde você diz qual a última versão do software, as novidades da nova versão etc. Vamos a um exemplo prático, no caso usarei o Flash Builder que já deve ter os arquivos applicationupdater.swc e applicationupdater_ui.swc como referencia na biblioteca.
Começamos pelo xml chamado updateConfig.xml, que “dira” a seu aplicativo onde estão os arquivos para atualização.

PLAIN TEXT

XML:

version=“1.0″ encoding=“utf-8″?>
xmlns=“http://ns.adobe.com/air/framework/update/configuration/1.0″>
>http://localhost:81/leonardofranca/air/updates/testeUpdate/updateDescriptor.xml>
>1>
>

Ele deve ser salvo no mesmo diretorio da sua aplicação, junto com os outros arquivos xml e swf. Agora no Flex, instanciaremos a classe ApplicationUpdateUI e setaremos o arquivo xml de configuração para que o Flex possa saber onde está a atualização.

PLAIN TEXT

ACTIONSCRIPT3:

var appUpdater:ApplicationUpdaterUI = new ApplicationUpdaterUI();
appUpdater.configurationFile = new File(“app:/updateConfig.xml”);
appUpdater.initialize();
//via ActionScript
//appUpdater.updateURL = ” http://example.com/updates/update.xml”;
//appUpdater.delay = 1;

O arquivo updateDescriptor.xml é onde fica setado a versão em si da atualização do seu aplicativo e onde você pode colocar a descrição das novidades da atualização.

PLAIN TEXT

XML:

version=“1.0″ encoding=“utf-8″?>
xmlns=“http://ns.adobe.com/air/framework/update/description/2.5″>
>0.0.2>
>http://localhost:81/leonardofranca/air/updates/testeUpdate/testeUpdate_0.0.2.air>
>
This version has fixes for the following knowns issues:
*First issue
*Second issue
]]>>
>

Basicamente é isso, vamos só implementar a chamada para que ao abrir o aplicativo, ele verifique se existe atualização.

PLAIN TEXT

MXML:

“1.0″ encoding=“utf-8″?>
xmlns:fx=“http://ns.adobe.com/mxml/2009″
xmlns:s=“library://ns.adobe.com/flex/spark”
xmlns:mx=“library://ns.adobe.com/flex/mx” creationComplete=“windowedapplication1_creationCompleteHandler(event)”>
>
[CDATA[
import air.update.ApplicationUpdaterUI;
import air.update.events.UpdateEvent;
import mx.events.FlexEvent;
private var appUpdater:ApplicationUpdaterUI;
protected function windowedapplication1_creationCompleteHandler(event:FlexEvent):void
appUpdater = new ApplicationUpdaterUI();
appUpdater.configurationFile = new File("app:/updateConfig.xml");
appUpdater.addEventListener(ErrorEvent.ERROR, onError);
appUpdater.addEventListener(UpdateEvent.INITIALIZED, handlerInit);
appUpdater.initialize();
//via ActionScript
//appUpdater.updateURL = " http://example.com/updates/update.xml";
//appUpdater.delay = 1;
protected function onError(event:ErrorEvent):void
trace(event.text);
protected function handlerInit(event:UpdateEvent):void
appUpdater.checkNow();
]]>
>
>
>
>

Criei uma segunda versão do meu aplicativo de teste para demonstração, deveremos ter o seguinte resultado:

Clique para ampliar

Caso o usuário queira verificar se existe alguma atualização do aplicativos, basta clicar no botão “check for upadates. O arquivo atualizado é baixado e instalado.

Clique para ampliar

Referências:
http://help.adobe.com/en_US/air/build/WS9CD40F06-4DD7-4230-B56A-88AA27541A1E.html
http://www.adobe.com/devnet/air/flex/quickstart/articles/update_framework.html

Jul 13

Adobe lança Beta do AIR 3.0 e do FlashPlayer 11

Escrito por SamuelFacchinello em 1, 2.0, 4, 6, Adobe, Adobe Flex, Air, AR, Beta, BI, blog, Blogs, C#, Download, flash, Flex, for, Google, IE, labs, mg, O, on, platform, player, Ria’s Geral, runtime, Segurança, Tech, UI @ 07 13th, 2011 | via http://desenvolvendoemflex.blogspot.com/ | Sem comentários

A Adobe lançou hoje (13/07/2011) o BETA do AIR 3.0 e do FlashPlayer 11, onde foram corrigidas algumas questões de segurança e de performance, também adicionaram suporte a 64bits.

Você poderá fazer o download das versões betas aqui: AIR 3.0 e FlashPlayer11.

Agora é só testar!!!

Jul 5

Adobe @ the Museum 2

Escrito por Mauro Martins em .NET, 1, 2.0, 4, 6, Adobe, Adobe User Group, Air, Android, app, AR, AUG, BI, Blazeds, blog, break, C#, class, Desenvolvimento, Desenvolvimento RIA, development, err, event, Evento, Eventos, events, flash, Flash / Flex, flash builder, Flex, for, framework, Frameworks, image, int, Links e sugestões, map, Mate, mg, mobile, O, on, platform, produto, RIA, Ria’s Geral, S+S, site, Spring, tag, UI, User Group @ 07 5th, 2011 | via http://imauro.com/blog/ | Sem comentários

Olá a todos!

Serve este post para vos dar conhecimento do próximo evento da Adobe User Group Porto, o Adobe @ the Museum 2.

O evento vai ter lugar no Museu Soares dos Reis, no dia 16 de Julho, e tem como “estrela” internacional o Mihai Corlan da Adobe.

O Mihai é um Adobe Platform Evangelist para, Flex, AIR, BlazeDS… (podem ver o site dele em http://corlan.org/)

Aqui fica o alinhamento:

10:00 Recepção
10:30 Developing mobile apps for Android, iOS, and PlayBook with AIR and Flex – Mihai Corlan
11:15 Break
11:45 Frameworks de desenvolvimento RIA (Swiz, Mate, Parsley, Spring4AS, RobotLegs) – Rui Silva
12:30 Almoço
14:00 Hands-on: Introduction to mobile development for Android/iOS/PlayBook using Flash Builder, Flex, and AIR (part I) – Mihai Corlan
14:45 Break
15:00 Hands-on: Introduction to mobile development for Android/iOS/PlayBook using Flash Builder, Flex, and AIR (part II) – Mihai Corlan
16:30 A anunciar
17:15 Encerramento

No final ainda vamos sortear uma suite de produtos Adobe, e mais alguns souvenirs!

Se puderem passem a palavra a vossos amigos, colegas etc. e, se se quiserem registar, por favor, façam-no em http://augporto.stagehq.com/events/905

Vai ser uma oportunidade em grande e a não desperdiçar!

Jun 11

FlexMania 2011

Escrito por Stefan Horochovec em 1, 2.0, 2009, 4, 6, Adobe, Adobe Flex, app, AR, BI, Blazeds, blog, C#, class, Desenvolvimento, Desenvolvimento RIA, engine, err, event, Evento, flash, Flex, Flex 4, Flexmania, for, Google, IE, if, image, Java, mg, O, on, Palestra, Palestras, Pessoal, platform, RIA, Ria’s Geral, S+S, site, Sun, UI, Vídeo, XP @ 06 11th, 2011 | via http://www.horochovec.com.br/blog | Sem comentários

Olá pessoal!

Ontem (10/06) tivemos o lançamento do site do FlexMania versão 2011. Estou muito feliz pelo convite feito peloIgor Costa para eu participar do evento.

Tive a honra de participar das três edições do evento, em 2009 com a palestra sobre Adobe Flex, Java e BlazeDS, em 2010 com a palestra sobre Adobe Flex 4, Java e Google App Engine – Alta escalabilidade para sua aplicação nas nuvens e esse ano estarei conversando com você sobre o Playbook, o tablet da BlackBerry ( que por sinal é patrocinadora do evento, olha a responsa ).

Espero contar com sua presença no evento e também na minha palestra.

Novamente o FlexMania será o evento do ano quando o assunto é desenvolvimento RIA utilizando a Adobe Flash Plataform! E o melhor, é de graça, assista de sua casa ou trabalho!

Não assistiu ainda meu vídeo convidando você para o FlexMania? Dá um play ali em baixo, mas assista apenas os primeiros 30 segundos!

Até o FlexMania!

Mai 26

Carregando CSS diferentes em runtime

Escrito por SamuelFacchinello em .NET, 1, 2.0, 4, 6, action, Actionscript, Adobe, Adobe Flex, AR, BI, blog, Blogs, botão, C#, carregar, css, Download, exemplo, flash, Flex, fonte, for, Google, html, IE, if, int, internet, mg, O, on, platform, procura, pt, reference, Ria’s Geral, runtime, S+S, swf, UI, Vários, zend @ 05 26th, 2011 | via http://desenvolvendoemflex.blogspot.com/ | Sem comentários

Muitas vezes precisamos que uma mesma aplicação fique com aparências diferentes de acordo com o gosto de cada um, por isso vou mostrar como carregar um ou vários CSS em runtime no Flex.

Procurando na internet sobre isso, me deparei com o blog do Fabio Silva dizendo como fazer, então resolvi implementar e mostrar para vocês como fazer.

Como faz?

O css deve ser compilado, (no FlashBuilder) basta clicar com o botão direito do mouse no arquivo do CSS e marcar a opção “Compile CSS to SWF”, com isso o CSS será compilado como um arquivo externo, no formato “.swf”, ao rodar sua aplicação basta usar a função:

StyleManager.loadStyleDeclarations(“./css/css.swf”);

Exemplo:

Para fazer o download do fonte clique com o botão direito e depois em “view source”.

Por hoje é isso!!!

Sigam o blog e comentem!!

Fontes:
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/mx/styles/StyleManager.html
http://fabiophx.blogspot.com/2010/09/carregando-css-em-run-time.html

Mai 7

Acessando a camera do celular com Adobe AIR for Android

Escrito por Leonardo França em .NET, 1, 2.0, 4, 6, action, Actionscript, Actionscript3, Adobe, Adobe Air, Air, Android, api, app, AR, auto, BI, C#, class, classe, classes, configuração, Curso, Cursos, demo, Desktop, err, erro, error, event, EventListener, exemplo, filter, flash, flash media, Flash Media Server, Flex, for, function, Geral, Google, html, ide, IE, if, image, int, internet, live, mg, mobile, O, on, padrão, PHP, platform, pt, reference, Ria’s Geral, RoR, S+S, server, servidor, SmartPhone, streaming, string, UI, Ved, Vídeo, web, XML @ 05 7th, 2011 | via http://www.leonardofranca.com.br | Sem comentários

O Adobe AIR for Android pode acessar alguns recursos do hardware dos smartphones. Dentre alguns deles podemos citar o acesso a internet, ler o estado do telefone, o acesso da rede, o acesso da wifi, GPS, sensores etc. O Adobe AIR pode acessar também a camera do dispositivo, sendo que isso pode ser feito de duas maneiras.

O Adobe AIR está disponivel para dispositivos rodando Android a partir da versão 2.2(Froyo)

Temos duas classes para acessar a camera com Adobe AIR for Android:

http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/media/Camera.html
A primeira maneira de acessar a câmera do celular é usando a classe Camera, clássica e já bastante conhecida de nossos trabalhos em ambiente web e desktop. Antes você pode usar o método Camera.isSupported, e para pegar as câmeras usando Camera.getCamera().

Geralmente essa classe é usada também para enviar o streaming de sua câmera para o servidor Flash Media Server(em conjunto com a classe NetStream) e transmitir para web, desktop ou mobile. Veja um exemplo de uso:

PLAIN TEXT

ACTIONSCRIPT3:

var camera:Camera = Camera.getCamera();
if (camera != null)
video = new Video(camera.width * 2, camera.height * 2);
video.attachCamera(camera);
addChild(video);
else
trace(“You need a camera.”);

No getCamera, se não for passado nenhum parâmetro, acessará a camera principal do dispositivo, você pode acessar uma câmera especifica passando o índice dela como string:

PLAIN TEXT

ACTIONSCRIPT3:

var arrCamera:Array = Camera.names;// todas as câmeras como array
var camera:Camera = Câmera.getCamera(“1”);//acessando a câmera de indece 1

http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/media/CameraUI.html
CameraUI é uma classe nova exclusiva para o Adobe AIR for Mobile Devices, permitindo que você capture a imagem ou vídeo do aplicativo padrão de câmera do celular. A imagem ou video fica disponivel no objeto MediaEvent. Veja um exemplo de uso:

PLAIN TEXT

ACTIONSCRIPT3:

var deviceCameraApp:CameraUI = new CameraUI();
var imageLoader:Loader;
deviceCameraApp.addEventListener( MediaEvent.COMPLETE, imageCaptured );
deviceCameraApp.addEventListener( Event.CANCEL, captureCanceled );
deviceCameraApp.addEventListener( ErrorEvent.ERROR, cameraError );
deviceCameraApp.launch( MediaType.IMAGE );
function imageCaptured( event:MediaEvent ):void
trace( “Media captured…” );
var imagePromise:MediaPromise = event.data;
if( imagePromise.isAsync )
trace( “Asynchronous media promise.” );
imageLoader = new Loader();
imageLoader.contentLoaderInfo.addEventListener( Event.COMPLETE, asyncImageLoaded );
imageLoader.addEventListener( IOErrorEvent.IO_ERROR, cameraError );
imageLoader.loadFilePromise( imagePromise );
else
trace( “Synchronous media promise.” );
imageLoader.loadFilePromise( imagePromise );
showMedia( imageLoader );
}
function captureCanceled( event:Event ):void
trace( “Media capture canceled.” );
NativeApplication.nativeApplication.exit();
function asyncImageLoaded( event:Event ):void
trace( “Media loaded in memory.” );
showMedia( imageLoader );
function showMedia( loader:Loader ):void
this.addChild( loader );
function cameraError( error:ErrorEvent ):void
trace( “Error:” + error.text );
NativeApplication.nativeApplication.exit();

Um ultimo detalhe para que funcione no smartphone, é necessario setar a permissão para que o aplicativo possa acessar a camera no Android. Isso é feito no xml de configuração do Adobe AIR:

PLAIN TEXT

XML:

>
>
]]>>
>

Abr 14

Números da turma A do curso Flash Platform Web pela @egenial

Escrito por Ved em 1, 4, AR, código, Curso, e-genial, flash, Flash Platform, Flex, fonte, for, Google, O, on, Outros, Partilha, platform, Projetos, RIA, Ria’s Geral, Treinamento, web @ 04 14th, 2011 | via http://www.vedovelli.com.br | Sem comentários

No sábado passado (09/04/2011) finalizamos a turma A do curso Flash Platform Web pela E-genial. Seguem alguns números: 40 alunos 122 mensagens trocadas do Google Group criado para a turma, com dúvidas respondidas por mim e por outros alunos 39 projetos Flex compartilhados com a turma, com código-fonte pronto para uso em projetos reais 17 [...]

Abr 13