SWFAddress é uma pequena mas poderosa biblioteca que provê deep linking para Flash e Ajax. É uma ferramenta de desenvolvimento, permitindo a criação de URLs unicas e virtuais que podem apontar para uma seção do site ou aplicação. SWFAddress habilita algumas de importantes capacidades que faltam hoje em dia nas tecnologias [...]]]>

SWFAddress é uma pequena mas poderosa biblioteca que provê deep linking para Flash e Ajax. É uma ferramenta de desenvolvimento, permitindo a criação de URLs unicas e virtuais que podem apontar para uma seção do site ou aplicação. SWFAddress habilita algumas de importantes capacidades que faltam hoje em dia nas tecnologias RIA, incluindo:

• Adicionar ao Favoritos de um navegador ou site social
• Enviar links via email ou mensageiros instantâneos
• Procurar por um conteúdo específico através dos sites de buscas
• Utilizar o histórico do navegador e o botão de recarregar

O Flash está para o SEO assim como o Coringa está para o Batman. Mas nem tudo está perdido quando se trata de otimizar a indexação do site em SWF nos mecanismos de busca. Com SWFAddress você pode interagir com a página via javascript alterando a URL e o próprio conteúdo do filme, possibilidade do o uso dos botões voltar e avançar do browser, adicionar ao Favoritos e alterar a animação do seu filme de acordo com a URL que está sendo requisitada.

Caso sua página seja acessada através da URL http://siteemflash.com/#contato, você poderá pular na timeline indo direto para o frame do contato. Para evitar o reload da página toda interação é feita através de âncoras html (#). E as alterações da URL utilizando âncoras são desprezadas pelos buscadores, uma vez que a âncora só serve para movimentar o foco na mesma página, logo o seu conteúdo permanece inalterado.

É aí que entra o módulo ReWrite do Apache, com o mod_rewrite podemos escrever condições para tratar as requisições, redirecionando-as ou não. Então voltando ao exemplo anterior, teríamos uma condição que quando for requisitada a página http://siteemflash.com/contato (ou qualquer outra URL) redireciona para a página inicial (index) adicionando a âncora para contato (#contato) e imprime na página o conteúdo referente à mesma. Esse conteúdo impresso não será visível, apenas para indexação. O sitemap ou a estrutura básica do site, também deve estar contido no bloco de código html invisível, juntamente com todas outras informações relevantes.

Resumindo, você acaba tendo um trabalho dobrado ao desenvolver o site, mas evita transtornos de indexação. É muito útil para quem não abre mão do site feito com o uso da ferramenta da Adobe.

No próprio site da Asual tem um exemplo de uso do SWFAddress para SEO (o exemplo pode ser baixado pelo site). Abaixo segue alguns sites que fizeram uso da biblioteca, no qual o primeiro eu participei do desenvolvimento:

• Óticas Paris
• Salinas Rio -inverno2010
• Umbro
• Mis Architecture
• Kraftfoods – Food and Family
• BBH

Lá você poderá tirar sua dúvida sobre algum comando ActionScript por exemplo, ou até mesmo deixar sua contribuíção. Assim como eu em Wikipedia FlashMasters mas estava esperando juntar mais um pouco de conteúdo antes de divulgá-la aqui.

Lá você poderá tirar sua dúvida sobre algum comando ActionScript por exemplo, ou até mesmo deixar sua contribuíção. Assim como eu em Operadores, que também postei aqui no blog.

A intenção por trás da criação do Wiki está em ter o Help (ou um) do Flash traduzido para o português. Como o LiveDocs da Adobe.

Tirando muitas dúvida dos usuários Flash do Brasil. Que sempre reclamam de ter pouco conteúdo a respeito escrito em nosso idioma.

Sem esquecer também do Forum, bem rico em conteúdo. E contanto com os melhores Flash Users do Brasil para sanar sua(s) dúvida(s).

+ (adição)

Adiciona um número, variável numérica, à expressão ou concatena (une) Strings.
Ex.:

+= (atribuição)

Atribui à expressão1 o valor [...]]]> Operadores são caracteres que servem para especificar como combinar, comparar ou modificar os valores de um expressão.
Operadores Mais Utilizados:

+ (adição)

Adiciona um número, variável numérica, à expressão ou concatena (une) Strings.
Ex.:

var n:Number = A + 10;
var s:String = "Foo" + "bar";

+= (atribuição)

Atribui à expressão1 o valor da expressão1 mais o valor da expressão2.
Ex.:

var s:String = "Foo";
s += " bar";
trace(s) // "Foo bar"

var n:Number = 10;
n += 2;
trace(n) // 12

[] (acesso à array)

Inicialize uma nova array (vetor ou matriz) com os elementos especificados, ou acessa os elementos através de um índice (inteiro).
Ex.:

// inicializando um vetor com 3 posições
var frutas:Array = ["banana", "manga", "uva"];

// minhaFruta irá receber "manga"
var minhaFruta:String = frutas[1];

// alterou o valor da posição 0 do vetor de "banana" para "abacaxi"
frutas[0] = "abacaxi";

