http://www.rialabs.com.br

 
Bem, desta feita venho falar da RIALABS, uma empresa recém criado pelo meu caro amigo Fábio Vedovelli. Trata-se de uma empresa orientada especificamente para o desenvolvimento de aplicações ricas para web, as tão aclamadas RIA’s.  Como devem imaginar as RIA’s podem trazer muitas vantagens a um qualquer aplicativo web, desde a multi-plataforma, multi-browser simplicidade de uso em qualquer lado, visual agradavel…enfim, poderia escrever aqui muitos mais argumentos, mas nada como ler o ótimo artigo que a própria empresa escreveu no seu blog.

A RIALABS têm como principalmente foco o desenvolvimento com Adobe Flex e  JQuery, passando também pelo Adobe AIR ,que permite a implantação de um sistema no desktop, e tudo isto sem esquecer o php e mysql. 

Se procura uma solução com campo das RIA’S, a RIALABS é uma ótima solução. Entre em contacto com a empresa e peça uma avaliação/orçamento gratuito do seu projecto, posso adiantar que o Fábio é uma ótima pessoa e que com certeza não se irá arrepender de ter escolhido a RIALABS. A Sede da empresa é em S.Paulo, Brasil, mas pode efectuar trabalho para qualquer parte do mundo… eis a vantagem da internet!

Site oficial: http://rialabs.com.br/

6 semanas depois do lançamento do RedeRIA, este conta já com 21 Blogs agregados, dos quais 3 dedicados exclusivamente ao Silverlight, 1 ao Adobe AIR e os restantes ao Adobe Flex e tecnologias como java, php, .net, ruby e outras… 

Conta já com + de 100 leitores diários de feeds e outros tantos seguidores no twitter. Praticamente diáriamente é escrito algum artigo nos blogs do redeRIA, que é automaticamente indexado no redeRIA, sendo também automaticamente duvilgado no twitter e no feed. Foi também criada uma versão para dospositivos móveis, que permite que o redeRIA possa ser lido também nestes suportes.

A nivel de visitas, nestas 6 semanas o redeRIA teve a visita de 8.300 pessoas e conta já com 519 entradas indexadas no motor de busca do google, partindo neste periodo cerca de 2.780 visitantes com destino aos blogs dos autores.

Infelizmente, neste periodo, ainda foram recusadas 4 pedidos de agregação, não pelo motivo de não possuirem bom conteudo, mas pelo facto de estarem quer em espanhol, quer em inglês, facto este que não pode ser aceitado no redeRIA.

De resto, até posso considerar que o redeRIA obteve bastante sucesso, principalmente com a ajuda dos agregados, no entanto venho pedir que divulguém o projecto, para que possamos tornar o RedeRIA viavel para se tornar na melhor referencia de RIA’s em Português.

Com muita certeza que alguns pontos podem ser muito melhorados, e para isso peço também que deixem algumas criticas, comentários, sugestões ou ideias! E se alguém conhecer ou tiver um blog que queira ver agregado pelo RedeRIA  é só envia-lo usando o formulario presente no mesmo sistema!

De resto, subscrevam o feed e acompanhem o redeRIA no twitter! @rederia

http://www.msdevstudio.com/rederia

Abraço.

Vejamos…

Flex, é o nome em si de uma nova tecnologia baseada no flash. O flex não passa de uma framework para a plataforma flash, que implementa o flash com um aspecto visual muito mais elaborado transformando-o com um conteudo rico (RIA – Rich Internet Aplication) muito por causa da sua capacidade de inter-agir com enumeras linguagens de programação como php, asp, .net ou java e com as mais completas bases de dados e API’s. Ou seja, quase tudo o que é feito em flex é possivel de fazer no flash, tendo como grande diferença no flash teriamos que criar todos os passos, e no flex, como é uma framework já possiu muitos componentes prontos a usar. Iniciado pela Macromedia em 2004 não tendo sido muito popular entre desenvolvedores, Mais tarde comprado pela Adobe (um dos primeiros softwares que a adobe comprou à macromedia, primeiro de todos) e lançado no mercado com o nome Adobe Flex, nome que toda a gente conhece.

