Category: Francisco Site

Um grave problema surgiu nos testes finais do Pomodoros.com.br, ao ser utilizado em navegadores modernos, inesperadamente o tempo do pomodoro era maior do que o exibido na tela. Para completar os 25 minutos que o app indicava poderiam ser consumidos 35, 40 minutos, o que frustrava muitos usuários, pois quando a aba do site ficava inativa, sem foco, a alocação de memória do navegador era otimizada, assim, do ponto de vista do navegador, tudo fica mais fluído, ele tira memória da aplicação em segundo plano e otimiza o que o usuário está fazendo, se troca de aba, a nova aba tem prioridade.

Assim, quando ficava em segundo plano o Pomodoros perdia prioridade no sistema do navegador, então a contagem de tempo demorava a passar. Demorei para ter tempo para atualizar o algorítimo, em meio a celebrações natalinas, consegui dedicar um dia do meu descanso para atualizar o app, a nova lógica é de certa forma até melhor, pois quando o usuário inicia a contagem de tempo, é guardado a data e hora do clique do botão, então compara-se o tempo decorrido com este instante, assim temos novamente o aplicativo funcionando com perfeição! Será que posso dizer que é um presente de natal para meus usuários que utilizam o app em navegadores modernos?

Venho trabalhando na última ferramenta do pomodoros, até então a penúltima inovação antes do lançamento oficial, até agora o nome desta ferramenta é TROCADOR, apesar de achar um nome um pouco feio, ajuda a realizar tarefas em sequência com agilidade.

Por exemplo, eu tenho algunas tarefas diárias como “escrever um post”, “escrever uma proposta”, “gravar um vídeo”, etc., são tarefas que me planejei para fazer todos os dias. Não estava me dedicando pois, infelizmente, estava muito trabalhoso a cada final de pomodoro ter que editar a tarefa para recomeçar.

Então rachei a cabeça o ano todo para solucionar esse problema, assim, somente agora, chegando ao final do ano precisei dar um “gás” nisso. Pensando em usabilidade, queria que quem usasse não precisasse ser “ensinado” antes, precisa tentei fazer de forma que fosse intuitiva, a ponto do usuário conseguir usar sem “manual”, ao mesmo tempo que é uma ferramenta muito, muito avançada, de fato poderia criar um mini-curso só para explicar.

Mas basicamente: começando abrindo o TODO (botão azul), 1 salvar uma tarefa modelo ou mais, 2 arrastar as tarefas para a caixa cinza, 3 clicar no ícone para ativar. Assim ele vai carregar automaticamente, no final de cada pomodoro, a próxima tarefa da lista.

Fiz uma bateria de testes extremos aqui e não achei bug, mas é possível que algo de errado, por isso você usuário é bem vindo a dar feedbacks. A último inovação vai ser o controle de metas diárioa, pensando aqui em criar uma barrinha que vai aparecer em cima indicando quantos pomodoros falta pra meta do dia, aí teremos enfim o lançamento.

Após muito tempo finalmente o site tem uma homepage de classe, estirpe e categoria! Foram anos de homepage “improvisada”, fazendo o que era possível com o pouco tempo disponível, porém a taxa de conversão era sempre muito, muito baixa, não era uma landing page eficiente para novos visitantes, que entravam e muitas vezes se perguntavam “do que se trata esse site?”.

Na primeira versão do site, em 2011, red, a homepage era o próprio aplicativo, não era necessário logar para usar e assim visitantes tinham um aplicativo muito simplificado, somente o cronômetro, se criassem uma conta abriria a parte de amigos e mais ferramentas. Na segunda versão do site, em 2013, green, na home tinham 8 balõezinhos explicando o que era, incentivando os usuários a se cadastrarem.

No início da versão black, 2018, ainda não lançada oficialmente, foi colocado um slider com imagens passando automaticamente, além das últimas notícias do blog logo abaixo, no típico formato blog do WordPress, com uma barra na lateral com mais informações, outro “improviso”, pois também não era muito claro ao visitante recém-chegado do que se tratava o aplicativo.

