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




                        1
                        0
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.


                                            1
                                            1
Chromium: o navegador que
     mudou o mundo




     Isso tudo para quê?




                           1
                           2
Chromium: o navegador que
     mudou o mundo
        Metas do Chromium




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




                                     1
                                     3
Chromium: o navegador que
     mudou o mundo
      Metas do Chromium




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




                                   1
                                   4
Chromium: o navegador que
     mudou o mundo
        Metas do Chromium




3ª – Possuir interface minimalista e
              amigável;




                                   1
                                   5
Chromium: o navegador que
     mudou o mundo
     Metas do Chromium




   4º – Ser seguro e estável;




                                1
                                6
Chromium: o navegador que
     mudou o mundo
       Metas do Chromium




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




                                  1
                                  7
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?




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




1ª – Motor de renderização WebKit;




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




   2º – Suporte ao padrão SVG;




                                 2
                                 0
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;



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




 4º – Suporte avançado à WebGL;




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




    5º – Motor JavaScript V8.




                                2
                                3
Chromium: o navegador que
     mudou o mundo




 Motor? V8? Isso é um carro de
           corrida?




                                 2
                                 4
Chromium: o navegador que
     mudou o mundo




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




                                  2
                                  5
Chromium: o navegador que
      mudou o mundo




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




                                  2
                                  6
Chromium: o navegador que
     mudou o mundo
       HTTP Pipeling




                        2
                        7
Chromium: o navegador que
     mudou o mundo




      DNS Prefetching




                        2
                        8
Chromium: o navegador que
     mudou o mundo




Gerenciamento individualizado de
           recursos




                                   2
                                   9
Chromium: o navegador que
       mudou o mundo



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




                                   3
                                   0
Chromium: o navegador que
     mudou o mundo




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




                                  3
                                  1
Chromium: o navegador que
     mudou o mundo




                        3
                        2
Chromium: o navegador que
       mudou o mundo



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




                                 3
                                 3
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



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




  2º – Desenvolvendo para a nuvem




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




 3º – Desenvolvendo aplicações Web
                ricas.



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




     4º – Desenvolva em WebGL




                                 3
                                 7
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



                                 3
                                 8
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.

                                         3
                                         9
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.
                                           4
                                           0
Chromium: o navegador que
     mudou o mundo




O que são as Chrome apps afinal?




                               4
                               1
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.




                                       4
                                       2
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);
                                             4
                                             3
Chromium: o navegador que
       mudou o mundo




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



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




Hosted apps;
Packaged apps ou extensions.




                               4
                               5
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




                                                 4
                                                 6
Chromium: o navegador que
     mudou o mundo
          Palestrante:
     ALEXANDRE TELES




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

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 1 0
  • 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. 1 1
  • 12.
    Chromium: o navegadorque mudou o mundo Isso tudo para quê? 1 2
  • 13.
    Chromium: o navegadorque mudou o mundo Metas do Chromium 1ª – Ser um gerenciador de janelas com base em abas; 1 3
  • 14.
    Chromium: o navegadorque mudou o mundo Metas do Chromium 2ª – Ser um “shell” para a web; 1 4
  • 15.
    Chromium: o navegadorque mudou o mundo Metas do Chromium 3ª – Possuir interface minimalista e amigável; 1 5
  • 16.
    Chromium: o navegadorque mudou o mundo Metas do Chromium 4º – Ser seguro e estável; 1 6
  • 17.
    Chromium: o navegadorque mudou o mundo Metas do Chromium 5º – Ser e parecer leve e, acima de tudo, RÁPIDO. 1 7
  • 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? 1 8
  • 19.
    Chromium: o navegadorque mudou o mundo Peças-chave no quebra-cabeças do projeto Chromium 1ª – Motor de renderização WebKit; 1 9
  • 20.
    Chromium: o navegadorque mudou o mundo Peças-chave no quebra-cabeças do projeto Chromium 2º – Suporte ao padrão SVG; 2 0
  • 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; 2 1
  • 22.
    Chromium: o navegadorque mudou o mundo Peças-chave no quebra-cabeças do projeto Chromium 4º – Suporte avançado à WebGL; 2 2
  • 23.
    Chromium: o navegadorque mudou o mundo Peças-chave no quebra-cabeças do projeto Chromium 5º – Motor JavaScript V8. 2 3
  • 24.
    Chromium: o navegadorque mudou o mundo Motor? V8? Isso é um carro de corrida? 2 4
  • 25.
    Chromium: o navegadorque mudou o mundo Isso não pode ser tão eficiente assim... 2 5
  • 26.
    Chromium: o navegadorque mudou o mundo Tudo bem, tudo bem. Mas para mim como usuário, o que isso significa? 2 6
  • 27.
    Chromium: o navegadorque mudou o mundo HTTP Pipeling 2 7
  • 28.
    Chromium: o navegadorque mudou o mundo DNS Prefetching 2 8
  • 29.
    Chromium: o navegadorque mudou o mundo Gerenciamento individualizado de recursos 2 9
  • 30.
    Chromium: o navegadorque mudou o mundo Integração total com os serviços do Google, incluindo sincronização entre dispositivos 3 0
  • 31.
    Chromium: o navegadorque mudou o mundo E onde essa eficiência toda levou o projeto Chromium? 3 1
  • 32.
    Chromium: o navegadorque mudou o mundo 3 2
  • 33.
    Chromium: o navegadorque mudou o mundo Opa, meu faro para negócio despertou! Como posso alcançar essa fatia enorme de mercado? 3 3
  • 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 3 4
  • 35.
    Chromium: o navegadorque mudou o mundo Como alcançar o mercado de usuários do Chromium 2º – Desenvolvendo para a nuvem 3 5
  • 36.
    Chromium: o navegadorque mudou o mundo Como alcançar o mercado de usuários do Chromium 3º – Desenvolvendo aplicações Web ricas. 3 6
  • 37.
    Chromium: o navegadorque mudou o mundo Como alcançar o mercado de usuários do Chromium 4º – Desenvolva em WebGL 3 7
  • 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 3 8
  • 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. 3 9
  • 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. 4 0
  • 41.
    Chromium: o navegadorque mudou o mundo O que são as Chrome apps afinal? 4 1
  • 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. 4 2
  • 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); 4 3
  • 44.
    Chromium: o navegadorque mudou o mundo Para tudo! Como desenvolvo estas Chrome apps? Me parece um mercado promissor! 4 4
  • 45.
    Chromium: o navegadorque mudou o mundo Tipos de Chrome apps Hosted apps; Packaged apps ou extensions. 4 5
  • 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 4 6
  • 47.
    Chromium: o navegadorque mudou o mundo Palestrante: ALEXANDRE TELES Contatos: Gmail: ateles.1@gmail.com Telefone: (71)9152-6094 4 7