Acadêmico: Paulo Cézar de Carvalho / 08.09.

2010 / SI - PUC
Integração de Várias Mídias

RESUMÃO • Meios de Comunicação Impressos

(Livro, Revista, Jornal, etc.)
• Meios de Comunicação Sonoros
Prof Lucas
(Disco, Rádio, etc.)
P.S.: de uma lida nos arquivos do
• Meios de Comunicação Visuais Estáticos
Word também. (Gráfico, Desenho, Pintura, Fotografia, etc.)
• Meios de Comunicação Visuais Dinâmicos
2010-08-18_PLACA DE SOM E SUAS CARACTERÍSTICAS.doc (Animação, Cinema, Vídeo, TV, etc.)
2010-08-04_Introdução_multimídia.doc

Segundo Momento:
A Criação de uma Nova Mídia Tipos de Mídia

• Computador
• Texto
• Internet
• Imagem
– meio de comunicação multimídia que está
encontrando uma linguagem: Hipertexto. • Gráfico
– Com Multimídia, Hipertexto é Hipermídia. • Áudio
– Projetos para o século XXI obtidos no final de • Animação
século XX (Rádio e Vídeo na Rede)
• Vídeo

Representação da Informação Digitalização

Multimídia da Mídia
• Mídias, quando digitalizadas, geram uma
Passos fundamentais para a
digitalização de informações
quantidade de informação relativamente analógicas:
alta
– Compressão de Dados – Amostragem/Discretização
• Texto (sampling). Amostras
• Imagem discretas representam a
informação contínua.
• Áudio
– Quantização (quantizing).
• Vídeo
As amostras são convertidas
• Obs.: Um sinal analógico perde qualidade como à forma numérica.
resultado de distorções do sinal. Com um sinal
digital tal fenômeno acarreta erro, com possível
correção. Importante: Teorema de Nyquist

1
 Digitalização da Mídia Aplicações Multimídia

AMOSTRAGEM PONDERAÇÃO QUANTIZAÇÃO • Comunicação Pessoal

– Voz
• Telefonia, Voice-mail,
• Conferência de voz, etc.

– Imagem
• FAX
A imagem é amostrada face As amostras discretas (pixels) Os pixels são convertidos
Imagem natural
à matriz de pixels são ponderadas à forma numérica

Aplicações Multimídia Problemas Estudados

• Aplicações Interativas • Aquisição, representação e apresentação de

– WWW, Teleshopping,
objetos multimídia (áudio, imagens,
– Telebanking, etc.
animações e vídeos).

• Armazenamento e recuperação de objetos

• Aplicações de Lazer multimídia.
– Vídeo sob demanda, Televisão Interativa, etc.
• Transmissão de objetos multimídia em forma
digital.

Tipos de Mídia Mídia de Percepção

• Mídia de Percepção • Mídia de Percepção

• Mídia de Representação – Como os humanos percebem informação?
• Mídia de Apresentação – visão, audição, olfato, paladar, tato

• Mídia de Armazenamento
• Mídia de Representação
• Mídia de Transmissão
– Como a informação é codificada em um
computador?
– texto, imagem vetorial, imagem matricial, áudio,
vídeo

2
 Mídia de Apresentação
• Mídia de Apresentação
– Qual meio é utilizado como dispositivo de saída
ou entrada de informações em um computador?
– Sistemas de entrada e saída
– Saída: monitores, caixas de som, papel
– Entrada: teclados, câmeras e microfones
• Mídia de Armazenamento
– Onde a informação é armazenada?
– Discos magnéticos, discos ópticos, fitas
magnéticas, papel
Software para Multimídia
• Editores de texto
– Na maioria dos softwares de autoria existentes é
permitida a inclusão de arquivos textos dos
editores mais famosos, tais como Word, Word
Perfect, Scientific Workplace etc.
Software para Multimídia
• Ferramentas para Animação e Modelos em 3D
• Ferramentas para Pinturas (Painting) e Desenhos
(Drawing)
– Software como o Photoshop, PicturePublisher e Fractal
Design Painter são utilizados para a criação ou
aperfeiçoamento de imagens do tipo bitmap (também
chamadas imagens matriciais).
– Softwares como CorelDraw, FreeHand, Illustrator,
Designer and Cavas criam suas imagens (desenhos)
utilizando técnicas geométricas (vector-based line ou
vetoriais).
– A maioria dos softwares de autoria permite a inclusão de
imagens do tipo bitmap.
Mídia de Transmissão
• Mídia de Transmissão
– Qual meio é utilizado para transmitir dados?
– Meios físicos (cabos metálicos, fibras ópticas,
ondas de rádio)
Software para Multimídia
• Software para OLE (Optical Character
Recognition)
– Softwares que façam a conversão entre um bitmap
criado através da utilização de um scanner para um
texto em ASCII são úteis, além de economizar
tempo.
– Algumas marcas de scanners trazem sistemas
deste tipo.
Software para Multimídia
– Software para modelar em 3D está em ascensão no
mercado multimídia, principalmente pelo realismo que
causa e por ser sistema de fácil uso.
– Alguns destes softwares podem converter imagens em
2D para 3D, como o MiniCad por exemplo.
– Para permitir que estes sistemas sejam utilizados em
aplicações multimídia é imprescindível a possibilidade
destas ferramentas permitirem que os seus arquivos
sejam gravados em formatos adequados, como
QuickTime ou arquivos do tipo AVI.
3
 Software para Multimídia
