ANEXOS

Av. Universitaria 1801

San Miguel, Lima Per

Apartado Postal 1761

Lima 100 Per

Telfono:
(511) 626 2000 Anexo 4801

NDICE
ANEXO I INTERFACES DE USUARIO..........................................................1
1.1.
1.2.
1.3.
1.4.

Interfaz de creacin de usuarios...................................................................................................1

Interfaz de asignacin de lecturas................................................................................................1
Interfaz de creacin de evaluaciones............................................................................................2
Interfaz de lecturas pendientes.....................................................................................................3

ANEXO II DIAGRAMA DE CLASES..............................................................4

ANEXO III Priorizacin de Historias de usuarios........................................5
ANEXO IV BASE DE DATOS Y DICCIONARIO DE DATOS................................7
3.1.
Diagrama de Base de datos..........................................................................................................7
3.1.1. Vista mdulo Lecturas...........................................................................................................7
3.1.2. Vista mdulo Evaluaciones...................................................................................................7
3.1.3. Vista mdulo Seguridad........................................................................................................8
3.1.4. Vista mdulo Configuracin.................................................................................................9
3.2.
Diccionario de datos...................................................................................................................10

Av. Universitaria 1801

San Miguel, Lima Per

Apartado Postal 1761

Lima 100 Per

Telfono:
(511) 626 2000 Anexo 4801

II

ANEXO I
1.1.

INTERFACES DE USUARIO

Interfaz de creacin de usuarios

La figura I.II muestra la interfaz usada para la bsqueda de usuarios, mostrndolos

resultados a modo de lista y permitiendo ver los detalles del Usuario seleccionado.
Adicionalmente, a travs de esta interfaz se accede a la creacin

y edicin de

usuarios haciendo uso de las opciones Nuevo y Editar.

Figura I.I Interfaz de creacin y administracin de usuarios

1.2.

Interfaz de asignacin de lecturas

La figura I.III muestra la interfaz usada para el registro de lecturas nuevas dentro del
sistema, permitiendo cargar un archivo en formato pdf correspondiente a la lectura a
registrarse.

Figura I.II Interfaz de creacin de lecturas

1.3.

Interfaz de creacin de evaluaciones

En la Figura I.IV muestra la interfaz empleada para la creacin de evaluaciones

Figura I.III Interfaz de creacin de evaluaciones

1.4.

Interfaz de lecturas pendientes

ANEXO II

DIAGRAMA DE CLASES

Este anexo muestra el diagrama de clases que muestra los objetos, sus atributos y
mtodos empleados para el modelamiento del sistema.

Figura II.IV Diagrama de clases

ANEXO III

Priorizacin de Historias de usuarios

SPRINT
Sprint 1
Sprint 2
Sprint 3
Sprint 4
Sprint 5

CDIGO
S1
S2
S3
S4
S5

Tabla III.1 Sprints

CDIGO
MAD01
MAD02
MAD03
MAD04
MSE02
MSE03
MSE01
MSE04
MLI03
MLI01
MLE01
MEV05
MEV06
MEV04
MEV03
MEV07
MEV02
MLE04
MLE05

REQUERIMIENTO
Como administrador del sistema debo poder configurar los parmetros de
cada periodo que considera el sistema.
Como coordinador acadmico debo poder configurar los tiempos de
duracin de cada evaluacin.
Como coordinador acadmico debo poder configurar los periodos de
validez de cada evaluacin.
Como coordinador acadmico debo poder configurar los tutores
responsables por cada nivel.
Como administrador del sistema debo poder ingresar nuevos usuarios al
sistema.
Como administrador del sistema debo poder inhabilitar usuarios al
sistema.
Como administrador del sistema debo poder asignar permisos a cada
usuario
Como administrador del sistema debo poder asignar roles a cada usuario
del sistema.
Como coordinador acadmico debo poder agregar lecturas nuevas a la
librera.
Como coordinador acadmico quisiera poder asignar un conjunto de
lecturas a determinado grupo de alumnos.
Como alumno quisiera ver en una lista mis lecturas asignadas por periodo
actual.
Como tutor acadmico debo poder listar y registrar una o ms
evaluaciones por lectura.
Como tutor acadmico debo poder registrar solucionarios por cada
evaluacin registrada.

P D

Como alumno debo poder tener acceso a mis lecturas asignadas.

