F5 Sites Design Guidelines

In our first attempt to uniform all our projects designs, making a similar look, like when you are in a Google, Amazon, Microsoft or Apple product you kind of know, even if you don’t really know why you know, you pretty sure that the sense and fell makes you fell like you are in “home”. That’s because they have a consistent design with some rules that guide all they products.

So F5 Sites started developing our first design guidelines, they started simple, but we think the rules will become more fit-able and better with time passes, so our first design guidelines are:

  • Top bar over all products
  • Logo font: Lobster
  • Color:
    • F5 blue: #03659c
    • F5 light blue: #549ed1
    • Ubuntu orange: #FF5919
    • Darkest gray: #3F3F3F
    • Dark gray: #888888
    • Light gray: #EEEEEE
    • Dark green: #398439
    • Light green: #449d44
    • Gold: #E2D693
  • Custom posts and products thumbnails

For now that is all, in future we are predicting paddings and margins for some elements. They will be applied whenever I can, for now they just exists and are being implemented without a deadline, but nothing new will be developed without following this strict.

F5 Sites Diretrizes de Design

Em nossa primeira tentativa de uniformizar o designs de todos nossos projetos, fazendo os terem uma aparência semelhante, como quando você está em um produto Google, Amazon, Microsoft ou Apple, você meio que sabe, mesmo que você não saiba exatamente porque você sabe, você meio que sente como se estivesse em “casa”. Isso porque eles têm um design consistente com algumas regras que orientam todos os produtos.

Então, a F5 Sites começou a desenvolver nossas primeiras diretrizes de design, elas começaram de forma simples, mas achamos que as regras se tornarão mais ajustáveis e melhores com o passar do tempo, então nossas primeiras diretrizes de design são:

  • Barra no topo de todos os produtos
  • Fonte para logo: Lobster
  • Cores:
    • F5 azul: #03659c
    • F5 azul claro: #549ed1
    • Ubuntu laranja: #FF5919
    • Cinza escuro: #3F3F3F
    • Cinza médio: #888888
    • Cinza claro: #EEEEEE
    • Verde escuro: #398439
    • Verde claro: #449d44
    • Dourado: #E2D693
  • Imagens customizadas para posts e produtos

Por enquanto isso é tudo, no futuro estamos prevendo paddings e margens para alguns elementos. Estas regras serão aplicados em produtos antigos sempre que eu puder, pois agora elas apenas existem e estão sendo implementados sem um prazo, mas nada de novo será desenvolvido sem seguir esse rigor.

Plugin Atualizado: F5 Sites Bar

Em cada site da Fnetwork você pode ver uma barra na parte inferior com links para os principais projetos, e, conforme a rede cresce, novos links são atualizados. Eu nunca tenho tempo para trabalhar com calma e com essa barra não era diferente.

A ideia chegou para dar consistência à rede e fazer com que os usuários navegassem melhor entre todos os projetos. Além disto, os links entre si também podem ajudar a obter uma melhor posição nos resultados de mecanismos de pesquisa.

Uma vantagem é que podemos saber todas as visitas à rede, verificando o número de vezes que a barra é exibida. E também, no canto direito, mostramos a localização atual do usuário.

Mas o design e a aparência não eram bons, e até a posição na parte inferior faz com que muitos usuários não a vejam. Então, eu estou quase terminando o novo design, a barra vai para o topo, o que fez o nome original mudar, agora é só o F5 Sites Bar. O design também mudou um pouco, muitas melhorias foram feitas e estamos esperando outro plugin da rede para ficar pronto, F5 Sites Smart Language Filter.

Quando esses dois plugins estiverem prontos, a Fnetwork alcançará um novo nível. Mas vai levar um tempo, muitas mudanças estão sendo feitas em segundo plano, o foco é apenas um: obter novos clientes.

Plugin Updated: F5 Sites Bar

In every Fnetwork site you can see a bar in the bottom, it has links to the main projects, and as the network grown, new links was updated. I never had comfortable time to work and with that bar was not different.

The idea arrived to get consistency to network, and make users navigate more well between all projects. Besides that, the linkage also could help get better position in search result engines.

One advantage is that we can check the whole network visits by checking the number of times that plugin bar displays. And also, in the right corner we show current user location.

But the design and appearance was not good, and even the position at the bottom make many users not saw it. So I am almost finishing the new design, the bar will go to the top, what made the original name change, now is only F5 Sites Bar. The design also changed a bit, many improvements was made and we are waiting another plugin of the network to be ready, F5 Sites Smart Language Filter.

When these twos plugins be ready, the Fnetwork will get to a new level. But it will take a time, many changes is being made in the background, the focus will be just one: get new costumers.

F5 Sites Está Procurando Novos Clientes na Cidade de São Paulo/SP

Desde o nosso plano de 2016, eu mudei o foco do F5 Sites para uma posição mais global, fazendo esforços para sair do Brasil e ir para um país como os EUA. O caminho que pensei foi simples, comecei por traduzir todo o conteúdo do site (posts, menus) para o inglês, fazer uma seção EUA no site e depois entregar conteúdo especialmente feito para esse público.

Para o banner do site eu escolhi imagens como a Califórnia, o engarrafamento chinês, tudo era mais global e estava pronto para receber clientes de qualquer lugar do mundo.

Mas a internacionalização nunca acabou, a F5 Sites acabou de ser traduzida e nunca terminou todo o processo. Não é apenas traduzir, tornar o site bonito, alterar imagens e esperar que novos clientes e leads entrem em contato. Era necessário chegar aos clientes, começar a conversa, fazer propostas de trabalho, e é aí que as coisas ficavam difíceis.

Eu pessoalmente acho que posso fazer dezenas de leads e alcançar novos clientes em uma conversa cara a cara, mesmo sabendo que é possível e usual conseguir clientes apenas via internet, é mais fácil para mim ter contato em reuniões, eventos, palestras , workshops, fazer visitas ativas e explorar minha rede pessoal para alcançar novos clientes. Então, enquanto eu ainda estou no Brasil, meu plano tem que mudar, preciso alocar esforços para conseguir novos clientes aqui.

Se você estiver em São Paulo, SP, entre em contato conosco agora mesmo para agendar uma reunião.

F5 Sites Started a Renovation to Get New Clients in Brazil

Since our 2016 plan, I changed F5 Sites focus to a more global position, making efforts to exit Brazil and go to a country like USA. The path I figured out to reach was simple, I started by translate all content of the site (posts, menus) to English, make a USA section in the site and then delivered content especially made to that target.

For site banner I choosed images like California, Chinese traffic jam, everything was more global and ready to get clients from anywhere in the World.

But the internationalization never ended-up, F5 Sites was just translated and never finished the whole process. It is not just translate, make the site beautiful, change images and wait for new lead and costumers to contact. It was necessary to get to the clients, to start conversation, make jobs proposal, and that’s when things got difficulty.

I personally think I can make dozen of leads and reach new clients in a face-to-face talk, even knowing that is possible and usual to get clients only via internet, it is easier for me to get touch in meetings, events, lectures, workshops, make active visits and explore my personal network to reach new clients. So, while I am still in Brazil, my plan has to shift, need to allocate efforts to get new clients here.