• Editores de Imagens
– São ferramentas especializadas para enriquecer
e retocar imagens do tipo matricial.
– Podem ser usadas em imagens que foram
obtidas através de um scanner, capturadas
através de uma vídeo-câmera, uma câmera digital
ou uma imagem criada por um software do tipo
Photoshop, por exemplo.
Software para Multimídia
• Editores de Sons
– Os editores de som para os arquivos do tipo MIDI
(Musical Instrument Digital Interface) ou em outros
formatos digitais permitem, além da audição do som, a
sua visualização e edição.
– O som passa a ser representado ou por uma onda ou
por um gráfico podendo ter alguns dos seus
segmentos cortados, copiados ou colados com grande
precisão, algo impossível de se realizar em tempo
real.
– Para Windows (principalmente se o PC possui placa
de som) existem alguns editores para o formato de
onda digital, a exemplo do WaveStudio.
Software para Multimídia
• Ferramentas para Animação, Vídeo e Imagens
Digitais ...
– Para criar cinema (movies) a partir do vídeo é
necessário hardware específico para converter o sinal
analógico do vídeo para um sinal de dados digitais.
– Algumas ferramentas, como por exemplo Premiere,
VideoShop e MediaStudio Pro, permitem que os vídeo
clips sejam editados. Estes vídeo clips podem ser
produzidos através de: capturas de câmeras, fitas,
segmentos de vídeo digital, animações, imagens
scanneadas, ou áudio digital e arquivos MIDI.
Software para Multimídia
• Plug-ins
– A maioria dos editores de imagens suporta
poderosos plug-ins que permitem manipulação das
imagens como por exemplo, cortar, tornar difusa,
colocar sombras, ou seja filtrar para obter efeitos
visuais especiais.
Software para Multimídia
• Ferramentas para Animação, Vídeo e
Imagens Digitais ...
– A animação e as imagens de vídeo digitais são
seqüências de cenas armazenadas na forma de
bitmap (mais conhecidas como frames) que podem
ser passadas rapidamente com o play-back.
– As animações, além deste formato descrito,
também podem ser criadas através de softwares
de autoria usando técnicas de locomoção de objeto
que geram a impressão de movimento.
Software para Multimídia
• Ferramentas para Animação, Vídeo e Imagens
Digitais
– QuickTime e AVI (Audio Video Interleaved) são
algumas das ferramentas usadas para armazenar e
reproduzir vídeo digital.
– Sem os algoritmos de compressão de arquivos não
seria possível o armazenamento de imagens digitais.
Na compressão de arquivos três pontos são
importantes: a taxa da compressão, a qualidade da
imagem e a velocidade da compressão e da
descompressão.
4
 Caracterização do
