documento funcional dashboard

27
DF Proyecto: [PROMPERÚ] Red Nacional de Música Documento Funcional Versión 1.0

Upload: cristopher-alexis-castillo-castillo

Post on 13-Jan-2016

13 views

Category:

Documents


0 download

DESCRIPTION

dashboard de prompt peru ... subido intencionalmente para poder ser elimando y reien poder descargar otro archivso

TRANSCRIPT

Page 1: Documento Funcional Dashboard

DF

Proyecto: [PROMPERÚ] Red Nacional de Música

Documento Funcional

Versión 1.0

Page 2: Documento Funcional Dashboard

DF

1. PARTE I: Orientada al Desarrollador

1.1. Administrador de Contenidos

1.1.1. Acceso

Se deberá contar con una interfaz de acceso para ingresar al administrador de contenidos y

contemplar las siguientes características:

Componentes de la Interfaz: Los campos que se ingresarán es email y contraseña; la

interfaz tendrá las opciones para recuperar contraseña y recordar contraseña.

Validaciones Front End: La aplicación validará los campos del formulario según la

siguiente tabla.

CAMPO DESCRIPCIÓN LONGITUD MÍNIMA

LONGITUD MÁXIMA

CARACTERES ESPECIALES

MENSAJES DE ERROR

CAMPOS EN BLANCO*

CAMPOS ERRONEOS*

Email Letras y números

12 --

Por favor ingresa tu email.

Formato de correo incorrecto

Contraseña Letras y números

6 10 Tildes, eñe Por favor ingresa tu contraseña

Validaciones Back End:

Como primer paso de seguridad la aplicación deberá de enviar un token de seguridad

encriptado (16 dígitos) a la vista, cuya duración será de 3 min; en caso que de sobrepasar

el tiempo saldrá un mensaje en un modal indicando “Refrescar la página por temas de

seguridad”

La aplicación verificará si existe una cookies que almacene datos del sitio, en caso de

encontrar deberá de autocompletar el campo de la contraseña y seleccionará la casilla de

“recordar contraseña”.

Al hacer clic en el botón “entrar” se realizaran las siguientes validaciones:

La aplicación verificará existencia del token de seguridad y comprobará que dicho

código encriptado no este alterado; en caso serlo deberá de rechazar cualquier tipo

de información recibida y mostrará un mensaje en un modal indicando “Refrescar la

página por temas de seguridad””.

Validará que los campos de email y contraseña tengan datos obligatoriamente

Validará que el campo de email tenga el formato correcto “[email protected]

Se ingresará el email que

es otorgado en la empresa

Se ingresará la contraseña;

solo permitirá el ingreso de

6 a 10 caracteres

Al hacer clic mostrará un

formulario para recuperar

contraseña

Permite ingresar al panel

del dashboard

Permite guardar la

contraseña en la cookies

Page 3: Documento Funcional Dashboard

DF

Se deberá encriptar la contraseña en MD5

Verificar existencia del email y contraseña en la base de datos donde el estado este

activo

Creará una sesión “cuenta” para almacenar datos (userd_id, name, email, estado

usuario y estado sesión,) si existen creará una sesión re direccionará al administrador

de contenidos en caso contrario mostrar un modal con el siguiente mensaje de error

“Email y contraseña no existen”.

Todas las validaciones se realizaran con el mismo método (index)

Al hacer checked en “Recordar Contraseña”:

Se llamará al controlador que permita crear automáticamente una cookies para

almacenar usuario y contraseña.

Al hacer clic en el link “Recuperar Contraseña”

Se verificará si el correo ingresado tiene el formato correcto, en caso contrario se

mostrará un modal con el siguiente mensaje de error “formato de correo incorrecto”

Se verificará la existencia del correo en la base de datos, en caso contrario se

mostrará un modal con el siguiente mensaje de error “correo no existe”.

Al hacer clic en el botón “Enviar correo de restablecimiento”

Validar la existencia del correo en la tabla users en la base de datos, en caso

contrario se mostrará un mensaje en un modal indicando “Correo no existe”.

Verificar en la base de datos que el estado del usuario este activo, en caso contrario

mostrará mensaje en un modal indicando “Usuario desactivado”.

Validar que un determinado usuario puede solicitar “Recuperar contraseña” una vez al

día, en caso contrario mostrará un modal indicando “Ya se envió link, verifique su

bandeja de correos”; para realizar dicha validación consultar en la tabla

histories_resets.

Guardará datos en la tabla histories_resets los siguientes datos: user_id,

date_register, status_value.

La aplicación generará un código encriptando en MD5 los siguientes datos:

[ab513c75f48d82bcd30aa48e478d2e6e]+[correo ingresado]

Se enviará un link de restablecimiento al correo ingresado, cuyo formato es

[dashboard/login/confirmation_password/]+[código encriptado]