If you are in Sao Paulo, SP, contact us right now to schedule a meeting.

New Plugin in Development: F5 Sites Smart Language Filter

After tons of tests and experiences, with the most famous and updated language plugins for WordPress, I started one plugin for F5 Sites e Fnetwork. Based in a simple but efficient code I made for a project theme (Sistema Focalizador Javascript).All I had to do is to use tags in posts, like:

  • lang-en: english
  • lang-pt: portugues
  • lang-fr: french
  • lang-zn: chinese
  • And so on…

The “Smart” term in the name is because it use an algorythym based on WooCommerce Geocode and HTTP function to determine users location and provice the probably most correct language. So we will close our domains that start with br, like br.f5sites.com and br.franciscomat.com, because whenever location you are, the main domain will provide you content in your language.

The plugin will be present in all network, it will be attached to another plugin we use F5 Sites Footer Bar, so all sites will have translate options. The users will also have the option to change language anytime, and if it come in a link that does not have the language users spoke, a warn will be attached to change language anytime.

The plugin is under development and has no deadline to be finished, it is an effort I making to achieve best results in marketing and getting new clients.

Novo Plugin em Desenvolvimento: F5 Sites Smart Language Filter

Depois de toneladas de testes e experiências, com os plugins de idiomas mais famosos e atualizados para o WordPress, eu iniciei um plugin para F5 Sites e Fnetwork. Baseado em um código simples mas eficiente que fiz para um tema de projeto (Sistema Focalizador Javascript). Tudo o que eu tive que fazer é usar tags em posts, como:

  • lang-en: portugues
  • lang-pt: portugues
  • lang-fr: francês
  • lang-zn: chinês
  • E assim por diante…

O termo “inteligente” no nome é porque ele usa um algoritmo baseado no WooCommerce Geocode e na função HTTP para determinar a localização dos usuários e fornecer a linguagem provavelmente mais correta. Então, vamos fechar nossos domínios que começam com br, como br.f5sites.com e br.franciscomat.com, porque sempre que você estiver em uma localização, o domínio principal fornecerá conteúdo para você em seu idioma.

O plugin estará presente em toda a rede, ele será anexado a outro plugin que usamos F5 Sites Footer Bar, então todos os sites terão opções de tradução. Os usuários também terão a opção de alterar o idioma a qualquer momento, e se ele aparecer em um link que não tenha o idioma que os usuários falaram, um aviso será anexado para alterar o idioma a qualquer momento.

O plugin está em desenvolvimento e não tem prazo para ser finalizado, é um esforço que faço para alcançar melhores resultados em marketing e conquistar novos clientes.

Docker: Estamos migrando nossos serviços para o novo paradigma de DevOps

Na fronteira das mudanças tecnológicas atuais, vimos o Docker como um novo paradigma de otimização. Por que esperamos tanto tempo para adotá-lo? A resposta é simples, só precisamos disso agora, estávamos em um processo de desenvolvimento muito longo e estável, sem a necessidade de migrar o servidor ou alterar o processo de desenvolvimento.

Mas recentemente chegamos a um ponto para fazer um servidor intermediário, um tipo de homolog / backup de produção, então vimos que a tarefa seria muito demorada, faria toda configuração, clone de git repos, instalação de serviços como Apache, MySQL, WordPress. Então, eu tinha duas opções, ir pasta a pasta e verificar se tudo estava bem, ou formatar e instalar o docker em um ambiente fresco linux / docker.

Eu escolhi a segunda e mais desafiadora opção, então agora estou trabalhando na migração completa de todos os nossos projetos, sites e operações para a tecnologia Docker. Depois disso, poderíamos instanciar nosso servidor homolog executando simplesmente um comando docker para configurar tudo e rodar.

Docker não é difícil de entender, mas você precisa ser muito experiente para entender todo seu poder, e não é a melhor solução para todos os cenários, mas depois que você começar a usá-lo será muito difícil voltar atrás.

Estive Muito Ocupado no Primeiro Semestre de 2019

No final de 2018, iniciei uma nova posição em uma empresa de marketing, trabalhando das 9 às 18, então tive que sair de uma pequena cidade do interior, Itapetininga, e me mudar abruptamente para São Paulo. Em um dia estava em uma cidade pequena com todo o tempo para mim, no próximo eu estava em uma das dez maiores cidades do mundo, sem conhecer ninguém, fui trabalhar em projetos de TI, um trabalho de programação muito intensivo, um desafio muito grande .

Eu me mudei para obter uma nova renda, eu não tive escolha, sem fundos e apoio, a única maneira que eu vi para fazer meus planos foi mudar para a capital. Além de trabalhar por dinheiro, planejei lançar meus projetos em uma cidade de oportunidades, além de São Paulo ser a cidade mais cara para se viver na América Latina, recompesa qualquer um que se dedique ao trabalho.

Em paralelo, iniciei o curso de teatro à noite, então basicamente não tinha tempo para blogar no meu site pessoal. Mas depois de um período de adaptação, estou iniciando esforços para voltar às trilhas de postagens e commits constantes no GitHub.

Não foi “planejado” parar todos os meus projetos, que para mim estavam indo muito bem, apesar de estar sempre atrasados e sem fundos, eu estava constantemente me sufocando por soluções de baixo custo para situações básicas, até para fazer refeições. Mas, depois de 6 meses trabalhando duro, estou de volta ao meu site pessoal, todo o trabalho que fiz desde o final de 2016, será a plataforma para o lançamento do meu foguete.

The First Semester of 2019 Was Very Busy

In the very end of 2018 I started a new position in a marketing company, working 9-18, so I had to leave a country side, small city, Itapetininga, and moved abruptly to Sao Paulo. In a day was in one small town with all time for me, the next I was in one of the ten biggest city of the World, without knowing nobody, moved to work in IT projects, a very intensive programming job, a very big challenge.

I moved to get a new income, I did not had choice, without funds and support, the only way I saw to get my plans done was to move to the capital. Besides work for money, I planned to launch my projects in a city of opportunities, besides Sao Paulo is the most expensive city to live in America Latina, it recompenses any one who is dedicated to work.

In and in parallel with it I started theater course in night, so basically had no time for blogging in my personal site. But after a period of adaptation, I am starting efforts to get back on trails of constantly post and commit in GitHub.

It was not in my planning to stop all my projects, that for me was going very well, besides it’s constantly late, without any funds, I was constantly strangling for low costs solutions to basic situations, even to make meals. But, after 6 months working hard, I am back to my personal site, all the work I did since end of 2016, will be the platform for my rocket launch.

Confira a Nova Homepage do Site Pomodoros, Ficou Incrível

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.

Lojas Prontas: WooCommerce “Hackeado” Para Solução Exclusiva de Backup Automático

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:

Pomodoros.com.br Android Application Released in Beta Stage

A 2011 goal is finally getting out of the way, developing the native app for Android . Due to the advancement of Focus Training, application development was prioritized so that the first course students could download faster.

