O documento discute como desenvolver sites para dispositivos móveis usando PHP e software livre. Ele aborda identificar o dispositivo acessando o site, gerar códigos QR, e construir sites móveis adaptados ao layout e recursos do dispositivo.

1. Desenvolvimento Mobile Web usando PHP
e Software Livre!
06/05/2010 – IV ENSOL – I PHP­NE

2. Desenvolvimento Mobile Web usando PHP
e Software Livre!
Bruno Fernandes, vulgo “PorKaria”
Criador do projeto PHP Mobile
✔
Co­fundador do grupo PHPMS – Grupo de Usuários PHP de Mato Grosso do Sul
✔
Representante do PHPMS no PHP Brasil Comunidades
✔
Mais de 6 anos de experiência em Desenvolvimento Web
✔
Experiência em PHP, Gerencia de Projetos e Desenvolvimento Mobile Web
✔
06/05/2010 – IV ENSOL – I PHP­NE

3. Desenvolvimento Mobile Web usando PHP
e Software Livre!
Do que vamos falar agora ?
● O que é e para que serve o Desenvolvimento Mobile Web ?
● Identificando o dispositivo móvel que está acessando a sua aplicação
● Gerando QR­Code (Código de Barras 2D)
● Construção de um Site Mobile
● .. e o Software Livre ?
por Bruno Fernandes “PorKaria” @porkaria 06/05/2010 – IV ENSOL – I PHP­NE

4. Desenvolvimento Mobile Web usando PHP
e Software Livre!
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“
Para notar a real diferença entre o Desenvolvimento Web é preciso falar sobre os três
tópicos que compõe esse novo conceito: Usuários, Mercado de Trabalho e Ferramentas
para o Desenvolvimento.
Referência: http://www.porkaria.com.br/2010/04/04/o­que­e­desenvolvimento­mobile­web/
por Bruno Fernandes “PorKaria” @porkaria 06/05/2010 – IV ENSOL – I PHP­NE

5. Desenvolvimento Mobile Web usando PHP
e Software Livre!
O que o Desenvolvimento Mobile Web faz ?
Ele coloca a sua marca, que já estava na web, na mobile web.
● Aplicações adaptadas para dispositivos móveis (sites e sistemas)
● Acesso rápido ao seu controle de estoque, financeiro e etc.
● Acelera a comunicação entre você e seus funcionários/parceiros/clientes/whatever
Mais dicas:
http://www.mobilepedia.com.br/cases/zoompass­%E2%80%93­pagamento­pelo­celular­mobile­marketing
http://leonardoxavier.typepad.com/mobilizado/2010/01/qrcowde­vaca­interativa­v%C3%ADdeo.html
http://www.mobilepedia.com.br/noticias/coleira­para­cachorro­envia­sms
por Bruno Fernandes “PorKaria” @porkaria 06/05/2010 – IV ENSOL – I PHP­NE

6. Desenvolvimento Mobile Web usando PHP
e Software Livre!
Identificando qual dispositivo móvel está acessando a
sua aplicação
Essa é a classe IsMobile, mais informação aqui: http://www.phpmobile.com.br/ismobile/
por Bruno Fernandes “PorKaria” @porkaria 06/05/2010 – IV ENSOL – I PHP­NE

7. Desenvolvimento Mobile Web usando PHP
e Software Livre!
Identificando qual dispositivo móvel está acessando a
sua aplicação
Essa é a classe Tera­Wurfl, mais informação aqui:
http://www.porkaria.com.br/2010/04/19/identificando­qual­celular­esta­acessando­site/
por Bruno Fernandes “PorKaria” @porkaria 06/05/2010 – IV ENSOL – I PHP­NE

8. Desenvolvimento Mobile Web usando PHP
e Software Livre!
Gerando QR­Code (Código de Barras 2D)
Mais sobre o que é, como usar e exemplos em:
http://www.porkaria.com.br/2010/04/24/gerando­qr­code­com­php/
por Bruno Fernandes “PorKaria” @porkaria 06/05/2010 – IV ENSOL – I PHP­NE

9. Desenvolvimento Mobile Web usando PHP
e Software Livre!
Construindo um Site Mobile
O que um site precisa para ser considerado Mobile ?
● Layout adaptado ao display do seu dispositivo móvel
● Conteúdo de acordo com os recursos do seu dispositivo móvel (imagens, áudio e vídeos)
● Utilizar dos recursos que o browser permite usar do seu dispositivo móvel (ClicktoCall, QR­Code..)
por Bruno Fernandes “PorKaria” @porkaria 06/05/2010 – IV ENSOL – I PHP­NE