Ingresará el email

corporativo

Al hacer clic, se enviará

un mensaje al correo ingresado con el link de

restablecimiento

Al hacer clic re

direcciona a la

interfaz de acceso

Page 4: Documento Funcional Dashboard

DF

Base de Datos: Para verificar la existencia se deberá usar la siguiente tabla.

Para cambiar la contraseña deberá ingresar a su correo y hacer clic en el link enviado.

Tener en cuenta que link es válido durante la misma fecha.

Des encriptará y validará vigencia del link

Verificará que el estado del link este activo para re direccionar a la interfaz de

“Restaurar Cuenta”.

Mostrará el email encriptado en un campo oculto.

Al Hacer clic en “Restablecer”

Validará que los campos no estén vacíos y sean iguales.

Se enviará la contraseña y el correo encriptado

Des encriptar el correo y buscar en la base de datos (tabla users)

En la Base de datos se actualizará los siguientes campos de la tabla users: password,

update_create y by_update. Y de la tabla histories_resets el campo status_value a 1

Base de Datos: Para verificar la existencia se deberá usar la siguiente tabla.

Ingresará la nueva

contraseña. Ambos

campos deben de tener

el mismo dato

Permite actualizar la

contraseña de la base

de datos.

Al hacer clic re

direcciona a la

interfaz de acceso

Page 5: Documento Funcional Dashboard

DF

1.1.2. Panel

En el panel se visualizarán de manera global la siguiente información:

1.1.2.1. Banner:

Dentro del panel deberá existir una sección que contenga un acceso directo para

modificar el banner.

Se deberá de contar con una interfaz exclusivamente para actualizar el banner del

home y deberá de contemplar las siguientes características:

Las secciones que se

administrará dentro

del dashboard

Al hacer clic deberá

mostrar un

formulario para

actualizar el banner

Mostrará la foto del

banner actual que

está en el home

Resumen de actividades

principales

Se mostrará la fecha y el nombre

del usuario que ingreso al sistema.

Page 6: Documento Funcional Dashboard

DF

Componentes de la Interfaz: la interfaz tendrá la acción para subir foto desde el

ordenador, guardar el banner o cancelar el registro.

Validaciones Front End: Se podrá definir la ubicación del banner de portada y

contemplar el siguiente cuadro de validaciones. Tener en cuenta que los mensajes

se mostrarán en un modal

Validaciones Back End:

La aplicación deberá mostrar en la vista previa el último banner actualizado.

Al hacer clic en el botón “Guardar”

Deberá validar el formato, tamaño y peso de la foto según el cuadro anterior,

en caso de no cumplir las validaciones se mostrará en un modal indicando la

validación no contemplada.

Se creará 2 imágenes redimensionado en 3 tamaños diferentes (image_big,

image_medium, image_small).

Se autogenerará el nombre de la foto y se concatenará el tamaño (image_big,

image_medium, image_small).

Validar que se haya guardado correctamente en la base de datos

Se actualizará automáticamente la vista preliminar del banner.

Base de Datos: Cada actualización de la foto del banner se guardará un registro

automáticamente: image_full, image_big, image medium, image_small, date

publication, status_value, date_create, by_create, update_create, by_update.

Campo Validar Mensajes

Imagen Formato jpg o png Formato de imagen incorrecto

Peso debe ser en 500 a 600 KB Inserte un imagen de 500 a 600 KB

Tamaño ancho 960 y alto 445 Tamaño de imagen no permitido, ingresar 960 x 450

Permite subir la foto,

el objeto debe ser tipo

fileupload.

Se mostrará la vista

previa de la último

banner actualizado

Al hacer clic debe de guardar

en la base de datos y re-

direccionar al panel

Page 7: Documento Funcional Dashboard

DF

1.1.2.2. Actividades del Día:

Se mostrará un listado que contenga información resumidas de las actividades del

día.

Componentes de la interfaz: La interfaz mostrará un listado que tendrá como

contenido visual la cantidad de inscritos, videos, sonidos, fotos, contáctenos y

posts.

Validaciones Back End:

La aplicación realizará las siguientes validaciones al ingresar al panel.

Deberá calcular el total de registros realizados durante el día de: inscritos,

videos, sonidos, fotos, contáctenos y posts.

Se actualizará las cantidades cada vez que se re-carga la pagina

1.1.2.3. Posts

Dentro del panel deberá existir una sección que contenga 2 tipos de listados: por

publicar y los publicados.

Componentes de la Interfaz: La interfaz tendrá pestañas “por publicar y

publicados”, cada pestaña tendrá listados diferente que tendrá como contenido

visual el título, fecha de publicación y la categoría. Dentro del listado “por publicar”

cada registro tendrá la opción para publicar, tener en cuenta que esta opción solo se

