Leonardo França » Flash Lite 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 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 Criando aplicativos com Web Runtime(WRT) e Flash Lite para dispositivos Nokia http://www.leonardofranca.com.br/index.php/2010/10/28/criando-aplicativos-com-web-runtimewrt-e-flash-lite-para-dispositivos-nokia/ http://www.leonardofranca.com.br/index.php/2010/10/28/criando-aplicativos-com-web-runtimewrt-e-flash-lite-para-dispositivos-nokia/#comments Thu, 28 Oct 2010 15:19:06 +0000 Leonardo França http://www.leonardofranca.com.br/?p=1369 Continue reading →]]> Web RunTime é uma das possibilidades que a Nokia[bb]oferece para criação de aplicativos para seus dispositivos movéis. Se você já é um desenvolvedor web, você não precisa de quase mais nada para começar a desenvolver para os dispositivos Nokia usando o WRT. Ele permite a criação de widgets para plataforma S60 sendo uma extensão do navegador Webkit permintindo que as instâncias do browser sejam executadas como se fossem aplicativos separados. E você ainda pode criar aplicativos mais ricos com o uso do Flash.
Ferramentas de desenvolvimento.
A Nokia oferece algumas ferramentas para facilitar o desenvolvimento para WRT:

Também oferece UI Framework e Library como:

  • Guarana WRT UI library - Uma library baseada em JQuery para o Nokia WRT feita pelo pessoal do INdT(Instituto Nokia de Tecnologia) com sede em Manaus.
  • Nokia Mobile Web Templates - Um conjunto de templates otimizados para mobile e para você customizar como quiser.

E tem algumas API's para se trabalhar com os recursos dos dispositivos movéis.

  • Platform Service 2.0 - Uma API em JavaScript e ActionScript 2.0 para acessar recursos dos dispositivos movéis como acelerometro, geolocalização etc.
  • API Bridge - é um componente para aparelhos Nokia com Symbian, que permite widgets WRT, conteúdo Adobe Flash Lite e aplicações Java possam acessar recursos do dispositivo através de uma arquitetura plug-in. Os desenvolvedores podem estender o componente APIBridge com os seus próprios plug-ins.

Como funciona os widgets feitos com Web RunTime? esse widgets são arquivos com extensão .wgz que nada mais é que um arquivo compactado com os arquivos de seu site. Os arquivos que não podem faltar são:

  • Info.plist - arquivo responsavel pelas informações de seu widget como versão, pagina inicial, nome etc
  • index.html - na verdade, pode ser qualquer nome desde que esteja setado no Info.plist como MainHTML.

Criar widgets com WRT e Flash Lite
Como você usa html para criar seus widgets com WRT, nada impede de usar o Adobe Flash na mesma maneira de como você usa normalmente atraves do html. Vamos ver um exemplo usando JavaScript para fazer a comunicação com o Flash atraves da classe ExternalInterface. Nesse exemplo utilizarei o Nokia Web Developer Environment Standalone.

  • Crie um novo projeto do tipo Symbian web apps->Basic web app project. Dê um nome para seu projeto e clique em next. São gerados os arquivos basicos para seu projeto.

Daremos a opção do usuario escolher dois videos para tocar. Começaremos com o html contendo as opções de video.

PLAIN TEXT
XML:
  1. <label for="select"></label>
  2.             <select name="select" id="select">
  3.               <option value="sample">sample.flv</option>
  4.               <option value="sneeze">sneeze.flv</option>
  5.             </select>
  6.             <input type="button" name="button" id="button" value="Tocar" onclick="javascript:playVideo();" />

E o html que carregará o swf responsavél por tocar o video:

PLAIN TEXT
XML:
  1. <object id="playerFlashLite" name="playerFlashLite" width="360" height="360" data="PlayerFlashLite.swf"
  2.              allowscriptaccess='always'
  3.              allowFullScreen='true'
  4.              usefullscreen='true'
  5.              type='application/x-shockwave-flash'
  6.              loop='false'>
  7.             </object>

Editaremos o arquivo basic.js para adicionar o método que mandará para o swf o video que deverá ser tocado.

PLAIN TEXT
JAVASCRIPT:
  1. function playVideo()
  2.       {
  3.           document.getElementById("playerFlashLite").playVideo(document.getElementById("select").value);
  4.       }

No Flash, criamos um arquivo do tipo Flash Lite 3.0 ou 3.1. No painel da library, clique em na opção "new Video". Dê o nome de instancia de "vd". Em type deixe selecionando Video (ActionScript-controlled) e adicione no stage. Adicionaremos o seguinte codigo para que o Flash execute o video via stream a partir do Flash Media Server:

PLAIN TEXT
ACTIONSCRIPT:
  1. import flash.external.*;
  2.  
  3.       ExternalInterface.addCallback("playVideo",this,playVideo);
  4.        
  5.       trace("init..");
  6.       var nc = new NetConnection();
  7.       nc.connect("rtmp://localhost/videoondemand");
  8.        
  9.       nc.onStatus = function(info)
  10.       {
  11.           trace("Level: " + info.level + " Code: " + info.code);
  12.       };
  13.        
  14.       function playVideo(video:String)
  15.       {
  16.           ns = new NetStream(nc);
  17.           vd.attachVideo(ns);
  18.           ns.play(video);
  19.           ns.connect();
  20.           txt.text = video;
  21.           ns.onStatus = function(info)
  22.           {
  23.               trace("Level: " + info.level + " Code: " + info.code);
  24.           };
  25.       }

Usamos a classe estatica ExternalInterface para que nosso método dentro do Flash possa ser chamado a partir do JavaScript. Executando o emulador do Nokia Web Developer, devemos ter algo parecido com isso:

Emulador Nokia Web Developer


Emulador Nokia Web Developer
Para gerar o arquivo .wgz, bastar clicar com o botão direito no projeto e pedir "Package Web app" e seu aplicativo está pronto para rodar no celular. Testei no Nokia 5230 :D

Para saber mais:
http://www.forum.nokia.com/Develop/Web/Tools/
http://wiki.forum.nokia.com/index.php/Category:Web_Runtime_%28WRT%29
JQuery Mobile
Adobe Flash Lite

]]> http://www.leonardofranca.com.br/index.php/2010/10/28/criando-aplicativos-com-web-runtimewrt-e-flash-lite-para-dispositivos-nokia/feed/ 1 Usando Acelerômetro no Flash Lite 4.0 http://www.leonardofranca.com.br/index.php/2010/10/15/usando-acelerometro-no-flash-lite-4-0/ http://www.leonardofranca.com.br/index.php/2010/10/15/usando-acelerometro-no-flash-lite-4-0/#comments Sat, 16 Oct 2010 02:18:48 +0000 Leonardo França http://www.leonardofranca.com.br/?p=1417 Continue reading →]]> Tivemos o lançamento do Nokia N8, o primeiro dispositivo oficialmente a suportar Flash Lite 4.0. Além do Nokia N8, também temos o Nokia C7 e o Nokia E7, todos rodando o sistema operacional Symbian^3 e com o Adobe Flash Lite 4.0 já instalado. Isso implica a possibilidade do desenvolvimento de aplicativos para Symbian^3 usando ActionScript 3.0 rodando pelo browser ou standalone
Precisamos atentar para o fato de que o Flash Lite 4.0 não é o Flash Player 10.1, eles possuem algumas diferenças significativas:

  • Flash Lite suporta algumas funcionalidades parcialmente.
  • Flash Lite adiciona algumas funcionalidades para trabalhar especificamente com dispositivos movéis.

O Flash Lite 4.0 é baseado no Flash Player 10, possuindo recursos que foram introduzido no Flash Player 9 e 10. Entre os recursos disponivéis estão:

  • Multi-touch support
  • Flash Player 10 text engine
  • Using inline text input
  • RTMP data channel
  • RTMPE
  • RTMPT and RTMPTE
  • Multi bit-rate streaming
  • Geolocation
  • Accelerometer
  • SharedObject Remote(Obaaaa! :D )

Além disso veja as classes parcialmente suportadas e as classes não suportadas.
Vamos ao nosso primeiro exemplo com utilização das novas capacidades do Flash Lite 4.0, nesse caso, acelerômetro.

  • Crie um arquivo do tipo Flash Lite 4.0 pelo Flash CS5 ou pelo Adobe Device Central CS5.
  • Adicione três campos de textos dinâmicos, neles serão mostrados as coordenadas de x, y e z.

Começaremos nossa codificação, teremos um método para criar a bola que sofrerá os efeitos do acelerômetro.

PLAIN TEXT
ACTIONSCRIPT3:
  1. function createBall():void
  2.       {
  3.           ball = new Sprite();
  4.           ball.graphics.beginFill(0xFF0000);
  5.           ball.graphics.drawCircle(0, 0, RADIUS);
  6.           ball.cacheAsBitmap = true;
  7.           ball.x = stage.stageWidth / 2;
  8.           ball.y = stage.stageHeight / 2;
  9.           addChild(ball);
  10.       }

Em seguida, verificamos se o aparelho tem acelerômetro para adicionarmos os listeners que pega os dados do sensor e para atualizar as posições da bola.

PLAIN TEXT
ACTIONSCRIPT3:
  1. function AccelerometerTest()
  2.       {
  3.           stage.scaleMode = StageScaleMode.NO_SCALE;
  4.           stage.align = StageAlign.TOP_LEFT;
  5.        
  6.           createBall();
  7.        
  8.           if (Accelerometer.isSupported)
  9.           {
  10.               accelerometer = new Accelerometer();
  11.               accelerometer.addEventListener(AccelerometerEvent.UPDATE, accUpdateHandler);
  12.               stage.addEventListener(Event.ENTER_FRAME, enterFrameHandler);
  13.           }
  14.       }

E o restante do código.

PLAIN TEXT
ACTIONSCRIPT3:
  1. function enterFrameHandler(event:Event):void
  2.       {
  3.           event.stopPropagation();
  4.           moveBall();
  5.       }
  6.       function moveBall():void
  7.       {
  8.           var newX:Number = ball.x + xSpeed;
  9.           var newY:Number = ball.y + ySpeed;
  10.           if (newX <20)
  11.           {
  12.               ball.x = RADIUS;
  13.               xSpeed = 0;
  14.           }
  15.           else if (newX> stage.stageWidth - RADIUS)
  16.           {
  17.               ball.x = stage.stageWidth - RADIUS;
  18.               xSpeed = 0;
  19.           }
  20.           else
  21.           {
  22.               ball.x +=  xSpeed;
  23.           }
  24.        
  25.           if (newY <RADIUS)
  26.           {
  27.               ball.y = RADIUS;
  28.               ySpeed = 0;
  29.           }
  30.           else if (newY> stage.stageHeight - RADIUS)
  31.           {
  32.               ball.y = stage.stageHeight - RADIUS;
  33.               ySpeed = 0;
  34.           }
  35.           else
  36.           {
  37.               ball.y +=  ySpeed;
  38.           }
  39.       }
  40.        
  41.       function accUpdateHandler(event:AccelerometerEvent):void
  42.       {
  43.           xSpeed +=  event.accelerationX * 2;
  44.           ySpeed -=  event.accelerationY * 2;
  45.          
  46.           txtX.text = new String(event.accelerationX);
  47.           txtY.text = new String(event.accelerationY);
  48.           txtZ.text = new String(event.accelerationZ);
  49.       }

Agora basta pedir para testar no emulador do Adobe Device Central CS5, devemos ter algo parecido com isto:

Adobe Device Central CS5

DOWNLOAD SOURCE
Para saber mais:
http://help.adobe.com/en_US/flashlite/dev/4/index.html

]]> http://www.leonardofranca.com.br/index.php/2010/10/15/usando-acelerometro-no-flash-lite-4-0/feed/ 2 Usando Geolocalização com Flash Lite e Nokia Platform Services http://www.leonardofranca.com.br/index.php/2010/10/06/usando-geolocalizacao-com-flash-lite-e-nokia-platform-services/ http://www.leonardofranca.com.br/index.php/2010/10/06/usando-geolocalizacao-com-flash-lite-e-nokia-platform-services/#comments Wed, 06 Oct 2010 03:01:01 +0000 Leonardo França http://www.leonardofranca.com.br/?p=1430 Continue reading →]]> O uso de recursos de geolocalização não é mais novidade hoje em dia, temos aparelhos com GPS integrados em carros, smartphones, notebooks etc. O Flash Lite 4.0, Flash Player 10.1(somente mobile) e Adobe AIR 2.5(também só mobile) têm suporte nativo a geolocalização. O Flash Lite 3 pode acessar recursos de geolocalização do smartphone através do Nokia Platform Services
A Nokia criou uma biblioteca especialmente para trabalhar em conjunto com o Flash Lite dando acesso a recurso que nativamente não são possivéis como acesso ao acelerômetro, GPS, agenda de contatos etc.