10. Desenvolvimento Mobile Web usando PHP
e Software Livre!
Construindo um Site Mobile
O que um site precisa para ser considerado Mobile ?
● Layout adaptado ao display do seu dispositivo móvel
Você vai precisar de uma linguagem que interaja e manipule fácil o HTML
● Conteúdo de acordo com os recursos do seu dispositivo móvel (imagens, áudio e vídeos)
● Utilizar dos recursos que o browser permite usar do seu dispositivo móvel (ClicktoCall, QR­Code..)
por Bruno Fernandes “PorKaria” @porkaria 06/05/2010 – IV ENSOL – I PHP­NE

11. Desenvolvimento Mobile Web usando PHP
e Software Livre!
Construindo um Site Mobile
O que um site precisa para ser considerado Mobile ?
● Layout adaptado ao display do seu dispositivo móvel
Você vai precisar de uma linguagem que interaja e manipule fácil o HTML
Que você possa conseguir essa informação de forma fácil (Tera-Wurfl, IsMobile etc..)
● Conteúdo de acordo com os recursos do seu dispositivo móvel (imagens, áudio e vídeos)
● Utilizar dos recursos que o browser permite usar do seu dispositivo móvel (ClicktoCall, QR­Code..)
por Bruno Fernandes “PorKaria” @porkaria 06/05/2010 – IV ENSOL – I PHP­NE

12. Desenvolvimento Mobile Web usando PHP
e Software Livre!
Construindo um Site Mobile
O que um site precisa para ser considerado Mobile ?
● Layout adaptado ao display do seu dispositivo móvel
Você vai precisar de uma linguagem que interaja e manipule fácil o HTML
Que você possa conseguir essa informação de forma fácil (Tera-Wurfl, IsMobile etc..)
● Conteúdo de acordo com os recursos do seu dispositivo móvel (imagens, áudio e vídeos)
● Utilizar dos recursos que o browser permite usar do seu dispositivo móvel (ClicktoCall, QR­Code..)
por Bruno Fernandes “PorKaria” @porkaria 06/05/2010 – IV ENSOL – I PHP­NE

13. Desenvolvimento Mobile Web usando PHP
e Software Livre!
Construindo um Site Mobile
O que um site precisa para ser considerado Mobile ?
● Layout adaptado ao display do seu dispositivo móvel
Você vai precisar de uma linguagem que interaja e manipule fácil o HTML
Que você possa conseguir essa informação de forma fácil (Tera-Wurfl, IsMobile etc..)
● Conteúdo de acordo com os recursos do seu dispositivo móvel (imagens, áudio e vídeos)
Criar e manipular imagens, vídeos, áudios... (ffmpeg-php, Biblioteca GD ...)
● Utilizar dos recursos que o browser permite usar do seu dispositivo móvel (ClicktoCall, QR­Code..)
por Bruno Fernandes “PorKaria” @porkaria 06/05/2010 – IV ENSOL – I PHP­NE

14. Desenvolvimento Mobile Web usando PHP
e Software Livre!
Construindo um Site Mobile
O que um site precisa para ser considerado Mobile ?
● Layout adaptado ao display do seu dispositivo móvel
Você vai precisar de uma linguagem que interaja e manipule fácil o HTML
Que você possa conseguir essa informação de forma fácil (Tera-Wurfl, IsMobile etc..)
● Conteúdo de acordo com os recursos do seu dispositivo móvel (imagens, áudio e vídeos)
Criar e manipular imagens, vídeos, áudios... (ffmpeg-php, Biblioteca GD ...)
● Utilizar dos recursos que o browser permite usar do seu dispositivo móvel (ClicktoCall, QR­Code..)
por Bruno Fernandes “PorKaria” @porkaria 06/05/2010 – IV ENSOL – I PHP­NE

