Como automatizar tarefas repetitivas no seu trabalho
Durante o expediente de trabalho existem arquivos, funções e enderços que precisamos acessar constantemente. Trabalhando como operador de monitoramento e usando um sistema web, existem varias tarefas repetidas que precisam ser feitas para cada placa de um caminhão monitorado.
Quando comecei trabalhar na empresa Raster Gerenciamento de Risco, percebi logo o grande esforço que era necessário para escrever anotações iguais para cada situação diferente, além disso, a todo momento era preciso ficar apertando ícones pequenos que tinham funções essenciais, como a busca de veículos.
Tendo isso em vista, automatizei da forma mais simples os seguintes processos:
Automatizando: Acessar funções do sistema através de atalhos:
Vamos supor que você sempre precisa apertar o mesmo botão em um sistema web. Pra simular essa ação, utilizamos a função click() do javascript, como vamos ver a seguir. Ilustrando este cenário, criei esta página de teste :
Para simular o click no botão, vamos precisar abrir as opções do botão na tela, clicando de direita sobre ele, inspecionar, na opção copiar (copy), selecionar opção "JS Path" do botão e no menu console colar o JS PATH e adicionar a função ".click()" ao final:
document.querySelector("body > button").click();
Pronto, já temos o código para clicar, agora precisamos criar um atalho para fazer isso automaticamente. Para isso, precisamos usar o código que detecta quando uma tecla é pressionada. No exemplo a tecla utilizada vai ser o "F2";
Abrindo o console e colando o código a seguir no console do navegador, já podemos ver que é alertado na tela quando o usuário aperta a tecla específica (F2):
window.addEventListener ('keydown', (event) => {
if(event.key == 'F2'){
// Aqui vai o código que é executado quando aperta f2
alert('você apertou a tecla f2');
}
});
Agora juntando os dois códigos, ao apertar a tecla "F2", será clicado no botão que escolhemos anteriormente.
window.addEventListener ('keydown', (event) =>{
if(event.key == 'F2'){
document.querySelector("body > button").click();
}
});
Pronto ! Já temos um atalho associado a uma função do sistema que você estiver usando.
Automatizando: Escrever frases automaticamente com um atalho.
Para criar o atalho, vamos usar como gatilho a mesma tecla do exemplo acima (F2). Para simular esse teste, criei uma segunda página com alguns campos para exemplificar.
O primeiro passo para isso é novamente identificar o "JS PATH" do elemento qual será escrito automaticamente o texto escolhido. O que é o JS PATH ? É aquele código que copiamos ao inspencionar o campo na tela:
document.querySelector("#email")
Agora basta adicionar ao final da propriedade copiada o seguinte texto:
.value = " Seu texto vai aqui ";
E assim o comando completo ficará assim:
document.querySelector("#email").value = " Seu texto vai aqui ";
Agora vamos adicionar essa linha criada no meio do código usado para associar um comando para a tecla F2.
window.addEventListener ('keydown', (event) =>{
if(event.key == 'F2'){
document.querySelector("#email").value = " Seu texto vai aqui ";
}
});
Pronto ! Agora temos um atalho para escrever um texto pré definido em um campo específico do seu sistema.
Automatizando: Gerar uma mensagens personalizada com dados carregados na tela.
Para o exemplo a seguir, vamos copiar uma informação de uma página específica e depois gerar um texto que jogue essa informação no meio de uma mensagem. Para este cenário, vamos usar a página do wikipédia do Papa Francisco:
Para dizer ao computador, qual dado queremos copiar, vamos precisar inspencionar a informação descrita na tela e descobrir o JS PATH dela:
document.querySelector("#mw-content-text > div.mw-parser-output > table.infobox.infobox_v2 > tbody > tr:nth-child(28) > td:nth-child(2)")
E depois, ao final do JS PATH que copiamos, precisamos adicionar a propriedade " .outerText; ", ficando assim:
document.querySelector("#mw-content-text > div.mw-parser-output > table.infobox.infobox_v2 > tbody > tr:nth-child(28) > td:nth-child(2)").outerText;
Declaramos uma variável para associar, o dado extraído acima, acrescentando " var nomeVariavel = " antes do JS PATH copiado, ficando assim:
var nomeVariavel = document.querySelector("#mw-content-text > div.mw-parser-output > table.infobox.infobox_v2 > tbody > tr:nth-child(28) > td:nth-child(2)").outerText;
Agora para gerar uma mensagem adicionando o dado que foi extraído da página, basta usarmos o código:
prompt("Você pode copiar o texto a seguir:", " O nome do papa é " + nomeVariavel+ " sendo mais conhecido como Papa Francisco");
Juntando os dois códigos, ele já gera uma mensagem que pode ser copiada, trazendo o dado escolhido em meio a uma frase pré definida:
var nomeVariavel = document.querySelector("#mw-content-text > div.mw-parser-output > table.infobox.infobox_v2 > tbody > tr:nth-child(28) > td:nth-child(2)").outerText;
prompt("Você pode copiar o texto a seguir:", " O nome do papa é " + nomeVariavel+ " sendo mais conhecido como Papa Francisco");
O que pode ser associado a um atalho, no exemplo ainda usando a tecla F2:
window.addEventListener ('keydown', (event) => {
if(event.key == 'F2'){
// Aqui vai o código que é executado quando aperta f2
var nomeVariavel = document.querySelector("#mw-content-text > div.mw-parser-output > table.infobox.infobox_v2 > tbody > tr:nth-child(28) > td:nth-child(2)").outerText;
prompt("Você pode copiar o texto a seguir:", " O nome do papa é " + nomeVariavel+ " sendo mais conhecido como Papa Francisco");
}
});
Todos esses códigos são perdidos caso você atualize a página ou reinicie o computador, pra burlar isso, podemos usar uma extensão que vai aplicar nossos códigos automaticamente ao carregar a página:
Instalando a extensão, criamos um novo "script" para ficar salvo na página e executar automaticamente ao acessar ela.
Os códigos acima funcionam para sistemas web, mas também é possivel fazer o mesmo para programas desktop ou aplicativos, porém é necessário programas específicos.
A partir desses passos, é possível automatizar muito mais do que é mostrado neste artigo. Tendo conhecimento desse processo, basta aplicar ao seu contexto de trabalho, podendo criar varios atalhos diferentes para cada função que você precisa.
"Deem graças em todas as circunstâncias, pois esta é a vontade de Deus para vocês em Cristo Jesus". 1 Tessalonicenses 5:18
Texto original:
https://www.linkedin.com/pulse/como-automatizar-tarefas-repetitivas-seu-trabalho-mateus-schverz/