Apresentações interactivas em acção

Imaginemos que o Bruno é responsável pela publicidade de uma banda. A banda tem uma tournée cujo calendário está constantemente a ser actualizado. A função do Bruno é certificar-se de que:

  • A banda tem um site SWF fantástico que inclui o mais recente calendário da tournée.
  • A banda tem também um site HTML fantástico que inclui o mais recente calendário da tournée, para fãs que não possuem Flash Player.
  • A banda tem uma lista de envio, para onde é enviado periodicamente um item de correio directo impresso, indicando o calendário actual da tournée.

Depois de se decidir sobre o aspecto gráfico da banda, o Bruno cria a apresentação do item de correio directo, utilizando uma apresentação de impressão num projecto de QuarkXPress, e importa o calendário actual da tournée.

QuarkXpress example interactive print layout Apresentações interactivas em acção

Apresentação de impressão standard do QuarkXPress.

Depois de desenhar o item de correio directo ao seu gosto, ele selecciona Apresentação > Duplicar para duplicar o conteúdo numa apresentação Web, no mesmo projecto. Poderá então trabalhar na versão HTML da página, no mesmo ficheiro.

QuarkXpress example interactive web layout Apresentações interactivas em acção

Apresentação Web criada duplicando a apresentação de impressão.

Em seguida, o Bruno duplica a apresentação Web numa apresentação interactiva, seleccionando novamente Apresentação > Duplicar.

Para conferir alguma interactividade, ele decide fazer a guitarra deslizar a partir do lado direito, quando o utilizador final abrir a exibição SWF. Para tal, ele procede do seguinte modo:

  • Adiciona uma linha vermelha, que será o percurso que a guitarra irá percorrer. Utilizando a paleta Interactividade, converte-a num objecto básico e atribui-lhe o nome “PercursoGuitarra”. Em Opções, selecciona Inicialmente Escondido (para que o utilizador final não veja a linha).
  • Ele selecciona o gráfico da guitarra e utiliza a paleta Interactividade para convertê-la num objecto de animação denominado “Guitarra Deslizante”. Para indicar que a guitarra se deve mover ao longo da linha vermelha, selecciona Item num Percurso no menu pendente Apresentar como e, em seguida, selecciona PercursoGuitarra (a linha vermelha) no menu pendente Percurso. Para definir a velocidade do deslizamento, especifica 4 no campo Velocidade.

QuarkXpress example interactive layout Apresentações interactivas em acção

Utilizar o separador Objecto para converter um item num objecto de animação.

Para que a animação seja reproduzida, o Bruno realiza dois passos:

  1. Ele cria um script que reproduz a animação.
    QuarkXpress example script playanimation Apresentações interactivas em acção

    O separador Script permite-lhe criar scripts.

  2. Associa esse script à primeira página da exibição, para que seja executado quando a página for apresentada, seleccionando o nome do script no menu pendente Script Inicial dessa página.
    QuarkXpress example page script playanimation Apresentações interactivas em acção

    O separador Página permite-lhe atribuir scripts a páginas.

Em seguida, o Bruno pretende adicionar um botão que irá abrir o site HTML do manager da banda, numa janela à parte. Para criar o botão, ele desenha um rectângulo de imagem, atribui-lhe o nome “BotãoWebSite”, selecciona Botão no menu pendente Tipo de Objecto e selecciona Novo no menu pendente Botão. É criada uma apresentação de botão com quatro páginas, onde o Bruno constrói os quatro estados do objecto de botão (utilizando apenas primitivas do QuarkXPress). Os diferentes estados do botão permitem ao Bruno facultar informações ao utilizador final; se existir uma imagem diferente para cada estado, o aspecto do botão muda, consoante esteja para cima ou para baixo, activado ou desactivado.

QuarkXpress example button pagelayout Apresentações interactivas em acção

A paleta Apresentação de Página permite-lhe ver os estados do botão que está a criar.

Em seguida, o Bruno tem de configurar esse botão, pelo que regressa à apresentação de exibição e configura o botão de modo a abrir o website da banda, adicionando uma acção Abrir URL ao evento de utilizador Clicar para Cima do objecto de botão.

QuarkXpress example websitebutton Apresentações interactivas em acção

O separador Evento permite-lhe atribuir eventos aos diversos estados de um objecto de botão.

Em seguida, o Bruno pretende adicionar uma sequência de logótipos animados à exibição. Para criar a sequência de imagens, desenha um rectângulo de imagem, atribui-lhe o nome “LogoAnimado”, selecciona Animação no menu pendente Tipo de Objecto, selecciona Sequência num Rectângulo no menu pendente Apresentar como e selecciona Novo no menu pendente Sequência. É criada uma apresentação de sequência de imagens. O Bruno adiciona 10 páginas à apresentação de sequência de imagens e constrói as 11 molduras da animação, colocando uma moldura em cada página.

QuarkXpress example image sequence Apresentações interactivas em acção

A paleta Apresentação de Página permite-lhe ver as molduras numa sequência de imagens.

Para que a animação seja reproduzida, ele adiciona o comando Reproduzir Animação ao mesmo script que utilizou para iniciar a animação “Guitarra Deslizante”.

A página SWF do calendário da tournée da banda está pronta, pelo que ele selecciona Ficheiro > Exportar > Exportador para Macromedia Flash, define as opções de exportação e exporta a exibição em formato SWF.

QuarkXpress example interactive export Apresentações interactivas em acção

A caixa de diálogo Exportador para Macromedia Flash permite-lhe controlar as opções de exportação.

Quando as três versões da página — Impressão, Web e Interactiva — estiverem ao gosto do Bruno, ele utilizará a paleta Conteúdo Partilhado para sincronizar os calendários da tournée nas três apresentações. Em seguida, ele imprime a apresentação de impressão, exporta a apresentação Web para HTML e exporta a apresentação interactiva no formato SWF.

Uma semana mais tarde, é recebida uma nova versão do calendário da tournée. O Bruno abre o projecto e introduz o novo calendário na apresentação de impressão. Poderá ver imediatamente que as outras duas apresentações também estão a ser actualizadas.

QuarkXpress example interactive split window Apresentações interactivas em acção

A função da vista de várias apresentações do QuarkXPress permite-lhe observar o processo de actualização dos conteúdos, simultaneamente numa apresentação de impressão e numa apresentação interactiva.

Em seguida, basta exportar as apresentações Web e interactiva, para o site ser actualizado. E se for necessário imprimir um novo item de correio directo, também poderá fazê-lo de imediato.

Apresentações interactivas em acção