MODELO CONCEPTUAL DE DATOS E INTERFAZ GRÁFICA DE USUARIO

BRITISH SCHOOL CENTER (BSC) Commented [N1]: Este no es el título adecuado para el
informe. Entiende que es un todo de capítulos que debes
centrarlo en un solo título.

LINA MARCELA VERA RUBIO

INSTITUTO TOLIMENSE DE FORMACION TECNICA PROFESIONAL “ITFIP”

INGENIERIA Y CIENCIAS AGROINDUSTRIALES
TECNOLOGO EN GESTION INFORMATICA

ESPINAL-TOLIMA
2017
MODELO CONCEPTUAL DE DATOS E INTERFAZ GRÁFICA DE USUARIO
BRITISH SCHOOL CENTER (BSC)

LINA MARCELA VERA RUBIO

Informe presentado para la asignatura de:

DISEÑO DE BASE DE DATOS.

MG. NAYIBE SORAYA SÁNCHEZ LEON

INSTITUTO TOLIMENSE DE FORMACION TECNICA PROFESIONAL “ITFIP”

INGENIERIA Y CIENCIAS AGROINDUSTRIALES
TECNOLOGO EN GESTION INFORMATICA
ESPINAL-TOLIMA
2017
 CONTENIDO

Pág.
MODELO CONCEPTUAL DE DATOS E INTERFAZ GRÁFICA DE USUARIO ................ 5

BRITISH SCHOOL CENTER (BSC) .................................................................................. 5

Bloque de datos ........................................................................................................ 5

Tipos de grupos ........................................................................................................ 5

REQUERIMIENTOS FUNCIONALES DEL SISTEMA ....................................................... 6

HORARIO ACTUAL BSC .................................................................................................. 7

MODELO ENTIDAD RELACION ....................................................................................... 9

Descripción de las entidades .................................................................................... 9

MODELO RELACIONAL ................................................................................................. 11

PROPUESTA DE INTERFAZ GRÁFICA DE USUARIO PARA EL NUEVO SISTEMA DE

INFORMACIÓN AUTOMATIZADO ................................................................................. 12

INTERFAZ GRAFICA ASIGNACION HORARIOS BSC .................................................. 13

LOGIN .................................................................................................................... 13

USUARIO DOCENTE ............................................................................................. 13

USUARIO ALUMNO............................................................................................... 18

USUARIO ADMINISTRADOR ................................................................................ 21

Tabla De Ilustraciones
Ilustración 1 lista de alumnos de un grupo BSC .................................................................................. 7
Ilustración 2 horario actual BSC .......................................................................................................... 7
Ilustración 3 diagrama entidad relación ........................................................................................... 10
Ilustración 4 modelo relacional ......................................................................................................... 11
Ilustración 5 sesión para los usuarios ............................................................................................... 13
Ilustración 6 inicio sesión .................................................................................................................. 14
Ilustración 7 login docente ................................................................................................................ 14
Ilustración 8 datos personales del docente ................................................................................ 15
Ilustración 9 grupos para los cursos ............................................................................................ 16
Ilustración 10detalle del curso (ingles francés)......................................................................... 16
Ilustración 11 sede donde se asignó el curso y el grupo ......................................................... 17
Ilustración 12 listado de alumnos................................................................................................. 17
Ilustración 13 inicio sesión alumno .............................................................................................. 18
Ilustración 14 inicio usuario alumnos .......................................................................................... 18
Ilustración 15 datos personales del alumno ............................................................................... 19
Ilustración 16 grupos asignados .................................................................................................. 20
Ilustración 17 descripción del curso ............................................................................................ 20
Ilustración 18 sesión administrador ............................................................................................. 21
Ilustración 19 usuario administrador............................................................................................ 21
Ilustración 20 agregar modificar o eliminar cursos.................................................................... 22
Ilustración 21 agregar modificar y suspender alumno .............................................................. 22
Ilustración 22 agregar modificar o suspender docente............................................................. 23
Ilustración 23 agregar modificar o deshabilitar grupo ............................................................... 23
Ilustración 24 generación del horario de clase .......................................................................... 24
 MODELO CONCEPTUAL DE DATOS E INTERFAZ GRÁFICA DE USUARIO