With the application we expect to grow a little faster, for some investors it is also a differential to be present in the Google Play store, because a good part believes in the mobile market and that to position with a native application is a superior strategy.

In fact it was enough for the user to access the mobile browser, click Menu-> Add Shortcut to the Main Menu, and the link with the jig would already appear on the main launcher, but I realize that few users have this habit, many prefer download direct from the App Store . We expect feedback to improve and release the definitive version soon.

Aplicativo Pomodoros.com.br para Android Lançado em Estágio Beta

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.

Mega Update, Pre-Release Closing List

Before launching Pomodoros.com.br officially, I had to make a last list of updates, very extensive, that grew as I finished the tasks, but that brought great results from the point of view of programming and also many features for the users. The updates were:

Advertising Space

It was not the most difficult or the most laborious update of this round, but certainly the most important, since to date pomodoros.com.br, in almost 7 years in the air, never exhibited a single advertisement, having been kept with its own resources from the launch and until then in testing and development stage.

With the creation of advertising space within the app we can finally move to a second stage, supporting the expansion of the user network and further improving the service. At the moment we have no sponsor, we just opened the space, so know our sponsorship proposal and advertise your brand, product or service on our site.

Translation

The first version of pomodoros (Red), in 2011, already had two languages, Portuguese and English, with the qtranslate plugin, however as I add new screens and tools I left the translation for a second moment, the result was that the site was never 100% translated. The application was already in JavaScript, so I needed to create specific language files for the js, so the mess started.

In 2013 was released the second version (Green), also had two languages. another plugin for translation, wpml. Initially it seemed easier to translate, but soon it became a mess again, because as this plugin is for beginners and indicated for simple sites, also as I expanded the site it was difficult to do the translation, because it mixed parts of the words in source code and database.

Only now, at the end of 2018, I was able to take the time to “undo” all the “mistakes” of the past. For the translation was created its own technology, integrated with the new version of wordpress, buddypress and woocoomerce. Now with its own tool and the advanced method of translation, separating all the words into a language file in .pot format. Thus English was chosen as the primary language, and from it all new translations will be made, and only a small part. In addition, for new translations just send this simple file to a translator, who can do the translation and quickly the pomodoros will speak new languages.
Interface

The interface was updated in many parts, the main novelty was the implementation of bootstrap tables, they were implemented in the User Statistics widget, from the focus page, making the view much cleaner.

The task preview page was also completely redone using the tables, so it was also much lighter and easier to see the information. Finally, the project tag visualization page, where the bootstrap table was also implemented at the top, making the report much more professional.

And a very important update was made in the main tool, in the Focus page, it had already been “wiped” the screen, hiding additional information from the task with the Extra button, thus making the screen cleaner and easier for new users. Now it was implementing a new button called TODO, or task list, which displayed the task list when clicked and automatic dowel. For example, when used in the cell phone the interface was considerably simpler, more elegant and easier to use.

Bugs and Minor Updates.

Button Titles: a few weeks ago I was already bothering a little bug that changed the title of the application’s action button to the word Focus, at all stages of the tool, although working normally, this caused confusion in users, who expected the buttons, such as Focus, Interrupt Focus, Start Rest. In addition, the preset time only appears after clicking the button, now, after closing the pomodoros the clock displays the next action time, thus ending the pomodoro of 25 minutes, the clock displays 5 minutes with the Rest button.

Project tags: they were not working a few weeks ago, so some user projects were damaged, I needed to rebuild the project tags system and types of pomodoros to be able to work again.

Registration form: After some problems with the registration form, the registration process was finally stabilized and the registration interface closed, with a new screen for user activation after registration success. It was also possible to set the goal in Google Analytics to track the number of records and closely track the conversion rate of visitors to users.

Product visualization page: also the product page has been slightly updated, when clicking on buy keyring the screen is more rounded and similar to the registration and activation page, giving a similar appearance to all content of the site. The widget to buy keychain was also not displayed on the posts page due to a small, fixed.

Dynamic warnings: when the user clicks Interrupt Focus now a confirmation dialog will appear, to avoid inadvertent clicks, avoiding wasting time (user suggestion @Victor_Tardelli, thank you). Another warning that appears is when you close the browser tab with the time rolling, asking the user to confirm that they want to leave and lose the timed time.

Block wp-admin: An important security issue is to block the administrative area of ​​wordpress for non-admins.

It still has a huge list of tasks to close this list, less inconvenient bugs for the user and some new tools, continue reading our blog and follow the news of the project.

See the corresponding task: closing list

Mega Atualização, Lista de Fechamento Pré-Lançamento

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

Become a Sponsor

Pomodoros is close to being released and you can help make this project a reality. We will be present in USA, UK and many english speak countries, we started searching users in theses countries to became global.

With your financial support your brand will always be visible on the site, reaching all our users. Your ad will be printed on the home page and app, site sidebar and footer. In addition to reaching select, highly intellectual audiences, you will still be supporting an innovative startup and will have your brand associated with a high-tech product.

USA/UK Quotas 2019

For USA and UK 2019 will have a monthly fee of US$2.000, which can be divided or purchased by a single master sponsor:

  • Master sponsor: buy the full quota of US$2.000 and have the exclusivity to your brand and products in the blog and app.
  • Split Sponsor: If there is no master, the quota can be divided into 4 of US$500, being printed in the same places as the master sponsor, but alternating between splits.

Torne-se um Patrocinador

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.

Buenos Aires may be the first city out of Brazil with new users

The Spanish translation was a very important step for the future of the project, the Hispanic community is very large and representative. We do not know which Spanish language country will have our first user, but we bet all our chips that will be Argentina.

Within the Pomodoros global expansion project, we look at Buenos Aires to begin the expansion, we may be surprised by Spanish speakers from other countries, especially Spain, but soon the founder of the project will be in Buenos Aires to, among other things, do some technical visits related to the project.

You who are Spanish speakers can help us if you see any problems in the translation please let us know. Sign up for free and start focusing on your projects right now.

Buenos Aires pode ser a primeira cidade fora do Brasil com novos usuários

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.

Castelo inaugura Espírito Santo no ranking, Pomodoros inicia a jornada pelo Brasil

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“.

French Language – Adding a Third Language

Updating the pomodoros source code to facilitate translation and installation of new languages, French was chosen as the third official translation due to the number of new visitors coming from France.

We are still very dependent on Google Translate to do the translations, so we know that the quality is impaired, but it is certain that the reception of new visitors is much better when they find the words and translations in their language.

With great pride we welcome the French.

Idioma Francês – Adicionando um Terceiro Idioma

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.

Github Portfolio Updated

Launch new products is often good and make developers feel good, but when you did many launches things can become very messed. After long time I started opening codes from past works, since 2003 I developed apps, websites and games.

franciscof5
78 repositories, 1 followers.

I recently launched almost 30 old projects, most of then in Flash MX and Flash 8, in github. They are most for portfolio porpouse, but some of then have been re-released under 2018 fast adaptation, and they are becoming online.

