Este artigo trata de aspectos de usabilidade em sites desenvolvidos com a ferramenta Adobe Flash. Sua finalidade é apoiar pesquisadores, desenvolvedores e estudantes da área a projetarem interfaces que propiciem aos seus usuários uma interação fácil e transparente. Em tempos de mudanças nas formas de interação na internet, iremos abordar também a evolução da ferramenta com o universo Web 2.0, tal estudo possibilitará analisar as funcionalidades de interação para executar uma tarefa de forma colaborativa devido à evolução que o Flash vem acompanhado até os dias atuais.

Clique aqui e leia o artigo completo.

O Power Point é o software popular para montar apresentações (ponto final). Mas se você é um "flash maníaco" e gosta de usar efeitos além do fade in/out, sabe que o Flash é uma ótima opção para deixar suas apresentações mais divertidas. Porém é válido alertar, não use e abuse de efeitos aqui e acolá, isso cansa ao longo da apresentação e é totalmente dispensável. Use a criatividade ao seu favor.

O primeiro cuidado é definir o tamanho do palco e pensar na resolução de tela na qual deseja rodar a apresentação. Ao contrário do Power Point, no Flash não basta inserir o conteúdo e pronto, pequenos detalhes são importantes para que tudo funcione bem. Existem duas saídas para a sua apresentação, a primeira é fazer com que o conteúdo se ajuste em toda a tela do monitor automaticamente, e a segunda é fazer com um tamanho fixo e evitar que o conteúdo seja expandido.

Apresentação tela cheia e conteúdo ajustado

1. Abra um arquivo novo com "ActionScript 2.0". Na janela "Publish Settings (crtl+Shift+f12)", guia "Flash", certifique que a versão está configurada para "Flash Player 8", caso contrário os comandos de "fscommand" que iremos utilizar não funcionarão. Em "formats", marque a opção "Windows Projector" (a sua apresentação publicada em arquivo executável) ou "Macintosh Projector" (caso for rodar em mac).

2. Nas propriedades do palco, defina o tamanho (size) para uma resolução que achar adequada, no caso estou utilizando 1280x1024*. No primeiro frame da cena (shift+f2) "actions" (nome que criei para esta cena) coloque os comandos (f9):

fscommand("fullscreen", "true"); // tela em fullscreen
fscommand("allowscale", "true"); // permite que a apresentação se ajuste independente da resolução do monitor
fscommand("showmenu", "false"); // desabilita funções no clique direito do mouse

* utilizando a apresentação com o conteúdo ajustável, faça sua apresentação com a maior resolução que puder para garantir boa qualidade dos bimaps nela utilizados.

3. Crie quantas cenas forem necessárias, é recomendável criar uma cena para cada slide. Insira o conteúdo da sua apresentação (títulos, imagens, faça os efeitos, etc). Depois crie uma camada em cada slide denominada "stop", no último frame dessa camada pressione "f9" e coloque a função "stop();" para o seu slide pausar. Repita a operação para todas as cenas.

Obs: ao trabalhar com imagens dentro da sua biblioteca, importe as imagens já com os tamanhos certos e utilize posições absolutas nas coordenadas XY, veja exemplo.

4. Inserido todo o conteúdo, vamos para a navegação dos slides. Crie dois botões (Ctrl+f8) denominados, "proximo" e "anterior" (evite utilizar acentuação para nomear símbolos). Na janela de criação do botão, aperte "f6" na área "hit" e desenhe qualquer objeto nesta área, veja exemplo.

5. Na primeira cena e em todas as outras usaremos os botões criados para navegar até o próximo slide e para voltar ao slide anterior. Posicione os botões fora do palco (f11 para acessar a biblioteca de objetos) para facilitar a sua localização, o botão "anterior" no lado esquerdo do palco e o botão "proximo" no lado direito. Clique no botão "anterior", pressione "f9" e coloque a seguinte função:

on (keyPress "<Left>") {
prevScene();
} // essa função retornará ao slide anterior ao ser pressionado a tecla com uma seta esquerda do teclado

No botão "proximo", pressione f9 e coloque a seguinte função:

on (keyPress "<Right>") {
nextScene();
} // essa função avançará ao próximo slide ao ser pressionado a tecla com uma seta direita do teclado

6. Para finalizar, colocaremos na última cena um comando para que a apresentação feche automaticamente após o último slide. No primeiro frame da cena coloque o comando:

fscommand("quit");

Obs: nesta cena não é necessário colocar os botões "anterior" e "proximo".

Apresentação tela cheia e conteúdo fixo

A única (e grande) diferença desse modo de apresentação é fazer que o conteúdo se mantenha fixo, não se ajustando proporcionalmente com o tamanho da resolução de tela do monitor. A vantagem é ter o conteúdo com o tamanho idêntico ao que você está produzindo. A desvantagem é se limitar ao tamanho fixo, podendo “perder” espaço para utilização de conteúdo. É muito arriscado utilizar resoluções altas em apresentação com conteúdo fixo, portanto escolha uma resolução que você terá certeza do tamanho da utilização da tela. Uma dica nesse caso é fazer a apresentação na resolução 1024x768.

Nas propriedades do palco, defina o tamanho (size) para uma resolução que achar adequada, no caso estou utilizando 1024x768. No primeiro frame da cena (shift+f2) actions (nome que criei para esta cena) coloque os comandos (f9):

fscommand("fullscreen", "true"); // tela em fullscreen
fscommand("allowscale", "false"); // não permite que a apresentação se ajuste independente da resolução do monitor
fscommand("showmenu", "false"); // desabilita funções no clique direito do mouse

Note que o procedimento é o mesmo, porém na função "allowscale" o valor do campo será false, deixando o conteúdo fixo.

Faça o download do exemplo.

Dica: em apresentações, seja em Flash, Power Point ou pdf gerado do Indesign por exemplo, sempre mantenha o leitor informado de sua localização. Insira numerações nas páginas, formas de navegação pelos slides, teclas de atalho, links. Isso é importante para deixar o leitor mais confortável e seguro na usabilidade do seu projeto.