Hardware para Multimídia
– Placa de Vídeo
• Barramento Atual:
– PCI Express (PCI-E), substituto dos barramentos
» PCI (Peripheral Component Interconnect)
» AGP (Accelerated Graphics Port)
– O padrão PCI-E trabalha com até 16X, (4000 MB/s).
Placa de vídeo 3D da Asus, modelo Extreme AX800XT
PE/2DHTV, que utiliza o barramento PCI Express 16X
Caracterização do
Hardware para Multimídia
• Placa de Vídeo - Esquema de cores
– Número de cores que cada placa de vídeo
suporta: depende do número de bits/pixel.
– Placa que suporta 256 cores: 8 bits/pixel.
– Combinações mais comuns em placas de vídeo: 16
bits/pixel (65.536 cores - Hi Color), 24 bits (16.777.216
cores) e 32 bits (4.294.967.296 cores - True Color ).
Caracterização do
Hardware para Multimídia
• Placa de Vídeo - Memória de vídeo
– Placas de vídeo SVGA: pelo menos 1 MB de memória.
– Antigas placas (padrão VGA): 256 KB de memória, com
resolução máxima de 800x600 com 65.536 cores.
– Atualmente: uma placa de vídeo com pelo menos 32 MB de
memória (ou bem superior), para que seja possível rodar
aplicações cotidianas com um mínimo de conforto visual.
– Os tipos de memória usadas costumam ser as encontradas
para uso pelo computador (memórias SDRAM, DDR).
• Proporciona menos custos.
Caracterização do
Hardware para Multimídia
• Placa de Vídeo - Resolução
– O conjunto de linhas formadas por pixels na tela do
monitor, considerando as posições horizontais e verticais.
– Resolução: 1024x768, 1024 pixels na horizontal e 768 na
vertical.
• Quanto maior for a quantidade de pixels, melhor será a definição
da imagem na tela.
– A resolução pode ser configurada através do computador,
via software.
• É necessário que a placa de vídeo tenha os drivers corretos
instalados.
• É preciso verificar a resolução que a placa de vídeo e o monitor
suportam.
• Resoluções comuns: 800x600, 1024x768 e 1280x1024.
Caracterização do
Hardware para Multimídia
• Placa de Vídeo - O padrão VGA
– VGA (Video Graphics Array): padrão que
representa a resolução do vídeo mais as cores
suportadas.
• Imagens com resolução de 640x480 e 256 cores e
800x600 com 65.536 cores.
• Compatível com padrões mais antigos.
• Placa de Vídeo - O padrão SVGA
– SVGA (Super Video Graphics Array)
• Padrão encontrado em inúmeras placas de vídeo, capaz
de representar várias resoluções (mais comuns as de
800x600 e 1024x768).
• O SVGA suporta praticamente todas as quantidades de
cores existentes, inclusive com 32 bits.
Caracterização do
Hardware para Multimídia
• Placa de Vídeo - A imagem e o monitor
– Fases necessárias:
• Primeira - o processador envia os dados ao barramento
utilizado pelo vídeo (ISA, PCI ou AGP). Estes dados
chegam ao chipset da placa de vídeo e lá são
processados.
• Segunda - o chipset envia os dados processados para a
memória do vídeo, para guardar a imagem que será
apresentada no monitor.
• Terceira - a imagem é transmitida para o conversor
digital/analógico (DAC - Digital Analog Converter), que
converterá os dados da imagem (até então em formato
digital) para um formato analógico, suportado pelo
monitor.
5
 Caracterização do
Hardware para Multimídia Sistemas Multimídia
• Placa de Vídeo - A imagem e o monitor Placa de Vídeo - exemplos

• Parte traseira: conector DB-15

fêmea, usado para a conexão
com o monitor.

• Placas de vídeo de alto

desempenho: normalmente
dissipam muita potência
elétrica - chip gráfico principal
é em geral acoplado a um
Placa de vídeo AGP
Em A o processador é encaixado. cooler.
Em B - encaixe das memórias.
Em C, a placa de vídeo (slot AGP).
D mostra os slots PCI.

Sistemas Multimídia Sistemas Multimídia

Placa de Vídeo - exemplos
Placa de Vídeo - Outras funções
• Existem placas de vídeo com
múltiplas funções.
• Aceleração 2D
• Outras conexões:
– entrada e saída de vídeo • Aceleração 3D
composto e S-Video; • Descompressão de vídeo
– entrada para antena;
• Reprodução de DVD
– As placas de vídeo que
possuem entradas são
digitalizadoras de vídeo, ou Placa de vídeo AGP
sintonizadoras de TV.

Caracterização do Caracterização do
Hardware para Multimídia Hardware para Multimídia
• Placa de Som • Placa de Som

– Dispositivo responsável por enviar os sons – Componentes/características:

gerados por dispositivos de áudio para o • Conversor A/D
computador. • Conversor D/A
• MIDI
– Sintetizador FM
– A Sound Blaster foi uma das primeiras – UART MIDI
placas de som no mercado. • Taxa de amostragem
• Digitalização com 8 ou 16 bits
• Digitalização em mono ou estéreo
• Mixer

