WPhone – Administrando seu blog em WordPress de dispositivos móveis

Por: Henrique Pereira

Categoria: Mobile

Semanas atrás eu li no Contraditorium o que o Cardoso escreveu sobre o WPhone. Fiquei de queixo no chão do tanto que este plugin é legal! Se você gosta de navegar na web de celulares e tem um blog em WordPress, você precisa ter o WPhone Admin Plugin instalado nele.

A imagem abaixo é do Nokia E61i do Alexandre Fugita rodando o WPhone:

O WPhone (que já faz parte do roll oficial de plugins) é um plugin para WordPress que cria uma interface otimizada e amigável para dispositivos móveis, substituindo toda a área administrativa do seu site quando estiver navegando pelo celular. Há basicamente duas versões dele, uma para iPhone / iPod Touch com suporte para javascript e outra sem javascript. É um projeto em constante atualização e tem sido planejado para sempre funcionar com a última versão do seu WordPress. Por isso se tentar usá-lo em versões abaixo da 2.1 ele pode não funcionar corretamente.

Experiência do usuário

Se você tem interesse em desenvolver para dispositivos móveis, pode começar observando a diferença entre a experiência de usuário navegando por mobile e em um desktop, para entender quando será necessário colocar uma versão mobile na jogada. Este é o caso clássico em que uma versão específica para celular é necessária, inteligente e trouxe muito mais usabilidade e conforto para o usuário do que simplesmente desabilitar o CSS ou usar o “Small Screen Rendering” do Opera Mini, que em termos de navegação, absolutamente não é a mesma coisa.

Baixe o plugin WPhone, instale e veja alguns screenshots no site dos criadores do plugin para ficar babando.

Comentários: 11

O poder do novo Opera Mini 4

Por: Henrique Pereira

Categoria: Experiência de usuário, Internet / Web, Mobile

Está pronto a versão estável, excelente, charmoso, eficiente, amigo do desenvolvedor e de graça. O Opera Mini 4 é a faca na caveira dos browsers mobile. Vou tentar escrever aqui sobre todas as minhas impressões desse novo browser para dispositivos móveis.

Experiência do usuário

O novo Opera Mini 4 está seguindo uma tendência que tenho visto por ai (como o iPhone) da qual tenho minhas dúvidas sobre seu futuro. Com esta nova versão o usuário vai poder ver o site exatamente como se fosse na versão desktop (igual o iPhone), daí você dá um zoom para se aproximar do trecho que quer ler. Só isto, simples assim. Essa é uma funcionalidade do browser e não do dispositivo, que isso fique bem claro para os newbies.

O problema é que a experiência do usuário no celular é diferente da experiência no desktop. São dois ambientes completamente diferentes. Eu não espero que você “navegue” na internet da tela da sua geladeira da mesma forma que você vai navegar na televisão ou no desktop. São experiências diferentes. Eu quero acreditar que esta funcionalidade seja intermediária entre hoje, um período com poucos sites com versões especificamente mobile onde precisamos de uma “forcinha” dos fabricantes de browser como o Opera para facilitar nossa vida e um futuro próximo e feliz com mais sites mobile servindo uma experiência de usuário compatível com cada tipo de dispositivo. Até lá, curta esta funcionalidade.

Novidades

No geral, esta versão está muito legal. Uma funcionalidade interessante, é que se você pressionar *(asterisco) e # (sustenido) você pode alterar o modo visualização das páginas entre landscape e normal. Se a tela do seu celular é verticalmente comprida e é mais fácil ler com ele deitado, você poderá fazê-lo mesmo que isso não seja exatamente uma funcionalidade do seu celular. Esta nova versão também tem um suporte melhor para sites feitos em tabela (eargh) e CSS handheld.

Para usuários de BlackBerrys, o Opera Mini 4 oferece menus nativos de forma mais integrada a interface dele, mais próximo da experiência de usuário destes dispositivos. Ele possui também um cursor virtual que pode ser movimentado pelas teclas e obviamente continua com o famoso Small Screen Rendering (SSR ou Renderização de tela pequena) que força as páginas não mobile se redimensionarem a largura do dispositivo mesmo que a versão do site em questão não possua uma versão mobile.

Opera investindo pesado

A empresa Opera, está investindo pesado no mercado de browsers como o Diego Eis já escreveu. Eles estão presentes no Nintendo Wii, Nintendo DS, celulares, smarthphones, PDA’s, TV’s digitais e por ai vai. Veja neste PDF a lista enorme de lugares onde o Opera está presente.. E o melhor disso tudo é que eles amam padrões web, basta dar uma olhada nos textos do Dev.Opera. Os resultados disso são sites e interfaces mais fáceis de serem programadas, de serem implementadas. Espero que a influência deles seja suficiente para serem copiados, e não o contrário.

Esta nova versão do Opera Mini é baseada na mesma engine do Opera 9.5 para desktop e possui menos de 100k de instalação. E melhor ainda, o Opera Mini 4 é de graça, é só ir lá e baixar.

Comentários: 6

Google cada vez mais mobile

