You are on page 1of 27

25/02/2015

Mdias Web e Digitais


Profa. Dra. Graciana Simon Fischer

Contedo programtico
1 Conceitos bsicos de mdias digitais
2 Conceitos bsicos de Web
3 Usabilidade
4 Webdesign
5 Equipe de produo Web
6 Imagem e cor nas mdias digitais
7 Tipografia na Web
8 Formatos de mdias para Web
9 Mdias mobile
10 Softwares para produo Web
11 Softwares para produo audiovisual
2

25/02/2015

1 - Conceitos bsicos de mdias digitais

Conceito de multimdia
No mbito das mdias audiovisuais, identificamos
uma subdiviso em dois grupos bsicos: de um
lado as mdias tradicionais e do outro as novas
mdias (multimdia).
A definio mais precisa para o que caracteriza o
grupo multimdia mdia

digital interativa.
3

1 - Conceitos bsicos de mdias digitais

Nova mdia
A nova mdia no se configura apenas como uma extenso linear da antiga,
ela expande a gama de recursos para novas dimenses.
Oferece ligaes interativas on-line entre o consumidor e o provedor de
informaes. Esta capacidade acrescenta uma importante nova dimenso ao
atual padro da mdia de massa que consiste de produtos unidirecionais
fornecidos por uma fonte centralizada (jornal, TV ou cinema). A nova mdia
permite aos consumidores escolher quais recursos de informao e
entretenimento desejam, quando e de que forma utiliz-los.
Segundo DIZARD, o resultado pode ser uma nova espcie de ambiente de
comunicaes democrtico, igualando-se previso da dcada de 60 do
guru da mdia, Marshall McLuhan, sobre mquinas de informao de ltima
gerao que faro do homem comum seu prprio editor.
4

25/02/2015

2 Conceitos bsicos de Web


Social software
Segundo SPYER, o termo social software usado para
se referir ao tipo de programa que produz ambientes de
socializao pela Internet, ele que est por trs da
colaborao online.
Sua aplicao funde a difuso (broadcasting) que
transmite informao de um ponto para muitos, com a
interatividade caracterstica da comunicao de duas vias.
Em outras palavras, a Internet representa a unio das
possibilidades de interao do telefone com o alcance
macio da TV.
5

2 Conceitos bsicos de Web


Intranet
uma rede de computadores privada (acesso restrito) que funciona como a Web,
mas no est disponvel atravs dela. uma verso privada da Internet, uma miniInternet restrita a uma organizao. Em geral so redes corporativas, que permitem
que funcionrios de uma empresa compartilhem recursos e projetos sem que as
informaes confidenciais dessa empresa fiquem disponveis para todos que
possuem acesso Internet.

Hotsite
um pequeno site planejado para apresentar e destacar uma ao de comunicao
e marketing pontual. Possui tempo de vida til determinado e ligado a uma ao de
marketing ou comunicao especfica, com durao vinculada a esta ao
mercadolgica, como lanamento de produtos, eventos, novas edies de produtos
ou servios, etc. Geralmente possuem um apelo visual maior e so mais focados em
um pblico especfico.
6

25/02/2015

2 Conceitos bsicos de Web

Home Page
O contedo de um site um conjunto de documentos
multimdia de acesso remoto. Home o nome dado
primeira tela de sites de navegao simples.
Um website composto de vrios documentos de
hipertexto intercalados e dos recursos relacionados a eles:
imagens, sons, multimdia, vdeo, etc, que ficam gravados
no disco do servidor e so chamadas de pginas web.

2 Conceitos bsicos de Web

Caractersticas das pginas Web


rea til e Scroll Bars (barras de rolagem)
Ao contrrio do papel, que tem um tamanho fixo e identificvel de pgina, a
comunicao digital no se restringe s limitaes fsicas do monitor.
Possibilidades
A Web tem vrios recursos que os outros meios de comunicao no tm. Os dois
principais so a personalizao criao de veculos que permitem um contato
verdadeiramente individual e a interatividade: os documentos se reorganizam e
se acumulam, o que torna cada contato uma experincia nica.

25/02/2015

2 Conceitos bsicos de Web

HTML (HyperText Markup Language) significa Linguagem de Marcao


