Prova de Conceito de WordPress com Ionic, Angular e Android SDK

A história da minha empresa F5 Sites é bem incomum, mas como tudo, a dificuldade e as limitações ensinam. Falta de recursos exige uma compensação de inteligência, tanto emocional, para não se desesperar e se afogar, quando técnica/estratégica, para encontrar um caminho pra praia.

Quem não tem um momento na vida onde se orgulha de ter atingido um resultado, sem crédito e apoio de outros? A última prova de conceito da F5 Sites precisava assegurar toda sua trajetória tecnológica. Desde 2009 trabalhando com WordPress, tenho um legado desta tecnologia.

Acompanhando as mudanças do mercado desde 2003, me especializar em WordPress em 2009 foi uma estratégia que se recompensou, mas em 2015 o mercado mudou (de novo e sempre mudará) e em 2020 as tecnologias mobile passaram a ser dominante. O mercado renascia e parecia a todo momento querer matar todos os meus projetos.

Recomeçar projetos do zero é uma tarefa muito cansativa, ver um tsunami passar e levar tudo, como em 2007 quando o Flash morreu com a chegada e dominância do Iphone, assim todos os projetos que eu tinha foram juntos, nunca terminei meus jogos. Agora precisava de um ponte, do velho WordPress para as novas tecnologias mobile, criar aplicativos com o back-end em WordPress.

A comunidade do WordPress é muito avançada e já vinha se preparando a anos, eu que não havia tido tempo para acompanhar as mudanças. Afinal, uma estratégia para conseguir recursos para minha empresa foi trabalhar para empresas terceiras, prestando serviço. Assim a F5 Sites existe desde 2010, mas com poucos meses reais de operação, o resto foi em standby, pausa estratégica para o fundador juntar recursos próprios, para investir.

Empresas grandes podem se dar ao luxo de serem atrasadas, tem recursos e a maioria das empresas que eu trabalhei utilizam a tecnologia somente para não morrer no mercado. Tentam copiar o que acham que os concorrentes e as grandes empresas fazem, num mar de hierarquia com diretores, vice, gerentes, supervisores, chefes e principalmente consultores externos, que sempre recomendam as mesmas tecnologias para todas as empresas, soluções corporativas.

Então todas as empresas são iguais em tecnologia, não existe a mentalidade startup, mesmo eu que sempre tentei empurrar essa mentalidade, sequer era ouvido. Não era consultado pois as decisões vem de cima para baixo, ou seja, quanto mais para baixo menor deveria ser o ego de quem participa.

Então nessa briga de ego e vaidades o principal escapa, o presidente tenta criar um programa de startups dentro da empresa gigante mas escolhe as pessoas erradas (por simpatia, liderança (ou seria puxa-saquismo?)) para liderar e injeta milhões em projetos que devem ser feitos a toque de caixa (porém acabam voltando para o chão da fábrica e exigem entregas tão absurdas pois os novos líderes, que não querem assumir o risco do fracasso, criando projetos distorcidos).

Isso é exatamente o que um diretor de uma empresa elefante acha de uma startup, vamos projetar o novo distorcendo números aleatórios para cima. Startups são silenciosas, podemos levar anos para amadurecer uma tecnologia e quando finalmente conseguem a disrupção, em outras palavras, dar um salto maior que a perna, conseguir um ganho de desempenho inesperado e fora da curva, chamam a atenção e parece que foi rápido.

O mercado acende uma luz e então muitos analistas prevem retornos financeiros incríveis, sabem que uma startup de sucesso no começo da jornada é a nova meca, o novo paradigma de investimento. É a apple em 1980, suas ações subiram muito.

Assim a F5 Sites sempre esteve com um pé em novas tecnologias. Além da estrutura super enxuta, acamos de compilar com sucesso o primeiro APK, aplicativo Android, da nova geração de produtos baseados em Ionic e Angular. Nenhuma empresa grande que eu passei sequer está olhando para essa dupla de tecnologia, quase ninguém no Brasil saberia o que é Ionic. É nossa nova aposta, assim como apostei tudo em WordPress em 2010, em 2022 todas as minhas fichas vão para Ionic.