1 2 S2

Como alumno debo poder rendir evaluaciones pendientes

correspondientes al periodo actual.
Como coordinador acadmico debo poder revisar los resultados de las
evaluaciones resueltas por los alumnos de un nivel.
Como alumno debo poder ver mi historial de notas obtenidas en las
evaluaciones por lectura en el periodo actual.
Como usuario del sistema debo poder hacer comentarios sobre cada
lectura asignada.
Como usuario del sistema debo poder compartir mis comentarios con el
grupo de lectores de una determinada lectura.

2 1 S5
2 1 S5
2 1 S5
2 1 S5
3 1 S1
3 1 S1
3 1 S1
3 1 S1
1 2 S1
1 2 S1
1 2 S1
1 2 S2
1 3 S2

1 2 S2
1 1 S2
2 2 S2
2 1 S3
2 1 S3

CDIGO
MLI04
MLE02
MLE03
MLI05
MEV01
MLI02

MRE05

REQUERIMIENTO
Como usuario del sistema debo poder revisar los comentarios hechos por
otros usuarios sobre una lectura.
Como alumno quisiera ver en una lista mis lecturas previas del ao actual.
Como usuario del sistema quisiera poder realizar bsquedas (avanzadas y
simples) de las lecturas disponibles en la librera.
Como coordinador acadmico debo poder inhabilitar lecturas.
Como alumno debo poder ver listadas las evaluaciones pendientes y no
pendientes del periodo actual.
Como coordinador acadmico quisiera poder revisar estadsticas de
evaluaciones por lectura por periodo para tener informacin consolidada a
fin de ser entregada al Ministerio de Educacin
Como tutor debo poder generar reportes grficos y estadsticos del
rendimiento de los alumnos de su nivel asignado para poder tener la
informacin de forma concisa y clara.

P D

1 1 S3
2 2 S3
1 3 S3
1 1 S3
1 2 S3
1 2 S4

1 2 S4

MRE01

Como coordinador acadmico quisiera poder generar reportes de

rendimiento por periodo para poder generar la informacin a ser entregada 2 2 S4
al Ministerio de Educacin avances peridicos.

MRE02

Como coordinador acadmico quisiera poder generar reportes de lecturas

ms ledas por niveles por periodo para poder realizar una mejor seleccin 2 2 S4
de lecturas anuales.

MRE03

Como coordinador acadmico quisiera poder generar reportes grficos y

estadsticos de rendimiento por lectura para monitorear el rendimiento de
cada nivel de alumnos por periodo.

2 2 S4

MRE04

Como administrador del sistema debo poder consultar reportes grficos y

estadsticos de actividad de los usuarios del sistema para monitorear
posibles incidentes de seguridad de informacin en la organizacin.

2 2 S4

Tabla III.2 Priorizacin de historias de usuario

ANEXO IV

BASE DE DATOS Y DICCIONARIO DE DATOS

1. Diagrama de Base de datos

En esta seccin del anexo se muestra el diagrama de base de datos dividido por vistas
que corresponden a los mdulos empleados para el desarrollo del sistema presentado
como parte de la solucin.

a.

Vista mdulo Lecturas

En esta vista se muestran las tablas asociadas al mdulo de lecturas, las mismas que
permitirn su administracin junto con las bsquedas a nivel de librera.

Figura III.V Vista de Lecturas

b.

Vista mdulo Evaluaciones

En esta vista se muestran las tablas asociadas al mdulo de evaluaciones.

10

Figura III.VI Vista de Evaluaciones

c.

Vista mdulo Seguridad

En esta vista se muestran las tablas asociadas al mdulo de seguridad, las mismas
que darn soporte a los permisos por usuario y acceso a la aplicacin.

11

Figura III.VII Vista de Seguridad

d.

Vista mdulo de Configuracin

En esta vista se muestran las tablas asociadas al mdulo de configuracin, las cuales
permitirn administrar la configuracin bsica del sistema.

12

Figura III.VIII Vista de configuracin

1. Diccionario de datos
En esta seccin del anexo se presenta la descripcin de las tablas generadas en la
base de datos, junto con la descripcin de los atributos.

Columna
idAlumno
idUsuario
idGrado

Tipo de Dato
INT(11)
INT(11)
INT(11)

Columna
idAnioAcademico
anio
descripcion
estado
fechaInicio
fechaFin

