Desenvolvimento Mobile Web
               por Bruno @porkaria
Eu sou de Mato Grosso do Sul (PHPMS)
Sou sócio/desenvolvedor da Jera Software Ágil
Fiz a classe isMobile, PHP Qr Code Generator
            e o projeto PHP Mobile
Sei que isso não é muita coisa,
mas me deu a chance de conhecer essa galera!
O que é Desenvolvimento Mobile Web ?
Você não vai instalar o PHP no seu Celular !
           Mesmo se você puder, não faça,
PHP       isso causará um distúrbio na força.
Vamos usar o PHP para o que ele faz de melhor,
                                                      trabalhar na Web.
         PHP




Integração Gateway (Envio de SMS)

Para atender os requisitos dos Gateways dessas operadoras, 
você precisa entender de requisições HTTP e Web Services.




  cURL          http://br2.php.net/manual/pt_BR/book.curl.php  




  SOAP           http://br2.php.net/manual/pt_BR/book.soap.php
Você pode fazer a sua aplicação interagir
                                          com dispositivos móveis usando PHP
         PHP




QR Code

Código de Barras 2D é uma matriz bi­dimensional que tem grande 
capacidade de armazenamento (até 4,296 Alfanuméricos).




 Image
                http://pear.php.net/package/Image_QRCode  
 QrCode


   PHP
   QR            http://labs.porkaria.com.br/phpqrcode/ 
    G!
Conheça melhor quem acessa a sua aplicação
                                     e você poderá personalizar o seu conteúdo
        PHP




Identificando o dispositivo móvel e seus recursos




 IsMobile      http://www.phpmobile.com.br/ismobile/  




  Tera
               http://www.tera­wurfl.com/  
 WURFL
PHP é linguagem pra fazer sites ?
                                      Se for, é para site mobile também
      PHP




 WP         Wordpress Mobile Edition - http://migre.me/X6Fv




Joomla      MobileJoomla! ­ http://migre.me/X6H




Drupal      Drupal MobilePlugin ­ http://migre.me/X6NV
Tera
                                   WURFL    SOAP

                         CMS's

                                                   cURL
                                      PHP

                        IsMobile

                                            Image
                                   PHP      QrCode
                                   QR
                                    G!




O PHP como sempre, vai ser uma ferramenta para 
             facilitar a sua vida. 
         Porém com um foco “mobile”
PHP for Android ­ www.phpforandroid.net 

PhpForAndroid­APK 0.2 released
SL4A r0 Released!! PFA 0.2 (Android Scripting Environment)

HOWTO  http://vimeo.com/13177370 
PHP for Android ­ www.phpforandroid.net 

                     PhpForAndroid­APK 0.2 released
                     SL4A r0 Released!! PFA 0.2 (Android Scripting Environment)

                     HOWTO  http://vimeo.com/13177370 




“Build native desktop applications for Windows, Mac OS X,
and Linux using the Web technologies..”


Como usar o PHP nisso http://migre.me/1kEgu
Teoricamente, você está em casa.
Desenvolvimento                Feijão (HTML), Arroz (JS) e Farofa (CSS)
     Web




HTML       DOCTYPE ? “HTML 5” (LocalStorage, Geolocation) ? <meta> ?
           Qual é o padrão? Validação ?



 JS        Ajax ? JQtouch ? jQuery Mobile ?




CSS        CSS 3 ? Media Queries ?
Básico
Desenvolvimento
  Mobile Web      ● Você precisa de um browser
                  ● Produto acessível!
Básico
Desenvolvimento
  Mobile Web      ● Você precisa de um browser
                  ● Produto acessível!




                  Vantagens

                  ● Independência de plataforma
                  ● Informações na “nuvem”
Básico
Desenvolvimento
  Mobile Web      ● Você precisa de um browser
                  ● Produto acessível!




                  Vantagens

                  ● Independência de plataforma
                  ● Informações na “nuvem”




                  Desvantagens

                  ● Usabilidade
                  ● Acesso a recursos do Dispositivo

                  ● Acesso a internet