de Hipertexto). uma linguagem utilizada para produzir pginas na Web.
Documentos HTML podem ser interpretados por navegadores (browsers).
Como o nome diz, uma linguagem de marcao: marca o incio e fim de
ttulos, pargrafos, listas, tabelas, etc. Tambm permite definir a cor de
fundo, cor do texto, cor dos links de hipertexto, posio e tamanho das
imagens, mas atualmente isso feito com outra linguagem: CSS
(Cascading Style Sheets)
Pginas geradas em HTML se adaptam janela aberta e vo montando
o layout de acordo com os recursos disponveis, de tal forma que o
resultado pode ter diversas formas e tamanhos diferentes conforme o
computador, tipo de browser etc.

2 Conceitos bsicos de Web

Endereo web (URL)


Cada pgina na Web possui um endereo (Uniform Resourse Locator
URL)

http://www.meusite.com.br

O endereo faz parte


Ativa o protocolo de
da World Wide Web
transmisso de
(opcional)
dados

Domnio
especfico

Categoria
do site

Localizao
do domnio

10

25/02/2015

2 Conceitos bsicos de Web


Domnio
o nome que serve para localizar e identificar conjuntos de computadores
na Internet. Foi concebido com o objetivo de facilitar a memorizao dos
endereos de computadores na Internet.
Portal
Segundo FERRARI, para ser um portal, um site precisa reunir certas caractersticas.
O contedo jornalstico tm sido o principal chamariz dos portais. Pela possibilidade
de reunir milhes de pessoas conectadas ao mesmo tempo, os sites do gnero
assumiram o comportamento de mdia de massa. Sua estruturao exige uma
organizao dos dados e um cdigo visual.
Os portais verticais visam o usurio interessado em contedo e servios
personalizados, Segundo OUTING, so a melhor alternativa estratgica para que
empresas de mdia enfrentem os grandes portais horizontais, que concentram os
maiores volumes de trfego e dinheiro dos investidores.
11

2 Conceitos bsicos de Web

Creative Commons CC (criao comum)


Conjunto de licenas padronizadas para gesto aberta, livre e compartilhada de
contedos e informao (copyleft). Foram idealizadas para permitir a padronizao
de declaraes de vontade no tocante ao licenciamento e distribuio de
contedos culturais em geral (textos, msicas, imagens, filmes e outros), de modo
a facilitar seu compartilhamento e recombinao.
As licenas criadas pela organizao permitem que detentores de copyright (isto ,
autores de contedos ou detentores de direitos sobre estes) possam abdicar em
favor do pblico de alguns dos seus direitos inerentes s suas criaes.

Copyleft
uma forma de usar a legislao de proteo dos direitos autorais com o objetivo
de retirar barreiras utilizao, difuso e modificao de uma obra criativa devido
aplicao clssica das normas de propriedade intelectual, sendo assim diferente
do domnio pblico que no apresenta tais restries.
12

25/02/2015

3 Usabilidade
Usabilidade = facilidade de uso
A usabilidade um aspecto da ergonomia.
um termo usado para definir a facilidade com que as pessoas podem empregar uma
ferramenta ou objeto a fim de realizar uma tarefa especfica e importante. Pode
tambm se referir aos mtodos de mensurao da usabilidade e ao estudo dos
princpios relacionados eficincia percebida de um objeto.
No mbito da Interao Humano-computador e da Cincia da Computao,
usabilidade se refere simplicidade e facilidade com que uma interface, um programa
de computador ou um website podem ser utilizados. Est relacionada aos estudos de
Ergonomia e de Interao Humano-computador.
Segundo FERRARI, o conjunto de caractersticas de um produto que definem seu
grau de interao com o usurio.
13

3 Usabilidade
Aspectos importantes:
Fcil aprendizagem
Utilizao eficiente
Poucos erros
Memorizao
Satisfao
Referncias principais: Jakob Nielsen e Steve Krug

14

25/02/2015

3 Usabilidade
Dicas de usabilidade
Design
ANIMAO: Deixar o usurio optar se quer ver ou no a abertura. No animar o
ttulo do site, assim como no se deve animar o logotipo.
O logotipo principal deve ficar junto com o nome do site, de preferncia no canto
esquerdo superior da home.
Texto e Layout

