Para quem já conhece o flex cookbook já sabe do que estou a falar, para quem não sabe, fica o resumo, o cookbook é um estilo de livro (pergunta-resposta) em que podemos todos contribuir…

Mais uma boa noticia da Adobe e O’Reilly que juntos colocaram online esta beta.

Vale a pena ver, tanto o cookbook do AIR como o do Flex.

AIR Cookbook

Flex Cookbook

Abraço.

Um execelente exemplo com código fonte vindo de um programador da adobe, Christophe Coenraets, onde podemos ver a funcionar um sistema de atedimento ao cliente online. Completamente feito em Flex com recurso ao BlazeDS e LCDS (tecnologias da adobe) pode-se ver um excelente profissionalismo no código e funcionamente da aplicação que pode ser testada online na versão cliente e operador, podem testar em:

Cliente: http://coenraets.org/apps/livehelp/customer.html (coloquem o vosso endereço de email)

Operador: http://coenraets.org/apps/livehelp/callcenter.html (coloquem o vosso endereço de email)

NOTA: Os endereços de email devem ser iguais para identificar a mesma sandbox.

Download parte Cliente aqui

Download parte Operador aqui

Download BlazeDS aqui

Download LCDS aqui

Mais informações sobre a devida configuração aqui.

Uma excelente aplicação para enriquecer o conhecimento das possibilidades do flex.

Abraço.

Todos sabemos que o flex em si não consegue lidar com muito bem (ou simplesmente nao lida) com arquivos pdf’s, pricipalmente sem recurso a uma libraria pdf, muitas das vezes com reursos a backend’s muito elaborados tecnicamente.

Depois de muito investigar, e pricipalmente ao saber de alguns exemplos de como carregar um iframe do html em cima de uma aplicação pdf, decidi por mãos à obra e investigar um pouco mais sombre esta maneira “sombria” de abrir pdf’s… claro que continua a ser necessário ter instalado o Acrobat reader, mas é uma opção para quem não pretende ter muito trabalho…

Ainda estou a trabalhar num exemplo, mas coloquei-o já online para que possam dar o vosso feedback…

Podem ver o exemplo aqui com um documento de exemplo.

Abraços.

edit: Código fonte disponivel em:

http://msdevstudio.com/blog/2008/06/27/flex-js-pdf-reader-in-flex-source/

Ontem tive um pequeno problema a desenvolver parte de um aplicativo (o frontend para o meu sistema imobiliário) onde necessitava de saber onde estava a correr o aplicativo, bem como o caminho relativo do servidor, já que tinha que obter varios caminhos para fotografias onde esses caminhos poderiam variar. Ou seja, precisava de saber o caminho onde as minhas fotos se encontravam, já que se estivesse a correr apenas em, por exemplo www.msdevstudio.com/immo/frontend/ saberia exactamente onde encontrar as minhas fotos, que estariam no caminho absoluto www.msdevstudio.com/immo/frontend/imgs mas o problema seria se mudasse de servidor, as fotos poderia passar a estar em www.meuserverto.com/imgs e aí teria que programar o flex para ir procurar as fotos a este caminho… mas dizem voces, porque não usar apenas source=”imgs/imgExempo1.png” ? pelo simples motivo que necessito de juntar algumas fotos a um HTML text, bem como dar a possibilidade do user mudar a directoria das imagens e os caminhos relativos. (não encontrei outra solução para já…)

Bom, dei de caras com as propriedades deepLink, que podem ser obtidas atravéz do browserManager/URLUtil, por isso fiz um pequeno exemplo que podem usar nas vossas aplicações, copiando o contudo do arquivo que disponibilizo em baixo para a raiz da vossa aplicação, depois basta fazerem o import na vossa aplicação:

São então disponibilizadas as seguintes funções:

getPort():String

getProtocol():String

getServer():String

getDoc():String

getTodo():String

getPath():String

onde para receberem os respectivos elementos devem usar:

   1: var util:urlUtils = new urlUtils();

   2: //tomando como exemplo o link: http://msdevstudio.com/immo/backend/backend.html

   3:

   4: //buscar nome do servidor:

   5: var nomeServidor:String = util.getServer();

   6: //devolve: msdevstudio.com

   7:

   8: //buscar protocolo

   9: var protocolo:String = util.getProtocol();

  10: //devolve http

  11:

  12: //buscar porta

  13: var porta:String = util.getPort();

  14:

  15: //buscar url completo

  16: var urlCompleto:String = util.getTodo();

  17: //devolve http://msdevstudio.com/immo/backend/backend.html

  18:

  19: //buscar caminho relativo 

  20: var caminho:String = util.getPath();

  21: //devolve http://msdevstudio.com/immo/backend/

  22:

  23: //buscar o nome do portador do swf

  24: var documento:String = util.getDoc();

  25: // devolve backend.html

Isto não é nada mais que um simples package que simplifica as coisas em aplicações medias/grandes e que em muitas variadas situações se torna muito util.

Podem fazer o download aqui.

fiz um package pelo simples motivo de ajudar a quem ler a perceber como um package funciona, bem como se podem tornar simples a utilização destes packages principalmente pela sua reutilização por outros programadores e outras aplicações. Podem ver o código comentado também.

Aguarda-se feedback.

Este artigo está disponivel em pdf para download.

Boas notícias para os seguidores do meu tutorial, aqui fica disponível a quarta parte com 14 paginas do tutorial que cada vez mais pessoal estava a pedir.

