Sistema de Tutoría Virtual con Retroalimentación
Interactiva entre Docente-Estudiante
Virtual Tutoring System with Interactive Feedback
between Teacher-Student
Jenny Pereira-Sarmiento
Departamento de Ciencias de la Computación
Escuela de Ciencias de la Computación
Universidad Técnica Particular de Loja
Loja, Ecuador
jfpereira1@utpl.edu.ec
Resumen — El presente documento plantea una propuesta de
apoyo al estudiante mediante una plataforma que tiene el
propósito de facilitar la interacción entre un estudiante y su
docente, denominada Plataforma de retroalimentación entre
docente-estudiante UTPL. Consiste en una herramienta que
funciona como foro: el profesor coloca el nombre del tema a
tratar y comienza aportando ideas principales del tema, los
estudiantes aportan con información del tema teniendo en cuenta
que la participación de ellos es calificada. Actualmente no existen
soluciones relacionadas con la propuesta planteada, o por lo
menos con características semejantes a las que tiene. Para
realizar la propuesta se ha planteado el uso de una arquitectura
cliente-servidor con el enfoque metodológico cascada, respetando
cada fase de desarrollo con el fin de obtener un producto de
calidad.
Palabras Clave – retroalimentación; plataforma web;
arquitectura;
Abstract — This document presents a proposal for student
support through a platform that has the purpose of facilitating
interaction between a student and his or her teacher, called the
UTPL Student Feedback Platform. It consists of a tool that
functions as a forum: the teacher places the name of the topic to
be discussed and begins by contributing main ideas of the topic,
the students contribute with information of the topic considering
that their participation is qualified. Currently there are no
solutions related to the proposed proposal, or at least with
characteristics similar to those it has. In order to realize the
proposal, the use of client-server architecture with a cascade
methodological approach, respecting each phase of development
in order to obtain a quality product.
Keywords - feedback; Web platform; architecture; Flask
Microframework; bootstrap.
I. INTRODUCCIÓN
Para apoyar el aprendizaje de un estudiante, las
instituciones educativas optan por usar todas sus herramientas
o recursos disponibles, todo con la finalidad de cumplir con la
meta de lograr alcanzar la enseñanza objetivo establecida para
esa materia.
2019 14th Iberian Conference on Information Systems and Technologies (CISTI)
19 – 22 June 2019, Coimbra, Portugal
ISBN: 978-989-98434-9-3
Liliana Enciso
Grupo de Investigación Innovación Tecnológica Educativa
Departamento de Ciencias de la Computación
Universidad Técnica Particular de Loja
Loja, Ecuador
lenciso@utpl.edu.ec
Cuando el docente planifica la clase, el orden
correspondiente para llevar a cabo comenzará con los
contenidos y los recursos que utilizará, sean prácticos, teóricos
o didácticos. Cuando la clase es estructurada por orden, o por
pasos, entonces al iniciar la clase esta empezará a tomar forma
cuando el docente explique el contenido y logre incitar interés
en el estudiante. Por lo tanto, el estudiante como un actor
activo de este proceso, será aquel que logre dar su punto de
vista, mediante su participación, consiguiendo que la clase se
vuelva constantemente activa; es aquí donde el docente está
siendo flexible con su planificación, porque está dispuesto a
aceptar opiniones, colaboraciones por parte de sus estudiantes
todo con el fin de enriquecer la clase [1]. Pero un docente no se
limita meramente sólo a estas tácticas de planificación de
clases, sino, que hace uso de estrategias de aprendizaje que en
sí son procesos de toma de decisiones, mediante las cuales el
estudiante selecciona y por lo tanto recupera y/o fortalece
aquellos conocimientos que necesita para cumplimentar una
tarea determinada. Estas estrategias que hemos mencionado
son procedimientos personales que permiten, el control, la
elección y la implementación de métodos y técnicas para el
entendimiento de la información reconocida en clases [2].
Es oportuno mencionar que el uso de las TIC‘s también
juegan un papel importante en la educación hoy en día. Es
bastante claro que la incorporación de las tecnologías en las
instituciones educativas están siendo más visibles, desde el uso
de Internet, dispositivos electrónicos o herramientas de
software que permiten la evaluación online. Desde el siglo
pasado se ha comprobado que la tecnología está ocupando un
amplio espacio en la vida cotidiana de cualquier persona [3]
[4], facilitando el acceso a una variedad información [5].
Existen diversos conceptos acerca de retroalimentación,
unos autores lo definen como parte de la evaluación, situado
posterior a la enseñanza, otros lo consideran un proceso que
está ligado directamente con la evaluación, juntamente con la
calificación [6].
 La retroalimentación convencional, por lo general, no
