MXStudio » Lucas_marcal

Slide Itens em Actionscript 3.0

Lucas_marcal — Sun, 29 Nov 2009 17:49:34 +0000

Salve
pessoal, durante muito tempo em uma determinada agência que eu
trabalhei eu utilizei essa classe (ainda em Actionscript 2.0) para
apresentar produtos, imagens, noticias etc…
Por esse motivo decidi fazer uma versão dela para Actionscript 3.0
espero que ela possa ser útil á você nos seus trabalhos assim como ela
foi muito útil para mim!
Lembre-se siga-me no Twitter http://www.twitter.com/lmcosta“>@lmcosta

Classe FullSlide.as

package lmcosta.slide
{
import flash.display.MovieClip;
import flash.events.Event;
import flash.events.MouseEvent;
import gs.*;
import gs.easing.*;

/**
* ...
* @author  Lucas Marçal
* @link    www.lucasmarcal.com.br/blog
* @see     http://tweener.googlecode.com/svn/trunk/examples/
* @version 1.0
* @usage
*  import lmcosta.slide.FullSlide
var mySlide:FullSlide = new FullSlide();
addChild(this.mySlide);
var _arr:Array =  new Array(mc1,mc2,mc3,mc4,mc5);
var btSlideX:MovieClip;
var btSlideY:MovieClip;
this.btVai.addEventListener(MouseEvent.MOUSE_DOWN , clickVai);
this.btVem.addEventListener(MouseEvent.MOUSE_DOWN , clickVem);
function clickVai (e:MouseEvent):void
{
e.target.parent.parent.mySlide.moveItens(1);
}
function clickVem (e:MouseEvent):void
{
e.target.parent.parent.mySlide.moveItens(-1);
}
*/
public class FullSlide extends MovieClip
{
/**
* DEFININDO PROPRIEDADES
*/
public var itensMc:Array;
public var tipoSlide:String;
public var posX:Number;
public var posY:Number;
public var distanciaItens:Number;
public var distanciaItensFoco:Number;
public var tempoEase:Number;
public var distancia:Number;
public var itemAtual:Number;
public var itemX:Number;
public var itemY:Number;

public function FullSlide()
{
trace("Iniciou")
}
/**
*
* @param	tipo:            Tipo de alinhamento X ou Y
* @param	arr :            Array que contém os MovieClips
* @param	distancia:       Distancia dos MovieClips na hora do alinhamento
* @param	foco:            Distancia que o item deve se mover
* @param	indiceAtual:     MovieClip Atual
* @param	posicaoX:        Posição em X
* @param	posicaoY:        Posição em Y
*/
public function setSlide(tipo:String,arr:Array,distancia:Number, foco:Number,indiceAtual:Number,posicaoX:Number,posicaoY:Number):void
{
this.tipoSlide = tipo;
this.itensMc = arr;
this.itemAtual = indiceAtual;
this.distanciaItens = distancia;
this.distanciaItensFoco = foco;
this.posX = posicaoX;
this.posY = posicaoY;
this.tempoEase = 0.5;
setPosItens();
}

private function setPosItens():void
{

for (var i:Number = 0; i < this.itensMc.length; i++)
{
if (this.tipoSlide == "Y")
{
this.distancia = this.itemAtual - i;
this.itemY = this.posY + (this.distancia * - this.distanciaItens);
this.itensMc[i].x = Math.round(this.posX);
if (this.distancia != 0)
{
this.itemY += (Math.round(this.distanciaItensFoco) - Math.round(this.distanciaItens)) * (Math.round(this.distancia) > 0 ? -1 : +1);
}
TweenMax.to(this.itensMc[i], this.tempoEase, {y:Math.round(this.itemY),ease:Expo.easeOut});
}
else
{
this.distancia = this.itemAtual - i;
this.itemX = this.posX + (this.distancia * - this.distanciaItens);
this.itensMc[i].y = Math.round(this.posY);
if (this.distancia != 0)
{
this.itemX += (Math.round(this.distanciaItensFoco) - Math.round(this.distanciaItens)) * (Math.round(this.distancia) > 0 ? -1 : +1);
}
TweenMax.to(this.itensMc[i], this.tempoEase, {x:Math.round(this.itemX),ease:Expo.easeOut});
}
if(i - this.itensMc.length != 1)
{
TweenMax.to(this.itensMc[i], this.tempoEase, { blurFilter: { blurX:10, blurY:10, quality:1 }, z:1 } );
}
if (this.tempoEase > 0)
{
TweenMax.to(this.itensMc[this.itemAtual], this.tempoEase/2, {blurFilter:{blurX:0,blurY:0, quality:2},z:1});
}
var refItem:MovieClip = this.itensMc[i] as MovieClip;
refItem.buttonMode = true;
refItem.addEventListener(MouseEvent.MOUSE_DOWN , onDown);
refItem.addEventListener(MouseEvent.MOUSE_OVER , onOver);
refItem.addEventListener(MouseEvent.MOUSE_OUT , onOut);
refItem.nome = i;
}
}

private function onOut(e:Event):void
{
TweenMax.to(e.target, 0.2, { tint:null, ease:Linear.easeNone } );
}

private function onOver(e:Event):void
{
TweenMax.to(e.target, 0.2, { tint:0xcccccc, ease:Linear.easeNone } );
}

public function onDown(e:Event):void
{
trace("item " + e.target.nome);
this.setItens(e.target.nome)
}
/**
* @param	indice
*/
public function moveItens(indice:Number):void
{
this.setItens(this.itemAtual + indice);
}
/**
* @param	indice
*/
public function setItens(indice:Number):void
{

if (indice < 0) indice = 0;
if (indice > this.itensMc.length - 1) indice = this.itensMc.length - 1;
if (indice != this.itemAtual)
{
this.itemAtual = indice;
this.setPosItens();
}
}

}

}

http://www.lucasmarcal.com.br/labs/FullSlide.html“>Exemplo
http://www.lucasmarcal.com.br/labs/FullSlide.rar“>Arquivos do Tutorial

Abraço a todos, semana que vem tem mais!

Validando Campos de formulário no Actionscript 3.0

Lucas_marcal — Sun, 29 Nov 2009 17:48:11 +0000

Salve Pessoal
No meu primeiro artigo sobre Actionscript 3.0 eu mostro uma classe que eu fiz para validar campos de formularios.

[coolcode lang="actionscript"]
/**
* @autor: Lucas Marçal
* @email: inbox@lucasmarcal.com.br
* @date: 15/05/2009
* @coment: para adicionar um evento ao modificar o conteudo do campo
* de texto registrar o evento
* textInput.addEventListener(Event.CHANGE,clicou);
* public function clicou (e:Event)
{
//trace(“Mudando”)
}
* */
package owinteractive.utils
{
import flash.display.MovieClip;
import flash.events.FocusEvent;
import flash.text.TextField;
import gs.easing.*
import gs.*

public class Validation extends MovieClip
{
public var textInput: TextField;
public var tipo: String;
public var textStatus: Boolean;
public var textOutput: TextField;
public var textName: String;
public var mcStatus: MovieClip;
public var limpar: Boolean;

public function Validation (_txtCamp:TextField,_type:String,_txtResp:TextField,_txtName:String,_mcStatus:MovieClip,_clear:Boolean):void
{
this.textInput = _txtCamp;
this.tipo = _type;
this.textStatus = false;
this.textOutput = _txtResp;
this.textName = _txtName;

if (_mcStatus != null)
{
this.mcStatus = _mcStatus;
}
this.limpar = _clear;
this.textInput.addEventListener(FocusEvent.FOCUS_IN, onIn);
this.textInput.addEventListener(FocusEvent.FOCUS_OUT,onOut);
}

public function onIn(f:FocusEvent):void
{
//trace(“Selecionou ” + f.target.name)
if (this.limpar == true)
{
f.target.text = “”
}
else
{
trace(“Não Limpar campo”)
}
}

public function onOut(f:FocusEvent):void
{
if(this.tipo == “email”)
{
this.emailValidation(f)
}
else
{
this.textValidation(f)
}
}

public function textValidation(t:*):void
{
if(t.target.text == “”)
{
//trace(“Campo Vazio”)
this.textStatus = false
this.textOutput.text = “Preencher o campo ” + this.textName
if (this.mcStatus != null)
{
this.mcStatus.gotoAndStop(3)
}
}
else
{
//trace(“Campo Preenchido”)
this.textStatus = true
if (this.mcStatus != null)
{
this.mcStatus.gotoAndPlay(2)
TweenMax.to(this.mcStatus, 0.5, { alpha:0, ease:Linear.easeNone,delay:2,onComplete:retornaStatus} );
}

}
}
public function emailValidation(t:*):void
{
var email:String = t.target.text;
var arroba:Number = email.indexOf(“@”);
var ponto:Number = email.lastIndexOf(“.”);
var resp:Boolean = arroba > 0 && ponto > arroba;

if(resp == true)
{
//trace(“Email Correto”)
this.textStatus = true
if (this.mcStatus != null)
{
this.mcStatus.gotoAndStop(2);
TweenMax.to(this.mcStatus, 0.5, { alpha:0, ease:Linear.easeNone,delay:2,onComplete:retornaStatus} );
}

}
else
{
//trace(“Preencher corretamente”)
this.textStatus = false
this.textOutput.text = “Campo ” + this.textName + ” incorreto”
if (this.mcStatus != null)
{
this.mcStatus.gotoAndStop(3)
}

}
}

public function getTextStatus():Boolean
{
return textStatus
}
public function retornaStatus():void
{
if (this.mcStatus != null)
{
this.mcStatus.gotoAndStop(1);
this.mcStatus.alpha = 1
}

}

}
}
[/coolcode]

