asConnect - Flash + PHP

[gbs 0]

Salve salve!

 

Ao final do tutorial vamos ter feito o seguinte exemplo: http://www.guilhermebaptista.com.br/asconnect/, que estará pegando dados de uma página PHP.

 

O asConnect é um framework criado por mim com o objetivo de facilitar e agilizar a interação do Flash com linguagens dinâmicas e banco de dados.

 

Foi ele que utilizei para fazer o site: http://www.vibenight.com.br/

 

Seguindo este guia rápido e dando uma olhada nos códigos dá pra entender e utilizar perfeitamente e, se alguém tiver alguma dúvida, sugestão para melhoria ou ainda quiser dar uma ajuda no projeto, será muito bem vindo! http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

 

Alguns exemplos do que pode ser feito com ele:

 

Exemplo 1

Exemplo 2

Exemplo 3

 

Bem, vamos ao tutorial:

 

Para utilizar o asConnect, você precisa primeiramente ter o arquivo asConnect.as que pode ser baixado nesta página.

 

Após ter este arquivo, você pode baixar o asConnect.fla de modelo nesta página, com o FLA de modelo aberto e o asConnect.as no mesmo diretório, vamos começar.

 

Ao abrir o asConnect.fla, você verá uma Layer asConnect_Framework, com um MovieClip chamado asConnect_Framework, este MovieClip é aonde funciona o asConnect, você pode copiá-lo e colar em qualquer arquivo flash seu, aonde quiser, depois basta configurá-lo.

 

Para configurar o asConnect, você deverá entrar dentro do MovieClip asConnect_Framework, dentro dele você encontrará uma Layer chamada asConnect_config, com um Frame de Label config, que conterá o ActionScript de configuração que vem comentado para o total entendimento:

 

//variáveis
modvar = "mod1_";//caminho, id, imagem, txta, txtb, txtc, txtd, txte, total, OK
 
//solução para possíveis problemas com acentuação
//System.useCodepage = true;
 
//string que será substituida pelo e-comercial (&) nas variáveis recebidas
rpec = "@ecomer@";
 
//arquivo que possui os dados
arquivo = "dados.php";
 
//mc utilizado como modelo
modelout = mcmod1;
 
//indica como ordenar os itens
tipolist = "horiz";// vert ou horiz
itplinecol = 4;//itens por linha/coluna
pag = 12;//itens por página
 
//posições dos itens
xsart = 90;//posicão inicial do X
ysart = 120;//posicão inicial do Y
distx = 15;//distância X entre os itens
disty = 10;//distância Y entre os itens
 
//tempos de animações (em segundos)
tempoanima = 0.6;//duração da animação
tempdelay = 0.2;//tempo entre uma animação e outra
tempocontinua = 1;//tempo para iniciar depois dos dados carregados
 
//definicão da animação dos itens
anitp = 0;//0 para item por item, 1 para linha/col por linha/col
anialph = 1;//0 para animar sem alpha, 1 para animar com alpha
anisc = 1;//0 para animar sem escala, 1 para animar com escala
anirt = 0;//0 para animar sem rotação, 1 para animar com rotação
 
//config dos tipos de animações - http://hosted.zeh.com.br/mctween/animationtypes.html'>http://hosted.zeh.com.br/mctween/animationtypes.html
anialphtyp = 0;//0 para alpha padrão
anisctyp = "easeOutElastic";//0 para escala padrão
anirttyp = 0;//0 para rotação padrão
 
//MC Tween do Zeh - http://hosted.zeh.com.br/mctween/
usemctween = true; //true para incluir o mctween, false se você já o incluiu 
 
//include do framework
#include "asConnect.as"

Após configurar este arquivo, você definiu um arquivo que possui os dados, no caso deste código, o arquivo dados.php, que poderia ser qualquer outro, neste exemplo, o arquivo dados.php possui o seguinte código:

 

<?php
	//zera o valor do i
	$i = 0;
 
	//define o modvar
	$varmod = utf8_encode("mod1_");
	$rpec = "@ecomer@";
 
	//cria o while
	$w=1;
	while($w<33) {
		$i++;
 
		//definimos as variáveis
 
		//id do item
		$id = $i;
 
		//caminho das imagens
		$caminho = "";
 
		//nome dos arquivos (imagens)
		$imagem = "imagem.jpg";
 
		//textos
		$txta = "Lorem Ipsum Dolor Sit";
		$txtb = "Lorem Ipsum";
		$txtc = "";
		$txtd = "";
		$txte = "";
 
		//as variáveis são informadas para o flash
		echo "&" . $varmod . "id" . $i . "=" . utf8_encode( str_replace( "&", $rpec, $id )) . "&";
		echo "&" . $varmod . "caminho" . $i . "=" . utf8_encode( str_replace( "&", $rpec, $caminho )) . "&";
		echo "&" . $varmod . "imagem" . $i . "=" . utf8_encode( str_replace( "&", $rpec, $imagem )) . "&";
		echo "&" . $varmod . "txta" . $i . "=" . utf8_encode( str_replace( "&", $rpec, $txta )) . "&";
		echo "&" . $varmod . "txtb" . $i . "=" . utf8_encode( str_replace( "&", $rpec, $txtb )) . "&";
		echo "&" . $varmod . "txtc" . $i . "=" . utf8_encode( str_replace( "&", $rpec, $txtc )) . "&";
		echo "&" . $varmod . "txtd" . $i . "=" . utf8_encode( str_replace( "&", $rpec, $txtd )) . "&";
		echo "&" . $varmod . "txte" . $i . "=" . utf8_encode( str_replace( "&", $rpec, $txte )) . "&";
 
	$w++;
	};
 
	//os resultados são retornados para o flash
	$total = $i;
	echo "&" . $varmod . "total=" . $total . "&";
	echo "&" . $varmod . "OK=OK&";
?>

Este arquivo pode ser perfeitamente convertido para outras linguagens, contanto que possua a mesma lógica e retorne os mesmos dados, não há problemas, funcionará perfeitamente.

 

Para retornar dados de banco de dados, basta substituir o while por um while do MySQL retornando os dados de uma tabela por exemplo.

 

O código fonte deste exemplo pode ser baixado nesta página.

 

Mais informações sobre o projeto: http://www.guilhermebaptista.com.br/blog/asconnect/

 

abraços! ^_^

[Matheus Brito 12]

Very good.

Abs