Utilizar o Android Studio para criar aplicativos é muito fácil, porém se você tiver uma máquina de 3.6 GB de memória RAM, já não seria possível, essa foi minha dificuldade. Como fazer nesse caso? Aí é preciso trocar falta de recursos por estratégia, estudar JAVA, Gradle, Android SDK e sdkmanager no ubuntu. Tecnologias que permitem compilar aplicativos em uma máquina velha, somente por linha de código.

Eu posso criar um novo aplicativo para Android de dentro do meu próprio celular via SSH e executando códigos para compilar. Não é incrível?

O universo parece conspirar e sorrir quando está de bom humor, dia 27 de julho de 2022, logo após assistir o último episódio da série O Gambito da Rainha, sinto a mesma emoção da jovem que derrotou o Russo após anos da sua vida dedicada ao xadrez. Parece que finalmente tudo que eu aprendi sobre tencologia web e mobile finalmente fizeram sentido, finalmente consegui unir suas pontas e agora me preparo para um futuro diferente.

A F5 Sites tem a palavra sites no nome porque nasceu com uma proposta de fazer sites, ainda não existia a demanda por aplicativos, cheguei atrasado nesse mercado, porém é inegável que mesmo atrasado estou me posicionando muito a frente, apostando numa tecnologia que vai unir os (antigos) sites com (novos)aplicativos.

Agora é torcer para não acabar os recursos até essa brasa realmente virar uma fogueira, além da prova da tecnologia será necessário meses de desenvolvimento e muito recursos investido em marketing para atingir um novo padrão de sucesso. Aguardemos.

Um esforço enome foi feito nos bastidores, limpeza do banco de dados

Fnetwork é uma rede de sites e aplicativos em diversos estágios, porém ainda são produtos não finalizados, assim temos uma estrutura de custos muito reduzido.

Para não sobrecarregar os servidores em alguns momentos dedicamos dias para limpar e organizar o banco de dados dos projetos, assim temos menos “tralha” armazenada. Economiza espaço, tempo de backup, melhora performace na busca de informação e no final reduz os custos financeiros e de manutenção.

Uma das maiores mudanças foi a descontinuação do plugin F5 Sites Shared Posts & Upload Folder, um projeto que nunca saiu do estágio de testes de conceito, com isso o banco de dados de muitos projetos foi organizado e migrado para o modelo padrão do WordPress.

2020 F5 Sites Server Schema

Esquema de Servidor F5 Sites 2020

Muitas mudanças já ocorreram e este tópico tende a ficar velho, portanto é um registro temporal para a data presente, podendo ou não ser modificado num futuro próximo. Hoje sendo uma empresa de um único programador, um modelo mais enxuto e simples possível foi pensando, usando repositórios com uma única branch (trunk based flow), e um grande repositórios com sub-repositórios para o deploy da rede.

2020 F5 Sites Server Schema

Deploy fnetwork in fresh ubuntu (português)

Antes de começar

  • install docker.io and docker-compose

Configuração de SSH

  • add ssh keys to bitbucket e github

Instalação de Scripts

  • download bsg (bash server deployer),
  • config bsg (adicionar domínio)
  • download wpsql configure and download prod db
  • download sublime 3 and optional mysql-workbench (to check)

Execução de comandos BSG

bsg run - dp
bsg run - dd (deploy docker só depois de baixado o projeto)
bsg run - sc (ssh copy id...)

Configurtar f5sites shared post

<?php 
$config["posts"] = "1fnetwork_posts"; 
$config["postmeta"] ="1fnetwork_postmeta"; 
$config["terms"] ="1fnetwork_terms"; 
$config["term_taxonomy"] ="1fnetwork_term_taxonomy";
$config["term_relationships"] ="1fnetwork_term_relationships"; 
$config["termmeta"] ="1fnetwork_termmeta";
$config["taxonomy"] ="1fnetwork_taxonomy";
$config["comments"] ="3fnetwork_comments";
$config["commentmeta"] ="3fnetwork_commentmeta";
$config["links"] ="4fnetwork_links";

Instalação pelo front

Após colocar no BSG, depois instalar pelo próprio front do wp, aí pode deletar as tabelas sobrando (comments, links), deve criar a pasta mu-plugins-DOMÍNIO

Capacidades do usuário

Adicionar o usuario DOMÍNIO_capabilities

a:1:{s:13:"administrator";s:1:"1";}

user id = 2

