[1] O documento apresenta testes realizados nos sistemas de gerenciamento de conteúdo Wordpress, Joomla e Drupal em dispositivos móveis. [2] Nos testes, a configuração e temas padrão desses sistemas não se mostraram adequados para dispositivos móveis. [3] O documento também fornece recomendações e plugins para construir versões mobile desses sistemas.

1. A TURMA TODA
NO MUNDO MOBILE !

2. Bruno Fernandes Pereira (vulgo PorKaria)
● Co-fundador do grupo PHPMS - Grupo de usuários PHP de Mato Grosso do Sul
● Representante do PHPMS no PHP Brasil Comunidades
● Criador do projeto PHP Mobile
● Gerente de projetos na empresa CATWORK Tecnologia.

3. A turma toda no mundo Mobile! (Wordpress, Joomla e Drupal) – PHP Conference Brasil 2009 / 27-11-2009
Objetivos
➔ Testar se os principais CMS em PHP do mercado estão prontos para
os dispositivos móveis.
➔ Apresentar problemas comuns de usabilidade em sites mobiles
➔ Avaliar alguns dos plugins, módulos, componentes, temas e etc, que
esses CMS disponibilizam
por Bruno PorKaria - http://www.porkaria.com.br - twitter @porkaria – bruno@porkaria.com.br

4. A turma toda no mundo Mobile! (Wordpress, Joomla e Drupal) – PHP Conference Brasil 2009 / 27-11-2009
Aparelhos usados para os testes
Nokia N95 Iphone
Nokia E71
por Bruno PorKaria - http://www.porkaria.com.br - twitter @porkaria – bruno@porkaria.com.br

5. Versão utilizada: 1.5.15 Full Package
http://labs.porkaria.com.br/joomla

6. Teste: configuração e tema padrão
➔ Barra horizontal
➔ Não temos um menu de acesso
rápido
➔Usuário é obrigado a procurar
muito pela informação
➔ O conteúdo não foi adaptado para
o dispositivo móvel
➔ Identificação do site (logo e nome)

7. Teste: configuração e tema padrão
➔ Barra horizontal
➔Usuário é obrigado a procurar
muito pela informação
➔ O conteúdo não foi adaptado para
o dispositivo móvel
➔ Identificação do site (logo e nome)
➔ Temos acesso ao menu

8. Teste: configuração e tema padrão
➔ Barra horizontal
➔ Não temos um menu de acesso rápido
➔ Usuário é obrigado a procurar muito pela informação
➔ O conteúdo não foi adaptado para o dispositivo móvel
➔ Identificação do site (logo e nome)

9. Teste: configuração e tema padrão
➔ Não temos um menu de acesso
rápido
➔Usuário é obrigado a procurar
muito pela informação
➔ O conteúdo não foi adaptado para
o dispositivo móvel
➔ Identificação do site (logo e nome)
➔ Sem barra de rolagem horizontal

10. Teste: configuração e tema padrão
➔ Não temos um menu de acesso rápido
➔ Usuário é obrigado a procurar muito pela informação
➔ O conteúdo não foi adaptado para o dispositivo móvel
➔ Identificação do site (logo e nome)
➔ Sem barra de rolagem horizontal

11. Construindo a versão mobile
Plugin: OSMOBI
Caracteristicas: Extensão que faz uma perfeita conexão com o
middleware da plataforma Siruna para conversão de sites mobile.
Onde baixar:
http://extensions.joomla.org/extensions/core-enhancements/mobile/10495
Plugin: PDA-plugin for Joomla!1.5
Caracteristicas: O plugin é o mais popular na categoria Mobile, porém foi
descontinuado. A comunidade está trabalhando em um novo plugin
chamado Kuneri Mobile Joomla, que por enquanto está em “Preview
Mode”
Onde baixar:
http://mobilejoomla.com/

12. Testei o plugin OSMOBI
ANTES DEPOIS

13. Testei o plugin OSMOBI
ANTES DEPOIS

14. Testei o plugin OSMOBI
ANTES DEPOIS

15. Construindo a versão mobile
1. Procure uma extensão no repositório oficial para fazer esse trabalho. Pois
normalmente o código é mais confiável, existe um sistema de avaliação pela
comunidade, que são os votos e reviews.
http://extensions.joomla.org/
Mais precisamente:
http://extensions.joomla.org/extensions/core-enhancements/mobile
2. Ache um template que satisfaça o seu lado design.
3. Encontre artigos sobre o assunto, veja se não existem outras soluções além
do módulo que você está testando.
http://mobiforge.com/developing/story/mobile-sites-with-joomla-cms

16. Versão utilizada: 6.14
http://labs.porkaria.com.br/drupal

17. Teste: configuração e tema padrão
➔ Barra horizontal
➔ Não temos um menu de acesso
rápido
➔Usuário é obrigado a procurar
muito pela informação
➔ O conteúdo não foi adaptado para
o dispositivo móvel
➔ Identificação do site (logo e nome)