In few weeks we will launch a new section in F5 Sites web site and my personal portfolio, making dozen of old projects live again, for public access and demo usage. Many of then will be avaiable for new investments to finish things up, and a few of it will be remake by myself with costs covered by me.

https://portfolio.franciscomat.com/ – Check my portfolio

 

Integração com Mailgun completa, enviando e recebendo emails

Mais uma tarefa que levou meses, está ficando repetitivo esse tipo de aviso aqui no blog, porém estas tarefas estruturais, que são a base do serviço, via de regra consomem muito tempo pois são necessário dezenas de testes e muita, mas muita pesquisa de serviços com custos acessíveis para uma startup enxuta. Não vou citar todos os serviços que pesquisei, quase todos da primeira página de busca do Google, mas não comecei essa tarefa procurando serviços de email, mas sim instalando meu próprio servidor de email postfix + devcot, configurando no meu VPS Linode centOS estes serviços.

Tudo ia muito bem até receber aquela enxurrada de spam, tornando inviável verificar os emails diariamente, pois muito tempo era perdido para não encontrar nenhum email “de verdade”, assim o problema se tornou grande, como divulgar meu email oficial em um cartão de visita se nunca iria conseguir encontrar os contatos de pessoas interessadas em serviços neste mar de spam.

Quanto mais velho um domínio e um endereço de email mais spam ele recebe, a internet é cruel e seus robozinhos spammers vão se somando e aniquilando endereços de emails antigos, por isso muita gente vive trocando de email e quase sempre evitando divulgá-lo de forma escrita na internet para evitar spam, mas é inevitável. Como a f5sites.com existe desde 2009, são muitos lugares onde divulguei meus emails, assim a enxurrada de spam era diária a solução foi instalar o SpamAssassin.

Aí você me pergunta, ele realmente funciona e assassina os spams? Sim, muito bem, pouca coisa passa, estaria tudo bem se essa solução não tivesse gerado um problema adicional, além da dificuldade de configurar os filtros, ele esgotava os recursos do servidor, a CPU disparava para 100% e recebia muitos alertas diários, dividindo recursos com https, mysql, php-fpm o servidor de email acabava por travar todos os sites.

Teria que então abrir um novo VPS só para o email, aí surgiu a questão do custo, a frustração cresceu porque tive que desativar o meu servidor de email depois de semanas “apanhando” para configurá-lo certinho para não ser barrado quando enviado para servidores exigentes como gmail, qualquer configuração errada e o gmail jogava meus emails direto no spam. Estava tudo certo mas não havia recursos para o serviço ficar ativo, nessa hora amaldiçoei os serviços de emails corporativos, eles mesmo inundam a rede de spam para depois cobrar por serviços anti-spam, um jogo injusto para os pequenos.

Para servidor de email é necessário além do custo baixo uma boa reputação dos IPs e servidores, além da já tradicional escalabilidade, quase todas as empresas acabam assinando com o próprio Google e recebem além do serviço anti-spam de primeira qualidade, interfaces web para seus funcionários, um tipo de gmail corporativo mas com @seudominio.com, funciona muito bem e tem um preço acessível, mas tenho minhas restrições quanto a confidencialidade, além de existirem alternativas gratuitas ou muito mais baratas.

Não teria encontrado o Mailgun se não fosse em uma conversa informal com meu primo, CEO da Plape.bi, Yuri, que me indicouo serviço, pois estava tendo ótimo resultados e ao questioná-lo sobre seus concorrentes, rapidamente destacou suas vantagens. Assim que tive tempo comecei a configurar o serviço para testar, fico sempre receoso quando exigem o cartão de crédito, mas com uma cota mensal de 10 mil emails grátis, atenderia minha demanda inicial facilmente.

Assim após pesquisa sobre a empresa e o fundo que a mantinha, percebi que era uma alternativa viável as grandes corporações de TI, uma verdadeira entrante no mercado, com força para crescer e com preços competitivos. Consegui sem muita dificuldade configurar o email pelo painel do Linode DNS e assim pude começar a enviar meus emails transacionais, antes usava o serviço grátis do smtp do gmail, com muitas limitações, mas com o Mailgun atingi um novo patamar.

Foram mais semanas lendo as documentações e estudando os protocolos MX do DNS para conseguir configurar corretamente o recebimento de email, está sim uma ferramenta incrível. O Mailgun permite que você receba emails @seudominio e ainda oferece gratuitamente o serviços de filtro de spam com base no próprio SpamAssassin, além de permitir a configurações de rotas catch_all para encaminhar emails recebidos. Assim hoje com o Mailgun posso enviar e receber emails de forma gratuita, com filtro de spam e com limites bastante justos. Portanto agradeço muito ao Yuri pela dica e compartilho com vocês essa incrível ferramenta, Mailgun.

Rede de lojas virtuais F5 Sites próximas a serem lançadas

Desde o final de 2016 a F5 Sites vendo sendo reestruturada, antes era uma rede de sites independentes, mas agora se transformou em uma rede de blogs, serviços e lojas virtuais integradas. Vários dominam agora operam uma tecnologia compartilhada, foram necessários muitos meses de trabalho em pequenos projetos para a integração completa de todas as tecnologias e plugins.

Confira uma visão rápida sobre como a F5 Sites evoluiu de uma prestadora de serviços e consultoria em WordPress para uma rede de lojas virtuais e projetos integrados:

  • 2009: Início da F5 Sites, o objetivo era vender temas de WordPress no site ThemeForest, nunca alcançado. Apesar de bem remunerado a qualidade exigida do código e documentação era muito elevada para um momento inicial, portanto a F5 Sites nasceu com foco internacional e global, mas não atingiu as metas iniciais.
  • 2010: Para fazer receita rapidamente, passa a fornecer serviços de personalização e customização de sites para clientes no Brasil que utilizavam WordPress, conheci muitas pessoas e colaborei com muitos projetos.
  • 2012: Além de consultoria passa a hospedar os primeiros serviços próprios, como Itapemapa e Pomodoros, ainda dentro de uma infraestrutura de TI muito pouco estruturada e dependente de serviços de hospedagem para configurações avançadas.
  • 2013: Grandes clientes de consultoria aparecem, muito caixa entra e os investimentos em projetos atigem seu ápice, porém não tinha tempo para programá-los pois dedicava meu tempo para projetos de terceiros, na prática o resultado foi o abandono da F5 Sites seguida de uma grande injeção de recursos financeiros.
  • 2014: Interrompida definitivamente, a rede toda foi suspensa pois o fundador precisou se dedicar de forma integral ao programa de mestrado em Administração da FEA-USP.
  • 2016: retorno do fundador para dedicar-se exclusivamente ao desenvolvimento da F5 Sites e a rede de projetos, a partir de um novo paradigma, transformar a tecnologia para suportar mútiplos lançamentos em sequência. Com muitas tecnologias de 2012 e 2013 paradas, o trabalho foi enorme para relançar cada pequeno projeto dentro de um novo contexto, porém ao optar por WordPress como tecnologia principal desde o início a maior parte do trabalho de atualização foi extremamente fácil, já que basicamente os plugins e temas desenvolvidos funcionariam quase sem problemas.
  • 2018: Após 2 anos desenvolvendo novas tecnologias e preparando a rede, é prevista a abertura e lançamento para o público do primeiro serviço oficial da F5 Sites, o app Pomodoros.com.br.