6
 Caracterização do
Hardware para Multimídia
• Placa de Som - Conversor A/D
– Conversor A/D (Analógico-Digital): Responsável pela
digitalização dos sinais sonoros.
– Em geral, quando uma digitalização é feita, os dados ficam
armazenados na memória principal (RAM), e tem-se a
condição para gerar um arquivo com os resultados.
• Placa de Som - Conversor D/A
– Conversor D/A (Digital-Analógico) - recebe os dados
digitalizados de sons e reconstitui os sinais analógicos
originais.
– Depois de passar pelo Mixer e pelo amplificador de áudio,
os sinais analógicos são enviados para as caixas de som.
Caracterização do
Hardware para Multimídia
• Placa de Som - Sintetizador FM
– É um circuito que imita os sons dos instrumentos musicais, a
partir de simples códigos de controle que indicam o tipo de
instrumento, a nota musical, a duração, volume, ...
– Geralmente, as placas de som possuem sintetizadores
simples (Exemplo: Yamaha OPL2 e o OPL3).
– As placas mais sofisticadas utilizam outro método (Wave
Table Synthesis), usando uma memória ROM ou RAM R/W
própria, na qual existem amostras digitalizadas de
instrumentos musicais verdadeiros.
Caracterização do
Hardware para Multimídia
• Placa de Som - Taxa de amostragem
– Parâmetro que está diretamente ligado à qualidade do sinal
sonoro digitalizado.
– "Número de amostras feitas no sinal analógico a cada
segundo".
– Para que seja possível captar os sons mais agudos, é preciso
usar taxas de amostragem bem altas. Para obter um som
digitalizado de alta fidelidade, são usadas, por exemplo,
44.000 amostras por segundo (taxa de amostragem = 44
kHz).
– É aceitável usar taxas de amostragem menores, desde que
seja tolerável um som de menor qualidade (em torno de 10
kHz).
Caracterização do
Hardware para Multimídia
• Placa de Som - MIDI
– As placas de som possuem, além dos circuitos para
digitalização de áudio e reprodução de sons
digitalizados (conversores A/D e D/A), um circuito
especial capaz de "imitar" com grande perfeição, os
sons dos instrumentos musicais.
– MIDI - Musical Instruments Digital Interface.
– Este circuito é composto por dois blocos:
• Sintetizador FM
• UART-MIDI
Caracterização do
Hardware para Multimídia
• Placa de Som - UART MIDI
– É uma espécie de interface serial que permite à
placa de som comunicar-se com instrumentos MIDI
(Musical Instruments Digital Interface).
– Este recurso é usado principalmente para a
composição de músicas com o auxílio do
computador.
– Permite que sejam ligados ao computador
instrumentos como teclados MIDI e guitarras MIDI.
Caracterização do
Hardware para Multimídia
• Placa de Som - Digitalização com 8, 16, 24, 32, 64 bits
– Antigamente as placas de som usavam conversores A/D e
D/A de 8 bits.
– Para efeitos práticos, o resultado era uma distorção sonora da
ordem de 0,5%, manifestada na forma de um ruído que
acompanhava o som.
– Placas de som modernas possuem conversores de pelo
menos 16 bits, e são muito mais precisas. O ruído também
existe em placas desse tipo, mas é praticamente
imperceptível ao ouvido humano.
7
 Caracterização do
