Na hora de desenvolver uma Ria, muitos se questionam qual a tecnologia a usar. Para os amantes de HTML, efeitos simples e cumprimento de padrões SEO, sem duvida o Ajax se torna uma opção viável, mas para os amantes de fiabilidade, rapidez, suporte e uma interface bem agradável, o flex é a opção.

Não vou defender nenhuma destas tecnologias (ou talvez vá!) mas vou colocar algumas características bem interessantes dos 2, retiradas de alguns sites, comentários e artigos.

Vou mostrar alguns pontos, em ambas as tecnologias conforme a necessidade e deixarei a minha analise no final:

1. Animação

Em muitas das ria’s os efeitos são na realidade uma mais valia.

AJAX: Pouco suporte limitado apenas a efeitos lineares.

FLEX: Um grande suporte nativo, bem como possibilidade de personalização.

2. Manipulação de imagens

Possibilidade de manipulação, alteração, edição e efeitos

AJAX: Algum suporte, dependendo do browser e de bastante código server-side

FLEX: Suporte nativo.

3. Suporte a HTML.

AJAX: Suporte nativo.

FLEX: Suporte muito limitado, não permitindo tabelas, css, frames ou javascript

4. Video e audio streaming

AJAX: Sem suporte nativo, dependendo de plugins de terceiros

FLEX: Suportado, embora pouco usado. Suporta também captura de câmaras ou microfones do utilizador.

5. Desenvolvimento, programas e custos.

AJAX: Bastantes aplicativos livres como Google Toolkit, Echo2, jsLINB ou Rico. Existem alguns pagos, mas como são tantas as opções livres não vou nomear.

FLEX: Flex Builder Eclipse Plugin ($500 US ~ 325 €), Flash CS3 ($700 US ~ 450 €) ou um qualquer editor de texto que requer grandes conhecimentos do seu método de programação.

6. Runtime, Execução.

AJAX: Alguns pontos têm que ser programados para os diferentes browsers (alguns problemas de cross-browsers)

FLEX: Uma plugin única (flash player, que se estima que esteja instalada em cerca de 85/90% dos computadores pessoais) que permite cross-browsing e cross-plataform sem problemas.

7. Código e desenvolvimento em equipa. Linguagem orientada a objectos.

AJAX: Suporta linguagem OO em algumas frameworks, mas é sempre compilada a uma estrutura base. A maior parte de librarias não são compatíveis com outras o que causa muitos problemas.

FLEX: Compatibilidade ECMAScript, altamente suportado em aplicações WEB. O seu código é facilmente organizado e partilhado, compilado sobre a base de Action Script 3.

8. Suporte a graficos vectorizados.

AJAX: Já suportado via VML nas recentes versões do IE e apenas suportado em alguns browsers via SVG.

FLEX: Suportado nativamente (AS3).

9. Segurança e seu código.

AJAX: & FLEX: Ambos utilizam (e estão dependentes) da segurança da sandBox dos browsers.

AJAX: O seu código pode sofrer violações de terceiros visto existirem alguns reticências quanto à sua segurança.

FLEX: O código dificilmente será violado, pelo menos nas partes criticas, graças à (já por defeito) distorção do código fonte na compilação, bem como a possibilidade de encriptação.

10. Controlo DOM.

AJAX: Suportado nativamente.

FLEX: Não suportado, dependendo sempre de chamadas externas  a objectos javascript.

11. SEO (Optimização para motores de busca).

AJAX: Suporte amigável aos browsers, embora alguns browsers não sejam capazes de seguir links em javascript. Se parâmetros SEO tiverem que ser cumpridos, o AJAX deve ser cuidadosamente programado.

FLEX: Suporte limitado. As “normas” SEO podem ser cumpridas recorrendo a META TAGS e publicação separada do conteúdo.

12. Acessibilidade.

AJAX: Muito pouca, bem como poucas frameworks anunciam boas praticas de acessibilidade.

FLEX: Acessibilidade compatível com as normas 508

13. Open Source / Código Aberto.

AJAX: Existem muitas lincenças, desde livres a comerciais, variando de framework para framework.

FLEX: O flex e action script são código aberto, e até à pouco tempo a maquina virtual do flash (FVM) era fechada. Recentemente aberta como indica no projecto Adobe Open Screen.

14. Extensibilidade (componentes terceiros).

AJAX: Como o ajax é uma extensão do HTML e Javascript, a framework é por norma extensível.

FLEX: Os seus componentes são facilmente extensíveis, bem como a possibilidade de criação de novos. A plugin para o eclipse é facilmente extensível através de um grande número de extensões.

15. Suporte.

