aula01 introducao multimidia

(1)

Sistemas Multimídia - Aula 01

Introdução à Multimídia

Diogo Pinheiro Fernandes Pedrosa

Universidade Federal Rural do Semiárido Departamento de Ciências Exatas e Naturais

(2)

Nas aulas anteriores...

●

Multimídia consiste em aplicações que usam

múltiplas modalidades de informação (texto,

imagens, gráficos, animação, vídeo, som, voz e

alguma forma de interação com o usuário);

●

Várias modalidades de multimídia podem ser

utilizadas em aplicações diversas:

● Teleconferência, ambientes de trabalho

(3)

Nas aulas anteriores...

●

Tópicos de pesquisa em multimídia:

● Codificação e processamento multimídia →

processamento de áudio/imagem/vídeo,

compressão, recuperação de dados multimídia, etc.

● Suporte a sistemas multimídia e redes → área

relacionada com redes (protocolos, internet, qualidade de serviço, etc.);

● Ferramentas multimídia, sistemas finais e

aplicações → sistemas hipermídia, interfaces, sistemas de autoria, interação, etc.

(4)

Nas aulas anteriores...

●

Projetos interessantes:

● Desenvolvimento de tecnologia de rastreamento de

objetos em imagens;

● Captura de movimento 3D;

● Aplicações multimídia para tecnologia assistiva; ● Serviços interativos de assistência à saúde;

● Estudos de ciência comportamental → interação

(5)

Nas aulas anteriores...

●

Desenvolvimento da multimídia:

● Jornais → meio de comunicação em massa;

agregação de textos e imagens;

● Imagens em movimento; ● Transmissão de rádio; ● Televisão;

● Computadores:

– “Memex” (1945) → dias atuais;

– http://sloan.stanford.edu/mousesite/Secondary/Bushframe.

(6)

Nas aulas anteriores...

●

Hipertexto → texto não-linear;

●

Hipermídia → hipertexto enriquecido com

outras mídias (gráficos, imagens, som e vídeo);

● É uma aplicação particular de multimídia;

●

Outras aplicações multimídia:

● Sistemas de produção e edição de vídeo digital; ● Revistas e jornais eletrônicos;

● World Wide Web;

● Trabalhos de referência online (enciclopédia); ● Games; etc.

(7)

(8)

Nas aulas anteriores...

●

World Wide Web → maior aplicação multimídia;

● Também é a mais comum!

– Quantidade de informação armazenada em servidores

web;

– Facilidade de postar informações;

– Facilidade de navegação entre as informações utilizando

browsers;

● Tecnologia WWW é mantida e desenvolvida pelo

World Wide Web Consortion (W3C):

– Garantia de acesso universal dos recursos web,

navegação efetiva da informação avaliada e uso responsável do material postado.

(9)

Nas aulas anteriores...

●

HyperText Transfer Protocol (HTTP)

● Projetado para transmissão hipermídia;

● Protocolo inexistente de requisição/resposta → um

cliente abre uma conexão para um servidor http, faz uma requisição de informação, o servidor

responde, e a conexão é terminada → nenhuma informação é requerida para a próxima requisição!

(10)

Nas aulas anteriores...

●

HyperText Transfer Protocol (HTTP)

● Formato básico de requisição:

Method URI Version

Additional-Headers Message-body GET ou POST Parâmetros adicionais sobre o cliente http://alguma.coisa GET http://www.cs.sfu.ca/mmbook/ HTTP/1.1

(11)

Nas aulas anteriores...

●

HyperText Transfer Protocol (HTTP)

● Formato básico de resposta

Version Status-code Status-Phrase

Additional-Headers Message-body

HTTP/1.1 200 OK Server:

[No-plugs-here-please] Date: Wed, 25 July 2002 20:04:30 GMT

Content-Length: 1045 Content-Type: text/html <HTML> . . . </HTML>

Descrição textual do Status-code Número que identifica o tipo de resposta

(12)

Nas aulas anteriores...

●

HyperText Markup Language (HTML)

● Linguagem para publicação hipermídia na web; ● Linguagem portável (usa codificação ASCII);

● Versão corrente do HTML: 4.01 (1999);

● Geração avançada de HTML: XHTML 2.0 (2007); ● Utilização de tags.

(13)

Nas aulas anteriores...

●

HyperText Markup Language (HTML)

A sample web page. </TITLE>

<P> We can put any text we like here, since this is a paragraph element. </P> </BODY>

(14)

Extensible Markup Language

●

Linguagem de marcação que permite a

modularidade de dados, estrutura e

visualizações;

●

Projetado para fazer carregamento de dados;

●