Hardware para Multimídia
• Placa de Som - Digitalização em mono ou
estéreo
– As placas de som atuais possuem dois canais
sonoros independentes, podendo portanto operar
em estéreo e mono.
– Esta característica (estéreo), em uma digitalização
em 16 bits feita com uma taxa de 44 kHz, resulta
em um som com a mesma qualidade dos CDs de
música.
Caracterização do
Hardware para Multimídia
• Placa de Som - Estereofonia
imagem estereofônica
Fonte: http://www.filmebase.pt/Aplic/estereo.html
Caracterização do
Hardware para Multimídia
• Placa de Som - Estereofonia
– O som considerado de melhor qualidade é aquele
obtido com uma amostragem de 44 kHz, 16 bits e
estéreo.
• Essa é a configuração usada nos CDs de música.
• Cada segundo de som neste caso, usa 170 KB para seu
armazenamento.
– O som de menor qualidade é aquele que usa uma
configuração de digitalização feita a 8 kHz, com 8
bits e em mono.
• Cada segundo de som ocupa 8 KB e se assemelha ao
som de uma voz no telefone ou uma rádio AM.
Caracterização do
Hardware para Multimídia
• Placa de Som - Mixer
– As placas de som podem captar sons vindos de várias
entradas analógicas. Cada um desses sons, pode ser
digitalizado ou enviado para os alto-falantes.
– As entradas analógicas são: CD-Áudio, Microfone e Line In.
– Através do circuito Mixer, os sons podem ser reunidos
seletivamente.
– O Mixer também é capaz de enviar o som para as caixas
(passando pelo amplificador existente na placa de som).
– Os sons também podem ser provenientes do Sintetizadores
FM e Conversor D/A, por exemplo.
Caracterização do
Hardware para Multimídia
• Placa de Som - Estereofonia ...
– As placas de som são capazes de reproduzir sons
mono e estéreo. Para isso, são utilizados 2 canais
de áudio independentes.
– Efeito da estereofonia: possibilita obter-se a
sensação de que os sons são gerados no mesmo
recinto onde o computador e o usuário estão.
– A desvantagem neste caso, é que o espaço
necessário para armazenar esses sons será pelo
menos duas vezes maior.
Caracterização do
Hardware para Multimídia
• Placa de Som
– Apesar das placas de som serem produzidas por diversos
fabricantes seguindo uma padrão, diferenças podem ser
encontradas em vários modelos, tais como
• Configuração interna (especificações técnicas da placa)
• Disposição de entradas, tanto na parte traseira como na
parte interna.
– Existem placas que podem ser instaladas em slots ISA
(placas antigas) e PCI (placas mais atuais).
– Algumas placas são tão sofisticadas que vêm com uma painel
de controle que pode ser encaixado na parte frontal do
gabinete do computador.
8

Sistemas Multimídia
Placa de Som - Exemplos
• Placa Sound Blaster PCI 128
– Hoje é uma das placas de
som mais simples.
– Apesar de compartilhar a
memória principal com o
processador, não produz
queda de desempenho
perceptível, já que as
freqüências de áudio são
muito menores que as
freqüências nas quais o
processador requisita dados
da memória.
Sistemas Multimídia
Placa de Som - Exemplos
• Placa Sound Blaster Live!
– Recursos:
• Som 3D com diversos efeitos de
realismo
• Quadrifonia
• Conector auxiliar com entradas e
saídas digitais
• Compatibilidade com a Sound Blaster
16
• Diversas entradas sonoras adicionais
• 256 canais polifônicos
• Síntese por Wave Table
• Mixer totalmente digital de 32 bits
– Conectores da parte traseira: Line IN,
MIC, Front Out, Rear Out

Sistemas Multimídia
Placa de Som - Exemplos Sistemas Multimídia
• Placas Sound Blaster Audigy
– Opera com 64 canais polifônicos
Tipos de produtos multimí
multimídia (de acordo com o
sintetizados por hardware grau de interatividade):
– Um dos inúmeros efeitos suportados:
Audio Clean-up. Permite remover
chiados e estalos resultantes de  Títulos Linear
gravações de discos de vinil e fitas K- Hipermí
Hipermídia
7.
 Aplicativos
– Recurso introduzido nesta placa:
interface IEEE-1394 (firewire).  Sites
• Permite conectar câmeras,
aparelhos de som e outros
dispositivos de áudio, vídeo e
imagem, baseados no barramento
Firewire.

Sistemas Multimídia Sistemas Multimídia

Títulos lineares:
Exemplos de tí

títulos lineares:
 a apresentaç
apresentação do material segue ordem  apresentaç
apresentações para palestras;
predeterminada;
 demonstraç
demonstrações;
 o usuá
usuário final dispõe de poucos
 tutoriais.
controles:
 avanç
avanço, retrocesso, avanç
avanço rá
rápido etc.;
 geralmente intercambiá
intercambiáveis com
animaç
animações.

9
 Sistemas Multimídia Sistemas Multimídia

Títulos hipermí
hipermídia:
Exemplos de tí
títulos hipermí
hipermídia:
 a ordem de visualizaç