Básico
Desenvolvimento
  Mobile Web              ● Você precisa de um browser
                          ● Produto acessível!




                          Vantagens


                   ro !
                          ● Independência de plataforma
                  d
             alan
                          ● Informações na “nuvem”


        lá M
  Calma
                          Desvantagens

                          ● Usabilidade
           HTML 5 #ftw
                          ● Acesso a recursos do Dispositivo

                          ● Acesso a internet
Básico
Desenvolvimento
  Mobile Web                                         ● Você precisa de um browser
                                                     ● Produto acessível!




                                                     Vantagens


                   ro !
                                                     ● Independência de plataforma
                  d
             alan
                                                     ● Informações na “nuvem”


        lá M
  Calma
                                                     Desvantagens

                                                     ● Usabilidade
           HTML 5 #ftw
                                                     ● Acesso a recursos do Dispositivo

                                                     ● Acesso a internet




       Eu acredito no futuro! Internet para todos!
Desenvolvimento
   Mobile Web




W3C
            O seu site é mobile ? MobileOk Checker http://validator.w3.org/mobile/
mobile



jQuery
             A estratégia do projeto foi lançado recentemente http://migre.me/17oHT
Mobile



Emulators
  e/ou
 Plugins
             Opera Mini Simulator, mobiReady, Android VD, User Agent Switcher, etc
Desenvolvimento                 Desenvolvimento
PHP                           Web                          Mobile Web




Essa demanda está sendo natural, sistemas e sites com versão mobile
Desenvolvimento
      PHP
                                         Mobile Web




Ações de marketing mobile (SMS, MMS, QR Code, Sites Mobile)
Tera
             WURFL           SOAP                        HTML                     JS

 CMS's

                                    cURL                        Desenvolvimento
                    PHP                                              Web

IsMobile

                             Image
               PHP           QrCode
               QR                                                    CSS
                G!
                                           Emulators
                                             e/ou
                                            Plugins


                        al
                   G er
           is ão                       Desenvolvimento
       V                                 Mobile Web
                             W3C                          jQuery
                             mobile                       Mobile
Eu não posso esquecer de falar sobre...




                                    Siga o projeto, tem twitter, lista e site.
                                    Vamos trocar ideias sobre Dev. Mobile Web

                                    http://www.phpmobile.com.br




                                      E pela terceira vez, vamos ter a trilha COLAPHP !

                                      Mais info: http://www.php.org.br/colaphp-2010
Agora sim, é isso. Dúvidas ?




Ah! já ia esquecendo, os slides estão aqui: http://www.porkaria.com.br/tag/linguagil
Bruno Fernandes (vulgo PorKaria)

Twitter: @porkaria

Email: porkaria@jera.com.br

Blog: http://www.porkaria.com.br 

