Adobe Open Screen project

O  Open Screen Project levará as rich Internet experiences across televisions, personal computers, mobile devices, e consumer electronics, o  Open Screen Project suportará technologias líderes, incluindo Adobe, ARM, Chunghwa Telecom, Cisco, Intel, LG Electronics Inc., Marvell, Motorola, Nokia, NTT DoCoMo, Qualcomm, Samsung Electronics Co., Sony Ericsson, Toshiba and Verizon Wireless, e provedores de conteúdo como BBC, MTV Networks, e NBC Universal, levando toda rich Web e video experiences, a toda variedade de dispositivos.

O Open Screen Project remove qualquer barreira de uso do Adobe® Flash® Player e no futuro, Adobe AIR™, fazendo com que qualquer empresa posssa inserir ambos em seus produtos sem custos de direitos de software. Isso é um grande passo para a área de desenvolvimento, e uma boa resposta a abertura do SDK para iPhone para desenvolvimento de aplicações.

Veja algumas barreiras que cairam com este projeto:

Remoção das restrições na utilização das especificações SWF e FLV/F4V e
publicação das APIs de portabilidade do Flash Player para dispositivos

Publicação dos protocolos Adobe Flash Cast e AMF
Não só foram publicadas as especificações SWF e FLV/F4V, como as especificações dos formatos de comunicação de dados usados pelo Flash Player.

Remoção dos custos de licenciamento do Flash Player e Adobe Air
Passa a tornar-se gratuíto distribuir o Flash Player e o Adobe Air.

Novo! Desktop-Wallpaper

Adobe technology platform ActionScript™ Reference Rich Internet Application Development

Adobe technology platform ActionScript™ Reference Rich Internet Application Development. Adobe® Flash® Player 9 / Adobe® Flex® 3 / Adobe® AIR™.

Para mais informações visite Adobe Developer Connection ou faça download do pdf aqui.

Em breve versão português aqui

Most Popular Today

Esta foi a semana dos vídeos, muitos post sobre o tema para Flex e Flash vamos começar pelo AIR App of the Week: RichFL editor de video FLV em .AIR exemplos de Flash Video AS3 Class Example passaram por muitos blogs e grupos sobre o assunto.

DClick Team Weblog de Marcos Arruda fala sobre os frameworks para a plataforma Flex em desenvolvimento atualmente, PureMVC é um deles. Rec6 - Tecnologia - Mais populares de Nicolas publicou a ótima ferramenta do Google Ad Manager, um novo serviço de gestão de publicidade on-line que, ao contrário de outras ferramentas similares, não é cobrado dos usuários.

Veja Showcase Of Creative Flash Preloaders do Smashing Magazine de Vitaly Friedman & Sven Lennartz que relacionaram ótimos exemplos de pre-loaders flash. The Guardian também apareceu com uma lista de 50 blogs poderosos da internet. Procurando por ferramentas web2.0 encontrei esse site que vai agradar a muitos. 101 recursos essenciais para o freelancer
eu mesmo passei a usar esse Clocking IT

Yahoo! Maps para ActionScript 3.0

A nova API  Yahoo!Maps está agora construída inteiramente em ActionScript 3,0. A API agora fornece um mapa e um motor que proporciona o controle total para criar componentes personalizados, sobreposições e marcadores enquanto consome diferentes webservices fornecidas pelo Yahoo!, ou a sua própria. O componente YahooMap é distribuído como um SWC para ser usada em seu Flex Builder.

A API Yahoo!Maps contém um conjunto de widgets, marcadores, sobreposições e serviços web para permitir-lhe interagir com o mapa de todas as maneiras.

Faça seu cadastro para obter Key API. Em seguida, faça o download do componente, existe muitos exemplos e classes e documentação no site do Yahoo!.

APIS para web 2.0 desenvolvida em ActionScript

MySpace Development Platform (ActionScript Library)

Facebook F8 Platform (ActionScript API)

Amazon S3 (ActionScript Library)