Air, (Adobe Integrated Runtime) uma aplicação  que permite conteudo flash / aplicações desenvolvido em Flex serem executadas no Desktop / Ambiente de trabalho sem necessidade de instalações elaboradas. Aumenta a possibilidade de extender o flash ao desktop permitindo ao flex ser considerado na hora de desenvolver uma aplicação para desktop que tenha grande necessidade de suporte online, com uma facilidade e capacidades extremas pode mesmo ser usado “apenas” para uma simples aplicação como um leitor de video ou editor de texto.

Flex SDK, este é dos termos mais falados e não é nada mais que o “core”/coração do flex, são as tais funções da framework prontas a usar. Chamado de Kit de desenvolvimento de software (Software Development Kit) permite que posssamos usar todas as funções / elementos do flex nas nossas necessidades. (O SDK é gratuito e possui um compilador para compilar o nosso codigo e transforma-lo num .swf)

Flex Builder. Aqui podem existir muitas confusões… para desenvolver Flex não precisa do Flex Builder. Pode até usar o notepad, passo a explicar. O Flex Builder é um aplicativo que apresenta uma estrutura gráfica de apoio para o desenvolvimento de aplicações baseadas no nosso SDK (Chamadad de IDE – Integrated Development Environment), ou seja, é uma interface para o nosso SDK. O flex builder (software / ide ) foi baseado no Eclipse, um popular programa para programação das mais diversas linguagens. Como este é eclipse é versavel ao ponto de ser polivalente na interpretação de varias linguagens, a adobe decide basear o seu Flex Builder neste mesmo software. O Flex Builder é Pago (excepto instituições de ensino e estudantes).

Eclipse. O programa que falei em cima, como disse é polivalente ao ponto de interpretar muitas das linguagens comuns com recurso a algumas plugins, inclusive existe uma plugin “flex builder” para o eclipse, que o transforma num autentico Flex Builder, mas esta extensão é paga. O eclipse (gratuito) é muito popular entre empresas / desenvolvedores / programadores por ter um grande suporte, ser muito completo e por suportar enumeras linguagens de programação. É mesmo usado por grandes empresas e grandes projectos como o Zend Studio, Aptana, Borland ou até IBM (principal “investidora” do projecto).

Action Script é a base de tudo o que estamos a falar em cima, ou seja, apesar de o Flex usar uma variação do xml (MXML) para definir mais rapidamente alguns componentes da aplicação, na hora de compilar tudo vira Action Script 3. Esta linguagem é apontada como infinitamente extensivel o que nos permite conseguir fazer quase tudo com ela e principalmente obter uma grande variedade de componetes / extensões já feitas na comunidade e o mais interessante é que sendo uma linguagem orientada a objecto é de rápido desenvolvimento e para quem já trabalhou com o AS3 no flash é praticamente a mesma coisa. A grande dificuldade pode ser a passagem do AS2 para o AS3, mas posso indicar, não é assim tão dificil como parece e com pouco tempo vão passar a esquecer o AS2.

Assim que começei a desenvolver em AS3, esqueci completamente o AS2, mesmo no flash 8 onde ainda desenvolvia alguns sites em AS2 e que agora passei a fazer com o AS3. Muito mais rápido, pratico e eficaz.

Bem, para iniciantes em flex (e que não conheçam o Eclipse) o flex builder ainda é sem duvida a rampa de lançamento para iniciantes, pelo simples motivo de ter uma interface apenas orientada para o Flex e Air e ser de facil interpretação. O suporte do flex é enorme e têm por detrás a gigante adobe, pelo que podem contar com a muito boa qualidade de tutoriais e artigos (inglês) e como a comunidade de utilizadores / desenvolvedores está cada vez mais a aumentar, já se pode encontrar muito boa informação em Potuguês, incluido aqui no blog como o “Adobe Flex a partir do Zero” disponivel para download aqui e a introdução ao action script 3 “trace (‘Action Script 3′)” disponivel para download aqui. Se percorrerem este blog encontrarão com certeza muita informação, bem como links para mais alguns blogs com muito boa informação e tutoriais.

Mais informações:

Ria – Rich Internet Aplications na wikipedia – Veja

Adobe Flex – Site oficial – Veja

Adobe Open Source – Flex SDK – Veja

Adobe Air – Veja

Eclipse – Site Oficial – Veja

Flex.org – Site de suporte e showcase – Veja

Bom, espero que tenham ficado esclarecidos e agora saibam por onde começar..

Abraç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.

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.

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 

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 :)