Assim, após analisar as taxas de conversão do Google Analytics percebi que ainda não estava bom, apesar do blog trazer novo visitantes, ainda não convertia-os em usuários ativos, precisaria dedicar um tempo para essa nova homepage. Foram 8 horas de trabalho, confira essa tarefa no aplicativo.

Comecei fazendo uma análise minuciosa dos concorrentes e pude perceber o que cada homepage tinha de melhor, assim incorporei alguns elementos dos concorrentes e criei outros originais, com uma interface exclusiva fiz uma nova homepage, com base no conceito de “explicar do que se trata o aplicativo”, os elementos básicos são:

• Pequeno cabeçalho explicativo com botão de ação para usuário se registrar gratuitamente
• Slider com imagens originais, explicando as principais funcionalidade do site com legendas
• Estatísticas da comunidade, com dados em tempo real de usuários ativos, tempo de uso e outros
• Depoimentos de usuários, colhidos nos últimos meses
• Breve histórico, contando a história do site desde de 2010 até a data atual, com previsões para os próximos 3 anos
• Blog, finalmente, somente ao final da homepage, as últimas 3 notícias do blog

A partir de agora uma “nova era” é iniciada, onde temos uma homepage compatível com um padrão de qualidade global, competindo de igual com os principais concorrentes e, na minha opinião, melhor do que muito deles. Ainda falta a tradução desta nova homepage para os idiomas do site, tarefa para os próximos dias.

Atenção, conteúdo altamente técnico! Pode ser que nem eu entenda amanhã…

A mais importante, mais difícil e mais complicada implementação do WooCommerce que já realizei. Foram ao menos 2 anos de estudos para poder terminar essa implementação, a requisição da “equipe” de engenharia e projetos era simples: queremos automatizar o backup e sincronia de pedidos (orders). Assim, após a criação do plugin “F5 Sites | WordPress MySQL Manager”, ficou fácil fazer backups e uploads de dados, bastava que as tabelas tivessem o mesmo prefixo, por exemplo, site1_.

Mas o WooCommerce herdou os problemas de estrutura de dados do próprio WordPress, uma zona, fica tudo misturado no banco de dados (produtos, pedidos, posts, menus…). Então precisei criar hooks para a função get_wc_order e get_wc_orders (alterando o core do woo), além de implementar na marra as modificações no core do plugin, inserindo “6woo_” antes dos prefixos das tabelas woocommerce_items e woocommerce_itemmeta. Assim, essa solução hackeada não é de longe a melhor possível, mas a questão principal é, funciona melhor que o original, permite automação dos pedidos sem misturar os produtos, e apesar da bagunça, é excelente.

Foi difícil fazer, muito complexo e exigiu a integração de 3 plugins próprios:

• F5 Sites | WordPress MySQL Manager
• F5 Sites | WooCommerce shop_order Tables
• F5 Sites | Shared Posts and Tables + Uploads Folder
• Fork exclusivo do WooCommerce, para funcionar os 3 acimas de maneira graciosa

Assim, essa notícia, muito técnica e confusa, serve só para anunciar que a loja de chaveiro e anúncios pode começar a operar sem problemas, um marco na história do projeto. Teremos um post mais bonitinho e comercial para iniciar as atividades de vendas, esse daqui é só um registro histórico de que, após anos de testes e implementações, o esquema de backup de dados está 100% funcional, no product backlog várias tarefas foram concluídas com essa realização.

Confira o plugin:

Uma meta de 2011 começa finalmente a sair do papel, o desenvolvimento do aplicativo nativo para Android. Devido ao avanço do Treinamento em Foco, foi priorizado o desenvolvimento do aplicativo para que os primeiros alunos do curso pudessem fazer o download mais rapidamente.

