/BOG002-cipher

Primer Proyecto del bootcamp frontend de Laboratoria. Esta aplicación web permite encriptar y desencriptar mensajes usando un sistema de cifrado por desplazamiento simple (similar al cifrado César)

Primary LanguageJavaScript

En Clave

Desarrollado por Susan Saenz y Diana Sandoval

Descripción

En este proyecto presentamos una aplicación web que hace uso del Cifrado Cesar para encriptar y decriptar mensajes en la que el usuario puede elegir el desplazamiento para cifrar y para descifrar, aportando seguridad adicional.

Instrucciones de uso

Versión web

Para utilizar esta aplicación web puedes acceder haciendo click aquí.

Usar

Una vez el usario haya ingresado al sitio web, visualiza que hay tres campos para diligenciar. En el primer campo llamado offset, es donde el usuario ingresará un número que corresponde a la cantidad de letras que quiera que se desplacen las letras de su mensaje original para poder cifrarlo.

Definido el offset a usar, el usuario podra ingresar el mensaje a encriptar en el cuadro de texto ubicado al lado izquierdo de la pantalla, a continuación da click en el botón cifrar y su mensaje encriptado aparecera en el recuadro derecho.

Para descifrar el mensaje se debe ingresar el mismo offset con el que fue codificado. Seguidamente se debe ingresar el mensaje a descifrar en el recuadro derecho, se da click en el botón descifrar y el texto desencriptado aparecerá al lado izquierdo de la pantalla.

Funcionalidad

La aplicación permite encriptar o decriptar mensajes, remplazando las letras del alfabeto internacional por su correspondiente en el alfabeto cifrado o viceversa. Los caracteres como letras con acentos (á, ä) o de alfabetos diferentes al ingles (ñ), números y simbolos no se encriptan sino que se conservan tal cual en su misma posición. Se puede usar cualquier número para el desplazamiento.

Decisiones de diseño

Perfil del Usuario

La aplicación está orientada a ser usada por activistas y organizaciones de derechos humanos que se encuentren trabajando en zonas de conflicto, por lo tanto su principal preocupación es la seguridad, necesitan cubrir información sensible para evitar que esta sea vista por personas no autorizadas y de este modo comunicarse de manera efectiva con sus equipos y a la vez preservar su integridad.

Interfaz

La interfaz consta de una sola pantalla en la que se encuentra el encabezado, el espacio del offset que admite cualquier número y 2 secciones cada una con un cuadro de texto y un botón, simulando la interfaz del traductor, el lado izquierdo corresponde al texto decodificado, teniendo sobre él un botón para codificar y el lado derecho al texto codificado con su respectivo botón para decodificar.

Al codificar el texto, el nuevo mensaje aparece en el cuadro de texto de la derecha y al codificarlo aparece en el cuadro de texto de la izquierda, permitiendo pasar facilmente entre una acción y la otra.

El tener las 2 pantallas permite manipular con mayor facilidad textos largos, minimizando la cantidad de mensajes necesarios para comunicarse de manera efectiva sin comprometer la facilidad del manejo para el usuario.

La paleta de colores elegida tiene el azul como color principal, asociado al entendimiento y a la seguridad.

Los campos de texto simulan notas escritas a mano, por lo que se les colocó un color amarillo que asemeja el papel antiguo y tipografía manuscrita.