Tipo de Dato
INT(11)
INT(4)
VARCHAR(256)
VARCHAR(45)
DATETIME
DATETIME

Columna
idBimestre
descripcion
idAnioAcademico
fechaInicio
fechaFin

Tipo de Dato
INT(11)
VARCHAR(128)
INT(11)
DATETIME
DATETIME

Columna
idEvaluacion
nombre
estado
tipo
puntuacion
fechaRegistro

Tipo de Dato
INT(11)
VARCHAR(256)
TINYINT(4)
INT(11)
INT(11)
TIMESTAMP

emailUsuario
Columna
idEvaluacionLectura
puntuacion
fechaResolucion
idAlumno
idAsignacion
Columna
idEvaluacin
idLectura
estado

VARCHAR(256)

Alumno
PK
NN

AI

AnioAcademico
PK
NN AI

Bimestre
PK
NN

AI

Evaluacion
PK
NN AI

Descripcin
Identificador de alumno
Identificador de usuario
Identificador de grado
Descripcin
Identificador de ao acadmico
Ao acadmico
Descripcin de ao acadmico
Estado de ao acadmico
Fecha de inicio del ao acadmico
Fecha fin del ao acadmico
Descripcin
Identificador
Descripcin
Identificador de ao acadmico
Fecha de inicio
Fecha fin
Descripcin
Identificador evaluacin
Nombre evaluacin
Estado
Tipo Evaluacin
Puntuacin ptima de evaluacin
Fecha de creacin
Email de usuario que crea la
evaluacin

EvaluacionAlumnoPeriodo
Tipo de Dato
PK
NN AI
Descripcin
INT(11)
Identificador evaluacin

VARCHAR(45)
Puntuacin obtenida
TIMESTAMP
Fecha de registro de respuestas

INT(11)
Identificador de alumno asociado
Identificador de evaluacin por
INT(11)

periodo y alumno
EvaluacionLectura
Tipo de Dato
PK
NN AI
Descripcin
INT(11)
Identificador de evaluacin

INT(11)
Identificador de lectura
VARCHAR(45)
Estado

13

idBimestre
duracion

INT(11)
INT(11)

Identificador de bimestre
Duracin de evaluacin
Grado
PK
NN

Columna
idGrado
descripcion
idNivel

Tipo de Dato
INT(11)
VARCHAR(45)
INT(11)

Columna
idLectura
idDrive
autor
titulo
fechaPublicacion
fechaRegistro
subidoPor
estado

Tipo de Dato
AI
Descripcin
INT(11)
Identificador de lectura (BD)

VARCHAR(256)
Identificador de lectura (Google Drive)
VARCHAR(45)
Autor de texto
VARCHAR(45)
Ttulo de texto
DATE
Fecha de publicacin de lectura
TIMESTAMP
Fecha de creacin de lectura

VARCHAR(256)
Usuario que creo la lectura
TINYINT(4)
Estado de la lectura

LecturaPeriodoGrado
Tipo de Dato
PK
NN AI
Descripcin
INT

Identificador de asignacin de lectura

INT
Identificador de lectura
INT
Identificador de grado
INT
Identificador de bimestre
Nivel
Tipo de Dato
PK
NN AI
Descripcin
INT(11)
Identificador de nivel

VARCHAR(45)
Descripcin de nivel
Opcion
Tipo de Dato
PK
NN AI
Descripcin
INT
Identificador de opcin

VARCHAR(45)
Nombre de la opcin/men
VARCHAR(45)
Estado
PermisosRol
Tipo de Dato
PK
NN AI
Descripcin
INT
Identificador del rol

INT
Identificador de la opcin/men
VARCHAR(45)
Estado
Pregunta
Tipo de Dato
PK
NN AI
Descripcin
INT(11)
Identificador
de la pregunta

Informacin de alternativas de la
MEDIUMTEXT

pregunta, en formato xml

INT(11)
Identificador de la evaluacin

VARCHAR(256)
Texto de la pregunta
VARCHAR(128)
Texto de ayuda de la pregunta
Respuesta
Tipo de Dato
PK
NN AI
Descripcin
INT(11)
Identificador
de la respuesta

MEDIUMTEXT
Informacin xml de la(s) respueta(s)

INT(11)
Identificador de la pregunta

Columna
idLecturaPeriodica
idLectura
idGrado
idBimestre
Columna
idNivel
descripcion
Columna
idOpcion
descripcion
estado
Columna
idRol
idOpcion
estado
Columna
idPregunta
xmlPregunta
idEvaluacion
texto
ayuda
Columna
idRespuesta
xmlRespuesta
idPregunta

Lectura
PK
NN

AI

Descripcin
Identificador de grado
Descripcin de grado
Identificador de nivel

14

idEvaluacion

INT(11)

INT(11)
idAsignacionEvaluacion
Rol
Columna
Tipo de Dato
INT(11)
idRol
VARCHAR(100)
descripcion
Columna
idTutor
idGrado
idAnioAcademico
idUsuario

Tipo de Dato
INT(11)
INT(11)
INT(11)
INT(11)

Columna
idUsuario
email
nombre
habilitado
idRol
fechaRegistro

Tipo de Dato
INT(11)
VARCHAR(100)
VARCHAR(200)
TINYINT(1)
INT(11)
TIMESTAMP

Identificador de la evaluacin
Identificador de asignacin de
evaluacin por lectura
PK

NN

Tutor
PK
NN

Usuario
PK
NN

AI

Descripcin
Identificar del rol
Descripcin del rol

AI

Descripcin
Identificador de tutor
Identificador de grado asociado
Identificador de ao acadmico
Identificador de usuario

AI

Descripcin
Identificador de usuario
Email de usuario
Nombre completo de usuario
Estado de usuario
Identificador de rol asociado
Fecha de registro del usuario

Tabla IV.3 Diccionario de datos

15

ANEXO V

ESTNDARES DE PROGRAMACIN

Lineamientos generales

Las tildes, diresis y s sern omitidas.

La asignacin de nombres corresponde al idioma espaol en un 100%.

Nombrado de tablas y objetos

Tablas de Base de Datos

La nomenclatura empleada para toda tabla alojada en la Base de Datos del
sistema debe ser colocada segn el tipo de objeto que la tabla almacene,
iniciando en mayscula. En caso el tipo de objeto est compuesto por ms de
una palabra se eliminan los espacios en blanco y se concatenan las palabras
que componen el nombre, esto siempre iniciando en mayscula cada palabra.
Toda tilde se omite para efectos del nombre.
Ejemplo:
AnioLectivo , Evaluacion

Objetos
La declaracin de los objetos JavaScript debe corresponder, en caso aplique, a
las tablas creadas en la BD. Es decir, deben llevar el mismo nombre, con el
mismo formato. Adicionalmente, cada objeto deber contener las mismas
propiedades que se establezcan en la Base de Datos, a menos que alguna de
estas propiedades requiera de un clculo previo.
Ejemplo:
El objeto Alumno en script corresponde con la tabla Alumno en la BD.

Declaraciones

Declaraciones simples
Cada lnea contiene un mximo de una declaracin.
Ejemplo:
var numeroPreguntas;

Inicializacin
16

Procurar inicializar las variables locales donde estas sean declaradas. Solo
deben inicializarse a posteriori en el caso que estas dependan de clculos en
otros bloques de cdigo.

Sentencias compuestas
Conformadas por sentencias que contienen sentencias dentro de llaves ({ y
}), estas siguen los siguientes lineamientos.
a. Las sentencias contenidas en llaves presentan sangra con respecto a la
sentencia que las contienen.
b. Las llaves de apertura se encuentran al final de la sentencia compuesta.
c. Las llaves son empleadas para enmarcar contenido dentro de sentencias
de control tales como if, else, if, for(), while, switch.

Comentarios
JavaScript permite dos tipos de comentarios, el primero, de lnea simple y, el segundo,
comentarios multilnea.

Comentarios de lnea simple

Representados por