proporciona resultados convincentes que aseguren que el
estudiante comprenda el sentido de esta estrategia de
aprendizaje. Según un estudio mostró que el 30% de
estudiantes en una clase no había encontrado ayuda en la
retroalimentación, en otra investigación se llegó a la conclusión
de que la mayoría de los estudiantes no revisan las notas que
sus docentes suelen colocar en trabajos o evaluaciones
impartidas [7].
De acuerdo con estos antecedentes, se propone la
implementación de una plataforma web que tiene el objetivo de
mejorar la retroalimentación en una clase y lo hará de la
siguiente manera: el docente como actor activo del proceso de
aprendizaje, será aquel que dentro de la plataforma establezca
un horario y un tema a tratar. Por lo tanto, el docente se
visualizará como disponible o “conectado” dentro de la
plataforma para resolver cualquier tipo de dudas, entonces de
acuerdo a esto, los estudiantes ingresarán y mediante el uso de
chat podrán comunicarse y comenzar un diálogo con el
estudiante. Para el desarrollo de esta propuesta se ha utilizado
herramientas de desarrollo web, tales como: HTML, CSS,
BootStrap, Python, Flask. La arquitectura diseñada para la
plataforma es cliente-servidor con una vista agradable y
comprensible para el usuario.
II. TRABAJOS RELACIONADOS
No es de extrañarse que existan herramientas que sirvan de
apoyo al estudiante. El uso de las Tic‘s aportan una
contribución importante para el estudiante, son tecnologías
como la realidad virtual que ayudan al estudiante para que se
desenvuelva de una manera más real e interactiva, de tal forma
que se ha desarrollado clases virtuales usando herramientas
como Second Life, y Moodle con el objetivo de ofrecer un
producto más completo denominado Sloodle [8]. La propuesta
planteada en este documento tiene un propósito en particular y
a la vez similar a Sloodle, que es una clase en línea, donde los
estudiantes y el docente participen de una manera más abierta y
sin reservas acerca de un tema, sin embargo la peculiaridad de
la Plataforma de retroalimentación se plasma en que es una
herramienta de chat, similar a un foro, con el propósito de que
los estudiante sean retroalimentados de una clase previamente
ya vista, despejando dudas y aportando nuevas ideas acerca del
mismo.
Para el desarrollo de aplicaciones móviles, sitios web, o
sistemas es imprescindible la implementación un tipo de
arquitectura, sea tres capas, cuatro capas, cliente servidor, u
otro. No sólo es un modelado de diseño tradicional, sino que
también se convierte en una necesidad al momento de
desarrollar. Como en el que caso de RSAC, con la arquitectura
cliente-servidor siendo el modelo más adecuado para su
implementación física. RSAC es una red Social de Aprendizaje
colaborativo, donde estudiantes se ven beneficiados porque esta
herramienta les brinda recursos como: wiki, Foro,
comunidades, chat y mensajes [9]. Por lo tanto el proceso de
trabajo está en el que los usuarios podrán enviar y recibir
peticiones del servidor a través de la web, este proceso se
asemeja al que se usa en la propuesta que se plantea en este
documento, mediante el uso de la plataforma web.
No existen limitaciones en el uso de tecnologías con el
objetivo de apoyar el aprendizaje de un estudiante [10].
Facebook siendo una red social puede ser bien usada como
ayuda en el aprendizaje de inteligencia artificial, por las
preferencias e interacciones de los estudiantes con respecto al
uso de sus páginas y sus grupos. El conflicto con esta propuesta
está en que sólo es una examinación de esta red social con
encuestas para saber si Facebook se podría usar o no, para este
propósito[11]. Las características compartidas con la
Plataforma de retroalimentación está en que las dos pretenden
llegar al estudiante, impulsarlo y permitirle que sea ´el quien
aproveche cada tecnología que se le plantea.
III. MARCO TEÓRICO
A continuación se plantea los conceptos principales y por
ende importantes usados para la elaboración de la propuesta
“Plataforma de retroalimentación entre docente-estudiante
UTPL”.
A. Arquitectura cliente-servidor
Es una arquitectura dividida en dos partes, tal como lo dice
el nombre: cliente y servidor, el cliente solicita servicios al
servidor y el servidor funciona de una manera similar a los que
hace un Sistema gestor de Base de Datos, respondiendo a las
solicitudes que le realiza el cliente [12]. Las tareas en esta
arquitectura pueden ser divididas en tres capas: Presentación,
Aplicación y Administración de datos.
x Presentación: correspondiente a la vista que se
presentará ante el usuario para que pueda visualizar y
solicitar los servicios que esta preste, por ejemplo:
páginas web en un navegador, pantallas en windows,
entre otras.
x Aplicación: una forma en la que esta capa puede ser
relacionada es como capa lógica de negocio. Siendo
aquella que está detrás de la capa de presentación,
permitiendo que se ejecuten las acciones que se
soliciten.
x Administración de datos: es la capa encargada de
gestionar la base de datos, no es la base de datos, sino
aquella que permite la manipulación de los datos.
Figure 1. Arquitectura cliente-servidor.

