Category: ActionScript 3.0

Stream com Flex ou Flash ou Flash Lite e Flash Media Server

Nos últimos anos vimos uma explosão do crescimento de conteúdo multimídia, contribuindo também o crescimento do uso da banda larga, temos mais usuários com acesso a conteúdo multimídia, mas o principal fator foi a facilidade que o Flash trouxe para esse tipo de implementação de conteúdo rico(ou você acha que se o youtube fosse feito com windows media, teria o mesmo resultado :P ), inclusive para dispositivos movéis. Recentemente tivemos os maiores picos de pessoas acessando conteúdo via stream com o funeral do Michael Jackson, só não sendo superado pela posse do Obama.

Adobe Flash Media Server e Flash Platform

Adobe Flash Media Server e Flash Platform


O objetivo deste artigo é demonstrar como podemos fazer a simples distribuição de conteúdo por stream usando o Adobe Flash Media Server juntamente com a Flash Platform Read more »

Criando janelas customizadas com Adobe AIR

O Adobe AIR permite que você personalize as janelas de suas aplicações, por padrão, o Adobe AIR utiliza o layout das janelas do sistema operacional(Windows, Mac ou Linux), no Flex existe a opção de usar a FlexChrome(que particularmente não sou muito fã). Mostrarei um exemplo simples usando o Adobe Flex, Adobe Dreamweaver CS4 e o Adobe Flash CS4.

Se ainda não conhece o Adobe AIR, recomendo que dê uma olhada nesse artigo antes de proseguir com o tutorial ;)

Read more »

Salvar a imagem da webcam no servidor

Tenho um projeto que necessitou dessa funcionalidade, alem de alguns emails que me mandaram perguntando como isso poderia ser feito.
Encontrei esse artigo no www.bytearray.org que explica como fazer isso com Flash e AMFPHP 1.9(que suporta bytearray) e utilizando a classe jpgencoder(baseada no bytearray), so tive que adaptar para o Flex.

veja o artigo
http://www.bytearray.org/?p=90

Mas o que é bytearray?
bytearray é uma classe introduzida no ActionScript 3, com a finalidade de escrever, ler e trabalhar dados binarios.
http://livedocs.adobe.com/labs/flex3/langref/flash/utils/ByteArray.html

ActionScript 2 to ActionScript 3 Cheatsheet

Via blog do Mike Chambers
Um cheatsheet de migração do ActionScript 2 para o ActionScript 3

http://actionscriptcheatsheet.com/blog/archives/22

Gerenciando memória e modulos no Flex 2.0.1

Dependendo do tamanho da aplicação em desenvolvimento, pode ser necessário ter um controle do consumo de memória e modularizar a aplicação utilizando recursos como SWFLoader e agora com o Flex 2.0.1 a classe Module.
Fabio Terracini escreveu um excelente artigo explicando esse e outros fatores que com certeza ajudarão na hora de desenvolver um aplicativo de porte.

Veja o artigo completo:
http://blog.dclick.com.br/2007/01/23/gerenciamento-de-memoria-e-tamanho-dos-arquivos-em-grandes-aplicativos-utilizando-o-modules-do-flex-201/

Tutorial Flex 2 e AMFPHP 1.9

Segue um link de um tutorial sobre como utilizar o Flex 2 com o AMFPHP 1.9

http://sephiroth.it/tutorials/flashPHP/flex_remoteobject/

O AMFPHP(criado por Patrick Mineault) é uma implemantação em PHP para suportar o protocolo AMF(Action Message Format) facilitando a comunicação entre um SWF(Flash/Flex) e um servidor PHP. Os dados trafegam em formato binário ganhando em performace e segurança. O AMFPHP 1.9 ja suporta o AMF3.

Release do Flex 2 com suporte ao Apollo

Já esta disponivel um atualização da linha de produtos Adobe Flex 2 que incluem:

Algumas das novidades:

  • Carregamento dinâmico de CSS
  • Você pode dividir uma aplicação em modulos e carrega-los em tempo de execução
  • Suporte ao Apollo
  • Suporte ao OSX

Mais detalhes sobre o Flex 2.0.1
Introducing Flex 2.0.1

Videos Tutoriais sobre ActionScript 3

Alguns tutoriais em video sobre ActionScript 3.0. Vale conferir.

http://as3.metah.ch/

Link da palestra sobre o Apollo

Segue o link da palestra sobre o Apollo, apesar dos problemas que tivemos antes da apresentação, do nervosismo inicial(mic pegando minha respiração denovo!!!), acredito que foi boa a experiencia.

Agradecimentos especiais ao Ed Sullivan, pela ajuda e por ter cedido uma sala na ultima hora para que o encontro pudesse ser realizado, ao Fabio Terracini – Manager do AUGSP – pela contribuição e dicas e ao Danilo Santana do MXStudio.

link da gravação:
http://adobedev.adobe.acrobat.com/p83392412/

link do artigo no MXStudio
http://www.mxstudio.com.br/views.tutorial.php?act=view&cid=11&aid=979

AMFPHP com suporte a AMF3

Patrick Mineault postou hoje na lista Flexcoders que já esta em fase de testes o suporte a AMF3 no AMFPHP.

Mensagem na lista:
http://tech.groups.yahoo.com/group/flexcoders/message/58590

Se quiser testar também:
http://5etdemi.com/uploads/amfphp-1.9.alpha.zip

Renaun Erickson tem alguns exemplos ja com AMF3
http://renaun.com/blog/2006/12/12/166/

Utilizando o ObjectUtil no ActionScript 3.0

Para quem desenvolve em Flash é normal a utilização do metodo trace para debugar suas aplicaçãos, no Flex Builder é possivel também usar o trace, mas ele so é mostrado no console quando você debuga uma aplicação. No ActionScript 3.0 foi introduzido novas classes, entre elas a ObjectUtil para trabalhar com objetos e como tudo no Flex é objeto, seja variavel, função etc, fica mais facil para entendermos como nossa aplicação caminha.
Por exemplo, temos o seguinte objeto:

Actionscript:
  1. var obj:Object = {a:"foo", b:"bar"};

Normalmente usariamos um loop for in para obtermos as propriedades do Objeto.

Actionscript:
  1. for(var i:String in obj){
  2.     trace(i +" = "+obj[i]);
  3. }
  4. /*
  5. output
  6. b = bar
  7. a = foo
  8. */

Podemos simplesmente trocar usando o metodo toString da classe ObjectUtil.

Actionscript:
  1. trace(ObjectUtil.toString(obj));
  2. /*
  3. output
  4. (Object)#0
  5.   a = "foo"
  6.   b = "bar"
  7. */

Você pode testar e vendo o resultado com outros tipos de dados do ActionScript 3.0, como Xml, arrays etc
Para facilitar meu trabalho criei uma classe bem simples para implementar essas caracteristicas.

Actionscript:
  1. /**
  2. * package leo
  3. * filename: showDebug.as
  4. */
  5. package{
  6.     import mx.utils.ObjectUtil;
  7.     import mx.controls.Alert;
  8.     /**
  9.      *
  10.      * @author Leonardo França
  11.      * @email leo@osfederais.com
  12.      * @blog www.leonardofranca.com.br
  13.      * class showDebug
  14.      *
  15.      */
  16.     public class showDebug extends ObjectUtil{
  17.         /**
  18.          * Show Debug details
  19.          * @param str
  20.          * @param tipo
  21.          * @return
  22.          *
  23.          */    
  24.         public function showDebug(str:*,tipo:uint){
  25.             switch(tipo){
  26.                 case 1:
  27.                     trace(ObjectUtil.toString(str));
  28.                 break;
  29.                 case 2:
  30.                     Alert.show(ObjectUtil.toString(str),"Debug");
  31.                 break;
  32.                 default:
  33.                     //no debug
  34.                 break;
  35.             }
  36.         }
  37.     }
  38. }