Linha de montagem de sistema

banner-fabrica-pequeno

Somos uma empresa de desenvolvimento de sistemas baseada no lançamento rápido de produtos sob medida, porque temos processos de produção bem definidos.

Durante anos trabalhamos fornecendo partes de sistemas para empresas, até mesmo fora do Brasil, então percebemos que muitas delas perdem tempo e dinheiro, porque não reaproveitam códigos entre os projetos.

Com o desenvolvimento de sistemas baseados em componentes é possível entregar sistemas sob medida com um custo relativamente baixo. Com a nossa exclusiva linha de montagem encaixamos os componentes necessários e rapidamente temos um sistema único funcionando.

Nossos fornecedores trabalham alocados dentro de nossa linha de montagem, assim o tempo de espera é reduzido, garantindo o processo de produção mais ágil do mercado.

Todos os nossos funcionários e colaboradores seguem um rígido padrão de desenvolvimento, toda a equipe recebe treinamento antes de começar a trabalhar, para garantir a máxima qualidade para nossos produtos.

Criação de Conteúdo e Melhor Posicionamento no Google

Sabemos que o criação de conteúdo é o atrativa que faz a diferença na hora de conseguir novos clientes, não basta ter somente um site, é preciso ser referência em conhecimento ou popularidade. Temos profissionais que gostam de escrever, são motivados e adoram novos temas.

Durante a reunião de briefing fazemos um levantamente do perfil da empresa e quais seriam os temas interessantes para serem escritos posts. Enviamos uma lista de possíveis artigos para o cliente aprovar, com a lista pronta mandamos para o departemento de conteúdo, são feitos então artigos utilizando um rígido processo de qualidade, conheça nossa metodologia exclusiva de criação de conteúdo.

O cliente pode fazer a revisão dos textos, fazendo apontamentos e sugerindo melhorias, incentivamos a participação do cliente para que os textos reflitam seu modo de pensar e tenham a cara de sua empresa.

A principal forma de divugalção dos textos é utilizando um blog, recomendamos a nossos clientes publicarem no mínimo 2 posts por mês, porém existem casos que são feitos posts até diariamente, com a inteção de cativar um público cada vez maior. A grande vantagem de ter conteúdo escrito é que seu site fica melhor posicionado no Google, traz muito mais visitante e potenciais clientes.

Teste de viabilidade: auxíliando gestores a planejar projetos na prática

Estamos trazendo para o Brasil uma consultoria para empreendedores que ainda estão com o projeto em fase de conceito, desenvolvida pelas principais universidade da Inglaterra, como Universidade de Cambrige, Univeridade de Londres, Universidade Essex, entre outras, visa explorar sete aspectos chaves de viabilidade de um negócio.

A meta é ajudar empreendedores a descobrir quais as chances de sua ideia ou projeto ser lucrativo. Levando em conta termos macro e micro da indústria e mercado. O teste de viabilidade é composto por 50 perguntas que para serem bem respondidas são necessárias de duas a três horas. Ao final do teste é feito um cálculo com base nas respostas fornecidas pelo cliente que indicará a porcentagem de sucesso negócio.

Aproveite essa oportunidade única de trabalhar seu conceito e descobrir se vale a pena investir tempo e dinheiro nesse novo projeto.

Gráfico dos sete domínios analisados.
Gráfico dos sete domínios analisados.

Áreas que serão analisadas

1. Seu negócio e suas aspirações

“O que é a vida sem sonhar?”

2. O peixe vai fisgar a isca?

“Seus clientes são tudo, sem clientes não existe negócio”

3. Macro mercado: esse é um bom mercado?

“Um dos melhores modos de alcançar o sucesso – evite servir um segmento de mercado atrativo – é procurar servir um mercado atrativo em seu aspecto total”

4. Macro indústria: essa é uma boa indústria?

“Empreededores mais experiêntes preferem atuar em mercados atrativos assim como preferem competir em indústrias em que a maioria dos participantes tem sucesso e lucro, ao invés de indústrias em que muitas firmas estão ‘estranguladas'”

5. Micro indústria: por quanto tempo sua vantagem vai durar?

“Um novo negócio não vai crescer se sua vantagem inicial não pode ser sustentada”

6. Habilidade para executar