2019 14th Iberian Conference on Information Systems and Technologies (CISTI)

19 – 22 June 2019, Coimbra, Portugal
ISBN: 978-989-98434-9-3
 La fig.1, muestra la arquitectura que se implementará para
desarrollar la plataforma web. Cabe recalcar que la base de
datos será remota.
B. Microframework Flask
Es un framework web que proporciona herramientas,
librerías y tecnologías que permiten crear cualquier aplicación
web. Permitiendo al desarrollar generar su aplicación de una
manera más organizada ya que esta usa la arquitectura, MVC.
1) Ventajas de Flask:
x Propio servidor web.
x Permite el desarrollo estructurado y organizado del
sitio web.
x Admisión de diferentes extensiones para desarrollar el
sitio web.
x Compatible con Python3 [13].
2) Ventajas de Flask:
x Al desarrollar aplicaciones más robustas el servidor de
flask no podrá abastecer los servicios o procesamientos
que este use.
x Varios desarrolladores prefieren usar Django a Flask
por las características de soporte de datos que ofrece
Django.
C. Plataforma virtual
Una plataforma virtual es más que una página web. Una
plataforma virtual vincula elementos adicionales a lo que hace
una página web, como son herramientas de apoyo a la
enseñanza educativa convirtiéndose en una forma de
metodología totalmente diferente a las tradicionales. La fig.2,
muestra una vista de una plataforma virtual, la parte de logeo.
Figure 2. Plataforma Virtual
2019 14th Iberian Conference on Information Systems and Technologies (CISTI)
19 – 22 June 2019, Coimbra, Portugal
ISBN: 978-989-98434-9-3
1) Ventajas en el uso de una Plataforma virtual:
x Hay más facilidad en el acceso a la información.
x Mayor fluidez en el uso de tecnologías.
x Facilidad en mantenimiento.
x Desenvolvimiento más fluido con el docente.
2) Desventajas en el uso de una Plataforma virtual:
x Exigir más tiempo y dedicación a los docentes.
x Demanda de conocimiento básico.
x Exigir el acceso a tecnologías que comprenden nuestra
generación, sin considerar la capacidad económica de
los estudiantes [14] [15].
D. Bootstrap
Es un framework CSS que permite dar forma a un sitio web
mediante el uso de menús, barra de navegación, botones, cajas
de texto entre otros [12]. El uso que más se le atribuye a
bootstrap es la responsividad [16]. El uso provechoso de este
framework garantiza un sitio totalmente vistoso y amigable con
el usuario.
1) Ventajas de Bootstrap:
x Imágenes responsivas.
x Adaptación de barra de navegación.
x Formularios con estilos
x Modificación de vistas en tablet, pantalla grande,
mediana, celular, mediante códigos query.
x Modificación de tamaños, estilos, letras con el simple
hecho de usar clases.
x Incorporación de Paginación dentro del sitio web.
x Generación de alertas.
x Carruseles interactivos
x Incorporación de formularios responsivos y únicos.
2) Desventajas de Bootstrap:
x Si es un desarrollador nuevo usando este framework, la
tarea de adaptarse a esta, será ardua y larga.
x Cuando has trabajado en una versión de bootstrap,
cambiar a otra será un trabajo agregado, pues cada
versión tiene su estructura.
x Aunque también es una herramienta sumamente
beneficiosa, en algunos casos puede exigir el uso de
javascript, jquery, haciéndola pesada.
 IV. D ESARROLLO
