A Turma Toda No Mundo Mobile

A TURMA TODA NO MUNDO MOBILE !

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.

A turma toda no mundo Mobile! (Wordpress, Joomla e Drupal) – PHP Conference Brasil 2009 / 27-11-2009

por Bruno PorKaria - http://www.porkaria.com.br - twitter @porkaria – [email protected]

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

http://www.porkaria.com.br/



Nokia E71

Nokia N95 Iphone

Aparelhos usados para os testes


Versão utilizada: 1.5.15 Full Package

http://labs.porkaria.com.br/joomla

➔ 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)

Teste: configuração e tema padrão






➔ Temos acesso ao menu





➔ Sem barra de rolagem horizontal


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/

http://extensions.joomla.org/extensions/core-enhancements/mobile/10495

http://mobilejoomla.com/

Testei o plugin OSMOBI

ANTES DEPOIS


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

http://extensions.joomla.org/

http://extensions.joomla.org/extensions/core-enhancements/mobile

http://mobiforge.com/developing/story/mobile-sites-with-joomla-cms

Versão utilizada: 6.14

http://labs.porkaria.com.br/drupal


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

http://drupal.org/project/browscap

http://drupal.org/project/wurfl

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

RÁÁ!!!

http://mobilejoomla.com/


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

http://drupal.org/project/browscap

http://drupal.org/project/mobile_garland


ANTES DEPOIS

1. Saiba aonde procurar os módulos para instalar no seu Drupal:

Link direto para a categoria Mobilehttp://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/


http://migre.me/c8wu

http://drupal.org/project/themes?text=mobile

http://www.mobiledrupal.com/

Versão utilizada: 2.8.6

http://labs.porkaria.com.br/wordpress






➔ Sem barras de rolagem horizontal


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/

http://wordpress.org/extend/plugins/wordpress-mobile-edition/

http://wphoneplugin.org/


ANTES DEPOIS

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 !!!!!

http://wordpress.org/extend/plugins/wordpress-mobile-edition/


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

http://wordpress.org/extend/plugins/tags/mobile

http://migre.me/crI6

http://en.support.wordpress.com/themes/mobile-themes/

http://mobiforge.com/running/story/the-dotmobi-wordpress-mobile-pack



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.




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




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

Ainda temos mais sobre Mobile na PHP Conference...

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




Dúvidas ?




Dúvidas ?

Pago uma cerveja no PHPINGA ....




Dúvidas ?

Duas .. ?




FIM !

Esse slide está em: http://www.slideshare.net/porkaria

E-mail [email protected] Twitter @porkaria


http://www.slideshare.net/porkaria

A Turma Toda No Mundo Mobile

Technology

Transcript of A Turma Toda No Mundo Mobile