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

Mar 8

Server-Side ActionScript no Flash Media Server

Escrito por Leonardo França em 1, 2.0, 3.5, 4, 6, action, Actionscript, Actionscript 3.0, Adobe, Aplicativos, app, AR, bar, BI, botão, C#, carregar, case, class, Curso, Cursos, Desenvolvimento, Documentação, engine, err, eval, exemplo, Exemplos, flash, flash media, Flash Media Server, Flash Player, Flex, FMS, for, function, html, ide, IE, if, image, int, Java, Javascript, Mac, mg, NaN, O, on, online, padrão, player, pt, RIA, Ria’s Geral, S+S, server, servidor, streaming, swf, TAT, Teste, UI, uint, web, XP @ 03 8th, 2012 | via http://www.leonardofranca.com.br | Sem comentários

Poucos sabem mas o Flash Media Server(versão Interactive) possui uma linguagem de servidor chamada Server-Side ActionScript ou ActionScript Communications(extensão .asc). O que permite recurso poderosos em seus aplicativos multimídia muito além de um simples streaming.
Server-Side ActionScript é o nome que Adobe deu para o JavaScript 1.5, o Flash Media Server possui uma engine de JavaScript para compilar e executar os scripts.
O Server-Side ActionScript é parecido mas não idêntico ao ActionScript 1.0, mas ambos são baseado no ECMAScript(ECMA-262) edition 3 language specification. O Server-Side ActionScript roda sob a engine SpiderMonkey da Mozilla que consta no Flash Media Server enquanto que o ActionScript 1.0 roda sob o AVM1(ActionScript Virtual Machine 1) no Adobe Flash Player. O SpiderMonkey implementa o totalmente o ECMAScript enquanto que a AVM1 do Flash Player não. A grande diferença entre os dois é que o Server-Side ActionScript é case-sensitive.
Portanto para quem já tem conhecimento de JavaScript, pode reaproveita-lo para usar no Flash Media Server, é possível utilizar a maioria dos recursos e ainda contar com os recursos exclusivos do Flash Media Server.

Vamos os primeiros passos para utilizar o Server-Side ActionScript no Flash Media Server. Uma maneira de testar seus scripts é usando o fms_console localizado no caminho:

INSTALATION FOLDERAdobeFlash Media Server 4.5webrootswfsfms_adminConsole.swf

Se você tiver o Adobe Flash Professional, pode abrir esse arquivo diretamente apenas dando dois cliques, caso contrario, abra pelo navegador. Ao ser aberto, devemos ter uma tela como essa:

Tela inicial do fms_adminConsole.swf

Basta entrar com o login e senha que você determinou no momento em que estava instalando o Flash Media Server que deveremos entrar para a seguinte tela:

Tela pos-login

Esse será seu melhor amigo ao desenvolver aplicativos com Flash/Flex e Flash Media Server. Por padrão, o Flash Media Server lê o seguinte diretorio:

INSTALATION FOLDERAdobeFlash Media Server 4.5applications

Esse caminho pode ser configurado modificando a linha “VHOST.APPSDIR” no seguinte arquivo:

INSTALATION FOLDERAdobeFlash Media Server 4.5conffms.ini

Criaremos um diretorio chamado “teste”, e dentro dele um arquivo chamando “main.asc” com o seguinte conteúdo:

PLAIN TEXT

JAVASCRIPT:

// ActionScript Communications Document
trace(“init app…”);

Agora no console, carregaremos nossa aplicação criando uma nova instância dela selecionando no combobox:

Na tela seguinte, basta dar um “enter”.

Deveremos ter o resultado do nosso trace na caixa de texto como na imagem:

Resultado do trace

Uma recomendação que faço é que você limpe a tela antes de executar novamente o script main.asc, basta clicar no botão Clear Log(1) e depois em Reload Application(2):

Alguns exemplos do que pode ser usado com o Server-Side ActionScript

Constantes

PLAIN TEXT

JAVASCRIPT:

// ActionScript Communications Document
trace(“init app…”);
const PI = 3.14;
trace(PI);

Expressões Regulares

PLAIN TEXT

JAVASCRIPT:

// ActionScript Communications Document
trace(“init app…”);
myRe = /d(b+)d/g;
myArray = myRe.exec(“cdbbdbsbz”);
trace(myArray);

Funções

PLAIN TEXT

JAVASCRIPT:

// ActionScript Communications Document
trace(“init app…”);
function teste()
return “to na funcao o/”;
trace(teste());
function factorial(n)
if ((n == 0)
}
trace(factorial(5));

Objetos

PLAIN TEXT

JAVASCRIPT:

// ActionScript Communications Document
trace(“init app…”);
var obj = id:“teste”,data:2,status:“ONLINE”,type:“admin”
trace(obj);
for(s in obj)
trace(s +” – “+obj[s]);

Array