mostrará para aquellos usuarios que son administradores

Validaciones Front End:

Solo los administradores podrán visualizar el botón “Publicar” en caso ser

colaborador solo visualizará los listados y no podrá realizar ninguna acción.

Al seleccionar en algunas de las

pestañas mostrará listados diferentes

Permite publicar los

posts pendientes

Cantidad

Descripción

Mostrará información de

los posts [título, fecha

publicación y categoría]

Page 8: Documento Funcional Dashboard

DF

Se visualizará un botón “Publicar” dentro del listado “Por publicar” para los

administradores

Se mostrará un scroll para desplegar los posts y automáticamente ver posts

anteriores.

Validaciones Back End:

La aplicación realizará las siguientes validaciones al ingresar al panel.

La aplicación validará el tipo de usuario “Administrador o Colaborador”

Enviará 2 listados “Por publicar” y “Publicados” ordenados por fecha de

publicación. Tener en cuenta que los listados publicados tienen status_value =

1 y los listados por publicar tienen status_value = 0

Al hacer click en el botón “Publicar”

Verificará el tipo de usuario Administrador.

Actualizará automáticamente el estado del posts en la base de datos con los

siguientes datos status_value = 1.

Finalmente deberá de validar que se haya guardado correctamente en la base de

datos, según eso actualizar los listados.

1.1.2.4. Últimos Inscritos:

Dentro del panel existirá una sección que muestre los últimos 50 artistas

registrados.

Validaciones Back End:

La aplicación deberá generar un listado de los últimos 50 artistas registrados, donde

tendrá como contenido visual: foto, nombre, perfil, cantidad fotos, cantidad videos,

cantidad sonidos.

El listado estará ordenado por la fecha de inscripción.

El listado se deberá tener un paginado de cada 10 registros.

Se mostrará el

paginado

Cantidad de fotos, videos y

sonidos subidos al perfil

Datos foto, nombre

y perfil del inscrito

Page 9: Documento Funcional Dashboard

DF

1.1.2.5. Estadísticas de Perfiles:

Se mostrará un resumen estadístico de los 5 perfiles con mayor cantidad de

inscripciones.

Validaciones Back End:

La aplicación deberá calcular en porcentaje el total de registrados en cada perfil

La aplicación enviará un listado de los 5 registros de los perfiles con mayor

porcentaje ordenados.

1.1.2.6. Ranking de Perfiles:

Se mostrará un listado de las 10 artistas con más visitas obtenidas.

Validaciones Back End:

La aplicación deberá generar un listado de los 10 artistas con más visitas obtenidas;

dicho listado tendrá contenido visual: foto, nombre, perfil, fecha registro y cantidad

de visitas.

Listado estará ordenado de forma descendente por la cantidad de visitas.

Se mostrará

el porcentaje Se mostrará el

nombre del perfil

Se mostrará el total

de suscritos en un

determinado perfil

Se mostrará el total

de visitas

Se mostrará la foto, nombre,

perfil y la fecha de registro

Page 10: Documento Funcional Dashboard

DF

1.1.3. Usuarios

A continuación se detallarán las funcionalidades para la administración de usuarios. Los

administradores son los únicos usuarios que tienen acceso a esta sección:

Listado

Al ingresar a la sección de usuarios, la primera interfaz a mostrar es el del listado

Componentes de la Interfaz:

Se mostrará una interfaz donde tendrá un botón “Nuevo”, una sección de búsqueda de

usuarios y un listado de los usuarios debidamente paginados donde cada registro tendrá

como contenido visual: opciones (editar y eliminar), nombre, apellido, email, perfil y

estado.

Validaciones Back End: Al ingresar a la interfaz se deberá enviar un listado de todos los usuarios, donde el campo status_value sea 0 o 1. Listado paginado cada 20 registros y ordenados alfabéticamente por apellidos y nombres

Al hacer clic en “Buscar”.

Verificará que algún filtro de búsqueda tengan datos, en caso contrario listará por defecto a todos los inscritos.

Se deberá enviar el dato a buscar

Utilizar la tabla users para buscar coincidencias del filtro con los campos name, firstname, lastname.

Al hacer clic enviará

un formulario con

los datos cargados

para poder editar.

Al hacer clic

cambia el estado automáticamente

Al hacer clic enviará

un formulario para

agregar a un nuevo

usuario

Al hacer clic muestra

un listado según filtro

ingresado Al hacer clic

lista a todos

los usuarios

Al hacer clic se

mostrará un

mensaje de

confirmación

Es un campo

para filtrar

búsquedas

Datos principales

del usuario

Page 11: Documento Funcional Dashboard

DF

Nuevo