FONTES: Limitar estilos, tamanhos e cores de fontes.


SCROLL: Evitar a rolagem horizontal, que torna a navegao ruim, quando cria
a sensao de sobra.

DOBRA: A informao relevante deve estar sempre acima da dobra, isto , na


tela inicial, sem qualquer rolagem (scroll).
15

3 Dicas de Usabilidade
LAYOUT: Sempre que possvel, deve ser fluido e simples para ajustar-se a
qualquer resoluo de tela.
SEES: Nome-las e orden-las segundo sua importncia para o usurio.

Elementos diversos
CONES: S us-los na navegao se identificarem facilmente um tipo de produto
ou arquivo.
LINKS: Comear cada link com a palavra mais importante da informao a que ele
conduz.
BUSCA: Pr uma caixa para ela direto na home. O default deve ser a pesquisa no
site todo (o prprio Google oferece uma ferramenta para busca interna).
ATALHOS: oferecer atalhos imediatos para os servios mais procurados no site.
ANNCIOS: Devem ficar nas bordas da pgina, e nunca ao lado de itens de
prioridade alta.
16

25/02/2015

3 Usabilidade
Entender o fator humano
Quem julga o sucesso de um produto de mdia interativa o
usurio. Designers, programadores e empresas que entenderem
o fator humano tero xito em seus produtos.
Um erro fundamental como estratgia de mercado foi no
considerar o desejo e a reao dos usurios tecnologia.
De acordo com pesquisas realizadas nos Estados Unidos,
usurios da Internet apontam como as duas razes principais que
os fazem retornar a um site a facilidade de uso e a rapidez de
download.

17

3 Usabilidade
Arquitetura da Informao (AI)
O contedo de um website necessita ser cuidadosamente organizado em
pginas, menus e mapas de navegao.
AI consiste na estruturao das informaes de sistemas computacionais de
forma lgica e na criao de solues quanto organizao visual destas
informaes.
Envolve a organizao do fluxo de informao objetivando torn-la til e
inteligvel. Une trs reas fundamentais: tecnologia, design e produo de
contedo. (jornalismo e redao).
Jakob Nielsen

18

25/02/2015

3 Usabilidade
Arquitetura da Informao (AI)
O profissional de AI deve estar apto a analisar e entender as
necessidades dos usurios e projetar uma arquitetura da
informao clara, que permita que tudo o que o usurio procure
seja encontrado rpida e facilmente.
O AI responsvel pelo desenho do mapa do site, que apresenta
o fluxo e a hierarquia do contedo do site em seus vrios nveis.
Jakob Nielsen

19

4 Webdesign
Interface grfica
Refere-se a como as pginas se apresentam e tambm a como
elas funcionam e interagem com o usurio. o ponto de contato
entre um ser humano e uma mquina. Em web, a aparncia
dos websites. o ambiente grfico do produto digital, o canal de
comunicao do usurio final com o contedo do sistema de
computador (o elemento de transio entre o mundo real e o
digital). composta de links, cones, botes, etc. que permitem
que o usurio interaja com a mquina sem precisar dominar
cdigos de programao.

20

10

25/02/2015

4 Webdesign
O webdesign totalmente diferente do design grfico
tradicional para a mdia impressa. Webdesign antes de
tudo design interativo.
Fazer design para a Web no fcil, porque cada tela pode
se comportar de uma forma diferente: so browsers,
computadores, sistemas operacionais, cores, letras,
tamanhos de monitor, etc.
No h como desenhar documentos que fiquem iguais em
todos os sistemas a no ser que se nivele por baixo. Por
isso muito importante saber o que o meio comporta e o
que no comporta.
21

4 Webdesign
Browsers podem ocupar qualquer tamanho em um
monitor. Mesmo a tela sendo grande, nada impede o
usurio de abrir uma janela pequena. Como no existe
tamanho fixo nem definitivo para a interface que
aparecer na tela, o design deve ser bastante verstil
para se ajustar a qualquer configurao.
A primeira fase da web caracterizou-se pela experincia
espacial (revista eletrnica, aspecto grfico). A web ps
Flash caracteriza-se pela experincia temporal (cinema,
movimento).
22