Com o aplicativo esperamos crescer um pouco mais rapidamente, para alguns investidores também é um diferencial estar presente na loja Google Play, pois boa parte acredita no mercado mobile e que se posicionar com um aplicativo nativo é uma estratégia superior.

De fato bastava ao usuário acessar o navegador do celular, clicar em Menu->Adicionar Atalho ao Menu Principal, e o link com a foquinha já iria aparecer no lançador principal, porém percebo que poucos usuários tem este hábito, muitos preferem baixar direto da App Store. Esperamos feedback para aprimorar e lançar a versão definitiva em breve.

Antes de lançar o Pomodoros.com.br oficialmente, precisei fazer uma última lista de atualizações, muito extensa, que cresceu conforme fui terminando as tarefas, mas que trouxe ótimos resultados do ponto de vista de programação e também muitas novidades para os usuários. As atualizações foram:

Espaço Publicitário

Não foi a mais difícil e nem a mais trabalhosa atualização desta rodada, mas certamente a mais importante, visto que até hoje o pomodoros.com.br, em quase 7 anos no ar, nunca exibiu uma única propaganda, tendo sido mantido com recursos próprios desde o lançamento e até então em estágio de testes e desenvolvimento.

Com a criação de espaço publicitário dentro do app poderemos finalmente avançar para um segundo estágio, dando suporte a expansão da rede de usuário e melhorando ainda mais o serviço. No momento não temos patrocinador, acabamos de inaugurar o espaço, portanto conheça nossa proposta de patrocínio e anuncie sua marca, produto ou serviço no nosso site.

Tradução

A primeira versão do pomodoros (Red), em 2011, já tinha dois idiomas, português e inglês, com o plugin qtranslate, porém conforme eu adiciona novas telas e ferramentas deixava a tradução para um segundo momento, o resultado foi que o site nunca ficou 100% traduzido. O aplicativo já era em JavaScript, assim precisei criar arquivos de idiomas específicos para o js, então a bagunça teve início.

Em 2013 foi lançado a segunda versão (Green), também contava com dois idiomas. outro plugin para a tradução, o wpml. Inicialmente parecia mais fácil para traduzir, porém logo virou uma bagunça de novo, pois como este plugin é para iniciantes e indicado para sites simples, também conforme eu expandia o site ficava difícil fazer a tradução, pois misturava partes das palavras em código-fonte e banco de dados.

Somente agora, no final de 2018, consegui dedicar um tempo para “desfazer” todos os “erros” do passado. Para a tradução foi criada uma tecnologia própria, integrada com a nova versão do wordpress, buddypress e woocoomerce. Agora com uma ferramenta própria e o método avançado de tradução, de separar todas as palavras em um arquivo de linguagem em formato .pot. Assim foi escolhido inglês como o idioma principal, e a partir dele todas as novas traduções serão feitas, e somente uma pequena parte. Além disto, para novas traduções basta enviar esse simples arquivo para um tradutor, que o mesmo pode fazer a tradução e rapidamente o pomodoros irá falar novos idiomas.

Interface

A interface foi atualizada em muitas partes, a principal novidade foi a implementação de tabelas do bootstrap, elas foram implementadas no widget de Estatísticas do Usuário, da página focus, deixando a visão muito mais limpa.

A página de visualização de tarefa também foi totalmente refeita usando as tabelas, assim também ficou muito mais leve e fácil de se visualizar as informações. Por último a página de visualização de tag de projeto, onde na parte de cima também foi implementada a tabela do bootstrap, deixando o relatório muito mais profissional.

E uma atualização muito importante foi feita na ferramenta de principal, na página de Focar, já havia sido “enxugada” a tela, escondendo informações adicionais da tarefa com o botão Extra, assim deixando a tela mais limpa e fácil para novos usuário. Agora foi implementando um novo botão chamado TODO, ou lista de tarefa, que exibi a lista de tarefa quando clicado e passador automático. Assim por ex., quando usado no celular a interface ficou consideravalmente mais simples, elegante e fácil de usar.

