Sistemas Multimídia Aula 2. Autoria Multimídia

Documentos relacionados
A autoria - I. A autoria - I. Ferramentas para desenvolvimento de multimídia. A autoria - I Wilson de Pádua Paula Filho.

SISTEMAS MULTIMÍDIA PROF MOZART DE MELO

Prof. Daniel Hasse. Multimídia e Hipermídia

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RIO GRANDE DO NORTE CAMPUS JOÃO CÂMARA APRESENTAÇÃO ELETRÔNICA POWER POINT (CONTINUAÇÃO)

Tutorial sobre o uso da ferramenta de autoria A Ferramenta de Autoria - Célula

Ciências da Computação Disciplina:Computação Gráfica


6 Conclusão Contribuições da Dissertação

Manual de Acesso ao Ambiente Usuários: Aluno e Professor

Informática para Concursos

03/12/2014. Prof. Fabiano Taguchi. (66) FERRAMENTAS PARA AUTORIA

Sistemas Multimídia e Hipermídia

Excel 2010 Faixas de opções

Microsoft PowerPoint. A seguir podemos observar a janela do Microsoft PowerPoint. Observe: Slide

PROJETO INFORMÁTICA NA ESCOLA

Aula 4 Microsoft PowerPoint 2003: Criando uma Apresentação

Design: estrutura e estética

Flash CC Plano de Aula - 24 Aulas (Aulas de 1 Hora).

MULTIMÍDIA E CARTOGRAFIA

Microsoft Power Point. Escrito por Neri Neitzke Ter, 07 de Novembro de :40 - Power Point

Sistemas Multimídia e Hipermídia

Plano de Aula - Flash CC - cód Horas/Aula

Sistemas Multimédia. Ano lectivo

INTRODUÇÃO AO MULTIMÉDIA DIGITAL

NIVELAMENTO DE INFORMÁTICA. Professor: Cleber Semensate

Aprender os conceitos de sistemas multimídia Conhecer os elementos multimídia Desenvolver projetos multimídia

Sistemas Multimídia e Hipermídia

1. Introdução O que é Microsoft PowerPoint Recursos de PowerPoint. Introdução

PowerPoint CAPÍTULO 1... CAPÍTULO 2... CAPÍTULO 3...

MÓDULO 3 PÁGINAS WEB. Criação de Páginas Web

Manual de Acesso ao Ambiente Usuário: Aluno

Apostila de Windows Movie Maker

Modelos Pedagógicos para Educação a Distância: pressupostos teóricos para a construção de objetos de aprendizagem

PARADIGMA DE COMUNICAÇÃO

Interface Humano- Computador (IHC) Prof. Dr. Ronaldo Barbosa

07/12/2014. Prof. Fabiano Taguchi. AUTORIA EM TÍTULOS HIPERMÍDIA

InDesign CS6 Plano de Aula - 24 Aulas (Aulas de 1 Hora).

[GUIA RÁPIDO: OFFICE SWAY]

SISTEMAS MULTIMÉDIA TESTE FORMATIVO ADICIONAL 1

Modelo Hipermídia. Documentos Hipermídia. Entidades Hipermídia. Componentes de um documento hipermídia

94% Prof. Fabiano Taguchi 05/06/2015. Sentido Porcentagem Gosto 1% Tato 1,5% Olfato 3,5% Audição 11% Visão 83%

Introdução 1 PARTE I: A LINGUAGEM DA WEB 5

Módulo 5. Microsoft Office Power Point 2007 Projeto Unifap Digital

Figura 16 Niagara - Visão de grupos de notas.

Plano de Aula - Flash CS6 - cód Horas/Aula

Maquetes Tridimensionais Interativas

Administrando site em WordPress. Lucia Costa

H P I E P RMÍ M D Í I D A

Aula 6 EXPONDO RESULTADOS COM O MICROSOFT POWER POINT 08/03/2016 1

MODELAGEM E IMPLEMENTAÇÃO DE UMA APLICAÇÃO HIPERMÍDIA PARA REBANHOS, UTILIZANDO OOHDM

Curso online de. Formação em Front-End. Plano de Estudo

Acessibilidade na WEB. Euder Flávio Fernando Iran Giovanne Librelon Victor Hugo

