Actionscript/ AS 3.0/ Dicas/ Flex/ Flex 2 Open-source/ Flex 3/ Flex 3 Open-Source/ Open-source

28 projetos open-source que você deveria explorar na hora de desenvolver

Em minha busca por aperfeiçoar o absolutoBrasil, achei uma quantia bem interessante de projetos não tão conhecidos por alguns desenvolvedores e gostaria de compartilhar com vocês, cada um deles possui uma ótima quantia de código em actionscript 3.0 que vai te ajudar a melhorar ou não perder tempo na hora de desenvolver.

http://code.google.com/p/skovalyov/
http://code.google.com/p/beni-as3-library
http://code.google.com/p/flexforum
http://code.google.com/p/mediacorelib/
http://code.google.com/p/xpath-as3/ ( Love that one)
http://code.google.com/p/flexstuff/
http://code.google.com/p/danielhai/
http://code.google.com/p/nobunaga
http://code.google.com/p/xpresso-flex/
http://code.google.com/p/blindside
http://code.google.com/p/flexundoredo/
http://code.google.com/p/cani-mindmap
http://visgraph.cs.ust.hk/MoXi/
http://code.google.com/p/lafabrick/
http://code.google.com/p/peoples/
http://code.google.com/p/as3libs/
http://code.google.com/p/flex-richtexteditor-html-utils/
http://code.google.com/p/picasa-flex-api/
http://code.google.com/p/nascomaslib
http://code.google.com/p/fxadata
http://code.google.com/p/meebone/
http://code.google.com/p/activepoison
http://code.google.com/p/as3preferenceslib
http://code.google.com/p/coderia
http://code.google.com/p/geronimo-air
http://code.google.com/p/fx-windowbounds/
http://code.google.com/p/masapi/
http://code.google.com/p/asqlib/

Actionscript/ Actionscript Frameworks/ Flex/ Flex 2 Charts/ Flex 2 Open-source/ Flex Componentes/ frameworks/ Open-source

Flex 2 : Brincando e aprendendo com Flex Charts Framework

Exatamente, o titulo já diz tudo, se você quer dá aquile toque especial sem seus gráficos na internet, você precisa usar o Flex Charts Framework que é parte integrante do Flex Builder 2 ou que pode ser comprado separadamente. Quando se usa os gráficos do Flex, os resultados são surpreendentes.
Nas próximas linhas eu espero que você já consiga criar aplicações com gráficos de forma inteligente. Vamos Brincar.

Quais são os gráficos disponíveis no Flex Charts?

