Ricardo Cerqueira

Durante anos estivemos dedicados ao desenvolvimento de Aplicações Ricas. Durante anos estivemos dedicados a tecnologias como o Adobe Flex, BlazeDS, LiveCycle Data Services, Zend AMF, AMF PHP, Adobe Flash Professional, Flash Media Server, etc. Mas, principalmente, durante anos estivemos dedicados a compartilhar o nosso conhecimento com a comunidade. Na Flex Brasil , na FlexDev e em nossos blogs é provável que você já tenha encontrado algo que procura. E nunca pedimos nada em troca.

O que nos move não é nada material, mas sim a paixão pelo que fazemos e a convicção de que ao nos doar um pouco para a comunidade estamos ajudando e evoluindo conseqüentemente. Por estes mesmos motivos, estaremos todos reunidos dia 06 de fevereiro de 2010.

Temos muitas coisas que amamos para compartilhar com vocês. Porém, desta vez, queremos algo em troca. Algo que com certeza não lhe fará falta, mas que fará a diferença na vida das crianças do Cotolengo . Ganham vocês. Ganhamos nós. E, principalmente, ganham as crianças do Cololengo .

Assinam o Manifesto:
Beck Novaes, Carlos Eduardo, Daniel Lopes, Ebertom Consolim, Eric Cavalcanti, Fabio Vedovelli, Gabriela Perry, Igor Costa, Igor Musardo, Mario Junior e Vicente Maciel Junior.

Registre-se agora no Flex for Kids e ajude as crianças do Cotolengo. Porque alguém, já ajudou você um dia (e de quebra assista palestras que estão sendo preparadas com a mesma paixão de sempre).

O Flash Camp Brasil, foi simplesmente PERFEITO, os palestrantes foram bem selecionados, as palestras em sí muito bem elaboradas, público de vários lugares do Brasil e também de fora, realmente estava precisando participar de algo do tipo, ver as novas tendências de desenvolvimento Flex/AS, fazer network com pessoas interessantes, conheci pessoalmente um dos Gurus do Flex brasileiro, o Beck Novaes, que falando nele, encerrou com chave de ouro o evento com uma puta de uma palestra, que realmente deu uma grande injeção de ânimo em muitos desenvolvedores ali presente, com certeza irei colocar muitas idéias de projetos pra frente este ano, o Flash Camp Brasil foi de fato um dos melhores eventos de tecnologia que já participei.

Estou aqui na Flash Camp Brasil, acompanhe também ao-vivo acessando o link http://bit.ly/79u5vr

Esses dias precisei esconder uma Tab de um determinado TabNavigator usado em um cadastro, pois essa mesma Tab só poderia ser exibida quando eu estivesse modificando um registro e não na inclusão. Depois de uma breve pesquisada achei a solução e é bem simples, basta usar o código abaixo:

tabNavigator.getTabAt(1).visible = false;

Lembrando que as tabs de um TabNavigator é um array, ou seja a primeira tab na verdade é o índice 0 (zero).

Olá meu povo, esses dias estava procurando na net uma solução de lêr e escrever cookies através do Flex, antes eu fazia utilizando a linguagem server-side, que no meu caso é o PHP, mas dependendo de onde estava hospedado o sistema as vezes demorava alguns segundos para o flex enviar a solicitação o php lêr o cookie e retornar para o flex, pois bem, encontrei um package bastante útil que se chama Cookie Util, que pode ser baixada aqui.

Para utilizar essa classe é bastante simples, descompacte o conteúdo do arquivo dentro da pasta SRC de sua aplicação flex, onde o mesmo deve seguir a estrutura do package, ou seja “de/aggro/utils/CookieUtil”, caso você seja um desenvolvedor experiente, já sabe como mudar esse caminho né?

Abaixo um exemplo de utilização:

import de.aggro.utils.CookieUtil;
//Cria o cookie identificado como "nome" com valor igual a "Ricardo" e que será válido por 30 dias
CookieUtil.setCookie("nome", "Ricardo", 30);
 
//Aqui eu recupero o valor do cookie "nome" em uma variável
var valorDoCookie:String;
valorDoCookie = String(CookieUtil.getCookie("nome"));
 
//Caso queira apagar o cookie, utilize este comando
CookieUtil.deleteCookie("nome");

Bem simples!!
Abraço e até o próximo post!

Pela primeira vez no Brasil, vai acontecer em Maceió-AL, nos dias 15 e 16 de Janeiro de 2010, a Flash Camp Brasil, onde estarão os melhores profissionais de Rich Media do Brasil e Palestrantes da Adobe USA, vai ser um evento imperdível com certeza!

Dia 30 de Outubro começará as inscrições para o evento, estou ansioso para me inscrever!

Enquando isso, acompanhe o vídeo!

Olá, depois de quase 4 meses sem dar a devida atenção ao blog, eu voltei!! Dessa vez pretendo escrever alguma coisa pelo menos a cada 15 dias, na verdade estou tentando criar alguns screencast, não, eu não estou copiando o Vedovelli, só acho que é bem mais prático, tanto pra mim como pra quem acompanha este blog. É isso aê, vamos ver o que irei conseguir fazer dessa vez.

Abraços!

Hello Everbody,

