Adobe Shadow - Novidades para Mobile Dev

Para quem trabalha com desenvolvimento web em mobiles, já deve ter notado quanto tempo se perde em ter um ambiente de testes, muitas vezes temos que colocar o aparelho dentro da rede local e algumas empresas acham que o celular pessoal do desenvolvedor vem no pacote de desenvolvimento.

Tirando esses fatos corporativos e de falta de noção para com a realidade, o processo de testes dentro dos aplicativos normalmente é afetado pelos emuladores, que muitas vezes apenas simulam o tamanho de tela. Mas como saber se o resultado esperado será o mesmo no produto final?

Recentemente a Adobe publicou um prodto novo no Labs (http://labs.adobe.com), o Shadow, com certeza um nome novo será dado a ele, mas o importante mesmo é o que o programa se dispoém a fazer.

A instalação é dependente de três etapas, uma instalação no desktop, uma instalação no brwoser e um App no smartphone. Ná instalação desktop, processo normal NNF para windows e Mac. No browser, a instalação de uma extenção para o Google Chrome é necessária e só funciona nele. No smartphone você precisa ter um IOS ou um Android.

O que eu achei mais legal é o fato de você usar o navegador normalmente, ir alternando abas e o conteudo ser atualizado em tempo real, ou seja a emulação é quase perfeita, só faltando o teste final no navegador do aparelho para garantir que no final de tudo certo.

Ficou curioso? então da uma olhada e teste você mesmo.

http://labs.adobe.com/downloads/shadow.html

HTML 5, Flash, Flex, Air e Outras Drogras - Parte 2

No post anterior falei um pouco sobre essa guerra de flash, flex, air, html 5 e outras drogas que o mercado está nos impondo e empurrando garganta abaixo.

Mundo Desktop

Deixando o universo Mobile, temos o mundo dos desktops, onde passamos muito tempo no trabalho, escola, cursos e até em casa. É um mundo dominado pelas telas grandes, muita memória e espaço em disco. Com isso o flash player passa a ser quase que imperativo nesse mundo chegando a 99% das maquinas em todo mundo. A utilização dele é algo que em alguns casos chega a ser imperceptível, mas ele esta lá.

Ao contrário do mundo Mobile o Flash é o manda-chuva dos plugins para desktop. O legal é que se formos observar o nosso desktop é cheio desses plugins, são os plugins de audio, video, o flash, o java, aquele que você usa para organizar o desktop e por ai vai. Esse carinha a Adobe não deu para o pessoal do Apache, porém libera o fonte para projetos voltados a novas distribuições, assim como acontece com o plugin do Java.

O pessoal fanático por HTML 5 diz que o flash vai morrer, será? Para algumas coisas com certeza, principalmente para aquelas constrangedoras, como um banner rotator que não mostra os banners, ou uma propaganda do silverlight feita em flash.

A verdade dos fatos é que morrer é muito definitivo e o HTML 5 teria que se tornar um padrão real antes de mais nada. Como assim um padrão? O HTML 5 esta no W3C como um RASCUNHO de Projeto http://dev.w3.org/html5/spec/Overview.html e para ajudar as grandes novidades que ele oferece ainda não são suportadas 100% pelos principais navegadores do mercado exemplos disso podem ser vistos e testados em http://html5demos.com/.

Com base nisso existem alguns detalhes de mercado, onde você faz o seu banner? Em um plugin que está em 99% das maqunas no mundo ou em um padrão que está em cerca de 30% dos navegadores e nem todos esses 30% implementão o que você usa?

Não estuo dizendo para ignorarem o HTML5, ele é legal porém lembre-se que o usuário do seu site pode ainda estar rodando um windows XP com internet explorer 6, então a utilização desse recurso deve ser dosada e tratada para cada situação. Da mesma forma que não se deve fazer um site 100% em flash, não se deve fazer um site 100% em HTML 5, a dosagem depende de muitos fatores.

Nesse intervalo do primeiro post para este realizei vários testes para ter base no que estou falando. O HTML 5 não tem condições para competir com o Flash Player. Vamos aos fatos!

Uma das ferramentas em HTML mais usadas no mundo se chama GMail, e se engana quem pensa que essa maravilha do HTML é feita com HTML 5. O GMail trabalha com FRAMES, como mostra a imagem a seguir.

Para piorar as coisas para o lado do HTML 5 essa mesma maravilha tem uma função, que eu particularmente acho muito legal, que é o upload assincrono de arquivos, aquele recurso onde você seleciona o arquivo e ele vai sendo enviado enquanto você digita seu e-mail com direito até a barra de progresso, HTML 5? Não mesmo dessa vez é Flash Player, o mesmo que os adoradores do apocalipse dizem que vai morrer em 21/12/2012... Ops essa é outra história... quiz dizer os adoradores do HTML 5 dizem que vai morrer, mais uma vez, imagem na tela.

Então onde o HTML 5 se aplica? Onde o Flash não se aplica? O HTML 5 se aplica aos novos sites que focam em smartphones, tablet e novas versões dos navegadores. O flash se aplica a todo o resto, porém com doses de sabedoria.

Não se deve fazer um site 100% em flash, se eu quero acessar seu site do meu smartphone, posso ter que parar numa lanhouse por falta do plugin do flash, mas com certeza não ver o banner do seu site no meu smartphone seria muito bom.

Eu particularmente, tenho usado o flash player no backend dos sistemas atraves do Flex e Air, funciona muito bem e como o blackend é algo que me obriga a conhecer os usuários, eu posso falar "atualiza o plugin do flash" caso algo não funcione, porém em um site fica dificil ligar ou mandar um e-mail para alguém que eu nem sei quem é.

Resumo da ópera? O Flash Player tem mais chances de se tornar o novo HTML do que o HTML 5 se tornar um padrão real e funcional em todos os navegadores. Enquanto esse dia não chega a melhor opção se chama JQuery e HTML5 Fix.

O JQuery é um conjunto de códigos javascript que cria um novo padrão resolvendo problemas de compatibilidade entre navegadores e tem até uma versão mobile.

O HTML Fix é um projeto que esta hospedado no google e visa em fazer funcionar de forma padronizada as tags e atributos do HTML 5 que muitos navegadores não suportam.

HTML 5, Flash, Flex, Air e Outras Drogras - Parte 1

Resolvi aproveitar o sábado de sol para fala sobre o tumulto no mercado web sobre Adobe com o Flash, Flex, Air e o HTML 5. Não vou puxar sardinha para o lado de ninguém, porém vou montar um cenário para cada uma das plataformas.

A cerca de mais ou menos um mês a Adobe anunciou descontinuar o plugin do flash para Mobile, o mercado entendeu descontinuar o Flash e muitos falaram "HTML 5 ganhou".

Flash Player Mobile

Em primeiro lugar, vamos pensar o seguinte, esse plugin comia bateria dos poucos celulares que rodavam o plugin e não previa a virada de mesa dos smartphones sem teclado como o iPhone. O mercado mobile para o flash era pequeno por conta disso e ficou ainda menor com o iPhone que aproveitou o conceito de Apps para matar o plugin, com isso os números da Adobe para mobile não foram nada bom.

Não preciso explicar o gráfico, certo? Esses números eu peguei no próprio site da Adobe, e representa a penetração do Flash Player Mobile no mercado e a previsão até 2015. Então com isso a gente pode dizer que foi uma decisão sábia focada na resposta do mercado e não tem absolutamente nada a ver com o HTML 5.

HTML Mobile

Partindo para o HTML, não estou falando do 5, focado em Mobile temo um cenario favoravel a plataforma, nem todos os celulares e smartphones tem flash player, mas todo celular e smartphone tem navegador, que muito provavelmente aceita HTML.

Nesse ponto temos vários celulares com suporte a html e com a tela pequena toda navegação se torna vertical e os desafios de renderizar ficam a cargo dos navegadores que tem como trabalho transformar texto em visual e interpletar um pouco de javascript. No caso dos smartphones existem algumas diferenças por conta de recursos como o acelerômetro, multi touch e geolocalização, o que na maioria dos casos se resolvem por acesso nativo a API do aparelho pelo browser que os desenvolvedores realizam acesso pelo javascript de API's ao meu ver ainda muito pesadas como o JQuery Mobile. O lado bom dessa história para o HTML é que existem pelo menos 18 navegadores que vem instalados nos smartphones e outros a serem instalados, a lista consegui em http://en.wikipedia.org/wiki/Mobile_browser, dando ao usuário final as 2 opções: usar o que tem ou trocar e isso o flash player nunca terá como opção.

Então de forma clara e objetiva, sim o HTML é uma boa opção para mobiles, porém ainda temos outra opção de aplicativos mobile que são aqueles instaláveis, baixados, comprados na Apple Store, Android Market. Nessa hora é onde entra a comparação HTML 5 com o Air Mobile.

Air Mobile

Em primeiro lugar o que é o Air Mobile? Ele não é o Flash Player Mobile descontinuado e sim um ruimtime que possui um SDK que permite criar aplicativos nativos para plataformas específicas.

Pontos positivos para ele começam com o fato de que o desenvolvedor que conhece Flex e ActionScript consegue criar aplicativos instalaveis para iPhone, iPad, iPod, Android e Playbook sem saber nada dessas plataformas, o que para a empresa é abrir um mercado com INVESTIMENTO ZERO no profissional.

Por ser um complilador para multiplos dispositivos alguns recursos ativos e específicos acabam ficando de fora o que dependendo do aplicativo pode ser um problema, mas dependendo do recurso pode-se criar uma extenção nativa ou ANE (ActionScript Native Extenssion) que é um recurso novo no SDK do Flex e até agora nos testes que eu tenho feito resolvem boa parte dos problemas.Uma coisa que achei muito legal no ANE é que ele não se limita a gerar extensões nativas ao mobile, mas também ao desktop, as isso é assunto para outro post.

Um caso legal para o Air Mobile é pensar nas possibilidades geradas em termo de negócio e produtividade, o mesmo App se montado seguindo uma metodologia de skins, bibliotecas, orientação a objetos, pode ser fácilmente distribuido em versão web, desktop e mobile simplesmente mudando a forma de compilação.

Pontos negativos do Air mobile? Bom o principal e não estou puxando para o lado da Adobe é o fato do projeto ter sido doado a Apache Software Foundation, ponto negativo porque a comunudade de desenvolvedores Adobe esta acostumada a reportar problemas e aguardar novo releases e correções, indo para a Apache o Air e o Flex vão ficar nas nossas mãos, se tem um problema vamos resolver e isso não é muito a cara do profissional que esta mais acostumado a reclamar do que colocar a mão na massa e resolver.

Acredito que essa mudança vai exigir alguns anos de adaptação, mas por sorte a Adobe se comprometeu a continuar no projeto até final de 2012 e entregar todos os componnetes em modelo spark, o que me deixa aliviado.

Então quando usar o Air Mobile? Quando ele ganha do HTML 5?

O primeiro ponto para o Air esta no fato dele se tornar um aplicativo nativo, ou seja, você tem um ícone no smartphone com o seu app e não tem que acessar o browser e buscar nos favoritos.

O segundo é o acesso a alguns recursos que dependendo do aplicativo podem fazer diferença, se vocÊ cria um e-commerce pode ter um aviso de entrega, disponibilidade em tempo real com direito a saber se o cara recebeu e abriu a informação, se for uma loja física o app pode rodar em background e apitar que você esta perto da loja

O terceito e na minha opinião o mais importante, você pode restringir e quantificar a utilização do app, se é um ERP não é muito legal garantir acesso a qualquer um e o app instalado é uma forma de garantia uma vez que podemos gerar um token de acesso

HTML 5 Mobile

No HTML 5 mobile temos muitas coisas que o Air mobile faz, a única diferença é que não instalamos o aplicativo, pelo menos era o que eu pensava, mas ao publicar este artigo o amigo Janderson  @jandersonfc informou que já tem como se resolver isso através do appcelerator, mas continua o fato dele ser acessado via web. Boa parte do que foi dito sobre o html se aplica ao HTML 5 a diferença fica nas novas tags que fazem coisas que o Flash Player faz a mais de 10 anos.

Pontos positivos? Se não precisa instalar é só acessar e usar o usuário não tem o impacto de fazer download do app para usar, não gasta o espaço em disco do aparelho, só consome a sua internet, se estiver num wifi sem muitos problemas, mas se tiver que depender do 3g é chorar e esperar. Outro problema que se tem no HTML 5 é a questão de padronização. No mercado existem pelo menos 18 navegadores que vem instlados como padrão nos celulares e smartphones e outros montes a serem instlados, a conseguência disso é que cada um nterpleta o código ao seu bel prazer, e o que seria uma coisa simples passa a ser um trabalho de condicionais do tipo "se for navegador X faz assim se for navegador Y faz assado", isso tem se resolvido com as libs de javascript, mas mesmo elas tem esse problema e sem contar que muitas vezes não são planejadas para as baixas velocidades que temos aqui no Pais.

Então vem a mesma pergunta. Quando o HTML 5 ganha de um App instalvel?

Assim como no Air vou tentar passar três vantagens do HTML 5 em relação aos aplicativos instalávies.

O primeiro é muito claro, se o seu aplicativo atende vários usuários então acessar o app é mais lógico do que baixar e instalar para só depois usar.

O segundo foca um pouco mais no custo, no momento em que você tem um aplicativo em HTML 5 é só gritar pela janela perguntando se alguém conhece que você provavelmente vai ouvir um "eu sei". A falta de regras, padrões do HTML 5 faz que cada dia mais pessoas usem ele.

O terceiro aspecto de vantagem é que dependendo da forma com que o código seja feito e quais bibliotecasa sejam usadas, o mesmo app mobile poderá funcionar em um navegador desktop tratando apenas algumas questões visuais.

Google anuncia descontinuação da API Flash do Google Maps

Em anuncio no blog, o Google anunciou que sua API para o GoogleMaps estabilizou e nenhuma nova funcionalidade será produzida e que apenas Bugs críticos e falhas de segurança serão corrigidos.

O motivo é a baixa utilização da API e de recursos que a mesma disponibiliza. Outro fator que legou o Google a descontinuar a API é o fato da evolução da API para JavaScript ter crescrido e se tornado viavel, ainda que muitos recursos válidos para a API em Flash só sejam alcançados através de bibliotecas de terceiros.

Para quem quizer consrir o texo na integra, segue o link http://googlegeodevelopers.blogspot.com/2011/09/maps-api-for-flash-deprecation.html?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+GoogleGeoDevelopersBlog+%28Google+Geo+Developers+Blog%29

Pioneirismo em Treinamentos via Cloud Computing

 Hoje em dia a facilidade de estar em qualquer lugar e através de um computador poder acessar arquivos, e-mails, acessar remotamente uma outra maquina, já eram bastante utilizadas por empresas e agora cada vez mais estão sendo utilizadas por usuários comuns. O conceito de “Cloud Computing” (computação em nuvem)  refere-se à utilização de computadores e servidores compartilhados e interligados por meio da internet utilizando o principio de computação em grade

A tecnologia utilizada facilita o armazenamento de dados que poderá ser acessado de qualquer lugar do mundo, a qualquer hora, sem a necessidade de instalação de programas, serviços ou de qualquer armazenamento de dados local, tudo feito remotamente através da internet (dai o termo nuvem). Isso facilita os usuários, otimiza velocidade e a transmissão dos dados, e é ai onde entra o pioneirismo em treinamentos a distancia utilizando tal tecnologia.

Conectada às novidades tecnológicas do mercado, a FlagNet – Soluções em Tecnologia oferece soluções na área de Internet, aliando alta qualidade, planejamento, usabilidade, acessibilidade a custos reduzidos. Suas soluções são desenvolvidas sob medida para atender as necessidades do cliente.

Na sua divisão de treinamentos Online inovaram ao utilizar o conceito de Cloud Computing para melhor qualidade de EAD (ensino a distância) nas tecnologias da Adobe com formações únicas no segmento. A tecnologia permite uma experiência única em aulas online, sem problemas de conexão e o aluno pode se sentir praticamente dentro de uma sala de aula presencial, com total segurança do conteúdo transmitido sem perigo de perda de dados ou transmissão de vírus. 

Em suas formações estão treinamentos mais avançados e capacitados nas tecnologias Adobe Flash, Flex, Air, ColdFusion, entre outros. Seus valores são diferenciados, e não só inovaram na forma de ministrar treinamentos como também em seu material, o aluno ao fazer sua matricula recebe totalmente incluso no investimento, material didático, certificado, apostilas, CD de conteúdo e uma WebCam por participante.

Fica a dica, não perca tempo e conecte-se ao futuro, seja pioneiro junto com a FlagNet e solicite mais informações sobre treinamentos e formações em diversas áreas que eles oferecem com essa inovação em treinamentos via Cloud Computing através do e-mail comercial@flagnet.inf.br

Ganhe até 10% de desconto em formações completas dizendo que viu esse post no Freud Flintstone! 

Treinamento OnLine de CF | Flex | Air | ActionScript

Pessoal, apenas a título informativo. O pessoal da FlagNet esta iniciando processos para treinamento nas tecnologia ColdFusion, Flex, Air e ActionScript 3.0. Interessados entrar em contato através do e-mail comercial@flagnet.inf.br.

Já Adiantando a ferramenta utilizada para ministrar o treinamento será o Adobe Connect. Turmas com áudio, vídeo e chat em tempo real

Flash CS5 + IPhone

Para aqueles que estão curiosos sobre as novidades do Flash CS5 e suas integrações com o IPhone segue o fonte de uma aplicação Demo que criei de ontem para hoje com a única finalidade de testar as novas funcionalidades da plataforma.

Para quem esta curioso veja o video no link http://qik.com/video/5660944 O fonte da aplicação segue abaixo.

P.S.  O lançamento esta previsto para 21 ou 22 de Abril.


import flash.events.MouseEvent;
import flash.geom.ColorTransform;
import flash.sensors.Accelerometer;
import flash.events.AccelerometerEvent;
import flash.events.Event;
import flash.events.TransformGestureEvent;

var acc:Accelerometer = new Accelerometer();
var cI:uint = 0x990000;
var newX:Number = 0;
var newY:Number = 0;

obj.doubleClickEnabled = true;

acc.addEventListener(AccelerometerEvent.UPDATE, updateAccelerometer);
obj.addEventListener(MouseEvent.MOUSE_DOWN, dragStartHandler);
obj.addEventListener(MouseEvent.MOUSE_UP, dragEndHandler);
obj.addEventListener(MouseEvent.DOUBLE_CLICK, doubleClickHandler);
obj.addEventListener(TransformGestureEvent.GESTURE_ROTATE, gestureRotateHandler);

function updateAccelerometer(e:AccelerometerEvent):void {
    newX = e.accelerationX;
    newY = e.accelerationY;
}

function gestureRotateHandler(e:TransformGestureEvent):void {
    obj.rotation += e.rotation;
}

function dragStartHandler(e:MouseEvent):void {
    obj.startDrag();
    obj.addEventListener(MouseEvent.MOUSE_MOVE, moveHandler);
}

function dragEndHandler(e:MouseEvent):void {
    obj.stopDrag();
    obj.removeEventListener(MouseEvent.MOUSE_MOVE, moveHandler);
}

function moveHandler(e:MouseEvent):void {
    e.updateAfterEvent();
}

function doubleClickHandler(e:MouseEvent):void {
    var ct:ColorTransform = new ColorTransform();
    if(cI == 0x990000) {
        cI = 0x000099;
    }
    else {
        cI = 0x990000;
    }
    ct.color = cI;
    obj.transform.colorTransform = ct;
}

Adobe Air 2.0

Bom para quem já se apaixonou pela possibilidade de ter suas aplicações web rodando no desktop ao passo de um build project, temos novidades a vista. Acabo de notar no labs da Adobe o beta para o Adobe Air 2.

É com certeza a forma mais poderosa e facil de se desenvolver aplicações multi-plataforma (Mac, Windows, and Linux).

veja a lista de novas funcionalidades a baixo:

• Suporte para detecção de dispositivos de armazenamento. Sim agora poderemos ver se o pendrive foi espetado na máquina via action
• Recursos avançados de redes como sockets seguros, suporte a UDP e escuta de portas em socket
• Suporte a integração nativa de códigos.
• Abrir arquivos com a aplicação associada, ou seja se é um doc ele chama o word.
• Suporte a Multi-touch e gestos
• Novas APIs para acesso a dados do microfone. Leia-se comandos de Voz
  
• Atualização do Webkit com suporte a HTML5 e CSS3.
• Global error handling.
• Melhorados os recursos de impressão cross-platform
• Aumentos nos recursos de segurança para aplicações do tipo enterprise e padrões governamentais.

Para saber mais acesse: http://labs.adobe.com/technologies/air2/

Flex Builder Gratuito

Olha a Adobe fazendo papel de boa samaritana novamente! Bom mas apenas para aqueles que possuem o pacote CS4 Premium Edition ou Master Collection. Não vale chegar com serial "genérico".

Para aqueles que se enquadram na regra basta acessar https://freeriatools.adobe.com/cs/ baixar o builder e pegar seu serial for FREE.

Vale a pena para novos desenvolvedores de ActionScript que odeiam aquela janelinha maldita do Flash para codificar ou querem entrar para o mundo Flex \ Air

Flex + AIR + ColdFusion + LCDS = ChessJam

Greg Wilson que é um Adobe platform evangelist fez uma postagem sobre um produto chamado ChassJam. Trata-se de um jogo de Xadrez multi-usuário que ele ajudou a criar. O brinquedo tem interface Flex com AIR e o backend uma combinação de ColdFusion com LiveCycle Data Services.

Segundo a postagem dele em breve teremos mais detalhes técnicos dessa miscelânea de produtos Adobe.
 Detalhes sobre a postagem acesse http://gregsramblings.com/2009/10/15/my-pet-project-chessjam-live-online-chess-with-a-fun-attitude/

Flash 10 expande funções para celular

A Adobe anunciou, hoje, em uma conferência em Los Angeles, que o novo Flash Player para celulares contará com as mesmas características da versão do plug-in para desktop.

No lugar da versão Lite, que tinha limitações na execução de animações e vídeos, o Flash 10.1 rodará com plena capacidade em aparelhos com sistema Symbian S60, Google Android, Palm Web OS e Windows Mobile 6.5.  Isso significa que aplicativos baseados na plataforma AIR e sites que usam vídeos em Flash, como o YouTube, poderão rodar sem problemas nos celulares.

Entre as novidades apresentadas pelo novo player está o lançamento de uma API aberta para que os desenvolvedores criem aplicativos com funções multitoque e aplicativos com integração a dados de localização obtidos via GPS.

Outra novidade são os modos de aceleração de hardware para explorar melhor a capacidade dos chips gráficos dos aparelhos. Com essa tecnologia, diz a Adobe, será possível exibir vídeos com alta qualidade de imagem e também poupar bateria.

Os primeiros dispositivos compatíveis com o novo Flash deverão ser lançados já no início do ano que vem. Oficialmente, a Adobe afirma que negocia um acordo com a Apple a fim de que o iPhone também adote do Flash Player. Nos bastidores, tal parceria parece impossível, uma vez que a empresa de Steve Jobs prefere defender o seu próprio formato de vídeo a incentivar o Flash.

Detector de Face em ActionScript 3

Na minha navegada matutina em busca de novidades me deparei com algo no mínimo curioso. Um detector de faces em AS3. Nos testes mais rápidos me pareceu bem legal. Fica o link para consulta e referencia http://code.google.com/p/vjdetector/

O produto usa recursos do Flash Player 10 então se não funcionar atualize seu player http://get.adobe.com/br/flashplayer/

Desconto de 20% na Loja Online da Adobe

EXCLUSIVO PARA MEMBROS DOS GRUPOS DE USUÁRIOS ADOBE!

Essa é uma oportunidade imperdível, exclusiva para os membros de grupos de usuários que a Adobe estará oferecendo até o dia 31 de maio de 2009.

O desconto não se aplica somente aos softwares, mas também a outros produtos como livros, treinamentos online da Element K e fontes.

Lembre-se de informar seu chefe e/ou departamento de compras, caso não se interesse diretamente!

Detalhes:

• Todos os produtos que encontram-se na Loja Online da Adobe (Adobe Online Store) estão eleitos a este desconto de 20%, inclusive produtos de terceiros lá vendidos, como materiais de treinamento.
• O desconto só será disponibilizado a 1 pedido por membro do grupo
• O desconto só poderá ser usado uma única vez por cada membro do grupo

Para obter o desconto e as instruções de uso do mesmo, o membro interessado deverá entrar em contato com o Manager/Co-Manager do grupo de usuários ao qual pertence.

Existem vários grupos de usuários oficiais Adobe pelo Brasil. Esta é uma excelente oportunidade e motivo para você procurar o mais próximo e associar-se.

Procure aqui: http://groups.adobe.com/pages/home

Não perca essa oportunidade! A Adobe já nos notificou que outras promoções estarão disponíveis para o grupo, mas provavelmente não na mesma proporção que essa!

Customizando o PreLoader no Flex

Bom nas últimas turmas de ActionScript tenho mostrado que a linguagem não fica presa ao Flash, mas também pode ser aplicada ao Flex e ao Air, e uma pergunta tem rolado com frequencia. "Não da para mudar o pre-loader do Flex não?!". Bom a Resposta é sim, da para mudar. Abaixo segue uma classe que escrevi para realizar tão ardua tarefa, basta mudar o apontamento para o swf que será usado como loader e talvez mudar os nomes dos elementos que serão responsáveis pelo ProgressEvent.

  1: package ascomp.core.loader {
  2:  import flash.display.Loader;
  3:  import flash.display.MovieClip;
  4:  import flash.display.Sprite;
  5:  import flash.events.Event;
  6:  import flash.events.ProgressEvent;
  7:  import flash.events.TimerEvent;
  8:  import flash.net.URLRequest;
  9:  import flash.utils.Timer;
 10: 
 11:  import mx.events.FlexEvent;
 12:  import mx.preloaders.IPreloaderDisplay;
 13: 
 14:  public class PreLoader extends Sprite implements IPreloaderDisplay {
 15:   private var dpbImageControl:Loader;
 16:   private const fileLoaderPath:String = "ascomp/core/loader/loaderDisplay.swf";
 17: 
 18:   public function PreLoader() { 
 19:    super();      
 20:   }
 21: 
 22:   public function set preloader(preloader:Sprite):void {
 23:    preloader.addEventListener(ProgressEvent.PROGRESS, handleProgress);
 24:    preloader.addEventListener(Event.COMPLETE, handleComplete);
 25:    preloader.addEventListener(FlexEvent.INIT_PROGRESS, handleInitProgress);
 26:    preloader.addEventListener(FlexEvent.INIT_COMPLETE, handleInitComplete);
 27:   }
 28: 
 29:   public function initialize():void {
 30:    dpbImageControl = new Loader();     
 31:    dpbImageControl.contentLoaderInfo.addEventListener(Event.COMPLETE, loaderCompleteHandler);
 32:    dpbImageControl.load(new URLRequest(fileLoaderPath));       
 33:   }
 34: 
 35:   private function loaderCompleteHandler(evt:Event):void {
 36:    this.addChild(dpbImageControl);
 37:    dpbImageControl.x = (this.stage.stageWidth - dpbImageControl.width) / 2;
 38:    dpbImageControl.y = (this.stage.stageHeight - dpbImageControl.height) / 2;
 39:   } 
 40: 
 41:   private function handleProgress(evt:ProgressEvent):void {
 42:    try {
 43:     var objMC:MovieClip = MovieClip(dpbImageControl.content);
 44:        objMC.lDisplay.loaderBar.scaleX = evt.bytesLoaded / evt.bytesTotal * 1;
 45:     objMC.lDisplay.loaderText.text = "Carregando... " + Number(evt.bytesLoaded / evt.bytesTotal * 100).toFixed(2) + "%";
 46:   
 47:    }
 48:    catch(err:Error) {}
 49:   }
 50: 
 51:   private function handleComplete(evt:Event):void {
 52:   }
 53:  
 54:   private function handleInitProgress(evt:Event):void {
 55:   }
 56: 
 57:   private function handleInitComplete(evt:Event):void {
 58:    var timer:Timer = new Timer(2000,1);
 59:    timer.addEventListener(TimerEvent.TIMER, dispatchComplete);
 60:    timer.start();    
 61:   }
 62:  
 63:   private function dispatchComplete(evt:TimerEvent):void {
 64:    dispatchEvent(new Event(Event.COMPLETE));
 65:   }
 66: 
 67:   public function get backgroundColor():uint {
 68:    return 0;
 69:   }
 70:  
 71:   public function set backgroundColor(value:uint):void {
 72:   }
 73:  
 74:   public function get backgroundAlpha():Number {
 75:    return 0;
 76:   }
 77:  
 78:   public function set backgroundAlpha(value:Number):void {
 79:   }
 80: 
 81:   public function get backgroundImage():Object {
 82:    return undefined;
 83:   }
 84:  
 85:   public function set backgroundImage(value:Object):void {
 86:   }
 87:  
 88:   public function get backgroundSize():String {
 89:    return "";
 90:   }
 91:  
 92:   public function set backgroundSize(value:String):void {
 93:   }
 94:  
 95:   public function get stageWidth():Number {
 96:    return 200;
 97:   }
 98: 
 99:   public function set stageWidth(value:Number):void {
100:   }
101:  
102:   public function get stageHeight():Number {
103:    return 200;
104:   }
105:  
106:   public function set stageHeight(value:Number):void {
107:   }
108:  }
109: }
110: 

Atualização do Flex 3.3 e do AIR 1.5.1

Hoje recebi duas noticias boas, tanto o Flex como o AIR receberam atualização.

AIR versão 1.5.1

• Adobe AIR 1.5.1 Developer and User Release Notes
• Adobe AIR 1.5.1 Documentation
• Download the Adobe AIR SDK
• How to overlay AIR SDK for use with Flex SDK
• Adobe AIR 1.5.1 Known Issues and Limitations
• Adobe AIR Forums

Flex versão 3.3

• Adobe Flex 3.3 Developer and User Release Notes
• Adobe Flex 3.3 Documentation
• Download the Adobe AIR SDK

Lista de 31 APIs, Bibliotecas, Components e Ferramentas para Flex / ActionScript

Adobe Flex cookbook beta
http://www.tiny.cc/VbU44

AnimatedGIfLoader Flex Component
Allows you to load animated gif files into your Flex applications
http://dougmccune.com/blog/animatedgifloader-flex-component/

Asdia
Provides an easy way to integrate flowcharts, uml or any other diagrams in flash tools.
http://code.google.com/p/asdia/

as3flexunitlib
ActionScript 3.0 framework for unit testing.
http://code.google.com/p/as3flexunitlib/

AsWing A3
Allows programmers to make their flash application(or RIA) UI easily
http://www.aswing.org/

Cairngorm
http://labs.adobe.com/wiki/index.php/Cairngorm

DisplayShelf Component
Provides a rich, templatable control to display a faux-3d view of a list of items
http://www.quietlyscheming.com/blog/components/tutorial-displayshelf-component/

flex2treemap
Treemap Component for Adobe Flex 2
http://code.google.com/p/flex2treemap/

flex4filemaker
Flex4FileMaker is an Adobe Flex 2 FileMaker API modeled after the FileMaker PHP library.
http://code.google.com/p/flex4filemaker/

FlexBook
Flex flip book component. Supports transparantcy.
http://www.quietlyscheming.com/blog/components/flexbook/

flexbox
Directory of Flex Components
http://flexbox.mrinalwadhwa.com/

flexcalendar
Flex Calendar Components
http://code.google.com/p/flexcalendar/

flexedtoolkit
Flexed Toolkit
http://code.google.com/p/flexedtoolkit/

FlexLib
community effort to create open source user interface components for Adobe Flex 2.
http://code.google.com/p/flexlib/

flexservicelocator
ServiceLocator for flex to use web service
http://code.google.com/p/flexservicelocator/

flextube
FlexTube is an flex UI front end for youtube
http://code.google.com/p/flextube/

Flex 2 Basic Email Form
Cut and dry example using an HTTP Service to send an email in Adobe Flex 2 via a simple PHP email script.
http://augiemarcello.com/flex-2-basic-email-form/

Flex 2 Debug Component
http://www.mikenimer.com/index.cfm/2006/7/5/FlexDebugPanel

Flex 2 Primitive Explorer
http://www.3gcomm.fr/Flex/PrimitiveExplorer/Flex2PrimitiveExplorer.html

Flex Developers Journal
The first and only independent magazine serving Adobe Flex developers worldwide.
http://flex.sys-con.com/

Flex Style Explorer
http://examples.adobe.com/flex2/consulting/styleexplorer/Flex2StyleExplorer.html

Fluorine
FLUORINE is an open source .NET Flash Remoting Gateway.
http://fluorine.thesilentgroup.com

Free Visual Reflection Component for Flex 2
http://blog.benstucki.net/?id=20

Granite Data Services
Free, open source (LGPL’d), alternative to Adobe® Flex 2 Data Services for J2EE application servers.
http://www.graniteds.org/confluence/display/INTRO/Granite+Data+Services

JAM - Just ActionScript and MXML
http://www.onflex.org/code/

Live “reflection� component
http://www.rictus.com/muchado/2006/07/05/live-reflection-component/

osflash-xray
Open Source Flash Debugger for AS2/AS3/Flex1.5/Flex2
http://code.google.com/p/osflash-xray/

scale nine
themes for flex and apollo/AIR
http://www.scalenine.com/

SpringGraph
Adobe Flex 2.0 component that displays a set of items that are linked to each other.
http://mark-shepherd.com/blog/springgraph-flex-component/

The Flex Show
Jeffry Houser and Ryan Stewart’s Poscast covering Flex related topics.
http://www.theflexshow.com/blog

The ServeBox Foundry
Based on several design patterns, and includes tools built to resolve some of the recurrent Flex 2 development challenges.
http://sourceforge.net/projects/sbasfoundry

Yahoo Astra Components
Tree, Menu, TabBar, AutoComplete, and Charts
http://developer.yahoo.com/flash/astra-flash

Yahoo! Maps Web Services - Flexâ„¢ API
http://developer.yahoo.com/maps/flash/flexGettingStarted.html

ZoomFrame
http://www.zeuslabs.us/2007/08/14/open-source-flex-component-zoomframe/

Adobe e Zend se unem - Flex com suporte PHP

Agora pouco li uma mensagem no Grupo de CF postada pelo amigo Marco Antonio, informando que o Flex agora esta de olho no PHP. Para quem desejar maiores informação link da matéria é http://blogs.adobe.com/flex/archives/2008/09/adobe_and_zend_announce_collab.html

Bom antes de colocar minha opinião sobre o assunto, imaginem o seguinte cernário. Se colocam uma nova funcionalidade no HTML, como é o caso do HTML 5 com a tag