PLAIN TEXT

JAVASCRIPT:

// ActionScript Communications Document
trace(“init app…”);
var arr = ["leo", "carol", "pam", "perla","carlinha"];
trace(arr);
function removeValueFromArray(arr, value)
var len = arr.length;
for(var i = len; i> -1; i–)
if(arr[i] === value)
arr.splice(i, 1);
}
return arr;
}
trace(removeValueFromArray(arr,“pam”));

Aviso importante, use esses recursos SOMENTE em ambiente de desenvolvimento. Em ambiente de produção, você derrubará todo mundo que estiver conectado ? sua aplicação.

Referência:
Documentação do Adobe Flash Media Server

Jan 3

SharedObject com Flash Media Server

Escrito por Leonardo França em .NET, 1, 2.0, 4, 6, action, Actionscript, ActionScript 3, Actionscript 3.0, Actionscript3, Adobe, Air, Aplicativos, app, AR, BI, botão, browser, C#, class, cliente, código, Cookie, Curso, dados, demo, Download, err, event, EventListener, events, exemplo, Ferramenta, filter, flash, flash media, Flash Media Server, Flash Player, Flex, FMS, function, Geral, git, Google, handle, html, ide, IE, if, image, instalação, int, live, mg, O, on, Outros, Partilha, player, pt, referencia, RIA, Ria’s Geral, RTM, RTMP, S+S, server, servidor, swf, TAT, UI, uint, update, Ved, web, window @ 01 3rd, 2012 | via http://www.leonardofranca.com.br | Sem comentários

SharedObject é um recurso que dar ao Flash Player a capacidade de salvar dados localmente para poder ser usado posteriormente em sua aplicação, a grosso modo é como um cookie. Com o Flash Media Server, foi introduzido a possibilidade de usar o SharedObject Remote, no qual os dados são salvos no servidor Flash Media Server e compartilhados para todas as instâncias de uma conexão entre o Flash Player e o Flash Media Server. Isso possibilita a criação de aplicativos em real time como Dashboards, chats e o que mais a imaginação permitir.

O uso do SharedObject Remote pode ser usado de duas maneiras em conjunto com o Adobe Flash Media Server.

Somente pelo lado cliente, através do Flash Player/AIR
Em conjunto com ActionScript Communication, linguagem de servidor do Flash Media Server

Vejamos o primeiro caso:

Através do lado cliente, através do Flash Player/AIR

Caso você não tenha conhecimento para usar a linguagem Server-side do Flash Media Server, é possível utilizar o SharedObject Remote somente pelo ActionScript 3.0. Vamos a um exemplo clássico sharedBall, onde o objetivo é compartilhar as posições da bolinha a atualizar nos outros clientes conectados a mesma instância.

Vá até o diretório de instalação do Flash Media Server e procure pela pasta “applications”, lá crie um diretório chamado “sharedBall”, dentro dele um arquivo chamado “main.asc”
Abra o main.asc no seu editor de textos de preferencia ou pelo próprio Flash e digite: trace(“sharedBall…”);
Vamos testar esse arquivo, abra o console do Flash Media Server, geralmente fica localizado no diretorio de instalação/webrrot/swfs. Você pode abrir pelo browser ou o swf diretamente.
Clique no botão “View Applications” e em seguida procure o nome “sharedBall” no combobox logo no canto inferior esquerdo onde está escrito “New Instance…”
Selecione “sharedBall” e deveremos ter na aba Live Log algo como na imagem abaixo:

No Flash, criei uma bola com as ferramentas de desenho e converti para MovieClip dando o nome de “mc_ball”.
Estamos prontos para começar a integração entre o Flash e o Flash Media Server. Crie um layer para o ActionScript e abra o editor apertando F9 ou “Window->Actions”
Nosso código começa com a conexão com o servidor Flash Media Server

PLAIN TEXT

ACTIONSCRIPT3:

import flash.net.NetConnection;
import flash.events.NetStatusEvent;
var nc:NetConnection;
function init():void
nc = new NetConnection();
nc.addEventListener(NetStatusEvent.NET_STATUS, handlerNetStatus);
nc.connect(“rtmp://localhost/sharedBall”);
function handlerNetStatus(evt:NetStatusEvent):void
trace(evt.info.code);
init();

Feito isso, podemos testar o swf apertando Ctrl+Enter, se tudo correr bem, deveremos ter a seguinte mensagem no output do Flash:

NetConnection.Connect.Success

Com a conexão feita, podemos instanciar o nosso SharedObject Remote para compartilhar as posições de x e y da bolinha.

PLAIN TEXT

ACTIONSCRIPT3:

if(evt.info.code == “NetConnection.Connect.Success”)
so = SharedObject.getRemote(“so”,nc.uri,false);
so.addEventListener(NetStatusEvent.NET_STATUS, handlerNetStatus);
so.addEventListener(SyncEvent.SYNC, handlerSync);
so.connect(nc);

O handlerSync é responsável por atualizar os dados de x e y pegaremos do SharedObject Remote:

PLAIN TEXT

ACTIONSCRIPT3:

function handlerSync(evt:SyncEvent):void
mc_ball.x = so.data.x;
mc_ball.y = so.data.y;

Daremos a opção de ao clicar na bolinha, que ela possa ser arrastável, em seguida atualizaremos as posições de x e y no SharedObject Remote:

PLAIN TEXT

ACTIONSCRIPT3:

mc_ball.addEventListener(MouseEvent.MOUSE_DOWN, handlerSharedBall);
mc_ball.addEventListener(MouseEvent.MOUSE_UP, handlerSharedBallOut);
function handlerSharedBall(evt:MouseEvent):void
this.addEventListener(Event.ENTER_FRAME, update);
mc_ball.startDrag();
function handlerSharedBallOut(evt:MouseEvent):void
mc_ball.stopDrag();
function update(evt:Event=null):void
so.setProperty(“x”,mc_ball.x);
so.setProperty(“y”,mc_ball.y);

Segue o código completo:

PLAIN TEXT

ACTIONSCRIPT3:

import flash.net.NetConnection;
import flash.events.NetStatusEvent;
import flash.net.SharedObject;
import flash.events.SyncEvent;
import flash.events.MouseEvent;
import flash.events.Event;
var nc:NetConnection;
var so:SharedObject;
function init():void
nc = new NetConnection();
nc.addEventListener(NetStatusEvent.NET_STATUS, handlerNetStatus);
nc.connect(“rtmp://localhost/sharedBall”);
function handlerNetStatus(evt:NetStatusEvent):void
{
trace(evt.info.code);
if(evt.info.code == “NetConnection.Connect.Success”)
so = SharedObject.getRemote(“so”,nc.uri,false);
so.addEventListener(NetStatusEvent.NET_STATUS, handlerNetStatus);
so.addEventListener(SyncEvent.SYNC, handlerSync);
so.connect(nc);
}
function handlerSync(evt:SyncEvent):void
mc_ball.x = so.data.x;
mc_ball.y = so.data.y;
mc_ball.addEventListener(MouseEvent.MOUSE_DOWN, handlerSharedBall);
mc_ball.addEventListener(MouseEvent.MOUSE_UP, handlerSharedBallOut);
function handlerSharedBall(evt:MouseEvent):void
this.addEventListener(Event.ENTER_FRAME, update);
mc_ball.startDrag();
function handlerSharedBallOut(evt:MouseEvent):void
mc_ball.stopDrag();
function update(evt:Event=null):void
so.setProperty(“x”,mc_ball.x);
so.setProperty(“y”,mc_ball.y);
init();

Veja uma demostração em funcionamento:

Download sharedBall

Dez 27

Flex com PHP usando ZendAMF – Zend_Db

Escrito por Leonardo França em .NET, 1, 2.0, 2009, 4, abas, action, Actionscript, Actionscript 3.0, Actionscript3, Adobe, Adobe Flex, AMF, amfphp, AR, Artigo, Banco de Dados, C#, catch, class, classe, classes, dados, email, exemplo, filter, Flex, framework, function, Google, handle, html, if, image, int, Java, lista, live, mg, mysql, O, on, Password, PHP, pt, Ria’s Geral, S+S, server, site, TAT, Tema, try, UI, uint, update, Ved, zend, Zend Amf, zendAMF, zendFramework @ 12 27th, 2011 | via http://www.leonardofranca.com.br | Sem comentários

O artigo Adobe Flex com PHP usando ZendAMF – primeiros passos teve como objetivo exemplificar a integração do Flex com PHP para quem já tinha sistemas desenvolvidos usando o AMFPHP, por isso não usei as classes para acesso a banco de dados do ZendFramework. Neste artigo mostrarei o mesmo exemplo mas usando exclusivamente ZendFramework.

Pegarei o mesmo exemplo utilizado no artigo anterior, só modificando a classe PHP para usar as classes de abstração de banco de dados do ZendFramework. Começaremos com nosso gateway.php

PLAIN TEXT

PHP:

require_once ‘Zend/Config.php’;
require_once ‘Zend/Db.php’;
require_once ‘Zend/Amf/Server.php’;
require_once ‘Zend/Amf/Exception.php’;
require_once ‘Zend/Amf/Server.php’;
$server = new Zend_Amf_Server();
$server->setProduction(false);
$server->setClass(‘Contato’);
echo($server->handle());
?>

Executando o link no seu navegador, deve aparecer a seguinte mensagem:

Zend Amf Endpoint

Em seguida, modificaremos em nossa classe principal, que efetuará as operações de listar, inserir, apagar e atualizar os dados do nosso banco:

PLAIN TEXT

PHP:

/*
* author Leonardo França
* site http://www.leonardofranca.com.br
*/
class Contatos
private $db;
private $config;
private $select;
private $stmt;
function __construct()
$params['host'] = ‘localhost’;
$params['dbname'] = ‘java’;
$params['username'] = ‘root’;
$params['password'] = ”;
$database['adapter'] = ‘Mysqli’;
$database['params'] = $params;
$data['database'] = $database;
$this->config = new Zend_Config($data);
$this->db = Zend_Db::factory($this->config->database);
public function getData()
try
$this->select = $this->db->select();
$this->select->from(‘tabela’,array(‘id’,‘nome’,‘email’));
$this->stmt = $this->select->query();
$result = $this->stmt->fetchAll();
return $result;
catch (Exception $e)
throw new Exception($e->getMessage());
}
public function insertData($data=array())
try
$dados = array(
‘nome’ => $data['nome'],
‘email’ => $data['email']
);
$retorno = $this->db->insert(‘tabela’, $dados);
return $retorno;
catch (Exception $e)
throw new Exception($e->getMessage());
}
public function deleteData($data=array())
try
$retorno = $this->db->delete(‘tabela’, ‘id = ‘.$data['id']);
return $retorno;
catch (Exception $e)
throw new Exception($e->getMessage());
}
public function updateData($data=array())
try
$dados = array(
‘nome’ => $data['nome'],
‘email’ => $data['email']
);
$where['id = ?'] = $data['id '];
return $this->db->update(‘tabela’, $dados, $where);
catch (Exception $e)
throw new Exception($e->getMessage());
}
}
?>