“O entendimento pleno dos fatores críticos de sucesso de em uma indústria particular em que se vai competir e adequá-los às habilidade da equipe em executar é certamente uma das dúvidas mais instigantes dos investidores que estão procurando oportunidades. Empresários deveriam pensar desse modo.

7. Suas conexões

“Não é o que você sabe, é quem você conhece.”

 

Fluxograma: Como criar um post

Fluxograma de como criar posts no blog usando a metodologia F5 Sites
Fluxograma de como criar posts no blog usando a metodologia F5 Sites

Trabalho com blogs há mais de sete anos, meus erros e acertos me ensinaram muito sobre o assunto e gostaria de compartilhar minha experiência em criar posts. Se você tem um blog, tem que saber tirar de letra essa tarefa, espero que o fluxograma de como criar um post possa te ajudar.

Publicar um post é o primeiro item que um blogueiro deve saber, pois são neles que está o verdadeiro valor de um blog, pois são a opinião e o senso crítico do autor que atraem seus leitores.

Engana-se quem pensa que criar um post é somente uma tarefa, desde o surgimento da idéia até o texto pronto e o monitoramento das visitações são mais de 30 processos ou tarefas.

O tempo para criar um post pode variar de posts criado em cima da hora até aqueles recheados de informações que ficam semanas no forno. As tarefas ou processos que o fluxograma trata estão organizadas em sete etapas diferentes, que são:

  1. Surgimento da idéia
  2. Desenvolvimento do texto
  3. Revisão
  4. Ilustração
  5. Publicação
  6. Divulgação
  7. Acompanhamento

Ao final da última etapa você deverá ter um post pronto recebendo visitantes. Criar um fluxograma me pareceu ser a melhor maneira de organizar tanta informação de maneira simples e visual, os retângulos são processos que se conectam em fluxo, formando uma sequência de tarefas.

Cada coluna do fluxograma representa uma etapa do trabalho e tem uma cor de fundo exclusiva, para facilitar a visualização. Talvez um jornal, com várias pessoas trabalhando, possa ter especialistas em cada área, mas em muitos casos, como o meu, uma pessoa é responsável por tudo. Vou explicar cada etapa detalhadamento abaixo, dica: baixe e imprima o fluxograma em formato PDF e siga o fluxo de acordo com o texto.

Sistema Remember The Milk mostrando as tarefas para o blog da F5 Sites
Imagem do sistema Remember The Milk mostrando as tarefas para o blog da F5 Sites

1. Surgimento da Idéia

Sempre que tenho uma idéia já começo a imaginar os resultados finais e as reações que o texto causaria, bom seria se só bastasse ter a idéia e o texto ficasse pronto, por isso muitas vezes nessa hora pode haver muita empolgação e vontade de começar o texto às pressas.

Considere ter um banco de dados de idéias, é bastante fácil e útil, você pode fazer uma lista até no papel e ir riscando, mas eu recomendo o sistema online Remember The Milk, pois para utilizá-lo não precisa instalar nada no computador. Dentro deste sistema eu tenho listas de tarefas para cada blog ou site, costumo jogar as idéias na lista com o título “Escrever post tal” assim que a idéia aparece, anoto-as sempre sem interromper o trabalho em andamento.

É possível definir uma prioridade para cada idéia da lista, sendo que as tarefas mais importantes ficam no topo da lista. A idéia que surge de repente, no calor da emoção, parece sempre ser a melhor, mas é só visitar a lista e lembrar que tem sempre uma excelente idéia no topo. A imagem do lado direito mostra como o sistema funciona, exibindo quais são as idéias para os próximos posts que pretendo escrever, mostra também o post que eu estou trabalhando agora no topo da lista.

2. Desenvolvimento do texto

Dedique um tempo específico para o desenvolvimento do texto, escolha a idéia com a maior prioridade e separe algumas horas para o desenvolvimento. Antes mesmo de começar a escrever o texto você deve escolher qual a categoria que o post vai se encaixar e então criar uma pasta para colocar todo o material que achar necessário, fotos, vídeos e textos. Cada post deve ter a sua pasta exclusiva.

Cada post no blog tem uma pasta no computador
Os posts ficam organizados por data