visualização é determinada  títulos de referência (dicioná
(dicionários);
pelo usuá
usuário final;
 ajuda on-
on-line;
line;
 o usuá
usuário final tem controles para
navegaç
navegação (seguir referência, voltar, etc.);  quiosques informativos;
 hipertextos são casos particulares.  catá
catálogos interativos.

Sistemas de autoria - títulos hipermí

hipermídia em
ambientes mais completos.

Sistemas Multimídia Sistemas Multimídia

Aplicativos com interface multimí

multimídia:
 desenvolvidos em ambientes usuais de
programaç
programação de aplicativos grá
gráficos,
(p.ex.: ? ? ? ? ?);
?);
 utilizam recursos grá
gráficos está
estáticos,
animação e som  facilitar a interaç
animaç interação.

Tela de um título hipermídia

Joseana M. Fechine

Sistemas Multimídia Sistemas Multimídia

Exemplos de aplicativos com interface

multimí
multimídia:
 jogos simples;
 aplicativos educacionais bá
básicos;
 aplicativos de produtividade pessoal
(ex.: agendas, geradores de relató
relatórios
simples).

Tela de um aplicativo com interface multimídia

Joseana M. Fechine

10
 Sistemas Multimídia Sistemas Multimídia

Aplicativos multimí
multimídia:
Exemplos de aplicativos multimí
multimídia:
 processam o pró
próprio material de multimí
multimídia,
geralmente em tempo real.  ferramentas de multimí
multimídia;
 está
estágio avanç
avançado dos sistemas grá
gráficos interativos;  sistemas de visualizaç
visualização té
técnica e
 implementados em linguagens de programaç
programação de cientí
científica:
sistemas (ex.: ? ?);
?); - maquetas eletrônicas, imagens mé
médicas
 simuladores de tempo real:
- automó
automóveis, aviões, processos industriais.
Multimídia  apenas recurso de interface  objetivo
Multimí
central do aplicativo  sistemas de informaç
informação geográ
geográfica;

Sistemas Multimídia Sistemas Multimídia

Exemplos de aplicativos multimí

multimídia:
 sistemas avanç
avançados de computaç
computação musical;
 sistemas avanç
avançados de entretenimento:
- jogos tridimensionais;
- realidade virtual;
- sistemas para parques de diversões.

voz;
Tendência visão tridimensional
tato, etc.

Aplicativo multimídia

Sistemas Multimídia Sistemas Multimídia

Multimí
Multimídia na Internet:
Dificuldades para autoria de multimí
multimídia na
Internet.
 WWW;
 Diferenç
Diferenças entre os navegadores:
 navegadores;
 padronizaç
padronização;
 sites;
sites;  visualizaç
visualizações alternativas.
 páginas;  Limitaç
Limitações de faixa dos canais de acesso:
 hyperlinks;  importância da compressão;
 plug-
plug-ins.  não-
não-determinismo da entrega

11
 Sistemas Multimídia Sistemas Multimídia

Tecnologias de fluxo contí
contínuo (streaming)
(streaming):
Ferramentas para criaç
criação multimí
multimídia:
 orientadas para material linear;
 armazenamento antecipado de parte do material;
aplicativos fechados;
 degradaç
degradação controlada em caso de perda de dados;
linguagens de programaç
programação;
 exemplos: RealPlayer,
RealPlayer, NetShow.
NetShow.
ferramentas de autoria:
títulos lineares; metáfora
títulos hipermí
hipermídia.
Maior Problema:
manutenç
manutenção do fluxo em tempo real Aspecto Importante: Curva de Aprendizado

Sistemas Multimídia Sistemas Multimídia

Exemplos de ferramentas de autoria de Caracterí

Características de tí
títulos hipermí
hipermídia:
títulos lineares:
presenç
presença de controles de navegaç
navegação;

forma:

PowerPoint:
PowerPoint: orientado para slides;
 botões,
 palavras sensí
sensíveis (hot words),
words),

Acrobat Exchange:
Exchange: orientado para  pontos sensí
sensíveis (hot spots)
spots);
documentação on-
documentaç on-line.

resultados:
 saltos,
 janelas-
janelas-filhas (pop-
pop-up window)
window).

Sistemas Multimídia Sistemas Multimídia

Hipermí
Hipermídia na Internet Ferramentas para ediç
edição de HTML:

Rede de hipermí
hipermídia: WWW.
FrontPage Editor (Microsoft)

Protocolo de hipertexto: http.  Autor trabalha de forma quase visual.

Linguagem de hipertexto: HTML.  Permite que se trabalhe diretamente em
HTML.

Dreamweaver (Macromedia/Adobe
Macromedia/Adobe)
 apresenta suporte para diversos recursos