Esta parte engloba vários assuntos entre os quais destaco:

• Direfenças, vantagens e desvantagens de módulos e componentes
• Criação de componentes
• Criação de módulos
• Troca de informações entre componentes, módulos e a aplicação
• Criação de exemplos e funções para lidar com eventos
• Pequena explicação de objectos remotos
• Instalação do amfPHP e configuração
• Configuração do Flex para trabalhar com o amfPHP
• Primeiro serviço do amfPHP e sua utilização pelo Flex

Entrando já em pormenores mais avançados do Flex, esta parte é ideal não só para iniciantes, mas também para utilizadores intermédios que ainda têm algumas duvidas de como trabalhar com módulos, componentes e objectos Remotos.

Aqui ficam os links desejados:

Parte IV: Adobe_flex_a_partir_do_zero_4.pdf

Parte III : Adobe_Flex_a_partir_do_zero_3.pdf

Parte II : Adobe_Flex_a_partir_do_zero_2.pdf

Parte I : Adobe_Flex_a_partir_do_zero_1.pdf

Compilação partes I, II, III, IV : Flex_Book_Part_1_2_3_4.pdf (actualizado, ler topico)

services-config.xml usado na parte IV: services-config.rar

Aguarda-se feedback.

EDIT : Descobri um pequeno erro no tutorial que será corrigido na proxima edição mas entretanto deixo esse indicação para que não tenham problemas

Na página 5, ponto 6.3, no topo onde diz:

“(suponhamos que no campo user do nosso bConfig queremos colocar um user predefinido), basta na função abrePainelLogin” colocarmos o seguinte:
painel.inputUser.text=”teste”;

a seguir ao PopUpManager.createPopUp(); “

Deve ler-se:

“(suponhamos que no campo user do nosso bConfig queremos colocar um user predefinido), basta na função abrePainelLogin” colocarmos o seguinte:
painel.inputUser.text=”teste”;

a seguir ao PopUpManager.centerPopUp(); “

Estão todos convidados a indicar erros para que o tutorial seja cada vez mais livre de erros!

p.s. Talvez seja necessário a ajuda de uma outra pessoa para fazer a revisão do tutorial no final da sua série, para fazer a compilação completa em apenas um ficheiro, e então gostava de saber se algém estaria interessado!

Edit: Parte 5 disponivel em: Adobe flex a partir do zero parte 5 (post)

Um abraço.

Sempre achei muito interessante podermos saber o máximo de informações sobre os visitantes do nosso site/aplicativo, além disso com esses dados podemos na realidade perceber de onde vem o visitante, que sistema operativo, resolução de ecrã, versão do flash, país etc….já que com estas informações podemos optimizar o nosso site/aplicação.

Uma possibilidade é usar o google analytics, mas acabáramos por andar um pouco perdidos com a API, interpretação da mesma e além disse em sites com um número elevado de visitas o google analytics será pago… o que decidi fazer, pode ser feito com qualquer outro sistema de estatísticas openSource. No meu sistema de imobiliária ( http://msdevstudio.com/blog/2008/02/27/backend-sistema-imobilirio-gesto-de-imveis/) inicialmente estou a utilizar esse sistema, embora terei que o alterar se a versão for para comercializar devido à licença GPL debaixo da qual foi disponibilizado o sistema que voou falar.

O sistema em si é o Stats Indexer 1.3 disponivel a correr em: http://members.lycos.nl/promajo/statsindexer.php

Tudo o que tem que fazer é o seu download em: http://members.lycos.nl/promajo/dl/StatsIndexerJDL.rar e instalar o sistema normalmente na mesma directoria onde estará a pagina a ser monitorizada (primeiro configurar e criar as tabelas), depois apenas inserir numa pagina comum (Geralmente na que corre o swf, index.html ?, para obterem o máximo partido do script, o vosso ficheiro (.swf) deve ser inserido numa pagina .php e o servidor deve ter suporte a php ) o primeiro código disponível no index-readme.txt.

Depois basta acederem ao vosso index.php 3 ou 4 vezes para “encher” dados na base de dados e ver as estatísticas correndo o ficheiro statsindexer.php

O sistema em si está a funcionar, mas como queria esses dados no Flex, teria obrigatoriamente que o passar por xml ou usando o amfphp. Foi esta segunda opção que usei. Deu algum trabalho mas lá acabei por criar um serviço para o amfphp o qual disponibilizo para download, este serviço está pronto a usar, bastando coloca-lo na pasta services do amfphp e usa-lo para obter os dados armazenados pelo stats Indexer. (Devem alterar no final do stats.php as informações de login da base de dados bem como o nome da mesma).

Basta darem uma vista de olhos nas funções deste meu serviço ou usarem o browser dos services do amfphp e testarem o servico stats para ver como os dados são devolvidos, depois basta criarem o serviço no flex para lidar com esses mesmo dados.

Lá para o final de semana se tiver um pouco de tempo faço um exemplo de como recuperar esses dados e os colocar num gráfico em flex.

Download Stats Indexer: http://members.lycos.nl/promajo/dl/StatsIndexerJDL.rar

Download Service: stats.rar

Download amfPHP: http://sourceforge.net/project/showfiles.php?group_id=72483#files

Espero que ajude “muita” gente

Qualquer duvida, critica ou sugestão basta comentarem.

Abraços.