No ActionScript só precisaremos mudar o que será passado para o PHP, ao inves de VOs, mandaremos Arrays:

PLAIN TEXT

ACTIONSCRIPT3:

public function insertData():void
var contatosVO:Array = [];
contatosVO['nome']= input_nome.text;
contatosVO['email'] = input_email.text;
ro.insertData(contatosVO);

Referências:
http://framework.zend.com/manual/en/zend.db.adapter.html

Ago 31

Oportunidades de trabalho na Alta Comunicazione

Escrito por Lucas Marçal em 1, 4, action, Actionscript, ActionScript 3, Actionscript 3.0, AMF, amfphp, Android, api, app, AR, Banco de Dados, BI, builder 4, C#, ColdFusion, ColdFusion 8, css, css3, dados, Desenvolvimento, Design, designer, Destaque, developer, DRE, Dreamweaver, err, Ferramenta, flash, flash builder, Flash Builder 4, framework, gaia, git, html, html5, IE, if, ignite, int, Java, Javascript, JQuery, layout, motion, mysql, O, on, oop, photoshop, PHP, procura, programação, pt, RIA, Ria’s Geral, S+S, Sun, TAT, UI, Vagas, web, xhtml @ 08 31st, 2011 | via http://www.lucasmarcal.com.br/blog/ | Sem comentários

A Alta Comunicazione está abrindo novas vagas para o setor de web, abaixo segue um descritivo do perfil desejado separado por áreas.
Se você tem facilidade em trabalhar em equipe, gosta de um bom desafio e procura uma vaga de trabalho entre em contato conosco:

Enviar CV para: trabalhecomagente@altacomunicazione.com.br
Assunto: DIGITAL
www.altacomunicazione.com.br

Perfil WebDesigner

-Ferramentas de trabalho
*Dreamweaver CS5.5
*Photoshop Cs5
*Illustrator CS5
*Fireworks Cs5

-Habilidades necessárias
*Conhecimento sobre XHTML e CSS
*Conhecimento sobre Jquery
*Conhecimento sobre JavaScript
*Sólidos Conhecimentos sobre Adptação de layouts (PSD) para XHTML

-Diferenciais
*habilidade para desenvolver layouts
*HTML5 e CSS3
—————————————————————————-

Perfil Developer PHP

-Ferramentas de trabalho
*Dreamweaver CS5.5
*Navcat
*Photoshop cs5
*Fireworks Cs5

-Habilidades necessárias
*Conhecimento sobre XHTML e CSS
*Conhecimento sobre Jquery / Javascript
*Conhecimento Intermediário sobre Linguagem SQL e Banco de dados MYSQL
*Conhecimento (ter desenvolvido algo) com Codeigniter
*Conhecimento sobre AMFPHP
*Conhecimento sobre PHP nativo
*Falicidade na integração de APIs

-Diferenciais
*HTML5 e CSS3
*Coldfusion 8 ou 9
—————————————————————————

Perfil Developer Actionscript 3.0

-Ferramentas de trabalho
*Dreamweaver CS5.5
*Flash Cs5.5
*Flash Builder 4.5 / FlashDeveloper 4.0 / FTD
*Photoshop cs5
*Fireworks Cs5

