SOSCE

TABLA DE CONTENIDO

1. Nombre del Producto

SosCe es un página web que registra denuncias por violencia sufrida o presenciada.

2. Definición del Producto

• En sosce, las denuncias puede ser de forma anónima o con registro de datos. También se puede pedir socorro o auxilio.
• Si la denuncia es anónima entoncés cifrará la descripción del caso en sí( descripción de la denuncia), en cambio si es una denuncia con registro de datos; cifrara y descifrará los datos sensibles como es el nombre, apellidos, dni, correo electrónico, teléfono, dirección y el caso.

2.1 ¿Quiénes son los principales usuarios de producto?

Las personas (niños, adolescentes, jóvenes, adultos y adultos mayores) que realizan la denuncia por violencia.

2.2 ¿Cuáles son los objetivos de estos usuarios en relación con tu producto?

• Registrar la denuncia para cualquier tipo de violencia.
• Proteger su identidad, datos y descripción de la denuncia o caso.
• Pedir ayuda o socorro.

2.3 ¿Cómo crees que el producto que estás creando está resolviendo sus problemas?

• Da opciones(anónima, con datos, pedida SOS) para poder registrar su denuncia.
• Protege los datos sensibles mediante la encriptación y desencriptación.
• Protegiendo al denunciante o víctima que presencia o sufre la violencia.

[link] Definición del producto e Historias de usuario

3. Organización del Proyecto

Para organizar el proyecto se aplico la metodología ágil SCRUM, la cual se realizo en JIRA. Se dividió en epicas y versiones. Se creo el product baklog, las historias de usuario, las subtareas de las HU y tareas. Seguidamente, se crearón los sprints.

[link] SCRUM con JIRA

4. Experiencia de Usuario

4.1 Prototipo

El prototipo se realizó en Figma.

4.1.1 Prototipo inicial

[link] Prototipo en figma

4.2 Diseño final

[link] Denuncia con datos

5. Objetivos de Aprendizaje

• HTML

  • Uso de HTML semántico

• CSS

  • Uso de selectores de CSS
  • Modelo de caja (box model): borde, margen, padding

• Web APIs

  • Uso de selectores del DOM
  • Manejo de eventos del DOM
  • Manipulación dinámica del DOM

• JavaScript

  • Tipos de datos primitivos
  • Manipulación de Strings
  • Variables (declaración, asignación, ámbito)
  • Uso de condicionales (if-else)
  • Uso de bucles/ciclos (for)
  • Funciones (params, args, return)
  • Pruebas unitarias (unit tests)
  • Módulos de ECMAScript (import & export)
  • Uso de linter (ESLINT)
  • Uso de identificadores descriptivos (Nomenclatura y Semántica)

• Control de Versiones (Git y GitHub)

  • 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

• UX (User eXperience)

  • 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)

6. Características del Proyecto

6.1 Características

• Cifra y descifra letras en mayúsculas o minúsculas
• Cifra y descifra números.
• Cifra con offset positivo y negativo.
• Con caracteres especiales y espacios retorna el mismo valor.

6.2 Funcionalidad

• Al iniciar la página se puede elegir como se desea realizar la denuncia(anónima o con registro de datos).

• Cuando damos click en Con datos, se muestra una interfaz donde existe un boton de instrucciones que se despliega al dar click.

• Sección que permite escribir el offset o desplazamiento a usar en el cifrado/descifrado denominado Desplazamiento.

• Un formulario donde se registrarán los datos sensibles como el nombre, apellidos paterno y materno, dni, telefono, correo electrónico y dirección.

• Al click en los botones para cifrar y descifrar se mostrara el resultado en la mismo formulario.

7. Criterios de Aceptación Mínimos del Proyecto

• Usa este alfabeto simple (solamente mayúsculas y sin ñ), basado en el cifrado César, en el cual se sustituye una letra por otra que se encuentre cierto número de posiciones adelante o atrás, dentro del abecedario español sin considerar la ñ.

• Cifra y descifra mayúsculas ingresando previamente el número de desplamiento.