Después de hacer clic en el botón “Nuevo” dentro de la interfaz de listado, se visualizará una interfaz que permite agregar nuevos usuarios Componentes de la Interfaz: Se mostrará una interfaz para registrar un nuevo usuario donde se ingresará los siguientes datos: nombre, apellido paterno, apellido materno, DNI, email, contraseña, el tipo de perfil (Administrador y Colaborador) y el estado (activo o inactivo).

Validaciones Front End:

La aplicación validará los campos del formulario según la siguiente tabla y los mensajes

de error saldrán en modales

CAMPO DESCRIPCIÓN LONGITUD

MÍNIMA LONGITUD MÁXIMA

CARACTERES ESPECIALES

MENSAJES DE ERROR

CAMPOS EN BLANCO* CAMPOS

ERRONEOS*

Nombre Letras 6 150 Tildes, eñe Por favor ingresa tu nombre.

Campo requerido

Apellido Paterno

Letras 6 150 Tildes, eñe Por favor ingresa apellido paterno

Contraseña incorrecta

Apellido Materno

Letras 6 150 Tildes, eñe Por favor ingresa apellido materno

DNI números 8 8 Por favor ingrese DNI

E-mail Letras y números

12 150 Por favor ingrese E-mail

Formato incorrecto

Password Letras y números

6 12 Tildes, eñe Por favor ingrese contraseña

Perfil Seleccione el perfil que pertenece

Estado Seleccione estado

Permite validar y guardar

usuario a la base de datos

Datos principales

del usuario

Permite re direccionar

al listado de usuarios

Page 12: Documento Funcional Dashboard

DF

Validaciones Back End:

Al hacer clic en botón “Guardar” se realizaran las siguientes validaciones:

Se verificará que todos los datos no estén vacíos, en caso contrario mostrará un mensaje indicando el dato que falta ingresar.

Validará que el campo de nombre, apellido paterno, apellido materno solo ingrese letras.

Validará que el campo de email tenga el formato correcto [email protected]

Validará que el campo DNI se ingrese solo números, con máximo de caracteres 8 y que sea un valor único.

Verificará si es un registro nuevo o actualiza el campo (email); validará que email ingresado no se repita, en caso contrario mostrará un mensaje “Correo ya existe, ingresa un correo nuevo”.

Se deberá encriptar la contraseña en MD5

Finalmente al cumplir las validaciones la aplicación insertará la información a la base de datos, tener en cuenta que el registro de los campos de auditoria se generará automáticamente (date_create, by_create, update_create, by_create).

CAMPO BASE DE DATOS

OBSERVACIÓN

Nombre name

Apellido Paterno

firstname

Apellido Materno

lastname

DNI dni

E-mail email

Password password

Perfil collaborator 0: Administrador 1: Colaborador

Estado status_value 0: activo/pendiente 2: inactivo 3: eliminado

Auditoria date_create Fecha de creación

By_create Usuario que creo

Update_create Fecha de actualización

By_update Usuario que actualizo

El user_id se

autogenera, Los campos

de auditoria se actualizan después de

cada edición o inserción

Page 13: Documento Funcional Dashboard

DF

Actualizar:

Después de hacer clic en la opción “Editar” que se encuentra en el listado dentro de la interfaz de listado; se visualizará una interfaz que permite editar usuarios Los componentes de interfaz y las validaciones de front end serán lo mismo que se utilizan al agregar nuevos usuarios.

Validaciones Back End:

La aplicación buscará la información del usuario mediante el user_id enviado desde la interfaz de Listado Re direccionará a la interfaz de Editar Usuarios con los datos cargados. Al hacer clic en botón “Guardar”

Contemplar las mismas validaciones al agregar nuevos usuarios

Actualizar datos según el user_id.

Eliminar

Para eliminar a un determinado usuario se realizará por medio de la opción “Eliminar” que se encuentra en el listado, al ejecutar se mostrará un mensaje de confirmación y seleccionar “Si”. Tener en cuenta que ningún registro se elimina solo se cambia de estado en la base de datos y se actualiza la lista.

Permite actualizar

la información de

un usuario

Permite visualizar

datos de un

determinado

usuario

Al hacer clic solo se

cambiará el estado

de dicho registro

Page 14: Documento Funcional Dashboard

DF

1.1.4. Artistas

Esta sección estará categorizada en lo siguiente:

1.1.4.1. Persona Natural

Mostrará toda la información de los artistas registrados con este perfil legal. Se podrán realizar búsquedas personalizadas, exportar la información en Excel y visualizar la ficha de perfil.

Componentes de la Interfaz:

Se mostrará una interfaz con lo siguiente:

Botón “Exportar” que permitirá exportar en Excel los datos del listado

Sección exclusiva para realizar de búsqueda de los artistas que contendrá filtros (Perfiles, fecha o nombre) y botones para realizar búsquedas (Buscar o Todos)

