Para realizar el proyecto primero se hizo una planificacion, donde se definieron ocho tareas generales que se deberian realizar, luego se dividio el proyecto en dos sprint. Se uso papelotes y tambien use trello.
Para el primer sprint primero opte por realizar: la estructura html basica que deberia tener el proyecto, la funcion del cifrado, la funcion de descifrado y desplegar en gh-pages para obtener el link del proyecto.
Para poder cifrar y descifrar estudie la forma en que trabaja el modelo del cifrado Cesar luego se obtuvo las formulas para ambas funciones para que funcione el proyecto.
Para el segundo sprint opte por las tareas de estilos, testing, validar los campos y redactar el README. En esta parte del proyecto si bien lo primero que se hizo fue el testing, este se completo en dos dias aproximadamente, donde se obtuvieron buenos resultados.
Luego empeze con estilos los que darian vida visualmente al proyecto en esta parte se complico un poco debido a que se tenia que pensar en como el usuario lo tenia usar y si solucionaban su problema, primero se redujo algunos componentes de las interfaz, por ejemplo antes se mostraba en otro textarea el resultado, luego en una etiqueta parrafo, finalmente se concluyo que se debia mostrar en la misma caja de texto donde se ingreso el mensaje, quedando de la siguiente manera.
Como vemos en la tercera imagen ya solamente vemos un solo boton que es el de Cifrar pues esto se hizo pensando en el usuario, sabiendo que lo podria confundir sobre que tenia que hacer, llegando a la conclusion de que primero teniamos que consultarle que queria hacer para que luego al ingresar al formulario donde se cifra o se discifra solo tenga la opcion que desea realizar, quedando estos formularios asi,
Finalmente se hizo pruebas con mis familiares y con Dani a los cuales les gusto el producto y ellos aportaron sobre que se podria añadir, es ahi que se puso un mini tutorial en el formulario de preguntas.
https://bellaaguirre.github.io/lim-2018-05-bc-core-am-cipher/src
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent