Leonardo França » Nokia

Reportagem sobre geolocalização na revista Wide

Leonardo França — Mon, 10 Jan 2011 04:56:28 +0000

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

Criando aplicativos com Web Runtime(WRT) e Flash Lite para dispositivos Nokia

Leonardo França — Thu, 28 Oct 2010 15:19:06 +0000

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:

 for="select">>
             name="select" id="select">
               value="sample">sample.flv>
               value="sneeze">sneeze.flv>
            >
             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:

 id="playerFlashLite" name="playerFlashLite" width="360" height="360" data="PlayerFlashLite.swf"
              allowscriptaccess='always'
              allowFullScreen='true'
              usefullscreen='true'
              type='application/x-shockwave-flash'
              loop='false'>
            >

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

PLAIN TEXT

JAVASCRIPT:

function playVideo()
      {
          document.getElementById("playerFlashLite").playVideo(document.getElementById("select").value);
      }

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:

import flash.external.*;
 
      ExternalInterface.addCallback("playVideo",this,playVideo);
       
      trace("init..");
      var nc = new NetConnection();
      nc.connect("rtmp://localhost/videoondemand");
       
      nc.onStatus = function(info)
      {
          trace("Level: " + info.level + " Code: " + info.code);
      };
       
      function playVideo(video:String)
      {
          ns = new NetStream(nc);
          vd.attachVideo(ns);
          ns.play(video);
          ns.connect();
          txt.text = video;
          ns.onStatus = function(info)
          {
              trace("Level: " + info.level + " Code: " + info.code);
          };
      }

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

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

Criando e publicando aplicativos para dispositivos Nokia usando o Ovi App Wizard

Leonardo França — Wed, 20 Oct 2010 01:46:57 +0000

A Ovi Store, loja virtual da Nokia para distribuição e monetização de aplicativos para seus dispositivos, vem crescendo muito nos últimos meses. Hoje são feitos mais de 2 milhões e meio de downloads por dia na Ovi Store. A Nokia criou o Ovi App Wizard, permitindo que você em minutos um aplicativo para Ovi Store, baseado no feed de seu site, testado nos mais variados dispositivos(touch, no-touch etc) e ainda tendo a opção de monetizar seu aplicativo .

Saiba mais em:

http://www.oviappwizard.com

Veja o aplicativo feito a partir do rss do meu blog

Usando Acelerômetro no Flash Lite 4.0

Leonardo França — Sat, 16 Oct 2010 02:18:48 +0000

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! )

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:

function createBall():void
      {
          ball = new Sprite();
          ball.graphics.beginFill(0xFF0000);
          ball.graphics.drawCircle(0, 0, RADIUS);
          ball.cacheAsBitmap = true;
          ball.x = stage.stageWidth / 2;
          ball.y = stage.stageHeight / 2;
          addChild(ball);
      }

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:

function AccelerometerTest()
      {
          stage.scaleMode = StageScaleMode.NO_SCALE;
          stage.align = StageAlign.TOP_LEFT;
       
          createBall();
       
          if (Accelerometer.isSupported)
          {
              accelerometer = new Accelerometer();
              accelerometer.addEventListener(AccelerometerEvent.UPDATE, accUpdateHandler);
              stage.addEventListener(Event.ENTER_FRAME, enterFrameHandler);
          }
      }

E o restante do código.

PLAIN TEXT

ACTIONSCRIPT3:

function enterFrameHandler(event:Event):void
      {
          event.stopPropagation();
          moveBall();
      }
      function moveBall():void
      {
          var newX:Number = ball.x + xSpeed;
          var newY:Number = ball.y + ySpeed;
          if (newX <20)
          {
              ball.x = RADIUS;
              xSpeed = 0;
          }
          else if (newX> stage.stageWidth - RADIUS)
          {
              ball.x = stage.stageWidth - RADIUS;
              xSpeed = 0;
          }
          else
          {
              ball.x +=  xSpeed;
          }
       
          if (newY <RADIUS)
          {
              ball.y = RADIUS;
              ySpeed = 0;
          }
          else if (newY> stage.stageHeight - RADIUS)
          {
              ball.y = stage.stageHeight - RADIUS;
              ySpeed = 0;
          }
          else
          {
              ball.y +=  ySpeed;
          }
      }
       
      function accUpdateHandler(event:AccelerometerEvent):void
      {
          xSpeed +=  event.accelerationX * 2;
          ySpeed -=  event.accelerationY * 2;
         
          txtX.text = new String(event.accelerationX);
          txtY.text = new String(event.accelerationY);
          txtZ.text = new String(event.accelerationZ);
      }

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

A Nokia deveria desistir do Symbian?

Leonardo França — Tue, 12 Oct 2010 02:51:28 +0000

Ultimamente tenho lido em varios blogs nacionais e internacionais críticas ferrenhas ao sistema operacional Symbian e a Nokia. A argumentação é sempre a mesma, de que o sistema operacional Symbian está obsoleto, de que a Nokia deveria investir no Google Android e por ai vai.

Agora mostrarei meus argumentos pelos quais acredito que a Nokia[bb]não vai deixar de usar o sistema operacional Symbian em seus aparelhos celulares tão cedo, meus argumentos se baseam em dois tópicos:
Mercado e estratégia:

A tem uma gama enorme de aparelhos celulares sendo vendidos ultimamente, muitos rodando Symbian e que vendem muito.
Quem compara Symbian com Android ou IPhone, está fazendo a comparação errada, são usuários com necessidades e poder aquisitivo diferentes.
Um usuário que compra um aparelho de 100 reais não vai comprar um aparelho de 2000 reais.
Muitos usuários querem apenas que os aparelhos façam ligações e que enviem e recebam SMS.

Técnica

É muito lucrativo para Nokia produzir aparelhos de baixo custo, ou seja, aparelhos baratos e claro, sem capacidade de rodar um Android por exemplo.
A Nokia tem o Qt(C++) para criação de aplicativos para Symbian, Maemo e Meego. No Android, o SDK é baseado em Java e seria necessário alguma parceria entre Nokia e Google para o Qt gerar aplicativos para Android, coisa que até o momento não existe.
A Symbian Foundation já esta trabalhando em uma nova versão do sistema operacional Symbian^4.

São apenas alguns pontos baseados em minha experiência. Resumindo, o Symbian ainda gera lucro para a Nokia e porque desistir de algo que é lucrativo? Exemplo foi o celular que funcionava como lanterna que fez muito sucesso na África e no Brasil. Mas concordo em um ponto, de que a Nokia demorou a perceber que o modelo de touchscreen introduzido pelo IPhone iria se tornar tendência. Agora parece que fez um bom trabalho com o Nokia N8 e Symbian^3.