Leonardo França » Flex http://www.leonardofranca.com.br Consultor e Desenvolvedor Flash Platform (Adobe AIR/Flex/Flash/Flash Media Server/PHP/Java/.NET) Wed, 01 Feb 2012 13:56:45 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Usando a API de atualização do Adobe AIR http://www.leonardofranca.com.br/index.php/2011/08/18/usando-a-api-de-atualizacao-do-adobe-air/ http://www.leonardofranca.com.br/index.php/2011/08/18/usando-a-api-de-atualizacao-do-adobe-air/#comments Thu, 18 Aug 2011 21:10:50 +0000 Leonardo França http://www.leonardofranca.com.br/?p=349 Continue reading →]]> 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:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <configuration xmlns="http://ns.adobe.com/air/framework/update/configuration/1.0">
  3.      <url>http://localhost:81/leonardofranca/air/updates/testeUpdate/updateDescriptor.xml</url>
  4.     <delay>1</delay>
  5. </configuration>

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:
  1. var appUpdater:ApplicationUpdaterUI = new ApplicationUpdaterUI();
  2. appUpdater.configurationFile = new File("app:/updateConfig.xml");
  3. appUpdater.initialize();
  4.  
  5. //via ActionScript
  6. //appUpdater.updateURL = " http://example.com/updates/update.xml";
  7. //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:
  1. <?xml version="1.0" encoding="utf-8"?>
  2.      <update xmlns="http://ns.adobe.com/air/framework/update/description/2.5">
  3.        <versionNumber>0.0.2</versionNumber>
  4.        <url>http://localhost:81/leonardofranca/air/updates/testeUpdate/testeUpdate_0.0.2.air</url>
  5.        <description><![CDATA[
  6. This version has fixes for the following knowns issues:
  7. *First issue
  8. *Second issue  
  9.  ]]></description>
  10.     </update>

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

PLAIN TEXT
MXML:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
  3.                        xmlns:s="library://ns.adobe.com/flex/spark"
  4.                        xmlns:mx="library://ns.adobe.com/flex/mx" creationComplete="windowedapplication1_creationCompleteHandler(event)">
  5.     <fx:Script>
  6.         <![CDATA[
  7.             import air.update.ApplicationUpdaterUI;
  8.             import air.update.events.UpdateEvent;
  9.            
  10.             import mx.events.FlexEvent;
  11.            
  12.             private var appUpdater:ApplicationUpdaterUI;
  13.            
  14.             protected function windowedapplication1_creationCompleteHandler(event:FlexEvent):void
  15.             {
  16.                 appUpdater = new ApplicationUpdaterUI();
  17.                 appUpdater.configurationFile = new File("app:/updateConfig.xml");
  18.                 appUpdater.addEventListener(ErrorEvent.ERROR, onError);
  19.                 appUpdater.addEventListener(UpdateEvent.INITIALIZED, handlerInit);
  20.                 appUpdater.initialize();
  21.                
  22.                
  23.                 //via ActionScript
  24.                 //appUpdater.updateURL = " http://example.com/updates/update.xml";
  25.                 //appUpdater.delay = 1;
  26.                
  27.             }
  28.            
  29.             protected function onError(event:ErrorEvent):void
  30.             {
  31.                 trace(event.text);             
  32.             }
  33.            
  34.             protected function handlerInit(event:UpdateEvent):void
  35.             {
  36.                 appUpdater.checkNow();
  37.             }
  38.            
  39.         ]]>
  40.     </fx:Script>
  41.     <fx:Declarations>
  42.         <!-- Place non-visual elements (e.g., services, value objects) here -->
  43.     </fx:Declarations>
  44. </s:WindowedApplication>

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

Check for update

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


Clique para ampliar


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

]]> http://www.leonardofranca.com.br/index.php/2011/08/18/usando-a-api-de-atualizacao-do-adobe-air/feed/ 1 Adobe LiveCycle Collaboration Service http://www.leonardofranca.com.br/index.php/2011/07/31/adobe-livecycle-collaboration-service/ http://www.leonardofranca.com.br/index.php/2011/07/31/adobe-livecycle-collaboration-service/#comments Sun, 31 Jul 2011 19:27:41 +0000 Leonardo França http://www.leonardofranca.com.br/?p=1132 Continue reading →]]> A Adobe lançou um serviço anteriormente conhecido com o codinome de Cocomo(Common Collaboration Model), logo em seguida passou a se chamar Adobe Flash Collaboration Service e agora é oficialmente parte da família LiveCycle, sendo chamado de Adobe LiveCycle Collaboration Service.
O LCCS tem como objetivo funcionar como um SAAS(Software as a Service) para simplificar e facilitar o desenvolvimento de aplicativos RIA baseados em multimidia. Permite que os arquitetos e desenvolvedores possam criar experiências de usuário mais envolvente e mais dinâmicas oferecendo suporte a multi-user, colaboração em real time para novos ou já existentes aplicativos RIA.

