2012
Chromium: o navegador que
     mudou o mundo
         Palestrante:
    ALEXANDRE TELES




          Contatos:
  Gmail: ateles.1@gmail.com
   Telefone: (71)9152-6094
                              2
Chromium: o navegador que
            mudou o mundo



“O que fazemos por nós mesmos morre conosco; o que fazemos
      pelo outro e pelo mundo permanece e é imortal.”
                                            Albert Pike




                                                      3
Chromium: o navegador que
       mudou o mundo




Afinal, o que é o projeto “Chromium”?




                                   4
Chromium: o navegador que
         mudou o mundo




Espera aí! Você está dizendo que o Google
        Chrome não é da Google?




                                      5
Chromium: o navegador que
       mudou o mundo




Então, afinal, o que diferencia os dois
            navegadores?




                                      6
Chromium: o navegador que
       mudou o mundo
            Google Chrome


Flash Player integrado.
PDF viewer integrado.
Sistema de impressão integrada.
O nome do Google com logo diferente.
Codecs ACC e MP3



                                       7
Chromium: o navegador que
         mudou o mundo



 Agora eu sei a diferença entre os dois.
Mais e as licenças de software livre, como
                  ficam?




                                       8
Chromium: o navegador que
     mudou o mundo




Então tá. Agora vamos falar do
          navegador!




                                 9
Chromium: o navegador que
     mudou o mundo




                        10
Chromium: o navegador que
         mudou o mundo
          O código do Chromium


   Códigos em C/C++ e Python escritos de forma
clara, concisa e bem documentada;
  Aplicação profunda do conceitos de OOP;
  Código limpo, sem rebarbas ou “gambiarras”;
  Otimização de código.




                                             11
Chromium: o navegador que
     mudou o mundo




    Isso tudo para quê?




                          12
Chromium: o navegador que
         mudou o mundo
           Metas do Chromium



1ª – Ser um gerenciador de janelas com base em
                     abas;




                                          13
Chromium: o navegador que
     mudou o mundo
     Metas do Chromium



2ª – Ser um “shell” para a web;




                                  14
Chromium: o navegador que
      mudou o mundo
       Metas do Chromium



3ª – Possuir interface minimalista e
              amigável;




                                       15
Chromium: o navegador que
     mudou o mundo
     Metas do Chromium



   4º – Ser seguro e estável;




                                16
Chromium: o navegador que
        mudou o mundo
         Metas do Chromium



5º – Ser e parecer leve e, acima de tudo,
                RÁPIDO.




                                       17
Chromium: o navegador que
        mudou o mundo



    Somente a beleza do código não é
suficiente para atingir estas metas. O que
              mais foi feito?




                                       18
Chromium: o navegador que
        mudou o mundo
Peças-chave no quebra-cabeças do projeto
               Chromium



  1ª – Motor de renderização WebKit;




                                       19
Chromium: o navegador que
        mudou o mundo
Peças-chave no quebra-cabeças do projeto
               Chromium



      2º – Suporte ao padrão SVG;




                                     20
Chromium: o navegador que
        mudou o mundo
Peças-chave no quebra-cabeças do projeto
               Chromium



  3ª – Suporte antecipado aos padrões
            HTML5 e CSS3;




                                        21
Chromium: o navegador que
        mudou o mundo
Peças-chave no quebra-cabeças do projeto
               Chromium



    4º – Suporte avançado à WebGL;




                                     22
Chromium: o navegador que
        mudou o mundo
Peças-chave no quebra-cabeças do projeto
               Chromium



       5º – Motor JavaScript V8.




                                     23
Chromium: o navegador que
       mudou o mundo




Motor? V8? Isso é um carro de corrida?




                                    24
Chromium: o navegador que
       mudou o mundo




Isso não pode ser tão eficiente assim...




                                      25
Chromium: o navegador que
      mudou o mundo




Tudo bem, tudo bem. Mas para mim
 como usuário, o que isso significa?




                                   26
Chromium: o navegador que
     mudou o mundo
      HTTP Pipeling




                        27
Chromium: o navegador que
     mudou o mundo




     DNS Prefetching




                        28
Chromium: o navegador que
     mudou o mundo




Gerenciamento individualizado de
           recursos




                                   29
Chromium: o navegador que
       mudou o mundo



 Integração total com os serviços do
Google, incluindo sincronização entre
             dispositivos




                                    30
Chromium: o navegador que
     mudou o mundo




E onde essa eficiência toda levou o
       projeto Chromium?




                                      31
Chromium: o navegador que
     mudou o mundo




                        32
Chromium: o navegador que
       mudou o mundo



Opa, meu faro para negócio despertou!
Como posso alcançar essa fatia enorme
            de mercado?




                                   33
Chromium: o navegador que
        mudou o mundo
Como alcançar o mercado de usuários do
              Chromium



     1º – Desenvolvendo sites em
  conformidade com os padrões W3C




                                    34
Chromium: o navegador que
        mudou o mundo
Como alcançar o mercado de usuários do
              Chromium



   2º – Desenvolvendo para a nuvem




                                     35