// inicializando uma matriz 3 por 3
var matriz:Array = [
    [1, 2, 3],
    [4, 5, 6],
    [7, 8, 9]
]; 

// n recebe o valor da posição 2,2 da matriz, n = 5
var n:Number = matriz[2, 2];

= (atribui/recebe)

Atribui o valor da expressão2 (direita) à expressão1 (esquerda).
Ex.:

var str:String = "Foobar";
var n:Number = 15;

– (decremento)

Decrementa em 1 a variável. Caso venha antes da expressão (esquerda) terá maior relevância, a variável será decrementada primeiro, caso venha depois da expressão (direita) só será feita depois.
Ex.:

var n1:Number = 10;
trace(--n1); // 9

var n2:Number = 10;
trace(n2--); // 10

/ (divisão)

Divide a expressão1 pela expressão2.
Ex.:

var a:Number = 12;
var b:Number = 3;
trace(a / b); // saída: 4

== (igualdade)

Testa a igualdade de duas expressões.
Ex.:

var a:Number = 5;
var b:Number = 10;
var c:Number = 5;

trace(a == b); // false
trace(a == c); // true

> (maior que)

Compara duas expressções e determina se a expressão1 é maior que a expressão2, se for retorna true.
Ex.:

var a:Number = 5;
var b:Number = 10;

trace(a > b); // false
trace(b > a); // true

>= (maior ou igual que)

Compara duas expressões e determina se a expressão1 é maior ou igual que a expressão2, se for retorna true.
Ex.:

var a:Number = 5;
var b:Number = 5;
var c:Number = 7;

trace(a >= b); // true
trace(c >= b); // true

++ (incremento)

Incrementa em 1 a variável. Caso venha antes da expressão (esquerda) terá maior relevância, a variável será incrementada primeiro, caso venha depois da expressão (direita) só será feita depois.

Ex.:

var n1:Number = 10;
trace(++n1); // 11

var n2:Number = 10;
trace(n2++); // 10

!= (desigualdade/diferente)

Testa a desigualdade de duas expressões.
Ex.:

var a:Number = 5;
var b:Number = 10;
var c:Number = 5;

trace(a != b); // true
trace(a != c); // false

< (menor que)

Compara duas expressções e determina se a expressão1 é menor que a expressão2, se for retorna true.
Ex.:

var a:Number = 5;
var b:Number = 10;

trace(a < b); // true
trace(b < a); // false

<= (menor igual que)

Compara duas expressões e determina se a expressão1 é menor ou igual que a expressão2, se for retorna true.
Ex.:

var a:Number = 5;
var b:Number = 5;
var c:Number = 7;

trace(a <= b); // true
trace(b <= c); // true

&& (E lógico)

Executa uma operação booleana nos valores de ambas expressões.
Ex.:

var n:Number = 50;
if ((n > 10) && (n < 80)) {
    trace("n está entre 10 e 80");
}

! (NÃO lógico)

Inverte o valor booleano da variável ou expressão (negação).
Ex.:

var b:Boolean = false;
if (!b) {
    trace("Condição passada como true");
}

|| (OU lógico)

Executa uma operação booleana nos valores de ambas expressões.
Ex.:

var n:Number = 100;
if ((n < 10) && (n > 80)) {
    trace("n é menor que 10 ou maior que 80");
}

% (módulo/mod)

Calcula o resto da divisão entre a expressão1 pela expressão2.
Ex.:

var a:Number = 10;
var b:Number = 3;

trace(a%b); // 1

* (multiplicação)

Multiplica a expressão1 pela expressão2.
Ex.:

var a:Number = 4;
var b:Number = 3;

trace(a*b); // 12

- (subtração)

Usado para subtrair ou negar, transformar em negativo, expressões.
Ex.:

var a:Number = 8;
var b:Number = 2;

trace(a-b); // 6
trace(-(a-b)); // -6

-= (atribuição de decremento)

Atribui à expressão1 o valor da expressão1 menos a expressão2.
Ex.:

var a:Number = 5;
a -= 3;

trace(a); // 2

Para saber mais sobre operadores do Actionscript veja no próprio help do Flash, ou no LiveDocs da Adobe

Vamos agora no blog começar a estudar sobre o software Macromedia Flash, que agora pertence à Adobe. No mesmo site pode-se fazer o download da versão Trial do programa.

Para melhor se familiarizar com o Flash vamos dividir [...]]]>

Vamos agora no blog começar a estudar sobre o software Macromedia Flash, que agora pertence à Adobe. No mesmo site pode-se fazer o download da versão Trial do programa.

Para melhor se familiarizar com o Flash vamos dividir esse tópico em algumas partes, sendo esta primeira voltada para a apresentação das ferramentas.

Com o Flash já instalado abra um novo arquivo: file > new… ou CTRL+N. Pode-se também clicar em Create New > Flash Document no splash que aparece ao iniciar o programa. Escolha o que melhor lhe agrade.

Ao abrir o documento novo repare que no lado esquerdo habilita um menu de ferramentas. Que é justamente o menu que iremos estudar agora. Vamos ver os botões nele contido e suas respectivas funcionalidades.