11

25/02/2015

4 Webdesign
Relao entre texto e imagem
Redundante
Os mesmos elementos so reproduzidos visual e
verbalmente, repetindo as idias principais e contando a
mesma histria. Nesses casos, ler o texto ou ver a imagem
traz exatamente a mesma informao.

Complementar
Texto e imagem apresentam contedos diferentes.
preciso ver os dois modos para que se entendam as idias
principais.
23

4 Webdesign
Relao entre texto e imagem
Cenrio
Um dos elementos define um cenrio (ou ambiente) e conta a
situao. O segundo conta uma histria dentro desse
ambiente.

Suplementar
Os contedos de texto e imagem so diferentes. Um modo
domina, mandando as idias principais, enquanto o outro
refora, elabora ou as explica.
24

12

25/02/2015

4 Webdesign

Legibilidade
A legibilidade dada em funo da tipologia, da cor
do texto, do tamanho da letra dos espaamentos
(kerning e tracking), da largura da coluna etc.

25

4 Webdesign
Planejamento (etapas)
Objetivos
Qual o tipo de produto e o que se pretende com a
comunicao
Pblico
A quem se dirige a comunicao
Formato
Suas dimenses e propores
Resposta
O que se pretende com ele.
26

13

25/02/2015

5 Equipe de produo web


Arquiteto da Informao (AI)
Funo: Organizar o contedo, preparar estruturas de
navegao, facilitar o acesso, organizar os links, fazer o mapa
do site.

Diretor de Criao
Funo: Criar o projeto grfico do site, coordenar o trabalho
dos designers e fornecedores.

Coordenador de projeto
Funo: Garantir o prazo o oramento estipulados, contactar
fornecedores e cobr-los.
27

5 Equipe de produo web

Atendimento e marketing
Funo: Garantir a adequao do projeto estratgia mercadolgica
determinada pelo cliente.

Especialistas em contedo e consultores


Funo: Garantir a integridade e a veracidade do contedo.

Redatores e editores
Funo: Escrever os textos e garantir sua consistncia, adequando-o
ao pblico leitor.

Designers de interface: Assistentes de arte,


Webdesigners e Diretores de arte
Funo: Criar interfaces, garantir sua qualidade e consistncia.
28

14

25/02/2015

5 Equipe de produo web

Editores e equipe de mdia: Som, vdeo e animao


Funo: Gerar vinhetas ara seces especiais ou ate para sites
inteiros.

Programadores e especialistas em tecnologia


Funo: Formatar as pginas HTML e CSS, criar rotinas JavaScript,
relacionar o site com bancos de dados, fazer ajustes na programao.

Webdesigner
Funo: Garantir o funcionamento do site. o programador
responsvel pela manuteno do site, suporte tcnico e correo de
eventuais problemas.
29

5 Equipe de produo web

Testadores
Funo: Revisar os processos para evitar erros (bugs).

Relaes pblicas e assessores de imprensa


Funo: Garantir a divulgao do projeto e responder s dvidas
dos usurios.

Outros profissionais de apoio


Advogado; Profissionais de pesquisa; Fotgrafos, ilustradores e
artistas plsticos; Especialistas em programas especficos;
Programadores de tecnologias especiais

30

15

25/02/2015

6 Imagem e cor nas mdias digitais

Imagem
Existem quatro tipos de funo que uma
imagem pode realizar em um website:
1 - ilustrar;
2 - boto com link de hipertexto;
3 - mapa (image map) com reas clicveis;
4 - imagem de fundo.
31

6 Imagem e cor nas mdias digitais


As imagens so os elementos mais elaborados na construo de
um website. A relao tamanho/formato/tempo de carregamento
das imagens fundamental para a eficincia de um layout.
A web page no aparece pronta na tela do computador logo que o
endereo do site digitado. Ela construda em blocos, a medida
que o servidor envia as partes da pgina para o computador que
solicitou: primeiro aparece o fundo, depois os textos, imagens e
finalmente a tecnologia associada ao site (banco de dados,
busca).
Toda imagem em Web formada por uma grade de pixels (picture
element), que so a unidade mtrica das pginas e de suas
imagens.
32