AJAX: O ajax é médiamente suportado, bem como as suas frameworks, com alguns artigos e tutoriais, embora muito ambíguos devido à variedade de frameworks.

FLEX: Grande suporte por parte da adobe, bem como pela crescente comunidade de programadores. A framework está altamente documentada com exemplos na própria pagina da adobe bem como os seus exploradores (Effects, Components e Styles)

Resumo final, como li num artigo bem interessante de onde retirei grande parte destes comparativos, depende muito do objectivo da RIA, embora concorde bastante com a seguinte frase:

“Use AJAX for tactical improvements and Adobe Flex for strategic implementations”

Onde se pode entender que o AJAX deve ser usado quando a nossa RIA necessita de updates constantes e a Ria em si é leve e pequena. Pode ser usado para acrescentar alguns “pontos de RIA” a pequenas aplicações/páginas. Mas deve ter em atenção um possível futuro de abandono de suporte de algumas frameworks, bem como uma possível reformulação dos browsers e seu suporte.

O Flex deve ser opção quando o “cross-browsing” deve ser um factor decisivo, bem como em aplicações medias-grandes. Como existe uma grande marca por detrás (Adobe), é de esperar uma elevada e crescente continuidade do suporte, muito graças à grande capacidade do Action Script e da penetração do Flash Player no mercado, ainda mais agora com a estratégia Open Screen da adobe. A possibilidade de modo offline, graças ao AIR, torna o flex muito versátil.

Nota final e opinião:

Com tudo isto que li, traduzi e aqui escrevi…volto-me mesmo para o desenvolvimento em flex, porque afinal de contas é uma paixão minha.

Espero que estas informações sejam úteis na hora critica de decidirem a linguagem/framework da vossa RIA.

    Este artigo está disponivél em pdf  para download.

Que os feed’s foi a melhor coisa que inventaram eu não tenho duvida, e já à muito que uso o thunderbird como cliente de email e leitor de feed’s. (recomendo vivamente)

Alem de estar sempre a par das ultimas novidades em tudo quanto é área, podemos realmente ter acesso a feed’s de sites muito bons, que revelam muito boa qualidade.

Dos cerca de 120 feed’s que tenho no thunderbird, vou começar por ir deixando uma lista de vez a quando no blog, não se assustem porque quase todos os feed’s estão em inglês mas é onde se encontra muita informação de boa qualidade (não estou a desprezar o que se faz de bom em PT)

Aqui vai:

Flex Examples (não podia faltar) - http://feeds.feedburner.com/blogspot/PmCX?format=xml

Alex’s Flex Closet - http://blogs.adobe.com/aharui/atom.xml

Beedigital - http://www.beedigital.net/blog/feed/

Building blocks - http://joelhooks.com/feed/

Digital Backcountry - http://feeds.feedburner.com/ryanstewart

Eric feminella - http://www.ericfeminella.com/blog/wp-rss2.php

James Ward - http://www.jamesward.org/wordpress/feed

Metah AS3 - http://www.metah.ch/as3/rss.php

Ntt.cc - http://feeds.feedburner.com/Nttcc?format=xml

John Nack - http://blogs.adobe.com/jnack/index.xml

Mike Potter - http://feeds.feedburner.com/adobe/mpotter

Flex Doc Team - http://blogs.adobe.com/flexdoc/atom.xml

Kiwi Project - http://feeds.feedburner.com/kiwiproject

Penguin.SWF - http://blogs.adobe.com/penguin.swf/atom.xml

Adobe Design Center - http://feeds.feedburner.com/AdobeDesignCenter

Como repararam, muitos destes feed’s pertencem a blog oficialmente suportados pela adobe e seus programadores, ou seja, quero dizer que a adobe ainda é o melhor recurso para informação de qualidade em inglês… quanto a português, brevemente coloco alguns feed’s que bons blog’s que por aí se encontram

gp:

Em continuação com o meu tutorial Adobe Flex a partir do Zero :

http://msdevstudio.com/blog/2008/01/05/adobe-flex-a-partir-do-zero/

disponibilizo agora a segunda parte deste tutorial, que já tinha sido previamente colocada em

www.xtechpt.com e agora em formato .pdf

Esta segunda parte foca essencialmente os seguintes pontos:

• Entendendo a estrutura e organização do código.
• Criação de um Action Script Externo para uso no Flex.
• Entendendo componentes internos, efeitos e transições.
• Criação de apresentação de um painel via Action Script.

Se tiverem alguma duvida no decorrer do tutorial, coloquem-na em resposta ao post e assim que possível elas serão citadas e respondidas na página Suporte no topo do blog ou então no fórum www.xtechpt.com no quadro Ria’s em Web Development, no qual existe um tópico “[Duvidas] - Adobe Flex a partir do zero”.