de multimí
multimídia.

12
 Sistemas Multimídia Sistemas Multimídia
Padrões para hipermí
hipermídia:

ISO: MHEG (Multimedia,
Multimedia, Hypermedia Expert Group)
Group) Padrão MHEG (Multimedia,
Multimedia, Hypermedia Expert Group)
intercâmbio de informaç
informa ç ão em redes e sistemas
Integrar e codificar as partes de multimí
multimídia para
distribuí
distribuídos de arquitetura heterogênea; que se atinja o objetivo de: com "mí
"mínimo de

Microsoft: AAF (Advanced Authoring Format)
Format) recursos" de computaç
computação e independente da
formato comum para autoria de multimí
multimídia;
dia; plataforma, trabalhar com qualquer aplicativo
multimí
multimídia.

W3C: SMIL (Synchronized
(Synchronized Multimedia Integration
Language) linguagem de marcaç
Language) marcação apropriada
para transmissão de conteú
conteúdo multimí
multimídia em fluxo
contí
contínuo - suportada pela Real Player.
Player.

Sistemas Multimídia Sistemas Multimídia

Classificaç
Classificação Geral:

Sites Está
Estáticos (Ex.: Ferramenta –
FrontPage)
FrontPage)

Sites Dinâmicos (ASP – Active Server Pages,
Pages,
PHP - Personal Home Page Tool , Etc.)

Caso Especial:
Especial: Sites servidores de multimí
multimídia
de fluxo contí
contínuo.
 Exemplos: Arquivos de Real Audio,
Audio, Real
Media – Real Player,
Player, Shockwave & Flash –
Adobe e ASF (Active
(Active Streaming Format)
Format) -
Microsoft.

Sistemas Multimídia Sistemas Multimídia

Sites Dinâmicos

Páginas contêm código ativo.
ativo. Scripts

Principais tipos de có
código ativo:
ativo:
Utilizados para fazer com que a pá
página

Scripts - programas em có código fonte, responda com açações simples às solicitaç
solicitações
embutidos no cócódigo HTML; do usuá
usuário.

Componentes - arquivos de có código biná
binário,
Exemplos de linguagem: VBScript
invocados quando a referência é localizada
na pá
página.
JavaScript

Formas de Execuç
Execução do có
código ativo:
ativo: Dynamic HTML
 do lado do cliente;
 do lado do servidor.

13
 Sistemas Multimídia Sistemas Multimídia

Scripts - lado do Servidor O que é CGI ?

• Execuç
Execução do Script – execuç
execução de um aplicativo
Common Gateway Interface – forma padrão
(“common”
common”) de comunicaç
comunicação (“(“Interface”
Interface”) entre
no servidor. diferentes processos (“gateway”
gateway”).
• Exemplos: consulta a uma base de dados,
CGI não é uma linguagem.
realizaç
realização de cá
cálculos.
CGI é um protocolo que pode ser usado para
• Geraç
Geração de uma pá página HTML contendo os comunicar forms da Web com o seu programa.
resultados solicitados pelo usuá
usuário envio ao
Um script CGI pode ser escrito em qualquer
cliente, sendo exibido pelo navegador. linguagem que possa ler de STDIN, escrever
STDOUT, e ler variá
variáveis de ambiente, ou seja
• Exemplo de tecnologia: CGI (Common
(Common Gateway virtualmente qualquer linguagem de programaç
programação
Interface)
Interface) (Exemplos: C, Perl - Practical Extraction and
Report Language).

Sistemas Multimídia Sistemas Multimídia

Componentes Ativos
Exemplo - seqü
seqüência “típica”
pica” de
Lado do cliente:
cliente:
passos para um script CGI:  programas executados pela mámáquina
1.Leia o input do form do usuá
usuário. cliente;
2.Faç
2.Faça o que desejar com os dados.  invocados pelo navegador quando este
3.Escreva a resposta HTML em STDOUT. encontra a respectiva referência.
 É comum encontrar miniaplicativos
(applets) programados em Java como
componentes.

Sistemas Multimídia Sistemas Multimídia

“O desenvolvimento de sites dinâmicos requer a

integraç
integração de diversas tecnologias, de construç
construção Autoria de Aplicativos:
de sites, de desenvolvimento de software e de
bancos de dados.”
dados.” Autoria de Aplicativos com Interface
Multimí
Multimídia
“Um site dinâmico executa funç
funções e interage
automaticamente apresentando determinada Autoria de Aplicativos Multimí
Multimídia
soluç
solução.”
ão.”
“Os sites dinâmicos permitem a dinamizaç
dinamização das
informaç
informações, obtendo-
obtendo-se uma aproximaç
aproximação maior
dos aspectos que tanto atraem as pessoas.”
pessoas.”

14
 Sistemas Multimídia Sistemas Multimídia
Mas, afinal o que é a interface Aplicativos com Interface Multimí
Multimídia:
usuário-computador ?

Construç
Construção visual da interface de usuá
usuário -
ferramentas de desenho e formulá
formulários;

“A face que o sistema computacional apresenta ao mundo.“
(Hooper)
Apresenta mecanismos para inclusão de

“Um dispositivo que serve de limite comum às diferentes
material na interface;
entidades comunicantes." (Coutaz)
Possibilidade de programaç
programação textual em

“Interface deve ser encarada, não tanto ao nível técnico linguagem de programaç
programação simples;
mas, mais ao nível humano.“ (Fernandez et Al)

Mecanismo de tempo de execuç
execução distribuí
distribuído

"o elemento motivacional das interfaces (...) é, de certo com o aplicativo.
modo, o grau de aceitação psicológica do sistema, que é
importante não negligenciar.” (Gomes et Al)
Exemplo de ferramenta para autoria de
aplicativos com interface multimí
multimídia:
dia:
Toolbook.
Toolbook.

Sistemas Multimídia

Aplicativos multimí
multimídia:

Desenvolvimento de produtos de software;

Geralmente apresentam:
 interfaces grá
gráficas;
 comportamento de tempo real.

Usam serviç
serviços de multimí
multimídia do ambiente
operacional;

Exemplos de Interfaces de programaç
programação de
multimí
multimídia para Windows: MCI (Media
Interface) e Directx.
Control Interface) Directx. Exemplos Multimí
Multimídia -
Windows

