You are on page 1of 15

Multimdia - 2014

20/08/2014

Histrico

Ambientes multimdia

Tipos de produtos multimdia

Multimdia na Internet

Sobre Multimdia:

Professora: Clarissa Avelino Xavier de Camargo


Contato: clacamargo@mestrado.ufu.br

Percepo humana;
O percentual de eficcia-interao das
principais mdias na percepo humana de:
Visual = 55%;
Vocal = 38%;
Textual = 7%.

O interesse pela informao e pela mdia;

A rpida evoluo das tecnologias.

At 1990: poucos ouviram falar;


De 1990 at 1993: ouvia-se falar, mas

poucos sabiam o que era;


De 1994 em diante: quase todos pensam

que sabem

Prof. Clarissa Avelino

Multimdia - 2014

Vannevar Bush no seu artigo As We May


Think" de 1945 descreve pela primeira
vez um sistema de hipertexto.

Doug Englebart (inventor do mouse) estabelece


seu laboratrio de pesquisas, Augmentation
Research Center, no Stanford Research Institute
(SRI);

20/08/2014

Murrell cunha o termo Ergonomics


(derivado de palavras gregas: ergon=
trabalho e nomoi = leis naturais) como o
estudo da relao entre o homem e seu
ambiente de trabalho.

Ted Nelson cunha o termo "hypertext".

Muito dos trabalhos iniciais sobre interfaces grficas,


hipertexto e interfaces colaborativas foram ali
conduzidas.

Prof. Clarissa Avelino

Multimdia - 2014

20/08/2014

Primeiro computador pessoal, Alto,


desenvolvido no Xerox Palo Alto Research
Center (PARC) o primeiro sistema comercial
com um editor WYSIWYG, mouse e interface
grfica.

Interfaces de manipulao direta so


apresentadas comercialmente: primeiro com o
Xerox Star em 1981, seguido pelo Apple Lisa
em 1982 e pelo Apple Macintosh, em 1984.

As mdias:

Nos cinemas, Steven Spielberg lanava o


filme ET, ganhador de vrios Oscar
(Melhores Efeitos Especiais, Melhores
Efeitos Sonoros, Melhor Trilha Sonora e
Melhor Som).

Discos s em vinil;
O mouse no fazia parte integrante do PC da
poca;
O lbum lanado por Michael Jackson, Thriller,
entrava para o Guinness como o mais vendido
da histria mudando a concepo dos clipes
musicais, que passaram a ser editados como
pequenos filmes.

Prof. Clarissa Avelino

Multimdia - 2014

Microsoft Windows 1.0 lanado.

20/08/2014

Paul Smolensky cunha o termo User-Centered


Design.

USER
CENTERED
DESIGN

Tim Berners-Lee comea o projeto da WorldWide Web (WWW).

Prof. Clarissa Avelino

As mdias:
Em 1990 foi lanado a verso 1.0 do
Photoshop;
Em 1993 lanado After Effects;
1993 lanado o primeiro chip grfico da
NVIDIA;
Intel inaugurava a linha Pentium (60 MHz).

Multimdia - 2014

Lanamento do Mosaic, o primeiro browser


amplamente utilizado.

Tim Berners-Lee lana a WWW (World Wide


Web);
Surgem as primeiras cmeras digitais
lanadas pela Kodak.

20/08/2014

Donald Norman cunha o termo user


experience.

Microsoft Windows 95 foi lanado;


Desenvolvimento da nova linguagem de
programao orientada a objetos Java;
Lanado primeiro celular no Brasil;
Criado o DVD, o padro USB (Universal
Serial Bus);
Formato de vdeo digital DV 1996.

Prof. Clarissa Avelino

Multimdia - 2014

A International Standards Organization


publica Guidance on Usability (ISO 924111).

20/08/2014

O Google comeava com seu primeiro


Data Center de 01 (um)
Terabyte.
Surge o formato MP3.

2000 e alm...
Incio da vida digital?

Prof. Clarissa Avelino

Multimdia - 2014

Fases da Multimdia

20/08/2014

Digitalizao da Informao
COMPUTADOR => sistema de processamento

Fase 1 (Ontem):

e comunicao de informao;

Micro standalone com Placa de Som e CD-ROM

Telefone, televiso, cinema => idem

computador

Fase 2 (Hoje):
Redes Multimdia, Multimdia na Internet

TODOS EXPLORAM A RIQUEZA DE PERCEPO DOS


SENTIDOS HUMANOS

Fase 3 (Amanh):
Realidade Virtual: Redes Multimdia com
perifricos especiais

Mecanismos analgicos:

Intensidade sinais eltricos representam as


grandezas luminosas ou sonoras

Processamento digital:
Intensidades so traduzidas para nmeros,
que podem ser:
Armazenados;
Transmitidos;
Processados.

Prof. Clarissa Avelino

Tcnicas digitais atuais dominam


sistemas de tratamento e apresentao
de informaes:

