diseño sistema inscripciones

Capítulo 4. Diseño del Sistema de Inscripciones

4.1 Arquitectura del sistema de inscripciones
El sistema desarrollado tiene una arquitectura de tipo cliente servidor con tres capas
como se muestra en la figura 4.1. La primera capa se encuentra constituida de dos
elementos, la interfaz gráfica para las inscripciones, encargada de la presentación de la
aplicación, y el motor AJAX dedicado ala comunicación asíncrona y la actualización
selectiva. La segunda se enfoca en la lógica detrás de cualquier operación propia del
proceso de inscripciones. Finalmente la tercera capa es la de los datos, puesto que en ella
se aloja la base de datos escolar, en la cual se almacena la información asociada con los
estudiantes y el proceso de inscripción.

Fig. 4.1: Arquitectura general delsistema de inscripciones. Elaboración propia

55

4.2 Diseño de la interfaz gráfica de inscripciones
El diseño de la interfaz gráfica de inscripciones giró alrededor de dos ejes principales, la
facilidad de uso para el usuario y la organización de la información de forma clara y
sencilla. Debido a lo anterior, es posible identificar en la interfaz cinco áreas bien
definidas que se puedenobservar en la figura 4.2.

Fig. 4.2: Áreas de la interfaz gráfica de inscripciones

La primera de estas secciones (marcada con el número 1) presenta información
general del estudiante, su carrera y el número de semestres cursados y unidades

56

aprobadas. Esta sección es de carácter informativo solamente, por lo que no brinda
ningún tipo de funcionalidad al usuario.
La segunda sección(2) está formada por una tabla que muestra al usuario
información sobre los cursos que puede inscribir en un determinado semestre de acuerdo
a su plan de estudios y las materias aprobadas con anterioridad. En esta tabla se ordenan
primeramente por semestre y luego por clave, cursos tanto sencillos como expansibles. Al
seleccionar cualquiera de los primeros, el sistema recupera las seccionesofrecidas de
dicho curso en el semestre actual y las presenta en la sección 3; por otro lado al elegir uno
expansible la aplicación recupera los cursos equivalentes que el estudiante puede inscribir
y los despliega inmediatamente debajo de la materia seleccionada en la misma sección 2.
El usuario tiene la opción de mostrar u ocultar los cursos equivalentes tantas veces como
lo desee, con sóloseleccionar el curso expansible al que éstos pertenecen.
La tercera región de la interfaz (3) cuenta con una tabla que muestra información
asociada con cada una de las secciones ofrecidas para determinado curso sencillo elegido
en la región 2. En la parte superior se encuentra un encabezado que informa el nombre
del curso al que pertenecen las secciones que se presentan en un determinado momento.El usuario puede dar de alta, baja o cambiar una sección inscrita al seleccionar cualquiera
de las secciones que se presentan en la tabla antes mencionada.
El área marcada con el número 4, muestra una de dos vistas de las secciones
inscritas por un estudiante, una tipo lista, en la cual las secciones se ordenan por la clave
del curso al que pertenecen y otra de tipo horario en la cual lassecciones son ordenadas
de acuerdo a la hora y el día en que son impartidas. Esta cuarta área ofrece la
funcionalidad de dar de baja secciones inscritas por el usuario, siempre y cuando se

57

encuentre activada la vista de tipo lista. Asimismo al elegir una de las secciones de dicha
lista el sistema despliega mayor información sobre ella en el área marcada con el número
5, en la cualtambién se permite al usuario realizar la baja de la sección cuya información
se muestra.

4.3 Patrones de diseño del motor AJAX
Según Mahemoff en [Mahemoff, 05] “los patrones de diseño son una manera concisa de
representar el conocimiento existente en muchas aplicaciones AJAX desarrolladas. El
punto es descubrir las mejores prácticas al investigar la forma en que los desarrolladores
han...