PHP e o Desenvolvimento Mobile Web no LinguAgil

  • 1.
    Desenvolvimento Mobile Web por Bruno @porkaria
  • 3.
    Eu sou deMato Grosso do Sul (PHPMS)
  • 4.
    Sou sócio/desenvolvedor daJera Software Ágil
  • 5.
    Fiz a classeisMobile, PHP Qr Code Generator e o projeto PHP Mobile
  • 6.
    Sei que issonão é muita coisa, mas me deu a chance de conhecer essa galera!
  • 7.
  • 8.
    Você não vaiinstalar o PHP no seu Celular ! Mesmo se você puder, não faça, PHP isso causará um distúrbio na força.
  • 9.
    Vamos usar oPHP para o que ele faz de melhor, trabalhar na Web. PHP Integração Gateway (Envio de SMS) Para atender os requisitos dos Gateways dessas operadoras,  você precisa entender de requisições HTTP e Web Services. cURL http://br2.php.net/manual/pt_BR/book.curl.php   SOAP http://br2.php.net/manual/pt_BR/book.soap.php
  • 10.
    Você pode fazera sua aplicação interagir com dispositivos móveis usando PHP PHP QR Code Código de Barras 2D é uma matriz bi­dimensional que tem grande  capacidade de armazenamento (até 4,296 Alfanuméricos). Image http://pear.php.net/package/Image_QRCode   QrCode PHP QR http://labs.porkaria.com.br/phpqrcode/  G!
  • 12.
    Conheça melhor quemacessa a sua aplicação e você poderá personalizar o seu conteúdo PHP Identificando o dispositivo móvel e seus recursos IsMobile http://www.phpmobile.com.br/ismobile/   Tera http://www.tera­wurfl.com/   WURFL
  • 13.
    PHP é linguagempra fazer sites ? Se for, é para site mobile também PHP WP Wordpress Mobile Edition - http://migre.me/X6Fv Joomla MobileJoomla! ­ http://migre.me/X6H Drupal Drupal MobilePlugin ­ http://migre.me/X6NV
  • 14.
    Tera WURFL SOAP CMS's cURL PHP IsMobile Image PHP QrCode QR G! O PHP como sempre, vai ser uma ferramenta para  facilitar a sua vida.  Porém com um foco “mobile”
  • 16.
  • 17.
    PHP for Android ­ www.phpforandroid.net  PhpForAndroid­APK 0.2 released SL4A r0 Released!! PFA 0.2 (Android Scripting Environment) HOWTO  http://vimeo.com/13177370  “Build native desktop applications for Windows, Mac OS X, and Linux using the Web technologies..” Como usar o PHP nisso http://migre.me/1kEgu
  • 18.
    Teoricamente, você estáem casa. Desenvolvimento Feijão (HTML), Arroz (JS) e Farofa (CSS) Web HTML DOCTYPE ? “HTML 5” (LocalStorage, Geolocation) ? <meta> ? Qual é o padrão? Validação ? JS Ajax ? JQtouch ? jQuery Mobile ? CSS CSS 3 ? Media Queries ?
  • 19.
    Básico Desenvolvimento Mobile Web ● Você precisa de um browser ● Produto acessível!
  • 20.
    Básico Desenvolvimento Mobile Web ● Você precisa de um browser ● Produto acessível! Vantagens ● Independência de plataforma ● Informações na “nuvem”
  • 21.
    Básico Desenvolvimento Mobile Web ● Você precisa de um browser ● Produto acessível! Vantagens ● Independência de plataforma ● Informações na “nuvem” Desvantagens ● Usabilidade ● Acesso a recursos do Dispositivo ● Acesso a internet
  • 22.
    Básico Desenvolvimento Mobile Web ● Você precisa de um browser ● Produto acessível! Vantagens ro ! ● Independência de plataforma d alan ● Informações na “nuvem” lá M Calma Desvantagens ● Usabilidade HTML 5 #ftw ● Acesso a recursos do Dispositivo ● Acesso a internet
  • 23.
    Básico Desenvolvimento Mobile Web ● Você precisa de um browser ● Produto acessível! Vantagens ro ! ● Independência de plataforma d alan ● Informações na “nuvem” lá M Calma Desvantagens ● Usabilidade HTML 5 #ftw ● Acesso a recursos do Dispositivo ● Acesso a internet Eu acredito no futuro! Internet para todos!
  • 24.
    Desenvolvimento Mobile Web W3C O seu site é mobile ? MobileOk Checker http://validator.w3.org/mobile/ mobile jQuery A estratégia do projeto foi lançado recentemente http://migre.me/17oHT Mobile Emulators e/ou Plugins Opera Mini Simulator, mobiReady, Android VD, User Agent Switcher, etc
  • 25.
    Desenvolvimento Desenvolvimento PHP Web Mobile Web Essa demanda está sendo natural, sistemas e sites com versão mobile
  • 26.
    Desenvolvimento PHP Mobile Web Ações de marketing mobile (SMS, MMS, QR Code, Sites Mobile)
  • 27.
    Tera WURFL SOAP HTML JS CMS's cURL Desenvolvimento PHP Web IsMobile Image PHP QrCode QR CSS G! Emulators e/ou Plugins al G er is ão Desenvolvimento V Mobile Web W3C jQuery mobile Mobile
  • 28.
    Eu não posso esquecer de falar sobre... Siga o projeto, tem twitter, lista e site. Vamos trocar ideias sobre Dev. Mobile Web http://www.phpmobile.com.br E pela terceira vez, vamos ter a trilha COLAPHP ! Mais info: http://www.php.org.br/colaphp-2010
  • 29.
    Agora sim, é isso. Dúvidas ? Ah! já iaesquecendo, os slides estão aqui: http://www.porkaria.com.br/tag/linguagil
  • 30.