Tabla para mostrar el listado de los inscritos a la categoría de persona natural o jurídica, donde el contenido visual de cada registro es: índice, nombre, perfil, correo, fecha de inscripción y un botón para visualizar la cuenta del inscrito.

Paginado

Al hacer clic mostrará

los 20 registros

siguientes

Filtros de

búsqueda

Se mostrará la categoría de

listado “Persona Natural” o

“Persona Jurídica”

Al hacer clic se generará

un archivo Excel con

toda la información de

todos los artistas con sus respectivos perfiles

Al hacer clic permite

buscar según los

filtros ingresados

Permite re direccionar

a la

interfaz del

detalle de

perfil

Datos del Inscrito

Page 15: Documento Funcional Dashboard

DF

Validaciones Back End:

La aplicación deberá enviar un listado de todos los artistas registrados con el perfil legal de “Persona Natural” y estará ordenado por el campo de date_register. Al hacer clic en el botón “Buscar”

Verificará que algún filtro de búsqueda tengan datos, en caso contrario listará por defecto a todos los inscritos.

Generará un listado cuyo contenido visual sea: nombre y apellidos, perfil, DNI, residencia, celular, teléfono, email y la opción para visualizar detalle de perfil

El nro. de página se validará según el total de registros, teniendo en cuenta que se mostrará 20 registros por páginas.

Al hacer clic en el botón “Exportar en EXCEL”

Generará un listado que tendrá como contenido visual: los datos generales y todos los datos de perfil.

Al momento de exportar deberá agrupar el listado de artistas por perfiles

Se exportará en cada hoja Excel el listado de un determinado perfil.

Al hacer clic en la opción para visualizar detalle perfil

Se buscará en la base de dato la información según el artista y perfil seleccionado

Re direccionar a la interfaz “Detalle perfil” con la información cargada.

Al hacer clic re

direcciona a

listado de artistas

Apellidos y Nombre del Artista

Permite

exportar la ficha a PDF

Nombre de la

ficha registrada

Al hacer clic

imprimirá la

ficha.

Información de

la ficha

Page 16: Documento Funcional Dashboard

DF

Base de datos

Tener en cuenta este diagrama para generar listado de artistas o detalle de perfil.

1.1.4.2. Persona Jurídica

Tendrá los mismos componentes y las validaciones de back end pero cuyo perfil legal será “Persona Jurídica”

1.1.4.3. Artistas Reportado

Esta sección permite visualizar aquellos perfiles que han sido reportados por el

público, donde el administrador puede suspender el perfil previa validación.

Componentes de la Interfaz:

Se mostrará una interfaz con lo siguiente:

Sección exclusiva para realizar de búsqueda de los artistas que contendrá filtros (perfil legal, perfil, estado y nombres) y botones para realizar búsquedas (Buscar o Todos)

Tabla para mostrar el listado de los perfiles de artistas reportados.

Cada registro tendrá un botón para ver ficha, botón para visualizar a las personas que reportaron y un combo box de los estados.

Paginado

Permite re

direccionar al

detalle del perfil

Permite mostrar un

modal con las

personas que

reportaron el perfil

Permite

cambiar

el estado

del perfil

Filtros de

búsqueda

Al hacer clic permite buscar

según los

filtros

ingresados

Page 17: Documento Funcional Dashboard

DF

Validaciones Back End:

La aplicación deberá enviar un listado de todos los perfiles de artistas reportados y estará ordenado por el campo de date_register de la tabla de reports. Al hacer clic en el botón “Buscar”

Verificará que algún filtro de búsqueda tengan datos, en caso contrario listará por defecto a todos los perfiles de artistas reportados.

Generará un listado cuyo contenido visual sea: índice, nombre, perfil, correo, un botón para visualizar la ficha, un botón con la cantidad de veces reportados y combobox para editar estado.

El nro. de página se validará según el total de registros, teniendo en cuenta que se mostrará 20 registros por páginas.

Al hacer clic en el botón de la columna “ver ficha”, re direccionará a la interfaz que mostrará el detalle de la ficha de perfil. Al hacer clic en el botón de la columna “Personas que reportaron” se mostrará un modal con el listado de todas las personas que reportaron el perfil; que tendrá como contenido visual: nombre, correo y sustento.

1.1.5. Fichas

Esta sección permite visualizar las fichas de perfiles y gestionar las preguntas para cada ficha. Componentes de la Interfaz:

Se mostrará una interfaz con lo siguiente:

Sección exclusiva para realizar de búsqueda de los artistas que contendrá filtros (nombre perfil, perfil legal) y botones para realizar búsquedas (Buscar o Todos)

Tabla para mostrar el listado de los perfiles creados.

Cada registro tendrá un botón para ver las preguntas

Paginado

Permite re direccionar al

listado de las preguntas

Permite ingresar filtro

de búsquedas

Permite eliminar perfil

previa confirmación