Alguns destaques:

  • Facilmente integrar chat, whiteboard, webcam e VoIP.
  • Desenvolver e implementar rapidamente aplicações com um SDK bem completo e com muito exemplos.
  • Bibliotecas para Adobe Flash e Flash Builder, para rodar no Flash Player 9 ou Flash Player 10(Alguns recursos como P2P só funcionam a partir do Flash Player 10).
  • Gerenciar usuários e os dados da sessão.
  • Construir suas aplicações em nuvem

Para começar a usar o LCCS, basta acessar o portal LCCS Developer Portal e entrar com seu login ou cadastrar-se. O portal serve para você administrar instancias das suas aplicações, você pode acompanhar o número de conexões, banda usada etc.

Modelo de cobrança
LCCS tem 3 diferentes metodos para cobrança:

  • Live Stream Bandwidth - $0.49 per GB
  • Push Messages - $0.10 per 1000 messages
  • User Minutes - $0.01 per Hour

Leia o FAQ para mais detalhes. Você tem uma cota free e pode usar até 15 dolares por mês.

Referencias:
http://www.flashrealtime.com/livecycle-collaboration-service-pricing/
https://portal.collaboration.adobelivecycle.com/

]]> http://www.leonardofranca.com.br/index.php/2011/07/31/adobe-livecycle-collaboration-service/feed/ 2 10 motivos para não ficar de fora do Flash Camp Brasil 2011 http://www.leonardofranca.com.br/index.php/2011/03/12/10-motivos-para-nao-ficar-de-fora-do-flash-camp-brasil-2011/ http://www.leonardofranca.com.br/index.php/2011/03/12/10-motivos-para-nao-ficar-de-fora-do-flash-camp-brasil-2011/#comments Sun, 13 Mar 2011 02:34:41 +0000 Leonardo França http://www.leonardofranca.com.br/?p=1633 Continue reading →]]>

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

]]> http://www.leonardofranca.com.br/index.php/2011/03/12/10-motivos-para-nao-ficar-de-fora-do-flash-camp-brasil-2011/feed/ 1 Iniciando com Adobe AIR for iOS http://www.leonardofranca.com.br/index.php/2011/03/07/iniciando-com-adobe-air-for-ios/ http://www.leonardofranca.com.br/index.php/2011/03/07/iniciando-com-adobe-air-for-ios/#comments Tue, 08 Mar 2011 01:18:26 +0000 Leonardo França http://www.leonardofranca.com.br/?p=1537 Continue reading →]]> O iPhone[bb], lançado por volta de 2007, foi revolucionario em relação a experiencia do usuário e naturalmente criou-se um novo nicho de mercado para desenvolvimento de aplicações. A App Store(loja virtual onde os aplicativos da Apple[bb] são disponibilizados) já pagou mais de 2 bilhões de dolares aos seus desenvolvedores e com a chegada do iPad[bb], esse número tende a crescer muito. Então se você quer entrar nesse nicho de mercado, precisa saber do que precisa para criar seus aplicativos para rodar no sistema operacional movél da Apple[bb], o iOS(antes da chegada do iPad[bb], era simplesmente iPhone[bb] OS), no qual rodam o iPhone[bb] e iPad[bb], portanto vamos iniciando com Adobe AIR for iOS.

Antes de começar, precisamos de alguns esclarecimentos em relação a como irá funcionar seu aplicativo feito com Adobe AIR rodando no iOS. Você só podera criar aplicativos com Adobe AIR, não é possivel criar aplicativos que rodem no navegador com o Flash Player.

Você só podera criar aplicativos com Adobe AIR, não é possivel criar aplicativos que rodem no navegador com o Flash Player.

