PHP e o Desenvolvimento Mobile Web por  @porkaria
Apresentação O meu apelido é  PorKaria
Criador da comunidade  PHP Mobile  e as das ferramentas  IsMobile  e  PHP Qrcode Generator
Co-fundador do  PHPMS  e representante no  PHP Brasil Comunidades
Sócio / Desenvolvedor da  Jera  Software Ágil
Agenda O que é Desenvolvimento Mobile Web
O PHP no mundo Mobile Integração Gateway (Envio de SMS)
Qr Code
Identificando o dispositivo móvel e seus recursos Construindo um site em versão Mobile  Do Zero
A partir de um CMS (Wordpress, Joomla e Drupal)
O que é Desenvolvimento Mobile Web ? “ Desenvolvimento Mobile Web é desenvolver uma aplicação que seja viável o seu acesso via browser de um dispositivo móvel”
Integração Gateway (Envio de SMS) Hoje é fácil enviar um SMS a partir da sua aplicação web, você conta com o serviço das chamadas “integradoras”, que fazem a ponte entre a sua aplicação e a operadora.
Integração Gateway (Envio de SMS) Para atender os requisitos dos Gateways dessas operadoras, você precisa entender de requisições HTTP e Web Services. E no PHP você tem isso nativamente e de fácil uso e aprendizagem:  CURL  -  http://br2.php.net/manual/pt_BR/book.curl.php   SOAP  -  http://br2.php.net/manual/pt_BR/book.soap.php
Integração Gateway (Envio de SMS) Um exemplo de código de envio de SMS por uma Integradora $ch = curl_init(); curl_setopt($ch, CURLOPT_URL, “http://suaintegradora.com.br/GatewayIntegration/msgSms.do”); curl_setopt($ch, CURLOPT_RETURNTRANSFER,1); curl_setopt($ch, CURLOPT_POST, 1); curl_setopt($ch, CURLOPT_POSTFIELDS, “account=teste&code=123&msg=testando&to=556799999”); $result = curl_exec($ch); curl_close($ch);
QR Code QR Code ou Código de Barras 2D é uma matriz bi-dimensional que tem grande capacidade de armazenamento.
QR Code
QR Code Gerando um QR Code com PHP usando a classe  Image_QrCode <?php require_once(&quot;Image/QRCode.php&quot;); $options = array( &quot;image_type&quot; => &quot;png&quot;, &quot;module_size&quot; => 3, &quot;error_correct&quot; => &quot;H&quot;, &quot;version&quot; => 5, &quot;output_type&quot; => &quot;display&quot; ); $qr = new Image_QRCode(); $qrcode = $qr->makeCode(&quot;Esse é um QR Code feliz&quot;,$options); ?> ...se você estiver com preguiça de digitar esse código, utilize o  PHP Qr Code Generator
Identificando o dispositivo móvel e seus recursos Vou apresentar duas ferramentas para resolver isso ! IsMobile   - Identificação do dispositivo móvel Tera-WURFL   - Identificação do dispositivo móvel e seus recursos
Identificando o dispositivo móvel e seus recursos Código IsMobile require_once &quot;ismobile.class.php&quot;; $ismobi = new IsMobile(); if($ismobi->CheckMobile()) { echo 'Your mobile device is a ' . $ismobi->GetMobileDevice() . '? '; } else { echo &quot;It isn't a mobile device...&quot;; }
Identificando o dispositivo móvel e seus recursos Código Tera-WURFL <?php require_once(&quot;TeraWurfl.php&quot;); $wurflObj = new TeraWurfl(); $wurflObj->GetDeviceCapabilitiesFromAgent($_SERVER['HTTP_USER_AGENT']); $max_width = $wurflObj->capabilities['display']['max_image_width']; $max_height = $wurflObj->capabilities['display']['max_image_height']; if ($max_width >= 320 && $max_height >= 360) { echo 'Tela maior, padrão iPhone'; } else { echo 'Telas menores, smartphones'; } ?>
Construindo um site mobile – Do zero ! Não! Você não vai precisar aprender novas linguagens, técnicas, mágicas e fazer um despacho. É praticamente o mesmo HTML, CSS, Javascript e PHP que você conhece.
Construindo um site mobile – Do zero ! Mas...
Construindo um site mobile – Do zero ! Você precisa se atualizar... HTML Você conhece tudo sobre as tags  <meta> ,  <label> ,  <link>  ? Qual  DOCTYPE  usar ? E o  HTML5  ? CSS Media  handheld  ? Screen ? CSS  3  ? Tamanho em  % ,  px ,  em  ? Javascript Ajax  funciona ? jQuery para Mobile ( jQTouch ) ?
Construindo um site mobile – A partir de um CMS Wordpress Mobile Edition http://migre.me/X6Fv
Construindo um site mobile – A partir de um CMS MobileJoomla! http://migre.me/X6HJ

PHP e o Desenvolvimento Mobile Web

  • 1.
    PHP e oDesenvolvimento Mobile Web por @porkaria
  • 2.
    Apresentação O meuapelido é PorKaria
  • 3.
    Criador da comunidade PHP Mobile e as das ferramentas IsMobile e PHP Qrcode Generator
  • 4.
    Co-fundador do PHPMS e representante no PHP Brasil Comunidades
  • 5.
    Sócio / Desenvolvedorda Jera Software Ágil
  • 6.
    Agenda O queé Desenvolvimento Mobile Web
  • 7.
    O PHP nomundo Mobile Integração Gateway (Envio de SMS)
  • 8.
  • 9.
    Identificando o dispositivomóvel e seus recursos Construindo um site em versão Mobile Do Zero
  • 10.
    A partir deum CMS (Wordpress, Joomla e Drupal)
  • 11.
    O que éDesenvolvimento Mobile Web ? “ Desenvolvimento Mobile Web é desenvolver uma aplicação que seja viável o seu acesso via browser de um dispositivo móvel”
  • 12.
    Integração Gateway (Enviode SMS) Hoje é fácil enviar um SMS a partir da sua aplicação web, você conta com o serviço das chamadas “integradoras”, que fazem a ponte entre a sua aplicação e a operadora.
  • 13.
    Integração Gateway (Enviode SMS) Para atender os requisitos dos Gateways dessas operadoras, você precisa entender de requisições HTTP e Web Services. E no PHP você tem isso nativamente e de fácil uso e aprendizagem: CURL - http://br2.php.net/manual/pt_BR/book.curl.php SOAP - http://br2.php.net/manual/pt_BR/book.soap.php
  • 14.
    Integração Gateway (Enviode SMS) Um exemplo de código de envio de SMS por uma Integradora $ch = curl_init(); curl_setopt($ch, CURLOPT_URL, “http://suaintegradora.com.br/GatewayIntegration/msgSms.do”); curl_setopt($ch, CURLOPT_RETURNTRANSFER,1); curl_setopt($ch, CURLOPT_POST, 1); curl_setopt($ch, CURLOPT_POSTFIELDS, “account=teste&code=123&msg=testando&to=556799999”); $result = curl_exec($ch); curl_close($ch);
  • 15.
    QR Code QRCode ou Código de Barras 2D é uma matriz bi-dimensional que tem grande capacidade de armazenamento.
  • 16.
  • 17.
    QR Code Gerandoum QR Code com PHP usando a classe Image_QrCode <?php require_once(&quot;Image/QRCode.php&quot;); $options = array( &quot;image_type&quot; => &quot;png&quot;, &quot;module_size&quot; => 3, &quot;error_correct&quot; => &quot;H&quot;, &quot;version&quot; => 5, &quot;output_type&quot; => &quot;display&quot; ); $qr = new Image_QRCode(); $qrcode = $qr->makeCode(&quot;Esse é um QR Code feliz&quot;,$options); ?> ...se você estiver com preguiça de digitar esse código, utilize o PHP Qr Code Generator
  • 18.
    Identificando o dispositivomóvel e seus recursos Vou apresentar duas ferramentas para resolver isso ! IsMobile - Identificação do dispositivo móvel Tera-WURFL - Identificação do dispositivo móvel e seus recursos
  • 19.
    Identificando o dispositivomóvel e seus recursos Código IsMobile require_once &quot;ismobile.class.php&quot;; $ismobi = new IsMobile(); if($ismobi->CheckMobile()) { echo 'Your mobile device is a ' . $ismobi->GetMobileDevice() . '? '; } else { echo &quot;It isn't a mobile device...&quot;; }
  • 20.
    Identificando o dispositivomóvel e seus recursos Código Tera-WURFL <?php require_once(&quot;TeraWurfl.php&quot;); $wurflObj = new TeraWurfl(); $wurflObj->GetDeviceCapabilitiesFromAgent($_SERVER['HTTP_USER_AGENT']); $max_width = $wurflObj->capabilities['display']['max_image_width']; $max_height = $wurflObj->capabilities['display']['max_image_height']; if ($max_width >= 320 && $max_height >= 360) { echo 'Tela maior, padrão iPhone'; } else { echo 'Telas menores, smartphones'; } ?>
  • 21.
    Construindo um sitemobile – Do zero ! Não! Você não vai precisar aprender novas linguagens, técnicas, mágicas e fazer um despacho. É praticamente o mesmo HTML, CSS, Javascript e PHP que você conhece.
  • 22.
    Construindo um sitemobile – Do zero ! Mas...
  • 23.
    Construindo um sitemobile – Do zero ! Você precisa se atualizar... HTML Você conhece tudo sobre as tags <meta> , <label> , <link> ? Qual DOCTYPE usar ? E o HTML5 ? CSS Media handheld ? Screen ? CSS 3 ? Tamanho em % , px , em ? Javascript Ajax funciona ? jQuery para Mobile ( jQTouch ) ?
  • 24.
    Construindo um sitemobile – A partir de um CMS Wordpress Mobile Edition http://migre.me/X6Fv
  • 25.
    Construindo um sitemobile – A partir de um CMS MobileJoomla! http://migre.me/X6HJ