Re direccionará a

la interfaz de

Gestión de Fichas

Permite cambiar

el estado del

perfil

Permite realizar

búsquedas por filtros

Page 18: Documento Funcional Dashboard

DF

Validaciones Back End:

La aplicación deberá enviar un listado de todos los perfiles que estarán agrupados por los campos type_id y profile_id de la tabla profiles.

Al hacer clic en el botón “Buscar”

Verificará que algún filtro de búsqueda tengan datos, en caso contrario listará por defecto a todos los perfiles debidamente agrupados.

Generará un listado cuyo contenido visual sea: título, preguntas y estado.

Mostrará 20 registros por páginas. Al hacer clic en la opción “Eliminar”

Validará que no haya artistas registrados en dicho perfil.

No cumple validación mostrará un modal de confirmación indicando “No se puede eliminar porque hay artistas registrados con este perfil”

Si cumple validación mostrará un modal de confirmación.

Al aceptar el mensaje se actualizará el campo status_value a 3 de la tabla profiles. Al hacer clic en la opción “Editar”

Validará que no haya artistas registrados en dicho perfil.

Se re direccionará a la interfaz de “gestión de fichas” con el tipo y perfil seleccionados.

Al hacer clic en el botón de la columna “Estado”

Se actualizará el campo de status_value de activo a inactivo ( 0 a 1) o de inactivo a activo (1 a 0), se recomienda utilizar ajax para no recargar la pagina

Al hacer clic en el botón de la columna “ver ficha”,

Re direccionará a la interfaz que mostrará listado de las preguntas que contiene dicho perfil.

Permite

ingresar filtro

de búsqueda

Re direccionara a la

interfaz de “gestión de

Fichas”

Permite editar

la pregunta

Permite eliminar

la pregunta

Permite editar si es

requerido, visible y

estado

Page 19: Documento Funcional Dashboard

DF

Al hacer clic en botón “Nuevo”

Re direccionar a la interfaz de “Gestión de Fichas”

Generar listado de todas las preguntas y mostrarlo en un combobox

Al seleccionar la categoría, se filtrará el listado según la categoría seleccionada. Al hacer clic en “Guardar”.

Validar que todos los campos tengan datos, en caso contrario mostrará en un modal indicando el dato que falta.

Verificará que la pregunta no se repita en la base de datos.

Finalmente al cumplir las validaciones la aplicación insertará la información a la base de datos, tener en cuenta que el registro de los campos de auditoria se generará automáticamente (date_create, by_create, update_create, by_create).

CAMPO BASE DE DATOS OBSERVACIÓN

Perfil profile_id

Pregunta Principal question_parent_id

Titulo(español) question_sp

Titulo(ingles) question_en

Componentes component

Parametros configuration

estilos styles

Requerido required 0: requerido 1: no requerido

Visible visibility 0: visible 1: no visible

Auditoria date_create Fecha de creación

by_create Usuario que creo

update_create Fecha de actualización

by_update Usuario que actualizo

El question_id se

autogenera, Los campos

de auditoria se

actualizan después de

cada edición o inserción

Permite validar y guardar la

pregunta en la base de datos

Datos a ingresar

Permite re direccionar

al listado de preguntas

Page 20: Documento Funcional Dashboard

DF

1.1.6. Paginas

A continuación se detallarán las funcionalidades para editar los contenidos de las páginas

de “Preguntas Frecuente” y “Glosario”. Los administradores son los únicos usuarios que

tienen acceso a esta sección.

Listado

Al ingresar a la sección de Páginas, la primera interfaz a mostrar es el del listado

Componentes de la Interfaz:

Se mostrará una interfaz donde tendrá un botón “Nuevo”, una sección de búsqueda de

usuarios y un listado de los usuarios debidamente paginados donde cada registro tendrá

como contenido visual: opciones (editar y eliminar), nombre de la página, fecha de

actualización y estado.

Validación Back End:

Al ingresar a la interfaz se deberá enviar un listado de todas las paginas, donde el campo

status_value sea 0 o 1.

Listado paginado cada 20 registros y ordenados alfabéticamente por nombre.

Al hacer clic en el icono de la columna “Estado” automáticamente se cambiara el estado

de la página.

Al hacer clic en “Buscar”.

Verificará que algún filtro de búsqueda tengan datos, en caso contrario listará por

defecto a todas las páginas.

Se deberá enviar el dato a buscar

Utilizar la tabla pages para buscar coincidencias del filtro con los campos name.

Al hacer clic enviará

un formulario con

los datos cargados para poder editar.

Al hacer clic

cambia el estado automáticamente

Mostrará

listado según

filtro ingresado

Al hacer clic lista a

todas las paginas

Datos principales

del usuario

Permite

ingresar filtro

de búsqueda

Page 21: Documento Funcional Dashboard