Conheça as tecnologias e plugins que foram incorporados e agora fazem parte do núcleo duro da nossa tecnologia, integrando plugins próprios com soluções de terceiros:

  • WooCommerce + Plugins
  • F5 Sites Shared Posts & Uploads Folder
  • F5 Sites MySQL Manager

Welcome Gringos: Pomodoros começa a se tornar global

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.

Organização em Alto Nível, Finalização do Plugin F5 Sites Footer Bar

Fiquei meses esperando para fazer o fechamento do conteúdo dos sites, desde novembro de 2016 quando comecei o projeto da FNetwork, integrando todos os sites e serviços em um único banco de dados.

Assim, enquanto organizava o banco de dados, o conteúdo (texto e imagens que o usuário vê quando navega) estava quase sempre em estágio de “rascunho” ou “revisão pendente”, muitos textos e links jogados, pois, afinal, a rede de startups FNetwork não estava pronta, a sua tecnologia central estava sendo desenvolvida para atender uma necessidade de maior compartilhamento de códigos, informações e processos.

Está foi uma tarefa que surgiu “do nada”, com o nome fechamento, pois representava o estágio de conclusão dos esforços. Não teve definição do tipo fazer x e y, até o momento que estava escrevendo este post fiz muitas coisas pequenas relacionadas com este fechamento.

Agora, observando os resultados na navegabilidade do site e simulando usuários recém-chegados buscando informações, parece que a navegação ficou muito mais organizada principalmente pelo nosso exclusivo plugin F5 Sites Footer Bar, presente em todas as nossas startups. Com várias funcionalidades interessantes, como descriação em inglês e português de cada startup, quando o mouse passa em cima, abrindo uma janelinha.

Além de um sistema de cores, os links são brancos e ficam aceso, da cor azul, apenas o link correspondente a startup que o usuário está no momento. Quando está no Focalizador.com.br por exemplo, no rodapé o link Focalizador fica azul, indicando que o usuário está navegando numa startup F5 Sites.

De certa forma não houve um “resultado prático”, mas terminar esta tarefa significa um esforço continunado em organizar a F5 Sites, e consequentemente toda a rede FNetwork. Como dizia um professor em analogia, é como “o vento que levou a neblina da montanha e desnudou-a, trazendo definição e clareza na perspectiva”.

O objetivo sempre é o mesmo, aumentar o valor de cada pequeno projeto, para que a somas das iniciativas, na perspectiva de valuation de um novo investidor, represente uma oportunidade única e inegável de retorno, compartilhando mais rapidamente perspectivas de crescimentos rápido, para a injeção precisa de capital, com controle e objetivos claros, visando resultados que irão balizar sempre um maior crescimento, até se atingir as últimas séries de investimento.

Spending time planning a perfect pre-launch stage

The recent rocket launch Falcon Heavy taught World the importance of get everything ready and well tested before press the launch button, because after it, there is no going back. And even if you have the best and well payed engineers, fail is a part of the process, like the fail of third rocket in getting back to soil.

We are a small and lean startup, but for us, our rocket’s have as many technology as Falcon 9, and it is even more important to us then any other rock lauch. We are focusing so much effort in testing and getting early feedback as we can, it is a hard and tedious task, nobody want to do it for many time and we are waiting for lauching for so long, since 2010, that maybe the anxiety was something to be care of nowadays.

We are not in a technology rush (for while) with any competitors, since we dont even have market yets, we dont care about market growth, we only focus on make the best technology for our target public, getting feedback on early stages and having many ways to get it.

So in our blog it is possible to see how many posts talking about launch expectations, as we get closer and closer to launch we also getting huge priorities shifting. But the official release of our first USA & Global product, with massive marketing campaign, will be near at the end of the year, before many tests in Brazilian market.

Login Com Facebook e Google: Rede Fnetwork Conectada

Em 2016 iniciei o projeto da FNetwork, foi um retrocesso em muitos termos, o primeiro passo foi unificar todos os usuários de vários projetos num banco de dados único. Para isso todos os sites foram desativados por meses, após conseguir essa unificação tinha disponível somente o formulário padrão de registro do wordpress em cada projeto.

Os usuários do Pomodoros já utilizam de forma “pesada” a integração com o Facebook, sempre soube da importância de se deixar pronto esta integração novamente, mas de que adiantaria apenas um site conectado com o Facebook? Um usuário que logar com o Facebook no Pomodoros terá acesso a todos os nossos serviços, atuais e futuros.

Parte Técnica: Plugin wp-social-login (fork)

Fazemos aqui uma indicação deste excelente plugin para fazer login com redes sociais, nós avaliamos como 5 estrelas no diretório do WordPress. Existe serviços de terceiros que são oferecidos para isso, integração de  sites com redes sociais, com altos custos, basta você pesquisar no Google para perceber que este é um novo filão.

Mas os criadores deste plugin se mantiveram “raíz”, permitindo aos próprios usuários configurarem seus domínios para se conectarem diretamente com os servidores das redes sociais. Ao final, quando tudo corretamente configurado, o usuário clica em um botão e se torna um membro registrado do site.

Como utilizamos uma configuração especial com uso intenso da pasta mu-plugins, já que plugins que são colocados nesta pasta são automaticamente ativados/desativados pelo WordPress. Assim não precisamos entrar no painel, porém, a maioria dos plugins exige uma configuração inicial mínima, por isso fazemos forks de vários plugins, adicionando scripts que se auto-configuram para cada domínio.

Graças a API do Google e Facebook ficou muito fácil configurar vários domínios, já que o mesmo aplicativo permite diversas URLs de retorno. Assim agora temos configurado para nossos domínios o login do Facebook e Google. Com isto esperamos aumentar (e muito) (e muito rápido) nossa base de usuários.

F5 Sites Strategy For 2018: Expected Our First Product Release For USA and Europe

We are more than never focusing on USA and Europe market, there are tons of tests beside an official entrance. As a CEO I often repeat the same mistake, underestimate the time for long projects, I was expecting the first official F5 Sites products launches for 2017, but we did not released officially a single project, we focused more on IT infra-structure and primary code releases, and even exhaustive testing of new routines and process for backup and data synchronization in large data clusters.

I did not mean I did not worked well or I do not have capacity to preview, It just mean we must set some strategic milestones on initial planning, for products built up from zero it is impossible to address all uncertainties in the beginning.

For Brazilian market we make a great progress, besides it’s not our main focus, to make software in Portuguese, we just reprogrammed an old product, our principal product for Brazil in the period 2011-2015, the Pomodoros.com.br webapp. It is back online, after two years offline, but it is still in alpha stage, just for tests and costumers feedback, we will proceed in the next months with a small online campaign for getting new users and promote a donating campaign for support the project.