16

25/02/2015

6 Imagem e cor nas mdias digitais

Resoluo

o volume de informao armazenado em uma imagem,


ou seja, a quantidade de pixels existente em uma polegada
quadrada (dpi). Quanto mais pixels, mais informaes e
maior o tamanho do arquivo (peso).
O padro para exibio de imagens na tela do computador
de 72 dpi.

33

6 Imagem e cor nas mdias digitais

cones

Pequenas ilustraes, cones e botes s devem ser


colocados em uma interface se facilitarem a comunicao.
muito comum o uso de elementos acessrios, degrads ou
animaes dispensveis, dificultando a leitura tornam a
interface mais lenta e confusa. J um cone simples,
sinttico e claro funciona melhor que um amontoado de
palavras.

34

17

25/02/2015

6 Imagem e cor nas mdias digitais


Formatos de imagem
JPEG (Joint Photographic Experts Groups)
Normalmente usado para fotografias, esse padro comprime imagens, descartando
reas repetitivas ou com baixo nvel de detalhe. Essa compresso varia de 0 a
100% e pode gerar arquivos bem pequenos, mais com qualidade sofrvel.

GIF (Graphics Interchange Format)


um formato de imagem de mapa de bits usado na web para imagens fixas ou para
animaes.

PNG (Portable Network Graphics)


Surgiu como substituto para o formato GIF. Possui uma maior gama de profundidade
de cores e alta compresso (regulvel). O formato PNG permite comprimir as
imagens sem perda de qualidade e retirar o fundo de imagens com o uso do canal
alfa.
35

6 Imagem e cor nas mdias digitais


Cor

uso da cor no deve ser desvinculado de seus valores


simblicos e afetivos.
O

Esses aspectos devem ser considerados na escolha das cores a


serem aplicadas num site. Que cor dever prevalecer no fundo, e
como esta cor de fundo se comporta em relao as demais cores
e imagens da pgina.
Uma mesma imagem pode variar de tamanho conforme o tipo de
monitor. O que define o tamanho de uma imagem a quantidade
de espao necessrio para armazen-la: suas dimenses e a
informao de cor de cada pixel. Assim, uma imagem de 30x30
pixels e 256 cores ocupar mais espao que uma com o mesmo
tamanho e um nmero menor de cores.
36

18

25/02/2015

6 Imagem e cor nas mdias digitais

Cor

Certas cores so diferentes entre Macs e Pcs. Eles no


compartilham as mesmas 256 cores, 40 delas so
completamente diferentes, por isso sempre bom checar a
imagem nesses dois sistemas ou usar um padro web-safe com
o mximo de 216 cores, (cores seguras web).
importante equilibrar qualidade (resoluo) e tamanho (peso)
de arquivo.

37

6 Imagem e cor nas mdias digitais

Valores RGB
As imagens utilizadas em mdias digitais devem ser salvas no modo RGB.
Cada cor RGB possui um valor (intensidade), de 0 a 255. As combinaes
desses valores produzem as vrias cores. Ex: R 30, G 170, B 255.

Cor hexadecimal
Na linguagem HTML as cores RGB so traduzidas para o cdigo
hexadecimal. Ex: #FF0072. Isso pode ser verificado ao visualizarmos o
cdigo fonte de uma pgina.

38

19

25/02/2015

6 Imagem e cor nas mdias digitais


Cor indexada (indexed color)

O modo cor indexada uma seleo limitada, denominada paleta,


de at 256 cores. Uma imagem em RGB completo pode exibir at
milhes de cores. Ao convertermos uma imagem ao modo de cor
indexada, tudo alm de um mximo de 256 cores RGB removido
da imagem. Se houver necessidade da mesma exibir uma cor que
no pertena a sua paleta limitada, ser usada a cor mais
prxima, ou a cor ser simulada o melhor possvel, a partir da
combinao das cores disponveis. Utilizar uma paleta limitada
torna o tamanho do arquivo muito menor, o que otimiza a exibio
da pgina.
39