Para el desarrollo de la plataforma virtual Feedback se ha
implementado una serie de fases con el objetivo de cumplir con
el resultado esperado. Se utilizó una metodología tradicional en
cascada, para respetar cada aspecto que se vincula con la
propuesta.
x Fase de análisis: En esta parte se ha realizado un estudio
minucioso del funcionamiento de los requerimientos para el
que se hizo el desarrollo de nuestra aplicación. Hemos
realizado con minuciosidad la factibilidad de nuestro
proyecto mediante un estudio con lo trabajos relacionados.
A continuación se ha analizado si los requerimientos
funcionales cumplen con lo solicitado para llevar a cabo la
aplicación. Es importante recalcar que más que una
herramienta de apoyo este se convertiría en un medio más
de interacción entre docente-estudiante, de aquí nace la
relevancia de esta fase.
x Fase de diseño: Una vez al ver aclarado la especificación
de nuestros requerimientos, nos centramos principalmente
en el diseño de la propuesta, basándonos en el
funcionamiento que nos fue otorgada previamente con la
fase de análisis. Para dar una perspectiva General del
funcionamiento de la plataforma, se presenta la figura 3,
donde se muestra el diseño de caso de uso general, donde el
Administrador, mediante el Inicio de sesión podría
Gestionar Usuario, mediante la creación de cuenta de
usuario, y a la vez asignar el rol si es estudiante o profesor.
El estudiante y el docente podrán acceder al chat y
contribuir en el mismo una vez hayan Iniciado Sesión, de
no ser así no podrán contribuir a la plataforma. Es necesario
mencionar que tal como se plantea el caso de uso, ni el
estudiante, ni el docente podrán crear cuenta, porque sólo el
administrador será el que podrá administrar esta
información de usuario, aún para modificar información del
usuario, sólo lo podrá realizar el administrador.
con esta fase de desarrollo se implementó la lógica
correspondiente, se usó el modelo de arquitectura
establecido en la fig.1. El servidor de base de datos
utilizado corresponde a una remota con el uso de Xampp.
Sin embargo este sólo se usó para guardar la información
que equivale a usuarios. El servidor en el que se ejecutó
corresponde a la propia de Flask.
x Fase de Verificación: una vez culminada la fase de
implementación, el modelo en cascada nos presenta la
siguiente fase de desarrollo, perteneciente a la de
verificación. Se pasó con éxito esta fase al realizar una
serie de pruebas sobre el producto final, el mismo que
nos facilitó tomar decisiones importantes sobre este
proceso de desarrollo.
x Fase de Mantenimiento: Como es de suponerlo, esta
parte del modelo en cascada no se realizó en su
totalidad, al ser una propuesta sólo se implementó
como un prototipo del proceso en cómo trabajaría la
plataforma si el usuario desea llevarlo a la práctica.
V. RESULTADOS
Se logró implementar la plataforma FeedBack con las
diferentes funcionalidades principales. El proceso de ingreso y
desarrollo es la siguiente:
x Ingreso a la plataforma con la interfaz de INICIO se
muestra en la fig. 4.

