Fábio Flatschart
Um bate papo sobre a produção e
distribuição de conteúdo multimídia interativo
para múltiplas plataformas e dispositivos portáteis

                     www.flatschart.com
Fábio Flatschart
                         Consultor 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
INTRODUÇÃO


             www.flatschart.com
Analógico




            www.flatschart.com
Digital




          www.flatschart.com
Evolução

1900       1950        1970        2000




              www.flatschart.com
O mundo é feito de bits




              www.flatschart.com
Interativo




             www.flatschart.com
Homem   máquina




         www.flatschart.com
Douglas Engelbart - 1968




        http://sloan.stanford.edu/MouseSite/Archive/patent/Mouse.html
Futuro
UM MUNDO DE TELAS


           www.flatschart.com
1900




       www.flatschart.com
Hoje




       www.flatschart.com
Buscando padrões




            http://punchcut.com
Dispositivos portáteis




                hi-tec




              www.flatschart.com
MOBILE


         www.flatschart.com
A web é mobile !




             www.flatschart.com
W3C - Consórcio World Wide Web
Web para todos
Web em todas as coisas




Ubiquidade
 s.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
Internet of things




               www.flatschart.com
Internet of things




               www.flatschart.com
NFC - Near field communication
RFID (Radio Frequency Identification)



+
Web

                                    www.flatschart.com
Novos profissionais

DEVIGNER
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.
Leonardo da Vinci
Johann Sebastian Bach
Sergei Eisenstein
Enzo Ferrari
Steve Jobs
Há vagas !
                geek
                nerd
                nativo digital
                internet boomer
                multitasker
                web generation
                geração y
                geração z
                ninja
Devigner




 Developer   Designer
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
Prossumidor
                               você



              produz


                                     consome



                www.flatschart.com
Conteúdo
Prossumidor
Conhecimento                                Comunidade




 Cultura                                      Colaboração




       Comércio                        Compartilhar

                  www.flatschart.com
CONVERGÊNCIA


           www.flatschart.com
Convergência




               http://www.nytimes.com
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
Pós - McLuhan
O 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
MERCADO EM EBULIÇÃO


           www.flatschart.com
Sistema operacional
http://www.omniture.com




                                                 iOS




                                               Android

                          Symbian
                          www.flatschart.com
Tela
http://www.omniture.com




                                               tablets




                          www.flatschart.com
Polarização




              www.flatschart.com
FORMATOS


           www.flatschart.com
Standalone applications




São os aplicativos - APP
Precisam ser instalados
Cada plataforma tem sua loja de aplicativos
Ambiente fechado



                         http://www.apple.com/br/ipad/from-the-app-store/
Browser based content




É um endereço web - www
Acesso pelo browser
HTML
Flash (menos no iOS)
Ambiente aberto



                          http://mobile.twitter.com/
Adobe Digital Publishing Suite
É um serviço Adobe
Revistas e Jornais
Compatível com todas plataformas
Permite vários modelos de negócios
Aproveita o fluxo de trabalho da mídia
impressa (InDesign)




                      http://www.adobe.com/products/digitalpublishingsuite
Workflow ou fluxo de trabalho é a organização eficiente e produtiva da
seqüência de ações e etapas do desenvolvimento de um projeto

WORKFLOW


                             www.flatschart.com
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
Processo




   design   desenvolvimento          publicação




                www.flatschart.com
HTML5




        http://www.adobe.com/br/products/dreamweaver.html
Plataforma Flash




           http://www.adobe.com/br/flashplatform
Adobe Digital Publishing




         http://www.adobe.com/products/digitalpublishingsuite
TABLETS


          www.flatschart.com
Tablets




          www.flatschart.com
Tablets




          www.flatschart.com
Tablets




          www.flatschart.com
www.flatschart.com
www.flatschart.com
http://bit.ly/kvLrIM
Mobile and Devices Developer Center
http://www.adobe.com/devnet/devices.html

Plataforma Adobe Flash
http://www.adobe.com/br/flashplatform

Adobe Digital Publishing Suite
http://www.adobe.com/products/digitalpublishingsuite

Adobe TV
http://tv.adobe.com

HTML5 and related technologies
http://www.adobe.com/devnet/html5.html




                                    www.flatschart.com
Livros




         www.flatschart.com
Ficamos em contato !

flatschart.com
quadrodosbemois.com.br
@fabioflat
slideshare.net/fabioflat




                           www.flatschart.com