18. Teste: configuração e tema padrão
➔ Barra horizontal
➔ Não temos um menu de acesso
rápido
➔Usuário é obrigado a procurar
muito pela informação
➔ O conteúdo não foi adaptado para
o dispositivo móvel
➔ Identificação do site (logo e nome)

19. Teste: configuração e tema padrão
➔ Barra horizontal
➔ Não temos um menu de acesso rápido
➔ Usuário é obrigado a procurar muito pela informação
➔ O conteúdo não foi adaptado para o dispositivo móvel
➔ Identificação do site (logo e nome)

20. Teste: configuração e tema padrão
➔ Não temos um menu de acesso
rápido
➔Usuário é obrigado a procurar
muito pela informação
➔ O conteúdo não foi adaptado para
o dispositivo móvel
➔ Identificação do site (logo e nome)
➔ Sem barra de rolagem horizontal

21. Teste: configuração e tema padrão
➔ Não temos um menu de acesso rápido
➔ Usuário é obrigado a procurar muito pela informação
➔ O conteúdo não foi adaptado para o dispositivo móvel
➔ Identificação do site (logo e nome)
➔ Sem barra de rolagem horizontal

22. Construindo a versão mobile
Plugin: Browscap
Sobre: É um módulo usado para substituir a função get_browser(),
que em muitos servidores de hospedagem é um drama para fazer
funcionar.
Onde baixar:
http://drupal.org/project/browscap
Plugin: WURFL
Sobre: Baseado no projeto WURFL e na WURFL PHP Library,
módulo para facilitar a identificação dos dispositivos móveis que
acessam o seu website.
Onde baixar:
http://drupal.org/project/wurfl

23. RÁÁ!!!
Plugin: PDA-plugin for Joomla!1.5
Caracteristicas: O plugin é o mais popular na categoria Mobile, porém foi
descontinuado. A comunidade está trabalhando em um novo plugin
chamado Kuneri Mobile Joomla, que por enquanto está em “Preview
Mode”
Onde baixar:
http://mobilejoomla.com/
Mostra como funciona o Browscap

24. Construindo a versão mobile
Plugin: Mobile Theme
Sobre: Habilita a possibilidade de você escolher qual tema usar
para a versão mobile, que é detectada através do browscap.
Onde baixar:
http://drupal.org/project/browscap
Tema: Mobile Garland
Sobre: Versão mobile do tema default (Garland) do drupal :)
Onde baixar:
http://drupal.org/project/mobile_garland

25. Construindo a versão mobile
ANTES DEPOIS

26. Construindo a versão mobile
ANTES DEPOIS

27. Construindo a versão mobile
ANTES DEPOIS

28. Construindo a versão mobile
1. Saiba aonde procurar os módulos para instalar no seu Drupal:
Link direto para a categoria Mobile
http://migre.me/c8wu
2. Exercite o seu lado criativo e escolha temas em versões mobile
http://drupal.org/project/themes?text=mobile
3. Informação extra: Existe um site voltado para as novidades “mobile” do Drupal
http://www.mobiledrupal.com/

29. Versão utilizada: 2.8.6
http://labs.porkaria.com.br/wordpress

30. Teste: configuração e tema padrão
➔ Barra horizontal
➔ Não temos um menu de acesso
rápido
➔Usuário é obrigado a procurar
muito pela informação
➔ O conteúdo não foi adaptado para
o dispositivo móvel
➔ Identificação do site (logo e nome)

31. Teste: configuração e tema padrão
➔ Barra horizontal
➔ Não temos um menu de acesso
rápido
➔Usuário é obrigado a procurar
muito pela informação
➔ O conteúdo não foi adaptado para
o dispositivo móvel
➔ Identificação do site (logo e nome)

32. Teste: configuração e tema padrão
➔ Barra horizontal
➔ Não temos um menu de acesso rápido
➔ Usuário é obrigado a procurar muito pela informação
➔ O conteúdo não foi adaptado para o dispositivo móvel
➔ Identificação do site (logo e nome)

33. Teste: configuração e tema padrão
➔ Não temos um menu de acesso
rápido
➔Usuário é obrigado a procurar
muito pela informação
➔ O conteúdo não foi adaptado para
o dispositivo móvel
➔ Identificação do site (logo e nome)
➔ Sem barra de rolagem horizontal

34. Teste: configuração e tema padrão
➔ Não temos um menu de acesso rápido
➔ Usuário é obrigado a procurar muito pela informação
➔ O conteúdo não foi adaptado para o dispositivo móvel
➔ Identificação do site (logo e nome)
➔ Sem barras de rolagem horizontal

35. Construindo a versão mobile
Plugin: Wordpress Mobile Edition
Sobre: Plugin que redireciona o usuário para um tema mobile e da
a opção de adicionar ou tirar os dispositivos móveis que ele detecta.
Ele vem com um tema para mobile por default.
Onde baixar:
http://wordpress.org/extend/plugins/wordpress-mobile-edition/
Plugin: WPhone Admin
Sobre: Habilita o administrativo para ser acessado pelo Iphone.
Permite moderar comentários, postar, escrever páginas e etc.
Onde baixar:
http://wphoneplugin.org/

36. Construindo a versão mobile
ANTES DEPOIS