Figure 3. Diagrama de Casos de Uso.

x Fase de implementación: Esta fase se realizó luego de

haberse especificado los casos de uso, una vez aprobados se Figure 4. Interfaz de Inicio.
procedió al desarrollo. El diseño se basó haciendo uso de
Bootstrap como el framework de maquetación y a la par

2019 14th Iberian Conference on Information Systems and Technologies (CISTI)

19 – 22 June 2019, Coimbra, Portugal
ISBN: 978-989-98434-9-3
 x En la fig.5, se muestra la pantalla de acceso a la plataforma.

Figure 5. Interfaz de Logeo.

x La página de administración permitirá evidenciar el registro de las personas que interactuarán en el sistema para la tutoría
virtual (Ver fig.6).

Figure 6. Usuarios registrados para la tutoría virtual.

x Como parte de la interacción entre los tutorizados, se ha creado una Interfaz para realizar el chat de comunicación, donde se
solventan inquietudes de la asignatura (Ver fig.7).

Figure 7. Inicio de interactividad.

2019 14th Iberian Conference on Information Systems and Technologies (CISTI)

19 – 22 June 2019, Coimbra, Portugal
ISBN: 978-989-98434-9-3
 VI. C ONCLUSIONES
Al finalizar este presente trabajo se concluye:
x Las plataformas virtuales pueden alcanzar un gran
cambio en clase donde en la mayoría de los casos es
impartida bajo un modelo tradicional, llevando a un
ambiente completamente nuevo e interactivo.
x Por lo general el humano capta más la información
cuando debe interactuar físicamente con dispositivos o
como se dice en términos humano, cuando se lo lleva a
la práctica, por esto Feedback Académico es una buena
opción de comunicación con el estudiante.
x El aprendizaje se ve más comprometido si el estudiante
recibe la retroalimentación de una clase con una
herramienta como esta. Porque se ve acompañado y
sabe que si tiene alguna inquietud, el docente le
contribuirá en su aprendizaje.
x Una herramienta como la sugerida en esta propuesta
contribuiría en gran manera la interacción de estudiante
con profesor.
x Los estudiantes son más adaptables a nuevos recursos
que se pueda sugerir dentro de una clase, y con más
fuerza lo es, cuando se trata del uso de dispositivos.
[9] M.L. Barrón, R. Zatarain, “Diseño y desarrollo de una red social de
aprendizaje colaborativo para dispositivos móviles,” Pistas educativas,
vol. 36, no. 112, p. 460–482, 2015.
[10] Enciso, L., Pachar, J., Palacios, C., Zelaya, E., & Pablo, Q. -. (2017).
Instant messaging application (mi-UTPL). Paper presented at the 2017
7th International Workshop on Computer Science and Engineering,
WCSE 2017, 762-766. Retrieved from www.scopus.com
[11] ARTIFICIAL, Revista Didasc@lia:Didáctica y Educación, vol. 9, no. 1,
p. 27–36, 2018.
[12] Andrew S. Tanenbaum & David J. Wetherall, (2012) Redes de
computadoras. México Pearson Education, Inc., publishing as Prentice
Hall, ISBN 9780132126953
[13] J. Muñoz. (2018).“flask: Miniframework python para desarrollar páginas
web (1 a parte),” https://www.josedomingo.org/pledin/2018/03/flask-
miniframeworkpython-para-desarrollar-paginas-web-1a-parte/, 2019.
[14] Zavahra, Y . (2012). Plataformas Educativas Virtuales. (Google Sites)
Recuperado el 10 de Abril de 2019, de https://sites.google.com/site/
plataformaseducativasvirtuales/home/tipos/comparacion
[15] Zavahra, Y . (2012). Comparación de plataformas de acuerdo a sus
herramientas de aprendizaje .(Google Sites) Recuperado el 10 de Abril
de 2019, de http://plaevir.blogspot.com/2017/09/segun-zavahra-
2012.html
[16] F. Shahzad, “Modern and responsive mobile-enabled web applications,”
Procedia Computer Science, vol. 110, pp. 410 – 415, 2017, 14th
International Conference on Mobile Systems and Pervasive Computing
(MobiSPC 2017) / 12th International Conference on Future Networks
and Communications (FNC 2017) / Affiliated Workshops. [Online].
Available: http://www.sciencedirect.com/science/article/pii/S1877
05091731284X

