capÍtulo 3.- desarrollo
TRANSCRIPT
9
CAPÍTULO 3.- DESARROLLO
3.1.- ANÁLISIS
3.1.1.- MODELO CONCEPTUAL
Durante el proceso de análisis, tomando en cuenta la documentación obtenida,
se diseñó un modelo del sistema, el cual sirvió de base para el desarrollo y
documentación de la aplicación móvil, este modelo describe la funcionabilidad
del sistema y la interacción que tiene el alumno con la aplicación, por medio de
procedimientos almacenados y consultas de bases de datos.
Figura 1.- Big Picture.
La figura anterior representa la estructura funcional del sistema, donde se
identifica el flujo de actividades que intervienen en el los procesos internos y
externos de la aplicación. Se visualiza la relación del usuario con el dispositivo
móvil que sirve como emulador local de la aplicación, lo cual permite que sea más
estable y rápida. Se encuentra también el conjunto de procesos del sistema, entre
los cueles se destacan: El proceso de instalación comienza con la descarga de la
aplicación desde la página oficial del Instituto Tecnológico, hasta que esta instala
correctamente en el dispositivo móvil de preferencia del usuario; el motor de
preguntas por cuestionario, el cual se encarga de mezclarlas de forma aleatoria,
pero cuidando que existan la misma cantidad de cada área en el cuestionario; el
10
informe de resultados, el cual gracias a los procesos almacenados permiten
consultar el puntaje obtenido del alumno en la base de datos y después los
comparan y evalúan conforme a los estándares que el cuestionario marca,
obteniéndose el perfil específico para cada alumno; la utilización de la API de
correo electrónico de google, la cual sirvió de vinculo entre la aplicación móvil y el
departamento de orientación vocacional, ya que una vez que este recibe la clave
de resultados por medio del correo electrónico se registran en el historial de
alumnos y conforme al perfil que presentó el estudiante, el departamento toma los
incentivos definidos para brindar la correcta orientación vocacional.
3.1.2.- CASOS DE USO
Figura 2.- Caso de uso del registro del alumno.
3 c La figura 2 describe que el alumno se tiene que registrar en la aplicación móvil,
proporcionando sus datos personales, sus datos académicos y seleccionar una
imagen de perfil, posteriormente la aplicación móvil almacena la información
ingresada por el usuario en la base de datos.
11
Figura 3.- Caso de uso del motor de preguntas, informe de resultados y envío de
correo electrónico. En la figura 3 describe la interacción del alumno con la aplicación móvil, al igual
que muestra las funciones específicas de la interfaz como mostrar el menú de
cuestionarios, menú del cual el alumno deberá seleccionar uno y proceder a
contestar las preguntas que se le vayan presentando hasta terminar las preguntas
del cuestionario seleccionado. Después de que el alumno responda el (los)
cuestionario (s) la aplicación móvil, almacenara el valor de sus respuestas en la
base de datos que después utilizará para evaluar al alumno y asignarle el perfil
que mas se adecue a su puntaje. Una vez hecho esto, la aplicación móvil, genera
el informe de resultados, que se divide en información general del resultado y un
informe específico por áreas de desempeño, informe que se manda por correo
electrónico al Departamento de Desarrollo Académico, adjuntando la clave de
resultados generada por la aplicación, para cuando el personal del departamento
12
recibe el correo registra la clave en la tabla dinámica del historial de alumnos.
3.2.- DISEÑO DEL SISTEMA
3.2.1.- DISEÑO ARQUITECTÓNICO
Figura 4.- Modelo arquitectónico de la aplicación móvil.
La figura 4 describe la interacción de la aplicación móvil con el entorno de
desarrollo e implementación en un ambiente real, describiendo las conexiones
con los servidores y bases de datos, la interacción del alumno con la interfaz de
la aplicación, la representación de los resultados y la relación del psicólogo con
el alumno al brindarle la correcta orientación vocacional según el perfil que
presente.
13
3.2.2.- DISEÑO DE MÓDULO Y COMPONENTES
Figura 5.- Modelo de componentes.
En la figura anterior se muestra el diseño del módulo general del sistema y sus
correspondientes componentes, como son: los servidores web y local; el
dispositivo móvil, la aplicación móvil, la base de datos, la API de Google Mail y
el código desarrollado.
3.2.3.- DISEÑO DE INTERFACES Para poder realizar un correcto diseño, fue necesario hacer juntas periódicas
con el personal del Departamento de Desarrollo Académico, para poder definir
aspectos del diseño, como los colores, tipografía de letra, los encabezados, la
distribución de elementos en la pantalla, la información que se le muestra al
alumno, sobretodo definir el proceso de manejo de resultados, la evaluación del
perfil del alumno y la metodología del departamento para brindar la correcta
orientación vocacional al alumno.
14
Figura 6.- Diseño de la interfaz inicial.
En la figura 6 se muestra la primera propuesta de la pantalla de inicio, para la
cual se requirió de diseñar el logo de la aplicación móvil, con los colores y
textos acordados con el departamento, después se realizaron las imágenes de
los botones de inicio y se procedió a diseñar la pantalla principal, la cual cuenta
con los logos de la Secretaría de Educación Pública y del Instituto Tecnológico
de Colima como encabezado, y posteriormente se muestra el logo de la
aplicación y los botones de acción para acceder o salir de la misma.
El diseño del registro del alumno se realizó con la información requerida por el
Departamento de Desarrollo Académico, el cual nos indicó que era necesario
tener los datos generales del usuario, algunos datos académicos y una foto
para identificar al alumno visualmente. (Ver figura 7).
15
Figura 7.- Diseño del formulario de registro del alumno.
Esta pantalla se planteó con un formulario de registro clásico, pero
incorporando campos de selección, validando el contenido de los campos e
incluyendo la función de agregar y visualizar una imagen de perfil.
El diseño del informe de resultados fue un poco complejo, ya que se
incorporaron gráficas y tablas para poder presentar la información de manera
ordenada y limpia al usuario, además de remarcar los resultados mas
significativos y las áreas en que el alumno se podría desempeñar según el
perfil que presentó en la aplicación móvil.
16
Figura 8.- Diseño del informe de resultados.
En la figura 8 se muestra la estructura del informe de resultados, el cual se
divide en: Información general del alumno, el cual muestra los datos más
significativos del alumno; resultados generales, mostrando el puntaje total que
obtuvo el alumno por cada cuestionario; resultados por área de desempeño, se
aprecia una tabla donde se coloca el puntaje obtenido por área de interés;
gráficas, las cuales se calculan por medio del porcentaje de éxito de las áreas
de desempeño y según el porcentaje que presente el alumno es el avance que
se muestra en ella; áreas de mayor desempeño, se muestran en negritas las
áreas de mejor desempeño del alumno para que sean fáciles de identificar; y
finalmente los botones de acción, los cuales van cambiando según la
funcionabilidad que este programada en cada proceso del informe de
resultados.
Y siguiendo esta estructura es como se diseñó el resto de las pantallas de las
funciones de la aplicación móvil.
17
3.2.4.- DISEÑO DE LA BASE DE DATOS
Figura 9.- Diagrama de entidad - relación de la base de datos.
La figura 9 muestra el diseño de la base de datos, la cual se conforma de
cuatro tablas: Usuarios, para guardar los datos generales del alumno;
Cuestionario, donde se almacenan los cuestionarios para el test; Pregunta,
registra las preguntas para los cuestionarios y ÁreaDesempeño, que
representa las áreas que el alumno puede desempeñar.
La base de datos se diseñó al principio para manejarse en un servidor SQL
local, pero conforme a los requerimientos necesarios para el desarrollo móvil
dentro de la plataforma de appinventor, se tuvo que adaptar a TinyBD, que al
igual que el SQL es una herramienta muy potente para la administración de
bases de datos.
18
3.3.- IMPLEMENTACIÓN
3.3.1.- PROGRAMACIÓN DE MÓDULOS Y COMPONENTES
Figura 10.- Método para guardar los datos generales del alumno en la base de
datos.
Este método permite guardar la información que registró el alumno dentro de la
aplicación, para utilizarla después en reportes e informes de resultados. Se
incluye una función de validación de campos la cual, revisa que los campos del
registro del alumno sean requeridos y en caso de que falte algún dato por llevar
le mostrará un mensaje de alerta en la aplicación, esto para que termine de
19
llenar todos los campos necesarios.
El siguiente método muestra el motor de preguntas, que le permite al usuario
visualizar las preguntas del cuestionario y responderlas según su criterio y
posteriormente registrarlas en la base de datos.
Figura 11.- Código del motor de preguntas y validación de campos de respuestas.
En la figura 11 se describe el método de visualización de preguntas, el cual
después de que se mezclan las preguntas, se realiza con un pequeño ciclo que
cambia la imagen en el cuestionario, según el número de pregunta,
incrementando en 1, para mostrar la siguiente pregunta en lista.
El método de almacenamiento de respuestas, esta configurado de forma de
20
que valide primero si el usuario seleccionó una respuesta en el formulario, si no
lo hizo, la aplicación le informa al usuario que deberá seleccionar una
respuesta en el formulario, y si lo hizo, almacena el valor de la respuesta
seleccionada en la base de datos e incrementa en 1 el número de pregunta .
3.3.2.- IMPLEMENTACIÓN DE INTERFACES
La aplicación móvil es conformada por varios elementos, de los cuales
destacan: el motor de preguntas y el proceso de evaluación. El primero es el
encargado de distribuir de forma ordenada las preguntas para que se le
muestren al usuario una pregunta de cada área a la vez, por su parte el
segundo junto con la base de datos, almacena y evalúa las respuestas del
usuario, las compara con el registro de patrones del test de Luis Herrera y
Montes, y muestra en pantalla el perfil obtenido del usuario. El lenguaje de
programación es Java con base a programación a bloques dentro de la
herramienta de programación AppInventor, que funciona como compilador y
emulador de aplicaciones móviles, esta herramienta cuenta con un apartado
para construir la interfaz gráfica, la cual permite personalizarla por medio de
herramientas de formularios clásicos, de edición, imagen, herramientas
multimedia, de almacenamiento, entre otras.
En este apartado se indican las pantallas del funcionamiento de la aplicación
móvil. Al inicio del proceso se muestra la pantalla de bienvenida, en la que
muestra el logo de la aplicación y los logos de las instituciones pertinentes para
la que fue desarrollada la aplicación.
La aplicación móvil cuenta con una interfaz muy intuitiva que permite que el
usuario interactúe fácilmente con la aplicación y pueda realizar una evaluación
exitosa por medio de tres cuestionarios sencillos, así el proceso de obtención
de orientación vocacional se agiliza considerablemente.
En la siguiente figura se muestra la interfaz inicial de la aplicación móvil, que
incluye la pantalla de bienvenida y el formulario de registro del usuario.
21
Figura 12.- Pantallas de bienvenida y registro del alumno.
El test se divide en tres cuestionarios, los cuales son para evaluar distintos
ámbitos del perfil del usuario; el primero tiene el propósito de evaluar los
intereses del usuario hacia las actividades que se realizan cotidianamente; el
segundo es para evaluar los intereses del usuario hacia diversas actividades
laborales; y el tercero tiene la finalidad de evaluar las habilidades con la que
cuenta el usuario para desempeñar diversas actividades dentro de distintas
áreas productivas.
En la figura siguiente se muestra el menú de los cuestionarios del test, donde
se puede ver el título del test y cuántas preguntas contiene.
22
Figura 13.- Menú de cuestionarios.
Cada cuestionario puede ser utilizado en la medición de los intereses con la
certeza de que arrojará resultados objetivos y con la ventaja de que se podrá
economizar en tiempo, material y esfuerzo, además de haber sido elaborado
tomando en consideración las variables culturales, que en la actualidad muy
pocas veces se toman en cuenta para este tipo de documentos.
Dentro de la aplicación cuando se disponga a contestar alguno de los
cuestionarios, antes de visualizar las preguntas, se muestra información
histórica del cuestionario vocacional de Luis Herrera y Montes, el propósito
para el que está orientado el test y alguna recomendaciones de los autores del
test para una mejor evaluación; después de ver la información se muestran las
instrucciones para responder correctamente y una relación en forma de tabla
en la que muestra el inciso y su valor en puntos para el test seleccionado. Esta
información se debe leer atentamente y registrar en la aplicación que se
entendió el contenido de esta parte informativa. (Ver figura 14).
23
Figura 14.- Información e instrucciones del cuestionario.
La lista de preguntas de cada cuestionario de intereses se elabora haciendo
una selección de áreas más comunes entre las personas, las cuales para fines
de este test son las siguientes:
• Servicio Social (SS): Se refiere al gusto por servir a los demás, y en
primer lugar por los necesitados, niños y ancianos.
• Ejecutivo Persuasivo (EP): Se refiere al gusto del trato por la gente, a
quienes agrada imponer sus puntos de vista, convencer a los demás
respecto a un proyecto, vender algún artículo, etc.
• Verbal (V): Se refiere al gusto por la lectura o el placer por expresar sus
ideas en forma oral o escrita.
• Artes Plásticas (AP): Se refiere al gusto por hacer trabajos de tipo
manual, usando combinaciones de colores, materiales, formas y diseñador.
• Musical (Ms): Se refiere al gusto por tocar instrumentos musicales, cantar,
bailar, leer sobre música, asistir a conciertos, estudiar la vida de
destacados compositores, etc.
• Organización y Oficina (Og): Se refiere al gusto por un tipo de trabajo de
escritorio que requiere exactitud y precisión.
• Científico (Ct): Se refiere al gusto por investigar la verdadera razón de los
24
hechos o de las cosas, en descubrir sus causas y en resolver problemas de
distinta índole, por mera curiosidad científica y sin pensar en los beneficios
económicos que puedan resultar de la investigación.
• Calculo Numérico (Cl): Se refiere al gusto de trabajar con números.
• Mecánico (Mc): Se refiere a la preferencia por trabajar con máquinas y
herramientas, construir o arreglar objetos mecánicos, muebles, artefactos
eléctricos, etc.
• Aire Libre (Al): Se refiere al gusto por pasar la mayor parte del tiempo en
el campo, en los bosques o en el mar, también por cultivar plantas y cuidar
animales.
La lista de preguntas para la evaluación de aptitudes se elabora haciendo una
selección de áreas en las que el estudiante pueda desempeñarse después de
terminar el grado de estudios. Las cuales se basan en las áreas de interés ya
que si el estudiante puede desarrollar un interés por un área, de la misma
forma puede aprender habilidades para realizar tareas dentro de estas áreas.
Las áreas según las aptitudes serían las siguientes:
• Servicio Social (S.S): Se refiere a la facilidad para comprender problemas
humanos y proporcionar ayuda efectiva a quién necesite.
• Ejecutivo Persuasiva (E.P.): Se refiere a la facilidad para organizar,
supervisar y dirigir a otras personas.
• Verbal (V): Se refiere a la facilidad para manejar con propiedad y precisión
el lenguaje hablado o escrito.
• Artístico Plástica (A.P.): Se refiere a la habilidad para apreciar o crear
obras armónicas en formas y colores.
• Musical (Ms): Se refiere a la facilidad para captar, distinguir, reproducir y
combinar armónicamente los sonidos.
• Organización (Og): Se refiere a la habilidad para ordenar y sistematizar
datos.
• Científica (Ct): Se refiere a la facilidad para captar la razón de ser de los
fenómenos, comprender las causas que los provocan y los principios que
25
las explican.
• Cálculo (Cl): Se refiere a la facilidad para el manejo rápido y eficiente de
las operaciones numéricas.
• Mecánico Constructiva (M.C.): Se refiere a la habilidad para comprender,
diseñar y construir aparatos, así como para proyectar objetos de
movimientos coordinados y precisos.
• Destreza Manual (D.M.): Habilidad en el uso de las manos y los dedos,
facilidad para la ejecución de movimientos coordinados y precisos.
Cada área tiene sus preguntas claramente identificadas y para lograr un
cuestionario nivelado y versátil, se mezclan las preguntas de modo de que una
por una se vaya cambiando de área de interés, por lo tanto si enumeramos las
preguntas del 1 al 10 según el test, que se este contestando, existirá una de
cada área y se ordenara en base a una tabla de organización de preguntas que
se muestra en la siguiente figura.
Tabla 1.- Orden de preguntas por área.
Las respuestas se almacenan por medio de un arreglo de datos que guarda el
número de pregunta, el puntaje de la respuesta que allá registrado el alumno y
adjunta también el número del test que está contestando, manejarlo así facilita
el recuento de puntos, esto porque cuando el arreglo se completa solo se
recorre y se suman los puntos de todas las respuestas, y al final se guarda en
una variable individual para utilizarla en el procedimiento de evaluación.
En la siguiente figura se muestra el procedimiento que almacena las
respuestas del usuario en variables que posteriormente se evaluarán para
definir el perfil indicado para el estudiante.
26
Figura 15.- Almacenamiento de respuestas y cálculo de totales.
El proceso de evaluación dentro de la aplicación se lleva a cabo una vez que el
alumno responde el total de cuestionarios del test, ya que cada respuesta es
importante para realizar este procedimiento. Después se realiza un
procedimiento de evaluación o interpretación de resultados en base a una
comparación del puntaje y porcentaje que haya obtenido el alumno con sus
respuestas.
Al consultar estos resultados en la base de datos, se vacían las variables
individuales y se suman los puntajes de las áreas similares según el número de
pregunta, después de que se obtiene el total, se saca el porcentaje de
respuesta con un procedimiento que realiza una regla de tres y refleja como
27
resultado por área.
Una vez que se realizan las evaluaciones individuales por área se suma el
puntaje de todas y se guardan en variables individuales para después
representarlas en el detalle de resultados, con esto se obtienen los puntos
totales de cada cuestionario y también se almacenan individualmente. Una vez
terminada la evaluación se guardan en la base de datos y se procede a mostrar
los resultados por medio de un informe, el cual muestra los datos personales
del alumno y los puntajes totales obtenidos por cuestionario (Ver Figura 16).
Figura 16.- Informe general de resultados.
Después estos totales se desglosan para mostrar a detalle los puntajes y
porcentajes de cada área de interés y se resaltan los puntajes y porcentajes
más representativos en color verde, los cuales se guardan en la base de datos
para poder crear la clave del registro de resultados que requiere el personal del
departamento de orientación vocacional (Ver figuras 17 y 18).
28
Figura 17.- Informe a detalle de cuestionario 1 y 2.
Figura 18.- Informe de detalle del cuestionario 3.
Cuando la evaluación esta terminada se genera la clave de resultados, que es
una concatenación que se realiza automáticamente con procedimientos
almacenados que consultan la base de datos para obtener datos
representativos de los datos del alumno siendo los siguientes:
• N° De Cuenta: Número de cuenta que registró el alumno.
29
• Nombre: Nombre completo del alumno,
• Edad: Edad del alumno.
• Sexo: Sexo del alumno.
• Carrera: Carrera a la que está inscrito el alumno.
• Bachillerato: Bachillerato de procedencia.
• Carrera Técnica: Carrera técnica del bachillerato de procedencia.
• Foráneo: Muestra si el alumno es foráneo, “Si” o ”No”.
• Puntaje: Puntaje total del test.
Ejemplo:
“09160948,Juan Alfredo López Villa,24,Hombre,Ing. En Bioquímica, Bachillerato
Técnico No 1,Bachiller,No,381”
Figura 19.- Método de concatenación de clave de resultados.
30
En la figura anterior se muestra el método para crear una clave de resultados
que surgió la necesidad de tener un registro del historial de alumnos que
realizan el test y que obtienen una asesoría vocacional, para lo cual se planeó
concatenar los datos necesarios y enviarlos por medio de correo electrónico al
personal encargado del departamento de orientación vocacional de la
institución académica.
Para que la aplicación funcione correctamente, se requiere de un dispositivo
móvil que tenga un sistema operativo Android 4.0 o posterior, 512 Mb de ram,
25 MB de espacio libre y conexión a internet.
3.3.3.- PROGRAMACIÓN DE LA BASE DE DATOS La incorporación de la base de datos en la aplicación se llevó a cabo por medio
de procedimientos almacenados que realizan actividades específicas de
inserción y de consulta, que facilitan la obtención de información para el
desarrollo de actividades e informes de resultados.
31
Figura 20.- Método de consulta de variables totales a la base de datos.
La figura 20 muestra un fragmento del código de inicialización para el informe
de resultados, la cual se desarrolló de forma que cuando se abre por primera
vez la pantalla, se llama a los procesos de consulta, los cuales obtienen la
información requerida para mostrar al usuario.