redes telefnicas,
equipamentos de udio,
sistemas de fotografia,
vdeo e cinema.

O que diferencia os recursos de


tratamento est mais na especializao
das funes do que nas tecnologias
usadas

Multimdia - 2014

Ambientes Textuais

20/08/2014

Primeiros computadores:

Terminais alfanumricos de raios catdicos;


Possibilitaram aplicativos orientados pra tela:

Apresentavam uma linha de texto por vez;


Pois usavam teletipos ou mquinas de escrever
como terminais.
Como herana, ainda so usados, por exemplo
interpretadores de comando do Windows (janelas
cmd)

processadores de texto,
planilhas e ambientes de programao;

Tela possua 1000 a 3000 caracteres;


Textos passaram a ser manipulados
diretamente;
Editores como o vi do Unix tornaram-se
populares.

Uma linha equivalia a: 40 a 80 caracteres,


sendo esse o tamanho da unidade de
interao entre homem e computador.

Ambientes Grficos
Dispositivos orientados a telas eram:
endereveis por caracteres;
Dispositivos grficos so endereveis por
ponto
Tela apresenta tipicamente um milho ou mais
de pontos distintos.
Baixo custo atual, difunde estes dispositivos;
Textos so tratados como um caso particular
de aplicao grfica.

Prof. Clarissa Avelino

Ambientes Textuais

Ingrediente essencial dos sistemas


animados a introduo do movimento
em tempo real.
Ambientes => sem figuras animadas =>
atualizao de 2s confortvel.
Ambientes => com animao => 10
atualizaes por segundo tem a iluso de
movimento.
Animao 2fps
Animao 12fps

Multimdia - 2014

20/08/2014

Outro ingrediente da tecnologia


multimdia a utilizao do ouvido
humano como via de comunicao.

Alguns anos atrs, pelas limitaes, as


animaes eram feitas de tal modo a no
atualizar a tela inteira. E este
comportamento era aceitvel
Atualmente, tcnicas de compresso de
sinal, viabilizaram o uso de vdeo em
aplicaes multimdia.

O fluxo auditivo mais lento que o


visual, porm essencialmente dinmico.

O som flui em tempo real;

Imagem pode ser esttica.

Tecnologia multimdia substituiu


mtodos manuais ou analgicos de
tratamento da imagem e som.

Computador como instrumento de


apresentao insere:

Tcnicas de processamento digital do


som e de animao:

Iluso de continuidade alcanada com


maiores taxas de apresentao de imagens:
Cinema 24 quadros por segundo;
Televiso convencional (brasileira ou americana) 30
quadros por segundo.

Conseguem melhores resultados;


Com custo e esforo menor;
Alcanam efeitos que no podem ser obtidos
por mtodos analgicos.

Prof. Clarissa Avelino

Flexibilidade de interao;
Flexibilidade de programao.

Os programas que permitem ao


computador fazer as apresentaes e
interagir com seus usurios so os
produtos multimdia.

Multimdia - 2014

Produtos multimdia permitem diferentes


graus de interao:

20/08/2014

Percorrer material audiovisual da forma mais


conveniente;

Ttulos: A apresentao de informao


previamente armazenada predomina sobre o
processamento.
Aplicativos: O processamento predomina
sobre a informao previamente armazenada.

Consultar, pesquisar e atualizar material


armazenado em bases de dados;
Efetuar simulaes de sistemas fsicos, com
menor ou maior grau de realismo, como
tambm feito em muitos jogos.

O que so Ttulos?

Com base no grau de interatividade


podem ser classificados em:

Outro produto que merece destaque o


stio da Web, que tem como suporte a
World Wide Web (WWW ou W3) servio de
hipermdia da Internet.

Tipos de ttulos:
Ttulos Lineares:

Grau de comportamento mais rgido;


Programas se comportam mais como
documentos do que como programas
Flexibilidade embutida nos programas
visualizadores ou navegadores

Prof. Clarissa Avelino

A apresentao segue ordem predeterminada e