Abraço a todos

Flash Remoting + ColdFusion + AMFPHP

Lucas_marcal — Tue, 03 Nov 2009 23:00:56 +0000

Salve pessoal
Historicamente eu sempre trabalhei com ColdFusion isso já tem alguns anos, porém nos últimos 2 anos e venho trabalhando bastante com PHP por motivos óbvios, a falta de programador ColdFusion visto que eu não faça mais todo o processo de desenvolvimento de um site.

Porém essa semana eu tive uma demanda de um site feito em flash que deveria consumir métodos de um CFC (ColdFusion Componente), como eu não fazia isso desde a época que eu trabalhava com AS2 decidi escrever uma nova classe para conexão em AS3 e foi exatamente ai que meus problemas começaram.

Primeiramente eu teria que instalar o ColdFusion 8 na minha maquina e de preferência ele deveria rodar em cima do Apache, para isso eu usei o Tutorial do meu brother Marcio Nakano:
Instalando servidor Apache com Mysql e as linguagens ColdFusion e PHP.

Feito isso (e depois desfeito, pois achei que isso poderia ser a causa do erro que eu descrevo a seguir) agora era a hora de escrever a classe, mas por onde começar, Google é a solução? Não foi bem assim.

O material que fala sobre Flash Remoting + ColdFusion na web é bem fraco e muito confuso sem falar que a grande maioria é em inglês o que dificultou um pouco mais o entendimento já que não sou um expert na língua do “Tio Sam”, abaixo estão listados alguns dos melhores que encontrei:
Delicious Flash Remoting

Foi então que tive a feliz idéia de Twittar essa minha raiva e logo depois recebi uma mensagem do Neto Leal e de Bruno Ribeiro me oferecendo ajuda, na parte do Neto Leal ele me indicou esse link:
Ativando Flash Remoting

Mesmo fazendo o que o link indica o erro ainda persistia foi então que comecei a trocar idéia com o Bruno Ribeiro, depois de algumas dicas e do envio da classe que ele mesmo usa para fazer isso eu consegui conectar e consumir um método do ColdFusion.

Eu sempre digo isso, mas é bom reforçar, na vida uma das melhores coisas é ter amigos e eu agradeço ao Neto Leal e ao Bruno Ribeiro pela ajuda, então nada mais lógico do que eu postar aqui a classe que eu fiz baseada nesse longo caminho percorrido para conseguir conectar o Flash ao ColdFusion e ao AMFPHP, lembrando que essa classe foi baseada na classe do Bruno Ribeiro e não tenho a pretensão de achar que ela é a melhor do mundo, mas pelo menos ela funciona com ColdFusion e AMFPHP, segue o código:

RemotingConexao.as
[coolcode lang="actionscript"]

