🔒 Security Cipher 🔑

A aplicação web desenvolvida para criptografar / descriptografar mensagem.

📂 Para abrir clique aqui

📖 Índice

• 🔒 Security Cipher 🔑
  • 📖 Índice
  • 📝 Prefácio
  • 💻 Projeto
    • Interface do usuário (UI)
      • Criptografar:
      • Descriptografar:
    • 💡 Layout
  • ⚙️ Tecnologias

📝 Prefácio

Cifrar significa codificar. A cifra de César é um dos primeiros tipos de criptografias conhecidas na história. O imperador romano Júlio César utilizava essa cifra para enviar ordens secretas aos seus generais no campo de batalha.

A cifra de César é uma das técnicas mais simples de cifrar uma mensagem. É um tipo de cifra por substituição, em que cada letra do texto original é substituída por outra que se encontra há um número fixo de posições (deslocamento) mais a frente do mesmo alfabeto.

Por exemplo se usarmos o deslocamento (offset) de 3 posições:

• Alfabeto sem cifrar: A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
• Alfabeto com cifra: D E F G H I J K L M N O P Q R S T U V W X Y Z A B C
• A letra A será D
• A palavra ABACATE será DEDFDWH

Atualmente todas as cifras de substituição alfabética simples, são decifradas com facilidade e não oferecem muita segurança na comunicação por si mesma, mas a cifra de César muitas vezes pode fazer parte de um sistema mais complexo de criptografia, como a cifra de Vigenère, e tem aplicação no sistema ROT13.

💻 Projeto

O Security Cipher foi desenvolvido para atender o público que necessita de segurança e privacidade. Através da aplicação web é possível escrever mensagens e criptografar transformando de forma secreta e segura. A mensagem é protegida por meio de criptografia pode ser lida somente com a chave correta (deslocamento da letra).

Interface do usuário (UI)

A interface permite ao usuário:

Criptografar:

• Digitar uma mensagem (texto) para ser cifrada.
• Eleger um offset indicando quantas posições de deslocamento de caracteres quer que a cifra utilize.
• Clicar no botão Cifrar.
• Ver o resultado da mensagem cifrada

Descriptografar:

• Digitar uma mensagem (texto) para ser decifrada.
• Inserir o mesmo offset ultilizado na criptografia indicando quantas posições de deslocamento de caracteres para decifrar.
• Clicar no botão Decifrar.
• Ver o resultado da mensagem decifrada.

💡 Layout

As cores definadas foram o azul e branco. O azul transmite a ideia de calma, serenidade e tranquilidade. Por esse motivo, costuma ser comum o seu uso para representar profissionalismo, estabilidade e segurança.

O protótipo foi criado no mockflow. O primeiro protótipo foi apenas desenhado as caixas de texto e os botões. Após escolher as cores do site foi realizado o layout abaixo e logotipo.

⚙️ Tecnologias

Para desenvolvimento do projeto foram utilizados:

• HTML

• CSS

• JavaScript

• Node.js