Sistemas Multimídia – Aula 2

Autoria Multimídia

Diogo Pinheiro Fernandes PedrosaUniversidade Federal Rural do Semiárido

Departamento de Ciências Exatas e NaturaisCurso de Ciência da Computação

Introdução● Autoria multimídia é a criação de produções

multimídia → filmes ou apresentações;● Estas produções buscam interação com o

usuário (aplicações interativas);● São produzidos a partir de ferramentas:

editores de imagem, som, animações, etc.● Nível de interação requerida → depende da

aplicação:● Ausência de interação (slide show) → interação

total (realidade virtual imersiva)

Introdução● Níveis de interação:

● Controle do ritmo (cliques para avançar) → apresentações de slide;

● Controle da sequência do material apresentado e para onde ir;

● Controle do meio → play/pause/stop em vídeos e música, busca textual, rolagem da visualização, zoom;

● Controle de objetos em cena (mover objetos, jogos);

● Controle imersivo → modificar a perspectiva da cena; controlar objetos.

Introdução● Pontos a serem vistos:

● Metáforas de autoria multimídia → paradigmas;● Produção multimídia → projeto;● Apresentação multimídia; e● Multimídia automática.

Metáfora de Autoria Multimídia● Consiste em paradigmas de autoria →

metodologia empregada para criar aplicações multimídia;● Scripts;● Slide show;● Metáfora hierárquica;● Metáfora Icônica/Controle de Fluxo;● Frames;● Metáfora de cartão/escrita;● Metáfora de elenco/roteiro/escrita.

Scripts● Utiliza linguagem de script para habilitar

interatividade (botões, mouse, etc.) e permitir laços, saltos, condicionais, funções/macros, etc.

● Exemplo: linguagem OpenScript para ToolBook;● Linguagem que se parece com o padrão utilizado

para orientação de objetos;

Slide Show● São apresentações lineares por definição;● Há recursos para a realização de “saltos” na

apresentação;● Exemplo: PowerPoint, Beamer, etc.

Metáfora Hierárquica● Os elementos que permitem o controle do

material multimídia são organizados em uma estrutura em árvore;

● É frequentemente utilizada em aplicações dirigidas por menu.

Metáfora Icônica/Controle de Fluxo● Ícones gráficos são disponibilizados em um

toolbox e a aplicação provê a criação de fluxo de controle para os ícones que são inseridos no material produzido;

● Exemplo: Authorware;

Metáfora Icônica/Controle de Fluxo

Metáfora de Frames● Paradigma similar ao Icônico/Controle de Fluxo

(incorpora uma tabela de ícones);● As ligações entre os ícones são conceituais e

não representam o fluxo real do programa;● Exemplo: Quest, da Allen Communication.

Metáfora de Frames

Metáfora de Cartão● Usa um estrutura simples de cartão (página)

para produção multimídia;● Bastante utilizado para hipertexto e hipermídia;● Exemplo: HyperStudio, da Knowledge

Adventure.

Metáfora de Cartão

Metáfora Elenco/Roteiro/Escrita ● Os elementos multimídia (elenco ou cast) são

arranjados de uma forma inspirada em uma planilha (que define a exibição temporal desses elementos → roteiro ou score);

● A programação é feita por uma linguagem de script;

● Exemplo: Adobe Director (linguagem de escrita → Lingo).

Metáfora Elenco/Roteiro/Escrita

Produção Multimídia● Consiste no projeto multimídia;● Envolve (ou pode envolver) um elenco de

profissionais com habilidades variadas:● Diretor de arte, projetista gráfico, gerenciador de

projeto, escritor, projetista de interface, projetista de som, animadores 2D e 3D, programadores, entre outros.

● As fases do projeto consistem em storyboards, cartas de fluxo, testes com usuários e produção paralela das mídias.

Produção Multimídia● Storyboard → ideia inicial do produto em uma

série de quadros;● Carta de fluxo → organiza o storyboard através

da informação sobre a navegação (interação com o usuário e a estrutura multimídia);

● Antes da fase final do projeto: construção do protótipo e testes.

Apresentação Multimídia● Requer alguns efeitos, tais como gráficos,

imagens, cores, fontes, etc.● Estilo gráfico:

● Atenção especial com a utilização de esquemas de cores e como as letras são percebidas;