Mobile & Cia

  • 1.
    Fábio Flatschart Um batepapo sobre a produção e distribuição de conteúdo multimídia interativo para múltiplas plataformas e dispositivos portáteis www.flatschart.com
  • 2.
    Fábio Flatschart Consultor 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
  • 3.
    INTRODUÇÃO www.flatschart.com
  • 4.
    Analógico www.flatschart.com
  • 5.
    Digital www.flatschart.com
  • 6.
    Evolução 1900 1950 1970 2000 www.flatschart.com
  • 7.
    O mundo éfeito de bits www.flatschart.com
  • 8.
    Interativo www.flatschart.com
  • 9.
    Homem máquina www.flatschart.com
  • 10.
    Douglas Engelbart -1968 http://sloan.stanford.edu/MouseSite/Archive/patent/Mouse.html
  • 11.
  • 12.
    UM MUNDO DETELAS www.flatschart.com
  • 13.
    1900 www.flatschart.com
  • 14.
    Hoje www.flatschart.com
  • 15.
    Buscando padrões http://punchcut.com
  • 16.
    Dispositivos portáteis hi-tec www.flatschart.com
  • 17.
    MOBILE www.flatschart.com
  • 18.
    A web émobile ! www.flatschart.com
  • 19.
    W3C - ConsórcioWorld Wide Web Web para todos Web em todas as coisas Ubiquidade s.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
  • 20.
    Internet of things www.flatschart.com
  • 21.
    Internet of things www.flatschart.com
  • 22.
    NFC - Nearfield communication RFID (Radio Frequency Identification) + Web www.flatschart.com
  • 23.
  • 24.
    Artista ou engenheiro? Oprimeiro 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.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
    Há vagas !  geek  nerd  nativo digital  internet boomer  multitasker  web generation  geração y  geração z  ninja
  • 31.
  • 32.
    Devigner Devigner é umabrincadeira 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
  • 33.
    Prossumidor você produz consome www.flatschart.com
  • 34.
    Conteúdo Prossumidor Conhecimento Comunidade Cultura Colaboração Comércio Compartilhar www.flatschart.com
  • 35.
    CONVERGÊNCIA www.flatschart.com
  • 36.
    Convergência http://www.nytimes.com
  • 37.
    McLuhan “Os suportes dacomunicaçã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
  • 38.
    Pós - McLuhan Omesmo 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
  • 39.
    MERCADO EM EBULIÇÃO www.flatschart.com
  • 40.
    Sistema operacional http://www.omniture.com iOS Android Symbian www.flatschart.com
  • 41.
    Tela http://www.omniture.com tablets www.flatschart.com
  • 42.
    Polarização www.flatschart.com
  • 43.
    FORMATOS www.flatschart.com
  • 44.
    Standalone applications São osaplicativos - APP Precisam ser instalados Cada plataforma tem sua loja de aplicativos Ambiente fechado http://www.apple.com/br/ipad/from-the-app-store/
  • 45.
    Browser based content Éum endereço web - www Acesso pelo browser HTML Flash (menos no iOS) Ambiente aberto http://mobile.twitter.com/
  • 46.
    Adobe Digital PublishingSuite É um serviço Adobe Revistas e Jornais Compatível com todas plataformas Permite vários modelos de negócios Aproveita o fluxo de trabalho da mídia impressa (InDesign) http://www.adobe.com/products/digitalpublishingsuite
  • 47.
    Workflow ou fluxode trabalho é a organização eficiente e produtiva da seqüência de ações e etapas do desenvolvimento de um projeto WORKFLOW www.flatschart.com
  • 48.
    Create once, customizefor 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
  • 49.
    Processo design desenvolvimento publicação www.flatschart.com
  • 50.
    HTML5 http://www.adobe.com/br/products/dreamweaver.html
  • 51.
    Plataforma Flash http://www.adobe.com/br/flashplatform
  • 52.
    Adobe Digital Publishing http://www.adobe.com/products/digitalpublishingsuite
  • 53.
    TABLETS www.flatschart.com
  • 54.
    Tablets www.flatschart.com
  • 55.
    Tablets www.flatschart.com
  • 56.
    Tablets www.flatschart.com
  • 57.
  • 58.
  • 59.
  • 60.
    Mobile and DevicesDeveloper Center http://www.adobe.com/devnet/devices.html Plataforma Adobe Flash http://www.adobe.com/br/flashplatform Adobe Digital Publishing Suite http://www.adobe.com/products/digitalpublishingsuite Adobe TV http://tv.adobe.com HTML5 and related technologies http://www.adobe.com/devnet/html5.html www.flatschart.com
  • 61.
    Livros www.flatschart.com
  • 62.
    Ficamos em contato! flatschart.com quadrodosbemois.com.br @fabioflat slideshare.net/fabioflat www.flatschart.com