Chromium: o navegador que
        mudou o mundo
Como alcançar o mercado de usuários do
              Chromium



3º – Desenvolvendo aplicações Web ricas.




                                     36
Chromium: o navegador que
        mudou o mundo
Como alcançar o mercado de usuários do
              Chromium



      4º – Desenvolva em WebGL




                                   37
Chromium: o navegador que
        mudou o mundo
Como alcançar o mercado de usuários do
              Chromium



  5º – Conheça a Chrome Web Store e
        desenvolva Chrome apps




                                      38
Chromium: o navegador que
         mudou o mundo
    Fatos sobre a Chrome Web Store


   Todos os 310 milhões de usuários do Chrome
(junho de 2012) tem acesso à ela;
  Integração total entre dispositivos;
  Integração com a Google Wallet in-app;
  Localizada em 42 linguagens diferentes.



                                            39
Chromium: o navegador que
         mudou o mundo
  No que a Chrome Web Store se baseia


  Tirar as aplicações de dentro do browser;
  Interfaces amigáveis e facilidade de uso;
  Aplicações offline por default (ou com
pouquíssima comunicação de rede);
  Uso intenso das APIs providas pelo
navegador.


                                              40
Chromium: o navegador que
     mudou o mundo




O que são as Chrome apps afinal?




                                   41
Chrome apps são um conjunto de código
HTML, JavaScript e recursos empacotados em
um arquivo zip que, uma vez enviado à Chrome
Web Store será baixado no sistema do usuário
e estará lá: sempre pronto para ser executado.




                                           42
Chromium: o navegador que
         mudou o mundo
 O que você pode fazer com uma Chrome
                   app


   Construir e controlar aplicações multi-
janela;
  Interagir com outros aplicativos;
   Fazer requisições AJAX para sites de
terceiros (Cross-Site Scripting);


                                             43
Chromium: o navegador que
      mudou o mundo




  Para tudo! Como desenvolvo estas
Chrome apps? Me parece um mercado
             promissor!



                                 44
Chromium: o navegador que
      mudou o mundo
       Tipos de Chrome apps



Hosted apps;
Packaged apps ou extensions.




                               45
Chromium: o navegador que
             mudou o mundo



“Não alcançamos a liberdade buscando a liberdade, mas sim
      a verdade. A liberdade não é um fim, mas uma
                      consequência.”
                                            Léon Tolstói



                                                     46
Chromium: o navegador que
     mudou o mundo
         Palestrante:
    ALEXANDRE TELES




          Contatos:
  Gmail: ateles.1@gmail.com
   Telefone: (71)9152-6094
                              47

