CODIFICACIÓN SEGURA

Índice

• 1.Objetivo del proyecto
• 2.Imagen final del proyecto
• 3.Investigación UX
• I.Usuarios y objetivos
• II.Problema a solucionar
• III.Prototipo en papel
• IV.Feedback
• V.Prototipo final
• 4.Objetivos de aprendizaje

---

1.Objetivo del proyecto

Consiste en la codificación y decodificación a través de cifrado César para la generación de mensajes a través de un número (el cual será la cantidad de desplazamiento) y el texto original.

2.Imagen final del proyecto

• Prototipo final

3.Investigación UX

I.Usuarios y objetivos

Está enfocada a usuarios jóvenes entre 17 a 29 años de edad, que cuenten con redes sociales. Aplicada al uso en mensajerías instantáneas para envio de mensajes sencillos como solución a la seguridad en su comunicación con contactos donde se proporcione información sensible o datos privados, los cuales solo puedan ser descifrados con esta app.

II.Problema a solucionar

Envio de mensajes ocultos a cualquier persona por medio de una plataforma de mensajería instantánea, con la finalidad de obtener mauyor seguridad al momento de tratar temas sensibles o información privada.

III.Prototipo en papel

Realicé un prototipo por Balsamiq, el cual fui modificando y traspacé a figma hasta llegar a mi proyecto final.

IV.Feedback

1. El uso excesivo de formularios puede hacer que la plataforma se vuelva confusa o aburrida
2. Escala de colores con tonalidades tenues y serios
3. (Bliss) Darle usabilidad a todas las pantallas para que de un inicio y fin

V. Prototipo final

Producto

4.Objetivos de aprendizaje

El objetivo principal de aprendizaje es adquirir experiencia desarrollando aplicaciones web (WebApp) que interactúen con el usuario a través del navegador y la lógica, utilizando HTML5, CCS3 y JavaScript como herramientas.

Reflexiona y luego marca los objetivos que has llegado a entender y aplicar en tu proyecto.

UX

• 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).

HTML y CSS

• Uso correcto de HTML semántico.
• Uso de selectores de CSS.
• Construir tu aplicación respetando el diseño realizado (maquetación).

DOM

• Uso de selectores del DOM.
• Manejo de eventos del DOM.
• Manipulación dinámica del DOM.

Javascript

• 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).

Testing

• Testeo de tus funciones.

Git y GitHub

• Comandos de git (add | commit | pull | status | push).
• Manejo de repositorios de GitHub (clone | fork | gh-pages).

Buenas prácticas de desarrollo

• Uso de identificadores descriptivos (Nomenclatura | Semántica).
• Uso de linter para seguir buenas prácticas (ESLINT).

Andrea Aguilar Franco. Cifrado César :)