Somos dos estudiantes del Bootcamp de Laboratoria generación 018 de Chile. Este es nuestro primer proyecto y consiste en la realización de una página web que cifre y descifre un mensaje, utilizando el método de cifrado Cesar. El cifrado césar o cifrado por desplazamiento es una de las técnicas más simples para cifrar un mensaje, funciona por medio de sustitución, es decir que cada letra del texto original es reemplazada por otra que se encuentra un número fijo de posiciones (desplazamiento) más adelante en el mismo alfabeto.
Hoy en día en el servicio de salud en Chile existe una deficiente seguridad y confidencialidad de los diágnosticos médicos, ya que a éstos tienen fácil acceso cualquier personal del área de la salud. Esta página Web está diseñada para un público adulto, profesionales del área de la salud y/o pacientes que necesiten enviar y/o recibir el informe médico con el diágnostico de su enfermedad. El objetivo de esta página es cifrar y descifrar estos diágnosticos médicos para así mantener la privacidad de estos, es por ello que su nombre es DICODE, por sus siglas en inglés.
Para este proceso, iniciamos con el diseño de un prototipo de cómo se vería la página, los colores a utilizar, el tipo de letra y el logotipo (DICODE), cuidando siempre la formalidad de nuestro diseño, para ello se visitaron varias páginas Web de centros de salud para visualizar patrones de colores y la tipografía, utilizando HTML semántico, CSS y JavaScript para el dinamismo y funcionalidad de la página.
A continuación, se mostrará el diseño inicial que tuvo esta página Web, el cual fue variando gracias a los feedback obtenidos de las coaches y compañeras del Bootcamp. Para realizar el primer diseño se utilizó la plataforma draw.io y las modificaciones se llevaron a cabo en lápiz y papel.
Al comienzo, se pensó en que la págna web tendría 3 páginas en total, una principal y dos extras que cifraban y descifraban el mensaje.
- Diseño Inicial Página 1
- Diseño Inicial Página 2
- Diseño Inicial Página 3
- Diseño Inicial en papel y lápiz
Posteriormente, se eliminaron dos páginas, quedando solo una principal que cifra y descifra los mensajes.
El logotipo también se modifico de su prototipo inicial, aquí están sus cambios.
A continuación, se mostrará el HTML semántico realizado por nosotras.
A continuación, se mostrará el CSS realizado por nosotras.
A continuación, se mostrará el JavaScript realizado por nosotras.