The webapp have an English version, but we will launch a different and much improved version for USA and Europe, a new software is being made, we started it in the last years and probably I will launch it in 2018, now we have well stabilized our servers and backup routines. That is why I am, in January 2018, thinking that this new year will finally be the most important year in F5 Sites history, our first Brazilian turtle is expecting to reach California sea or some Europe bay.

But some things can again late market entrance, we are passing trough our must difficulty founding moments, with few sources of founds and no costumers revenue, we are struggling in a mess state of priorities and expected that it become even more difficult for next months because of time-pressure. We are chasing the most relevant investors for the projects stages, it iss clear for me that the entrance of new interest parts can speed-up some parts of project, but in other hand it can rearrange our launch schedules.

Contact us now

After putting our blogs and startups online, testing everything we was then ready to starting receive leads contacts for project development. We are growing up our service capacity, ramping up and scaling os customized customer service.

Putting contact forms on sites was an easy task years ago, but we are now surrounded by tons of bots, simple contact forms can receive a lot of spam, besides annoying it can make tedious for fast response receiving notifications of spams.

After testing the Google reCaptcha, with great results for spam control, we are moving for a new and simple solutions, Honey Pots, bots are dumb and putting an hide field for then is a trick way to prevent it. We are using 3 wordpress plugins for our contact form:

  • Contact Form 7
  • Contact Form 7 Honey Pot
  • Contact Form 7 Database
  • F5 Sites Bug & Correction Plugin

The last one was custom made to “unify” all contacts from multiple domains under the same table, now we can use the same contact form on multiple sites, speeding up development and launch of services, centralizing contacts from multiple sources.

Fnetwork: uma aposta na eficiência

A Fnetwork foi uma grande aposta, de alta incerteza e risco, onde não conseguia imaginar o resultado antes de iniciar, poderia resultar num fracasso, algo que quase aconteceu em fevereiro de 2017, quando fiquei em vias de encerrar a Fnetwork porque todos os projetos estavam novamente parados por tempo indeterminado.

Posso dizer que todos os projetos tiveram um ciclo de vida muito curto, já que sempre apareciam motivos pessoais que me impediam de continuar dedicando meu tempo em meus projetos, já que eram uma aposta incerta.

Eu poderia optar por um projeto de cada vez, mas trabalhar no coração da tecnologia era uma aposta na eficiência. Criei um plugin para otimizar o processo de produção de projetos em WordPress, melhorando a gestão de arquivos e banco de dados, chamdo F5 Sites WordPress Shared Posts and Taxonomies.

Conheça Pomodoros Black, a nova versão do site Pomodoros.com.br

Os primeiros usuário do site, em 2010, conheceriam o primeiro conceito do sistema e sua nova interface, e, como não poderia deixar de ser, a primeira coisa que me veio a cabeça quando fiz o logo foram os tomates em forma de cronômetro, então, rapidamente rascunhei um logo e coloquei tomates no lugar do “o”.

Pomodoros Black, nova interface

Acabei achando que estava muito óbvio e essa cor e configuração colocariam o logo numa posição comum, as cores e formas não falavam muito sobre o que era o projeto, alguns poderia até achar que era sobre molho de tomate ou uma pizzaria. Então mudei a cor do site para verde e substitui o logo, que é o que permanece até hoje.

Assim a maioria dos usuário viriam a conhecer o sistema na cor verde, onde houve uma pequena explosão no número de acessos e acabei precisando migrar de servidor em 2013 e desde então o serviço não atingiu mais nenhum grande momento de estabilidade, e assim, em pouco tempo fui perdendo todos os usuários, até chegar em zero.

Pessoas queriam usar mas o sistema caia, era frustrante e acabei revertendo toda aquela euforia inicial dos usuários para uma experiência de usuário horrível. Então entre 2014-2016 o projeto foi arquivado, ficou no ar algum tempo sem acesso, mas em 2017, após a adoção de um novo conceito de trabalhar com código-aberto, o Pomodoros ganharia sua última e derradeira versão, o Pomodoros Black, com a cor preta para representar uma nova experiência para os usuários.

Além disto com o código-aberto no github este projeto se transforma num excelente item de portfólio. Por fim, subitamente o JavaScript vem ganhando uma crescente atenção do mercado, o que pode valorizar e muito este projeto, que é feito com WordPress + JavaScript.

Você pode criar sua conta de usuário gratuitamente. O projeto é hospedado por F5 Sites e atualizador por Francisco Mat.

Widget For Recent Posts Is Now Working

When working with an emergency project we must set priorities, testings up plugins can be exhaustive, nobody want’s to retest every location where the plugin is installed whenever and minor modification occurs, but when we are in a fast pace projects, with no planning and just one mark, proves that it worth effort, the process of testing is even worst and consuming.

So is basically working under a large growing mess of annotations, papers and folder, software for project management, but in fact nothing can really help. That is the very start moment of an project,  changes are very often and when it finally reach an first stable version, is time to get back on track and get the word left behind done.

For about months the Recent Posts Widget not working was annoying me very much, consuming and stressing, I then realized that it is almost the center of the blog, if that list was wrong, with wrong content, links, information and languages, visitors may not understand where they are, so it become a urgency.

Now I can share all my blogs links, without getting people confusing asking themselves why that Recent Posts links is showing that weird stuff, now everyone can navigate safe and be related with the right content in the right time.

 

A huge problem emerged just a minute before our costumers tests our first WooCommerce virtual store

When we just finished up our local tests of our first online WooCommerce store, when it was online and ready for our first costumers to test it out a huge problem emerged. When we use native WordPress functions and the WooCoommerce plugin for quick attach an virtual store to our wp site, we must adapt the data managements to a mix of combined patterns of both, wp and woo, they are all good, but have problems for scalability.

WooCoommerce stores in the same table products and orders (side to side with WordPress blog posts, pages, menus…) it is quickly for deploys new stores, but in few moments everything can become a mess of data, stored mixed. The problem is when we have to update only certain product data, like stock quantity, and of course keep orders preserved, it is impossible to do (without temporary lock down live site for maintence) with bult-in WordPress, WooCommerce or even SQL commands, it is basic a lock-up.

To break that, the solution we take is a dirty little hack, that is only acceptable by expert users, who fully understand what we suggested and coded as a solution. We just released or fist hack plugin, it is avaiable on github and soons as we make a good documentation we will submit to wp plugins directory:

What F5 Sites | Woocommerce shop_order Tables does?

It creates a hack table on database called 9woo + wp prefix + shop_order + endpoint (posts or postmeta), and (by using hooks) whenever WordPress or WooCommerce asks for orders data it force $wpdb object to get if from another tables. It is a hack, you must have a deep understand about hook and wp core functions before you can take the most of our solution.

Pequena grande migração: 70% de nossos códigos-abertos

Foram muitos meses migrando para o “novo” conceito de código-aberto, ainda temos muitos projetos, mais antigos, como jogos em Flash, feitos entre 2004 e 2006 para serem atualizados e migrados, mas 70% de nossos portfólio de soluções está agora hospedado no github.