7 Tipografia na Web
Pensar em tipografia para Web desenhar mensagens
interativas. O uso da tipografia na Web envolve solues (em
muitos casos) inovadoras e nicas, levando-se em conta os
instrumentos (computadores, modems), novos sinais grficos (#,
@), novas dimenses (hipertexto, hiperlink), novas linguagens
(html, java) e necessidades individuais a serem atendidas.
Existem empresas que produzem e distribuem fontes otimizadas
para uma melhor visualizao na tela (melhor adequao do tipo
grade de pixel do monitor). Suas caractersticas so: caracteres
com hastes mais largas, maior altura do corpo, maior espao
entre letras .

40

20

25/02/2015

7 Tipografia na Web
Evitar o uso de Famlias do tipo cursivo (que imitam caligrafia) em
maisculas, pois no foram projetadas para este uso.
L E T R A S S E P A R A D A S so uma soluo radical para
a mudana de ritmo e reconhecimento de palavras. Evite usar
esse recurso com minsculas, pois seu desenho original no
prev tamanha separao.
Deixe espaos em branco para garantir o arejamento do texto.
Evite usar para massas de texto uma fonte muito grande com uma
entrelinha apertada. Textos menores com uma entrelinha maior
possuem uma leitura mais agradvel.

41

7 Tipografia na Web

A cor outro elemento muito importante em um texto.


Conforme a posio e o contraste com o resto do layout,
uma pequena palavra colorida pode chamar mais a ateno
que o negrito ou at mesmo que o texto inteiro.
As cores devem ser usadas na Web com cuidado e de
forma bastante explcita, j que tambm so sinais de links
de hipertexto.
42

21

25/02/2015

7 Tipografia na Web
Alinhamento
Um texto alinhado esquerda a forma mais fcil de se ler. Textos
centralizados costumam ser estticos. Podem ser usados como
ttulos de produtos clssicos ou tradicionais. No se deve us-los
para textos corridos.
Alinhar direita uma soluo de contraste bastante radical e
costuma chamar muito a ateno. Em longos textos to difcil
quanto o layout centralizado.
O texto blocado no deve ser utilizado em colunas estreitas, pois
podem criar rios de espaos em branco entre as palavras,
dificultando a leitura.
43

7 Tipografia na Web

Formatos de Fontes
Fontes TTF (true type)
So as mais comuns, este formato foi desenvolvido por uma parceria entre a Microsoft e
a Apple. Nele a fonte que voc v na tela a mesma que ser impressa, o que o torna
bastante verstil.
Fontes PostScript (Type 1 ou PS)
Desenvolvido pela Adobe Corporation, este tipo de fonte composto por dois arquivos:
um para visualizao na tela e outro para impresso. muito usado na indstria
grfica. Para o uso deste formato necessrio um software para habilit-la e para que o
sistema a reconhea.
Fontes Bitmap (fontes de tela ou screen fonts)
So otimizadas para apresentar o mximo de qualidade na tela, levando em conta a
grade de pixels. No possuem anti-aliasing (anti-serrilhado), por isso apresentam uma
leitura na tela melhor. So desenhadas para serem usadas em um nico tamanho.
44

22

25/02/2015

8 Formatos de mdias para Web

Full banner
Formato: 468x60 pixels
Half banner
Formato: 234x60 pixels
Boto
Formato: 125x50 pixels
Banner Vertical
Formato: 120x240 pixels
PopUp
Janela flutuante, ativada aps o carregamento da pgina.
Formato: 250x250 pixels
45

8 Formatos de mdias para Web

E-mail mkt
E-mail personalizado do anunciante. Em geral enviado para um pblico
segmentado.
Super banner
Formato: 728x90 pixels
PopUnder
Janela que carrega atrs do site, quando o usurio fecha a janela do site,
v outra janela aberta.
Floater ou DHTML
Pea dinmica que flutua na tela e que pode ser fechada ou fica por tempo
determinado.
Formato: varivel, substituindo o popup, que est sendo bloqueado
46

23

25/02/2015

9 Mdias mobile

Segundo PVOA, a caracterstica mais dinmica da interao com um