DF

Editar

Después de hacer clic en el botón “Editar” dentro del listado, se visualizará una interfaz que permite editar el contenido de la página seleccionada

Componentes de la Interfaz:

Se mostrará una interfaz para editar el contenido de la página “Preguntas Frecuentes” donde solo se podrá ingresar los siguientes datos: contenido (español e inglés) y el estado (activo o inactivo).

Validaciones Front End:

La aplicación validará los campos del formulario según la siguiente tabla y los mensajes

de error saldrán en modales

CAMPO DESCRIPCIÓN LONGITUD MÍNIMA

LONGITUD MÁXIMA

CARACTERES ESPECIALES

MENSAJES DE ERROR

CAMPOS EN BLANCO*

CAMPOS ERRONEOS*

Titulo Letras 6 150 Tildes, eñe Por favor ingresa título.

Campo requerido

Contenido Letras 6 250 Tildes, eñe Por favor ingresar contenido

Formato incorrecto del contenido

Estado Seleccione estado

Permite agregar una pregunta con los

estilos

Permite guardar en la

base de datos

Campo

deshabilitado

Re direcciona al

listado de las paginas

Page 22: Documento Funcional Dashboard

DF

Validaciones Back End:

La aplicación buscará la información de la página mediante el page_id enviado desde la

interfaz de Listado

Re direccionará a la interfaz de Editar Page con los datos cargados.

Deshabilitar la opción de editar el título de la página

Al hacer clic en el botón “Añadir”

Adicionar una fila debajo del contenido, donde permitirá ingresar la pregunta y

respuesta

Al hacer clic en botón “Guardar”

Contemplar las mismas validaciones de Front End

Verificar que el contenido este ingresado con el formato correcto

Actualizar datos según el page_id.

Finalmente al cumplir las validaciones la aplicación insertará la información a la base de datos, tener en cuenta que el registro de los campos de auditoria se generará automáticamente (date_create, by_create, update_create, by_create).

CAMPO BASE DE DATOS

OBSERVACIÓN

Titulo (español) Name_sp

Titulo (ingles) Name_en

Contenido (español)

Content_sp

Contenido (ingles)

Content_en

Estado status_value 0: activo/pendiente 2: inactivo 3: eliminado

Auditoria date_create Fecha de creación

By_create Usuario que creo

Update_create Fecha de actualización

By_update Usuario que actualizo

El page_id se

autogenera, Los campos

de auditoria se actualizan después de

cada edición o inserción

Page 23: Documento Funcional Dashboard

DF

1.1.7. Noticias

Esta sección será administrada por 2 tipos de usuarios “Colaborador” y “Administrador”. A continuación se detallarán las funcionalidades para la administración de noticias según la categoría seleccionada:

1.1.7.1. Recursos en Línea

1.1.7.1.1. Marco Normativo

Al seleccionar esta categoría la aplicación mostrará la siguiente interfaz.

Listado Al ingresar a la sección de Páginas, la primera interfaz a mostrar es el del listado.

Componentes de la Interfaz: Se mostrará una interfaz con lo siguiente:

Botón “Nuevo” que permitirá ingresar al formulario de Registro para agregar

una nueva noticia.

Sección exclusiva para ingresar filtros de búsqueda (título o fecha de registro)

y botones para realizar búsquedas (Buscar o Todos).

Tabla para mostrar el listado de las noticias registradas donde el contenido

visual de cada registro es: opciones (editar y eliminar), índice, titulo, cantidad

de visitas, fecha de registro y estado.

Paginado.

Datos principales de las

noticias tipo marco normativo Al hacer clic lista

lo 50 registros

siguientes

Campos para

filtrar búsquedas

Al hacer clic se

mostrará un

mensaje de

confirmación

Cambiará

el estado.

Enviará a la interfaz

para editar con los

datos cargados.

Re direccionará a la

interfaz para agregar noticia

Al hacer clic

permite búsquedas

personalizadas

Mostrará

listado de

todas las

noticias de

Marco

Normativo

Indica la

cantidad

de visitas

Page 24: Documento Funcional Dashboard

DF

Validaciones Back End.

Al ingresar a la interfaz se deberá enviar un listado de todos las noticias, donde el campo status_value sea 0 o 1. Listado paginado cada 20 registros y ordenados fecha registro Al hacer clic en “Buscar”. • Verificará que algún filtro de búsqueda tengan datos, en caso contrario listará por defecto a todos los inscritos. • Se deberá enviar el dato a buscar • Utilizar la tabla posts para buscar coincidencias del filtro con los campos de tittle, date_register.

Nuevo