Sistemas Multimídia - Sistemas Multimídia -

Projetos Projetos
Importante: Objetivos das interfaces de
usuá
usuário Estilos de interfaces de usuáusuário

maior velocidade de aprendizado -
WYSIWYG (what you see is what you get).
usuá
usuários novatos - custo de treinamento;
Interfaces icônicas - economizam espaç
espaço de

maior velocidade de uso - usuá
usuários tela, superam barreiras lingüí
lingüísticas,
sticas,
experientes - produtividade de uso; contribuem para a esté
estética da interface.

reduç
redução da taxa de erros -
Manipulaç
Manipulação direta.
direta. Exemplos:
produtividade;  Técnica de arraste e posicionamento - drag and
drop (Editores de animaç
animação - objetos arrastados

lembranç
lembrança rá
rápida das funç
funções disponí
disponíveis para a posiç
posição desejada).
- dúvidas e perda de tempo
com consultas; A melhor interface para o usuário requer o

aspecto atraente. mínimo esforço de aprendizado.

15
 Sistemas Multimídia - Sistemas Multimídia -
Projetos Projetos
Princí
Princípios de desenho de interfaces de
usuá Implementaç
Implementação
usuários

consistência;
Deliberaç
Deliberações;

realimentaç As telas não
Testes alfa.
alfa.
realimentação; precisam,

minimizaç
minimização dos erros; necessariamente, Implantaç
Implantação

recuperaç
recuperação dos erros; ser cheias ou
coloridas para
Reproduç
Reprodução;

múltiplos ní
níveis de treinamento; serem agradáveis
Instalaç
Instalação;

minimizaç
minimização da memorizaç
memorização; aos olhos.

Testes beta;

layout adequado.
produç
produção piloto – “liberdade vigiada”
vigiada”.

Sistemas Multimídia - Sistemas Multimídia -

Projetos Projetos

Operaç
Operação

Utilizaç
Utilização e evoluç
evolução; Lembre-
Lembre-se:

Manutenç
Manutenção; em multimí
multimídia há
há, basicamente, cinco

Pequenas correç
correções - formas de distribuiç
distribuição: maneiras para elaborar e transmitir
 remendos (patches), mensagens. Pode-
Pode-se escrever, ilustrar,
animar, ouvir e interagir. Explore-
Explore-as ao
 disponibilizados em um site de suporte ao
produto (com instruç
instruções claras, suporte atravé
através máximo, com discernimento.
de correio eletrônico e lista de perguntas
freqü
freqüentes).

16