Muitos projetos novos e atualizados estão sendo agora mantidos abertos, com o objetivo de adequar-se aos novos tempos e ao que de melhor a tecnologia e o direito (licença de software) tem a oferecer. Estamos agora em um novo patamar de gestão de projetos, com o código-aberto por exemplo a maioria das barreiras de sigilo e confidencialidade são colocadas em segundo-plano, podendo trazer o foco dos negócios no desenvolvimento de código, superando de partida a maioria dos possíveis problemas futuros, como no caso da separação das equipes tudo é feito de forma muito fácil, rápida e indolor.

Até o momento eu fui o desenvolvedor líder da maioria dos projetos, assim sendo, tenho o direito de escolher a licença que achar melhor. Como o WordPress permite a criação de pequenos código-fontes reutilizáveis, como plugins e temas, somente estes pequenos trechos são licenciáveis, quando aplicável e não houver restrições de terceiros.

F5 Sites WordPress solutions: simple for developers

Simple for developers

That quote is suggest to be in the most WordPress development project we lead, we respect the regular user, but we focus most on the developer point-of-view. One simple example of what it means on our wp plugins is most of then don’t have an wp-admin options panel, you must edit it directly on plugin folder.

WordPress community quick reject that way of doing projects because when you update it, you lost the changes. That can be really a problem, but we suggest you just fork our projects and be the owner of your own custom solution, it means stop receiving or updates, for good or bad.

So we came back to original quote, simple for developers!

Focalizador entrando em estágio beta

O sistema Focalizador, originado do pomodoros.com.br, está entrando em estágio beta, estamos terminando as definições e modelos de assinaturas e conversando com o mercado para adequação do produto.

Em conversa com startup recebemos diversas solicitações de novidades, como a integração com o Trello entre outras funções que elevam o valor do sistema e fazem-no ficar mais adequado para situações reais de trabalho.

Estamos perto de terminar o pacote inicial do produto, onde o mesmo estará pronto e estável para a entrada de novos clientes, esperamos que a entrada dos primeiros usuários possam nos ajudar a identificar potencialidades e problemas para serem resolvidos.

Our first public and opensource WordPress plugin

plugin: f5sites-shared-post-tables-and-uploads-folders

After almost 9 months of tests and improvements, a lot of risk taken, we got in alpha stage of development for Shared WordPress Post Type and Taxonomies + Uploads Folder. The projects uncertainty itself seems not enough, if it was about risk taken, that new plugin initiative was a big all in, because I it stopped every single project for more 6-9 months, again, latening market entrance.

Years ago, 2014, a recent bachelor programmer said to me that WordPress data model was a mess, I took it personally and go look for more informations and sadly find out that he was partially correct, the simplicity of it’s model was very good for some situation, but locks out the developer in some scalability problems, if not well configured.

WordPress development is already fast, it has dozen of bult-in functions and integration, for start a new project is easy as use Fantastic or other script installer to get site ready in seconds. But for quickest deployment ever it was a prision, one installation for each project is the start of a big mess.

So the first step of rearrangement was simple using one single install for all blogs, and take the code dependency management to the next level, using Composer. Next is share all the users across single installations, it was a huge progress, and finally why don’t share blog posts too? In that point we can start answering where is the “mess”.

Objects are stored mixed in database schema, blog posts is stored as the same global type of products, pages, menus, contact forms, and every object called post_type. To make things more complicated there is a separated table for postmeta, it is a relational table with same index (post ID), so you must let wp address it’s number, and using a second table will make unique identifiers desync, it is very hard schema to break.

But came to me that the solution was easy, don’t take me too long to realize that it is actually better than worst, I can now share pages, menus, contact forms, midia, products, everything, withou losing control of some data stored in single databases, for each single installation. It was just a question to make it works well, sharing post_types and don’t break-up WordPress, all of it without touching core code, just by enabling/disabling a plugin, and after 9 months of intensive tests and twice almost abandoned it, finally it get stabilized and ready for refinements.

For separate singe install shared data I used a category, and for automatized more the process the category is exactly the domain name, so just check the domains when creating a blog post, and will be displayed only in that domain. For products it works even better, it list all products and just indicates and redirects the user to the correct store domain, it was great.

It also inaugurate a new era of development, focusing most effort in making public open-source software, hosted primary on open Github configuration, for free download and re-utilization, we perceive a new paradigm of value on it initiative. It stills in alpha, but already available for public.

A integração com o YouTube e criação de vídeos

A linguagem de vídeos está sendo cada vez mais bem recebida pelo grande público, a tecnologia evoluiu e as até mesmo pessoas comuns agora são protagonistas da criação de conteúdo em vídeo.

Facilidades proporcionadas pela difusão de smartphone e novidades do YouTube permitem a comunicação em vídeo avançar a novos patamares. Sendo assim, criação de conteúdo com qualidade e segmentado se torna cada vez mais importantes, no meio dessa nova massa de vídeos é preciso estratégia para se destacar e atingir seu público.

Nesse momento passamos por uma grande reformulação, após muitos anos apenas escrevendo posts para meus blogs, irei agora anexar um vídeo narrando e contando um pouco mais sobre o que escrevi. Esse é mais um projeto em um estágio muito inicial, desenvolvidos para dar mais corpo ao conhecimento agregado as consultorias e lançamentos de startups planejados para este ano de 2017, acompanhe, toda a semana um vídeo.

We Are Going To The Ocean

When you are a guepardo you can always say the other animals in nature is very slow, but if you think deeply you will perceive that the guepardo cant hunt slowly, for the guepardo it is not a good idea to hunt without reaching top speed, they did not choose to be fast, they were made to be fast.

As a CEO and developer I can always choose the pace of the projects, it is good have a good schedule and nice budget, but is not guarantee of success. In the first look you can bet the guepardo speed as a better option than turtle speed for project pace, but what are you considering, just the speed?

Turtles can live up to 200 years, the don’t need many food and they spend most of theirs time relaxing on the sun or surfing good waves. To guarantee the specie survivoring along the years they put dozen of eggs yearly, a lot of slow turtles, fragiles, being served as food for other species, but a few survive.

The baby turtles learn quickly they need to make their own way to have their food, in other hand the guepardo is always hunting dinner for children, one day without feeding the babies can put they in danger. Think if the mother is sick and dies it is probable the end for the children too. But where is startups in that animal talk? Our startups it the little turtles, we are sending many of them to ocean right now, some of them was already eaten, most not even touched the water, most of them are breaking it’s eggs toward the ocean.

SSL Certification Concluded

Without strong walls why the gate? Securing data is a big concern for today servers managers, data collecting and storage is crucial, we are living in the beginning of big data era. Some of that data are no for public access, and some information is very confidential, how to deal with that needs a complex answer.

Security access is the basics, it is more than have strong passwords, it is to give right people the right information and keeping not-authorized ones out. As a server admin I can say our servers security is high, but for strictly security performance the server admin words doesn’t guarantee nothing, we need third parties specialists to confirm it.