celular favoreceu o crescimento do protocolo WAP (Wireless Application
Protocol). O fenmeno wireless representa o incio do fim do domnio
dos computadores pessoais de mesa como a forma mais popular de
acesso Internet (incio da Era ps-PC) e, por conseguinte, aos dados
pessoais do usurio. O WAP foi um revolucionrio meio para marketing,
at pouco tempo atrs, quando os celulares passaram a acessar
diretamente a Web valorizando o conceito de design responsivo.
A proliferao dos dispositivos mveis representa o aparecimento de
uma srie de poderosos canais de distribuio para o contedo e
servios de um Portal, o brand do Portal passa a estabelecer uma
aproximao muito mais ntima em relao vida pessoal do usurio, j
que pode ser distribudo das formas mais variadas e flexveis.
47

10 - Softwares para produo Web

Browsers (navegadores)
Programas leitores de hipertexto. Tem por funo mostrar
os documentos do website. O browser permite a
visualizao de grficos, cores, links etc. Ele l as
informaes na pgina web e as exibe na tela.
Internet Explorer
Mozilla Firefox
Google Chrome
Safari
Opera
48

24

25/02/2015

10 - Softwares para produo Web

Editores Web
Adobe Dreamweaver, Adobe Flash, Microsoft Expression
Edio de vdeo (composio de vdeo)
Adobe Premiere
Apple Final Cut
Avid
Adobe After Effects
Autodesk Combustion
Sony Vegas
49

11 Softwares para produo


audiovisual
Grficos e animao 3D
Autodesk 3Dstudio Max e Maya;
Softimage; Blender (open source)

Sistemas de cor para TV e vdeo


Analgicos
NTSC (sistema americano) 525 linhas
PAL M (sistema brasileiro) 525 linhas
SECAM (sistema francs) 625 linhas

Digitais
SDTV (480i, 576i)
HDTV (1080i) e (1080p)
50

25

25/02/2015

11 Conceitos de vdeo digital


Encode
Encodar converter um arquivo de vdeo aplicando-se um cdigo (codec),
com a finalidade de possibilitar uma compresso e uma posterior
descompresso do arquivo.

Streaming (fluxo, ou fluxo de mdia)


uma forma de distribuir informao multimdia numa rede atravs de
pacotes. freqentemente utilizada para distribuir contedo multimdia
atravs da Internet. Em streaming, as informaes da mdia no so
usualmente arquivadas pelo usurio que est recebendo a stream (a no
ser a arquivao temporria no cache do sistema ou que o usurio
ativamente faa a gravao dos dados). Permite que um usurio reproduza
mdia protegida por direitos autorais na Internet sem a violao dos direitos,
similar ao rdio ou televiso aberta.
51

11 Conceitos de vdeo digital


High-Definition Multimedia Interface (HDMI)
uma interface totalmente digital de audio e video capaz de transmitir
streams de dados no comprimidos. HDMI compatvel com o Highbandwidth Digital Content Protection (HDCP) um sistema anti-pirataria.
HDMI fornece uma interface de comunicao entre qualquer fonte de
audio/video digital.
Blu-ray
um formato de disco ptico da nova gerao de 12 cm de dimetro
(igual ao CD e ao DVD) para vdeo de alta definio e armazenamento
de dados de alta densidade. o sucessor do DVD e capaz de
armazenar filmes at 1080p Full HD de at 4 horas sem perdas. Requer
uma TV de alta definio.

52

26

25/02/2015

Bibliografia

DIZARD JR., Wilson. A Nova Mdia. A comunicao de massa na era da


informao. Rio de Janeiro: Jorge Zahar Editor, 2000.
FERRARI, Pollyana. Jornalismo Digital. So Paulo: Ed. Contexto, 2008.
NIELSEN, Jakob; LORANGER, Oha. Projetando Websites com Usabilidade. Rio
de Janeiro: Ed. Campus, 2007.
PVOA, Marcello. Anatomia da Internet. Rio de Janeiro: Casa da Palavra, 2000.
RADFAHRER, Luli. Design / web / design. So Paulo: Market Press.
SPYER, Juliano. Conectado o que a internet fez com voc e o que voc pode
fazer com ela. Rio de Janeiro: Jorge Zahar Editor, 2007.
WILLIAMS, Robin e TOLLETT, John. Web Design para No-Designers. Rio de
Janeiro: Ed. Cincia Moderna, 2001.

53

27

You might also like