Skip to content

Latest commit

 

History

History
129 lines (82 loc) · 5.79 KB

README.md

File metadata and controls

129 lines (82 loc) · 5.79 KB

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

prototipo1

prototipo2

prototipo3

prototipo4

4.2 Diseño final

[link] Denuncia con datos

interfaz

cifrado

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). interfaz

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

registro de datos

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

cifrando

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.