Você está na página 1de 37

Sistemas Multimídia – Aula 2

Autoria Multimídia
Diogo Pinheiro Fernandes Pedrosa
Universidade Federal Rural do Semiárido Departamento de Ciências Exatas e Naturais Curso 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.

e Multimídia automática.Introdução ● Pontos a serem vistos: ● ● ● ● Metáforas de autoria multimídia → paradigmas. Produção multimídia → projeto. . Apresentação multimídia.

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

) e permitir laços. condicionais. ● ● Linguagem que se parece com o padrão utilizado para orientação de objetos. . etc. etc.Scripts ● Utiliza linguagem de script para habilitar interatividade (botões. Exemplo: linguagem OpenScript para ToolBook. saltos. funções/macros. mouse.

Há recursos para a realização de “saltos” na apresentação.Slide Show ● ● São apresentações lineares por definição. ● . Beamer. Exemplo: PowerPoint. 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. ● .

● . Exemplo: Authorware.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.

Metáfora Icônica/Controle de Fluxo .

Exemplo: Quest. ● ● . da Allen Communication. As ligações entre os ícones são conceituais e não representam o fluxo real do programa.Metáfora de Frames ● Paradigma similar ao Icônico/Controle de Fluxo (incorpora uma tabela de ícones).

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. ● ● . da Knowledge Adventure. Exemplo: HyperStudio.

Metáfora de Cartão .

A programação é feita por uma linguagem de script. Exemplo: Adobe Director (linguagem de escrita → Lingo). ● ● .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).

Metáfora Elenco/Roteiro/Escrita .

. animadores 2D e 3D. ● As fases do projeto consistem em storyboards. testes com usuários e produção paralela das mídias. gerenciador de projeto. escritor. entre outros. projetista de som. Envolve (ou pode envolver) um elenco de profissionais com habilidades variadas: ● Diretor de arte. programadores. cartas de fluxo. projetista de interface. projetista gráfico.Produção Multimídia ● ● Consiste no projeto multimídia.

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.Produção Multimídia ● Storyboard → ideia inicial do produto em uma série de quadros.

C. Ward and S. 4. No. tais como gráficos. Estilo gráfico: ● ● Atenção especial com a utilização de esquemas de cores e como as letras são percebidas. 2. R. IEEE Multimedia. fontes.Apresentação Multimídia ● Requer alguns efeitos. Vetter. Using Color and Text in Projecting Multimedia Presentations. ● . etc. December 1995. Shapiro. Vol. imagens. cores.

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. ● 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. Cores sólidas → cenas indoor. ● .

Não utilizar mais que 8 linhas por tela.Apresentação Multimídia ● Fontes: ● Para comunicação visual efetiva: fontes grandes (18 a 36). Fontes sans serif são melhores que fontes serif. ● ● .

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

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

25. 0). 230. 255).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: ● R bg =255−Rf G bg =255−G f B bg =255−Bf ● Plano de fundo: Marrom 1 (76. fonte (179. .

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

.Animação “Mística” ● Serve para adicionar elementos em uma imagem background fazendo composição de imagens.

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

Pode ser de diversos tipos: corte.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. etc. por exemplo. dissolver. Diversas ferramentas de autoria promovem isso: Adobe Premiere. ● ● .

.Outros Assuntos Técnicos. Memória e requisições de espaço para armazenamento. ● Fatores que influenciam o projeto multimídia: ● ● ● Plataforma computacional. Resolução e formato de vídeo. Métodos de distribuição. ● ..

Mecanismo que facilite a criação automática de documentos multimídia úteis a partir de fontes previamente existentes.Autoria Automática ● Ajuda avançada para a criação de novas apresentações multimídia. ● .

Autoria. ● Os passos para a preparação de um documento hipermídia são: – – – Geração da informação (captura). Publicação. ● O quanto destes três passos pode ser automatizado? ...Autoria Automática ● Tomando um documento hipermídia como exemplo.

Autoria → problema aberto. áudio digital. Publicação → objetivo final das ferramentas multimídia (processo também automatizado).Autoria Automática ● Geração da informação → processo já automatizado (aquisição de texto. ● ● ..).. etc. imagens.

.) que sejam mais adequadas às visualizações do material. grafos. filas. etc.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.

. ● Linearização → ordem natural das ideias de um autor. .. ● ● Para um material ser externalizado → utilização de hiperlinks.Autoria Automática ● Na elaboração de um material multimídia. Externalização → a presença de hiperlinks permite uma liberdade na mimetização dos pensamentos do autor.

● .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. Utilizar técnicas de mineração de dados para determinar as palavras-chaves. Capítulos e seções são postos em um banco de dados. Para representação textual: ● ● ● Converter o formato do texto usado para html. ● ● . 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.