- Diary control é um projeto que visa aumentar a minha experiência com programação e tecnologia, além de resolver um problema presente no meu trabalho atual.
- Para acessar o site use o link: https://joseerivan.github.io/Daily-Control-Page/
- Para iniciar o meu projeto, precisei primeiro ir a fundo no problema que quero resolver, para isso defini cada ponto que precisa de uma funcionalidade específica para ser resolvido.
- Utilizei o MindMeister para criar um mapa mental que me ajuda a ver o problema como um todo e não em partes diferentes. Segue o esquema do mapa:
- Com o problema muito bem definido, o próximo passo foi utilizar a ferramente Figma para definir o frontend do meu projeto. As cores utilizadas foram baseadas na identidade visual do meu trabalho, logo traz uma harmonia e uma padronização dos visuais das ferramentas utilizadas. Outro ponto foi o foco na simplicidade, o que faz o sistema mais intuitivo para que qualquer usuário passa utilizar sem problemas.
- Agora vemos o esquema do frontend:
- Por fim, depois de todo o projeto muito bem definido, foi o momento de utilizar da programação e tecnologia para a implementação do sistema. Utilizei HTML, CSS e JS, para ser o mais simples possível. O sistema desenvolvido, foi fiel ao esquema definido no Figma e suas funcionalidades atenderam ao mapa mental. Segue o esquema de como a página web ficou após seu desenvolvimento:
- Uma das maiores dificuldades que quero destacar, é a implementação da função de editar os registros, essa funcionalidade é mais complexa de se desenvolver por conta da escolha de se utilizar o localstorage do navegador. Essa escolha foi baseada no princípio da simplicidade do meu sistema, que foi no início um requisito definido.
- Agora temos que gerar o PDF que traz todos os registros que foram colocados no sistema durante o dia. Para isso utilizei dois pacotes, jsPDF e jsPDF.autoTable. Esses dois pacotes possibilitaram que os dados que estavam salvos no meu localstorage fossem utilizados para a criação da tabela e adição dessa tabela em um PDF. Logo após temos o download desse arquivo completo e preenchido como no exemplo:
- Por fim, temos o projeto completo.
- A criação desse sistema surgiu com uma demanda do mundo real para um problema que eu como funcionário vinha enfrentando. Esse problema foi repartido em vários problemas menores, o que facilitou no processo de resolução. Todo o sistema foi projetado e desenvolvido por uma única pessoa e o seu foco foi na simplicidade.
- Agradeço a cada um que utilizar o sistema!