O nome de cada pasta é a data do post, sua categoria e seu título, usando este modelo AAAA-MM-DD-[categoria]-Titulo, que pode ser visto na imagem ao lado. Utilizando esse sistema é possível que as pastas fiquem sempre organizadas e os últimos posts, que são os que normalmente estão sendo escritos, fiquem em destaque em cima da lista. A organização funciona, estou escrevendo agora mesmo o post sobre o fluxograma e ele está no topo da lista. Posso deixar as pastas ainda mais organizadas configurando “emblemas”, que são esses pequenos ícones nas pastas, o sinal de mais verdinho signfica “post novo” e a estrelinha “post favorito”, já o cadeado é “post fechado”. Depois de criar uma pasta e colocar todo o material de apoio, podemos avançar com o desenvolvimento,

Escrever propriamente dito
Escrever propriamente dito

Hora de escrever o texto de fato, este é o momento que possivelmente se gasta mais tempo, ainda não cronometrei mas arriscaria dizer que mais da metade do tempo é gasto somente nessa tarefa, portanto se o post for longo separe algumas horas durante a semana para esta atividade.

Para começar acesse o painel do wordpress e adicione um novo post, é hora de escrever e reescrever até ficar satisfeito. Enquanto estiver escrevendo tenha também foco no aspecto visual do texto, verifique se existe alguma lista no texto que não foi escrita como lista, é fácil e rápido ler uma lista, todo leitor gosta, por isso abuse desse recurso. Dica: salve como “Rascunho” ou “Revisão Pendente” no WordPress antes de publicar.

Para fechar um texto com chave de ouro e atestar ao público a qualidade você pode usar citações e referências, pois ajuda o escritor a posicionar a idéia e passa a credibilidade de alguém que pesquisou sobre o assunto antes de opinar, é mais recomendado para textos científicos. Dica: A utilização de links de referência no final do texto pode fazer o leitor ir embora do seu site.

3. Revisão

Não pule essa etapa, tem muitos blogs por aí com textos mal escritos por falta de uma simples revisão, eu confesso que já publiquei alguns textos e comentários que não me orgulho muito, mas se não fosse essa experiência não saberia da importância da revisão.

Você pode sempre culpar o estagiário se a revisão não for bem feita
Você pode sempre culpar o estagiário se a revisão não for bem feita

Escrever é uma arte, mas é também uma técnica, ninguém vai querer ler um texto mal escrito, ainda mais se for extenso. As vezes idéias fantásticas se perdem e tem seu valor depreciado por causa de erros de português.

A primeira tarefa é rever o HTML, algumas vezes o WordPress adiciona trechos de código sem função. Siga para a revisão da ortografia e concordância. Dica: não é recomendado rever o texto logo após terminar de escrevê-lo, devido a proximidade com o objeto, é recomendado um tempo para o afastamento crítico ou ter uma segunda pessoa para rever o texto, se você for seu rever seu próprio texto durma pelo menos uma noite antes.

Com o texto escrito e revisto é possível definir as palavras-chaves, configurá-las no painel e depois destacá-las no texto, usando negrito nas palavras mais importantes de cada parágrafo. Não é necessário destacar palavras em todos os parágrafos e tem casos onde é melhor destacar mais de uma palavra. Quanto menos usar o negrito mais forte fica o efeito, mais destaque ele dá para as palavras. Se tiver um plugin de SEO configure-o. Dica: separe um tempo para uma revisão dos seus textos periodicamente, não deixe seu textos esquecidos, visite-os sempre.

4. Ilustração

É preciso ilustrar suas idéias, criatividade ajuda muito nessa etapa. Se você é uma pessoa criativa, deixe sua criatividade fluir na criação de imagens e tente manter sempre o foco quando escrever o texto. Nessa etapa as principais tarefas são criar e editar gráficos, tabelas, quadros e imagens em geral. Nunca use imagens sem licença ou permissão, tudo que existe na internet foi criado por outras pessoas, se quiser fazer um trabalho sério nem pense em roubar fotos de outros sites.

Todos os elementos visuais devem ter legenda e tamanho adequado, além de uma apresentação que combine com o aspecto visual do blog. É importante lembrar que o posicionamento da imagem se altera sempre que o texto é alterado, por isso é primordial ter terminado a etapa anterior antes de começar a ilustrar um texto.

5. Publicação

O WordPress divulga seus posts nas principais redes sociais automaticamente
O WordPress divulga seus posts nas principais redes sociais automaticamente!

