Git Product home page Git Product logo

mex-008-cipher's Introduction

MaskedPass

Hoy en día tenemos la posibilidad de acceder a una gran cantidad de servicios en línea, lo cual nos facilita enormemente muchas cosas en nuestra vida; pero al mismo tiempo, esto nos obliga a tener una gran cantidad de cuentas (cuentas de mail, de banca en línea, redes sociales, etcétera...). Cada vez que nos registramos en una web o creamos una cuenta debemos pensar en una contraseña segura y uno de los graves problemas de seguridad es que tendemos a repetir contraseñas debido a la dificultad de memorizar una gran cantidad de estas, lo cual pone en riesgo nuestra seguridad, lo cual, según el INEGI, es uno de los mayores problemas de los usuarios de internet en nuestro país.

La demo esta disponible en el siguiente enlace de Github Pages: (https://marielatorresb.github.io/MEX-008-Cipher/src)

Proceso

Al momento de pensar para que una persona necesitaría cifrar información, se tomaron en cuenta varias ideas: una aplicación para niños que se pasen respuestas en los exámenes, envío de datos bancarios, revelación de la ubicación de una fiesta rave, cifrar nombres de personas para una aplicación de Santa Secreto. Al final me decidí por un codificador y decodificador de contraseñas, ya que es una necesidad en estos tiempos.

Usuarios

Los usuarios tienen estas caracterísiticas, principalmente:

  • Son hombres y mujeres de entre 18 y 44 años de edad, que comprenden aproximadamente el 54% de usuarios de internet en México (según cifras del INEGI, 2018)
  • Principalmente habitantes de zonas urbanas.
  • Personas que gestionan una gran cantidad de cuentas (de correo, de tiendas en línea, de banca en línea, de streaming, etcétera).
  • Personas que realizan movimientos de dinero en línea (compras, transferencias, ventas)
  • Usuarios preocupados por la seguridad de sus datos.

Este producto les es de utilidad, ya que pueden generar muchas contraseñas sin necesidad de memorizarlas, simplemente las codifican y la almacenan como prefieran (las pueden envian por correo, por mensaje,en la nube, pueden apuntarlas en una nota en su celular o inclusive en papel, sin preocuparse de que terceros puedan tener acceso a esta información). En el momento que la necesiten pueden decodificarla

Interfaz

La interfaz de usuario debe ser lo más simple posible. Ya que es una aplicación para hombres y mujeres, los colores deben ser neutros. Se usarán 3 pantallas simples, priorizando facilidad de uso y rapidez, haciendo que el uso de la aplicación no consuma demasiado tiempo. La idea es que sea una interfaz con colores neutros.

  1. Pantalla principal
  • Campo para introducir la contraseña a cifrar/descifrar
  • Campo para introducir la clave (el offset)
  • Botón para leer las instrucciones
  • Botón para cifrar
  • Botón para descifrar
  1. Pantalla de resultados
  • Campos con la contraseña cifrada y la clave.En caso de que se esté descifrando, sólo el campo con la contraseña descifrada.
  • Boton para volver al inicio
  1. Pantalla de Instrucciones
  • Intrucciones.
  • Botón para volver al inicio

mex-008-cipher's People

Contributors

marielatorresb avatar shirley-startary avatar diegovelezg avatar lupomontero avatar ruthsalvador avatar gaposx avatar developervilchez avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.