Skip to content

Latest commit

 

History

History
92 lines (68 loc) · 3.77 KB

File metadata and controls

92 lines (68 loc) · 3.77 KB

CODIFICACIÓN SEGURA

Índice


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 :)