It’s showtime! Publicar o texto no próprio blog é simples, ainda mais se for WordPress, ao fim da revisão basta mudar o status do texto para publicado ou programar uma data para a publicação, que o mesmo vai surgir na sua página de blogs.

É possível configurar o wordpress para publicar em diversos sites e redes sociais, como o facebook, twitter, linkedin e feedburner, além de gerar o RSS. No Brasil existem agregadores de notícias que são interessantes opções e que podem gerar alto retorno de visitação a um baixo custo, é possível publicar o RSS dos posts automaticamente em alguns sites como dihhit. Dependendo do tipo de artigo pode ser interessante publicar em sites específicos, como o administradores, caso o mesmo tenha conteúdo técnico.

6. Divulgação

A diferença entre publicar e divulgar é que publicar é uma etapa que termina, já divulgar pode ser feito sempre. Todo o tempo que você gastou até agora foi para criar uma semente, um post para crescer e dar frutos precisa ser regado, e é exatamente isso que é a divulgação, é regar a sua sementinha. Se a semente for a boa é só regar bastante que vira uma árvore frondosa e cheia de frutos.

Você pode comentar em outros blogs e fóruns que tratem do mesmo assunto que seu post, sempre colocando um link para seu blog. Ler um texto de outra pessoa, se interessar e fazer um comentário construtivo ou falar que gostou do texto não é fazer spam, participe sempre com foco nas discussões.

Quando você divulga e atrai visitantes uma parte deles comenta o post e você percebe a impressão do público e suas reações. Esteja sempre pronto para receber críticas, pois os críticos são sempre os primeiros a comentar, as pessoas que gostam muitas vezes não comentam. Esteja pronto para conhecer pessoas, fazer parcerias e amigos, é hora de interagir na blogosfera.

Painel do Google Analytics: informações detalhadas sobre os visitantes
Painel do Google Analytics: informações detalhadas sobre os visitantes

7. Acompanhamento

Chegou a última etapa, depois de tanto trabalho chegou o momento de fechar o ciclo voltando sua atenção para os resultados. Nos primórdios da internet, um contador de visita era a solução mais utilizada para fazer o acompanhamento das visitações, mas atualmente é considerado um recurso limitado. Recomendo utilizar o Google Analytics, que disponibiliza informações detalhadas sobre visitações, como um mapa do mundo com os países e cidades que mais geram visitas, as principais consultas que mostraram seu site no google, os sites de terceiros que mais geraram retorno, entre outras dezenas de relatórios.

O fluxograma recomenda esses três relatórios básicos, mas são tantos que você deve sempre analisar o máximo de dados possíveis. Após analisar os relatórios chegamos então à última tarefa, que é o “Feedback e Aperfeiçoamento”, é possível melhorar textos já escritos, se o público se interessar mais por uma ou outra parte do texto você pode adicionar mais informações ou eliminar partes confusas.

Terminar essa tarefa não significa que chegamos no final do fluxograma, há uma linha tracejada que indica que após o aperfeiçoamento do texto você pode voltar para a etapa de divulgação, pois sempre que comentar sobre algum assunto na internet, que já tiver um post publicado, pode divulgar o link.

Chegar nessa etapa é exaustivo, é como subir no topo de uma montanha, você chega exausto mas com uma sensação indescritível de vitória, mas sabe porém que o trabalho não terminou, do topo desta montanha você vai avistar uma montanha ainda mais alta e difícil de subir.

Nota técnica: Para configurar o Google Analytics no WordPress basta usar o plugin Google Analyticator. Acompanhe também as informações pelo seu celular android, instale o app GAnalyticz, é possível acessar as principais informações, como número de visitantes, entre outras.

Conclusão

O objetivo deste post é compartilhar minha expêriencia e a maneira como trabalho, espero poder ajudar os blogueiros. O fluxograma não precisa ser seguido à risca, o importante é melhorar sempre a rotina de trabalho. Esse material é original e representa a metodologia de trabalho da F5 Sites, as imagens e texto são propriedade de Francisco Matelli.

Aceito críticas e sugestões, acredito que esse fluxograma pode evoluir e melhorar. Lembre-se, se você não está lendo esse post no blog da F5 Sites, acesse o link original do post e comente.