15. Desenvolvimento Mobile Web usando PHP
e Software Livre!
Construindo um Site Mobile
O que um site precisa para ser considerado Mobile ?
● Layout adaptado ao display do seu dispositivo móvel
Você vai precisar de uma linguagem que interaja e manipule fácil o HTML
Que você possa conseguir essa informação de forma fácil (Tera-Wurfl, IsMobile etc..)
● Conteúdo de acordo com os recursos do seu dispositivo móvel (imagens, áudio e vídeos)
Criar e manipular imagens, vídeos, áudios... (ffmpeg-php, Biblioteca GD ...)
● Utilizar dos recursos que o browser permite usar do seu dispositivo móvel (ClicktoCall, QR­Code..)
Inserção de ClickToCall e QR-Code dinâmico...
por Bruno Fernandes “PorKaria” @porkaria 06/05/2010 – IV ENSOL – I PHP­NE

16. Desenvolvimento Mobile Web usando PHP
e Software Livre!
Construindo um Site Mobile
O que um site precisa para ser considerado Mobile ?
● Layout adaptado ao display do seu dispositivo móvel
Você vai precisar de uma linguagem que interaja e manipule fácil o HTML
Que você possa conseguir essa informação de forma fácil (Tera-Wurfl, IsMobile etc..)
● Conteúdo de acordo com os recursos do seu dispositivo móvel (imagens, áudio e vídeos)
Criar e manipular imagens, vídeos, áudios... (ffmpeg-php, Biblioteca GD ...)
● Utilizar dos recursos que o browser permite usar do seu dispositivo móvel (ClicktoCall, QR­Code..)
Inserção de ClickToCall e QR-Code dinâmico...
por Bruno Fernandes “PorKaria” @porkaria 06/05/2010 – IV ENSOL – I PHP­NE

17. Desenvolvimento Mobile Web usando PHP
e Software Livre!
Construindo um Site Mobile
Vou precisar ter vários dispositivos móveis para testar o meu site ?
Opera Mini Simulator
Versão 5 ­ http://www.opera.com/mobile/demo/
Versão 4.2 ­ http://www.opera.com/mobile/demo/?ver=4
Opera Mobile Emulator
Aonde baixar: http://www.opera.com/developer/tools/#operamobile
Mais dicas em: http://www.porkaria.com.br/2010/04/29/o­ambiente­de­teste­no­desenvolvimento­mobile­web/
por Bruno Fernandes “PorKaria” @porkaria 06/05/2010 – IV ENSOL – I PHP­NE

18. Desenvolvimento Mobile Web usando PHP
e Software Livre!
Construindo um Site Mobile
E se eu já tenho um site feito em Wordpress, Joomla ou Drupal ?
Mobile Joomla!
http://www.mobilejoomla.com/
Wordpress Mobile Edition
http://wordpress.org/extend/plugins/wordpress­mobile­edition/
Drupal Mobile Tools
http://drupal.org/project/mobile_tools
Mais dicas em: http://www.slideshare.net/porkaria/a­turma­toda­no­mundo­mobile
por Bruno Fernandes “PorKaria” @porkaria 06/05/2010 – IV ENSOL – I PHP­NE

19. Desenvolvimento Mobile Web usando PHP
e Software Livre!
Software Livre
O que seria da Web sem o Software Livre ?
Grande parte (se não todas) as melhores ferramentas para o Desenvolvimento Web, que é a base
do Desenvolvimento Mobile Web, são livres e permitem a criação de novas ideias.
Todos aqui sabem o poder da combinação LAMP
Felizmente na era mobile, acredito que não seremos reféns do código e da filosofia “proprietária”.
por Bruno Fernandes “PorKaria” @porkaria 06/05/2010 – IV ENSOL – I PHP­NE

20. Desenvolvimento Mobile Web usando PHP
e Software Livre!
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
por Bruno Fernandes “PorKaria” @porkaria 06/05/2010 – IV ENSOL – I PHP­NE

21. Desenvolvimento Mobile Web usando PHP
e Software Livre!
Dúvidas ?
Os slides podem ser encontrados aí
http://www.porkaria.com.br/tag/php­ne/
por Bruno Fernandes “PorKaria” @porkaria 06/05/2010 – IV ENSOL – I PHP­NE

22. Desenvolvimento Mobile Web usando PHP
e Software Livre!
FIM
Contato
E­mail: bruno@porkaria.com.br
Gtalk: porkaria@gmail.com
Blog: http://www.porkaria.com.br
Twitter: http://twitter.com/porkaria
por Bruno Fernandes “PorKaria” @porkaria 06/05/2010 – IV ENSOL – I PHP­NE