BRITISH SCHOOL CENTER (BSC)

Bloque de datos Commented [N2]: Por favor hacer uso de la norma

En este bloque se emplea la información que se utiliza para generar esta asignación ICONTEC en el tema de títulos y numeración de estos.

de horarios.
Para la asignación de los horarios la coordinadora Zuleida necesita de los siguientes
datos:
Tipos de grupos: los niños tiene dos grupos
Litles de 5 a 7 años
Kids 8 a 10 años;
Intro (a): primer grupo donde ingresa (principiantes)
Intro (b): básico avanzado
File A (a1 Y a2): nivel básico
File B (b1 Y b2): nivel intermedio e intermedio avanzado.
C1 y C2: expertos o nativos (especializaciones) Commented [N3]: Donde está los documentos impresos
o digitales de este sistema de información que está
analizando?

Disponibilidad de los estudiantes

Se le asigna al día un grupo a cada profesor y después se programan los alumnos.
 REQUERIMIENTOS FUNCIONALES DEL SISTEMA

El sistema de información para la asignación de horarios contara con los siguientes

requerimientos funcionales.

1. Autentificación por medio de un nombre de usuario y contraseña.

2. el aplicativo mostrara una interfaz consistente para evitar confundir

al usuario.

3. El sistema suministrara avisos informativos tales como mensajes

de error, mensajes aclarativos y de confirmación.

4. El sistema permitirá que los alumnos desde un aplicativo puedan

ver los horarios y que no tengan que desplazarse hasta las oficinas.

5. El sistema permitirá al administrador agregar usuarios tales como

alumnos y/o docentes para cada uno de los cursos.

6. Permitirá modificar usuarios tales como alumnos y/o

docentes para cada uno de los cursos.

7. El usuario (alumno y/o docente) podrá activar o desactivar el curso

a dictar.

8. El usuario podrá descargar el horario en forma pdf o imprimirlo.

9. El aplicativo debe mostrar la ruta de acceso del usuario, incluir el

camino que se sigue principalmente, pasando por las secciones
hasta la página concreta.

10. El sistema invalidará un usuario cuando haya terminado el curso.

11. El sistema podrá generar reportes de la cantidad de alumnos en

cada curso.

12. El sistema permitirá saber el historial del alumno es decir si ha

realizados otros cursos en BSC.
 13. El sistema generara estadísticas de los cursos y grupos que
tuvieron más movimiento en el año.

14. El sistema permitirá saber el perfil profesional de cada docente y

sus datos personales.

HORARIO ACTUAL BSC

En este formato se diligencian los siete días de la semana horizontalmente, cada

día de la semana viene siendo una tabla la cual lleva: el límite de tiempo y las clases,
los tipos de grupos a escoger y el docente correspondiente.
Habiendo ya asignado los horarios estos se cargan y envían a los docente por
correo electrónico, en cambio sí un estudiante quiere saber cuál es su horario debe
acercarse a las oficinas a solicitarlos.

Commented [N4]: Estas dos imágenes, no las puedo

aceptar, ya que no son buena calidad y no se logra ver la
información que se transmite.

Ilustración 1 lista de alumnos de un grupo BSC

Ilustración 2 horario actual BSC

Commented [N5]: Mala calidad

Commented [N6]: Mala calidad

Commented [N7]: Mala calidad

Commented [N8]: Mala calidad

MODELO ENTIDAD RELACION

La necesidad de BSC es la de tener vigilados todos los horarios de la academia.