dos barras al inicio de cada lnea (//) y nicamente

permite comentar la lnea marcada por las barras. Utilizados nicamente para
describir y dejar rastro de instrucciones precisas de cdigo, sin mucho detalle
en su descripcin. Usados en cualquier parte de cdigo perteneciente a
mtodo o funcin.
Ejemplo:
// Itera sobre todas las propiedades del objeto Json
While (i<tamanio[cabecera[j]]){
{

Comentarios multilnea
Representados por /* para iniciar la seccin de comentario y */ para finalizar
la seccin. Utilizados para describir y documentar a mayor detalle mtodos y
funciones, indicando parmetros de entrada, salida y una breve descripcin del
comportamiento asociado al mtodo.

17

Ejemplo:
/*
* La function getDetallesLectura(idLectura) proporciona informacin

* adiocional de la lectura

asociada al cdigo idLectura

* Input: idLectura (int)
* Output: Objecto Detalles [fechaRegistro, subidoPor]
*
*/

18

ANEXO VI

ESTNDARES DE DISEO

Este anexo presenta el detalle de estndares a seguir para el diseo de interfaz

grfica de la solucin presentada.

Botn
A travs de este elemento se activan funcionalidades y/o acciones del sistema.
La Tabla 3.3 muestra el detalle de los atributos de este control.
Atributo
Tipo
Alineacin de texto
Alto
Ancho

Estndar
Botn
Centrado
30px
80px

Tabla 3.4 - Especificaciones generales botones

Combo Box
Este elemento es empleado para mostrar una lista desplegable que le permite
al usuario hacer la eleccin de un solo tem. La Tabla 3.4 muestra el detalle de
los atributos de este control.
Atributo
Tipo
Alineacin de texto
Alto
Ancho

Estndar
Combo box
Centrado
30px
Determinado por elementos de la
lista, mximo 200px

Tabla 3.5 - Especificaciones generales combo box

Radio Button
Este elemento es empleado para permitir al usuario la seleccin de una nica
opcin dentro de un conjunto de alternativas. La Tabla 3.5 muestra el detalle de
los atributos de este control.
Atributo
Tipo
Alineacin de texto
Alto
Ancho de texto

Estndar
Radio button
Centrado
30px
Determinado por el texto de la

19

opcin, mximo 200px

Tabla 3.6 - Especificaciones generales radio button

Check Box
Este elemento es empleado para permitir al usuario la seleccin de ms de una
opcin dentro de un conjunto de alternativas. La Tabla 3.6 muestra el detalle de
los atributos de este control.
Atributo
Tipo
Alineacin de texto
Alto
Ancho de texto

Estndar
Check box
Centrado
30px
Determinado por el texto de la
opcin, mximo 200px

Tabla 3.7 - Especificaciones generales checkbox

Vnculos
Este elemento permite al usuario visualizar en otro componente de tipo grfico
(pantalla, panel) detalles de cierto evento mostrado en el sistema. La Tabla 3.7
muestra el detalle de los atributos de este control.
Atributo
Tipo
Alineacin de texto
Alto
Fuente de texto
Color de seleccin

Estndar
Vnculo
Izquierda
predeterminado
Arial, 12 pts
RGB(18, 86, 204)

Tabla 3.8 - Especificaciones generales de vnculos

Cajas de texto
Este elemento permite el ingreso de datos tipo texto que sean requeridos por
funcionalidades del sistema, siendo un elemento editable. La Tabla 3.8 muestra
el detalle de los atributos de este control.
Atributo
Tipo
Alto
Ancho
Fuente de texto

Estndar
Input text
Determinado por el texto insertado.
Determinado por el texto insertado,
mximo 200px
Arial, 12 pts

20

Tabla 3.9 - Especificaciones generales de cajas de texto

Etiquetas de texto
Este elemento permite mostrar texto descriptivo sobre determinados atributos y
outputs de funcionalidades, este elemento no permite la edicin de texto. La
Tabla 3.9 muestra el detalle de los atributos de este control.
Atributo
Tipo
Alto
Ancho
Fuente de texto

Estndar
Etiqueta
Determinado por el texto insertado.
Determinado por el texto insertado,
mximo 100
Arial, 12 pts

Tabla 3.10 - Especificaciones generales de etiquetas de texto

Grilla
Este elemento presenta una lista de datos en forma horizontal, est dividido en
columnas y filas, presentando una nica cabecera que indica el tipo de dato en
cada columna. La Tabla 3.10 muestra el detalle de los atributos de este control.

Atributo
Fuente de texto
Alineacin de texto
Alto
Ancho de columna

Estndar
Arial, 12 pts
Centrado, alineado hacia la izquierda.
Determinado por la cantidad de
elementos listados, mximo 800 px.
Determinado por el texto de la
columna correspondiente, mximo
100

Tabla 3.11 - Especificaciones generales de grillas

21