Bem, depois de muito estragar a cabeça com instruções SQL e andar às voltar com o taxonomy da base de dados do wordpress 2.5 (antes era bem mais fácil) lá consegui sacar e fazer o parsing às primeiras entradas na base de dados.

Aqui está a continuação os meus 2 ultimos posts que explicava como importar um layout psd para o flex.

Este sistema será o exemplo final do meu tutorial Adobe Flex a Partir do zero (parte 7/8), que vou explicar todo o código e distribuir a aplicação final pela comunidade… mas enquanto isso não aparece vou deixar-vos aguçar o apetite com o que já fiz …

A maior parte do trabalho está feita, faltando alguns ajustes no código… e as funções para o resto do viewstack.

Neste momento o apicativo está apenas a ir buscar as 3 ultimas entradas (titulo, autor, desc, data e html) da categoria "Flex" do blog, depois busca os titulos das ultimas 8 entradas no blog, e por final apresenta os downloads que tenho disponiveis no blog.

Vejam aqui

Deixem os vossos comentários, criticas e sugestões.

Abraço.

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.

Encontrei hoje um artigo bastante interessante no http://flex.sys-con.com que nos explica passo a passo como criar a nossa primeira aplicação que recurso ao Flex, BlazeDS e clear data builder, o tutorial está em inglês mas está acompanhado com um video. Este tutorial explica como instalar o Blaze DS + Tomcat + Clear data builder.

No exemplo fazem uso de diferentes tecnologias (algumas das quais não estou particularmente familiarizado) como o IBM DB2 ou o Clear data Builder. Apesar deste tutorial e screencast não ser propriamente virado para o Flex builder, com poucas alterações o podem executar.

Aqui listo as tecnologias e os devidos sites de download (podem encontrar também no pdf do exemplo):

Eclipse IDE for Java Developers: http://www.eclipse.org/downloads/

Adobe Flex Builder 3 plugin para o Eclipse : https://www.adobe.com/

Clear Data Builder 3.0 Beta plugin para o Eclipse: http://www.myflex.org/beta/site.zip

Apache Tomcat 6.0: http://tomcat.apache.org/

IBM DB2: http://www-306.ibm.com

Podem primeiro de tudo ver e fazer o download do pdf ( Cooking_CRUD.pdf ) e assistir ao screencast aqui.

Todo o tutorial está muito bem documentando tanto no pdf como no screencast, pelo que pouco mais poderia estar aqui a explicar. Apesar de ser em inglês, penso que não terão dificuldades em seguir este exemplo.

Espero que seja util para alguém.

Abraço.

Depois de muito procurar e virar de “ponta-cabeça” o site da adobe não consegui encontar nada que referisse aos tais seminários que notifiquei aqui no post seminários adobe online coisa que achei bem estranha já que na altura da subscrição desses mesmos seminários era-nos dito que seriam gravados e disponibilizados para download, coisa que parece que ainda não foi propriamente feita…

Depois de algum trabalho pelos meandros de vários motores de busca lá consegui começar a colher informações de onde se encontravam estes seminários… ainda não estão propriamente disponíveis para download, mas já podem ser vistos no centro “multimédia” do Adobe Acrobat Connect.

Apenas não consegui encontrar 3 destes seminários, mas em contra-partida encontrei alguns também bem interessantes, então deixo aqui a lista:

Bem, acabou a lista, bem grande por sinal, mas com a certeza de muita utilidade!

Cumprimentos.

A adobe acaba de anunciar mais uma "ronda de 20 seminários" online, ministrados através do Adobe Acrobat Connect Professional Meeting, principalmente dedicados ao desenvolvimento em Flex.

Basta fazer um registo gratuito e inscrever-se para os mesmos.

Acaba por ser uma excelente oportunidade para conhecer o lado da adobe sobre estas tecnologias de uma maneira rápida e também para quem nunca teve o privilégio de poder estar presente nos eventos "físicos" distribuídos pela Europa e América’s

Os seminários serão distribuídos por vários dias, e caso não possa assistir, eles serão gravados e colocados online para visualização/download até 5 dias após o esse dia.

os seminários são intitulados e dispostos na seguinte data/ordem:

Extending Web to the Desktop with AIR
Monday, March 24, 2008
9:00 AM US/Pacific

Getting Started with Flash Lite 3 and CS3
Monday, March 24, 2008
11:00 AM US/Pacific

What’s New in ColdFusion 8
Monday, March 24, 2008
1:00 PM US/Pacific

Building Rich Internet Applications with Flex 3
Monday, March 24, 2008
4:00 PM US/Pacific

Introduction to Adobe Blaze DS
Tuesday, March 25, 2008
9:00 AM US/Pacific

Integrating Salesforce.com and Flex
Tuesday, March 25, 2008
11:00 AM US/Pacific

Building AIR Applications with Flash CS3
Tuesday, March 25, 2008
1:00 PM US/Pacific

Dreamweaver: Effective Standards-based Workflows for Ajax
Tuesday, March 25, 2008
4:00 PM US/Pacific

