- 1. Preámbulo
- 2. Resumen del proyecto
- 3. Diseño de experiencia de usuaruario
- 4. Objetivos de aprendizaje
- 5. Criterios de aceptación mínimos del proyecto
El [algoritmo de Luhn], también llamado algoritmo de módulo 10, es un método de suma de verificación, se utiliza para validar números de identificación; tales como el IMEI de los celulares, tarjetas de crédito, etc.
Este algoritmo es consta en obtener la reversa del número a verificar (que solamente contiene dígitos [0-9]); a todos los números que ocupan una posición par se les debe multiplicar por dos, si este número es mayor o igual a 10, debemos sumar los dígitos del resultado; el número a verificar será válido si la suma de sus dígitos finales es un múltiplo de 10.
CLAVE'L - Porque todas lo valemos.
CLAVE'L es una tienda online de productos de belleza, un sitio web diseñado especialmente para vender productos u ofrecer servicios mediante el comercio electrónico. Uno de sus principales beneficios es que este espacio de Internet permite a los vendedores exhibir su mercadería durante las 24 horas del día, los 7 días de la semana y desde cualquier lugar. Esta aplicación web permite que lxs usuarixs puedan tener una experiencia más fácil y sencilla para adquirir este tipo de servicio de acuerdo a su necesidad. Esta web se enfocó en la validación de una tarjeta de crédito para realizar el pago electrónico del servicio seleccionado utilizando el algoritmo de Luhn y la implementación de otra funcionalidad permite ocultar todos los digitos de la tarjeta ingresada menos los últimos cuatro para mayor seguridad. Para esto, se utilizó HTML, CSS y JavaScript como herramientas.
- Quiénes son los principales usuarios de producto.
Todas las personas mayores de 18 años o adolescentes con el permiso de sus padres, que deseen sentirse y verse mejor cuidando su piel, su cabello, etc. u obsequiando a otra persona por amor o por necesidad.
- Cuáles son los objetivos de estos usuarios en relación con tu producto.
Lograr una compra y un envio seguro con los productos que más deseen.
-
Cómo crees que el producto que estás creando está resolviendo sus problemas.
La aplicación web presentada permite al usuario realizar un pago electrónico seguro mediante la validación de su tarjeta de crédito mientras navega por una interfaz amigable para adquirir un producto.
** Prototipo en Figma
- FeedBack 2
Se identificó: - Que se debía de mejorar las vistas de método de pago separándolas de la vista de direccion de envío.
- Cambiar el tipo de fuente.
** Prototipo mejorado
- FeedBack 3
Se identificó: - Vistas buenas, claras y accesibles.
PRUEBAS UNITARIAS
- Uso de HTML semántico
-
Uso de selectores de CSS
-
Modelo de caja (box model): borde, margen, padding
-
Uso de selectores del DOM
-
Manejo de eventos del DOM (listeners, propagación, delegación)
-
Manipulación dinámica del DOM
-
Tipos de datos primitivos
-
Strings (cadenas de caracteres)
-
Variables (declaración, asignación, ámbito)
-
Uso de condicionales (if-else, switch, operador ternario, lógica booleana)
-
Uso de bucles/ciclos (while, for, for..of)
-
Funciones (params, args, return)
-
Pruebas unitarias (unit tests)
-
Módulos de ECMAScript (ES Modules)
-
Uso de linter (ESLINT)
-
Uso de identificadores descriptivos (Nomenclatura y Semántica)
-
Git: Instalación y configuración
-
Git: Control de versiones con git (init, clone, add, commit, status, push, pull, remote)
-
GitHub: Creación de cuenta y repos, configuración de llaves SSH
-
GitHub: Despliegue con GitHub Pages
-
Diseñar la aplicación pensando en y entendiendo al usuario
-
Crear prototipos para obtener feedback e iterar
-
Aplicar los principios de diseño visual (contraste, alineación, jerarquía)
- Usa solo caracteres numéricos (dígitos) en la tarjeta a validar [0-9].
- Ver el resultado si es válido o no.
- Ocultar todos los dígitos de su número de tarjeta menos los últimos 4 caracteres.
- No debe poder ingresar un campo vacío.