Giter Club home page Giter Club logo

cdmx009-cipher's Introduction

SafeWord

SafeWord es una aplicación que facilita la identificación de las personas que participan en un encuentro personal por medio de la generación de palabras seguras que se intecambian al momento del encuentro.

Investigación UX:

  1. La aplicación está dirigida a personas que ofrecen/reciben productos y servicios, como transporte particular, mensajería y paquetería, servicios de mantenimiento a domicilio, etc. También para usuarios de plataformas de encuentros con fines reacreativos y sociales. El objetivo de SafeWord es proporcionar un sistema de seguridad, por medio del cual, se pueda verificar la identidad de las personas en ambos sentidos.

  2. La preocupación de los prestadores de servicios por resguardar la seguridad de los usuarios va en incremento, SafeWord surge como una propuesta que responde a las siguientes necesidades básicas:

a) Es amigable y fácil de usar, teniendo incluso un sentido lúdico.
b) Es una forma sencilla de aumentar la seguridad en sus actividades cotidianas.  
c) Genera un sentimiento de confianza y fiabilidad.

  1. Con el feedback de posibles usuarios se realizó una optimización del prototipo, disminuyendo el número de pantallas a utilizar, esto se logró al unificar en una pantalla las opciones cifrar/descifrar (indicadas al usuario como "Crear palabra segura" o "Leer palabra segura"). También se sintetizó la sección de "Cómo funciona" y "Tips de seguridad" para que fuera más accseible y sencilla de leer. Se cambió el color de fondo, aumentando así la sensación de orden y limpieza en la aplicación.

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

[x] Diseñar la aplicación pensando y entendiendo al usuario. [x] Crear prototipos para obtener feedback e iterar. [x] Aplicar los principios de diseño visual (contraste, alineación, jerarquía).

HTML y CSS

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

DOM

[ ] Uso de selectores del DOM. [x] Manejo de eventos del DOM. [x] Manipulación dinámica del DOM.

Javascript

[x] Manipulación de strings. [ ] Uso de condicionales (if-else | switch). [ ] Uso de bucles (for | do-while). [x] Uso de funciones (parámetros | argumentos | valor de retorno). [ ] Declaración correcta de variables (const & let).

Testing

[ ] Testeo de tus funciones.

Git y GitHub

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

Buenas prácticas de desarrollo

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

cdmx009-cipher's People

Contributors

etnasi avatar lupomontero 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.