Chromium: o navegador que mudou o mundo

  • 1.
  • 2.
    Chromium: o navegadorque mudou o mundo Palestrante: ALEXANDRE TELES Contatos: Gmail: ateles.1@gmail.com Telefone: (71)9152-6094 2
  • 3.
    Chromium: o navegadorque mudou o mundo “O que fazemos por nós mesmos morre conosco; o que fazemos pelo outro e pelo mundo permanece e é imortal.” Albert Pike 3
  • 4.
    Chromium: o navegadorque mudou o mundo Afinal, o que é o projeto “Chromium”? 4
  • 5.
    Chromium: o navegadorque mudou o mundo Espera aí! Você está dizendo que o Google Chrome não é da Google? 5
  • 6.
    Chromium: o navegadorque mudou o mundo Então, afinal, o que diferencia os dois navegadores? 6
  • 7.
    Chromium: o navegadorque mudou o mundo Google Chrome Flash Player integrado. PDF viewer integrado. Sistema de impressão integrada. O nome do Google com logo diferente. Codecs ACC e MP3 7
  • 8.
    Chromium: o navegadorque mudou o mundo Agora eu sei a diferença entre os dois. Mais e as licenças de software livre, como ficam? 8
  • 9.
    Chromium: o navegadorque mudou o mundo Então tá. Agora vamos falar do navegador! 9
  • 10.
    Chromium: o navegadorque mudou o mundo 10
  • 11.
    Chromium: o navegadorque mudou o mundo O código do Chromium Códigos em C/C++ e Python escritos de forma clara, concisa e bem documentada; Aplicação profunda do conceitos de OOP; Código limpo, sem rebarbas ou “gambiarras”; Otimização de código. 11
  • 12.
    Chromium: o navegadorque mudou o mundo Isso tudo para quê? 12
  • 13.
    Chromium: o navegadorque mudou o mundo Metas do Chromium 1ª – Ser um gerenciador de janelas com base em abas; 13
  • 14.
    Chromium: o navegadorque mudou o mundo Metas do Chromium 2ª – Ser um “shell” para a web; 14
  • 15.
    Chromium: o navegadorque mudou o mundo Metas do Chromium 3ª – Possuir interface minimalista e amigável; 15
  • 16.
    Chromium: o navegadorque mudou o mundo Metas do Chromium 4º – Ser seguro e estável; 16
  • 17.
    Chromium: o navegadorque mudou o mundo Metas do Chromium 5º – Ser e parecer leve e, acima de tudo, RÁPIDO. 17
  • 18.
    Chromium: o navegadorque mudou o mundo Somente a beleza do código não é suficiente para atingir estas metas. O que mais foi feito? 18
  • 19.
    Chromium: o navegadorque mudou o mundo Peças-chave no quebra-cabeças do projeto Chromium 1ª – Motor de renderização WebKit; 19
  • 20.
    Chromium: o navegadorque mudou o mundo Peças-chave no quebra-cabeças do projeto Chromium 2º – Suporte ao padrão SVG; 20
  • 21.
    Chromium: o navegadorque mudou o mundo Peças-chave no quebra-cabeças do projeto Chromium 3ª – Suporte antecipado aos padrões HTML5 e CSS3; 21
  • 22.
    Chromium: o navegadorque mudou o mundo Peças-chave no quebra-cabeças do projeto Chromium 4º – Suporte avançado à WebGL; 22
  • 23.
    Chromium: o navegadorque mudou o mundo Peças-chave no quebra-cabeças do projeto Chromium 5º – Motor JavaScript V8. 23
  • 24.
    Chromium: o navegadorque mudou o mundo Motor? V8? Isso é um carro de corrida? 24
  • 25.
    Chromium: o navegadorque mudou o mundo Isso não pode ser tão eficiente assim... 25
  • 26.
    Chromium: o navegadorque mudou o mundo Tudo bem, tudo bem. Mas para mim como usuário, o que isso significa? 26
  • 27.
    Chromium: o navegadorque mudou o mundo HTTP Pipeling 27
  • 28.
    Chromium: o navegadorque mudou o mundo DNS Prefetching 28
  • 29.
    Chromium: o navegadorque mudou o mundo Gerenciamento individualizado de recursos 29
  • 30.
    Chromium: o navegadorque mudou o mundo Integração total com os serviços do Google, incluindo sincronização entre dispositivos 30
  • 31.
    Chromium: o navegadorque mudou o mundo E onde essa eficiência toda levou o projeto Chromium? 31
  • 32.
    Chromium: o navegadorque mudou o mundo 32
  • 33.
    Chromium: o navegadorque mudou o mundo Opa, meu faro para negócio despertou! Como posso alcançar essa fatia enorme de mercado? 33
  • 34.
    Chromium: o navegadorque mudou o mundo Como alcançar o mercado de usuários do Chromium 1º – Desenvolvendo sites em conformidade com os padrões W3C 34
  • 35.
    Chromium: o navegadorque mudou o mundo Como alcançar o mercado de usuários do Chromium 2º – Desenvolvendo para a nuvem 35
  • 36.
    Chromium: o navegadorque mudou o mundo Como alcançar o mercado de usuários do Chromium 3º – Desenvolvendo aplicações Web ricas. 36
  • 37.
    Chromium: o navegadorque mudou o mundo Como alcançar o mercado de usuários do Chromium 4º – Desenvolva em WebGL 37
  • 38.
    Chromium: o navegadorque mudou o mundo Como alcançar o mercado de usuários do Chromium 5º – Conheça a Chrome Web Store e desenvolva Chrome apps 38
  • 39.
    Chromium: o navegadorque mudou o mundo Fatos sobre a Chrome Web Store Todos os 310 milhões de usuários do Chrome (junho de 2012) tem acesso à ela; Integração total entre dispositivos; Integração com a Google Wallet in-app; Localizada em 42 linguagens diferentes. 39
  • 40.
    Chromium: o navegadorque mudou o mundo No que a Chrome Web Store se baseia Tirar as aplicações de dentro do browser; Interfaces amigáveis e facilidade de uso; Aplicações offline por default (ou com pouquíssima comunicação de rede); Uso intenso das APIs providas pelo navegador. 40
  • 41.
    Chromium: o navegadorque mudou o mundo O que são as Chrome apps afinal? 41
  • 42.
    Chrome apps sãoum conjunto de código HTML, JavaScript e recursos empacotados em um arquivo zip que, uma vez enviado à Chrome Web Store será baixado no sistema do usuário e estará lá: sempre pronto para ser executado. 42
  • 43.
    Chromium: o navegadorque mudou o mundo O que você pode fazer com uma Chrome app Construir e controlar aplicações multi- janela; Interagir com outros aplicativos; Fazer requisições AJAX para sites de terceiros (Cross-Site Scripting); 43
  • 44.
    Chromium: o navegadorque mudou o mundo Para tudo! Como desenvolvo estas Chrome apps? Me parece um mercado promissor! 44
  • 45.
    Chromium: o navegadorque mudou o mundo Tipos de Chrome apps Hosted apps; Packaged apps ou extensions. 45
  • 46.
    Chromium: o navegadorque mudou o mundo “Não alcançamos a liberdade buscando a liberdade, mas sim a verdade. A liberdade não é um fim, mas uma consequência.” Léon Tolstói 46
  • 47.
    Chromium: o navegadorque mudou o mundo Palestrante: ALEXANDRE TELES Contatos: Gmail: ateles.1@gmail.com Telefone: (71)9152-6094 47