A Nokia criou uma biblioteca especialmente para trabalhar em conjunto com o Flash Lite dando acesso a recurso que nativamente não são possivéis como acesso ao acelerômetro, GPS, agenda de contatos etc.

Vou mostrar um exemplo simples do uso de geolocalização com Flash Lite 3.0 e Nokia Platform Services.
Baixe a biblioteca da Nokia e em seguida salve no diretorio de acordo com seu sistema operacional:

O Nokia Platform Services só funciona em dispositivos com o Symbian S60 5th.

  • No Mac - Copie para /Users//Library/Application/Support/Adobe/Flash CS5/en/Configuration/Classes/
  • No Windows Vista - Extraia para /Users//AppData/Local/Adobe/Flash CS4/en/Configuration/Classes.
  • No Windows XP - Extraia para //Local Settings/Application Data/Adobe/Flash CS5/en/Configuration/Classes/

Começaremos nosso primeiro exemplo:

  • Crie um arquivo do tipo ActionScript 2.0 e peça para compilar para o Flash Lite 3.0 ou 3.1. Ou pode criar diretamente pelo Adobe Device Central CS5.
  • Crie um MovieClip e de o nome de instância "mcScreen" e deixe no palco.

Agora iremos a parte da codificação. Iniciaremos desabilitando o teclado virtual(no meu caso to usando um Nokia 5230) e setando o programa para abrir em fullscreen.

PLAIN TEXT
ACTIONSCRIPT:
  1. fscommand2("DisableKeypadCompatibilityMode");
  2.       fscommand2("FullScreen", "true");

Adicionaremos o import para classe services da Nokia e declararemos as variavéis necessarias.

PLAIN TEXT
ACTIONSCRIPT:
  1. import com.nokia.lib.Service
  2.      
  3.       //api google maps
  4.       var API_KEY:String = "YOUR_API_KEY";
  5.       var latitude:Number;
  6.       var longitude:Number;
  7.       var myLocation:Service;
  8.       var mapLoader:MovieClipLoader;

Usarei a API do Google Maps para usar os dados de latitude e longitude para mostrar a localização no mapa. É necessaria adquirir uma key do site do Google.
Instanciaremos o serviço e setamos para que peça as informações de geolocalização do smartphone.

PLAIN TEXT
ACTIONSCRIPT:
  1. var myLocation = new Service("Service.Location", "ILocation");
  2.       var inParams = {LocationInformationClass:"GenericLocationInfo"};
  3.       var outParams = myLocation.GetLocation(inParams);

Agora é só pegar os valores da latitude e longitude para mandar carregar a localização no mapa. Um detalhe é que o Google não possui API para se trabalhar com ActionScript 2.0, somente para ActionScript 3.0. Portanto o que farei é que o Flash carregue uma imagem do Google Maps via HTTP. Você pode ver mais detalhes clicando aqui.

PLAIN TEXT
ACTIONSCRIPT:
  1. if (outParams.ErrorCode == 0)
  2. {
  3. var outList = outParams.ReturnValue;
  4. txtLatitude.text = outList.Latitude;
  5. txtLongitude.text = outList.Longitude;
  6. latitude = outList.Latitude;
  7. longitude = outList.Longitude;
  8. mcScreen.createEmptyMovieClip("mcMap", mcScreen.getNextHighestDepth());
  9. mapLoader = new MovieClipLoader();
  10. mapURL = "http://maps.google.com/maps/api/staticmap?center="+latitude+","+longitude+"&size=360x640&markers=color:red|"+latitude+","+longitude+"&key="+API_KEY+"&format=jpg-baseline&zoom=10&sensor=true";
  11. mapLoader.loadClip(mapURL, mcScreen.mcMap);
  12. }

