Diseño de Interfaz
Esta documentación describe el diseño de la interfaz de usuario para la plataforma, tanto en su versión móvil como web. Se detallan las pantallas, validaciones, restricciones y tipos de entradas utilizadas.
Interfaz Móvil
Pantalla de Inicio de Sesión
La pantalla de inicio de sesión permite a los usuarios autenticarse en el sistema.
- **Usuario:** input type=”text”, mínimo 4 caracteres, máximo 20, solo letras y números.
- **Contraseña:** input type=”password”, mínimo 6 caracteres, máximo 20, validación de seguridad.
Pantalla de Registro
Formulario para la validación de identidad.
- **Cédula:** input type=”text”, exactamente 10 dígitos.
- **Número dactilar:** input type=”text”, validación de formato numérico.
- **Fecha de nacimiento:** input type=”date”, restricción de edad mínima 18 años.
- **Foto Cédula:** input type=”file”, formato permitido: JPG, PNG.
- **Foto Rostro:** input type=”file”, formato permitido: JPG, PNG.
Pantalla de Validación Exitosa
Mensaje de confirmación tras la validación correcta del usuario.
Menú Principal del Ciudadano
Desde este menú, el usuario puede acceder a información, afiliación y desafiliación.
Pantalla de Afiliación
El usuario puede seleccionar un partido político para afiliarse.
- **Partido político:** input type=”select”, lista desplegable con validación de selección obligatoria.
Interfaz Web
Pantalla de Inicio de Sesión
Versión web del formulario de inicio de sesión.
Inscripción de Organizaciones Políticas
Formulario para el registro de organizaciones políticas.
- **Nombre de la organización:** input type=”text”, máximo 50 caracteres.
- **Tipo de organización:** input type=”select”, opciones predefinidas.
- **Cédula del representante:** input type=”text”, validación de 10 dígitos.
- **Teléfono:** input type=”tel”, validación de formato telefónico.
- **Correo electrónico:** input type=”email”, validación de dominio.
Pre-registro de Organizaciones
Tabla de organizaciones en espera de autorización.
Gestión de Organizaciones
Vista detallada de una organización política.
Auditoría y Trazabilidad
Registro de trazabilidad de afiliaciones almacenadas en blockchain.
Portal de Transparencia
Visualización de estadísticas y gráficos sobre las organizaciones registradas.