Como não tenho experiencia com o LCDS, se alguma noção/informação estiver incorrecta façam o favor de deixar um comentário indicando o erro/solução/dica.

Começando:

• O que é o LCDS – LiveCycle Data Services ??

Basicamente é uma “aplicação de segunda camanda”, ou seja, serve de comunicação entre a primeira camada (front-end) e uma possivel terceira camada (backend), que tem como principais objectivos:

1. Lidar com grandes quantidades de dados
2. Establecer a comunicação entre a parte cliente e parte servidor de uma aplicação
3. Ajudar a receber/buscar/guardar dados via RPC (chamadas remotas) e configurações proxy
4. Usar o tomcat para servir de servidor de dados.
5. Permitir ligações directas a algumas bases de dados sem recurso a linguagem back-end (versões 2.5+)

O funcionamento do LCDS é bem lógico e se já têm uma noção de qualquer serviço AMF como pyAMF ou amfPHP ou blazeDS vão entender o funcionamento bem facilmente, e para esclarecer vejam a imagem seguinte onde é representado a estrutura de uma aplicação FLEX / AIR utilizando o LCDS:

Como podem ver, a tipica estrutura de 3 camadas e semelhante à utililização do amfPHP.

Embora o flex já consiga comunicar directamente com uma linguagem backend, em muitas situações algumas caractereisticas e possibilidades não estão presentes no protocolo AMF/RPC, mas ao utilizar o LCDS não é totalmente dispensável uma linguagem server-side como o php, embora a nova versão 2.5/2.6 do LCDS já consiga comunicar com uma base de dados (usando um driver e sem recorrer a linguagem backend) por vezes torna-se necessário ter um grande conhecimento da sua estrutura e configuração e muitas das “maravilhas” do php/net/python ficam sempre dependentes de a ligação com o LCDS que acaba por funionar como o pyAMF ou amfPHP.

O LCDS possui alguns pontos a reter:

• É uma aplicação J2EE.
• Necessita de um servidor (JBOSS, Apache TomCat)
• Necessita do JAVA
• Muitas vezes não é suportado por planos de alojamento
• Necessita de uma licensa (LCDS ES), embora exista uma versão gratuita. (LCDS Community Edition)
• É necessário alguma paciencia na sua instalação e configuração
• Permite ter 2 ou mais clientes/ aplicações Flex a comunicar com o mesmo serviço LCDS, ideal para chats ou aplicações “infinite-to-one”, ou seja, varias aplicações diferentes que trabalham com os mesmos dados.
• Permite a comunicação com outros servidores servindo como proxy, eliminando assim a tipica falha de segurança da sandbox do flash
• Permite sincornização de dados, caching, paginação e resolução de conflitos usando o componente data management.

Vamos começar, por explicar a instalação do LCDS usando o proprio servidor TOMCAT incluido no download.

Downloads:

LCDS ES em: partir daqui (181 MB)

JDK 6 : http://java.sun.com/javase/downloads/index.jsp (Java SE Development Kit (JDK) 6 Update 10 ) (Vou instalar para futuramente trabalhar com o java)

• Configuração:

Estou a usar Windows Vista:

1. JDK 6 – A primeira coisa a fazer é instalar o JDK 6, façam o download e instalem-no com as caracteristicas por defeito,
2. LCDS – Vamos agora instalar o LCDS, para isso excutem o ficheiro que fizeram o download “lcds16-win.exe” e quando vos for pedido um numero de serie, cliquem em next, desta forma será instalada a versão gratuita. No passo seguinte escolham :”LiveCycle Data Services With TomCat” que instalará o servidor tomcat, mais simples do que o JBOSS e no qual são baseados os exemplos do LCDS, no passo seguinte coloquem install para terminar a instalação.