DOWNLOAD SOURCE
Para saber mais:
http://www.forum.nokia.com/Develop/Other_Technologies/Flash_lite/
http://library.forum.nokia.com/index.jsp?topic=/Flash_Lite_Developers_Library/GUID-46EABDC1-37CB-412A-ACAD-1A1A9466BB68.html

Se você esta procurando um livre sobre Flash Lite, recomendo Flash Lite 2: Crie Aplicativos e Games para Celulares do meu amigo Fabricio Manzi, creio que seja o único em português que temos ;)

]]> http://www.leonardofranca.com.br/index.php/2010/10/06/usando-geolocalizacao-com-flash-lite-e-nokia-platform-services/feed/ 0 Codinomes dos Softwares da Adobe (e antiga Macromedia) http://www.leonardofranca.com.br/index.php/2010/10/04/codinomes-dos-softwares-da-adobe-e-antiga-macromedia/ http://www.leonardofranca.com.br/index.php/2010/10/04/codinomes-dos-softwares-da-adobe-e-antiga-macromedia/#comments Mon, 04 Oct 2010 03:21:14 +0000 Leonardo França http://www.leonardofranca.com.br/?p=1435 Continue reading →]]> Segue alguns codinomes usados pela Adobe (e da antiga Macromedia) para o desenvolvimento de seus softwares. Lista em constante atualização, quem souber de algum codinome que não esteja na lista, pode deixar um comentário para atualização :D

Product Codename
Adobe AIR 2.5 ?
Adobe AIR 2.0 Athena
Adobe AIR 1.5 Cosmo
Adobe AIR 1.0 Apollo
Adobe Media Player Philo
VoIP for Flash Pacifica
Flash Player native 64-bit support Square
Flash Player 10 Astro
Flash Player 9.0.60 Moviestar
Flash Player 8.5 Zaphod
Flash Player 7 Mojo
Flash Player 6 Exorcist
Flash CS5 Viper
Flash 10 CS4 Diesel
Flash 9 CS3 Bolero(Dot Release) > Blaze
Flash 8 8Ball
Flash Player 8 Maelstrom
Flash MX 2004 7.2 Ellipsis
Flash MX 2004 Matador
Flash MX Professional 2004 Toreador
Flash MX Fang
Flash 5 Gromit
Flash Remoting Salsa
Flash Media Server 2.0.1 Dynamo
Flash Media Server 2.0 Edison
Flash Communication Server 1.5 Kaiwa
Flash Communication Server 1.0 TinCan
Flash Lite 3.0 Authoring Rob Roy
Flash Lite 2.0 Deuce
Flash Lite 1.1 Sahti
Generator 2 Tsunami
Captivate Northshore
Central 1.5 Mercury > Gemini
Flash Catalyst Thermo
Flex 4.5 Hero
Flex 4.0 Gumbo
Flex 3.0 Moxie
FDS 2.x/3.0 ? Borneo
Flex Builder 4 Burrito
Flex Builder 2 Zorn
Flex 2.0 Mistral
Flex 1.5 for .NET Wondertwin
Flex 1.0 Illiad > Odyssey > RedHouse > Royale
Flex Builder 1.0 Brady
ColdFusion Builder 2 Storm
ColdFusion Builder 1 Bolt
ColdFusion 11 Thunder
ColdFusion 10 Link
ColdFusion 9 Centaur
ColdFusion 8 (64Bit) Gemini
ColdFusion 8 Scorpio
ColdFusion MX 7.5 (?) Mystic
ColdFusion MX 7 Updater (7.0.1) Merrimack
ColdFusion MX 7 Elvis > Blackstone
ColdFusion MX 6.1 RedSky
ColdFusion MX 6 Neo
JRun 5 Cheetah
JRun 4 Nozomi
Director MX 2004 Woody
Director MX Foster
Director 8.5 Tron
Director 8 Woo
Director 6 Hopper
Director 5 Spike
Multiuser Server Mars
Contribute 2 Samwise
Contribute 1 Dashboard
Dreamweaver 10 CS4 Stiletto
Dreamweaver 9 CS3 Hanzo
Dreamweaver 8 Coltrane
Fireworks 8 Avedon

Fonte:
http://luar.com.hk/blog/?p=472

]]> http://www.leonardofranca.com.br/index.php/2010/10/04/codinomes-dos-softwares-da-adobe-e-antiga-macromedia/feed/ 0