São ao total de 11 controles de charts dentre eles (Área,Barra,Bubble,Candlestick,Coluna,HighLowOpenClose,Linha,Pizza, Plot, Multiplas séries, Múltiplos eixos.
Todos são extremamente fáceis de serem implementados em uma aplicação. Para facilitar sua vida, vamos tomar por base o aprendizado por exemplo. O primeiro exemplo é o preenchimento de um datagrid por um XML interno, onde este datagrid vai provê os dados para a construção do gráfico de Coluna.


Exemplo1: Gráfico Básico populado de um datagrid.

Requer o Flash Player

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
< ?xml version="1.0" encoding="utf-8"?>
<mx :Application creationComplete="montarAplicacao()" xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="460" height="256">
 
</mx><mx :XML id="ficticios" xmlns="">
	<root>
		<banco>
			<cliente nome="José" saldoMais="300" saldoMenos="100"/>
			<cliente nome="João" saldoMais="400" saldoMenos="150"/>
			<cliente nome="Maria" saldoMais="600" saldoMenos="60"/>
			<cliente nome="Antonio" saldoMais="900" saldoMenos="40"/>
		</banco>
	</root>
</mx>
 
<mx :Script>
	< ![CDATA[
 
		// chamo pela propriedade creationComplete no tag mx:Application
		public function montarAplicacao():void
		{
			// leitura de atributos no XMl é feita pelo prefixo @
			ExemploDG.dataProvider = ficticios.banco.cliente;
			// copio os valores do DataProvider do DataGrid  assim monto meu Gráfico
			// nao esqueca de coloca o yField para desenhar.
			ExemploColuna.dataProvider = ExemploDG.dataProvider;
		}
	]]>
</mx>
 
 
	<mx :HDividedBox x="0" y="0" width="100%" height="100%">
		</mx><mx :ColumnChart id="ExemploColuna" width="50%" height="100%">
			</mx><mx :series>
				<mx :ColumnSeries displayName="Ficticios" yField="@saldoMais"/>
			</mx>
 
		<mx :DataGrid width="50%" height="100%" id="ExemploDG">
			</mx><mx :columns>
				<mx :DataGridColumn headerText="Cliente" dataField="@nome"/>
				<mx :DataGridColumn headerText="Saldo +" dataField="@saldoMais"/>
				<mx :DataGridColumn headerText="Saldo -" dataField="@saldoMenos"/>
			</mx>

Explicando o exemplo.

No exemplo acima foi usado o gráfico de Coluna, quando se trata de gráficos em colunas você deve se prender o detalhe que os gráficos crescem ignorando o valor X no eixo cartesiano, já que é através das posições em Y que o gráfico será desenhado.
Uma das principais propriedades do gráfico de coluna é o yField=”” que vai desenhar todo o gráfico baseado nos dados que foram inseridos.
O valor que o yField está associando ao gráfico é o valor dos atributos @saldoMais.
Foi usado uma função para setar configurações básicas de setamenteo de dataProviders entre bind de componentes e bind de fonte de dados. No caso da comparação de igualdade entre o ExemploDG e o ExemploGrafico, feito pelo dataProvider, significa dizer que tudo que tiver como base de informações existentes no datagrid serão repassados para o gráfico de coluna.

Exemplo 2: Usando gráfico de linhas e múltiplas linhas com DataGrid

Requer o Flash Player

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
< ?xml version="1.0" encoding="utf-8"?>
<mx :Application creationComplete="montarAplicacao()" xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="510" height="344">
 
</mx><mx :XML id="ficticios" xmlns="">
	<root>
		<banco>
			<cliente nome="José" saldoMais="300" saldoMenos="100"/>
			<cliente nome="João" saldoMais="400" saldoMenos="150"/>
			<cliente nome="Maria" saldoMais="600" saldoMenos="60"/>
			<cliente nome="Antonio" saldoMais="900" saldoMenos="40"/>
		</banco>
	</root>
</mx>
 
<mx :Script>
	< ![CDATA[
 
		// chamo pela propriedade creationComplete no tag mx:Application
		public function montarAplicacao():void
		{
			// leitura de atributos no XMl é feita pelo prefixo @
			ExemploDG.dataProvider = ficticios.banco.cliente;
			// copio os valores do DataProvider do DataGrid  assim monto meu Gráfico
			// nao esqueca de coloca o yField para desenhar.
			ExemploLinha.dataProvider = ExemploDG.dataProvider;
		}
	]]>
</mx>
 
	<mx :VDividedBox x="0" y="0" width="100%" height="100%">
		</mx><mx :LineChart id="ExemploLinha" width="100%" height="50%">
			</mx><mx :series>
				<mx :LineSeries displayName="Ficticios" yField="@saldoMais"/>
				<mx :LineSeries displayName="Ficticios" yField="@saldoMenos"/>
			</mx>
 
		<mx :DataGrid id="ExemploDG" width="100%" height="50%">
			</mx><mx :columns>
				<mx :DataGridColumn headerText="Column 1" dataField="col1"/>
				<mx :DataGridColumn headerText="Column 2" dataField="col2"/>
				<mx :DataGridColumn headerText="Column 3" dataField="col3"/>
			</mx>

Explicando o exemplo.

Não tem muita diferença entre o primeiro exemplo, neste segundo exemplo foi usado apenas mais uma série que no outro não havia sido usada. O que não impede de você alterar o código fonte do anterior e adicionar mais uma coluna a cada série nova. A série é o que me refiro ao eixo X, já que o Y é o que define os desenhos do gráficos.

Exemplo 3: Exibindo Legendas para os gráficos

Requer o Flash Player

O exemplo acima é o mesmo deste, a única diferença é que neste eu instanciei o tag mx:Legend, assim, agora posso ter uma legenda baseada no que está exibido nos gráficos.

1
2
3
4
5
6
7
8
		<mx :Canvas width="100%" height="50%">
		</mx><mx :LineChart id="ExemploLinha" width="100%" height="100%">
			</mx><mx :series>
				<mx :LineSeries displayName="Ficticios" yField="@saldoMais"/>
				<mx :LineSeries displayName="Ficticios" yField="@saldoMenos"/>
			</mx>
 
			<mx :Legend dataProvider="{ExemploLinha}" x="384" y="19"/>

Parte 2 por vim. bateu ligeiramente o sono da manhã.

Dicas/ Flex/ Flex 2 Charts/ Flex 2 e Java 5/ Flex 2 Open-source/ Flex para Gerentes/ Negócios/ Notícias

Adobe Flex Builder 2 original e gratuito para estudantes e faculdades

Incrivelmente como pensamentos bons tornam-se em coisas boas, hoje pela manhã em um curso que estou ministrando um dos meus alunos o Petter estava comentando comigo o fato da Adobe ajudar quem é estudante que não tem muita grana e que quer aprender a programar Flex.
Poucas horas depois Fabio Oliveira me envia um link sobre a Adobe tornar isso publicamente visto.

O que de fato é real?

Agora qualquer estudante pode ter licença do Adobe Flex Builder 2 ou qualquer faculdade de Tecnologia pode ter em todas as máquenas o Adobe Flex Builder 2 original.

Por que a Adobe tomou tal decisão?

Não é de agora que vêm-se estudando isso, ano passado a Adobe começou com um projeto piloto no Canadá e de imediato depois de ter lido sobre isso, eu conversei com o pessoal que estava organizando isso pedir para iniciar um projeto desse também aqui no Brasi. Mais sem sucesso, por que precisava esperar dar certo lá para depois vim por aqui.

Eis que graças a Deus e boa vontade do pessoal responsavel pela faculdade de lá, ajudar a adobe a adotar isso e fazer funcionar.

Ontem na palestra no CEFET em SP, eu comentei sobre essa possibilidade porém não falei expressadamente que seria real, mais que a Adobe tinha planos para isso.

Eis que hoje foi o anúncio geral e agora qualquer faculdade de tecnologia aqui no Brasil ou em qualquer lugar do mundo pode fazer os pedidos das licenças do Adobe Flex Builder 2 para serem instalados nas máquenas e também qualquer estudante vinculado à qualquer faculdade seja federal, estadual ou particular pode também pedir sua licença à partir de novembro que é quando o projeto começa.

O que marca isso na história do Brasil e na história da tecnologia Adobe Flex?

Isso sem dúvidas é um marco histórico que a Adobe está fazendo para a tecnologia e principalmente pela primeira vez na história (adobe/macromedia), um estudante ou faculdade não vai mais precisar desenbolsar para usar o Flex.

Na história do Brasil, para os que ainda não sabem nós somos a maior comunidade Flex fora dos Estados Unidos que usa Flex como ninguém. O que fortalecerá mais ainda o uso da tecnologia em classes de base que são sem dúvidas os cursos de Ciências da Computação, Tecnologia da Informação, etc, em fim os cursos tanto técnicos como bacharel que tem-se nas faculdades do País.

Nossa, eu estou até vendo onde isso vai parar, Adobe Flex vai se tornar cada vez mais a #1 opção para construção de aplicações web no Brasil.

Quer ver na íntegra sobre a matéria? visite aqui.

Flex/ Flex 2 Open-source/ Open-source

Projeto Margherita quase 500 downloads

É incrível esse negócio de comunidade compartilhando informação e também incrível a repercução que isso chega. Hoje fui visitar o status e ver em quantidades o número de downloads/visitas que o projeto que lancei em menos de quatro meses.

Downloads – 466 downloads (quase 500)
Visitas – 1944 – Chega ja ja aos 2000

É ou não é um estimulo, e preparem-se por que vem ai a versão dessa alcateia de projetos open-source usando exemplos para o Flex 3.

Comunidade eu amo vocês!

AS 3.0/ Flex/ Flex 2 Open-source/ Open-source

Projeto Margherita

O projeto Margherita é uma idéia minha que começou com os 40 projetos open-source que tinha, então somei com outros 25 que já existia e coloquei disponível para download tanto para a comunidade Brasileira quanto para a comunidade internacional.

Em números é que o Projeto Margherita tem de tudo um pouco, são ao total 65 projetos feitos no Flex Builder que ajuda iniciantes ou até mesmo de nível intermediário à explorar melhor quase todos os recursos que o SDK do Flex contém.

Livre de custos, sem precisar pagar ou se quer comprar um curso presencial ou on-line, É um projeto que visa você, aquile cara que é doido para aprender as coisas só que a grana é sempre curta. Mais tem muita força e coragem de aprender só. É um grande ponto de partida que eu sempre aconselho.

Lá tem tanto exemplo que você vai demorar alguns dias para digerir essa “Pizza”. É foi bazeado em uma pizza de 12 fatias, por conter os 12 principais tópicos que o Framework contém( ItemRenders, Skin, CSS, Collections, Bind, Actionscript 3, Visual Editors, Containers,charts, List controls, Custom Components e Eventos).

Estatíscias gerais:

No site do RIAForge está com: Visualizações: 954 e Downloads: 218
No meu site está com : Visualizações: 2.395 e Downloads: 682

Se continuar assim, vou fazer uma versão 2.0 para que irá suportar boa parte dos projetos para o Flex 3 SDK.

Flex/ Flex 2 Open-source/ Granite Data Services/ Open-source/ OSFLash/ Tomcat

Granite Data Services 0.3 lançado

Franck Wolff enviou-me um email para alertar que o Granite Data Services 0.3 está liberado para download com muitos bugs corrigidos, e uma coisa bem interessante é que o Granite DS 0.3 está com a documentação bem completa.

O que há de novo?

* SecurityService: this feature adds support for setCredentials, setRemoteCredentials and logout methods of RemoteObject. There is only a Tomcat based implementation at this time (JBoss+Tomcat is working).
* New Gas3 Implementation: the new ActionScript3 code generator brings support for @Embeddable objects (both for @Embedded and @EmbeddedId references), @IdClass entities with multiple @Id primary keys, and interfaces (only getters/setters are generated). There is also a new classpath node and a new Java2as3class attribute (Ant usage) that helps you adding custom types support.
* Improved Externalizer Performances: the overall performances of externalizer have been significantly improved.
* Pluggable Converter: you can now plugin a custom converter to add support for custom types (such as Joda time).
* Logging Infos: GDS 0.3.0 adds many debugging infos that weren’t available in 0.2.0 release (configurable via log4j.xml).
* Pojo Eclipse Demo Project works with Tomcat: there is actually a “dual build” option (Tomcat or JBoss, Tomcat is the default).
* Flex 2.0.1 SDK hotfix1, 2 and 3 support: those new versions of the free SDK are fully supported (Flex 3 betas not tested).
* JBoss 4.2.+ support: those new versions of JBoss are fully supported (EJB3 demo).
* Others: many others improvements such as ServiceInvocationListener support, DTD for granite-config.xml, annotedwith attribute for externalizer configuration, code redundancy elimination, etc.

Bugs corrigidos

* (GDS-10 and 13) ErrorMessage now contains the proper correlationId (errors are handled properly on Flex side).
* (GDS-12) Issues with the previous MethodMatcher has been resolved (in general and in particular with arrays to lists conversions).
* (GDS-17) Removed “double-check locking” synchronization in many places.
* (GDS-19) HibernatePersistentSet now implements IHibernatePersistentCollection (isInitialized() method is implemented).
* (GDS-20) ByteArray deserialization is fully working.
* (GDS-21) HibernateExternalizer’s readExternal method handles correctly HibernateProxy instances.
* (GDS-22) “source” attribute for Pojo services is now trimed.
* (GDS-27) Simple ArrayCollections are no longer deserialized to UIDSets on Flex side.
* Many other not listed.

Visite o site do Granite DS e saiba mais.

Actionscript/ AS 3.0/ Flex/ Flex 2 Open-source/ Labs/ Tweener

Tweener + Flex 2/3

Ontem fiquei pensando como poderia usar o Tweener com Flex, já que o Zé Fernando tem tanto falado e muita gente tem usado o Tweener. Ontem foi minha primeira experiência que tive com a biblioteca.

Zé simplesmente fez e ainda está fazendo um ótimo trabalho nesse framework na versão para AS3.0 e o melhor de tudo é que é bem compatível com o Flex.

Algumas horas lendo a wiki, entendendo um pouco seu processo funcional, saiu alguma coisa e imediatamente enviei um e-mail para o Zé falando dessa minha experiência com o Tweener, sinceridade, eu assino embaixo. Como mineiro diz “O troço bom sô”.

Bom, depois dos testes feitos enviei para o Zé e ele gostou da idéia, e pensando nisso logo veio me veio a idéia de criar alguns exemplos mais avançados com Flex e Tweener, não só para Flex mais também para Flash. Foi ai que pensei no Tweener Explorer. Gera alguns códigos do próprio Tweener para quem quer começar a brincar com o framework.

O exemplo anterior que enviei para o Zé está disponível em http://tweener.googlecode.com/svn/trunk/examples/.

Este segundo exemplo mencionado como Tweener Explorer está diponível aqui.

Qual comparativo com os efeitos do Flex?

O Flex tem uma ótima qualidade em efeitos porém nada mais do que tentar novos frameworks e usar em suas aplicações, lembrando que o grande foco do Tweener é tentar melhorar cada vez mais o uso de animações Tween tanto no Flash quanto no Flex. Embora o grande resalto é que no Flex efeitos são completamente fáceis.

Dicas/ Flex 2 e Java 5/ Flex 2 Open-source/ Granite Data Services

Granite Data Services – Java + Flex

Não sabia do link mais recebi de um leitor do blog em um dos comentários sobre o Granite Data Services, Muita gente já me perguntou como instalar e todas as vezes envio um e-mail sempre que deixo explicando como instalar, Agora aconselho a todos, visitem o Tutorial do Eduardo Dias, ele escreveu um artigo bem polido que trata justamente isso. E vamos ajudar a crescer o GDS.

http://edias.com.br/2007/05/16/instalando-o-graniteds-data-service/.

Parabéns Eduardo. Ótimo artigo.

AMFPHP/ AS 3.0/ Dicas/ Flex/ Flex 2 Open-source/ Labs/ Open-source

Aprenda com exemplos: Agenda telefônica com Flex+AMF+MySQL

Tirei algumas horas nesse domingo para criar uma pequena aplicação de agenda telefônica usando PHP e MySQL, o código em php parte dele foi criado com um clique pelo gerador do Marcelo Gallina, como o gerador do Marcelo usa AMF0, o código boa parte é só instrução do SQL, e uma coisa bem interessante que você vai notar é que preferir usar filtragem de dados pelo php do que pelo próprio Flex, filterFunction do Flex 2.0.1 ainda tem alguns bugs que não me deixam filtrar por multiplos campos, já via server-side pode ser feito facilmente.

Requer o Flash Player

A agenda é um aplicativo bem interessante, possui as seguintes funções:

* Inserir novo Contato
* Editar novo Contato
* Deletar contato existente
* Pesquesar por letras iniciais
* Pesquesar por nome do contato
* Validadores de campos

Código fonte disponível, basta clicar com o botão direito do mouse sobre o aplicativo para quem queser aprender como criar um aplicativo usando as 5 operações básicas com Banco de dados(pesquesar, incluir, excluir, alterar, popular), já que é a TOP pergunta na Flex-Brasil.

NOTA: O código fonte desse aplicativo está disponível, qualquer aplicativo lançado com o título: Aprenda com Exemplos, o código fonte sempre será Open-Source.

NOTA: Por alguns infelizes que não sabem competir no mercado, estou removendo do ar o código fonte desse exemplo por ser considerado pelos mesmo “A mais pura POG”, quem tem interesse no código fonte, só enviar e-mail para duvidas@igorcosta.com, e o código fonte será liberado”.
Peço desculpas a quem não teve culpa com esses acontecimentos, mais para os demais irritadinhos, continuem assim. Da mesma forma que vocês não tem saco para me aturar, eu também digo o mesmo.

Devido a dúzias de pessoas pedindo em meu e-mail esse código fonte, aqui está o link do código fonte. Penso que com ou sem POG como alguns afirmam, vejo que tem ajudado muita gente.