eBay Platform (ActionScript Library)

Flickr (ActionScript Library)

YouTube (ActionScript Library)

Yahoo! ASTRA (ActionScript Libraries)

Google Map (ActionScript API)

Web Map Services (Google, Microsoft VE and Yahoo) (ActionScript API)

Twitter Life Stream (ActionScript 3 API) ( SWX Twitter API )

Pownce ( ActionScript 3.0 library )

Digg (Flash Kit)

Last.fm Music (ActionScript Library)

MD5 para Actionscript

Classe muito interessante para aplicações Flex/AIR que requer autenticação MD5 como o Flickr. Acesse ou coloque criptografia MD5 em suas aplicações clicando aqui.

Running sua Application Flex

• Abre a opção do menu Project. Certifique-se que a opção Build Automatically option esteja marcada. Dessa maneira os erros são mostrados antes mesmo de executar a aplicação. Para aplicações mais robustas desmarque essa opção para ganhar tempo.

• Execute o arquivo FlexApp.mxml clicando como na imagem abaixo ou Ctrl + F11. Conheça o processo após a execução da aplicação Flex. Primeiro, as Tags XML da aplicação serão traduzidas para o ActionScript. O ActionScript irá gerar o arquivo SWF para que os bwosers possam ler através do Plugin Flash Player.

• Adicione a tag <mx:Label> entre as tags<mx:Application>; Use o (<) junto a palavra mx, seguido do (:). aparecerá na tele uma longa lista de tags. Pressione a letra L e selecione Label pressione o Enter.

• Assim que for pressionado a tecla Space do teclado irá abrir os atributos da propriedade escolhida no Flex, vamos começar nossa aplicação com o atributo texto com o valor “Hello World”.

<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml”
layout=”absolute”>
<mx:Label text=”Hello World”/>
</mx:Application>

Como a sintaxe desse código é XML existe outras maneiras de escrever esse mesmo código, como por exemplo em uma linha. Tenha sempre a sua disposição as opções dos proncipais atributos das Tags mais importantes como Label e Application. Tente usar essa combinação por exemplo.

<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml”
layout=”vertical”
styleName=”plain”/>

A qualquer hora você terá como visualizar suas alterações com o botão direito no mouse sobre o editor na opção: Compare With > Local History

5. Gere um erro em sua aplicação e mande executar novamente, aparecerá essa tela, feche esse aviso e corrija ao erro sempre que ver isso.

6. Altere a aplicação para o Modo Design: Delete o componente text que criamos, vamos fazer isso novamente mais agora no modo Design, para isso localise a Component View, busque na lista de opção o componente Text. Arraste para sua área de Editor. Localize a Flex Properties View altere a opção Text para “Hello world”. Verifique que o resultado é mesmo.

Também podemos alterar as opções do filme principal clicando no componente principal do editor nas opções mostradas abaixo:

A opção Label dentro dos componentes tem um resultado parecido porém nos permite inserir apenas uma linha de texto.

Entendendo o Flex Builder 2 Workbench

Antes de fazer qualquer alteração no arquivo de sua aplicação, você primeiro deve se mais familiarizar com o Flex Builder workbench, que é tudo que você vê na Flex Builder. Há uma série de condições que devem familiarizar-se com relação a interface.

• Feche o Editor atual clicando nos x no lado direito da FlexApp.mxml na Guia do Editor.Todos os editores terão um guia no canto superior esquerdo da área do editor.

• Abra o editor contendo o FlexApp.mxml arquivo da Navigator View clicando duas vezes no nome do arquivo.

• Faça o editor expandir em largura e altura clicando duas vezes na sua guia.

• Repor o editor ao tamanho anterior clicando duas vezes no guia novamente.

• Clique no botão Design no editor para visualizar a aplicação em modo Design. O modo de trabalho muda radicalmente no modo Design, o que lhe permite arrastar e soltar controles na interface do aplicativo. Você também é capaz de definir valores de propriedades. Obviamente, no modo Design também permite que você veja o sua aplicação mais próxima a visão do usuário final.

• Acesse o modo Source clicando no botão Source do editor.
  Você estará usando principalmente o modo Source, mas algumas tarefas são mais bem executadas no Modo de Design.

• Para fechar o Navigator View clique no x. Assim como editores, todas as views também teram guias no canto superior esquerdo da view especial. No Flex Builder 2, as diferentes seções que exibem conteúdo são todos chamados views.

• Reabrir Navigator View: Window > Project Navigator.

• No botão Open Perspective pouco acima da parte superior direita do editor, escolha a opção Flex Debugging.A perspectiva não é nada mais do que um esquema de pontos de vista que você pretende utilizar repetidamente. O Flex Builder vem com algumas embutidas. Você pode criar um layout de seu próprio conjunto de pontos de vista e guardá-las como uma perspectiva que pode ser reusada a qualquer momento.

• Por padrão o Flex Source View estará mostrando os números das linhas de código, especialmente importante para corrigir problemas com desenvolvimento. Verifique na opção Window> Preferences. Na caixa de diálogo, clique no sinal de mais sinais (+) na frente da General e, em seguida, Editors. Finalmente clique Text Editors e clique na caixa de Show Line Numbers. Você também pode ativar a linha números pelo mouse - clique no marcador direito da barra do editor e selecionando Show Line Numbers.

Criando um Projeto e uma MXML Application

Nesta primeira tarefa, você estará criando uma aplicação Flex. Para fazer isto, você deve primeiro criar um projeto no Flex Builder. Um projeto não é mais do que uma coleção de arquivos e pastas que irão ajudá - lo a organizar o seu trabalho. Também nesta tarefa, você irá executar a aplicação Flex. Você descobrirá como o MXML é convertido em um arquivo SWF que é visualizado em um navegador.

• Start Flex Builder 2 escolha Iniciar> Programas> Adobe> Flex Builder

• Escolha File> New> Flex Project. Selecione a opção basic, Em seguida, clique em Next.

• Para este projeto damos o nome de FlexApp

• Uncheck a opção “Use default location check box”, e escolha um lugar uma pasta em seu driveroot:/flex2tfs/flexApp. Clique em Next.

• Em: Main application file: repare no nome Flexapp.mxml por padrão o Flex define pelo nome do projeto.

• Clique em Finish. Seu projeto está criado.

O padrão do arquivo de aplicações contém alguns elementos que você precisa entender. A primeira linha de código:

<?xml version=”1.0″ encoding=”utf-8″?>

É um documento XML tipo de declaração. Porque MXML é uma linguagem padrão XML, o documento declaração deve ser incluída.

A segunda linha de código:
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml” layout=”absolute”>

Define uma aplicação Flex na página principal. A tag <mx:Application> representa o a tag inicial, ou detentor de todo o conteúdo da aplicação Flex. Você pode ter apenas uma tag <mx:Application> por aplicação Flex.

Dentro da Tag <mx:Application> o atributo
xmlns: mx = “http://www.adobe.com/2006/mxml é um código que define os prefixos mx a ser associado a um conjunto de tags. O valor do atributo que parece com uma URL é referido como um Universal Resource Identifier (URI), na terminologia XML. Através de um arquivo de configuração, Flex-config.xml uma associação é feita entre esta URI ao que é chamado no arquivo. O arquivo mxml-manifest.xml contém todas as tags que podem ser usadas com o prefixo mx. Por padrão o arquivo é encontrado neste local: installationdirectory\Adobe\Flex Builder 2\Flex SDK 2\ Frameworks \ mxml-manifest.xml.

Finalmente, o layout=”absolute” define como esta aplicação irá estabelecer seus componentes ou os que estão na página. Com a disposição absoluta você pode especificar os valores para x e y para todos os componentes da aplicação. Ex:

<mx:Panel width=”250″ height=”114″ layout=”absolute” x=”224″ y=”263″ title=”Teste”>