/SAP005-cipher

Primary LanguageJavaScript

Cripto Holmes

Desenvolvido para detetives!

Índice

  • [1. Introdução
  • [2. Como Utilizar
  • [3. Tema
  • [4. Público Alvo
  • [5. Processo Criativo
  • [6. Desenvolvimento

🚀1. Introdução

O objetivo deste projeto era criar uma aplicação que fizesse duas funções uma para criptografar e outra de descriptografar uma palavra ou mensagem, utilizando a Cifra de Cesar. Saiba mais sobre Cifra de César

:octocat:2. O Projeto

Ficou curioso?:open_file_folder: Clique aqui e acesse a aplicação

Criptografar:

  • Digite uma palavra ou texto;
  • Em offset escolha a posição da sua chave
  • Clique em Criptografar
  • E veja sua mensagem criptografada!
  • Clique em limpar para inserir novas palavras ou frases

Descriptografar:

  • Digite o código recebido ou o resultado da sua criptografia
  • Insira a mesma numeração de Offset utilizada na Criptografia
  • Clique em descriptografar e veja a misterio ser revelado!
  • Clique em limpar para descriptografar novas frases ou palavras

3.:mag: Tema

Foi escolhido pensando no sucesso que tem sido os filmes e séries do Sherlock Holmes e a grande estréia de 2020 Enola Holmes, e sabendo que a criptografia tem tudo a ver com cartas secretas e mistérios a serem desvendados.

🎯 Público Alvo

O público Infanto-Juveniel é o público alvo deste projeto, como forma de incentivo a leitura e desenvolvimento da criatividade e imaginação através de brincadeiras de de investigação e curiosidades sobre os mistérios e casos resolvidos neste universo, que diga-se de passagem são muitos 😉 A aplicação também pode ser utilizada nas escolas 📚 durante aulas de história e matemática para contar como a Cifra de César foi importante para o Julio César e como a matemática tem um grande papel por tras destas trocas de mensagens criptografadas, e ainda como um incentivo ao estudo de tecnologias já que ainda hoje usamos variações da cifra de César ou até a própria para criar aplicações seguras ao usuário.

💡 Processo Criativo

Desenhei meu layout em folha de sulfite pois ainda não tenho muito conhecimento em ferramentas próprias para isso. Pensei em algo alegre e que ao mesmo tempo remetesse ao mundo Holmes e por isso utilizei elementos do filme Enola Holmes para tal. Como é voltado para o público infanto-juvenil usei cores fortes para prender a atenção deles, fiz formulários grandes para facilitar a leitura, e inclui um link para a revista superinterresante onde lá tem algumas matérias e curiosidades sobre o universo Holmes.

💻 Desenvolvimento

Fiz meu planejamento pela ferramenta Trello, e literalmente fiz pequanas etapas diárias até atingir o resultado que eu gostaria de entregar.

  • Iniciei fazendo o HTML e criando todos meus formulários e links
  • Passei para o CSS para estruturar e dar forma para meu projeto, pois sou muito visual e assim facilitaria meu entendimento
  • Depois criei as funções DOM para teste, com simples frases só para testar a interação HTML / JS
  • Durante a primeira sprint foquei em deixar o projeto "OK" para na segunda sprint focar na lógica
  • Estudei sobre a cifra, sobre as ferramentas de repetição JS, iniciando assim o desenvolvimento da minha lógica
  • Estruturei a lógica no repl.it e quando funcionou lá passei para o VS Code