Adobe AIR Local Data Storage Options With Emphasis on Using Embedded SQL Databases
Wednesday, March 26, 2008
9:00 AM US/Pacific

Flash Lite and Flex for Tourism
Wednesday, March 26, 2008
11:00 AM US/Pacific

ColdFusion Powered Rich Applications for the Internet and Desktop
Wednesday, March 26, 2008
1:00 PM US/Pacific

Flex and Java – Tying the Knot!
Wednesday, March 26, 2008
4:00 PM US/Pacific

Flex Data Services
Thursday, March 27, 2008
9:00 AM US/Pacific

Adding Live Chat with ColdFusion & Adobe Blaze DS
Thursday, March 27, 2008
11:00 AM US/Pacific

Blood from a Stone: Flash Game Optimization on Low-end mobile devices
Thursday, March 27, 2008
1:00 PM US/Pacific

Flex Visual Data & Charting
Thursday, March 27, 2008
4:00 PM US/Pacific

The Essential Guide to Dreamweaver CS3 with CSS, Ajax, and PHP
Friday, March 28, 2008
9:00 AM US/Pacific

ILOG Elixir: Your Remedy for Vibrant Data Visualization
Friday, March 28, 2008
11:00 AM US/Pacific

AIR Native Drag and Drop
Friday, March 28, 2008
1:00 PM US/Pacific

Flex Architecture
Friday, March 28, 2008
4:00 PM US/Pacific

Notem que os horários provavelmente são diferentes do nosso/vosso país já que o fuso horário é o US/Pacific

Apesar de serem ministrados em inglês é muito interessante para todos, mesmo estando limitados pela lingua.
aqui fica o site para registro e escolherem os seminários que desejam participar.
http://www.adobe.com/cfusion/event/inde … &loc=en_us
Abraços.

Bom, acaba de sair do forno a versão final do Abode Flex Builder 3 bem como o Adobe Air 1.0..

Pelo que é indicado pela adobe existem algumas modificações/melhoramentos como:

-Melhoramento do componente DataGrid

-Melhoramento dos componentes Flex Charts

-Interactive debugging

-Melhoramento ColorPicker

-Melhoramento Css Skins e styles

-Constantes/Apoio do editor.

-Melhoramento do tempo de compilação (será??).

-Alguns melhoramentos do editor (MXML, AS3).

-Redução do tamanho final do swf (será??).

-Melhoramento na integração com a suite CS3 (será?? parece que não e que temos que esperar pelo thermo!).

Poucas mais modificações são enumeradas no site.. mas uma já é certa, o executável de instalação passou de 360mb (beta3 m4) para 424mb (final), apesar de no site dizer que são apenas 169mb, o que indica uma de duas coisas…ou traz “tralha” que não interessa, ou na realidade houve algumas e importantes alterações no Flex Builder…

Vamos esperar para ver. Já estou a fazer o download da versão trial.

Mais informações em:

http://www.adobe.com/products/flex/ Info & Download

http://www.adobe.com/products/flex/upgrade/ Release notes

http://www.adobe.com/devnet/flex/ Flex Developer center

http://www.adobe.com/cfusion/entitlement/index.cfm?e=flex3email Download Builder & SDK.

Quanto ao Adobe Air, parece que houve bastantes melhoramentos..mas não me vou alongar muito mais já que para mim o adobe Air nunca apresentou muitos problemas, principalmente de performance, comparando com o flex Builder.

Mais Informações em:

http://www.adobe.com/products/air

http://www.adobe.com/products/air/develop/ajax/ Air & Ajax

http://www.adobe.com/products/air/develop/flex/ Air & Flex

http://www.adobe.com/products/air/develop/flash/ Air & Flash

http://www.adobe.com/devnet/air/flex/ Air developer center

http://get.adobe.com/air/ Download.

http://www.adobe.com/products/air/tools/sdk/ SDK.

Vou confessar que estou bem ansioso acerca desta nova versão, vamos ver se não me desiludem, até porque o download já vai em 90%

E voçês? algo a dizer?

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

Antes demais, o meu obrigado pelo tempo que estão a dispender a ler este “post”, como tinha jà à algum tempo a ideia de lançar um portal, depois de muitas tentativas falhadas muito por causa do tempo que teria de dedicar à programação do mesmo, decidi optar por, como hoje em dia as pessoas inteligentes fazem, um blog. Decidi ficar-me pelo WordPress já que já o usava à algum tempo em alguns blog’s para que contribuo.

O blog será dividido nas àreas que me sinto mais à vontade para expor e opinar, mas se alguém demonstrar um interesse em outra àrea em especial, basta para isso que me envie um contacto a expressar o desejo e conforme o assunto, criarei essa àrea. O blog serve para divulgar um pouco do que fui aprendendo no dia a dia, desde os meus estudos até ao meu trabalho. Qualquer pessoa pode contribuir com as suas notícias e post’s, bastando para isso se registar e enviar a sua mensagem que irá aguardar a devida moderação e publicação.

Penso que o essencial está dito.

Mais uma vez, Obrigado.

Mário Santos.