Olá pessoal !
Venho com uma grande novidade para
vocês, o primeiro artigo sobre o Macromedia
Flash Communication Server MX.
Hoje irei mostrar como montar o seu próprio
Chat com os componentes do FCS. Por tanto, não
terá muito o que explicar, pois como disse,
usaremos os componentes que já são
pré definidos pela Macromedia.
•
Introdução
Antes de mais nada, gostaria de falar
um pouco sobre esse servidor que é o Flash
Communication Server MX que tem como objetivo integrar
comunicações e aplicativos.Com ele
podemos estar adicionando streaming, áudio
multidirecional, vídeo e dados ao vivo aos
seus websites e aplicativos rich na Internet.
Criado para streaming mídia,
sistemas de mensagens em mídia sofisticada
e colaboração em tempo real, o Macromedia
Flash Communication Server MX proporciona um ambiente
fácil, poderoso e aberto para o desenvolvimento
de funções inovadoras de comunicação
– e sua disponibilização para a mais
ampla audiência possível.
•
Download
Antes de você começar
a fazer o nosso exemplo é necessário
que tenha o servidor instalado na sua máquina
e também os componentes. Clique nos links
abaixo para fazer o download.
•
Instalação
Não precisamos esquentar a
cabeça, pois a instalação é
muito simples e não precisa ser nenhum “expert”
em Flash ou em qualquer outro tipo de programação
para realizar estas etapas.
Depois de instalado o FCS (Macromedia
Flash Communication Server MX), faça a extração
dos componentes do arquivo .zip da seguinte forma:
Extraia todos os arquivos para o seguinte endereço:
C:Arquivos de ProgramaMacromediaFlash
MXFirst RunComponents
Feito isso, abra o seu Flash MX e
abra a janela Components. “Window > Components”
ou F11.
Pronto, agora podemos iniciar nosso
artigo.
•
Criando um CHAT
1- Primeiramente
iremos iniciar definindo coisas simples em nosso
filme, como por exemplo: tamanho da nossa Stage
e as camadas da nossa Timeline.
A nossa Stage (Palco) irá
ter como dimensões 550 X 400 e as nossas
camadas seguirão a seguinte ordem:
• Acões
• Componentes
• Fundo
• Layout
O nosso “Fundo” (Bakground)
fica a gosto de cada um, mas para termos uma noção,
clique
aqui e veja o exemplo que fiz.
2- Como
disse acima, esse exemplo é simples devido
aos componentes que utilizaremos serem pré-definidos
pela Macromedia só precisando definir alguns
detalhes.
Partiremos agora para a camada “Componentes”,
onde a única coisa que faremos é arrastar
os componentes da janela Componentes, veja a figura
abaixo:
Clique sobre os objetos marcados
acima e arraste para o palco formando o seu layout
desejado. Agora iremos instaciá-los, observe
as figuras abaixo:
» Componente:
Chat
»
Componente: ConnectionLight
»
Componente: PeopleList
»
Componente:
SetBandwidth
»
Componente: SimpleConnect
Obs. Não estancie o componente,
pois logo abaixo estaremos voltando para trabalhar
com ele.
»
Componente: User Color
3- Voltando
ao componente SimpleConnect.
Ele será o nosso objeto chave onde iremos
vincular todos os outros componentes da seguinte
forma: colocaremos todas as instâncias dos
outros componentes na linha “Flash Com Components”,
como mostra a figura:
Criaremos uma aplicação
com o mesmo nome do arquivo, ou seja, chat_flash.
Então ficará assim:
rtmp:/chat_flash
4- Salve
o arquivo e publique em swf e html. Crie uma pasta
com o mesmo nome do arquivo no seguinte endereço:
C:inetpubwwwrootflashcomapplicationschat_flash
É necessário também
que se coloque os mesmos arquivos (sem o .fla) na
seguinte pasta:
c:Arquivos de ProgramaMacromediaFlash
Communication Server MXflashcomapplicationschat_flash
Isso é necessário,
pois esse é o local onde serão gravados
os arquivos bem como todos os textos inseridos em
nosso Chat. Automaticamente será criado nessa
pasta o arquivo chamado FCChat.chat.history.fso.
5- Nosso
próximo passo agora é criar um arquivo
onde sua função será abrir
todos os conponentes. Isso será muito simples,
abra o Bloco de Notas e insira o seguinte código:
load(
“components.asc” );
Salve este arquivo como “main.asc”
e coloque no seguinte endereço:
C:Arquivos de ProgramaMacromediaFlash
Communication Server MXflashcomapplicationschat_flash
6- O
nosso último passo é a camada “Ações”.
Crie uma Dynamic Text e instacie-a como participantes.
É nesta variável que
aparecerá a quantidade de participantes e
a quantidade de visitantes que o Chat possui. No
1º frame da camada coloque os seguintes códigos:
stop();
//
lista.watch(‘users’, function (id, oldval, newval)
{ users = newval;lurkers = this.lurkers;updateParticipants();});
//
function updateParticipants() {
if (users>0 || lurkers>0) {
var viewers = “(“;
if (users>1) {
viewers += users+”
Participantes”;
} else if (users == 1) {
viewers += “1
Participante”;
}
if (users>0 && lurkers>0)
{
viewers += “, “;
}
if (lurkers>1) {
viewers += lurkers+”
Visitantes”;
} else if (lurkers == 1) {
viewers += “1
Visitante”;
}
viewers += “)”;
}
participantes.text = viewers;
}
Clique
aqui e veja como ficou nosso layout final.
Enfim, nosso Chat já está
pronto para ser testado!
Espero que tenham gostado do nosso primeiro artigo
sobre o Flash Communication Server MX
Clique
aqui para fazer o download dos arquivos deste
artigo.
Até a próxima!