A Turma Toda No Mundo Mobile

1,819 views
1,745 views

Published on

Mostrar as opções de plungis e temas em cada CMS. Pegar um plugin de cada e exemplificar o uso, mostrar o código e funcionando.

Published in: Technology, Business
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,819
On SlideShare
0
From Embeds
0
Number of Embeds
103
Actions
Shares
0
Downloads
62
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

A Turma Toda No Mundo Mobile

  1. 1. A TURMA TODA NO MUNDO MOBILE !
  2. 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. 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. 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. 5. Versão utilizada: 1.5.15 Full Package http://labs.porkaria.com.br/joomla
  6. 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. 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. 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. 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. 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. 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. 12. Testei o plugin OSMOBI ANTES DEPOIS
  13. 13. Testei o plugin OSMOBI ANTES DEPOIS
  14. 14. Testei o plugin OSMOBI ANTES DEPOIS
  15. 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. 16. Versão utilizada: 6.14 http://labs.porkaria.com.br/drupal
  17. 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. 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. 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. 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. 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. 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. 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. 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. 25. Construindo a versão mobile ANTES DEPOIS
  26. 26. Construindo a versão mobile ANTES DEPOIS
  27. 27. Construindo a versão mobile ANTES DEPOIS
  28. 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. 29. Versão utilizada: 2.8.6 http://labs.porkaria.com.br/wordpress
  30. 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. 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. 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. 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. 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. 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. 36. Construindo a versão mobile ANTES DEPOIS
  37. 37. Construindo a versão mobile ANTES DEPOIS
  38. 38. Construindo a versão mobile ANTES DEPOIS
  39. 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. 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. 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. 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. 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. 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. 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. 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. 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

×