-Habilidades necessárias
*Conhecimento sobre Actionscript 3.0
*Conhecimento sobre Gaia Framework
*Conhecimento sobre adptação de layouts
*Conhecimento sobre OOP (Programação orientada a objeto)
*Falicidade na integração de APIs
*Sólidos conhecimentos sobre Motion via Timeline ou Greensock

-Diferenciais
*HTML5 e CSS3
*Coldfusion 8
*PHP (AMFPHP)
*Desenvolvimento de Apps para Android e IOS

Enviar CV para: trabalhecomagente@altacomunicazione.com.br
Assunto: DIGITAL
www.altacomunicazione.com.br

Jul 31

Adobe LiveCycle Collaboration Service

Escrito por Leonardo França em 1, 2.0, 4, 6, Actionscript 3.0, Adobe, Adobe Flex, api, Aplicativos, AR, arte, BI, C#, class, Curso, Cursos, dados, Desenvolvedor, desenvolvedores, Desenvolvimento, Destaque, developer, exemplo, Exemplos, Experiências, flash, flash builder, Flash Player, Flex, free, if, image, int, live, LiveCycle, mg, O, on, PHP, player, portal, referencia, RIA, Ria’s Geral, S+S, Saas, SDK, serviço, Software, UI, Ved, web, WebCam, XP @ 07 31st, 2011 | via http://www.leonardofranca.com.br | Sem comentários

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/

Jul 6

Adobe Mobile Challenge

Escrito por Mauro Martins em .NET, 1, 2.0, 3.5, 4, 6, action, Actionscript, ActionScript 3, Actionscript 3.0, Adobe, Adobe Max, Android, app, apple, AR, BI, blog, C#, class, err, Eventos, Flash / Flex, Flex, for, Formação, framework, image, Inspiração, layout, Links e sugestões, map, mg, mobile, O, on, pt, Ria’s Geral, S+S, web @ 07 6th, 2011 | via http://imauro.com/blog/ | Sem comentários

Olá a todos!

A Adobe lançou hoje o Adobe Mobile Challenge que te permite ganhar um bilhete para a MAX 2011!

O desafio consiste em desenvolver uma aplicação usando apenas ActionScript 3.0 ou usando a framework de Flex. Pode ser qualquer tipo de aplicação!

Coloca a aplicação nos três marketplaces (Android Marketplace, Apple Store e BlackBerry App World) antes de 1 de Setembro, e regista-te para te habilitares a ganhar o bilhete!

Para mais informação:

http://www.adobemobilechallenge.com/

Mai 19

10 coisas que um bom programador flex deve saber

Escrito por Daniel Schmitz em .NET, 1, 2.0, 2009, 3.5, 4, 6, action, Action Script, Actionscript, ActionScript 3, Actionscript 3.0, Actionscript3, Adobe, Air, api, Aplicativos, Apresentação, AR, Arquitetura, arte, Artigo, as3, BI, Bindable, blog, bug, builder 4, C#, Cairngorm, class, classe, classes, código, código fonte, Componente, Componentes, components, control, Controles, css, Curso, Cursos, custom, dados, Data Binding, DataGrid, Debug, demo, desempenho, Desenvolvedor, desenvolvedores, Design, developer, development, dispatch, dispatchEvent, DRE, empresas, err, Estilo, event, EventListener, Evento, Eventos, eventos customizados, events, Excel, explorer, Ferramenta, flash, flash builder, Flash Builder 4, Flash Player, Flex, Flex 3, Flex 4, Flex Examples, fonte, for, framework, Frameworks, Google, Gráfico, handle, html, HTTPService, ide, IE, if, int, interface, Java, layout, lista, live, Livro, lógica, map, Mate, MAX 2009, mvc, MXML, O, on, oop, opensource, Outros, player, polimorfismo, problema, problemas, programação, Projetos, pt, RIA, Ria’s Geral, ruby, S+S, site, skins, Sun, tag, TAT, Tech, Tecnologia, tv, UI, uint, utf8, Ved, Vídeo, vs, web, Webservice, XML, XP @ 05 19th, 2011 | via http://flex.etc.br | Sem comentários

Esta é uma tradução do seguinte artigo: 10 Things A Good Flex Developer Should Know

Para ser um bom programador Flex é preciso mais que simplesmente saber como usar alguns componentes nativos do Flex. É preciso muito mais.

Aqui está minha contribuição sobre o assunto… juntamente com alguns recursos ou algumas palavras-chave que você poderá pesquisar facilmente através do Google.

Por favor, comente no blog se você achar que esqueci algo (o que é inevitável) ou se quiser sugerir alguns recursos interessantes que devo acrescentar.

1- Programação orientada a Objetos (OO)