package lmcosta.remoto.cf
{
import flash.display.MovieClip;

import flash.events.Event;
import flash.events.EventDispatcher;
import flash.events.NetStatusEvent;

import flash.net.NetConnection;
import flash.net.ObjectEncoding;
import flash.net.Responder;

/**
* …
* @author lmcosta
* @link www.lucasmarcal.com.br/blog – www.brunoribeiro.net
* @return
* @version 1.0
*/

public class RemotingConexao extends MovieClip
{
public var _servico : NetConnection;
public var _responder : Responder;
public var _fcnRetorno : Function;
public var _cfc : String;
public var _metodo : String;
public var _resultado : Object;

public function RemotingConexao()
{
this._responder = new Responder(resultado, falha);
this._servico = new NetConnection();
this._servico.objectEncoding = ObjectEncoding.AMF0;
this._servico.connect(“http://127.0.0.1:8500/flashservices/gateway”);
trace(“Conectou”);
}
/**
*
* @param $cfc = String que contém o caminho do CFC
* @param $metodo = String com o nome do método do CFC
* @param $fcnRetorno = Metodo de retorno na referencia dessa classe
* @param $args = Argumentos
*/
public function consome($cfc:String = “” , $metodo:String=”" , $fcnRetorno:Function = null , $args:Object = null ):void
{
var refCFCMetodo:String = $cfc + “.” + $metodo;

this._fcnRetorno = $fcnRetorno;
this._cfc = $cfc;
this._metodo = $metodo;

if ($args == null)
{
this._servico.call.apply(null, [refCFCMetodo, this._responder]);
}
else
{
this._servico.call.apply(null, [refCFCMetodo, this._responder].concat($args));
}

}
/**
*
* @param f = Objeto que retorna Erros
*/
private function falha(f:Object):void
{
trace(“fault”+f.details);
trace(“fault”+f.description);
}
/**
*
* @param re = Objeto que retorna os resultados
* @return Retorna o valor que veio do CFC na referencia da classe
*/
private function resultado(re:Object):Object
{
this._resultado = re;

if (re != “”)
{
this._resultado = re;

if (this._resultado.length)
{
return this._fcnRetorno(this._resultado);
}
else
{
return this._fcnRetorno(false);
}
}
else
{
return this._fcnRetorno(false);
}
}

}

}
[/coolcode]

Consumindo a classe
Para utilizar essa classe você deve criar um novo arquivo no Flash do tipo Actionscript 3.0, depois crie uma classe que no meu caso eu chamei de “Teste.as” e escreva o seguinte:

Teste.as
[coolcode lang="actionscript"]

package
{
import flash.display.MovieClip;
import lmcosta.remoto.cf.RemotingConexao;
/**
* …
* @author lmcosta
*/
public class Teste extends MovieClip
{
public var re:RemotingConexao

public function Teste()
{
trace(“Conetando…….”)
this.re = new RemotingConexao();
this.re.consome(“remotoAS3.componente”, “ola”, this.resultadoItem, {msg:”Seja Bem vindo”});
}

public function resultadoItem(obj:Object):void
{
trace(“Tudo certo hora de trampar ” + obj)
}

}

}
[/coolcode]

Arquivos do Tutorial

Para utilizar a mesma classe para conectar ao AMFPHP basta você trocar o caminho do Gateway na classe RemotingConexao.as e indicar a classe e o método na classe Teste.as
Gostaria mais uma vez de agradecer ao Bruno Ribeiro e ao Neto Leal pela ajuda e espero que essa classe possa ajudar a todos.
Até a próxima pessoal e sigam-me pelo Twitter

Galeria dinâmica de imagens com flash e coldfusion

Lucas_marcal — Thu, 16 Mar 2006 00:00:00 +0000

Rich Internet Application (RIA)-Galeria de Imagens Dinâmicas com Flash e ColdFusion.

Salve pessoal, hoje vamos abordar um assunto bem interessante e procurado na internet, um sistema de galeria de imagens, que recebe os parâmetros das imagens do banco de dados mysql, então chega de conversa e vamos a luta.

Pré-Requisitos

Internet Information Server (IIS), Coldfusion MX7, MYSQL, Flash 8, Dreamweaver MX 2004 ou superior

Objetivo.

Ao final desse tutorial você será capaz de desenvolver uma galeria dinâmica de imagens com comentários

Conceitos.

Para isso usaremos as facilidades das ferramentas Adobe/Macromedia, como Coldfusion, Dreamweaver e Flash, assim como o Flash Remoting para interagir com o banco de dados Mysql.

Conteúdo

Primeiramente vamos montar um banco de dados Mysql faça download do arquivo txt que contém as informações do banco.
Configurações do banco

Agora que já temos nosso banco devidamente montado, vamos registrar ele no administrador do Coldfusion, para maiores informações sobre esse processo veja esses links:
Link1
Link2

Feito isso vamos criar nossa tela para cadastro e upload de imagens o formulário deverá ficar como a figura abaixo:

Depois disso vamos configurar o Insert, vá na paleta Application + Server Behaviors + InsertRecord , na tela que se abre configure como na imagem abaixo e depois salve essa pagina como Cadastro.cfm, após isso faça uma lista para visualizar seus resgistros, assunto que não vamos abordar aqui nessa matéria.

Bom já está tudo certo para o insert, porém ainda temos que fazer o upload da imagem para a pasta especificada, para isso vamos abrir o código da pagina ele deve estar como o código abaixo:

INSERT INTO galeria_tbl (FotoG, FotoP, Descricao) VALUES (

‘#FORM.fotoG#’

NULL

,

‘#FORM.fotoP#’

NULL

,

‘#FORM.descricao#’

NULL

)

Então nós vamos altera-lo para que receba os parâmetros para upload das duas imagens, no código antes de começarmos a tag você vai colocar as seguintes instruções:

Ainda teremos que alterar os parâmetros de insert do SQL, no final nosso código deverá ficar da seguinte maneira:

INSERT INTO galeria_tbl (FotoG, FotoP, Descricao) VALUES (

‘#File.ServerFile#’

NULL

,

‘#File.ServerFile#’

NULL

,

‘#FORM.descricao#’

NULL

)

Obs: Fora esse código na sua pagina também há os códigos html = )
Feito isso vamos criar agora o nosso componente ColdFusion (CFC), abra um novo documento no Dreamweaver e escolha Coldfusion Component salve-o como galeriamx

Agora vamos criar uma função para retornar o resultado dos registro de nossa tabela, para o Flash, a função ficara assim:

SELECT *
FROM galeria_tbl
ORDER BY id_galeria ASC

Tudo pronto então vamos ao Flash, para facilitar um pouco nosso trabalho eu já desenvolvi a interface flash para as fotos, ela é simples nada de muita “firula” é só para nos servir de parâmetro.

Download da interface Flash

Na camada action escreva o seguinte código:

stop();
// Iniciando a conexão com o Flash Remoting
import mx.debug.*;
import mx.remoting.*;
// Condição
if (init == null) {
init = true;
// Setando o local do Remoting
NetServices.setDefaultGatewayUrl(“http://localhost/flashservices/gateway”);
// Criando a variável de conexão
conn = NetServices.createGatewayConnection();
// Criando a variável de serviço, e setando o componente
service = conn.getService(“GaleriaImg.OOP.galeriamx”, this);
}
/////////////////////////////////////////////////////////////////////////////////////
// Propriedades de componentes
////////////////////////////////////////////////////////////////////////////////////
mcDetalhe._visible = false;
////////////////////////////////////////////////////////////////////////////////////
function RetornaFotos_Result(result) {
// For para correr sobre o resultado
for (var i = 0; i // Chama MovieClip da Biblioteca
var ItemAtual:MovieClip = _root.base.conteiner.attachMovie(“fotoP”, “fotop”+i, i);
// define variavés
ItemAtual.id = result.items[i].id_galeria;
ItemAtual.fotoP = result.items[i].FotoP;
ItemAtual.fotoG = result.items[i].FotoG;
ItemAtual.descricao = result.items[i].Descricao;
// O movieClip “Carrega” deve ser do mesmo tamanho da Foto Pequena cadastra-da no banco de dados.
ItemAtual.carrega.loadMovie(“Fotos/pequenas/”+ItemAtual.fotoP);
// Regra para paginação
if (i%6 == 0) {
ItemAtual._x = 0;
ItemAtual._y = anterior._y+anterior._height+10;
} else {
ItemAtual._x = anterior._x+anterior._width+10;
ItemAtual._y = anterior._y;
}
anterior = ItemAtual;
// Ação ao MovieClip para chamar imagem grande
ItemAtual.onPress = function() {
_root.mcDetalhe._visible = true;
// O movieClip “Carrega” deve ser do mesmo tamanho da Foto Grande cadastra-da no banco de dados.
_root.mcDetalhe.carrega.loadMovie(“Fotos/”+this.fotoG);
_root.mcDetalhe.txtDetalhe.text = this.descricao
};
// Ação para fechar a tela de detalhe.
_root.mcDetalhe.fechar.onPress = function() {
_root.mcDetalhe._visible = false;
};
}
}
service.RetornaFotos();

Considerações Finais

Bom pessoal por hoje é só espero que vocês tenham gostado, para ver essa galeria um pouco mais customizada, é só visitar o site da banda Audisete que lá eu usei algumas coisas a mais para deixar ela mais bonitinha.

Aviso Importante

Desde semana passada o meu blog oficial mudou click aqui para conhecer meu novo blog.

Abraços

Sistema de Noticias Flash e Coldfusion – Parte Final

Lucas_marcal — Thu, 16 Mar 2006 00:00:00 +0000

Sistema de noticia parte final – editar e deletar dados

Introdução

Vimos nos 2 outros tutoriais como montar um sistema de noticias com flash e coldfusion, no primeiro tratamos do Insert ao banco, no segundo fizemos uma busca dos registros do banco de dados, e agora na ultima versão desse tutorial vamos aprender a como deletar e atualizar os registros do banco.

Pré-Requisitos

Flash 8
Dreanweaver 8
Coldfusion MX 7
Mysql
Arquivos de exemplo

Objetivo

Adcionar a nosso sistema as funcionalidades de editar e deletar os registros.

Conceitos

Para isso usaremos as facilidades do flash remoting e coldfusion através de um sistema moldado para funcionar perfeitamente, não é de interesse nesse tutorial ensinar coisas como por exemplo fazer com que os campos de texto se apresentem em formato HTML, nem que as datas das noticias sejam validadas, isso veremos em futuros tutoriais.

Conteúdo

Abra o arquivo que está disponível para download e verifique os novos movieClips adicionados para que as aplicações funcionem corretamente.

SELECT *
FROM noticia
ORDER BY id_noticia DESC

INSERT
INTO noticia
(
data,
autor,
assunto,
mensagem
)
VALUES
(
‘#Arguments.dia#’,
‘#Arguments.autor#’,
‘#Arguments.assunto#’,
‘#Arguments.mensagem#’
)

inicia a tentativa—>

UPDATE noticia SET
data = ,
autor = ,
assunto = ,
mensagem =
WHERE id_noticia=

DELETE FROM noticia
WHERE id_noticia=

SELECT *
FROM noticia
WHERE assunto LIKE

Acima estão todas as funções ( métodos ) que vamos utilizar para que o sistema funcione corretamente, salve esse arquivo como mxstudio.cfc dentro da pasta OOP

Agora no flash, vá na camada action de sua aplicação no primeiro frame , logo abaixo da ultima linha, que é todo o conteúdo escrito nos últimos 2 tutoriais, nós vamos adcionar as seguintes linhas de comando.

// Ação do Botão que passa os valores
// dos campos de texto dinamicos do
// “detalhe” para os campos de texto dinamicos
// de mcEdit
_root.detalhe.btEditar.onPress = function() {
_root.mcEdit._visible = true;
_root.mcEdit.EditData.text = _root.detalhe.detData.text;
_root.mcEdit.EditAutor.text = _root.detalhe.detAutor.text;
_root.mcEdit.EditAssunto.text = _root.detalhe.detAssunto.text;
_root.mcEdit.EditMensagem.text = _root.detalhe.detMensagem.text;
};
//Ação destinada ao botão de salvar
// as alterações, responsável tb
// por chamar o metodo do CFC
// “EditarNoticia”
_root.mcEdit.btSalvar.onPress = function() {
service.EditarNoticia({id:vId, dia:_root.mcEdit.EditData.text, autor:_root.mcEdit.EditAutor.text, assunto:_root.mcEdit.EditAssunto.text, mensagem:_root.mcEdit.EditMensagem.text});
trace(id);
};
//Função Metodo (Função) responsável
//por fazer o update do Registro.
function EditarNoticia_Result(result) {
detalhe._visible = false;
_root.mcEdit._visible = false;
confirma._visible = true;
confirma.rotulo.text = “Resgistro atualizado com Sucesso !!!”;
service.RetornaNoticia();
}
// vamos adcionar aqui um evento
// para fechar a tela de editar
// caso o usuário não click no botão
// de salvar
_root.mcEdit.fechar.onPress = function() {
_root.mcEdit._visible = false;
};
// Função de intervalo para fechar
// tela de Deletar
function fechaDel() {
clearInterval(chamada);
_root.mcConfirmaDel._visible = false;
}
// Agora vamos trabalhar com o metodo
// para deletar as noticias
// em nosso cfc ele se chama
// “DeletaNoticia”, nesse caso vamos
// montar aqui uma função que recebe
// esse metodo do cfc, ela deve ficar assim
function DeletaNoticia_Result(result) {
// aqui dentro vamos colocar as
// ações que esse metodo deve fazer
// quando receber a resposta do CFC
// dentro vamos chamar o set Interval
chamada = setInterval(fechaDel, 2000);
_root.mcConfirmaDel.btNao._visible = false;
_root.mcConfirmaDel.btSim._visible = false;
_root.mcConfirmaDel._visible = true;
_root.mcConfirmaDel.status.text = ” “;
_root.mcConfirmaDel.txtNomeDel.text = “Noticia Excluida com sucesso”;
detalhe._visible = false;
_root.mcEdit._visible = false;
service.RetornaNoticia();
}
// agora vamos adcionar
// um evento ao botão que chama
// a tela de confirmação
// de exclusão de noticia
_root.detalhe.btDeletar.onPress = function() {
_root.mcConfirmaDel._visible = true;
_root.mcConfirmaDel.status.text = “Deseja Excluir essa Noticia ?”
_root.mcConfirmaDel.btNao._visible = true;
_root.mcConfirmaDel.btSim._visible = true;
_root.mcConfirmaDel.txtNomeDel.text = _root.detalhe.detAssunto.text;
};
// Agora vamos colocar
// a um evento ao botão que
// irá fechar a tela de confirmação
// de exclusão caso o usuário
// clique na opção “Não”
_root.mcConfirmaDel.btNao.onPress = function() {
_root.mcConfirmaDel._visible = false;
};
// agora sim vamos colocar
// a ação que faz a exclusão
// do registro no banco de dados
// vamos chamar então a função
// “DeletaNoticia” e passa um unico
// parametro para elá que será
// o id que está sendo requerido
// la no CFC dentro da função de
// exclusão.
_root.mcConfirmaDel.btSim.onPress = function() {
service.DeletaNoticia({id:vId});
};

Ao final de tudo nosso Action Script deve estar da seguinte forma:

// Iniciando a conexão com o Flash Remoting
import mx.debug.*;
import mx.remoting.*;
// Condição
if (init == null) {
init = true;
// Setando o local do Remoting
NetServices.setDefaultGatewayUrl(“http://www.lucasmarcalferreira.com.br/flashservices/gateway”);
// Criando a variável de conexão
conn = NetServices.createGatewayConnection();
// Criando a variável de serviço, e setando o componente
service = conn.getService(“OOP.mxstudio”, this);
}
////////////////////////////////////////////////////
//Propriedades de componentes e MovieClips
confirma._visible = false;
detalhe._visible = false;
mcEdit._visible = false;
mcEdit.fundo.useHandCursor = false;
btLista._visible = false;
mcConfirmaDel._visible = false;
////////////////////////////////////////////////////
// Eventos do Data Grid.
var objDg:Object = new Object();
objDg.change = function(eventObject) {
/*
selectedItem = Retorna o resultado do item selecionado no DataGrid
*/
detalhe._visible = true;
vId = dgDados.selectedItem.id_noticia;
detalhe.detData.text = dgDados.selectedItem.data;
detalhe.detAutor.text = dgDados.selectedItem.autor;
detalhe.detAssunto.text = dgDados.selectedItem.assunto;
detalhe.detMensagem.text = dgDados.selectedItem.mensagem;
};
dgDados.addEventListener(“change”, objDg);
////////////////////////////////////////////////////
// Criando Funções
////////////////////////////////////////////////////
// Função para retorno das noticias
function RetornaNoticia_Result(result) {
// Data Provider é responsável por inserir o resultado de “result” dentro do DataGrid
dgDados.dataProvider = result;
dgDados.removeAllColumns();
dgDados.columnNames = ["data", "autor", "assunto"];
dgDados.getColumnAt(0).headerText = “Data de Publicação”;
dgDados.getColumnAt(1).headerText = “Autor Notícia”;
dgDados.getColumnAt(2).headerText = “Assunto Notícia”;
dgDados.getColumnAt(0).width = 150;
// tamanho em Pixels do cabeçalho e colunas
dgDados.getColumnAt(1).width = 150;
// tamanho em Pixels do cabeçalho e colunas
dgDados.getColumnAt(2).width = 150;
}
// Chamando a Função de Retorno de Noticias
service.RetornaNoticia();
////////////////////////////////////////////////////
// Função para inserir noticias
function InserirNoticia_Result(result) {
if (result) {
txtData.text = “”;
txtAutor.text = “”;
txtAssunto.text = “”;
txtMensagem.text = “”;
confirma._visible = true;
confirma.rotulo.text = “Os dados Foram gravados com sucesso !”;
}
}
////////////////////////////////////////////////////
btGravar.onPress = function() {
// Chamando Função de Inserir Noticias e passando os argumentos necessarios
// para o coldfusion.
// e faz uma verificação para certificar que todos os campos foram preenchidos corretamente.
if (txtData.text == “” || txtAutor.text == “” || txtAssunto.text == “” || txtMensagem.text == “”) {
confirma._visible = true;
confirma.rotulo.text = “Preencha todos os campos !”;
} else {
service.InserirNoticia({dia:txtData.text, autor:txtAutor.text, assunto:txtAssunto.text, mensagem:txtMensagem.text});
service.RetornaNoticia();
}
};
////////////////////////////////////////////////////
// Função de Busca
function RetornaBusca_Result(result) {
// Verifica se foi digitado alguma coisa no campo de Busca, e não tiver nada
// digitado ele retorna uma mensagem de alerta para que seja inserido
// um parametro de busca.
if (_root.txtTermo.text == “”) {
confirma._visible = true;
confirma.rotulo.text = “Digite um termo de Busca !”;
// se tiver parametro de busca mais o result for == a frase que você
// criou no CFC “Não encontrou nada” então ele retorna a seguinte mensagem
// dentro do MovieClip confirma “Nada foi encontrado com esse parametro”
} else {
if (result == “Não encontrou nada”) {
confirma._visible = true;
confirma.rotulo.text = “Nada foi encontrado nehum resultado com esse parametro”;
} else {
// Caso seja encontrado o resultado do termo digitado, ele
// remove os resultados da lista antiga, e coloca os novos
// resultados.
// removeAllColumns(); == Remover resultados lista antiga
// columnNames = ["assunto", "autor"]; == seleciona os campos “assunto” e “autor”
// getColumnAt(0).headerText = “Assunto relacionado”; == da o nome ao cabeçalho
// getColumnAt(0).width = 262; == Define um tamanho para as colunas do dataGrid
// dgDados.dataProvider = result; == Adciona o resultado da Busca ao DataGrid
dgDados.removeAllColumns();
dgDados.columnNames = ["assunto", "autor"];
dgDados.getColumnAt(0).headerText = “Assunto relacionado”;
dgDados.getColumnAt(1).headerText = “Autor da Noticia”;
dgDados.getColumnAt(0).width = 262;
dgDados.getColumnAt(1).width = 262;
dgDados.dataProvider = result;
btLista._visible = true;
}
}
}
// Chama a função de RetornaBusca e passa como parametro “palavra”
btBuscar.onPress = function() {
service.RetornaBusca({palavra:_root.txtTermo.text});
};
// Botão Para listar novamente todas as noticias
btLista.onPress = function() {
service.RetornaNoticia();
};
////////////////////////////////////////////////////
/// CSS COMPONETES Data Grid
_root.dgDados.setStyle(“themeColor”, 0xcccccc);
_root.dgDados.setStyle(“selectionColor”, 0xffffff);
_root.dgDados.setStyle(“ollOverColor”, 0xcccccc);
_root.dgDados.setStyle(“textrollOverColor”, 0xffffff);
_root.dgDados.setStyle(“textselectionColor”, 0xffffff);
_root.dgDados.setStyle(“headerColor”, 0×999999);
_root.dgDados.setStyle(“color”, 0xffffff);
_root.dgDados.setStyle(“backgroundColor”, 0×006699);
_root.dgDados.setStyle(“selectionColor”, 0xffffff);
_root.dgDados.setStyle(“ollOverColor”, 0xcccccc);
_root.dgDados.setStyle(“headerColor”, 0×000000);
////////////////////////////////////////////////////
// Ação do Botão que passa os valores
// dos campos de texto dinamicos do
// “detalhe” para os campos de texto dinamicos
// de mcEdit
_root.detalhe.btEditar.onPress = function() {
_root.mcEdit._visible = true;
_root.mcEdit.EditData.text = _root.detalhe.detData.text;
_root.mcEdit.EditAutor.text = _root.detalhe.detAutor.text;
_root.mcEdit.EditAssunto.text = _root.detalhe.detAssunto.text;
_root.mcEdit.EditMensagem.text = _root.detalhe.detMensagem.text;
};
//Ação destinada ao botão de salvar
// as alterações, responsável tb
// por chamar o metodo do CFC
// “EditarNoticia”
_root.mcEdit.btSalvar.onPress = function() {
service.EditarNoticia({id:vId, dia:_root.mcEdit.EditData.text, autor:_root.mcEdit.EditAutor.text, assunto:_root.mcEdit.EditAssunto.text, mensagem:_root.mcEdit.EditMensagem.text});
trace(id);
};
//Função Metodo (Função) responsável
//por fazer o update do Registro.
function EditarNoticia_Result(result) {
detalhe._visible = false;
_root.mcEdit._visible = false;
confirma._visible = true;
confirma.rotulo.text = “Resgistro atualizado com Sucesso !!!”;
service.RetornaNoticia();
}
// vamos adcionar aqui um evento
// para fechar a tela de editar
// caso o usuário não click no botão
// de salvar
_root.mcEdit.fechar.onPress = function() {
_root.mcEdit._visible = false;
};
// Função de intervalo para fechar
// tela de Deletar
function fechaDel() {
clearInterval(chamada);
_root.mcConfirmaDel._visible = false;
}
// Agora vamos trabalhar com o metodo
// para deletar as noticias
// em nosso cfc ele se chama
// “DeletaNoticia”, nesse caso vamos
// montar aqui uma função que recebe
// esse metodo do cfc, ela deve ficar assim
function DeletaNoticia_Result(result) {
// aqui dentro vamos colocar as
// ações que esse metodo deve fazer
// quando receber a resposta do CFC
// dentro vamos chamar o set Interval
chamada = setInterval(fechaDel, 2000);
_root.mcConfirmaDel.btNao._visible = false;
_root.mcConfirmaDel.btSim._visible = false;
_root.mcConfirmaDel._visible = true;
_root.mcConfirmaDel.status.text = ” “;
_root.mcConfirmaDel.txtNomeDel.text = “Noticia Excluida com sucesso”;
detalhe._visible = false;
_root.mcEdit._visible = false;
service.RetornaNoticia();
}
// agora vamos adcionar
// um evento ao botão que chama
// a tela de confirmação
// de exclusão de noticia
_root.detalhe.btDeletar.onPress = function() {
_root.mcConfirmaDel._visible = true;
_root.mcConfirmaDel.status.text = “Deseja Excluir essa Noticia ?”
_root.mcConfirmaDel.btNao._visible = true;
_root.mcConfirmaDel.btSim._visible = true;
_root.mcConfirmaDel.txtNomeDel.text = _root.detalhe.detAssunto.text;
};
// Agora vamos colocar
// a um evento ao botão que
// irá fechar a tela de confirmação
// de exclusão caso o usuário
// clique na opção “Não”
_root.mcConfirmaDel.btNao.onPress = function() {
_root.mcConfirmaDel._visible = false;
};
// agora sim vamos colocar
// a ação que faz a exclusão
// do registro no banco de dados
// vamos chamar então a função
// “DeletaNoticia” e passa um unico
// parametro para elá que será
// o id que está sendo requerido
// la no CFC dentro da função de
// exclusão.
_root.mcConfirmaDel.btSim.onPress = function() {
service.DeletaNoticia({id:vId});
};

Detalhe interessante no método “publish” da classe NetStream, que pode ter três argumentos, sua sintaxe é a seguinte:

Considerações Finais

Ponto agora nosso sistema já está finalizado, execute com CTRL +ENTER, e se você seguiu todos os passos de todos os tutoriais o seus sistema também estará funcionando perfeitamente.

Clique aqui e veja um exemplo funcionando

Aviso importante

Desde semana passada o meu blog oficial mudou click aqui para conhecer meu novo blog.

Autor: Lucas Marçal- Colunista R.I.A do Portal MXSTUDIO

Sistema de Notícia Flash e Coldfusion parte 2

Lucas_marcal — Tue, 24 Jan 2006 00:00:00 +0000

R.I.A. – Sistema de Notícia com Flash e Coldfusion – Parte 2

Salve Macromedianos de plantão rsrsr, seguinte hoje vamos dar sequencia na nossa coluna para montar um sistema de noticias usando flash + coldfusion, para isso é necessário que você tenha feito a parte 1 desse tutorial que você pode acessar no link abaixo. Ao final dessa coluna você será capaz de customizar um componente de DataGrid e criar um sistema de busca simples para o nosso sistema de notícias.

Os pré-requisitos desse tutorial:
ColdFusion MX 7
Flash Remoting 2.0
Flash 8
Dreamweaver 8
Ler parte 1 desse tutorial (Baixe os arquivos para facilitar sua vida.)

Modificando Componente ColdFusion ( CFC )

Vamos alterar algumas configurações de nosso componente, na verdade o que vamos fazer é adcionar mais uma função dentro desse componente, a função se chama “RetornaBusca”, você deve adcionar essa função dentro das tags , então vamos lá certifque-se de que você está dentro das tags e escreva a seguinte instrução

SELECT *
FROM noticia
WHERE assunto LIKE

Ao final seu componente deverá ficar assim:

SELECT *
FROM noticia
ORDER BY id_noticia DESC

INSERT
INTO noticia
(
data,
autor,
assunto,
mensagem
)
VALUES
(
‘#Arguments.dia#’,
‘#Arguments.autor#’,
‘#Arguments.assunto#’,
‘#Arguments.mensagem#’
)

SELECT *
FROM noticia
WHERE assunto LIKE

Editando Arquivo em Flash

Agora vamos fazer algumas alterações no nosso arquivo de Flash,vamos adcionar um campo de texto e intancialo como “txtTermo”,depois vamos colocar mais dois botões que serão respectivamente “btBuscar” e “btLista”, vá na camada action de seu arquivo e altere o codigo para que ele fique como abaixo:

// Iniciando a conexão com o Flash Remoting
import mx.debug.*;
import mx.remoting.*;
// Condição
if (init == null) {
init = true;
// Setando o local do Remoting
// esse é online
NetServices.setDefaultGatewayUrl(“http://localhost/flashservices/gateway”);
// Criando a variável de conexão
conn = NetServices.createGatewayConnection();
// Criando a variável de serviço, e setando o componente
service = conn.getService(“Desafios.OOP.mxstudio”, this);
}
////////////////////////////////////////////////////
//Propriedades de componentes e MovieClips
confirma._visible = false;
detalhe._visible = false;
mcEdit._visible = false;
mcEdit.fundo.useHandCursor = false;
btLista._visible = false
////////////////////////////////////////////////////
// Eventos do Data Grid.
var objDg:Object = new Object();
objDg.change = function(eventObject) {
/*
selectedItem = Retorna o resultado do item selecionado no DataGrid
*/
detalhe._visible = true;
id = dgDados.selectedItem.id_noticia;
detalhe.detData.text = dgDados.selectedItem.data;
detalhe.detAutor.text = dgDados.selectedItem.autor;
detalhe.detAssunto.text = dgDados.selectedItem.assunto;
detalhe.detMensagem.text = dgDados.selectedItem.mensagem;
};
dgDados.addEventListener(“change”, objDg);
////////////////////////////////////////////////////
// Criando Funções
////////////////////////////////////////////////////
// Função para retorno das noticias
function RetornaNoticia_Result(result) {
// Data Provider é responsável por inserir o resultado de “result” dentro do DataGrid
dgDados.dataProvider = result;
dgDados.removeAllColumns();
dgDados.columnNames = ["data", "autor", "assunto"];
dgDados.getColumnAt(0).headerText = “Data de Publicação”;
dgDados.getColumnAt(1).headerText = “Autor Notícia”;
dgDados.getColumnAt(2).headerText = “Assunto Notícia”;
dgDados.getColumnAt(0).width = 150;
// tamanho em Pixels do cabeçalho e colunas
dgDados.getColumnAt(1).width = 150;
// tamanho em Pixels do cabeçalho e colunas
dgDados.getColumnAt(2).width = 150;
}
// Chamando a Função de Retorno de Noticias
service.RetornaNoticia();
////////////////////////////////////////////////////
// Função para inserir noticias
function InserirNoticia_Result(result) {
if (result) {
txtData.text = “”;
txtAutor.text = “”;
txtAssunto.text = “”;
txtMensagem.text = “”;
confirma._visible = true;
confirma.rotulo.text = “Os dados Foram gravados com sucesso !”;
}
}
////////////////////////////////////////////////////
btGravar.onPress = function() {
// Chamando Função de Inserir Noticias e passando os argumentos necessarios
// para o coldfusion.
// e faz uma verificação para certificar que todos os campos foram preenchidos corretamente.
if (txtData.text == “” || txtAutor.text == “” || txtAssunto.text == “” || txtMensagem.text == “”) {
confirma._visible = true;
confirma.rotulo.text = “Preencha todos os campos !”;
} else {
service.InserirNoticia({dia:txtData.text, autor:txtAutor.text, assunto:txtAssunto.text, mensagem:txtMensagem.text});
service.RetornaNoticia();
}
};
////////////////////////////////////////////////////
// Função de Busca
function RetornaBusca_Result(result) {
// Verifica se foi digitado alguma coisa no campo de Busca, e não tiver nada
// digitado ele retorna uma mensagem de alerta para que seja inserido
// um parametro de busca.
if (_root.txtTermo.text == “”) {
confirma._visible = true;
confirma.rotulo.text = “Digite um termo de Busca !”;
// se tiver parametro de busca mais o result for == a frase que você
// criou no CFC “Não encontrou nada” então ele retorna a seguinte mensagem
// dentro do MovieClip confirma “Nada foi encontrado com esse parametro”
} else {
if (result == “Não encontrou nada”) {
confirma._visible = true;
confirma.rotulo.text = “Nada foi encontrado nehum resultado com esse parametro”;
} else {
// Caso seja encontrado o resultado do termo digitado, ele
// remove os resultados da lista antiga, e coloca os novos
// resultados.
// removeAllColumns(); == Remover resultados lista antiga
// columnNames = ["assunto", "autor"]; == seleciona os campos “assunto” e “autor”
// getColumnAt(0).headerText = “Assunto relacionado”; == da o nome ao cabeçalho
// getColumnAt(0).width = 262; == Define um tamanho para as colunas do dataGrid
// dgDados.dataProvider = result; == Adciona o resultado da Busca ao DataGrid
dgDados.removeAllColumns();
dgDados.columnNames = ["assunto", "autor"];
dgDados.getColumnAt(0).headerText = “Assunto relacionado”;
dgDados.getColumnAt(1).headerText = “Autor da Noticia”;
dgDados.getColumnAt(0).width = 262;
dgDados.getColumnAt(1).width = 262;
dgDados.dataProvider = result;
btLista._visible = true
}
}
}
// Chama a função de RetornaBusca e passa como parametro “palavra”
btBuscar.onPress = function() {
service.RetornaBusca({palavra:_root.txtTermo.text});
};
// Botão Para listar novamente todas as noticias
btLista.onPress = function () {
service.RetornaNoticia()
}

////////////////////////////////////////////////////
/// CSS COMPONETES Data Grid
_root.dgDados.setStyle(“themeColor”, 0xcccccc);
_root.dgDados.setStyle(“selectionColor”, 0xffffff);
_root.dgDados.setStyle(“ollOverColor”, 0xcccccc);
_root.dgDados.setStyle(“textrollOverColor”, 0xffffff);
_root.dgDados.setStyle(“textselectionColor”, 0xffffff);
_root.dgDados.setStyle(“headerColor”, 0×999999);
_root.dgDados.setStyle(“color”, 0xffffff);
_root.dgDados.setStyle(“backgroundColor”, 0×006699);
_root.dgDados.setStyle(“selectionColor”, 0xffffff);
_root.dgDados.setStyle(“headerColor”, 0×000000);
////////////////////////////////////////////////////

Agora é só executar sua aplicação e ele estará funcionando normalmente, espero que vocês tenham gostado desse tutorial, na próxima parte vamos criar as funções para editar e deletar as noticias.

Testar o arquivo Online

Para mais informações visite o Forum de RIA, ou o meu Blog

Banner expansível

Lucas_marcal — Thu, 19 Jan 2006 00:00:00 +0000

FLASH – Banner expansível

Depois de ver que a minha matéria Criando um banner expansivel foi muito bem acessada resolvia atender a pedidos do pessoal e mostrar como foi criado o banner no Flash, é muito simples mais já que o pessoal está pendindo vamos lá.

Os pré-requisitos desse tutorial:

Flash 8
Arquivos do Tutorial

Montando a estrutura do Banner

Primeiro vamos definir o tamanho de nosso MovieClip e o Frame Rate dele.

As camadas devem ficar assim:

Na camada “tela” vamos criar um MovieClip de 467.9 width por 230.7 height e vamos instancia-lo como “tela”, vamos colocar ele na posição _X = 0.0 e _Y = -231.4, dê um duplo clique nesse MovieClip “tela” e com o shpe selecionado navamente tranforme em MovieClip, vamos a animação, a suas camadas devem ficar dessa forma:

No primeiro frame da camada “Base Azul”, você tem o MovieClip na posição atual de _X = 0.0 e _Y = -231.4, no frame “20″ você deve colocar a posição desse MovieClip em _X = 0.0 _Y = 299.6, clique no primeiro frame da camada “Base Azul” novamente, na paleta “Propriets” clique em EDIT e configure como nas figuras abaixo:

depois disso ainda na camada “Base Azul” clique no frame 35 e precione “F6″.
Agora na camada “Texto” adcione um texto no frame 20, na posição de _X 44.0 e _Y = 137.9
e depois clique no frame 35 e coloque na posição _X = 44.0 e _Y = 387.9, agora crie a animação, feito isso clique novamente no frame 20 da camada “Texto” e configure da seguinte forma:

Agora na camada Action você coloca a ação de stop().

vamos voltar a tela principal do nosso banner e vamos criar um botão para ativa esse MovieClip,
o meu ficou assim:

Vamos converte-lo em MovieClip e dar o nome de Intancia de “Ativa”, pronto a nossa estrutura de banner já está pronta agora vamos adicionar o codigo na camada Actions.

// parando a animação no primeiro Frame
stop();
// declarando o MovieClip ativa
var ativa:MovieClip;

// Quando passar o Mouse sobre
ativa.onRollOver = function() {
// Criar uma instancia de OnEnterFrame sobre o MovieClip tela
_root.tela.onEnterFrame = function() {
// Avançar um Frame
_root.tela.nextFrame();
// se o frame atual for igual ao Frame total
if (this._currentframe == this._totalframes) {
// deletar a instancia de onEnterFrame
delete this.onEnterFrame;
}
};
};
// Quando retirar o Mouse
ativa.onRollOut = function() {
// Criar uma instancia de OnEnterFrame sobre o MovieClip tela
_root.tela.onEnterFrame = function() {
// Retrocede um Frame
_root.tela.prevFrame();
// se o frame atual for igual a 1
if (this._currentframe == 1) {
// deleta a instancia de onEnterFrame
delete this.onEnterFrame;
}
};
};

Pronto pessoal fiz esse bem rapidinho só para ajudar quem não estava conseguindo fazer o exemplo do banner.
Visitem meu blog

Sistema de Notícia Flash e ColdFusion – Parte 1

Lucas_marcal — Tue, 17 Jan 2006 00:00:00 +0000

R.I.A. – Sistema de Notícia com Flash e Coldfusion – Parte 1

Salve pessoal, muitas novidades esse ano na área de Rich Internet Application, uma delas é que apartir de hoje estamos com um novo colunista, o nome dele é Leonardo França e ele irá trazer até vocês conteúdo sobre AMF PHP, FLEX, AS3, Flash Media Sever.
Bom vamos ao que interessa.

Os pré-requisitos desse tutorial:
ColdFusion MX 7
Flash Remoting 2.0
Flash 8
Dreamweaver 8
Arquivos do Tutorial

Criando Componente ColdFusion ( CFC )

Agora iremos criar a estrutura do componente ColdFusion, para isso vamos abrir o Dreamweaver e criar um novo componente vamos salvar esse componente dentro da pasta OOP na raiz de nosso projeto, e vamos chamalo de mxstudio.cfc.
Com a base de dados já pronta, e devidamente registrada no Administrador do ColdFusion vamos ao próximo passo de nosso tutorial.
Agora escreva o código abaixo, que basicamente é uma função para retornar os dados da tabela noticia e uma função para inserir dados nessa mesma tabela recebendo alguns parametros passados pelo Flash.

SELECT *
FROM noticia
ORDER BY id_noticia

INSERT
INTO noticia
(
data,
autor,
assunto,
mensagem
)
VALUES
(
‘#Arguments.dia#’,
‘#Arguments.autor#’,
‘#Arguments.assunto#’,
‘#Arguments.mensagem#’
)

Criando Arquivo em Flash

Feito isso abra o arquivo Noticia.Fla e veja a estrutura como ele foi montado, então na tela de _root e na camada Actions digite o seguinte código:

// Iniciando a conexão com o Flash Remoting
import mx.remoting.*;
// Condição
if (init == null) {
init = true;
// Setando o local do Remoting
NetServices.setDefaultGatewayUrl(“http://localhost/flashservices/gateway”);
// Criando a variável de conexão
conn = NetServices.createGatewayConnection();
// Criando a variável de serviço, e setando o componente sem colocar sua extenção e setando a pasta raiz ou seja no caso do exemplo abaixo
// a pasta raiz está dentro de wwwroot/Inetpub/Desafio
service = conn.getService(“Desafios.OOP.mxstudio”, this);
}
//////////////////////////////////////////////////////////////////////////////////
//Propriedades de componentes e MovieClips
confirma._visible = false;
detalhe._visible = false
//////////////////////////////////////////////////////////////////////////////////
// Eventos do Data Grid.
var objDg:Object = new Object();
objDg.change = function(eventObject) {
/*
selectedItem = Retorna o resultado do item selecionado no DataGrid
*/
detalhe._visible = true
id = dgDados.selectedItem.id_noticia;
detalhe.detData.text = dgDados.selectedItem.data
detalhe.detAutor.text = dgDados.selectedItem.autor
detalhe.detAssunto.text = dgDados.selectedItem.assunto
detalhe.detMensagem.text = dgDados.selectedItem.mensagem

};
dgDados.addEventListener(“change”, objDg);
//////////////////////////////////////////////////////////////////////////////////
// Criando Funções
//////////////////////////////////////////////////////////////////////////////////
// Função para retorno das noticias
function RetornaNoticia_Result(result) {
// Data Provider é responsável por inserir o resultado de “result” dentro do DataGrid
dgDados.dataProvider = result;
}
// Chamando a Função de Retorno de Noticias
service.RetornaNoticia();
//////////////////////////////////////////////////////////////////////////////////
// Função para inserir noticias
function InserirNoticia_Result(result) {
if (result) {
txtData.text = “”;
txtAutor.text = “”;
txtAssunto.text = “”;
txtMensagem.text = “”;
confirma._visible = true;
confirma.rotulo.text = “Os dados Foram gravados com sucesso !”;
}
}
//////////////////////////////////////////////////////////////////////////////////
btGravar.onPress = function() {
// Chamando Função de Inserir Noticias e passando os argumentos necessarios
// para o coldfusion.
service.InserirNoticia({dia:txtData.text, autor:txtAutor.text, assunto:txtAssunto.text, mensagem:txtMensagem.text});
service.RetornaNoticia();
};

Dentro do MovieClip Detalhe, na camada action digite o seguinte codigo:

var confirma:MovieClip

fechar.onPress = function () {
_root.detalhe._visible = false
}

Agora é só executar sua aplicação e ele estará funcionando normalmente, espero que você tenham gostado desse tutorial, na próxima parte vamos criar as funções para editar e deletar as noticias.

Testar o arquivo Online

Para maiores informações sobre o artigo visite o Forum de R.I.A., o o meu blog pessoal
.

A verdade sobre o desenvolvimento em Flash

Lucas_marcal — Fri, 23 Dec 2005 00:00:00 +0000

R.I.A. – A verdade sobre o Flash no ano de 2005

Veja o que dizem profissionais conceituados sobre a evolução do flash no ano de 2005

Lucas Marçal é desenvolvedor Rich Internet Application na agência Atual/CD , colunista do site MXSTUDIO e atualmente está se dedicando e incentivar o desenvolvimento baseado em Flash no Brasil e a finalização de seu livro “Desenvolvendo Rich Internet Application“, lucas matém um blog onde coloca material sobre tecnologia macromedia Flash e ColdFusion e também coisas subre sua vida.

È incontestável a superioridade do flash no ano de 2005, o flash já era na minha opinião o mais promissor software (Plataforma) para a web, porém a evolução conseguida no ano de 2005 com o lançamento do Flash 8 superou todas as minhas expectativas.
Não estou aqui para defender essa ou aquela tecnologia web, mais estou aqui para falar sobre o que conheço do flash. Então para isso vamos imaginar a seguinte situação:

Você acaba de ser contratado por uma grande empresa da área de comunicação, e nesse projeto você terá que desenvolver um conteúdo muito rico em experiência para o usuário que deverá conter:

Sistema disponível para Web, Intranet e celular.
Sistema de vídeo streaming
Paginas com maior interação com o usuário, não sendo permitido Refresh
Utilização de banco de dados para administrar o sistema
Conteúdo em XML

Acredito que existem vários leitores agora pensando que tudo isso poderia ser conseguido sem problema com outras tecnologias, mais a pergunta é: Qual o tempo de aprendizagem e qual o tamanho da equipe (Verba) que seria necessário para viabilizar um projeto desse ? Pense nisso e vamos a soluções:

Sistema disponível para Web, Intranet e celular. (Flash, Flex, Flash Litle, que alias estão todas encapsuladas dentro de tecnologias macromedia), ou seja é muito fácil achar conteúdo na web e em livros para essas tecnologias e você continua desenvolvendo dentro de uma só plataforma

Sistema de vídeo streaming Flash media Server (ou simplesmente FlashCom) , onde você tem inúmeras ferramentas pré moldadas para o desenvolvimento possibilitando também a criação de Chats com sistema de vídeo e áudio.

Paginas com maior interação com o usuário, não sendo permitido Refresh: Aplicação de bom censo e técnicas simples de animação com o flash, você desenvolve aplicativos ricos em navegação e experiência.

Utilização de banco de dados para administrar o sistema: Desenvolvimento em CodFusion, linguagem muito fácil de dominar e que vem crescendo muito depois da versão 7, onde ainda é possível criar Web services e formulários em flash e que permite ao flash receber informações de uma forma muito mais segura e fácil do que as antigas aplicações baseadas em Flash + PHP + ASP , podendo ainda gerar arquivos de XML para que o conteúdo do site seja disponibilizado em XML.

Na verdade esses são alguns exemplos do que o flash pode fazer além de propagandas on-line na forma de banners vinheta para TV e acreditem até um sistema de gerenciamento de um carro

Logo abaixo você verá a descrição e a opinião de alguns dos maiores profissionais da web brasileira, profissionais como Neto Leal, Lucas Ferreira e Anderson Mancini.

Lucas Ferreira é webdeveloper, atuante na área de web desde 2001. Com experiência em diversas linguagens, dentre as principais PHP, JS, AS, XHTML, HTML e CSS, é amante do Flash e tem contato com a ferramenta desde sua versão 4. Atualmente é sócio-diretor e desenvolvedor chefe da Burn web.studio.
www.lucasferreira.com
www.burnweb.com.br

Flash plataform, um mundo rico em desenvolvimento. O Flash desde sua versão MX, está em uma constante evolução para um poderosa ferramenta de interação e criação WEB. Várias modalidades e caminhos foram abertos para os desenvolvedores, possibilidades como: interações server-side (XML, LoadVars, Remoting), receptação de dados a partir de webservices, manipulação de vídeo como FLV(vídeo de alta qualidade e compactação) ou stream, tanto de áudio como de vídeo através do novo Flash Media Server (Antigo FlashComm), e é claro como já conhecido pela maioria, animação e grande poder de criação. Com a ferramenta é possível desenvolver um mundo infinito de idéias, desde sites, hotsites, intranet, extranets, aplicativos ricos (RIA), games on-line, à banners e outras formas de propaganda. Uma ferramenta em grande expansão de uso no Brasil e no mundo. Logo muitos desenvolvedores, empresas, agências WEB, usuários e etc., já perceberão seu poder e suas vantagens em seu uso, tanto que existem várias comunidades (FUGPE, FUGPR, FUGSP, MUG-RJ, dentre outras) especializadas em compartilhar conhecimento e soluções a fim de aprimorar o uso do Flash. Recentemente mais uma opção quanto a plataforma foi criada, o Macromedia Flex (http://www.macromedia.com/software/flex/), em sua versão atual 1.5 caminhando para a 2, uma maneira rápida e direta para desenvolvedores aplicarem flash e RIA, expandindo assim, mais ainda o mundo MM, ideal para o uso em intranets e extranets com um grande poder de interação. Também vimos grandes mudanças na nova versão do programa principal, o Flash 8, mudanças estas principalmente na área de design, manipulação de design via AS (ActionScript), e integração, a maioria pedidos atendidos dos desenvolvedores, filtros (Shadow, Blur, Glow e etc.), blending modes (Screen, Multiply e etc.), renderers APIs (Draw, Rectangle, Bitmap e etc.), maiores possibilidades de interação e independência quanto aos browsers (FileReference, External API e etc.). Por fim podemos esperar, passos maiores ainda para nova versão, um novo plugin está sendo desenvolvido, e caminhamos para um poderoso flash, mais autônomo e completo.

Anderson Mancini é diretor de criação da agência Neotix (http://www.neotix.com.br), uma das maiores referências de desenvolvimento de Rich Internet Application no Brasil e criadora do sistema de atualização de conteúdo NeoPublishing 2.

O NeoPublishing 2.0 é um sistema administrativo de sites que permite um nível de personalização jamais vista em administradores de conteúdo. É a primeira ferramenta para administração de sites totalmente baseada em Flash no Brasil e foi projetado a partir da aliança entre usabilidade e intuição. Ele foi desenvolvido para tornar a tarefa de atualizar um site, tão simples quanto navegar no site. Entre as principais vantagens oferecidas estão a administração customizada, na qual o próprio cliente delimita as áreas que poderão ser alteradas na página. Após definidas as áreas, é feito um estudo de usabilidade e do processo de cada página, visando otimizar a atualização.

Na versão anterior, o NeoPublishing 1.0, uma tarefa de múltiplos passos não podia ser representada em uma única página. Devido às limitações na interatividade da linguagem HTML, resultava em uma página de 1000 px extensa demais para os usuários trabalharem. A solução encontrada para esse tipo de problema foi dividir as tarefas em passos e mapear esses passos para as novas páginas, mas isso faz com que os usuários tenham que mudar de página para fazer algo, como completar os passos de um processo.

Na Versão 2.0, utilizamos RIA, e foi possível colocar as várias páginas destes processos em uma única página. O usuário do sistema NeoPublishing 2.0 altera os textos, imagens, e links de cada área do site, tudo de uma vez. O sistema é capaz de fazer mais do que simplesmente atualizar o site. Ele executa scripts, envia e recupera dados de maneira simples e intuitiva sem refresh, redesenha partes da tela e permite a utilização de áudio e vídeo. Com isso temos um ganho de desempenho e de tempo versus o ASP+HTML+JavaScript. Outra grande vantagem é a portabilidade, pois o NeoPublishing 2.0 pode ser disponibilizado em qualquer plataforma que utilize a tecnologia Flash, como um celular por exemplo.

Neto Leal é Macromedia Partner Master Instructor pela iMedia e Macromedia
Certified Flash MX 2004 Developer, atua na área de desenvolvimento web
desde 2000. Especializado em tecnologias Macromedia, é fundador do
Flash User Group Pernambuco e também Macromedia Speaker. Atualmente envolvido com treinamentos oficiais viaja pelo país ministrando cursos, consultorias e palestras. Neto mantém um Blog pessoal onde sempre contribui com comentários atuais sobre o mundo Macromedia e assuntos relacionados a área . Sempre
trabalhando e procurando desenvolver idéias novas sobre a utilização
do Flash, seu site pessoal tornou-se referência e inspiração para
utilização dos recursos do Flash. Neto adora uma boa música, segundo
ele “Toda música tem seu momento, não adianta escutar Yanni em pleno churrasco de domingo”. Quando não está estudando ou trabalhando, gosta
de um cinema e ficar em casa com a família.

Atualmente o mercado web Brasileiro está acordando para o Flash. Até
pouco tempo atrás as empresas tinham receio em usar o Flash para se
desenvolver aplicações realmente funcionais pelo simples argumento de
que usar Flash para isso é caro. Essa idéia vem mudando com o
amadurecimento não só da ferramenta mas principalmente dos
profissionais que a utilizam.

A idéia de que desenvolver aplicações em Flash é caro, vem do ponto de
vista de que para se desenvolver esse tipo de aplicação, é preciso um
grande gasto com mão de obra e a relação funcionário/tempo é grande
quando não se utilizam boas práticas. E como o mercado andava cheio de
profissionais não capacitados isso acabava se tornando uma verdade.

Hoje, com o acesso mais fácil a informações proporcionado pelos cursos
oficiais, fórums, sites especializados e comunidades autorizadas (em
Pernambuco, por exemplo, existe o FUGPE – www.fugpe.com.br), os
profissionais podem se capacitar cada vez mais. Assim eles podem
oferecer às empresas que desenvolvem soluções em Flash, alternativas
que tornam o desenvolvimento mais produtivo. Afinal, quem disse que
não podem ser desenvolvidas em Flash aplicações escaláveis e
manuteníveis? Isso hoje não é mais verdade.

O uso de boas práticas de desenvolvimento abriu os olhos das empresas
de web de forma que possam investir mais em treinamento e assim poder
oferecer aos seus clientes soluções mais ricas. É o caso do site das
havaianas (www.havaianas.com.br) e do Fiat Idea (www.fiatidea.com.br).
Este último com excelente sistema rico que permite ao usuário do site
criar animações personalizadas e salvá-las de forma que todos os
outros visitantes possam vê-la.

É bem verdade que muitos classificam o Flash como ferramenta de
design, mas isso não deixa de ser verdadeiro. Afinal, ActionScript
(linguagem de programação do Flash) é uma das pouquíssimas linguagens
que possibilitam ao programador um resultado visual rico e muito
agradável. Ou seja, programar em ActionScript pode tornar os sonhos
dos designers, realidade.

Com o lançamento da versão mais nova, o Flash 8, a visão de design
ainda aumentou na ferramenta. E como se não bastasse o ActionScript
também foi incrementado com recursos de design. Tais como, filtros,
blend modes, classes geométricas etc. Outras classes essenciais para
tornar a navegação cada vez mais ricas também foram adicionadas a
exemplo da classe FileReference que permite upload de arquivos
diretamente pelo FlashPlayer. Algo que era impossível até então.

Outro fator que contribui ainda mais com a melhoria da interface, é o
Bitmap caching. Com esse recurso, o Designer/Programador está livre
para criar animações sem comprometer a performance do filme. Isso
ocorre por que usando esse recurso, os MovieClips que não sofrerem
alterações de forma durante a execução da animação, não serão
renderizados a cada frame. Sendo usada somente uma imagem Bitmap em
seu lugar SEM incrementar o tamanho do arquivo SWF. De fato, esse
recurso foi um dos que mais me chamaram a atenção.

Com tudo isso, o que se pode concluir, é que se alguém ainda
classifica o Flash como uma ferramenta de animação e fazer bolinha
pular, precisa dar uma olhada mais de perto nele e mudar a forma de
ver as coisas

Criando um banner expansivel

Lucas_marcal — Wed, 07 Dec 2005 00:00:00 +0000

Coluna Dreamweaver – Criando um banner expansivel

Olá pessoal, hoje vamos criar um banner expansivel, para que a matéria não ficasse muito grande eu resolvi disponibilizar o banner em Flash, que você pode baixar clicando aqui

Primeiramente vamos criar uma pagina e chama-la de Index.html

Nessa pagina vamos criar um estilo só para difirenciar do nosso banner, então configure o Page Propriets como na figura abaixo

Feito isso vamos na paleta “Layout” do nosso Dreamweaver e vamos escolher a ferramenta “Layer” , e vamos configurar uma layer de 468 x 300 Pixel.
Adicione dentro dessa layer o arquivo “Banner.swf”, que eu disponibilizei para download.
Agora vamos colocar os padrões para que nosso flash fique com o fundo tranparente, clique sobre o arquivo swf dentro do Dreamweaver e vá até o codigo que o Dreamweaver colocou no corpo do HTML.

Então seu codigo deve ficar dessa forma

No final seu banner vai ficar dessa forma:

Agora é só executrar sua pagina e você verá que o banner já esta funcionando.
bom pessoal essa coluna foi só pra poder tirar a “Ferrugem” e voltar a escrever para o Mxstudio, visitem meu blog e fiquem sabendo mais sobre o meu livro.