Es una aplicación desarrolada con el objeto de brindar al usuario el resguardo de información a través de un cifrado de letras y numeros; en el caso de realizar Censos y/o actualizalización de datos.
Se elaboró con Figma el siguiente prototipo
El proyecto "Cifrado de datos", va dirigido a cualquier organización que requiera realizar un censo o actualizar la data de sus clientes; blindando la información recibida.
"Cifrado de datos" es una aplicación web en la que el usuario escoge un desplazamiento del 1 al 9, en donde cada letra del texto original es reemplazada por otra que se encuentra un número fijo de posiciones (desplazamiento) más adelante en el mismo alfabeto. Uno de los grandes miedos de la población es el manejo de la información que suministran, por lo que el proyecto "Cifrado de datos" le permite a sus usuarios tener la tranquilidad de que la información que han dado, se verán reflejados pero de forma encriptada.
Para el proyecto se realizo un primer protipo en papel, en el que le realizaron los siguientes cambios según feedback recibido:
-
Se le cambio el nombre al botón de la primera vista, ya que el término (Offset) era poco entendible, por lo que se paso de Offset a Ingrese el dígito. Asi misimo, se realizó un cambio en el mensaje solicitandole un dígito del 1 al 9 para crear una clave de cifrado.
-
A la segunda vista se le colocó un formulario para recibir la información del usuario. Por otro lado se le cambio el nombre al botón para generar más confianza con el usuario; se pasó de "Enviar" a "Encriptar".
-
A la tercera vista se le colocó un formulario para recibir la información del usuario. Por otro lado se le cambio el nombre al botón para generar más confianza con el usuario; se pasó de "Continuar" a "Desencriptar".
A continuación te presentamos los objetivos de aprendizaje de este proyecto. Reflexiona y luego marca los objetivos que has llegado a entender y aplicar en tu proyecto.
- Diseñar la aplicación pensando y entendiendo al usuario.
- Crear prototipos para obtener feedback e iterar.
- Aplicar los principios de diseño visual (contraste, alineación, jerarquía).
- Uso correcto de HTML semántico.
- Uso de selectores de CSS.
- Construir tu aplicación respetando el diseño realizado (maquetación).
- Uso de selectores del DOM.
- Manejo de eventos del DOM.
- Manipulación dinámica del DOM.
- Manipulación de strings.
- Uso de condicionales (if-else | switch).
- Uso de bucles (for | do-while).
- Uso de funciones (parámetros | argumentos | valor de retorno).
- Declaración correcta de variables (const & let).
- Testeo de tus funciones.
- Comandos de git (add | commit | pull | status | push).
- Manejo de repositorios de GitHub (clone | fork | gh-pages).
- Uso de identificadores descriptivos (Nomenclatura | Semántica).
- Uso de linter para seguir buenas prácticas (ESLINT).