Es decir, se tiene que saber dónde está cada profesor en todo instante, qué clases
no se han dado y por qué y saber qué profesores hay disponibles y qué aulas están
libres en un momento determinado. También necesita saber cuánto tiempo ha
trabajado cada profesor en un mes y cuántas horas un profesor tenía que haber
trabajado, y el motivo de las cancelaciones.
Para la realización de estos modelos se utilizó una herramienta llamada Power
Modeller, la cual facilito su realización.
Por cual razón elaboraremos a continuación un modelo entidad relación que nos
permitirá saber la relación que existen entre las entidades. Para construir este
modelo de entidad relación tendremos en cuenta lo siguiente

Descripción de las entidades

Alumnos: personas adultos y niños quienes van a tomar las clases.

Docentes: docentes asignados para las materias
Cursos Idioma: distintos idiomas que se ofrecen (inglés, francés y portugués)
Grupos: distintas niveles para cada curso por ejemplo: Litles, Kids, Intro A y B, File
A y B, C1 y C2
Es decir en el curso de inglés existes niveles tales como: Litles, Kids, Intro A y B,
File A y B, C1 y C2 y así como para el curso de francés y portugués.

Horarios: distintos horarios manejados por la academia (de 08:00 am - 8:00 pm

lunes a viernes y sábados de 08:00 am - 05:00 pm)
Administrador: quien tiene el control total para asignar los horarios
 Commented [N9]: No entiendo la relación entre alumnos
y docentes.
Es más lógica la relación ternaria entre alumnos
cursoidioma y docente.

Alumnos y curso es N:N, coge a docente y relaciona con

matricular. Donde la entidad docentes es de cardinalidad 1
y la relación matricular sería N:N:N
Commented [N10]: Mala calidad
Commented [N11]:

Ilustración 3 diagrama entidad relación

MODELO RELACIONAL

Ilustración 4 modelo relacional

 PROPUESTA DE INTERFAZ GRÁFICA DE USUARIO PARA EL NUEVO
SISTEMA DE INFORMACIÓN AUTOMATIZADO

Funciones del prototipo para asignación de horarios en la academia BSC.

Primeramente solo se podrá acceder si se tiene un usuario y contraseña dado si es
alumno docente o el administrador, unas ves habiendo autenticado el prototipo nos
muestra el menú según la opción que elijamos
(ALUMNO,DOCENTE,ADMINISTRADOR). Commented [N12]: Por favor realiza los ajustes al
Diccionario de Datos.

En la siguiente tabla se especificara detalladamente lo que contiene cada menú de

selección

US_REGISTRADO

Autenticación El usuario debe autenticarse para poder

ingresar (nombre de usuario asignado y
contraseña).
US_DOCENTE

Datos personales del docente Nombre y apellidos teléfono, dirección,

correo, especialidad.
Consultar horario Grupos
Curso idioma
sede
alumnos
US_ALUMNO / ACUDIENTE

Datos personales Nombre apellido teléfono dirección fecha

de nacimiento correo nombre acudiente,
teléfono acudiente
Consulta horarios Grupos
horario
US_ADMINISTRADOR

Curso Código del grupo, Nombre, descripción

fecha inicio y final.
 Alumno Nombre, apellido, teléfono, dirección, datos
del acudiente.
Docente Nombre, apellido, dirección, teléfono,
correo, especialidad, perfil laboral.
Grupo Grupos, descripción del grupo
Generar horario Grupo para asignar, curso para asignar,
asignar docente, fecha inicio y final, horas
para la clase.

INTERFAZ GRAFICA ASIGNACION HORARIOS BSC

Esta interfaz fue diseñada gracias a la herramienta Balsamiq Mockups 3, diseñada

para hacer cualquier clase de prototipos para sitios web y aplicaciones móviles.

LOGIN
En el cual nos muestra el logo de la compañía junto con el usuario y la contraseña
y si no se encuentra registrado la opción para registrarse,

Ilustración 5 sesión para los usuarios

USUARIO DOCENTE
una vez ya identificado el inicio se sesión siendo docente, alumno o administrador
procedemos a la visualización de la interfaz del prototipo tal como los datos
personales del docente y su consulta de horario correspondiente donde visualizara
su curso periodo grupo y alumnos de su clase.
 Ilustración 6 inicio sesión

En la siguiente ilustración nos muestra el usuario docente ya habiendo iniciado

sesión, este comprende datos personales y consulta de horarios.

Ilustración 7 login docente

En la ilustración nos muestran los datos personales del docente tales como el
nombre apellido dirección teléfono correo y especialidad todo esto para facilitar
información al administrador y poder asignarle el grupo adecuado para este.
Ilustración 8 datos personales del docente

En esta ilustración encontramos la pestaña grupos donde el docente ingresa a

informarse que grupos le fueron asignados para cada curso con una breve
descripción la cual lleva el nombre del curso la descripción del curso la fecha de
inicio y la fecha final del curso y permite también darle la opción al docente de activar
o no el grupo es decir si no está en las condiciones para dictarlos simplemente deja
apagado el icono.
Ilustración 9 grupos para los cursos

Ilustración 10detalle del curso (ingles francés)

Después de saber qué curso y que grupo le fueron asignados continua con la
verificación de la sede que según la ilustración es Girardot, la fecha y hora para la
clase.
Ilustración 11 sede donde se asignó el curso y el grupo

El docente procede a ver el listado de alumnos de su curso con su respectivo código.

Ilustración 12 listado de alumnos

USUARIO ALUMNO
En el usuario alumno después de haber iniciado sesión.

Ilustración 13 inicio sesión alumno

Observamos en menú principal donde el alumno pobra ver sus datos personales y
consultar el horario.

Ilustración 14 inicio usuario alumnos

En la siguiente ilustración observamos los datos personales del alumnos tales como
nombre apellido teléfono dirección y los daos del acudiente. Dichos campos se
guardaran automáticamente los datos del acudiente no podrán ser modificados por
el alumnos.
Ilustración 15 datos personales del alumno

El alumno ingresara a la pestaña grupos donde selecciona el grupo al que pertenece

lo seleccionara y le arrojara la descripción del curso al cual se ha matriculado con
la fecha de inicio, final de este y el nombre del docente.
Ilustración 16 grupos asignados

Ilustración 17 descripción del curso

USUARIO ADMINISTRADOR
El usuario administrador es el encargado de la asignación de horarios, una vez
habiendo iniciado sesión nos encontramos un menú donde podemos fácilmente
agregar modificar o eliminar un curso alumno docente o un grupo.
En menú generar horario encontramos los elementos para asignarle el horario a los
grupos que se deseen.

Ilustración 18 sesión administrador

Observamos un menú de navegación donde nos muestran los cursos alumnos

docentes grupos generación de horarios.

Ilustración 19 usuario administrador

Al seleccionar curso observamos los distintos cursos que se ofrecen en la acdemia

BSC, las cuales podemos eliminar agregar modificar.
Ilustración 20 agregar modificar o eliminar cursos

Al seleccionar alumnos buscando lo por el nombre y/o el código encontramos sus

datos personales para ser modificados o agregados.

Ilustración 21 agregar modificar y suspender alumno

Al seleccionar docentes buscando por el nombre encontramos sus datos personales

para ser modificados o agregados.
Ilustración 22 agregar modificar o suspender docente

Al seleccionar grupos nos muestra los diferentes grupos que están los cuales se
pueden agregar modificar y eliminar

Ilustración 23 agregar modificar o deshabilitar grupo

Al generar el horario nos piden directamente el grupo el curso el docente la fecha
de inicio y final la sede y las horas de la clase guardamos y queda para que los
estudiantes y docente puedan acceder a él.

Ilustración 24 generación del horario de clase

REFERENCIAS
Peldi Guilizzoni (marzo 2008). Balsamiq (3.5.15) Descargado de: https://balsamiq.com/download/

Maximiliano Franco y Carlos Daniel San Martin (v.1.1). Power modeller. Descargado de:
https://www.apuntesunaj.com/descargas/70efdf2ec9b086079795c442636b55fb