Bugs e Atualizações Menores

Títulos dos botões: há algumas semanas já estava me incomodando um pequeno bug que alterava o título do botão de ação do aplicaativo para a palavra Focar, em todos os estágios da ferramenta, apesar de funcionando normalmente, isto causava confusão nos usuários, que esperavam os títulos corretos nos botões, como Focar, Interromper Foco, Iniciar Descanso. Além disto o tempo pré-configurado só aparecia depois de clicar no botão, agora, após encerrar o pomodoros o relógio exibe o tempo da próximo ação, assim terminando o pomodoro de 25 minutos, o relógio exibe 5 minutos com o botão Descansar.

Tags de projeto: não estavam funcionando há algumas semanas, assim alguns projetos de usuários foram prejudicados, precisei reconstruir o sistema de tags de projetos e tipos de pomodoros para poder voltar a funcionar.

Formulário de registro: após alguns problemas com o formulário de registro, foi finalmente estabilizado o processo de registro e fechada a interface de cadastro, com uma nova tela para a ativação do usuário após o sucesso do registro. Assim também foi possível configurar a meta no Google Analytics para acompanhar a quantidade de registros e acompanhar de perto a taxa de conversão de visitantes em usuários.

Página de visualiação de produto: também a página dos produtos foi levemente atualizada, quando se clica em comprar chaveiro a tela está mais arredondada e parecida com a página de registro e ativação, dando uma aparência semelhante a todo conteúdo do site. O widget para comprar chaveiro também não era exibido na página de posts, devido a um pequeno, corrigido.

Avisos dinâmicos: quando o usuário clica em Interromper Foco agora aparece um diálogo de confirmação, para evitar cliques sem querer, evitando perder o tempo corrido (sugestão do usuário @Victor_Tardelli, obrigado). Outro aviso que aparece é quando fecha a aba do navegador com o tempo rolando, pedindo para o usuário confirmar que deseja sair e perder o tempo cronometrado.

Bloquear wp-admin: uma questão de segurança importante é bloquear a área administrativa do wordpress para não-administradores.

Ainda tem uma lista enorme de tarefas para fechar essa lista, bugs menos incovenientes para o usuário e algumas novas ferramentas, continue lendo nosso blog e acompanhando as novidades do projeto.

Veja a tarefa correspondente: lista fechamento

O Pomodoros está perto de ser lançado e você pode ajudar a tornar esse projeto uma realidade. Vamos estar presente em todo o território nacional, já temos usuários em 4 estados diferentes (São Paulo, Rio de Janeiro, Espirito Santo e Distrito Federal) e ainda estamos somente na fase de testes.

Com seu apoio financeiro sua marca estará sempre visível no site, atingindo todos os nossos usuários. Seu anúncio ficará impresso na página inicial e no aplicativo, na barra lateral e rodapé do site. Além de atingir público selecionado, altamente intelectual, você ainda estará apoiando uma startup inovadora e terá sua marca associada a um produto de alta tecnologia.

Cotas Brasil 2019

Para o Brasil, ano 2019 teremos uma cota de R$2.000 mensais, que pode ser dividido ou comprada por um único patrocinador master:

• Patrocinador master: compra a cota completa de R$2.000 e tem a exclusividade de aparecer somente sua marca e produtos no blog e aplicativo.
• Patrocinador split: não havendo um master, a cota pode ser dividida em 4 de R$500,00, sendo impresso nos mesmos locais do patrocinador master, porém alternando entre os splits.

Limite da validade da oferta: Esta cota cobre 10 mil pomodoros mensais (média 2500 usuários ativos), se o número de usuários ultrapassar este valor uma nova rodada de patrocínio será ofertada para manter os serviços, com prioridade de oferta para os atuais patrocinadores. Oferta para o período de 2019.