Sintaxe parecida com a do HTML;

●

Tags são escritas em minúsculas;

(15)

Extensible Markup Language

●

Exemplo:

<?xml version=”1.0” encoding=”iso-8859-1?”> <!DOCTYPE html PUBLIC “- //W3C//DTD XHTML 1.0” “http://www.w3.org/TR/xhtml11/DTDxhtml1-transition.dtd”> <html xmlns = “http://www.w3.org/1999/xhtml”>

. . . [html que segue as regras XML mencionadas acima] </html>

(16)

Extensible Markup Language

●

Especificações relacionadas ao XML:

● XML Protocol → usado para a troca de informações

entre processos. Substituir HTTP;

● XML Schema → linguagem mais estruturada para

definir tags XML;

● XSL → XML Style Sheet.

● SMIL → Synchronized Multimedia Integration

Language (lê-se smile). Aplicação particular de

XML que permite especificar relações entre

(17)

SMIL

●

Linguagem para descrição de apresentações

audiovisuais → permite a organização e a

sincronização de diferentes elementos

multimídia, além de permitir a interatividade

destes elementos com o usuário;

●

É fácil de aprender e entender;

●

É uma linguagem cuja estrutura é similar ao

(18)

SMIL

●

Exemplo:

<!DOCTYPE smil PUBLIC "-//W3C//DTD SMIL 2.0" "http://www.w3.org/2001/SMIL20/SMIL20.dtd">

(19)

Ferramentas Multimídia

●

Notação e sequenciamento musical;

●

Áudio digital;

●

Edição de gráficos e imagens;

●

Edição de vídeo;

●

Animação;

(20)

Notação e Sequenciamento Musical

●

Cakewalk (Pro Audio);

● O termo sequenciador vem de equipamentos

antigos que armazenavam sequencias de notas musicais;

● Possibilidade de inclusão de arquivos para

animação e vídeo na lista de músicas.

●

Cubase;

(21)

Notação e Sequenciamento Musical

●

Macromedia Soundedit:

● Programa para a criação de áudio para projetos

multimídia.

● Vendas descontinuadas em 2004; ● Suporte finalizado em 2005.

(22)

Áudio Digital

●

Cool Edit:

● Toolkit popular para edição de áudio. Emula um

estúdio profissional;

● Vendas realizadas pela Adobe → novo nome:

Adobe Audition.

●

Sound Forge:

● Programa para a edição de áudio WAV, AIFF e

MP3;

● Produto da SONY.

(23)

Áudio Digital

●

Pro Tools:

(24)

Edição de Gráficos e Imagens

●

Adobe Illustrator:

● Usa gráficos vetoriais;

● Pode exportar gráficos para a web.

●

Adobe Photoshop:

● Padrão em processamento de imagens e gráficos;

●

Macromedia Fireworks:

(25)

Edição de Gráficos e Imagens

●

Macromedia Freehand:

● Ferramenta de edição de gráficos e texto para web

e que suporta vários formatos bitmap (GIF, PNG, JPEG, etc.)

●

GIMP:

(26)

Edição de Vídeo

●

Adobe Premiere:

● Ferramenta simples para edição não-linear de

vídeo, isto é, os vídeos clipes são colocados em qualquer ordem.

●

Adobe After Effects:

● Ferramenta de edição que permite a modificação

de vídeos existentes (adição de sombra, borramento, etc.).

●

Final Cut Pro:

(27)

Animação

●

APIs multimídia:

● Java3D → API usada por Java para construir e

renderizar gráficos 3D;

● DirectX → Windows API que suporta vídeo,

imagens, áudio e animação 3D;

(28)

Animação

●

Ferramentas de renderização:

● 3D Studio Max (Autodesk 3ds Max) → ferramenta

de renderização que inclui um grande número de elementos finais para animação, desenvolvimento de jogos e produção de efeitos especiais.

● Softimage XSI (Autodesk) → pacote de

modelagem, animação e renderização usado para produção de efeitos especiais em filmes e jogos.

(29)

Animação

● Maya → concorrente do Softimage;

● RenderMan → pacote de renderização criado pela

Pixar;

● Blender → software opensource de modelagem 3D.

●

Pacotes de animação GIF:

● Abordagem simples para criação de animação para

(30)

Autoria Multimídia

●

Macromedia Flash:

● Permite que o usuário crie filmes interativos através

de uma sequência de eventos paralelos arranjados em uma linha temporal.

●

Macromedia Director:

● Utiliza a mesma abordagem do Macromedia Flash

(31)

Autoria Multimídia

●

Authorware:

● Produto de autoria multimídia que possui uma fácil

curva de aprendizado;

●