Marcio Rosa Website

Avatar

Marcio Rosa Interaction Architect.

Começam as discusões sobre o Actionscript 4.0

Colin Moock apresenta alguns detalhes do ECMAScript 4 na FITC. Ele postou algumas de suas notas de palestra sobre as mudanças (que provavelmente vão estar presentes no ActionScript 4).
Creio que essas mudanças indicam também que a próxima AVM (ActionScript Virtual Machine) será ainda mais rápida - aumentando assim a capacidade de aplicações que podem ser entregues através de Flash, Flex, e AIR. Esta é, sem dúvida necessária, como alguns desenvolvedores já estão empurrando o atual AVM ao máximo (principalmente com os motores de renderização 3D).

Adobe Thermo

Thermo, uma nova ferramenta de design para aplicações RIA destinada a designers é apresentada pela na Adobe Max.
Existem três vídeos no YouTube que merecem ser visto:
Parte 1
Parte 2
Parte 3

Mas os principais pontos do são:

Importar camadas de imagem (incluindo texto) do Photoshop
A imagem é convertida em componentes Flex
Selecionar um conjunto de imagens, transformá-las numa Lista de controle (isto é, um painel de rolagem fotos), com um só clique.
Framework Flex app, totalmente compatível com o Flex Builder.

Advanced Flex Application

Advanced Flex Application

R. Blank, Chris Charlton, Omar Gonzalez, Hasan Otuome, “AdvancED Flex Application”

Muitos livros sobre Adobe Flex apresentam o básico, este livro faz algo diferente, e vai muito mais longe. Os autores, desenvolvedores na plataforma Flash e Almer / Blank, trabalhando com comunidades Adobe User Group, são os criadores do Rich Media Exchange (RMX), uma social media network para desenvolvedores Adobe. Abrangendo apenas como o RMX foi construído, este livro contém todo o conhecimento que você precisa para construir similares de grande escala Rich Internet Applications com Adobe Flex.

Neste livro você vai aprender a planejar, wireframe, especificar, desenvolver, e a divulgar em grande escala suas aplicações Flex. — Faça aplicações Flex com técnicas avançadas de design. Aproveite formas e funcionalidades avançadas, incluindo a codificação validadores e construir formulários de componentes personalizados, implementar um sólido sistema de publicidade para uma aplicação Flex usando OpenAds, criar poderoso, player multimedia customizado em Flex, incluindo vídeo com o uso da classe VideoDisplay classe raiz, música e players avançados com som e visualização.

Wordpress e Flex integrados ao AMFPHP

Interessante projeto para AMFPHP que possibilita a integração entre o WordPress e FlexFlash GUI’s. Baixe o código no Google Code

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.

Flex Theme: Flekscribble

Uma das maiores dúvidas no curso de FLEX 2.0 é referente a capacidade de manipulação de componentes no FLEX. Decidi escrever sobre os chamados Skins ou themes FLEX. Como exemplo escolhi um o Flekscribble, veja o skin em uma aplicação como exemplo.

Baixe os arquivos (Imagens, CSS, MXML, etc.) referente a este skin aqui.
No próximo post mostrarei como customizar as aplicações FLEX como no exemplo acima, aproveite esse tempo para pesquisar sobre o assunto.

Model-view-controller (MVC)

Model-view-controller (MVC) é um padrão de arquitetura de software. Em aplicações complexas, que enviam uma série de dados para o usuário, o desenvolvedor freqüentemente necessita separar os dados (Model) da interface (View). Desta forma, alterações feitas na interface não afetarão a manipulação dos dados, e estes poderão ser reorganizados sem alterar a interface do usuário. O model-view-controller resolve este problema através da separação das tarefas de acesso aos dados e lógica do negócio da apresentação e interação com o usuário, introduzindo um componente entre os dois: o Controller. MVC é usado em padrões de projeto de software, mas MVC abrange mais da arquitetura de uma aplicação do que é típico para um padrão de projeto.

É comum dividir a aplicação em camadas separadas: apresentação (interface), domínio e acesso a dados. Em MVC a camada de apresentação também é separada da view e da controller.

Model

A representação “domínio” específica da informação em que a aplicação opera. Muitas aplicações usam um mecanismo de armazenamento persistente (como banco de dados) para armazenar dados. MVC não cita especificamente a camada para acesso aos dados, porque subentende-se que estes métodos estariam encapsulados pelo Model.

View

“Renderiza” o model em uma forma específica para a interação, geralmente uma interface de usuário.

Controller

Processa e responde a eventos, geralmente ações do usuário, e pode invocar alterações no Model.

MVC é muito visto também em aplicações para Web, onde a View é geralmente a página HTML, e o código que gera os dados dinâmicos para dentro do HTML é o Controller. E, por fim, o Model é representado pelo conteúdo de fato, geralmente armazenado em bancos de dados ou arquivos XML.

Ainda que existam diferentes formas de MVC, o controle de fluxo geralmente funciona como segue:

  1. O usuário interage com a interface de alguma forma (por exemplo, o usuário aperta um botão)
  2. O Controller manipula o evento da interface do usuário através de uma rotina pré-escrita.
  3. O Controller acessa o Model, possivelmente atualizando-o de uma maneira apropriada, baseado na interação do usuário (por exemplo, atualizando os dados de cadastro do usuário).
  4. Algumas implementações de View utilizam o Model para gerar uma interface apropriada (por exemplo, mostrando na tela os dados que foram alterados juntamente com uma confirmação). O View obtém seus próprios dados do Model. O Model não toma conhecimento direto da View.
  5. A interface do usuário espera por próximas interações, que iniciarão o ciclo novamente.

AIR:Applications

This pages contains a list of Adobe AIR (formerly code-named Apollo) applications.
Showcase Applications

A list of some of the best Adobe AIR applications.

Applications created by developers in the Adobe AIR community.

Showcase Applications

A list of some of the best Adobe AIR applications.

View Showcase applications

Adobe Sample Applications

View all Adobe sample applications

Community Applications

Applications created by developers in the Adobe AIR community.

Retrieved from “http://labs.adobe.com/wiki/index.php/AIR:Applications”

Comparando Performance RIA

Um ótimo site desenvolvido para testes de performance entre aplicações RIA, compare o FLEX com Dhtml e o Silverlight.
http://bubblemark.com/flex_bmp.htm

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.

Before you go

Going so soon? May these links be a guide to web project.