Nada vai acontecer no final (estranhamente, visto que no windows XP aparece a configuração do servidor (http://localhost:8400/)), mas nada de grave, porque nesta altura o servidor já está instalado, o meu objectivo agora é fazer uso dos aplicativos de exemplos disponiveis no LCDS, para isso vao ao menu iniciar, e na pasta Adobe->LiveCycle Data Services ES 2.6 e executem: “Start Samples Database“, vai-se abrir uma janela da linha de comandos, simplesmente deixem-na aberta, se a fecharem a base de dados será terminada, de seguida no mesmo menu cliquem em “Start LiveCycle Data Services Server” e deixem a janela aberta, o mesmo se aplica em relação ao fechar desta janela.

E pronto, o nosso servidor LCDS / Tomcat está a correr, basta acederem no browser ao endereço http://localhost:8400/ e vêm a pagina de boas vindas do LCDS, onde podem aceder aos exemplos http://localhost:8400/lcds-samples/ para verem alguns exemplos, é altamente aconselhado ler e executar todas as instruções do testdrive ( http://localhost:8400/lcds-samples/testdrive.htm ), onde podem ver alguns exemplos de aplicações em flex, usando o LCDS.

Quanto à estrutura do servidor, os projectos ficam guardados na directoria de instalação do lcds, normalmente em C:\lcds\tomcat\webapps local este onde devem ser publicados os vossos projectos.

E pronto, agora resta explorarem todos os exemplos, para acederem a cada exemplo é bem simples, basta irem buscar o arquivo: C:\lcds\tomcat\webapps\lcds-samples\WEB-INF\flex-src\flex-src.zip, abrirem o mesmo e extrairem o conteudo para o workspace do vosso flexbuilder, geralmente em: C:\Users\vossoNomedeUtilizador\Documents\Flex Builder 3

Serão extraidos todos os projectos do lcds-samples, estando disponiveis separadamente, por exemplo, para terem acesso ao código fonte do exemplo crm (http://localhost:8400/lcds-samples/crm/index.html) basta fazerem o seguinte no flex builder:

File->New->Flex Project, e fazerem os seguintes passos na sua configuração:

Project Name, usem o nome exacto do projecto que querem, basta verem as directorias estraidas no flex-src, por exemplo crud e de seguinda deixem por defeito o workspace, visto que já está la a pasta crm extraida com os ficheiros fonte. Escolham Web Application, e em Server Type: J2EE com o LiveCycle Data Services e coloquem em next, aí terão de corrigir algumas informações, colocando os dados seguintes:

Root Folder: C:\lcds\tomcat\webapps\lcds-samples

Root URL: http://localhost:8400/lcds-samples/

Context Root: /lcds-samples

Cliquem em “Validate configuration” e cliquem em finish. O vosso projecto aparecerá no explorador do flex builder, mas antes de o testar-mos, o arquivo executavel foi o main.mxml, e teremos que mudar isto, para isso cliquem com o botão direito do rato em cima do ficheiro “companyapp.mxml” e escolham “Set as default Application“, aguardem um pouco e corram o vosso projecto… voilá, temos o LCDS/TomCat integrado no nosso projecto, actualmente os ficheiros de configuração do nosso projecto estão no servidor, em “C:\lcds\tomcat\webapps\lcds-samples\WEB-INF\flex”

E pronto, temos o nosso sistema montado, agora pada cada projecto podem repetir os mesmos passos… resta explorar todos os ficheiros fonte, e principalmente os ficheiros de configuração dos exemplos (o ultimo caminho que coloquei em cima) que guardam todos os promenores da nossa comunicação com o LCDS.

Quanto à pasta WEB-INF e outras de configuração, é das coisas um pouco estranhas para quem nunca trabalhou com o LCDS e similares como blazeDS. Mas vou mostrar a estrutura com duas imagens que só por si exemplificam o seu conteudo.

Onde detalhadamente podem ter uma ideia dos ficheiros/pastas de configuração presentes na pasta WEB-INF:

Num próximo post falarei de cada um destes ficheiros, mas para já é tudo, espero que seja util, entretanto vou dar mais uma vista de olhos a fundo e virei brevemente com um simples exemplo utilizando estas tecnologias…

Espero que seja util.

Abraços.

Muitos dos sistemas de visualização grafica requerem uma licença paga, mas com a API Graphics podemos criar nós mesmos um grafico, claro que depende sempre de um bom conhecimento de AS3 e Matemática, mas o resultado final é o nosso proprio sistema de graficos e ainda por cima gratuito.

Depois de algumas horas e de muita cabeçada dada no AS3, lá saiu o meu primeiro sistema de graficos bem simples.

Vejam as imagens:

Podem ver o exemplo online aqui, e como devem reparar a velocidade de resposta é muito rápida, para mudarem de dataProvider usem os botões no topo, o “Muda dataProvider” cria dados novos aleatórios a cada click.

O código fonte está disponivel, mas o grafico encontra-se compilado num arquivo binário (swc) – simpleGraph.swc – mas que podem usa-lo nas vossas aplicações. Ainda podem encontrar algum erro pelo que me infomem do mesmo, estou a fazer mais algumas alterações e brevemente coloco o código fonte todo disponivel.

Nota: O .swc apenas funcionará correctamente no Flex, no flash encontra alguns problemas.

Venham essas criticas, duvidas ou sugestões.

Um abraço.

Decidi colocar mãos à obra e fazer o mesmo exemplo mas sem recurso a imagens, usando apenas a API draw do flex, ainda com alguns pontos a melhorar mas já sairam os primeiros testes do forno…

Este sistema uma uma class preparada para criar ligações a qualquer componente gráfico (UIComponent), criando uma dependencia entre varios, até mesmo centenas, elementos gráficos, mas no exemplo uso apenas circulos criados com o graphics (quem obteu e leu o tutorial parte II completo já o consegue fazer simplesmente) e ligados entre si com uma linha.

Vejam:

E mais um exemplo:

Todos os objectos podem ser arrastados que a sua linha de dependencia mantêm-se… esperimentem arastar um deles.

Testem no exemplo online aqui

Brevemente disponibilizarei o código fonte, já que quero implementar alguns pontos…

E que tal? o AS3 faz mesmo maravilhas… 

Edit: Código fonte e exemplo actualizados, veja aqui.

Abraço.

Eis a sua resposta!

Caí por acaso no site do flare, que nem me chamou muito a atenção inicialmente, mas depois de ter visto escrito… Action Script e Open Source, fiquei com curiosidade… naveguei mais um pouco pelo site e deparei-me com uma diversidade enorme de exemplos e possibilidades, e juntando isto a um layout bem atractivo esta é com certeza uma boa alternativa ao flex charts funcionando também no Flash CS.

O flare recorre principalmente à api draw do flash e consegue supreender muito pela positiva nas criações finais, e juntado efeitos bem agradáveis consegue sem duvida ser um concorrente ao flex charts que infelismente é pago.

Como podem ver nas imagens o resultado final é genial. Graficos profissionais, originais e que com muita certeza deixarão a sua aplicação com um look & feel bem impressionante.

Depois de explorar todos os demos posso afirmar que é uma boa escolha na hora de apresentar os seus dados.

Conta com uma infinidade de gráficos, de entre os reuni a lista:

Tree
Ident
Radial
Dendrogram
Bubles
Circle Pack
SunBurst
FishEye & Bifocal
TreeMap
Stacks
TimeLine & Float Timeline
Scatter
Bars
Pie

Site oficial : http://flare.prefuse.org/

Explorador : http://flare.prefuse.org/demo

Testem, experimentem e coloquem o vosso feedback.

Abraço.