PHP e o Desenvolvimento Mobile Web

2.967 visualizações

Publicada em

Slides apresentados no 17º Dia D (Debian MS).

Publicada em: Tecnologia
0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
2.967
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
46
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

PHP e o Desenvolvimento Mobile Web

  1. 1. PHP e o Desenvolvimento Mobile Web por @porkaria
  2. 2. Apresentação <ul><li>O meu apelido é PorKaria
  3. 3. Criador da comunidade PHP Mobile e as das ferramentas IsMobile e PHP Qrcode Generator
  4. 4. Co-fundador do PHPMS e representante no PHP Brasil Comunidades
  5. 5. Sócio / Desenvolvedor da Jera Software Ágil </li></ul>
  6. 6. Agenda <ul><li>O que é Desenvolvimento Mobile Web
  7. 7. O PHP no mundo Mobile </li><ul><li>Integração Gateway (Envio de SMS)
  8. 8. Qr Code
  9. 9. Identificando o dispositivo móvel e seus recursos </li></ul><li>Construindo um site em versão Mobile </li><ul><li>Do Zero
  10. 10. A partir de um CMS (Wordpress, Joomla e Drupal) </li></ul></ul>
  11. 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. 12. 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.
  13. 13. 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
  14. 14. 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);
  15. 15. QR Code QR Code ou Código de Barras 2D é uma matriz bi-dimensional que tem grande capacidade de armazenamento.
  16. 16. QR Code
  17. 17. 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
  18. 18. 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
  19. 19. 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;; }
  20. 20. 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'; } ?>
  21. 21. 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.
  22. 22. Construindo um site mobile – Do zero ! Mas...
  23. 23. 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 ) ?
  24. 24. Construindo um site mobile – A partir de um CMS Wordpress Mobile Edition http://migre.me/X6Fv
  25. 25. Construindo um site mobile – A partir de um CMS MobileJoomla! http://migre.me/X6HJ
  26. 26. Construindo um site mobile – A partir de um CMS Drupal MobilePlugin http://migre.me/X6NV
  27. 27. Bônus Round ! PHP for Android Entrevista com o líder do projeto http://migre.me/X90U (via PHPClasses) Post sobre o projeto no AndroidBrasil.com http://migre.me/WEx2 Site do projeto: http://phpforandroid.net/ W3C mobileOK Checker http://validator.w3.org/mobile/ Inspiração (Mobile Site Showcases) http://www.mobileawesomeness.com/
  28. 28. EXTRA Bônus Round ! JQuery Mobile http://jquerymobile.com/
  29. 30. Comunidade O projeto PHP Mobile tem como objetivo auxiliar e incentivar os desenvolvedores PHP no desenvolvimento para dispositivos móveis, disponibilizando um fórum, artigos, notícias e ferramentas. Se você quer participar e/ou contribuir com essa comunidade acesse: http://www.phpmobile.com.br
  30. 31. FIM ! Dúvidas ? http://www.slideshare.net/porkaria
  31. 32. Contato E-mail: [email_address] Gtalk: [email_address] Blog: http://www.porkaria.com.br Twitter: http://twitter.com/porkaria

×