mobile & cia
DESCRIPTION
Considerações sobre a produção e distribuiçãodeconteúdo multimídia interativo para múltiplasplataformas e dispositivos portáteisTRANSCRIPT
![Page 1: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/1.jpg)
Um bate papo sobre a produção e distribuição de conteúdo multimídia interativo para múltiplas plataformas e dispositivos portáteis
Fábio Flatschart
www.flatschart.com
![Page 2: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/2.jpg)
Fábio FlatschartConsultor da Adobe Systems do Brasil
Consultor da subárea de Internet da Gerência de Desenvolvimento do Senac/SP na produção de eventos, novas parcerias, desenvolvimento e atualização dos produtos e cursos
Formado pela Escola de Comunicações e Artes da Universidade de São Paulo (ECA-USP), possui especialização em Criação Visual e Multimídia
Autor da Editora Brasport e Editora Senac/SP
www.flatschart.com
![Page 3: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/3.jpg)
INTRODUÇÃO
www.flatschart.com
![Page 4: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/4.jpg)
Analógico
www.flatschart.com
![Page 5: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/5.jpg)
Digital
www.flatschart.com
![Page 6: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/6.jpg)
Evolução
www.flatschart.com
1900 20001950 1970
![Page 7: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/7.jpg)
O mundo é feito de bits
www.flatschart.com
![Page 8: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/8.jpg)
Interativo
www.flatschart.com
![Page 9: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/9.jpg)
Homem máquina
www.flatschart.com
![Page 10: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/10.jpg)
Douglas Engelbart - 1968
http://sloan.stanford.edu/MouseSite/Archive/patent/Mouse.html
![Page 11: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/11.jpg)
Futuro
![Page 12: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/12.jpg)
UM MUNDO DE TELAS
www.flatschart.com
![Page 13: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/13.jpg)
1900
www.flatschart.com
![Page 14: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/14.jpg)
Hoje
www.flatschart.com
![Page 15: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/15.jpg)
Buscando padrões
http://punchcut.com
![Page 16: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/16.jpg)
Dispositivos portáteis
www.flatschart.com
hi-tec
![Page 17: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/17.jpg)
MOBILE
www.flatschart.com
![Page 18: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/18.jpg)
A web é mobile !
www.flatschart.com
![Page 19: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/19.jpg)
W3C - Consórcio World Wide Web
Web para todosWeb em todas as coisas
Ubiquidades.f.
Propriedade ou estado do que é ubíquo. Do que está ao mesmo tempo em toda parte; onipresença. Do lat. ubique
http://www.w3c.br
![Page 20: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/20.jpg)
Internet of things
www.flatschart.com
![Page 21: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/21.jpg)
Internet of things
www.flatschart.com
![Page 22: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/22.jpg)
NFC - Near field communicationRFID (Radio Frequency Identification)
+Web
www.flatschart.com
![Page 23: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/23.jpg)
DEVIGNERNovos profissionais
![Page 24: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/24.jpg)
Artista ou engenheiro?O primeiro pintor de cavernas era artista ou engenheiro?
Era ambas as coisas, é claro, como o foram, em sua maior parte, os artistas e engenheiros desde então. Mas temos o hábito - cultivado por muito tempo - de imaginá-los como separados, os dois grandes afluentes correndo incessantemente para o mar da modernidade e dividindo, em seu curso, o mundo em dois campos: os que habitam nas margens da tecnologia e os que habitam na margem da cultura.
JOHNSON, Steven. Cultura da interface: como o computador transforma nossa maneira de criar e comunicar.
![Page 25: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/25.jpg)
Leonardo da Vinci
![Page 26: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/26.jpg)
Johann Sebastian Bach
![Page 27: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/27.jpg)
Sergei Eisenstein
![Page 28: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/28.jpg)
Enzo Ferrari
![Page 29: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/29.jpg)
Steve Jobs
![Page 30: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/30.jpg)
Há vagas !
geek nerd nativo digital internet boomer multitasker web generation geração y geração z ninja
![Page 31: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/31.jpg)
Devigner
Developer Designer
![Page 32: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/32.jpg)
Devigner
Devigner é uma brincadeira com as palavras developer + designer e é também o perfil de um novo profissional muito requisitado pelo mercado : aquele que faz a ponte entre o estático e o interativo.
http://quadrodosbemois.com.br/2009/10/devigner
![Page 33: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/33.jpg)
Prossumidor
www.flatschart.com
consome
produz
você
![Page 34: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/34.jpg)
Conteúdo
Comunidade
Colaboração
CompartilharComércio
Cultura
Conhecimento
Prossumidor
www.flatschart.com
![Page 35: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/35.jpg)
CONVERGÊNCIA
www.flatschart.com
![Page 36: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/36.jpg)
Convergência
http://www.nytimes.com
![Page 37: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/37.jpg)
McLuhan“Os suportes da comunicação e as tecnologias são determinantes na mensagem: os conteúdos modificam-se em função dos meios que os veiculam“
Marshall McLuhan
www.flatschart.com
![Page 38: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/38.jpg)
Pós - McLuhanO mesmo conteúdo está em todos os lugares
Todos os aparelhos podem fazer tudo
As mídias convergem os aparelhos se confundem
A diferença entre as mídias e as empresas desaparece
www.flatschart.com
![Page 39: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/39.jpg)
MERCADO EM EBULIÇÃO
www.flatschart.com
![Page 40: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/40.jpg)
Sistema operacionalhttp://www.omniture.com
www.flatschart.com
iOS
Android
Symbian
![Page 41: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/41.jpg)
www.flatschart.com
Telahttp://www.omniture.com
tablets
![Page 42: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/42.jpg)
Polarização
www.flatschart.com
![Page 43: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/43.jpg)
FORMATOS
www.flatschart.com
![Page 44: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/44.jpg)
Standalone applications
São os aplicativos - APPPrecisam ser instaladosCada plataforma tem sua loja de aplicativosAmbiente fechado
http://www.apple.com/br/ipad/from-the-app-store/
![Page 45: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/45.jpg)
Browser based content
É um endereço web - wwwAcesso pelo browserHTMLFlash (menos no iOS)Ambiente aberto
http://mobile.twitter.com/
![Page 46: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/46.jpg)
Adobe Digital Publishing Suite É um serviço AdobeRevistas e JornaisCompatível com todas plataformasPermite vários modelos de negóciosAproveita o fluxo de trabalho da mídiaimpressa (InDesign)
http://www.adobe.com/products/digitalpublishingsuite
![Page 47: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/47.jpg)
WORKFLOW
Workflow ou fluxo de trabalho é a organização eficiente e produtiva da seqüência de ações e etapas do desenvolvimento de um projeto
www.flatschart.com
![Page 48: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/48.jpg)
Create once, customize for many*
O momento da produção, publicação e distribuição de conteúdo para
múltiplas plataformas requer a otimização e consolidação do fluxo de
trabalho para tecnologias e dispositivos emergentes buscando atingir o
maior número possível de usuários
*Criar uma vez, publicar para muitos
Paul Trani. Creating Apps for Android Devices: An Introduction
http://www.paultrani.com/blog/index.php/2010/12/1420
www.flatschart.com
![Page 49: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/49.jpg)
Processo
www.flatschart.com
design desenvolvimento publicação
![Page 50: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/50.jpg)
HTML5
http://www.adobe.com/br/products/dreamweaver.html
![Page 51: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/51.jpg)
Plataforma Flash
http://www.adobe.com/br/flashplatform
![Page 52: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/52.jpg)
Adobe Digital Publishing
http://www.adobe.com/products/digitalpublishingsuite
![Page 53: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/53.jpg)
TABLETS
www.flatschart.com
![Page 54: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/54.jpg)
Tablets
www.flatschart.com
![Page 55: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/55.jpg)
Tablets
www.flatschart.com
![Page 56: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/56.jpg)
Tablets
www.flatschart.com
![Page 57: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/57.jpg)
www.flatschart.com
![Page 58: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/58.jpg)
www.flatschart.com
![Page 59: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/59.jpg)
http://bit.ly/kvLrIM
![Page 60: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/60.jpg)
Mobile and Devices Developer Centerhttp://www.adobe.com/devnet/devices.html
Plataforma Adobe Flashhttp://www.adobe.com/br/flashplatform
Adobe Digital Publishing Suite http://www.adobe.com/products/digitalpublishingsuite
Adobe TVhttp://tv.adobe.com
HTML5 and related technologieshttp://www.adobe.com/devnet/html5.html
www.flatschart.com
![Page 61: Mobile & Cia](https://reader034.vdocuments.net/reader034/viewer/2022052311/5590b1d81a28abfd058b46cf/html5/thumbnails/61.jpg)
Livros
www.flatschart.com