12/06/2015. Prof. Fabiano Taguchi.

Professor: João Macedo

EditWeb: Auxiliando professores na autoria de páginas Web que respeitem critérios de Usabilidade e Acessibilidade

5 Requisitos e Formatos de Documentos Multimídia

Modelo de Interação (revisão) Design de IHC Da interação para o Design da Interface

Introdução. Conceitos Básicos. Conceitos Básicos. Conceitos Básicos

BrOffice.org? BrOffice.org? BrOffice.org? BrOffice.org? BrOffice.org? 30/11/2011 UNIDADE I INTRODUÇÃO À INFORMÁTICA: A INFORMÁTICA

Website do Diretor Lars von Trier 1. Paola Prado MOURO 2 Arthur Toledo VERGA 3 Universidade Presbiteriana Mackenzie, São Paulo, SP

Introdução à Informática

Professora Orientadora do Departamento de Ciências Exatas e Engenharias. 4

Produtividade é resultado do esforço inteligente

Gêneros Jornalísticos

Universidade Federal da Paraíba CCEN Departamento de Informática Disciplina: Banco de Dados. Aula 1 Introdução a Banco de Dados

Composição Web Princípios para o Desenho de um Sítio Internet

EDITOR DE APRESENTAÇÃO

Plano de Aula - PowerPoint cód Horas/Aula

Gilse Antoninha Morgental Falkembach Unifra Santa Maria

Design de IHC. Capítulo 7. Barbosa e Silva Adaptado por Luciana Mara e Thiago Vilela

Comunicação e Multimídia Integrada. Elementos das Narrativas Digitais.

O PowerPoint é um programa componente da suíte Office da Microsoft.

CAPÍTULO 7 CONCLUSÕES E RECOMENDAÇÕES

Aplicação de mapas conceituais e storyboard como metodologia no desenvolvimento de aplicativo gamificado para o ensino de ciências

2 Trabalhos Relacionados

UNIVERSIDADE FEDERAL DE PELOTAS. Índice

Plano de Aula - PowerPoint cód Horas/Aula

MAPA CONCEITUAL E A MODELAGEM CONCEITUAL DE SISTEMAS DE HIPERTEXTO

Curso de Imposto de Renda da Pessoa Jurídica e Contribuição Social sobre o Lucro Líquido. Orientações de Navegação e Utilização do Curso

Prof. Fabiano Taguchi

PLANIFICAÇÃO ANUAL Documentos Orientadores: Programa da disciplina

ESCOLA SECUNDÁRIA DA AMORA ANO LECTIVO 2014/2015 PLANIFICAÇÃO ANUAL. Ensino Diurno Disciplina: Aplicações Informáticas B Docente: Rui Barbosa

Sistemas Multimídia Aula 3 VRML

Desenvolvimento de aplicações multimídias. Plataformas e Ferramentas. Orientação do projecto de curso

APRESENTAÇÃO ELETRÔNICA POWER POINT

PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS

PLANO DE CURSO. NOME DA AÇÃO: Noções Básicas do Pacote Office Word, PowerPoint e Excel 2. OBJETIVOS EDUCACIONAIS DO EVENTO DE CAPACITAÇÃO

APLICAÇÕES MULTIMÍDIA AULA 1. Estrutura do curso e conceitos fundamentais. professor Luciano Roberto Rocha.

APRESENTAÇÕES MEMORÁVEIS! COM POWERPOINT E PREZI

Plano de Aula - PowerPoint cód Horas/Aula

Introdução a Tecnologia da Informação

Sumário. Apresentações básicas. 1 Como explorar o PowerPoint Parte 1

AULA: BrOffice Impress segunda parte

MODELAGEM E DESENVOLVIMENTO DE UMA FERRAMENTA HIPERMÍDIA DE ENSINO VOLTADA AO SETOR AGROPECUÁRIO, USANDO OOHDM

Plano de Aula - InDesign CS5.5 - cód Horas/Aula

书写纸 70 克, 尺寸 12*16CM INSTRUÇÕES. Carro multi-media sistema

Como acessar. Pelo portal da sua instituição de ensino. Pelo endereço personalizado (URL) Existem duas maneiras distintas de acesso:

Transcrição:

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.

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

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;

Ideia: Animação Mística

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.