sequencial;
Usurio tem alguns controles semelhante aos
equipamentos analgicos (avano, retrocesso,
avano rpido.

Exemplos:
Apresentaes para palestras;
Demonstraes de produtos e conceitos;
Tutoriais no interativos.

10

Multimdia - 2014

Tipos de ttulos:

20/08/2014

Exemplo Ttulo Linear:

Tipos de ttulos:
Ttulos Hipermdia:
Ordem de visualizao determinada pelo
usurio final;
O usurio tem a sua disposio controles para
navegao no sequencial;
Hipermdia deriva de hipertexto,
encadeamento de referncias permite consulta
no sequencial de uma base de informao de
texto.

Tipos de ttulos:
Ttulos Hipermdia:
Ao hipertexto, a hipermdia acrescenta:
Grficos;
Imagens;
Som;
Animaes.
Ambientes mais completos para construo de
ttulos hipermdia so fornecidos pelos
sistemas de autoria.

Prof. Clarissa Avelino

Tipos de ttulos:
Ttulos Hipermdia:
Exemplos:
Ttulos de referncia como dicionrios,
enciclopdias e manuais.
Ajuda on-line para utilizao de programas e
sistemas;
Quiosques informativos, como usados em
aeroportos;
Catlogos interativos de produtos e servios

11

Multimdia - 2014

Tipos de ttulos:

20/08/2014

Ttulo de hipermdia colocado em um servidor


wwww;
Visualizado remotamente em uma mquina
cliente;
Visualizao realizada por meio de um
navegador (browser);
Composto por pginas;
Em geral existe uma pgina inicial;
Navegao feita por meio de hiperligaes
(hyperlinks);

O que so Aplicativos?
Aplicativos Multimdia so aqueles cujo
desenvolvimento e funcionamento, a
utilizao de recursos multimdia
desempenha papel significativo.
Aplicativos com Interface Multimdia uso
de recursos ocorre principalmente na
implementao das interfaces de usurio;

Prof. Clarissa Avelino

Tipos de ttulos:
Stio (site):

Stio (site):

Os principais navegadores aceitam a


reproduo de novas formas de material
multimdia, por meio de extenses chamadas
suplementos (plugins);
Apresentam as mquinas de pesquisa (search
engines) ;

O que so Aplicativos?
Aplicativos com processamento Multimdia
o material multimdia objeto de
processamento significativo, envolvendo:
Transformaes;
Filtragem;
Gerao e execuo de algoritmos relativos
a multimdia em geral.

12

Multimdia - 2014

Como os aplicativos so desenvolvidos?

20/08/2014

Atualmente muitos aplicativos esto


disponveis diretamente na WWW.

Exemplo Google Maps:

Exemplos de aplicativos com


processamento multimdia que
processam o prprio material multimdia,
geralmente em tempo real:

Em ambientes de programao como:


Visual Basic;
Java.

Exemplos:
Jogos que no exijam processamentos
complexos;
Aplicativos educacionais treinamento ..
Aplicativos de produtividade pessoal
agenda...

Exemplos de aplicativos com


processamento multimdia que
processam o prprio material multimdia,
geralmente em tempo real:
Ferramentas de multimdia;

Sistemas de informao geogrfica;

Sistemas de visualizao tcnica e cientfica


visualizao arquitetnica (maquetes
eletrnicas), imagens mdicas;

Sistemas avanados de computao musical

Simuladores de tempo real;

Prof. Clarissa Avelino

Sistemas avanados de entretenimento


sistemas de RV, baseados na sntese grfica
tridimensional em tempo real.

13

Multimdia - 2014

Limitaes:

20/08/2014

Um aplicativo ou suplemento na mquina cliente


armazena uma parte prefixada do material e
comea em seguida a reproduzi-la.
Utilizadas para transmisso de rdio e TV pela
Internet.

Tcnicas de compresso de udio e vdeo


Tcnicas de processamento do lado cliente
(cdigo executado dentro do navegador e no no
servidor) auxilia a reduzir a demanda de
comunicao.

Exemplos Tecnologia de Fluxo contnuo:


Rdio;
Youtube;

Tecnologia de Fluxo contnuo:


Inicialmente os arquivos mais comuns de
material multimdia deviam ser completamente
recebidos na mquina cliente, antes que o
navegador pudesse reproduzi-los.
Posteriormente surgiram as tecnologias de
fluxo contnuo (streaming);

Verificar o navegador que ser utilizado, por


meio de cdigo identificar o navegador;
Recomendar o navegador melhor para
visualizao;
Fluxo de dados nos canais utilizados para
acesso Internet;
Para o problema de fluxo utilizar:

Web 2.0:
Conjunto de stios, aplicativos e tecnologias de
alta interatividade;
Esta denominao tem o intuito de dizer que
este conjunto seria a segunda gerao da
www.
Exemplos:
Wikipdia e wikis especializados;
Facebook, LinkedIn, Orkut;
Blogs (cujo conjunto chamado coletivamente de

blogosfera)

Prof. Clarissa Avelino

14

Multimdia - 2014

Web 2.0:
O termo Web 2.0 utilizado para descrever a

segunda gerao da World Wide Web


tendncia que refora o conceito de troca de
informaes e colaborao dos internautas
com sites e servios virtuais.
A idia que o ambiente on-line se torne mais
dinmico e que os usurios colaborem para a
organizao de contedo.

20/08/2014

Web 2.0:
Um fenmeno relacionado o dos Servios
Web (Web Services);
Denominao dada a tecnologias e protocolos
para comunicao atravs de mquinas, usando
recursos da Web

Essas tecnologias tambm levaram ao


desenvolvimento de Portais Web.

Fonte: Folha de So Paulo, disponvel em


http://www1.folha.uol.com.br/folha/informatica/ult124u20173.shtml.

Prof. Clarissa Avelino

15