Plugin F5 Sites Bar Atualizado

Há alguns anos lançamos o plugin F5 Sites Bar para compartilhar em toda a rede de sites e blogs Fnetwork uma barra, no topo de cada site, todos os principais projetos da F5 Sites.

Inspirado em um sites como o UOL e ESPN, onde seus blogs, subsites e até mesmo sistema de terceiros hospedados em seus servidores, apresentam uma barra acima com o link para o portal principal e outros links para os sistemas top nível.

Assim, os visitantes conseguem entender que estão dentro de uma rede de sites, conectados e que compartilham informações. Além de aumentar o link building e destacar a marca como provedora de serviços. No caso da F5 Sites somos uma empresa de hospedagem, tratando os projetos internos como projetos de clientes.

Update: Setembro de 2020, foi removido o bootstrap (3 e 4) da barra devido a vários conflitos com temas e sistemas, é necessário um grande esforço para normalização, por isso a barra só conta com o logo da F5 Sites no topo e a localização flutuando a direita.

Maio de 2020: Agora as informações estão muito mais organizadas, pois a atualização contou com a instalação do Bootstrap 4, trazendo uma grande melhoria na aparência e principalmente responsividade, já que a barra se adapta para tos os dispositivos e o menu colapsa (encolhe) e expande, e se ajusta em qualquer tamanho de tela.

Um problema para sua implementação imediata é que alguns projetos utilizam o Bootstrap 3, então houve uma quebra destes e está sendo realizado um grande esforço para atualização de toda a nossa base de projetos.

Milestone de Abril: Organização Para Crise da Pandemia

Desde 2010 utilizo o software online RTM para gestão de notas e tarefas, ainda estou finalizando meu próprio sistema e como tenho todo esse histórico lá de 10 anos é difícil desvincular.

Então durante todo este tempo as tarefas e projetos aconteceram na vida real e por lá foi administrado, então existe um histórico que reflete diversos momentos dos meus projetos e consultorias.

Agora vivemos um momento único, pandemia de coronavírus, que sem dúvida impactou a minha vida pessoal, me trazendo para o isolamento e quarentena. A organização de todas as tarefas se tornou possível e viável, já que perdi um cliente e fiquei com bastante tempo livre.

Organização apontou uma nova direção: priorizar pelos próximos 3 anos a prestação de serviços e criar ferramentas personalizadas para aumentar o valor percebido pelo cliente e transformar estas iniciativas em possíveis produtos.

Plugin de Login F5 Sites Atualizado

Atualizado o nosso plugin, F5 Sites Login Screen, que customiza, com as cores e o logo da F5 sites, a nossa página de login do WordPress. Usamos a técnica de instalar o plugin em toda a rede via pasta mu plugins compartilhada. Assim o plugin é utilizado em toda a rede FNetwork, em uma única pasta compartilhada.

A atualização ocorreu porque mudamos o logo, a última atualização desse plugin foi há 4 anos quando lançamos o logo conceitual da tartaruga. Agora com o novo padrão de logo, cores tipografia, aparência de muitos sistemas estão sendo atualizadas.

Milestone de Fevereiro: Certificação SSL Renovada Após Rebuild

Posso dizer que ainda não dominei o método de certificação SSL, continuo tendo muita dificuldade em algumas etapas, principalmente a renovação automática e a configuração de virtual hosts do Apache.

Após o rebuild do meu servidor principal (veja post com mais detalhes) obtive sucesso nas novas configurações para renovação dos certificados utilizando certbot. Assim, foi renovado os nossos certificados, e muitos usuários que haviam tido problemas em acessar todos os nossos sites, passaram a conseguir acessá-los novamente.

Um bug de configuração foi identificado no servidor antigo, pois havia mais de um diretório com configurações do Apache SSL e virtual hosts, fazendo com que o servidor não conseguisse entregar os arquivos certos para navegador e a certificadora.

Centralizamos todas as configurações do Apache e instalamos o servidor principal com docker, fizemos o rebuild e a nova instalação do certbot para poder resolver esse problema e assim permitir a navegação segura para os nossos usuários novamente. Sei que ainda terei alguns problemas pela frente, como a renovação automática, então, por hora a navegação está garantida e o esforço de rebuild e recertificação valeu a pena.

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

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
143 repositories, 2 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

 

Recuperando um email de 2012 para um cliente: Pagando para limpar e encerar

Em 2012 um contato pelo meu site com uma dúvida me intrigou e elaborei uma resposta um pouco mais elaborada, com tantas ofertas de serviço grátis na área de TI, com sites oferecendo a criação de uma loja virtual grátis, porque alguém iria pagar um profissional para criar sua própria loja? Hoje prefiro que o cliente saiba o motivo antes de me procurar, mas em 2012 tive a paciência para responder:

Boa tarde (cliente não revelado),

Eu pensei com mais calma na pergunta que você me fez ontem, era mais ou menos “qual a diferença do seu serviço para o que se encontra por aí de graça?”. Você me pegou meio de surpresa e eu não acho que expliquei bem essa diferença, na verdade eu agradeço pela pergunta porque é a dúvida de muita gente. Pra responder eu vou tentar usar a mesma lógica para explicar porque pagar por um serviço “grátis”.

Quanto custa para limpar a casa? Depende, é preciso saber quanto custa “pra quem”. Se você for chamar alguém, contratar uma empregada doméstica, essa pessoa poderia cobrar um salário mínimo ou mais, mas se você fizer a limpeza por conta, não vai gastar nada. Pronto, economizou na limpeza. Agora a pergunta certa é, a limpeza que você fez ficou boa? Você realmente economizou ou gastou tempo limpando a casa enquanto poderia estar sendo produtivo fazendo alguma coisa com mais valor específico?

A emprega iria limpar melhor, afinal ela vive disso, e também ia levar muito, mas muito menos tempo, ela é uma “especialista em limpeza”, sabe a solução de cada problema, por exemplo, encerar o chão, poucas casas tem o chão encerado, porque antes de encerar tem que limpar bem e ainda antes de limpar tem que comprar os produtos de limpeza. Encerar “da um trabalhão” e no final, a casa nunca está encerada.

Nada melhor do que chegar na nossa casa com o aroma de piso encerado e melhor ainda quando outra pessoa que fez o serviço pesado. O que eu estou oferecendo é uma assessoria pra você não ter dor de cabeça, eu tenho experiência na montagem de lojas e na venda pela internet. Estou oferecendo pra você é minha experiência de 10 anos na área de desenvolvimento web, e mais do que a criação de um site, é fazer um site confiável (limpar) e que realmente venda (encerar).

O email seguia com detalhes da proposta, esse texto serviu como introdução, agora 5 anos depois, relendo-o, achei que valia ser publicado como post.

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!

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.

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.