Hoje iremos começar já a desenhar a aplicação no Adobe Flex, então para iniciar-mos, crie um novo projeto no Flex chamado MTBRanking, para quem não tem conhecimento no Flex Builder ainda, basta clicar em File/New/Flex Project, em Project name, digite MTBRanking, escolha a pasta onde sua aplicação irá ser criada (é importante que esteja na pasta pública do Apache, isso poderá mudar dependendo de cada ambiente que você esteja usando, poderá ser htdocs ou apenas www), clique no botão Finish.

Ok agora com a nova aplicação criada, adicione um VDividedBox, defina as propriedades de X e Y como 0 (zero) e Width e Height como 100%.
Agora dentro do VDividedBox, adicione um Panel e um ViewStack, automáticamente o Flex irá colocar um abaixo do outro, agora vamos ‘dar nome aos bois’ só para ficar mais fácil de identificar-mos os objetos na aplicação, neste caso, defina o ID do Panel = ‘panelTime’ e o ID do ViewStack = ‘vsDados’, também defina o width dos dois componentes = ‘100%’, e o Title do panelTime = ‘CRONOMETRAGEM’, o código deverá estar dessa forma:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
	<mx:VDividedBox width="100%" height="100%">
		<mx:Panel id="panelTime" width="100%" height="200" layout="absolute" title="CRONOMETRAGEM">
		</mx:Panel>
		<mx:ViewStack x="22" y="296" id="vsDados" width="100%" height="100">
			<mx:Canvas label="View 1" width="100%" height="100%">
			</mx:Canvas>
		</mx:ViewStack>
	</mx:VDividedBox>
</mx:Application>

Agora, adicione dentro do panelTime um Label, e defina as seguintes propriedades para ele:

ID = labelCronometro
text = ‘00:00:00′
fontSize = ‘100′
horizontalCenter = ‘0′
verticalCenter = ‘0′

Agora arraste para dentro do ViewStack 4 LinkButtons, defina a propriedade fontSize=’20′ para todos os quatro, e na sequencia configure cada um da seguinte forma:

LinkButton1 -> label=”Cadastro de Categorias”, x=”10″, y=”10″
LinkButton2 -> label=”Cadastro de Ciclistas”, x=”10″, y=”53″
LinkButton3 -> label=”Registrar Tempo”, x=”394″, y=”10″
LinkButton4 -> label=”Resultado”, x=”394″, y=”53″

O código final da aplicação tem que estar dessa maneira:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
	<mx:VDividedBox width="100%" height="100%">
		<mx:Panel id="panelTime" width="100%" height="200" layout="absolute" title="CRONOMETRAGEM">
			<mx:Label id="labelCronometro" text="00:00:00" fontSize="100" horizontalCenter="0" verticalCenter="0"/>
		</mx:Panel>
		<mx:ViewStack x="22" y="296" id="vsDados" width="100%" height="100">
			<mx:Canvas label="View 1" width="100%" height="100%">
				<mx:LinkButton x="10" y="10" label="Cadastro de Categorias" fontSize="20"/>
				<mx:LinkButton x="10" y="53" label="Cadastro de Ciclistas" fontSize="20"/>
				<mx:LinkButton x="394" y="10" label="Registrar Tempo" fontSize="20"/>
				<mx:LinkButton x="394" y="53" label="Resultado" fontSize="20"/>
			</mx:Canvas>
		</mx:ViewStack>
	</mx:VDividedBox>
</mx:Application>

Por enquanto é só pessoal, essa próxima semana estarei dando continuidade a aplicação.
Forte abraço

Olá, pessoal, finalmente comecei o tutorial, neste primeiro artigo da série iremos criar a base de dados que irá guardar as informações do sistema, primeiro defini o nome do sistema como MTBRanking, estarei utilizando o banco de dados MySQL 5, então comecem a criar a base conforme imagem abaixo.

Create table ciclista (
	id_ciclista Int NOT NULL AUTO_INCREMENT,
	id_categoria Int NOT NULL,
	nome Varchar(255),
 Primary Key (id_ciclista)) ENGINE = MyISAM;

Create table categoria (
	id_categoria Int NOT NULL AUTO_INCREMENT,
	descricao Varchar(50),
 Primary Key (id_categoria)) ENGINE = MyISAM;

Create table ranking (
	id_ciclista Int NOT NULL,
	tempo Time,
 Primary Key (id_ciclista)) ENGINE = MyISAM;

Alter table ranking add Foreign Key (id_ciclista) references ciclista (id_ciclista) on delete  restrict on update  restrict;
Alter table ciclista add Foreign Key (id_categoria) references categoria (id_categoria) on delete  restrict on update  restrict;

Vou dar uma breve explicação de cada tabela, visto que é um sistema extremamente simples, a tabela categoria será o cadastro das categorias, exemplos:

- Elite
- Feminina
- Sub 30
- Sub 23
- Eco-turismo
- Master

A ciclistas, será gravado os ciclistas participantes do campeonato e a sua categoria, e a tabela ranking será o tempo de cada ciclista, muito simples…

Bem por hoje é só, até o próximo post, pois está na hora do almoço e estou com fome…

Abraços

Quer saber como está o seu conhecimento no Flex 3? quer tentar fazer o exame de certificação da Adobe ? então baixe esse programinha em AIR e faça o simulado (em inglês).

Boa sorte!