O Flex se baseia na linguagem ActionScript3, que é totalmente orientada a objetos. Embora não seja um conceito fácil de aprender, programação orientada a objeto é um pré-requisito para aprender Flex. Se já possui experiência com OO (Java, C#, Ruby, etc), então você está pronto. Se não, você precisará pegar um livro sobre OO e começar a aprender o mais rápido possível.

· Head First Java (Java? Sim, Eu sei. Mas confie em mim.)

· Object-oriented programming with ActionScript 3.0

Nota: Alguns de vocês poderão perguntar – “O que são padrões de projetos?”. Vamos dar um passo de cada vez? Preocupe-se em entender classes e objetos, interfaces, herança, composição, polimorfismo, encapsulamento, etc. Só então considere estudar padrões de projetos. De fato, se eu escrever um post intitulado “10 coisas que um GRANDE programador Flex deve saber”, padrões de projeto estará nessa lista.

2- ActionScript/MXML

ActionScript é a linguagem de programação usada juntamente com MXML para criar aplicações Flex. MXML é uma linguagem de marcação baseada em XML. Cada tag MXML é mapeada diretamente para uma classe ActionScript correspondente. MXML é usado pelos desenvolvedores Flex principalmente para apresentar a interface do usuário, enquanto que, o ActionScript é usado para a lógica de negócio. Com exceções, é claro.

O Framework Flex inclui centenas de classes ActionScript e interfaces usadas para desenvolver aplicações Flex. Seu nível de habilidade como um desenvolvedor Flex está diretamente ligado ao seu conhecimento em relação ao ActionScript e MXML.

· Flex in a Week

· Tour De Flex

· Essential ActionScript 3.0

Nota: Fique ? vontade com a API do Flex. Como um desenvolvedor Flex, você vai usá-la diariamente.

3- Debugging

Boa parte do tempo de qualquer programador é gasto no debugging. Obviamente, é necessário debugar para rastrear a causa de bugs. No entanto, também é uma ótima maneira de conhecer o código fonte.

Felizmente, existem muitas ferramentas disponíveis para ajudá-lo com o trabalho de debugging. Invista algum tempo para aprender essas ferramentas. Seu investimento irá proporcionar retorno imediato.

· Flash Builder 4.5 Debugger

· De MonsterDebugger

· Kap Inspect

4- Programação orientada a eventos

Aplicações Flex são orientadas a eventos. Toda ação é o resultado de um evento assíncrono.

Como um desenvolvedor Flex, você deve saber como responder a eventos e como criar e disparar eventos. Para isso, é necessária uma sólida compreensão da arquitetura de eventos do Flex, incluindo familiaridade com os seguintes conceitos:

· Eventos nativos (Flash Player ou Framework de eventos Flex)

· Eventos customizados (Eventos criados pelo desenvolvedor, que estende a classe Event ou uma de suas subclasses)

· Disparar eventos, propagação de eventos (ver classe EventDispatcher e seu método dispatchEvent)

· Event listeners, event handlers (ver classe EventDispatcher e seus métodos addEventListener e removeEventListener)

· Fases do evento (capture, target & bubbling phases; target vs. currentTarget)

· Objetos do evento, tipos de eventos (ver classe Event e subclasses)

· Comportamento do evento default (ver classe Event e subclasses e seu método preventDefault)

5- Data binding

Aparentemente, data binding é um “no brainer”[1]. É só vincular o valor de uma propriedade ao valor de outra propriedade usando chaves. Quando o valor da propriedade de origem for alterado, o valor da propriedade de destino também é alterado.

No entanto, existe uma sobrecarga associada ao uso indiscriminado de data binding, podendo haver implicações no desempenho. Uma sólida compreensão de data binding ajudará a determinar quando é apropriado o seu uso e quando não é.

· Flex Tips – Using Bindable Metadata Events

· Michael Labriola’s presentation entitled Diving in the Data Binding Waters

6- Item renderers

Uma característica de uma aplicação Flex bem projetada é a apresentação dos dados de uma forma visualmente atraente. O Flex oferece uma série de controles baseados em listas (DataGrid, List, TileList, HorizontalList, etc) responsável pela apresentação dos dados. Portanto, pode-se personalizar a exibição dos dados com a ajuda de item renderers.

Você irá consumir muito tempo trabalhando com item renderers. Então é melhor saber bem como ele funciona.

· Flex Examples – Item Renderers in Practice

· A Deep Dive into Flex 4 Lists and Layouts

7- Acesso remoto a dados

Você conhece muitas aplicações que não interagem com os dados? Eu também não. Saiba como recuperar dados através de HTTPServive, WebService e RemoteObject. A arquitetura do framework Flex também poderá ajudá-lo com isso (ver #9).

· Retrieving and handling data with HTTPService

· Retrieving and handling data with WebService

· Retrieving and handling data with RemoteObject

8- Styling / Skinning

Não vamos nos esquecer que o Flex é uma tecnologia de interface e, como tal, certamente há expectativas em relação ao design. Como um desenvolvedor Flex, você deve ser capaz de personalizar a aparência de seus aplicativos usando estilos CSS, gráficos e/ou skins.

Com o Flex 4, não há mais desculpas. Use um pouco do seu tempo para conhecer de uma vez o lado direito do seu cérebro. É uma excelente mudança de paradigma, e vai ajudá-lo a diferenciar-se dos outros desenvolvedores Flex.

· Flex Style Explorer

· ScaleNine

· Introduction to Flex: Part 3 – Styles & Skins

9- Pelo menos um framework de arquitetura Flex

A maioria dos frameworks de arquitetura Flex impõe uma separação de camadas através da implementação do MVC (model-view-controller). Além disso, esses mesmos frameworks especificam como seu código deve ser organizado dentro do projeto Flex.

Embora muitos argumentariam que os frameworks são desnecessários, acredito que os desenvolvedores Flex se beneficiam em muitos aspectos da experiência de usá-los. Basta assistir ? s técnicas (boas ou más) empregadas por um framework para resolver problemas complexos de arquitetura. Isso contribuirá para seu crescimento como um desenvolvedor Flex.

Além disso, é difícil negar o fato de que a experiência com framework aumentará substancialmente o seu valor comercial como um desenvolvedor Flex. Jesse Warden me disse recentemente “Existem poucas empresas que não usam frameworks, mas isso é raro. Queiramos ou não, está na ‘moda’”. Eu concordo com Jesse.

· Cairngorm

· Parsley

· PureMVC

· Mate

· Swiz

· Robotlegs

10- Ciclo de vida de componentes e display list

Eu não estava convencido da necessidade de aprender o ciclo de vida de componentes Flex ou da display list até que escrevi o meu primeiro componente customizado (na verdade foi um componente semi-customizado que se estendia do componente Canvas). Até essa época eu usava componentes nativos do Flex, usando apenas o MXML enquanto que a display list era renderizada para mim. Em nenhuma vez tive que usar os métodos addChild, createChildren ou commitProperties, e usava o evento creatiomComplete para tudo.

Meu primeiro componente customizado usava uma quantidade enorme de eventos assíncronos, e eu não poderia prever a ordem em que cada evento seria disparado. Só depois que eu aprendi os métodos e variáveis do ciclo de vida dos componentes do Flex que eu pude ter um certo controle.

Estes métodos do ciclo de vida estão lá para serem usados. Saiba como funcionam e use-os para o seu benefício. Sua vida será mais fácil e você perderá menos cabelos.

· Colin Moock’s Lost ActionScript Weekend – The Display List

· Creating New Components in Flex 3

· Diving Deep with the Flex Component Lifecycle

· Understanding the Flex 3 Component and Framework Lifecycle

[1] Expressão americana usada para algo que requer pouco esforço mental ou inteligência para realizar ou compreender

Mai 14

Usando Acelerômetro com Adobe AIR for iOS

Escrito por Leonardo França em 1, 2.0, 4, 6, Actionscript 3.0, Adobe, Adobe Air, Air, Android, api, Aplicativos, app, AR, Artigo, C#, class, Curso, Cursos, dados, Download, exemplo, flash, flash lite, fonte, for, how-to, IE, if, image, iphone, jogo, Jogos, lite, mg, O, on, PHP, Ria’s Geral, S+S, UI @ 05 14th, 2011 | via http://www.leonardofranca.com.br | Sem comentários

O iPhone possui uma variedade grande de jogos e aplicativos que utilizam o recurso do acelerômetro. Dentre alguns recursos disponiveis que o Adobe AIR pode acessar, o acelerômetro está entre um deles, podendo acessar os dados dos eixos X, Y e Z.

O exemplo utilizado é o mesmo que consta no artigo para uso do acelerômetro com AIR for Android e que foi baseado do exemplo de uso do acelerômetro com Flash Lite 4.0.

Veja o resultado: Usando Acelerômetro com Adobe AIR for iOS

Baixe o fonte
DOWNLOAD

Mar 16

Faça seu site de jogos online feitos em Flash

Escrito por Leonardo França em .NET, 1, 3d, 4, 6, action, Actionscript, ActionScript 3, Actionscript 3.0, Adobe, api, AR, BI, blog, class, código, demo, Desenvolvedor, desenvolvedores, Desenvolvimento, DRE, engine, exemplo, Exemplos, facebook, flash, flash media, Flash Media Server, Flash Player, for, free, game, Google, ide, if, image, int, jogo, Jogos, library, lista, mg, News, newsletter, O, on, online, Pessoal, PHP, player, Plugin, produto, pt, Redes Sociais, RIA, Ria’s Geral, Scroll, server, site, TAT, UI, Ved, vs, web, wii, Wordpress @ 03 16th, 2011 | via http://www.leonardofranca.com.br | 1 comentário

Sites de jogos online feitos com Adobe Flash se tornaram muito populares. Existem varias produtoras que se especializaram no desenvolvimento de jogos em Flash e nos últimos anos vimos um crescimento grande em relação aos jogos em Flash nas redes sociais a exemplos dos jogos casuais que encontramos no Facebook e Orkut.

Introducing the Molehill 3D APIs

O Adobe Flash oferece uma gama enorme de possibilidades para o desenvolvimento de jogos e recentemente com a nova API 3D do Flash Player(codinome Molehill), isso só aumentou e deu muita liberdade os desenvolvedores. Veja uma lista de demonstrações com Molehill.

Engine de Física

Para alguns jogos é essencial que se tenha um simulador de física(gravidade, ação e reação, colisões etc), as chamadas engines de física, que são bem conhecidas pelo pessoal que já desenvolve em outras plataformas especificas para jogos. Alguns engines de físicas para o Adobe Flash são:

Box2DFlash — This Flash physics engine is based on the widely recognized Box2D engine from C++.
Glaze — This one is based on the Chipmunk engine from C++. Beyond physics, this library also features scene management, line of sight, user input, scrolling, and AI.
JigLibFlash

visit www.mandreel.com

Você pode aproveitar também algumas bibliotecas ou códigos de jogos ja desenvolvidos e portar para o Flash atraves do Adobe Alchemy, para quem não sabe, o Adobe Alchemy converte código em C/C++ para ActionScript 3.0. Tanto que temos até produtoras portando jogos do Nintendo Wii para o Flash.

Sempre fui fã de games e desde meu primeiro video game, um Master System, sempre tive vontade de criar jogos e agora resolvi criar um site. Para criar um site de jogos em Flash, a empresa Mochi oferece opções entre plugin para WordPress, Game Site Script, Arcadem Pro 2.8+, phpArcadeScript e AV Arcade. O interessante da empresa é que a empresa oferece também os jogos e da a possibilidade de você publicar e ganhar alguma grana com seu próprio jogo. Meu jogo ainda está em produção e envolve Flash e Flash Media Server para algo mais interativo e em tempo real. Breve estarei disponibilizado no Mochi. Enquanto isso, aproveite alguns dos mais de 900 jogos online free feitos em Flash no site.

Submarino.com.br

Mar 13

10 motivos para não ficar de fora do Flash Camp Brasil 2011

Escrito por Leonardo França em 1, 3d, 4, 6, Actionscript 3.0, Adobe, Adobe Air, Air, Android, api, app, AR, BI, camp, Catalyst, conferência, dados, Desenvolvedor, desenvolvedores, Desenvolvimento, Design, designer, developer, empresas, err, event, Evento, flash, Flash Catalyst, Flash Platform, Flex, for, futuro, game, git, hospedagem, ide, if, image, int, Java, Mac, Mercado, mg, novidade, Novidades, O, on, Palestra, Palestras, Pessoal, PHP, player, procura, RIA, Ria’s Geral, site, SmartPhone, Tecnologia, Tema, tv, Twitter, UI, Vários, Ved, vs, Workshop @ 03 13th, 2011 | via http://www.leonardofranca.com.br | Sem comentários

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.

6. Conheça o novo FlashPlayer com 3D real de alta performance que vai revolucionar o mercado, e veja como criar apps para TVs, tablets e smartphones.
7. Aproveite a chance de conversar cara a cara com os profissionais que fazem os programas e tecnologias que você usa como Flash, AIR e Flex, vindos diretamente dos Estados Unidos.
8. Melhor oportunidade para relacionamentos profissionais e atualização em 2011, quando o Flash completa 15 anos. Lembrando que o Flash Camp 2010 foi considerado por muitos o melhor Flash Camp já realizado no mundo, e este ano o evento promete ser maior e melhor.
9. Palestras com grandes nomes dos Estados Unidos, Europa e Brasil, juntos, debatendo e apresentando o futuro da tecnologia interativa em tablets, celulares, tv’s e computadores, com temas que vão desde desenvolvimento de games, até design e gerência.

10.Seja um dos primeiros no Brasil a testar o novíssimo BlackBerry Playbook, um dos tablets mais aguardados em 2011. (quem sabe até leve um para casa)

Quer mais motivos para você e sua equipe estarem no Flash Camp Brasil 2011?

Entre agora mesmo no site www.flashcampbrasil.com.br e obtenha mais informações sobre os temas das palestras, workshops, localização, hospedagem e mais detalhes sobre os profissionais que estarão palestrando no maior evento de mídia interativa em 2011.

Siga no twitter: @flashcampbrasil

Video Oficial Flash Camp Brasil 2011: http://bit.ly/elX5R2

Nos vemos em Abril na bela Maceíó em Alagoas!

« Entradas anteriores |