Cifrado César : programa en accion

Preámbulo💙😉

Está próxima la fecha del cumpleaños de tu amiga Alexandra y estás organizando una fiesta sorpresa. Para organizar la fiesta has creado un grupo de Whatsapp junto con amigos y familiares.

Un gran problema es que llegan mensajes del chata del grupo ,pero "de casualidad",alexandra reviso tus mensajes. Debido a que es algo sorpresa, decides crear una aplicación que te permita enviar mensajes cifrados y que las demás personas (partícipes de la fiesta) puedan tener una interfaz para descifrarlo. Así que ahora te toca aplicar tus superpoderes 😎

Introducción💙😉

El cifrado César es uno de los primeros métodos de cifrado conocidos históricamente. Es un tipo de cifrado por sustitución en el que una letra en el texto original es reemplazada por otra letra que se encuentra un número fijo de posiciones más adelante en el alfabeto.

El emperador Julio César lo usaba para enviar órdenes a sus generales en los campos de batalla, es una de las técnicas más simples y más usadas para cifrar un mensaje.

Por ejemplo si usáramos un desplazamiento de 3:

• Alfabeto sin 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 cifrado: 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

Actualmente todos los cifrados de sustitución alfabética simple, se descifran con facilidad y en la práctica no ofrece mucha seguridad en la comunicación, pero el cifrado César muchas veces puede formar parte de sistemas más complejos de codificación, como el cifrado Vigenère, e incluso tiene aplicación en el sistema ROT13.

Programas Usados:💙😉

• javascript
• css
• html

Consideraciones generales💙😉

Este proyecto esta en desarolllo ,asi que no funciona con minusculas.

Definición del producto💙😉

• quiénes son los principales usuarios de producto = > los amigos,familiares que estan en el grupo de whatsapp y la gente que necesite mandar mensajes privados.
• cuáles son los objetivos de estos usuarios en relación con el producto => lograr cifrar, decifrar los mensajes y entender rapidamente la interfaz de la pagina.
• cómo crees que el producto que estás creando les está resolviendo sus problemas => considero que el problema esta siendo resuelto de forma eficiente,debido a que simplifica el proceso de codificacion de texto .

Pasos para usar el programa💙😉

1. PRIMER PASO:insertar un mensaje (texto,palabra) que queremos cifrar

2. SEGUNDO PASO :elegir un numero que funcionara como key , puedes escribirlo o seleccionarlo e indicara cuántas posiciones queremos que el cifrado desplace cada caracter.

3. TERCER PASO: presionar el boton click .

4. ya esta tu mensaje cifrado en el otro cuadro de texto :) Ahora a ver el resultado del mensaje cifrado!! 5.QUINTO PASO: insertar un mensaje (texto,palabra) que queremos descifrar

6.SEXTO PASO: elegir un numero que funcionara como key , puedes escribirlo o seleccionarlo e indicara cuántas posiciones queremos que se desplace cada caracter en el descifrado. 7. SETIMO PASO: presionar el boton click . 8. OCTAVO PASO: ya esta tu mensaje cifrado en el otro cuadro de texto :)

Diseño💙😉

                                               -cambios

Se mantuvieron los emojis :)
Se agrego la funcion de descifrado
Los botones de ubicaron de forma vertical ,dejando de lado la anterior ubicacion horizontal
Se eligio un degradado manteniendo esa caracteristica de la version anterior ,pero cambiando los colores y tonos elegidos Se eligieron nuevas imagenes sin fondo Ademas de un titulo (h1) dinamico

                                                - Antes

                                                 - Ahora