Sem Flash Player no iOS =õ(

Sem Flash Player no iOS =õ(

Com o runtime do Adobe AIR, temos o mesmo problema, não é possivel instalar o runtime do Adobe AIR da maneira que estamos acostumados a fazer no desktop ou no Android.
O que a Adobe fez foi criar uma ferramenta usando o Low Level Virtual Machine (LLVM) que permite que você converta seu aplicativo feito em Adobe AIR para um aplicativo nativo do iOS. A Adobe mudou o modo de compilação completamente para que seu aplicativo pudesse rodar no iOS, do modo JIT (Just in Time) para o AOT (Ahead-of-Time) permitindo que seu aplicativo em Adobe AIR pudesse ser convertido para um aplicativo nativo do iOS.

A Adobe mudou o modo de compilação completamente para que seu aplicativo pudesse rodar no iOS, do modo JIT (Just in Time) para o AOT (Ahead-of-Time) permitindo que seu aplicativo em Adobe AIR pudesse ser convertido para um aplicativo nativo do iOS.

LLVM é um sistema modular, o sistema compilador flexível que é amplamente utilizado em uma variedade de projetos. A principal razão que a Adobe escolheu o LLVM é a sua flexibilidade e aplicabilidade para o desenvolvimento do iOS. LLVM já é utilizado no projeto Alchemy(Alchemy = C/C++ com ActionScript 3.0).

A criação de aplicativos para iOS usando a Flash Platform só é possivel a partir do iOS 3.0 ou superior.

Ferramentas de desenvolvimento
Adobe Flash CS5 Professional – Com a atualização do Packager for iPhone, você pode a partir do Adobe Flash CS5(com o Packager for iPhone instalado), criar seus aplicativos para o iOS(iPhone/iPad), teremos um novo profile chamado "AIR for iOS", gerando o arquivo ja com o tamanho padrão de 320×480. Por enquanto não existem componentes pré-programados para iOS e não é recomendado usar os já existentes no Flash.

Adobe Flash Builder 4 (burrito) – A Adobe disponilibizou juntamente com o Flash Builder 4 (burrito), o SDK do Flex versão 4.5, com componentes otimizados para dispositivos moveis, no entanto, esses componentes ainda estão sendo otimizados para rodarem no iOS e serão disponibilizados numa futura versão do Flash Builder, mas você pode criar tranquilamente um projeto ActionScript(usando somente ActionScript 3.0 sem o SDK do Flex) e usar o compilador por linha de comando(ADT).

Qualquer editor de texto – Você pode usar qualquer editor de texto salvando na extensão .as ou seu editor ActionScript favorito.

Distribuição
Você pode gerar o instalador do seu aplicativo pelo Flash Builder(próximas versões), Flash CS5(com o Packager for iPhone instalado) ou por linha de comando usando o ADT. É gerado um aplicativo com a extensão .ipa. A distribuição pode ser feita atraves da App Store, para se tornar um publisher da App Store, basta pagar a inscrição de 99 dolares. Acompanhe esse tutorial sobre como publicar seu aplicativo na App Store.

Acompanhe alguns tutoriais:
Developing for iOS using Flash Professional
Optimizing content for Apple iOS devices
Guide for Apple App Store submissions
Saving state in AIR applications for iOS devices
Using screen orientation APIs for smartphone application development

Nos proximos artigos, mostrarei como usar alguns recursos do AIR for iOS :D

]]> http://www.leonardofranca.com.br/index.php/2011/03/07/iniciando-com-adobe-air-for-ios/feed/ 2 Reportagem sobre geolocalização na revista Wide http://www.leonardofranca.com.br/index.php/2011/01/10/reportagem-sobre-geolocalizacao-na-revista-wide/ http://www.leonardofranca.com.br/index.php/2011/01/10/reportagem-sobre-geolocalizacao-na-revista-wide/#comments Mon, 10 Jan 2011 04:56:28 +0000 Leonardo França http://www.leonardofranca.com.br/?p=1347 Continue reading →]]> Na edição de janeiro de 2011, a revista Wide tras uma ótima reportagem feita pela Flávia Freire explicando como funciona o uso de geolocalização para desenvolvimento de aplicativos. Participo da reportagem explicando como usar geolocalização na Flash Platform (Flex, Flash, AIR) e demonstro um exemplo usando a Nokia Platform Services. Há também reportagens sobre empreendedorismo, os ganhadores do concurso Peixe Grande, as principais diferenças entre o Adobe Flash e o HTML5 e muito mais. Então comprem a revista ae galera :D

]]> http://www.leonardofranca.com.br/index.php/2011/01/10/reportagem-sobre-geolocalizacao-na-revista-wide/feed/ 1