REFERÊNCIAS BIBLIOGRÁFICA
[1] C. Caram, G. Los Santos, “Reflexión pedagógica. edición ii ensayos de
estudiantes de la facultad de diseño y comunicación,” in Escritos en la
Facultad, 2013, pp. 22–24.
[2] N. Montes de Oca Recio, “Estrategias docentes y métodos de enseñanza-
aprendizaje en la educación superior,” SCielo, vol. 11, no. 3, pp. 475–
488, 2011.
[3] Enciso, L., Jimenez, D., Novillo, M., Quezada-Sarmiento, P.A.
55332768100;57202949456;57203958270;57195316099; A Web
application for traditional and regional souvenir shops «InfoShopsLoja»
[Una aplicación web para tiendas de souvenirs tradicionales y regionales
«InfoShopsLoja»] (2018) Espacios, 39 (19), 13 p.
https://www.scopus.com/inward/record.uri?eid=2-s2.0-85053772886&
partnerID=40&md5=713a28ca956ae6dea045e8a65fa4c6fe
[4] L. Enciso-Quispe, E. Chavez, C. Sanmartin, P. A. Quezada-Sarmiento
and E. Zelaya-Policarpo, "Peluk: Geolocation of hairdressers under the
scrum methodology," 2018 13th Iberian Conference on Information
Systems and Technologies (CISTI), Caceres, 2018, pp. 1-6.
doi: 10.23919/CISTI.2018.8399314 URL: http://ieeexplore.ieee.org/
stamp/stamp.jsp?tp=&arnumber=8399314&isnumber=8398632
[5] R.M. Hernández, R. Orrego, “Nuevas formas de aprender: La formación
docente frente al uso de las tic,” SCielo Perú, vol. 6, no. 2, p. 671.701,
2018.
[6] G. Contreras, “Concepciones sobre retroalimentación del aprendizaje:
Evidencias desde la evaluación docente en Chile,” Revista académica de
Costa Rica, vol. 18, No. 3, p. 1–25, 2018.
[7] F. Jiménez & R. Chinchilla Jiménez. (2018). Prácticas de evaluación y
retroalimentación en la formación de orientación. Revista Caribeña de
Investigación Educativa (RECIE), 2(2), 26-42, 2018.
https://doi.org/10.32541/recie.2018.v2i2.pp26-42
[8] D.Yucra, “La educación virtual en 3d utilizando second life,”
Perspectiv@s, vol. 9, no. 9, p. 3–10, 2012.

2019 14th Iberian Conference on Information Systems and Technologies (CISTI)

19 – 22 June 2019, Coimbra, Portugal
ISBN: 978-989-98434-9-3