Palestra Mídia Digital
-
Upload
jerickppts -
Category
Technology
-
view
540 -
download
0
Transcript of Palestra Mídia Digital
![Page 1: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/1.jpg)
![Page 2: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/2.jpg)
Agenda
1. Sociedade da Informação
2. (TICs Tecnologias de Informação e Comunicação) O que é Mídia Digital Tecnologias A interatividade
3. Modelos de negócios, Usabilidade e Arquitetura da Informação Modelos de Negócio (Internet, TV, Mobile) Usabilidade e Arquitetura da Informação
4. Convergindo as Mídias (Web, TV e Mobile)
5. Processos Corporativos Básicos de Mídia Digital
6. “O Profissional 3 telas” - Novos rumos e possibilidades para o profissional de Mídias Digitais: Suporte , Cores, Formatos, Tipografias, etc.
![Page 3: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/3.jpg)
Sociedade da Informação
Modelo de sociedade em formação e expansão originário da nova ordem mundial chamada de globalização.
1975 Daniel Bell introduziu no seu livro em seu livro [O advento da sociedade pós-industrial] o termo “Sociedade de Informação”.
Na década de 90 o torna-se assunto importante nas organizações mundiais (G7, G8, FMI, OMC, ONU, OCDE)
![Page 4: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/4.jpg)
Sociedade da Informação
Ontem: Ler, Escrever, Cálculos, Interpretar Texto
Hoje: Interagir, Produzir, Qualificar, Participar, Lecionar, Organizar, Questionar, Agrupar
![Page 5: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/5.jpg)
(TICs Tecnologias de Informação e Comunicação)
O que é Mídia Digital:
Todo meio de comunicação digitalizado, caracterizado pela agilidade, horizontalidade, iteratividade e pela comunicação em rede que as novas tecnologias promovem.
![Page 6: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/6.jpg)
ComputadoresArmazenadores: Disquetes, CDs, DVDs, Pen Drivers, HDs, TVs (Cabo, Assinaturas, Parabólicas, Tv Digital)Rádio DigitalTelefonia MóvelEmailsInternet - Podcasting - Streaming - Blogs
GamesFotografia DigitalVídeos DigitaisCinema DigitalPainéis Digitais
(TICs Tecnologias de Informação e Comunicação)
![Page 7: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/7.jpg)
Tecnologias
Permitem a utilização das mídias em cadeia tornando o conteúdo manipulável, dirigível e de fácil difusão a todos que possuam ferramentas de utilização dos mesmos.
Internet, Intranet Telefonia MóvelWi-FiBluetooth Satélites3GWimaxWAPBREWJAVA
(TICs Tecnologias de Informação e Comunicação)
![Page 8: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/8.jpg)
“Disposição ou predisposição para mais interação, para uma hiper-interação, para bidirecionalidade - fusão emissão-recepção, para participação e intervenção. ”Silva (1998:29) .
Internet: Web 2.0TV analógica: SMS, Telefonia MóvelTV Digital: Interatividade direta, SMS, Internet, TelefoneRádio: SMS, Telefone, InternetTelefonia Móvel: Internet, TV Digital, SMS, MMS, Geolocalização
A interatividade A interatividade
![Page 9: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/9.jpg)
Internet:e-business X e-commerceCorporativaPublicidade e propagandaRedes SociaisMétricas de internetMobile (SMS, 3G, etc.)
A interatividade Modelos de negócios
TV Digital:Interatividade, Integração com a Internet, T- Banking,T- Governo,T- CommerceModelos publicitários
Mobile:Internet e CorporativoPublicidade e PropagandaPagamentos e VendasTV Digital e Analógica e interatividade
![Page 10: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/10.jpg)
Padrões, Telas, Mídias, Usabilidade eArquitetura da Informação.
![Page 11: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/11.jpg)
Padrões, Telas e Mídias - Internet
Padrão:W3C - World Wide Web Consortium
Configurações de Telas800 x 6001024 x 7681152 x 824Etc.
???
Navegação por links (mouse)
Mídias:JPG, GIF, PNG, Vídeos, Flash, Java, etc.
![Page 12: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/12.jpg)
Padrões, Telas e Mídias - Internet
Algumas configurações de Mídias Web(em pixels)
![Page 13: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/13.jpg)
Usabilidade e Arquitetura da Informação
Sitemap
Wireframes
Briefing
Levantamento de conteúdo
Estudos de Usabilidade
![Page 14: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/14.jpg)
Disseminação da Informação
Redes sociais também na TV e no celular
![Page 15: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/15.jpg)
A internet na TV
![Page 16: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/16.jpg)
TVs na Internet
A nova onda de TV na internet
Sistemas que agrupa vários canais abertos de TV na internet
TVs corporativas na internet
Petrobrás
Unilever
Partido do Trabalhador
Ambev
Tv – Sabão OMO
Renner
Z3 Webcast
Ministério da Integração
Etc.
![Page 17: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/17.jpg)
Padrões, Telas e Mídias - TV Digital
Padrão:SBTVD – Sistema Brasileiro de TV Digitalbaseado no padrão japonês ISDB-T
Navegação por FOCOS (Controle remoto)
Mídias:JPG, PNG, Vídeos
Configurações de Telas
16:9 X 4:3
![Page 18: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/18.jpg)
Empresas - TV Digital
Empresas de Interatividade para TV Digital
Midleware - Ginga (NCL / Java)
![Page 19: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/19.jpg)
Usabilidade e Arquitetura da Informação
Navegação com auxílio dos botões coloridosPeças de layout sobre o vídeo
Tempo de resposta da aplicação
Botões Coloridos (Sofkeys)
![Page 20: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/20.jpg)
Usabilidade e Arquitetura da Informação FocoNavegação por foco
![Page 21: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/21.jpg)
Aplicações de TV Digital (Fase de testes das emissoras)
![Page 22: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/22.jpg)
Padrões, Telas e Mídias - Mobile
Platafomas:PalmOS, Windows Mobile, Symbiam, BlackBerry, Iphone, Android.
Configurações de Telas
n tipos de telas
Ainda não existe um padrão para criação de sites mobile.
![Page 23: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/23.jpg)
Padrões, Telas e Mídias - Mobile
Navegação Teclado X Touchscreen
Touchscreen(QWERT)
MídiasJPG, GIF, PNG, FLASH, Vídeos, MP3
X
Tipos de aplicaçõesSites HTML (css, javaScript, flash), JAVA, PHP
![Page 24: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/24.jpg)
Usabilidade e Arquitetura da Informação - Mobile
Wireframeé onde o “circo pega fogo”
Vários tipos de telas
Vários tamanhos de textos, por isso devem ser curtos!
Interfaces mais simples e objetivas possível
Wireframes para cada tipo de display sem perder a identidade visual
Sitemapgarantir que os usuários tenham acesso aos conteúdos ou realizem suas tarefas com o menor número de cliques e input de dados possível.
Saiba onde o trabalho vai ser aplicadoConheça o público alvo e a tecnologia para apresentar da melhor forma possível a informação.
![Page 25: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/25.jpg)
Usabilidade e Arquitetura da Informação
Pré-look
Espaço reduzido Menu reduzido Login
Conteúdo - navegaçãoLembrar de sempre colocar o
menor número de inputs possível
![Page 26: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/26.jpg)
Exemplo
veremos uma ação em TV Digital Mobile mais adiante!
![Page 27: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/27.jpg)
Convergindo as mídias
![Page 28: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/28.jpg)
Wireframes
![Page 29: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/29.jpg)
Wireframes
Exemplo de tela240 x 320
![Page 30: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/30.jpg)
Wireframes
Tela 16:9: 1280px X 720px
Logo
Qual melhor Sistema Operacional?
Windows Linux X Leopard
Sair
Vídeo
Você tem:
60segundos
![Page 31: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/31.jpg)
Layout / Design
Consistência e Padronização
Organização de arquivos PSD
Diferentes layouts
Padronização do design nas ações em diferentes Mídias
Diferenciação das cores em diferentes telas
Utilização de imagens em mobile
Imagens devem ser mais que meras ilustrações
![Page 32: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/32.jpg)
Processos Corporativos de Mídia Digital
Briefing - (Planejamento e Pesquisa de Público / Mercado)
Arquitetura da Informação ( Levantamento de conteúdo, Sitemap e Wireframes )
Layout / Design
Documento de Layout (Apresentação)
![Page 33: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/33.jpg)
“O Profissional 3 telas”Novos rumos e possibilidades para o profissional de Mídias Digitais
Designer Gráfico X Designer Multimídia
Suporte Designer Gráfico:Criações feitas para materiais palpáveis e do mundo real.(Padrões de Folhas e Papéis, Plásticos, Produtos etc.)resolução 300dpi
Suporte Designer Multimídia:Criações feitas para o meio digital.( CD ROMs, Monitores, Displays, TVs. )Resoluções de ecrã (800x600, 1024x768, etc.)Resolução 72dpi
RGB X CMYK
Cores
![Page 34: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/34.jpg)
“O Profissional 3 telas”Novos rumos e possibilidades para o profissional de Mídias Digitais
Formatos de imagens:
GráficoTIFEPS
Multimídia:JPGPNGGIF
Encaixável na grade de pixel do monitor.
Tipografias:
Sobre Impressões: com as novas Ploter Digitais já conseguimos imprimir com “perfeição” qualquer formato de imagem.
![Page 35: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/35.jpg)
“O Profissional 3 telas”Novos rumos e possibilidades para o profissional de Mídias Digitais
Multimídia (a morte da “Bi-dimensionalidade”):
Movimento (Animação) Interatividade (Participação e retorno do utilizador)
3D
Realidade Aumentada
![Page 36: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/36.jpg)
“O Profissional 3 telas”Novos rumos e possibilidades para o profissional de Mídias Digitais
“e Nós?”Mercado de mídia em crescimento e grandes ações multimídia
Profissionais qualificados e adaptáveis para trabalhar em várias situações
Gestão de equipes de mídias “Aquele povo da criação” Egocentrismo Criação x Desenvolvimento
Aprendizado constante com experiências reais
![Page 37: Palestra Mídia Digital](https://reader036.fdocumentos.com/reader036/viewer/2022081521/54915a6db4795903088b47e4/html5/thumbnails/37.jpg)
[email protected]@tqtvd.com