37. Construindo a versão mobile
ANTES DEPOIS

38. Construindo a versão mobile
ANTES DEPOIS

39. Plugin: Wordpress Mobile Edition
Sobre: Plugin que redireciona o usuário para um tema mobile e da
a opção de adicionar ou tirar os dispositivos móveis que ele detecta.
Ele vem com um tema para mobile por default.
Onde baixar:
http://wordpress.org/extend/plugins/wordpress-mobile-edition/
MOSTRA OS PRUGIN FUNCIONANDO !!!!!

40. Construindo a versão mobile
1. O Wordpress tem muito plugin para Mobile! Viva a comunidade PHP!
http://wordpress.org/extend/plugins/tags/mobile
2. No repositório oficial de temas, só encontrei 1 layout, o Carrington Mobile
que é usado no plugin Wordpress Mobile Edition
3. Extra
10 plugins para tornar o seu Wordpress móvel
http://migre.me/crI6
Blogueiros do Wordpress.com ganharam dois temas para mobile.
http://en.support.wordpress.com/themes/mobile-themes/
Wordpress Mobile Pack, pacote com uma galera de plugin!
http://mobiforge.com/running/story/the-dotmobi-wordpress-mobile-pack

41. A turma toda no mundo Mobile! (Wordpress, Joomla e Drupal) – PHP Conference Brasil 2009 / 27-11-2009
Baseado nos objetivos, vamos à conclusão.
➔ Testar se os principais CMS em PHP do mercado estão prontos para
os dispositivos móveis.
Ainda falta soluções por default nos CMS, como identificação do dispositivo
móvel e um tema para mobile, seria uma grande evolução.
➔ Apresentar problemas comuns de usabilidade em sites mobiles
O problema de usabilidade é uma constante no desenvolvimento mobile web,
pois é um problema que vem junto com o dispositivo, cabe ao desenvolvedor
escolher as melhores alternativas para minimizar esse problema.
➔ Avaliar alguns dos plugins, módulos, componentes, temas e etc, que
esses CMS disponibilizam
Todos os CMS tem plugins e temas para Mobile, temos comunidades ativas
trabalhando nos três CMS.
por Bruno PorKaria - http://www.porkaria.com.br - twitter @porkaria – bruno@porkaria.com.br

42. A turma toda no mundo Mobile! (Wordpress, Joomla e Drupal) – PHP Conference Brasil 2009 / 27-11-2009
Projeto PHP Mobile
Auxiliar e incentivar os desenvolvedores PHP no desenvolvimento
para dispositivos móveis (Mobile) disponibilizando artigos, notícias e
ferramentas.
Projeto criado por 3 membros do PHPMS, Bruno PorKaria, José
Ricardo e Cauan Cabral.
Mais informações em: http://www.phpmobile.com.br
por Bruno PorKaria - http://www.porkaria.com.br - twitter @porkaria – bruno@porkaria.com.br

43. A turma toda no mundo Mobile! (Wordpress, Joomla e Drupal) – PHP Conference Brasil 2009 / 27-11-2009
Ainda temos mais sobre Mobile na PHP Conference...
Mobile Business + PHP
Hoje! 27/11 no bloco amarelo SD3 - 15:30 às 17:30
Como desenvolver produtos e serviços para dispositivos móveis utilizando PHP.
Por Emerson Bezerra
PHP no mundo Mobile v 3.0
Amanhã! 28/11 no bloco verde SD3 - 11:30 às 13:00
Um rápido panorama sobre o mercado mobile, mostrar que quase todos os serviços
oferecidos pelo mercado mobile podem ser atendidos por aplicações feitas em PHP.
Por Bruno PorKaria
por Bruno PorKaria - http://www.porkaria.com.br - twitter @porkaria – bruno@porkaria.com.br

44. A turma toda no mundo Mobile! (Wordpress, Joomla e Drupal) – PHP Conference Brasil 2009 / 27-11-2009
Dúvidas ?
por Bruno PorKaria - http://www.porkaria.com.br - twitter @porkaria – bruno@porkaria.com.br

45. A turma toda no mundo Mobile! (Wordpress, Joomla e Drupal) – PHP Conference Brasil 2009 / 27-11-2009
Dúvidas ?
Pago uma cerveja no PHPINGA ....
por Bruno PorKaria - http://www.porkaria.com.br - twitter @porkaria – bruno@porkaria.com.br

46. A turma toda no mundo Mobile! (Wordpress, Joomla e Drupal) – PHP Conference Brasil 2009 / 27-11-2009
Dúvidas ?
Duas .. ?
por Bruno PorKaria - http://www.porkaria.com.br - twitter @porkaria – bruno@porkaria.com.br

47. A turma toda no mundo Mobile! (Wordpress, Joomla e Drupal) – PHP Conference Brasil 2009 / 27-11-2009
FIM !
Esse slide está em: http://www.slideshare.net/porkaria
E-mail bruno@porkaria.com.br Twitter @porkaria
por Bruno PorKaria - http://www.porkaria.com.br - twitter @porkaria – bruno@porkaria.com.br