Desenvolvimento Mobile
Web & Software Livre
Opa!

✔   Bruno Fernandes a 24 anos e PorKaria a 10 anos

✔   Eu sou de Campo Grande / Mato Grosso do Sul

✔   Sou sócio da Jera Software Ágil

✔   Trabalho como programador web a mais de 8 anos

✔   Participo das comunidades: PHP Brasil Comunidades,
    PHPMS, CakePHP-Tuga e PHP Mobile

✔   Projetos que estou codando e/ou participando
    estão em http://github.com/porkaria
O meu Twitter
  @porkaria
Objetivo


Responder a seguinte pergunta:

Desenvolvimento Mobile ou Desenvolvimento Mobile Web ?
Desenvolvimento Mobile está em guerra !
Patentes
Patentes



      Você quer entrar no meio desse tiroteio ?

        Empresas mudam, são vendidas, são
      compradas e podem falir sem você poder
                   fazer nada !
Plataformas
Plataformas


    Quanto tempo vai levar para você aprender
     a programar bem em cada plataforma ?

     Vale a pena a sua empresa querer abraçar
               todo esse mercado ?

          E se alguma delas falir, mudar
       drasticamente ou ficar no passado ?
Software Livre !
A Evolução dos Browsers
A Evolução dos Browsers

       Quem aí não usou um browser hoje ?

       Quem aí não vai usar um browser
                   hoje ?

       O que o browser não roda hoje ?
           Aúdio ? Vídeo ? Jogos ?
Web Browser Engines

Gecko     Firefox, SeaMonkey, Iceweasel...



KHTML     Konqueror



Presto    Opera, Opera Mobile, Nintendo DS & DSI...



WebKit    Google Chrome, Safari (desktop e mobile),
          Android Browser, Symbian S60 browser...


Trident   Internet Explorer


                              Fonte: http://migre.me/26dbL
Web Browser Engines

Gecko     Firefox, SeaMonkey, Iceweasel...   MPL/GPL/LGPL



KHTML     Konqueror    GNU




Presto    Opera, Opera Mobile, Nintendo DS & DSI...Proprietário



WebKit    Google Chrome, Safari (desktop e mobile), GNU LGPL
          Android Browser, Symbian S60 browser...


Trident   Internet Explorer Proprietário



                                Fonte: http://migre.me/26dbL
Aplicações off-line (Local Storage)

   Geolocalização (Geolocation)

Independência de plugins para rodar
         Aúdio e Vídeo

          FrameWorks JS

               etc...
FrameWorks – Web App



“HTML5 Mobile Web App FrameWork”

Eles tem uma versão gratuita (GNU GPL v3) e outra comercial

