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@[Link]
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
[Link]
Prof. Clarissa Avelino
15