A tradução para espanhol foi uma etapa muito importante para o futuro do projeto, a comunidade hispanica é muito grande e representativa. Não sabemos qual país de idioma espanhol terá nosso primeiro usuário, mas apostamos todas nossas fichas que será Argentina.

Dentro do projeto de expansão global do Pomodoros, miramos Buenos Aires para começar a expansão, podemos ser surpreendidos por falantes de espanhol de outros países, principalmente Espanha, porém em breve o fundador do projeto estará em Buenos Aires para, entre outras coisas, fazer algumas visitas técnicas referente ao projeto.

Você que é falante de espanhol pode nos ajudar, se vir algum problema na tradução por favor nos avise. Registre-se gratuitamente e comece a focar em seus projetos agora mesmo.

Assim que instalei o serviço de geolocalização no site do Pomodoros percebi que poderia fazer algo inovador, um ranking de países, cidades e estados. Foram quase duas semanas para aprimorar essa idéia, além de implementar a geolocalização em tempo real, também precisava “anexar” essa informação a cada pomodoro completado.

Separando a informação em cidade, estado e país foi possível criar 3 novos rankings e assim atingir a meta de transformar o pomodoros em um produto global. A partir de agora poderemos acompanhar a expansão da rede pomodoros, @sergiorodrigues foi quem registrou o primeiro pomodoro fora do Estado de São Paulo. Ele ainda completa com um recado “e diga que Castelo esta vindo para liderar o posto de primeiro lugar“.

Atualizando o código-fonte do pomodoros para facilitar a tradução e instalação de novos idiomas, foi escolhido Francês como a terceira tradução oficial devido a quantidade de novos visitantes vindo da França.

Ainda estamos dependendo muito do Google Tradutor para fazer as traduções, assim sabemos que a qualidade fica prejudicada, porém é certo que a recepção dos novos visitantes é muito melhor quando encontram as palavras e traduções para seu idioma.

Com muito orgulho dizemos bem vindos franceses.

Como sempre procuramos adotar sugestões de nossos usuários, isso é uma prioridade absoluta em todos os projetos que eu participo, condição básica para melhorias de usabilidade e outros. Mas há que se atentar a um importante fato, nem tudo que os usuários querem é preciso ser feito e muito pior, como dizia Steve Jobs “eles não sabem o que querem”.

Eu diria que posso concordar com isso, afinal, os usuários muitas vezes relatam problemas de experiência e dão uma sugestão logo em seguida para a solução, por exemplo um usuário que solicita um “botão de fechar” na janela. Cabe a quem escuta entender de fato qual o problema que o usuário está querendo resolver de fato, com perspicácia e sensatez logo se percebe que ele quer na verdade mudar de tela, e talvez fosse melhor redesenhar a interface, permitir fechar com clique fora.

Do ponto de vista de um importante usuário do sistema, ivo, programador, que ao testar versões e protótipos e aplicação do mesmo em abientes de trabalho de sua fábrica de sofware e do seu próprio uso, deveria haver “um som de tic-tac 10 segundos antes do alerta final, pois o som de aviso (telefone tocando) é muito alto e estridente”.

Isso ficou na lista de tarefa por meses, afinal teria que programar um tic-tac e refazer várias linhas de código. Pensei em colocar trechos de música antes dos 10 segundos, algo como em um vídeo-game onde a música fica mais empolgante no fim do jogo.

Ao acaso, organizando meus arquivos de aúdio e efeitos sonoros encontrei muitos sons interessantes, e quando fui fazer o backup dos sons do site do Pomodoros percebi que seria muito mais simples a tarefa, não precisaria reprogramar nada, bastaria colocar o “tic-tac” no mesmo arquivo de audio, até mesmo retirar o som de telefone do final.

