documento funcional dashboard
Post on 13-Jan-2016
12 Views
Preview:
DESCRIPTION
TRANSCRIPT
DF
Proyecto: [PROMPERÚ] Red Nacional de Música
Documento Funcional
Versión 1.0
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 “correo@dominio.com”
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
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
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
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.
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
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]
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
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
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
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
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 correo@dominio.com
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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”.
top related