O menu é dividido em 4 (quatro) partes como pode ver na figura ao lado.

A primeira (de cima para baixo), com as ferramentas de criação.

Na segunda ficam as ferramentas de visualização.

Com a terceira aparecem as ferramentas para setar as cores, as paletas.

E na quarta e última, as opções de uso das ferramentas da primeira parte.

Vamos conhecer agora cada uma dessas ferramentas e suas utilidades.

Tools (Ferramentas)

– Selection Tool (Ferramenta de Seleção), com ela você seleciona, manipula, arrasta os objetos no palco. Pode selecionar só uma parte do objecto para quaso queira recortar ou editar. Tecla de atalho (V).
– Subselection Tool (Ferramenta de Subseleção) ao selecionar o objeto inteiro você pode editar os pontos de contorno, esticando ou diminuindo só um canto (ponto) do objeto. Tecla de atalho (A).
– Free Transform Tool (Ferramenta de Transformações Livres) com o objeto selecionado permite que você altere sua forma, tanto tamanho quanto aparência. Serve também para girar o objeto no palco. Tecla de atalho (Q).

– Gradient Transform Tool (Ferramenta de Transformação do Gradiente) com ela você pode ajustar o tamanho, o espaçamento, ou mudar a direção do gradiente aplicado ao objeto. Tecla de Atalho (F).
– Line Tool (Ferramenta de Linha) desenhe linhas no palco. Com o shift apertado fixa a direção da reta em 45 em 45 graus. Tecla de atalho (N).

– Lasso Tool (Ferramenta de Laço) seleciona com movimentos do mouse uma parte da figura. Bom para quando quizer selecionar uma área que não seja quadrada ou retangular. Tecla de atalho (L).

– Pen Tool (Ferramenta Caneta) para criar formas livres. Com os cliques você marca os pontos e arrastando o mouse defini a curva da linha entre esses pontos. Tecla de atalho (P).

- Text Tool (Ferramenta de Texto) para adicionar algum texto ao palco. Tecla de Atalho (T).

– Oval Tool (Ferramenta para Formas Ovais) desenhe formas ovais no palco, para desenhar um círculo segure o shift enquanto arrasta o mouse. Tecla de atalho (O).

– Rectangle Tool (Ferramenta de Retângulo) desenhe formas retangulares no palco, para desenhar um quadrado segure o shift enquanto arrasta o mouse. Tecla de atalho (R).

– Polystar Tool (Ferramenta de Polígono) embora esta ferramenta não esteje inicialmente visível no menu, ao pressionar o mouse por alguns instantes sobre a Rectangle Tool aparecerá um submenu para que você escolha uma das duas ferramentas. Sem tecla de atalho.

– Pencil Tool (Ferramenta Lápis) desenhe a mão livre no palco. Tecla de atalho (Y).

– Brush Tool (Ferramenta Pincel) desenhe a mão livre no palco. Sua diferença entre a Pencil Tool é que o resultado é um preenchimento e não uma linha. Tecla de atalho (B).

– Ink Bottle Tool (Ferramenta Frasco de Tinta) ao clicar em cima de um objeto não agrupado adiona-se uma linha em volta do objeto, borda. Tecla de atalho (S).

– Paint Bucket Tool (Ferramenta Balde de Tinta) adiciona um preenchimento à uma linha. Mesmo que não esteje completamente fechada. Tecla de atalho (K).

– Eyedropper Tool (Ferramenta Conta-gotas) captura o cor em hexadecimal de qualquer parte do palco e do programa. Tecla de atalho (S).

– Eraser Tool (Ferramenta Borracha) como qualquer outra borracha sua funcionalidade é apagar. Tecla de atalho (E).

View (Visualização)

– Hand Tool (Ferramenta Mão) para movimentar o palco mais rápido sem precisar usar as barras de rolagem. Enquanto segura a barra de espaço ela é habilitada. Tecla de atalho (H).

– Zoom Tool (Ferramenta de Zoom) aumente ou diminua o Zoom do palco. Tecla de atalho (Z) ou (M).

Colors (Cores)

– Stroke Color (Cor da Linha) com ele selecionado você escolhe a cor da linha.

– Fill Color (Cor do Preenchimento) altere a cor do preenchimento da imagem.

– Color Options (Opções de Cor) algumas mudanças rápidas que podem ser feitas nos itens acima. Da esquerda pra direita:

Black and White – deixa a linha na cor preta e o preenchimento branco.

No Color – o que estiver selecionado ficará sem cor, transparente.

Swap Color - inverta as cores da linha pro preenchimento e vice-versa.

Todas sem teclas de atalho.

Options (Opções)

– Object Drawing (Desenho do Objeto) serve para agrupar as formas ao serem desenhadas no palco. Tecla de atalho (J).

– Snap to Objects (Pressão aos Objetos) com esta opção marcada adiciona uma atração entre os objetos. Muito utilizado para alinhar, ou mesmo unir objetos. Sem tecla de atalho.
As demais opções variam conforme qual ferramenta foi selecionada. Servindo para configurar o uso de cada uma. Como por exemplo formato do pincel, suavizar linha