When a site or domain have SSL certification they have guaranteed that the interception of data between the final user and server is way difficult, all protocols and security norms is followed, and the constat renewal of SSL certificates guarantee the servers is always updated with most recent security standards. That is certainly a big mark for all our projects.

Fnetwork: Buscando a Maturidade

Após anos de intenso trabalho e muitas mudanças nos bastidores antes do lançamento, com sempre a vista de melhoria do serviço, visando aprimorar diversas qualidades tecnológicas, foi-se aprimorado nossos servidores para a mais avançada configuração para lançamento rápido de novos serviços.

Dentro deste novo conceito de agilidade para lançar startups e serviços de TI, buscamos centralizar todos os domínios de projetos no mesmo servidor, compartilhando dados dos usuários, resultando numa configuação técnica aprimorada, então denominada Fnetwork em dezembro de 2017.

Após quase 2 meses de trabalho com essa nova configuração, muitos ajustes para compatibilizar todos os projetos, que eram independentes, para entrarem na Fnetwork, foram realizado e mostrou-se como uma alternativa muita vantajosa, portanto decidimos priorizar seu desenvolvimento e descontinuar todas as outras configurações.

Ainda existe muito trabalho a ser feito para completar essa integração, porém a partir deste momento vamos focar na maturidade desta nova grande rede de projetos denominada Fnetwork.

F5 Sites Apresenta Nova Identidade Visual e Novo Conceito para 2017

Com base em um novo conceito de trabalho e organização de projetos a F5 Sites recriou sua identidade visual, mesmo apesar de estarmos num momento muito delicado e de poucos recursos realizamos um investimento nesta mudança que não era vista como essencial ou lucrativa.

Atendendo principalmente ao objetivo de comunicar melhor nosso valor e  refletir nossa história. Há anos desenvolvemos produtos e serviços de TI num modelo conhecido como metodologia ágil, sendo que hoje essa metodologia está ainda mais ágil e no ano de 2017 vai estar ainda mais.

Como vivemos em um período de início de muitas revoluções digitais e tecnológicas, temos que estar cada vez mais ágeis para essas constantes mudanças, onde só os mais adaptados, fortes e bem preparados vão sobreviver.

Não se pode dizer que uma semente não tem chances de competir com uma planta, pois isso não é verdade, da mesma forma que usando uma analogia parecida não se pode dizer que uma tartaruguinha bebê não tenha chances de se tornar adulta, é tudo uma questão de sorte e ambiente favorável, não tem tanto a ver quanto ao esforço da tartaruguinha como muitos palestrantes motivacionais insistem em dizer, quebre sua casca e vá em direção ao mar dizem eles, mas na realidade muitas nem chegam sequer a tocar a água.

Então, agora, passamos a adotar essa então chamada estratégia da tartaruga, acreditamos que o segredo é botar vários ovos e assim aumentar as nossas chances de sucesso. Vamos lançar nossas startups ao mar as dezenas, sabendo que muitas vão ter o destino certo de serem interrompidas em seu caminho, seja por um predador voraz ou seja por outro motivo, serão poucas as que chegarão aos 150 anos. Esse novo conceito aparece visualmente refletido no nosso novo logo, onde temos três ovos, com um deles já chocado, indicando a proporção de projetos em pesquisa e execução, para cada projeto em execução, existem outros dois em estágio de pesquisa.

Temos muitas expectativas e lançamentos preparados para 2017, nosso novo slogam: “Startups ao Mar!”

Looking For Next Level English Content Writing

Attending our objectives for high quality content we are now putting more efforts on final text english quality. As a non-native speaker, I try to push myself to best, but for a native speaker the minimum quality expected is to attend grammatical norms, at last

The fact is that for now I am the only author, but the idea is to expand our team, se one of the ideas is to look for a native speakers to join our team for 2017. At these moment we are just improving the system, it is about to make a triad stands, information engineering, content writing and personalized costumer experience.

After the system is “ok” will be easy for authors and employees to join in writing periodically content.

A Nossa Primeira Tartaruga – Lojas Do Mago

Atendendo a um objetivo mercadológico e pulverizado, cada pequeno projeto interno é visto como uma tartaruguinha que quebrou a casca do seu ovo em direção ao mar. Estamos aqui observandos os vários ovos que estão chocando e parece que o primeiro já está quebrando a sua casca.

Temos o prazer de anunciar o lançamento da nossa loja virtual de produtos físicos, assim como já temos nossa loja de serviços, agora entramos no mercado de produtos. Quem são nossos concorrentes? Submarino é um exemplo, porém fora de escala, estamos visando o mercado da grandes varejistas brasileiras, porém vamos entrar completamente diferente no mercado, vamos inaugurar um mercado novo dentro desse segmento, as lojas semi-virtuais.

Todos os grandes players do ecommerce brasileiro, com exceção da Ricardo Eletro, surgiram como complemento a suas lojas físicas e no final a loja virtual acabou concorrendo com sua loja física, a internet colocou o mercado de ponta cabeça, separou as operações das empresas e criou um clima de guerra entre os canais.

A Lojas Do Mago está nascendo em 2017, essa mudança já passou, o mercado já absorveu essa onda e agora está numa situação de regularidade e novo período de estabilidade, as grandes marcas já garantiram sua posição no mercado virtual, porém será que essa posiação é inabalável? Que tecnologia poderia surgir que poderia transformar uma rival minuscúla num problema sério? Nós achamos que temos a resposta, a Lojas do Mago vai em busca do mar, esperamos que cresça e se desenvolva, mas que não olhe pra trás, porque verá uma fila de tartarugas em direção ao mar.

IT and Tech Market Trends – Turtles Are Looking For Ocean Currents

As part of our plan for the US market, we did an initial research on the market trends for IT companies and technology, we want to side by side with the next generation applications. As we make sense of this mass of information, we see a very clear line about the trend we think we will pursue the companies.

Using figurative language, we want our turtles to reach the deep ocean waves to migrate to new places to survive and grow. Or startups are looking for trends that can possibility security and rapid growth of business, the main trend we will persuit are SaS (Software As Service), but there are trends within this major trend.

Netflix is as an amazing and popular software as service example, you pay recurrent subscriptions for access their network, basically the idea is let’s put some fences around and charge for people to enter, it’s how real internet business operates. But what f5sites got inside our fences? If you are Netflix you are more like a Zoo, where you get into a car with 5 other people to see the same things, if the person on your side are looking at the buffalo it does not affect their experience if you look at the buffalo too.

What we are going to offer is another place for you to ride your personalized bike, a personal experience above all, it is a new generation of deeply personalized services, is a kind of thing that Apple and Google sells, webapps so smart that it makes you feel like it belongs to you. Your Agenda is useless to other, you can not borrow it to anybody because it is made for personal use, like many other services of the kind.

Within this trend there is a lot of possible positions, if you are looking at the great picture you must decide what ocean you want to release your turtles. We will release fun and work webapps that will operate together, since they are all, in other words, under the same umbrella, sharing users and IT infrastructure. This is the most generic word to share a piece of our plans, within our planning there is more deep market research and growth forecasts, made by experts. So stay tuned and check out our next launches for 2017.