E o modo de usar:

XML:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()">
  3.     <mx:Script>
  4.         <![CDATA[
  5.             import showDebug;
  6.             public var obj:Object = {a:"foo", b:"bar"};
  7.             public function init():void{
  8.                 new showDebug(obj,1);
  9.             }
  10.         ]]>
  11.     </ mx:Script>
  12. </ mx:Application>

Detalhe que coloquei um segundo parametro na classe simplesmente para mostrar 1 para usar trace e 2 para usar Alert.

Links das palestras sobre Flex e sobre o CFUGBR

Segue os links das palestras realizadas no dia 18/11 sobre Adobe Flex e do dia 25/11 Segundo Encontro do AUGDF/Primeiro Encontro do CFUG-BR =)

Desvendando o Flex
http://mmusergroup.adobe.acrobat.com/p30009107/

ColdFusion e Flex, Mercado de Trabalho ColdFusion no Brasil, CFUG-BR
http://adobechats.adobe.acrobat.com/p18756518/

Os arquivos das palestras sobre Flex esta no Labs

Agradecimentos especiais a Allen Seirafi, por ter cedido alguns slides de sua apresentação, Thanks Allen =)

OBS: quando estava demostrando o exemplo com o AMFPHP, acabei esquecendo de setar o objectEnconding, por isso não funcionou.

Actionscript:
  1. public function init():void{
  2.     conexao.objectEncoding = ObjectEncoding.AMF0;
  3.     var protocol:String = ExternalInterface.call("window.location.protocol.toString");
  4.     var hostname:String = ExternalInterface.call("window.location.hostname.toString");
  5.     var host:String = protocol+"//"+hostname+"/flashservices/gateway.php";
  6.     trace(protocol+"//"+hostname+"/flashservices/gateway.php");
  7.     conexao.connect(host);
  8.     preencheGrid();
  9. }

Desvendando o Flex

No proximo dia 18 estarei palestrando sobre o Adobe Flex para o MMUG-RJ, sera online via Connect/Breeze. Segue o texto de divulgação:

--------------------------------------------------------------
No próximo dia 18/11 às 15h teremos uma palestra online com Leonardo França, o tema será "Desvendando o Flex".
Leonardo França vem colaborando com ótimos posts em seu blog, quem ainda não conhece, http://www.leonardofranca.com.br . Ele é Manager do AUG-DF - Abobe User Groups de Brasilia.( www.augdf.com.br) e Adobe Certified Professional Flash MX 2004 Developer.

Quem puder divulgar em blogs/sites, eu agradeço.

http://mmusergroup.adobe.acrobat.com/flex/
[Nem adianta entrar agora :) ]

[]´s
---------------------------------------------------------------

Preparei um roteiro para seguir mas quem quiser, pode deixar comentário com sugestões sobre o que querem que eu fale na palestra.
Aguardo a presença de todos ;)

Debug aplicativos Flash/Flex pelo Firefox

Alessandro Crugnola criou uma extensão para firefox que pega as informações do comando trace que usamos nos aplicativos feitos em Flash e Flex. Para usá-la é necessário ter a versão debug do Flash Player
Link para a extensão:
http://www.sephiroth.it/weblog/archives/2006/10/flashtracer_firefox_extensionphp.php

Adicionar busca no firefox pelo livedocs do Flex

Gostaria de adicionar entre as ferramentas de buscas do seu Mozilla Firefox um mecanismo que pesquisasse diretamente pelo LiveDocs da Adobe? pois é, eu também. Encontrei esse link com esse recurso, ainda podendo adicionar uma busca pela lista do FlexCoders também.
Segue o link:
http://www.eyefodder.com/blog/2006/08/finding_flex_facts_faster.shtml
Busca Flex

WordPress Themes


Video & Audio Comments are proudly powered by Riffly