● Using Color and Text in Projecting Multimedia Presentations; R. Vetter, C. Ward and S. Shapiro, IEEE Multimedia, Vol. 2, No. 4, December 1995.

Apresentação Multimídia● Princípios de cores:

● Esquemas de cores e arte combinam melhor com um certo tipo de tema ou estilo:– Estilos naturais ou florais → cenas externas;– Cores sólidas → cenas indoor.

● Dica geral: não utilizar muitas cores → causa distração!

● A mudança de cor pode ser associada a uma mudança no tema da apresentação.

Apresentação Multimídia● Fontes:

● Para comunicação visual efetiva: fontes grandes (18 a 36);

● Não utilizar mais que 8 linhas por tela;● Fontes sans serif são melhores que fontes serif;

Exemplo● Texto com fonte Arial (sans serif);● Sistemas Multimídia;● Diogo Pinheiro Fernandes Pedrosa;● Universidade Federal Rural do Semiárido.

Exemplo

● Texto com fonte Times New Roman (serif);● Sistemas Multimídia;● Diogo Pinheiro Fernandes Pedrosa;● Universidade Federal Rural do Semiárido.

Apresentação Multimídia● Esquema de cores/contraste:

● Regra: utilização de cores complementares para fontes e fundo da apresentação;

● Para cores no padrão RGB entre 0 e 255:

● Plano de fundo: Marrom 1 (76, 25, 0), fonte (179, 230, 255).

Rbg=255−Rf

Gbg=255−Gf

Bbg=255−Bf

Exemplo● Texto com fonte Arial (sans serif);● Sistemas Multimídia;● Diogo Pinheiro Fernandes Pedrosa;● Universidade Federal Rural do Semiárido.

Animação “Mística”● Serve para adicionar elementos em uma

imagem background fazendo composição de imagens;

Animação “Mística”● Ideia:

Transição de Vídeo● Pode ser utilizado como uma forma de indicar

uma mudança para uma seção seguinte da apresentação multimídia;

● Pode ser de diversos tipos: corte, dissolver, etc;● Diversas ferramentas de autoria promovem

isso: Adobe Premiere, por exemplo.

Outros Assuntos Técnicos...● Fatores que influenciam o projeto multimídia:

● Plataforma computacional;● Resolução e formato de vídeo;● Memória e requisições de espaço para

armazenamento;● Métodos de distribuição.

Autoria Automática● Ajuda avançada para a criação de novas

apresentações multimídia;● Mecanismo que facilite a criação automática de

documentos multimídia úteis a partir de fontes previamente existentes.

Autoria Automática● Tomando um documento hipermídia como

exemplo...● Os passos para a preparação de um documento

hipermídia são:– Geração da informação (captura);– Autoria;– Publicação.

● O quanto destes três passos pode ser automatizado?

Autoria Automática● Geração da informação → processo já

automatizado (aquisição de texto, imagens, áudio digital, etc.);

● Publicação → objetivo final das ferramentas multimídia (processo também automatizado);

● Autoria → problema aberto...

Autoria Automática● Busca-se estruturar a informação de tal forma

que seja possível acessar e manipular a mídia em questão → utilizar estruturas de dados (listas, filas, grafos, etc.) que sejam mais adequadas às visualizações do material;

Autoria Automática● Na elaboração de um material multimídia...

● Linearização → ordem natural das ideias de um autor;

● Externalização → a presença de hiperlinks permite uma liberdade na mimetização dos pensamentos do autor.

● Para um material ser externalizado → utilização de hiperlinks.

Autoria Automática● Externalização em pequenos documentos →

fácil de gerenciar;● Para grandes documentos → grande

complexidade → usa-se abordagens da área de banco de dados.

Migração Semiautomática de Hipertexto

● Hiperlinks → informações semânticas que servem como “âncoras” para ligar-se a outras páginas do documento.

● Para representação textual:● Converter o formato do texto usado para html;● Capítulos e seções são postos em um banco de

dados;● Utilizar técnicas de mineração de dados para

determinar as palavras-chaves;● Palavras-chaves podem originar hiperlinks entre os

textos.

Hiperimagens● Objetivo: ter com imagens os mesmos

procedimentos adotados para a criação de links entre os elementos presentes na imagem com outras partes do documento.