Escolhi alguns sons diferentes para testar, mas ao fazer isso percebi que prejudicaria a experiência de antigos usuários, eu mesmo estava habituado ao telefone por pelo menos 7 anos. Resolvi então escolher um som e anexar o som do telefone no fim, quando lancei este projeto em 2010 arquivos de sons não eram pouco usados e não recomendados pelo seu tamanho, mas com as conexões mais modernas as recomendações mudaram e em breve haverá toda uma experiência sonora “climatizando” o aplicativo com diversas possibilidades a escolha do usuário.

Quando disse que estava planejando lançar produtos para os EUA
há um ano e meio muitos desconfiaram, os mais próximos foram até irônicos, mesmo sem perceber. Ainda tenho muito chão para chegar nos resultados que eu quero (dólares), o Pomodoros vai ser lançado e terá seus primeiros usuários gringos ainda este ano.

Antes mesmo de estar pronto, já começou a receber os primeiros visitantes dos Estados Unidos, pessoas de muitos países estão chegando no site, Rússia, Alemanha, França. A maioria são da California, EUA, por isso digo, vocês são muito bem vindos ao Pomodoros, podem surfar a vontade pelo site e assim também espero ser recebido, quando for surfar aí, em Venice Beach.

Apesar de receber visitantes de tantos países uma observação muito importante deve ser feita, eles entram e saem rapidamente do site porque a tradução está incompleta. Assim será prioridade terminar esta tradução, o que agora vai incluir itens do blog.

O Pomodoros será antes de tudo um site global em inglês, agradeço ao público brasileiro, mas por uma questão de crescimento o idioma oficial do Pomodoros já é inglês, com suporte inicialmente a português do Brasil e futuramente outros idiomas, já que o código-fonte é aberto e permite que colaboradores do mundo tudo contribuam com as traduções, de forma muito organizada.

Ainda vou escrever muitos posts em português e pessoalmente manter a tradução do Brasil.

Agora, se você alterar os dados da tarefa ou o volume do seu Pomodoros no computador, o mesmo irá atualizar automaticamente no celular. Isso é ótimo porque assim quem usa o computador como eu pode alterar as informações na tela e usar o celular apenas para cronometrar, tocando a tela para iniciar e parar somente, evitando digitar no teclado virtual do Android a cada mudança na tarefa.

Ou seja, você abre o celular para cronometrar e insere as informações da tarefa pelo computador, de forma mais confortável e as mudanças são recebidas pelo celular, que cronometra assim seu tempo.

Ao utilizar o WordPress o desenvolvimento do sistema pode ser mais rápido, no sentido em que é possível chegar a um MVP mais rapidamente, mas isso por si não significa muita coisa.

Em outros termos podemos pensar que já vem muita coisa pronta e semi-pronta no WordPress, então “menos” é preciso ser feito para o sistema “parar de pé”, aqui os termos em aspas pois representam estágios e esforços fictícios.

No caso da tela de visualização de tarefa antiga o que tinha era herança do WordPress, era simplesmente a página padrão de visualização de post, assim utilizando essa solução provisória (por 7 anos rs) pude concentrar esforços em outras partes do sistema.

Agora no estágio de fechamento e documentação, todas estes detalhes estão sendo revistos para poderem ser incorporados na próxima versão final do sistema, onde outros programadores poderão entrar para a equipe e contribuir com o projeto.

Novidades

Nesta nova tela é possível ver os detalhes do pomodoro de uma forma mais organizada, ao topo a imagem do autor, o título da tarefa e o nome do realizador.

Abaixo temos uma seção com os detalhes do pomodoro e os projetos que ele pertence. Os detalhes dos pomodoros são diferentes dos detalhes da tarefa, a última seção, logo abaixo da tela.

A tarefa soma todos os pomodoros com o mesmo título, se você fizer dois pomodoros para a tarefa “escrever post” a tarefa ira mostrar a duração de 1h e o total de 2 pomodoros. Observe que o pomodoro pode ter anotações diferentes, mas os detalhes das tarefas são sempre iguais para qualquer pomodoro com o mesmo título.