Por: Henrique Pereira

Categoria: Internet / Web, Mobile

É legal ver que cada vez mais o Google está tornando seus serviços disponíveis em versões mobile. A última é o Google Docs. Para quem gosta de um editor online e mais ainda de dispositivos móveis já pode começar a festejar. O serviço ainda não foi amplamente divulgado e ainda não é possível editar textos lá, o que é triste e contraditório. Mas acredito que eles estejam trabalhando nisso também.

Mas o que achei bem curioso foi saber que nem o Google é capaz de testar todas suas aplicações em uma grande quantidade de tipos de dispositivos como pode ser vista nesta nota do Google Help Center. Apenas falam que quanto mais avançados forem os recursos do seu browser mobile, mais garantido é que o Google Docs vá funcionar nele. Vamos esperar pra conferir.

Comentários: 4

Batman e os blogs mobile

Por: Henrique Pereira

Categoria: Mobile

Enquanto isso na bat-caverna, Robin pergunta para Batman: “Santa Ifigênia [sic] Batman, com tantos dispositivos móveis nas mãos dos blogueiros, com tantos nerds por aí, cadê os blogs que ainda não estão investindo em versões mobile?” Batman diz: “Não sei Robin, mas nós vamos investigar isso”!

Ansioso diz Robin: “Macacos me mordam Batman, versões mobile são relativamente tão simples de serem feitas, os blogueiros especialistas em XHTML conseguem aprender XHTML-MP em apenas uma hora, como ainda não viram isso?”. Batman diz: “Aparentemente o Coringa colocou algum produto químico na água do planeta Terra que os fez ficarem cegos para o XHTML-MP. É o que o meu bat-computador está dizendo ao analisar esta gota de água. Eles simplesmente não conseguem ver o -MP que vem logo em seguida do XHTML. Mas nós vamos reverter esta situação em breve. Venha, temos muito trabalho a fazer!“.

Comentários: 12

Resultados dos testes da versão mobile

Por: Henrique Pereira

Categoria: Mobile

Semanas atrás eu e o Flávio Japs, solicitamos a ajuda dos leitores para um teste com usuários da versão mobile que desenvolvemos para nossos sites. O teste com usuários consistia basicamente em acessar uma página do celular ou PDA e apenas clicar em enviar. Assim nós conseguiríamos identificar o user agent, ou seja, qual o tipo de dispositivo usado e se nossa programação conseguiria servir a versão mobile corretamente no contexto certo. E como prometido este texto é o resultado da nossa pesquisa.

Inicialmente nós instalamos o plugin para wordpress criado por Alex King que estava integrado com a base de dispositivos do WURFL, mas como nós queríamos algo completamente adaptado para nossa estrutura atual, sem redundâncias, sem código sujo e coisas que não usamos, nós o modificamos inteiro praticamente. Ou seja, do plugin do Alex King foi aproveitada somente a programação de integração com a base do WURFL, nada mais. Inicialmente eu convidei apenas alguns amigos próximos para o primeiro teste, antes mesmo de divulgar no site. Rapidamente identificamos que a base do WURFL que veio junto com o plugin do WordPress estava com algumas funções de PHP comentadas, alguns trechos desatualizados e tivemos que rever algumas coisas.

No segundo momento, já com os testes de participação dos leitores, tivemos 130 testes que foram considerados válidos. Destes 130, 39 testes (30%) não foram identificados como mobile. O restante dos 70% (91 testes) foram corretamente identificados como mobile. O que saiu errado? Não sabemos exatamente. 30% de dispositivos não identificados é uma quantidade grande. O que sabemos é que há algo de errado com o WURFL, que é o responsável pela identificação do dispositivo. Ainda estamos estudando outras possibilidades para corrigir isso, e assim que tivermos alguma resposta, compartilhamos com vocês. Enquanto isso, se você tiver interesse em fazer seus próprios testes, sinta-se a vontade. Compartilhe o resultado deles conosco! E muito obrigado pela sua participação!

Comentários: 8

Quer nos ajudar a fazer um teste com dispositivos móveis?

Por: Henrique Pereira

Categoria: Mobile, Pessoal

Sim, precisamos de você. Se você possui um celular ou PDA ou smartphone e navega pela web em um ou mais browsers, sejam eles nativos ou não, você poderia nos ajudar? Basta fazer o seguinte, acesse esta página de teste feita pelo Flávio, criada para verificar se realmente o WURFL está sendo eficiente. Se tiver dois browser acesse dos dois! Basta acessar a página e clicar em enviar, se não quiser se identificar. Se quiser, basta preencher o campo nome e e-mail. Bem simples.

Esta página dispara um e-mail informando qual o user agent que você está acessando ela e se o WURFL o identificou como um dispositivo móvel ou não! Percebemos que alguns dispositivos não estão recebendo a versão mobile do site ao acessar o Revolução Etc ou o Japs. E este é nosso atual desafio. Ajude a divulgar este teste se quiser, sinta-se a vontade. Quanto mais pessoas acessarem, mais nós vamos conseguir entender o que está acontecendo, se o problema é nosso ou se é o dispositivo que não envia o user agent corretamente. Se algum problema ocorrer, se você acessar de um dispositivo móvel e ver a mensagem “seu dispositivo não foi identificado como Mobile”, nos escreva. Sua ajuda é muito importante.