Después de hacer clic en el botón “Nuevo” dentro de la interfaz de listado, se visualizará una interfaz que permite agregar nuevas noticias. Componentes de la Interfaz: Al hacer clic en el “Agregar” se mostrará un formulario para registrar un nuevo marco normativo donde se ingresará los siguientes datos: categoría, título español, titulo inglés, resumen español, resumen en inglés, contenido español, resumen inglés, fecha de publicación, estado (por defecto debe de estar en pendiente), imagen referencial y colaborador (nombre y apellidos del usuario quien hace el registro.

Permite validar y

guardar usuarios

a la base de datos

Datos de

registros

Al hacer clic mostrará

un calendario

Al hacer clic permite

subir una imagen

Permite re

direccionar al

listado de las

noticias

Editor de texto, permite

dar formato al contenido

Page 25: Documento Funcional Dashboard

DF

Validaciones Front End:

La aplicación validará los campos del formulario según la siguiente tabla.

Tener en cuenta que todos los mensajes se mostraran en modales

CAMPO DESCRIPCI

ÓN LONGITUD MÍNIMA

LONGITUD MÁXIMA

MENSAJES DE ERROR

CAMPOS EN BLANCO*

CAMPOS ERRONEOS

*

Titulo Letras 6 150 Por favor ingresa tu título.

Campo requerido

Resumen Letras 6 200 Por favor ingresa resumen

Contraseña incorrecta

Contenido Letras 6 Por favor ingresa contenido

Fecha de Publicación

fecha Por favor ingrese Fecha de publicación

Portada imagen 6 12 Por favor subir imagen

Formato incorrecto

Validaciones Back End: Al ingresar a la interfaz, la aplicación mostrará el nombre y apellidos del usuario logeado en el campo de “Colaborador”, asimismo se capturará internamente el código de la categoría.

Al hacer clic en botón “Guardar” se realizarán las siguientes validaciones:

Se verificará que todos los datos no estén vacíos, en caso contrario mostrará un mensaje indicando el dato que falta ingresar.

Se verificará que la imagen ingresada tenga el formato (jpg, jpeg), tamaño y peso correcto, en caso contrario mostrar un mensaje “Formato incorrecto, vuelve a ingresar otra imagen”.

Se capturará el tamaño real de la imagen y automáticamente se creará 3 imágenes redimensionando con tamaños diferentes (image_big, image_medium, image_small).

El estado de todas las noticias nuevas tendrán en la base de datos status_value = 0.

Finalmente al cumplir las validaciones la aplicación insertará la información a la base de datos.

CAMPO BASE DE DATOS OBSERVACIÓN

Titulo tittle

Resumen Summary

Content Contenido

Fecha de Publicación Date_publication

Estado Status value 0: activo /pendiente 1: publicado 2: inactivo/eliminado

Imagen real

Image_full, image_big, image_medium, imagen small

Se guardarán la url donde se encuentran las imágenes

Colaborador collaborator 0: Administrador 1: Colaborador

Auditoria date_create Fecha de creación

By_create Usuario que creo

Update_create Fecha de actualización

By_update Usuario que actualizo El post_id se autogenera,

Los campos de auditoria se

actualizan después de cada

edición o inserción

Page 26: Documento Funcional Dashboard

DF

Actualizar: Al hacer clic en “Editar” se visualizará el mismo formulario que se

usa para agregar pero con los datos cargados, se podrán actualizar todos los

datos al hacer clic en “Guardar”. Cabe recalcar que cada vez que se actualiza

su estado debe de estar en pendiente.

Eliminar: Para eliminar a un determinada noticia se realizará por medio de la

opción “Eliminar” que se encuentra en el listado, al ejecutar se mostrará un

mensaje de confirmación y seleccionar “SI”. Tener en cuenta que ningún

registro se elimina solo se cambia de estado en “3” en la base de datos y se

actualiza la lista.

Permite visualizar

datos de una determinada

noticia

Permite actualizar la información en

la base de datos

Al hacer clic solo se

cambiará el estado de dicho

registro en la base de datos

Page 27: Documento Funcional Dashboard

DF

Control de Noticias: Por medio de listado se podrá controlar las publicaciones

de las noticias. Tener en cuenta que esta opción estará activa para los usuarios

administradores.

Leyenda

Noticia con publicación Pendiente

Noticia publicada.

Noticia Eliminada

1.1.7.1.2. Publicaciones:

Esta sección tendrá la misma funcionalidad que la sección de Marcos

Normativos.

1.1.7.1.3. Material Audiovisual:

Esta sección tendrá la misma funcionalidad que la sección de Marcos

Normativos.

1.1.7.2. Oportunidades

Esta sección estará dividida en 4 categorías que son:

1.1.7.2.1. Becas

1.1.7.2.2. Actividades y Eventos

1.1.7.2.3. Fondos

1.1.7.2.4. Concursos y Premios

Cada categoría tendrá las mismas funcionalidades (administrar y controlar

noticias) que tiene el “Marco Normativo”.