Aqui fica o link das duas partes do tutorial:

Parte I : Adobe_Flex_a_partir_do_zero_1.pdf

Parte II: Adobe_Flex_a_partir_do_zero_2.pdf

Edit: Já estão disponiveis as partes III e IV:

Parte III: http://msdevstudio.com/blog/2008/03/01/adobe-flex-a-partir-do-zero-parte-iii/

Parte IV: http://msdevstudio.com/blog/2008/04/08/adobe-flex-a-partir-do-zero-parte-iv/

Flex Book - Adobe flex a partir do zero partes I, II, III e IV

Agradeço comentários e sugestões.

Desta vez o Flex presenteia-nos com um sistema de musica online, basicamente este serviço disponibiliza as suas musicas onde quer que esteja, via internet. É muito facil de usar e muito util para quem nao passa sem as suas musicas preferidas e nao quer andar com o seu leitor portatil atrás.

Basta ter uma ligaçao de internet disponivel.

O serviço consiste em enviar as suas musica para o servidor, e depois aceder à sua conta a qualquer momento em qualquer lugar, e tem as suas musicas sempre disponiveis… Facil não é??

Basta registar-se gratuitamente para começar a usar, se quiser apenas testar, tambem o pode fazer, sem registo, clicando no botão “New user? START”. e ja tem disponiveis bastantes musicas para poder ouvir.

A elaboração do “aplicativo”  foi feita com recurso ao Adobe Flex, o que sem duvida nos garante uma fácil utilização, bem como um grafismo bem simples e bonito.

Uma pequena preview do serviço:

Mais informação em: www.ezmo.com 

Post partilhado em www.xtechpt.com 

Bem, disponibilizo aqui uma lista de sites onde podem ser encontradas diversas informações sobre aplicações RIA bem como o conteudo geral desses sites.

Em Português / Brasileiro :

http://www.riapt.org/ Comunidade Portuguesa de Ria’s
http://www.vedovelli.com.br/ Site com alguns screecast’s.
http://www.flexbrasil.org Site oficial da lista flex-brasil do yahoo
http://www.igorcosta.com/blog/ Site do fundador do Flex-Brasil
http://www.wendelmaques.com.br/ Site sobre Ajax, extjs, air e flex.
http://leonardofranca.com.br/index.php/pt/ Site que fala de tudo um pouco sobre Ria’s
http://blog.zellen.com.br/ Site dedicado a Ria’s

Em Inglês/ Outros :

http://www.flex.org Site oficial do Flex
http://www.amfphp.com Biblioteca php/mysql/sql para comunicar com o flex/flash
http://www.person13.com/wordpress/ Fala de tudo um pouco…
http://flexed.wordpress.com/ Flex e ActionScript
http://labs.adobe.com/technologies/air/ Adobe Air
http://labs.adobe.com/technologies/flex/ Adobe Flex
http://silverlight.net/ Silverlight da Microsoft
http://www.microsoft.com/expression/ À volta do mundo Silverlight / Expression

http://www.thefreecountry.com/webmaster/ajax.shtml Ajax frameworks e tutoriais

Adobe Flex Explorers
Uma lista de explorares que mostra muito do que é possivel fazer com o Flex:

http://examples.adobe.com/flex2/consulting/styleexplorer/Flex2StyleExplorer.html - Style Explorer (Construtor de css)
http://www.maclema.com/content/sek/ Style Explorer (o mesmo mas com suporte ao kuller -http://kuller.adobe.com- )
http://demo.quietlyscheming.com/ChartSampler/app.html (Charts Explorer, explorador de graficos/estatisticas)
http://examples.adobe.com/flex2/inproduct/sdk/explorer/explorer.html (Demonstraçao de componentes drag & drop )
http://www.merhl.com/flex2_samples/filterExplorer/ (Filter Explorer, fade, alpha, glow, distort )
http://www.3gcomm.fr/Flex/PrimitiveExplorer/Flex2PrimitiveExplorer.html (Primitive Explorer, graficos via actionscript, propriedades)
http://flexapps.macromedia.com/flex15/explorer/explorer.mxml?versionChecked=true (Samples Explorer, exemplos com codigo fonte)
http://www.madeinflex.com/img/entries/2007/05/customeasingexplorer.html (Custom Easing Function Explorer, permite personalizar efeitos via actionscript)

Devem ter o flash player 9 update (disponivel aqui: http://labs.adobe.com/downloads/flashplayer9.html) caso nao consigam ver.

Espero que vos seja util :)