Óbviamente, nós iremos divulgar aqui o resultado dos testes e se uma solução for encontrada, escreveremos sobre ela também. Ou seja, todos terão conhecimento do resultado dos testes! Topa? Muito obrigado pela sua contribuição!

Comentários: 22

A revolução do Revolução Etc

Por: Henrique Pereira

Categoria: Pessoal

Se você está lendo estas linhas do seu leitor de feed, dê um pulo aqui para ver as alterações que eu fiz no site. Finalmente está pronto (ou quase), estas alterações deram muito mais trabalho do que qualquer outra feita no passado, e achei o resultado compensador. E você? Bom, como foram muitas as alterações e como eu prometi escrever sobre cada passo do processo de desenvolvimento do site, este texto pretende ser apenas um resumo.

Acessibilidade na veia

O foco principal do redesign foi o usuário, como não poderia ser diferente. Eu o fiz baseado em estatísticas dos últimos 6 meses. Além das implementações de acessibilidade que agora são exploradas em alguns novos contextos. A alteração mais visível é o layout em 3 colunas, explorando melhor o espaço de 90% dos usuários que passam por aqui com resolução de tela igual ou superior a 1024px de largura. Para quem navega em resolução de 800×600 pixels pode alterar para uma folha de estilos mais adequada. E o mais importante, tudo aqui funciona sem javascript. Pode fazer teste!

O site foi testado no Internet Explorer 6 e 7, no Lynx e nas últimas versões do Mozilla Firefox, Opera e Safari para Windows. Não testei no Safari do Mac e não sei se a versão Windows é 100% igual a versão Mac. Alguém tem algo a dizer? Fiz um teste também utilizando o JAWS no Internet Explorer 6 (que é a combinação mais comum entre os usuários) e tudo parece ok . Existe uma folha de estilos com alto contraste, que ainda está inacabada mas que em breve estará finalizada. Mais detalhes sobre ela em breve. Existe também uma opção para o usuário com certo grau de miopia e com dificuldades de visão em relação ao tamanho da fonte padrão. Sendo assim ele pode aumentar o tamanho da letra. Esta implementação foi baseada no artigo “Power to the people: Relative Font Size” publicada no A List Apart , você pode ir lá dar uma olhada e ver como se faz. Usuários com algum tipo de daltonismo (deuteranopia, protanopia e tritanopia) também não terão dificuldades de navegar por aqui. Depois eu falo com detalhes como eu fiz estes testes que são bem simples.

Versão 100% Mobile

A novidade maior é que eu e o Flávio estamos testando o WURFL para gerar uma versão em XHTML-MP do site. Ou seja, não trata-se de uma transformação do site no cliente usando media handheld e sim uma transformação no servidor, que se você estiver acessando o site por algum dispositivo móvel (celular ou PDA), o WURFL identifica e serve uma versão mobile do site usando XHTML-MP. Simples assim. Seria nosso blog o primeiro blog brasileiro em XHTML-MP? Sim, eu sei. Sites já existem e muitos, mas e blogs em WordPress brasileiros? Se souber de alguém me avisem. Como eu disse, estamos “testando”. As coisas podem não estar como deveriam em alguns celulares mas em breve espero que estarão.

Outras coisas mais!

A listagem de tags e o famoso blogroll estão de volta depois de muito tempo longe. Estava sentindo falta destes espaços aqui. Aumentei a quantidade de livros indicados na lateral e coloquei uma lista de bandas que eu ouço como inspiração. Claro que eu não ouço apenas os poucos discos que estão ali, são apenas os representantes deles. Os anúncios também estão explorados de forma diferente. E a procura de anunciantes tem crescido tanto, que agora eu criei uma página chamada “Anuncie aqui“, com detalhes para quem quer investir em anúncios no Revolução Etc.

Ufa, é isso! Preciso de você para me dizer se nada parece quebrado em algum browser, se tem alguma coisa que não está funcionando, etc. Ah, como eu disse antes, a versão mobile ainda está em fase beta (beta de incompleto e não de infinitamente beta) e estamos testando. Se acessa a web pelo celular, smartphone ou PDA e quiser me dar um feedback, ficarei eternamente agradecido. Queria agradecer o grande amigo Flávio, responsável pelo PHP e pelos infindáveis testes, e que também está de site novo (eu fiz o design) com boa parte das mesmas características que o meu. E queria agradecer a todos que passam por aqui, que assinaram o feed (e os que não assinaram também), e é por causa do público cada vez mais exigente que estou sempre transformando as coisas aqui. E se você quiser um site assim com acessibilidade e uma versão mobile, é só chamar!

Sua crítica também é fundamental. Este foi apenas o resumo do que aconteceu, em breve eu volto com mais detalhes do planejamento de tudo isso. Até breve!

Comentários: 35