FrameWork base: Ext JS ( http://www.sencha.com/products/extjs/ )

Versão Atual: 1.1.0

Url: http://www.sencha.com/products/touch/
FrameWorks – Web App




“A Touch-Optimized Web Framework for Smartphones & Tablets”

Gratuito e open-source, Dual licensed MIT or GPL Version 2

Versão: 1.0 ALPHA 4

FrameWork base: jQuery (http://jquery.com/ )

Url: http://jquerymobile.com/
jQuery Mobile - Usabilidade
FrameWorks – Native App




“The Only Open Source Mobile Framework That Supports 6 platforms”

Livre e open source (MIT license)

Versão: 0.9.4

Exemplo de código: Sou Foda Tube https://github.com/jera/fodacity

Url: http://www.phonegap.com/
FrameWorks – Native App




“Titanium is Native – Mac, Windows, Linux e Mobile (Android, iPhone e iPad)”

Free e Open Source (Apache 2.0 license)

Versão: 1.2.2

Url: http://www.appcelerator.com/products/download/
etc...



  Daqui pra frente é tudo junto e
  misturado
CSS3 – Media Queries

Colocando condições no seu código CSS


@media (min-width: 450px) and (max-width:950px) {

    .placeTitleLong, .bigPhoto, .description {
       display: none;
    }

}
Testando ...
               http://validator.w3.org/mobile/
Testando ...
               Android Virutal Device http://migre.me/27P60
Testando ...
O que seu browser suporta de HTML 5 ?


                          http://html5test.com
Portanto...

Desenvolvimento Mobile                  Desenvolvimento Mobile Web

➔ Briga de patentes                     ➔ Plataformas Proprietárias
➔ Plataformas Proprietárias             ➔ Mercado em ascensão, porém ilimitado


➔ Severa dependência de plataforma      ➔ Dependemos diretamente do crescimento


➔ Mercado consolidado, porém limitado   do acesso a internet, ou seja,
                                        ao infinito e além!
http://www.slideshare.net/porkaria

Desenvolvimento Mobile Web & Software Livre - Flisol cg

  • 1.
  • 2.
    Opa! ✔ Bruno Fernandes a 24 anos e PorKaria a 10 anos ✔ Eu sou de Campo Grande / Mato Grosso do Sul ✔ Sou sócio da Jera Software Ágil ✔ Trabalho como programador web a mais de 8 anos ✔ Participo das comunidades: PHP Brasil Comunidades, PHPMS, CakePHP-Tuga e PHP Mobile ✔ Projetos que estou codando e/ou participando estão em http://github.com/porkaria
  • 3.
    O meu Twitter @porkaria
  • 4.
    Objetivo Responder a seguintepergunta: Desenvolvimento Mobile ou Desenvolvimento Mobile Web ?
  • 5.
  • 6.
  • 7.
    Patentes Você quer entrar no meio desse tiroteio ? Empresas mudam, são vendidas, são compradas e podem falir sem você poder fazer nada !
  • 8.
  • 9.
    Plataformas Quanto tempo vai levar para você aprender a programar bem em cada plataforma ? Vale a pena a sua empresa querer abraçar todo esse mercado ? E se alguma delas falir, mudar drasticamente ou ficar no passado ?
  • 10.
  • 11.
  • 12.
    A Evolução dosBrowsers Quem aí não usou um browser hoje ? Quem aí não vai usar um browser hoje ? O que o browser não roda hoje ? Aúdio ? Vídeo ? Jogos ?
  • 13.
    Web Browser Engines Gecko Firefox, SeaMonkey, Iceweasel... KHTML Konqueror Presto Opera, Opera Mobile, Nintendo DS & DSI... WebKit Google Chrome, Safari (desktop e mobile), Android Browser, Symbian S60 browser... Trident Internet Explorer Fonte: http://migre.me/26dbL
  • 14.
    Web Browser Engines Gecko Firefox, SeaMonkey, Iceweasel... MPL/GPL/LGPL KHTML Konqueror GNU Presto Opera, Opera Mobile, Nintendo DS & DSI...Proprietário WebKit Google Chrome, Safari (desktop e mobile), GNU LGPL Android Browser, Symbian S60 browser... Trident Internet Explorer Proprietário Fonte: http://migre.me/26dbL
  • 16.
    Aplicações off-line (LocalStorage) Geolocalização (Geolocation) Independência de plugins para rodar Aúdio e Vídeo FrameWorks JS etc...
  • 17.
    FrameWorks – WebApp “HTML5 Mobile Web App FrameWork” Eles tem uma versão gratuita (GNU GPL v3) e outra comercial FrameWork base: Ext JS ( http://www.sencha.com/products/extjs/ ) Versão Atual: 1.1.0 Url: http://www.sencha.com/products/touch/
  • 18.
    FrameWorks – WebApp “A Touch-Optimized Web Framework for Smartphones & Tablets” Gratuito e open-source, Dual licensed MIT or GPL Version 2 Versão: 1.0 ALPHA 4 FrameWork base: jQuery (http://jquery.com/ ) Url: http://jquerymobile.com/
  • 19.
    jQuery Mobile -Usabilidade
  • 20.
    FrameWorks – NativeApp “The Only Open Source Mobile Framework That Supports 6 platforms” Livre e open source (MIT license) Versão: 0.9.4 Exemplo de código: Sou Foda Tube https://github.com/jera/fodacity Url: http://www.phonegap.com/
  • 21.
    FrameWorks – NativeApp “Titanium is Native – Mac, Windows, Linux e Mobile (Android, iPhone e iPad)” Free e Open Source (Apache 2.0 license) Versão: 1.2.2 Url: http://www.appcelerator.com/products/download/
  • 22.
    etc... Daquipra frente é tudo junto e misturado
  • 23.
    CSS3 – MediaQueries Colocando condições no seu código CSS @media (min-width: 450px) and (max-width:950px) { .placeTitleLong, .bigPhoto, .description { display: none; } }
  • 24.
    Testando ... http://validator.w3.org/mobile/
  • 25.
    Testando ... Android Virutal Device http://migre.me/27P60
  • 26.
    Testando ... O queseu browser suporta de HTML 5 ? http://html5test.com
  • 27.
    Portanto... Desenvolvimento Mobile Desenvolvimento Mobile Web ➔ Briga de patentes ➔ Plataformas Proprietárias ➔ Plataformas Proprietárias ➔ Mercado em ascensão, porém ilimitado ➔ Severa dependência de plataforma ➔ Dependemos diretamente do crescimento ➔ Mercado consolidado, porém limitado do acesso a internet, ou seja, ao infinito e além!
  • 28.