Recibido: 08-07-2019/ Revisado:
19-07-2019/Aceptado: 12-08-2019/ Publicado: 06-09-2019
DOI: https://doi.org/10.33262/exploradordigita=
l.v3i3.1.866
Desarrollo de un entorno virtual colaborativo apli=
cado a
la enseñanza del diseño web, en la ESPOCH Extensión Morona Santiago para
mejorar el aprendizaje significativo
Development of a collaborative virtual environm=
ent
applied to web design education, in the ESPOCH Extension Morona Santiago to
improve meaningful learning
Ángel Patricio Flores Orozco.=
[1=
],
Paul Xavier Paguay Soxo. [2],
Jonny Israel Guaiña Yungan. [3=
]
& Diana Elizabeth Gómez García. [4]
Abstract.
The lack of an educational t=
ool to
make web design best practices has resulted in poor academic performance of
students in Systems Engineering ESPOCH Extension Morona Santiago why this
research is to develop and implement a Virtual Learning Environment Collabo=
rative
with characteristics of a HTML editor that allows improve the significant
learning and optimize hardware resources available in the institution, the
development of EVAC-DW took him out using agile methodology Microsoft Solut=
ion
Framework, the implemented software was applied to a group of ten students =
for
issuing a kind of theme: creating interactive menus html, in contrast of as
many students as a control group limited to the use of traditional tools,
then proceeded to the evaluation of
knowledge acquired through a test, practical work and teamwork tools that a=
llow
the measurement of significant learning, the results yield an increase in
learning by 15% since the average score that the group reached experimental=
was
8.63 / 10 versus 7.12 / 10 that obtained the control group, after consumer
testing of hardware resource EVAC-DW versus traditional tools we conclude t=
hat
10% less resources needed to use the hardware environment developed, with t=
his
is positively proven the hypothesis and the use of EVAC-DW for learning web
design is recommended, it should be emphasized that the best feature of the
tool is implemented collaborative work in real time.
Keywo=
rds: Virtual learning environment, meaningful learnin=
g,
hardware resource consumption, web application development, html code edito=
r.
Resumen.
La f=
alta de
una herramienta didáctica que permita realizar prácticas adecuadas de diseño
web ha provocado bajo rendimiento en los estudiantes de la Carrera de
Ingeniería en Sistemas de la ESPOCH Extensión Morona Santiago razón por la =
cual
la presente investigación tiene por objetivo desarrollar y aplicar un Entor=
no
Virtual de Aprendizaje Colaborativo con características de un editor de cód=
igo
html que permita mejorar el aprendizaje significativo y optimizar el recurso
hardware. El desarrollo de EVAC-DW se lo llevó a cabo utilizando la metodol=
ogía
ágil Microsoft Solution Framework con un enfoque educativo, el software
implementado fue aplicado a un grupo de diez estudiantes durante el dictado=
de
una clase de tema: creación de menus interactivos html, se tuvo en contrapa=
rte
un grupo de igual número de estudiantes como grupo de control los cuales se
limitaron a la utilización de herramientas tradicionales, después se proced=
ió a
la evaluación de los conocimientos adquiridos mediante un test, un trabajo
práctico y un trabajo en equipo, instrumentos que permitieron la medición d=
el
aprendizaje significativo, los resultados obtenid=
os
arrojan el incremento en el aprendizaje significativo en un 15% ya que el p=
untaje
promedio que alcanzó el grupo experimental fue de 8,63/10 frente a 7,12/10 que obtuvo el grupo de control<=
/a>,
los resultados de las pruebas de consumo de hardware de EVAC-DW vs las
herramientas tradicionales arrojan que se necesita un 14,5% menos recursos
hardware para la utilización del Entorno desarrollado, con esto queda
comprobada de forma positiva la hipótesis planteada y se recomienda el uso =
de
EVAC-DW para el aprendizaje de dis=
eño
web, cabe recalcar que la característica que destaca de la herramienta
implementada es el trabajo colaborativo en tiempo real.
Introducción.
La presente investigación =
se basa
en el desarrollo y aplicación de un entorno virtual de aprendizaje
colaborativo, con la finalidad de mejorar el aprendizaje significativo de la
asignatura de Aplicaciones Web para la carrera de Ingeniería en Sistemas de=
la
ESPOCH Ext. Morona Santiago, estudio que facilitará la futura aplicación de=
las
TICs en las actividades de enseñanza-aprendizaje en el aula.
El principal objeto de est=
udio
está enfocado en el desarrollo de un entorno virtual colaborativo que de
soporte al aprendizaje mediante prácticas de diseño web (html, css, js)
individuales y grupales haciendo uso de trabajo colaborativo en tiempo real=
y
de opciones de interacción y comunicación.
El modelo educativo instit=
ucional
define al ambiente de aprendizaje como: “Escenarios dinámicos para la
generación de aprendizajes curriculares, que por sus características de
relevancia, pertinencia y significación, deben estar contextualizados,
conectados, abiertos y producidos con creatividad, en entornos colaborativo=
s e
interculturales.” [Modelo Educativo ESPOCH 2014]
Para que se dé el lanzamie=
nto de
la herramienta de forma temprana, con resultados tangibles y respuesta ágil=
y
flexible, se ha seguido la metodología Microsoft Solution Framework la cual
permite la construcción del producto mientras se modifican y aparecen nuevos
requisitos. Quizás no se presente el “producto final”, sino productos que
permitan su evolución y mejora.
El rol del maestro, como u=
na parte
fundamental del aprendizaje, no es solamente de trasmitir una teoría y
conseguir que esta sea memorizada por sus estudiantes sino se busca que guí=
e,
oriente e incentive en la interacción con la nueva información receptada pa=
ra
poder comprenderla y aplicarla en situaciones reales como profesionales, de=
una
manera productiva. Para esto el docente deberá recurrir a la creatividad pa=
ra
impulsar situaciones de aprendizaje en donde el estudiante pueda resolver
problemas dentro de un ambiente propicio. De esta interacción entre el doce=
nte
y estudiante sin duda se enriquecerán los dos.
Para ello, es necesario de=
splegar
un ambiente conveniente, donde la conferencia del docente sea una herramien=
ta
esencial; así, se establece la situación apropiada para que la interacción =
con
el alumno le incentive a reflexionar, cuestionar e indagar a través de
preguntas y el docente las evalúa, cotejando el nivel de comprensión de sus
estudiantes, a la vez el alumno aprende a preguntar a otros y preguntarse a=
sí
mismo, promoviendo el pensamiento crítico.
Los entornos virtuales enf=
rentan
al alumno a un volumen inconmensurable de información. La web 2.0 permite no
solamente explorar la información sino modificarla y crear nuevos contenido=
s.
En otras palabras con la web 2.0 el alumno se convierte en alumno-autor. Se
basa en una relación de acción-práctica, donde el docente es un facilitador
(guía) del aprendizaje así como también diseñador de entornos que motiven y
ayuden a alcanzar resultados positivos en el aprendizaje. Estos ambientes
otorgan la posibilidad de participar colaborativamente y practicar.
Las características de las
herramientas web resultan atractivas para los estudiantes y docentes. Wikis,
Blogs y Ambientes virtuales como EVAC-DW (desarrollado en la presente investigación) se utiliza
ahora para el aprendizaje. Tradicionalmente un estudiante adquiere su
aprendizaje mediante el estudio de libros y la participación en el salón de
clases, pero con las herramientas web se sobrepasan estas limitaciones de
espacio y tiempo de aprendizaje.
El uso de estas herramient=
as que
aunque específicas, son complementarias para apoyar la creación de comunida=
des
de aprendizaje a la medida de las necesidades de los estudiantes y docentes=
en
el campo del desarrollo web, tales como: EVAC-DW. Esta herramienta creada
permite la formación continua, y el aprendizaje es informal ya que se lo pu=
ede
acceder desde cualquier lugar basta con tener un dispositivo con internet. =
El
tutor-docente tiende a ser un moderador experto en la herramienta y el alum=
no
tiende a ser un creador de contenido.
Los entornos Virtuales de
Aprendizaje deben cumplir con las siguientes características: la Dimensi=
onalidad
va de acuerdo al espacio de presentación donde lo categorizaremos como text=
ual,
el Número de usuarios que v=
a en
función del número de accesos que pueden utilizar simultáneamente el ambien=
te
virtual, se ha dado en Entorno Virtuales Distribuidos, el Grado de Inmer=
sión
se trata del grado y sensación de inmersión que ofrece a sus usuarios. Los
sistemas no inmersivos soportan la sensación de “mirar al” entorno virtual,
hacen uso de aparatos de interacción convencional como cualquier dispositivo
con internet, el Grado de Interactividad permite al usuario explorar=
y
experimentar con el ambiente, modificándolo a este entorno se lo denomina
Interactivo.
Metodología
desarrollo de EVAC-DW aplicado a la enseñanza del diseño web.
El sistema que=
se
desarrolla en la presente investigación se lo denominó EVAC-DW (Entorno Vir=
tual
de Aprendizaje Colaborativo de Diseño Web) el mismo que sirve de soporte pa=
ra
llevar a cabo la práctica docente en la asignatura de Aplicaciones Web del
quinto semestre de la carrera de Ingeniería en Sistemas de la ESPOCH Extens=
ión
Morona Santiago.
EVAC-DW cuenta=
con
un entorno de codificación y edición de html, css y javascript además de vi=
sta
previa en tiempo real, salas colaborativas para trabajo en equipo, material
didáctico, ejemplos, ejercicios propuestos y opción para descargar en forma=
to
HTML5. Los editores de código cuentan con coloreado para detección de error=
es e
implementan el plugin de codificación abreviada EMMET.
El ingreso a la
aplicación se lo hace a través de validación al Sistema Académico Oasis
mediante el consumo de Web Services, el rol de autenticación (docente o
estudiante) será proporcionado por el Oasis.
Razones
que motivan la realización del proyecto
•
Mejorar la calidad de
aprendizaje en el tema de diseño web.
•
Brindar innovación en
herramientas colaborativas que tengan impacto en la enseñanza.
•
Utilizar un medio de
comunicación global como es el internet para hacer uso de herramientas web =
que
aporten interactividad en el aprendizaje.
Perspectiva
del producto
El sistema pue=
de
ser utilizado en la ESPOCH Extensión Morona Santiago como medio de enseñanz=
a y
aprendizaje ya que cumplirá con todos los objetivos que brinden efectividad=
y
así poder cumplir y obtener los resultados propuestos que demuestren facili=
dad
de adquisición de conocimiento por los estudiantes.
•
Se posee disponibilid=
ad
en todo momento ya que el acceso a la aplicación se lo hará por medio de la
web.
•
Proporcionará ayuda e=
n la
enseñanza ya que es una herramienta colaborativa en la cual interactúan doc=
entes
y estudiantes en un entorno virtual.
Funciones
del producto
Las funciones
principales del sistema son:
•
Proporcionar trabajo
colaborativo por medio de la utilización de salas de trabajo en el entorno
virtual.
•
Permitir comunicación=
e
interacción en tiempo real de los participantes.
•
Aprendizaje de diseño=
web
en el entorno virtual con características de un editor de código básico.
•
Tabla 1.
|
<=
span
style=3D'mso-bookmark:_Toc423374347'>CAR=
ACTERÍSTICA |
|
|
WINDOWS 8 |
Sistema Operativo |
|
Microsoft Solution Framework (MSF) |
Metodología de Desarrollo de Software |
|
Unified Modeling Language (UML) |
Lenguaje de Modelado |
|
Python |
Lenguaje para consumo de Web Services |
|
Node.js |
Framework Javascript para el desarrollo de la
aplicación |
|
Git |
Control de Versiones |
|
Code Mirror |
Librería para codificación |
|
EMMET |
Plugin para codificación abreviada |
|
Sublime Text |
Editor de código |
Requerimientos
funcionales de EVAC-DW
A
continuación se detalla cada uno de los requerimientos funcionales dispuest=
os a
cumplir con la aplicación EVAC-DW en los cuales se toman en cuenta las
entradas, procesos y salidas.
1.&n=
bsp;
Gestionar
ejemplos: EVAC-DW debe otorgar y
permitir crear, modificar o eliminar ejemplos por parte del docente y dará acceso limitado al estudiante para=
que
solo pueda crear ejemplos en la aplicación.
2.&n=
bsp;
Gestionar
material: EVAC-DW podrá dar el per=
miso
necesario para que el docente pueda gestionar su material didáctico como cr=
ear,
modificar o eliminar y limitará al estudiante para que solo pueda crear
material.
3.&n=
bsp;
Trabajo
colaborativo: El sistema EVAC-DW debe proporcionar el mecanismo necesario p=
ara
trabajar colaborativamente debe pe=
rmitir
escoger salas de trabajo con el fin de interactuar significativamente entre los participantes para tener una =
vista
previa de la página y comunicarse entre sí.
4.&n=
bsp;
Usar
editores: El sistema de proporcion=
ar el
uso de editores orientados al diseño web como
HTML, CSS o JAVASCRIPT ya que debe permitir codificar en estos edito=
res
para visualizar la vista previa del diseño en tiempo real.
5.&n=
bsp;
Descargar
la página web creada con EVAC-DW: El sistema permite codificar en editores
orientados a diseño web y por ende debe proporcionar y permitir la opción p=
ara
descargar el archivo desarrollado a su computador.
Diseño de la Investigación
Para medir los requerimientos hardware de EVAC-DW se utilizó el
administrador de tareas de Windows, estos datos serán comparados con los
requerimientos mínimos que exigen las herramientas tradicionales de diseño =
web.
Para medir el aprendizaje significativo al cual se llega con el uso de =
la
herramienta se lo hará de la siguiente manera:
•
Contar con dos grupos de estudiantes al azar, de i=
gual
número de participantes, pertenecientes a la Carrera de Ing. en Sistemas de=
la
ESPOCH-MS.
•
A los dos grupos se le impartió al mismo tiempo un
tema de clase concerniente a diseño web.
•
El grupo de intervención experimental utilizó EVAC=
-DW
mientras el grupo de control lo hizo con las herramientas tradicionales de
diseño web.
•
Al final de la clase se evaluaron tres parámetros:
test de conocimientos, taller individual y un trabajo en equipo.
•
Los datos recogidos de dichas evaluaciones se
someterán a un análisis estadístico para la verificación de la hipótesis H1=
.
H1.-
El
uso de un entorno virtual de apren=
dizaje
colaborativo mejora el requerimiento hardware y el aprendizaje significativ=
o de
los estudiantes de la carrera de Ingeniería en Sistemas de la ESPOCH Extens=
ión
Morona Santiago en el ámbito del Diseño Web.
Tabla
2.Operacionalización de variables
|
<=
span
style=3D'mso-bookmark:_Toc423374347'>VARIABLE |
|
<=
span
style=3D'mso-bookmark:_Toc423374347'>INDICADOR |
<=
span
style=3D'mso-bookmark:_Toc423374347'>TÉCNICA |
<=
span
style=3D'mso-bookmark:_Toc423374347'>FUENTE DE VERIFICACIÓN /INSTRUMENTO |
|
Requerimientos Hardware<=
/span> |
Dependiente |
INDICADOR 1: RAM<=
/span> |
· |
<=
span
style=3D'mso-bookmark:_Toc423374347'>·<=
span
style=3D'mso-bookmark:_Toc423374347'> Administrador de Tareas. |
|
· |
<=
span
style=3D'mso-bookmark:_Toc423374347'>·<=
span
style=3D'mso-bookmark:_Toc423374347'> Monitor de sucesos |
|||
|
· |
<=
span
style=3D'mso-bookmark:_Toc423374347'>·<=
span
style=3D'mso-bookmark:_Toc423374347'> Especificaciones Técnicas |
|||
|
|
<=
span
style=3D'mso-bookmark:_Toc423374347'>·<=
span
style=3D'mso-bookmark:_Toc423374347'> Estadística descriptiva, |
|||
|
INDICADOR 2: Disco Duro |
|
|
||
|
INDICADOR 3: CPU |
|
|
||
|
Aprendizaje Significativ=
o |
Dependiente |
|
<=
span
style=3D'mso-bookmark:_Toc423374347'>·<=
span
style=3D'mso-bookmark:_Toc423374347'> Test (saber) |
<=
span
style=3D'mso-bookmark:_Toc423374347'>·<=
span
style=3D'mso-bookmark:_Toc423374347'> Calificación del Test |
|
INDICADOR 4: Puntaje
obtenido en Saber |
<=
span
style=3D'mso-bookmark:_Toc423374347'>·<=
span
style=3D'mso-bookmark:_Toc423374347'> Taller Individual (saber hacer) |
<=
span
style=3D'mso-bookmark:_Toc423374347'>·<=
span
style=3D'mso-bookmark:_Toc423374347'> Calificación del
taller individual |
||
|
|
<=
span
style=3D'mso-bookmark:_Toc423374347'>·<=
span
style=3D'mso-bookmark:_Toc423374347'> Trabajo en equipo (saber ser) |
<=
span
style=3D'mso-bookmark:_Toc423374347'>·<=
span
style=3D'mso-bookmark:_Toc423374347'> Calificación del
trabajo en equipo |
||
|
|
|
<=
span
style=3D'mso-bookmark:_Toc423374347'>·<=
span
style=3D'mso-bookmark:_Toc423374347'> Prueba t student |
||
|
INDICADOR 5: Puntaje obt=
enido
en Saber hacer |
|
|
||
|
INDICADOR 6: Puntaje
obtenido en Saber ser |
|
|
||
|
Uso de |
Independiente |
Cantidad de estudiantes<=
/span> |
<=
span
style=3D'mso-bookmark:_Toc423374347'>·<=
span
style=3D'mso-bookmark:_Toc423374347'> Observación Directa |
<=
span
style=3D'mso-bookmark:_Toc423374347'>·<=
span
style=3D'mso-bookmark:_Toc423374347'> Registro de asistencia |
|
EVAC-DW |
Porcentaje de Aceptación=
de
la Herramienta |
<=
span
style=3D'mso-bookmark:_Toc423374347'>·<=
span
style=3D'mso-bookmark:_Toc423374347'> Encuesta |
<=
span
style=3D'mso-bookmark:_Toc423374347'>·<=
span
style=3D'mso-bookmark:_Toc423374347'> Resultado de la encuesta |
Fuente: Autores
Elaborado
por:
Población y Muestra
Al tratarse de una hipótesis que cuenta con dos variable dependientes
distintas será necesario tener dos grupos de estudio completamente diferent=
es.
•
La primera población (variable dependiente 1) serán
los datos que se pueda recabar del consumo de recursos hardware mediante el
Administrador de Tareas y el Monitor de Recursos tanto de EVAC-DW como de los editores e=
legidos, como se trata de una gran cantidad de d=
atos
que puedan ser medidos utilizaremos un método no probabilístico. Los datos
fueron tomados cada minuto durante una hora, es así que se obtuvieron 60 da=
tos
para cada indicador (memoria, disco y cpu).
•
La segunda población (variable dependiente 2) para=
el
presente experimento son los estudiantes de la carrera de Ingeniería en
Sistemas de la ESPOCH Extensión Morona Santiago en los cuales se midió el
aprendizaje significativo alcanzado con el uso de EVAC-DW, cantidad que
asciende a 21 estudiantes distribuidos en sexto, octavo y décimo semestre.
Debido a la poca cantidad de población no se hizo un cálculo para obtener la
muestra y se trabajó con toda la población.
•
Al momento de la realización del experimento se co=
ntó
con la presencia de 20 estudiantes.
Procedimientos Generales
Con el objetivo de hallar las características y requerimientos hardware=
de
editores de código y entornos de desarrollo se procedió a elegir ciertas
aplicaciones que se enmarcan en el presente estudio es así que mediante
consulta en foros y blogs se encontraron las más utilizadas por los
desarrolladores y esencialmente que cumplan con las principales característ=
icas
de un editor de código compatible con HTML5.
Para obtener los datos del consumo de recursos hardware se procedió a
instalar todos y cada uno de los editores seleccionados. Los mismos que fue=
ron
utilizados para la creación de un sitio web básico y al mismo tiempo medir =
el
consumo de recursos mediante observación directa del Administrador de Tarea=
s y
el Monitor de Recursos, este proceso se lo hizo durante una hora para poder
obtener 60 datos tanto del consumo de Memoria, Disco y CPU, como se
seleccionaron 6 editores se han tomado 10 datos por cada editor.
Para la aplicación de EVAC-DW se procedió a desplegarlo en un servidor =
de
pruebas proporcionado por Heroku (computación en la nube), luego de la
realización de pruebas se detectaron algunos errores y se incrementaron
funcionalidades.
Posteriormente para la toma de datos que contribuyen a medir el aprendi=
zaje
significativo (saber, saber hacer, saber ser) se procedió de la siguiente
manera:
•
Planificar un tema de clase.
•
Crear un test que mida el parámetro Saber.
•
Proponer un ejercicio para ser resuelto
individualmente al final de la clase que luego pueda ser evaluado y mida el
parámetro Saber hacer.
•
Proponer un trabajo en grupo que permita medir el
Saber ser.
•
Convocar a todos los estudiantes de la carrera de
Ingeniería en Sistemas para el dictado del tema de clase.
•
Crear dos grupos al azar tomando en cuenta el nive=
l cada
uno con 10 estudiantes.
•
Sortear un grupo para que durante el desarrollo de=
la
clase utilice EVAC-DW mientas que el otro grupo puede utilizar cualquier
herramienta de codificación y desarrollo.
•
Aplicar las herramientas de medición del aprendiza=
je significativo
(saber, saber hacer, saber ser), al final del dictado de la clase.
Los datos que se
muestran a continuación se obtuvieron por observación directa al Administra=
dor
de Tareas y al Monitor de Recursos que proporciona Windows 8.1, los datos
fueron tomados cada minuto con la ayuda de un colaborador, mientras se dise=
ñaba
una página web básica, utilizando los tres navegadores más populares en
Windows: Firefox 42, Chrome v 47.0.2526.80 m, Internet Explorer 11.
Tabla 3. Porcentaje de uso de HW
|
|
<=
span
style=3D'mso-bookmark:_Toc423374347'>N<=
span
style=3D'mso-bookmark:_Toc423374347'> |
<=
span
style=3D'mso-bookmark:_Toc423374347'>Máximo |
<=
span
style=3D'mso-bookmark:_Toc423374347'>Media |
Porcentaje de uso=
|
Diferencia de Porcentaje=
s |
|
|
<=
span
style=3D'mso-bookmark:_Toc423374347'>Estadístico |
<=
span
style=3D'mso-bookmark:_Toc423374347'>Estadístico |
<=
span
style=3D'mso-bookmark:_Toc423374347'>Estadístico |
<=
span
style=3D'mso-bookmark:_Toc423374347'>Estadístico |
<=
span
style=3D'mso-bookmark:_Toc423374347'> |
<=
span
style=3D'mso-bookmark:_Toc423374347'> |
|
|
EVAC-DW Uso de Memoria e=
n MB |
<=
span
style=3D'mso-bookmark:_Toc423374347'>60=
|
<=
span
style=3D'mso-bookmark:_Toc423374347'>540 |
<=
span
style=3D'mso-bookmark:_Toc423374347'>81,1667 |
<=
span
style=3D'mso-bookmark:_Toc423374347'>15,03087037 |
<=
span
style=3D'mso-bookmark:_Toc423374347'>10,86 % menos memoria |
<=
span
style=3D'mso-bookmark:_Toc423374347'> |
|
EDITORES Uso de Memoria =
en
MB |
<=
span
style=3D'mso-bookmark:_Toc423374347'>60=
|
<=
span
style=3D'mso-bookmark:_Toc423374347'>540 |
<=
span
style=3D'mso-bookmark:_Toc423374347'>139,8317 |
<=
span
style=3D'mso-bookmark:_Toc423374347'>25,89475926 |
|
<=
span
style=3D'mso-bookmark:_Toc423374347'> |
|
EVAC-DW Uso de Disco en =
MB/s |
<=
span
style=3D'mso-bookmark:_Toc423374347'>60=
|
<=
span
style=3D'mso-bookmark:_Toc423374347'>46=
|
<=
span
style=3D'mso-bookmark:_Toc423374347'>0,1117 |
<=
span
style=3D'mso-bookmark:_Toc423374347'>0,242826087 |
<=
span
style=3D'mso-bookmark:_Toc423374347'> |
14,5 % menos recursos HW=
|
|
EDITORES Uso de Disco en
MB/s |
<=
span
style=3D'mso-bookmark:_Toc423374347'>60=
|
<=
span
style=3D'mso-bookmark:_Toc423374347'>46=
|
<=
span
style=3D'mso-bookmark:_Toc423374347'>3,8833 |
<=
span
style=3D'mso-bookmark:_Toc423374347'>8,441956522 |
8,22 % menos disco |
|
|
EVAC-DW Porcentaje de Us=
o de
CPU |
<=
span
style=3D'mso-bookmark:_Toc423374347'>60=
|
<=
span
style=3D'mso-bookmark:_Toc423374347'>91=
|
<=
span
style=3D'mso-bookmark:_Toc423374347'>8,4967 |
<=
span
style=3D'mso-bookmark:_Toc423374347'>9,337032967 |
<=
span
style=3D'mso-bookmark:_Toc423374347'> |
<=
span
style=3D'mso-bookmark:_Toc423374347'> |
|
EDITORES Porcentaje de U=
so
de CPU |
<=
span
style=3D'mso-bookmark:_Toc423374347'>60=
|
<=
span
style=3D'mso-bookmark:_Toc423374347'>91=
|
<=
span
style=3D'mso-bookmark:_Toc423374347'>30,5933 |
<=
span
style=3D'mso-bookmark:_Toc423374347'>33,61901099 |
24,28 % menos % de cpu |
|
|
N válido (por lista) |
<=
span
style=3D'mso-bookmark:_Toc423374347'>60=
|
<=
span
style=3D'mso-bookmark:_Toc423374347'> |
<=
span
style=3D'mso-bookmark:_Toc423374347'> |
<=
span
style=3D'mso-bookmark:_Toc423374347'> |
|
|
|
|
|
|
|
|
|
|
Fuente: Trabajo experimental
Elaborado
por:
Figura
1.
Consumo de Recursos Hardware
Los resultados del análisis de
estadísticos descriptivos claramente dejan ver que el uso de EVAC-DW dismin=
uye
la necesidad de recursos hardware frente al uso de herramientas tradicional=
es
de codificación para diseño web, es así que el promedio de memoria que util=
izan
las herramientas tradicionales es de 140 MB frente a 81 MB que utiliza EVAC=
-DW
reduciendo la necesidad en 59 MB. El promedio de uso de disco que necesitan=
las
herramientas tradicionales es de 3,88 MB/s frente a 0,11 MB/s que necesita
EVAC-DW reduciendo la necesidad de 3,77 MB/s. El porcentaje de uso de CPU q=
ue
utilizan las herramientas tradicionales es de 2,95% frente a 0,16% que util=
iza
EVAC-DW reduciendo la necesidad de 2,79 % de CPU. Hay que tomar en cuenta q=
ue
la medida de % de uso de CPU es relativa al procesador del equipo en donde =
se
realizó la toma de los datos.
El bajo consumo de recursos
hardware que muestra EVAC-DW permite su uso en casi cualquier dispositivo q=
ue
tenga conexión a internet mediante un navegador actualizado, razón por la c=
ual
la herramienta fue desarrollada con vistas responsivas que se adapten a
cualquier tamaño de pantalla.
Existen valores altos en el e=
rror
estándar, en la media, asimetría y curtosis debido a que los datos tomados =
para
medir el consumo de recursos hardware de los editores tradicionales no son =
de
una solo herramienta sino de seis pero para calcular los promedios es neces=
ario
hacerlo de todas.
Para hallar porcentajes de
efectividad se utiliza el valor máximo de cada sub variable (MEMORIA, DISCO,
CPU) siendo estos el 100% de HW requerido y los valores promedio lo que
habitualmente consumen.
|
GRUPO 1 CON EVAC-DW |
||||
|
ESTUDIANTE |
TEST |
TALLER |
TRAB. COLABORATIVO |
|
|
GRUPO 1.1 PARA TRABAJO C=
OLABORATIVO |
SRMJ |
8,6=
6 |
8 |
9 |
|
GREJ |
7,3=
3 |
10<= o:p> |
9 |
|
|
TCBG |
7,5=
|
9 |
9 |
|
|
ALKM |
7,1=
6 |
9 |
9 |
|
|
UBFG |
9,6=
6 |
10<= o:p> |
9 |
|
|
GRUPO 1.2 PARA TRABAJO
COLABORATIVO |
MJDA |
8 |
9 |
8 |
|
OBRE |
8 |
9 |
8 |
|
|
CLPA |
7,1=
6 |
10<= o:p> |
8 |
|
|
NRTA |
7,3=
3 |
9 |
8 |
|
|
HJJC |
10<= o:p> |
10<= o:p> |
8 |
|
|
PROMEDIO |
8,0=
8 |
9,3=
|
8,5=
|
|
|
GRUPO 2 CON HERRAMIENTAS TRADICIONALES |
||||
|
TEST |
TALLER |
TRAB. COLABORATIVO |
||
|
GRUPO 2.1 PARA TRABAJO
COLABORATIVO |
MAEE |
7,8=
3 |
7 |
8 |
|
PMCJ |
8 |
9 |
8 |
|
|
GBWT |
8,3=
3 |
8 |
8 |
|
|
PLSI |
7,6=
6 |
9 |
8 |
|
|
PJCF |
6,8=
3 |
7 |
8 |
|
|
GRUPO 2.2 PARA TRABAJO
COLABORATIVO |
ZBBA |
8,3=
3 |
7 |
6 |
|
APWR |
9 |
8 |
6 |
|
|
RVDL |
8,8=
2 |
7 |
6 |
|
|
STAV |
7,6=
6 |
2 |
6 |
|
|
CSMG |
7 |
0 |
6 |
|
|
PROMEDIO |
|
7,9=
5 |
6,4=
|
7 |
Figura. 2=
Promedio de
Calificaciones para medir el Aprendizaje Significativo
Si hallamos un promedio general de aprendizaje sig=
nificativo
de los dos grupos podemos observar que el grupo experimental que utilizó
EVAC-DW alcanzó una calificación mayor que el grupo de control, el aprendiz=
aje
significativo se incrementó en un 15%, los promedio obtenidos fueron de 8,63/10 para el grupo experimental y
7,12/10 para el grupo de control.
Di=
scusión
y comprobación de la hipótesis
La prueba t-stud=
ent será
usada para comprobar las dos variables por separado
Como el valor de significanci=
a de
las dos variables es menor que =
45;=3D0,05
para las dos variables dependientes queda aceptada la hipótesis alternativa=
: H1:“El uso de un entorno virtual de aprendizaje colabora=
tivo
mejora el requerimiento hardware y el aprendizaje significativo de los
estudiantes de la carrera de Ingeniería en Sistemas de la ESPOCH Extensión
Morona Santiago en el ámbito del Diseño Web.” y rechazada la nula: “El uso =
de
un entorno virtual de aprendizaje
colaborativo no mejora el requerimiento hardware ni el aprendizaje
significativo de los estudiantes de la carrera de Ingeniería en Sistemas de=
la
ESPOCH Extensión Morona Santiago en el ámbito del Diseño Web.”
Conclusiones
Del análisis de los datos obt=
enidos
durante el uso y aplicación de EVAC-DW tanto para consumo de recursos como =
para
medir el aprendizaje significativo se pudo establecer las siguientes
conclusiones:
=
• =
Después
de analizar las herramientas tradicionales de desarrollo nos encontramos de=
que
estas herramientas fueron creadas con fines de producción mas no educativos=
por
lo cual es necesario que exista una herramienta que sirva para la adquisici=
ón
de conocimiento de diseño Web como es el caso de EVAC-DW motivo de este
presente estudio.
=
• =
Cuando
el estudiante empieza en la adquisición del conocimiento de diseño web es
necesario que cuente con una herramienta que le permita practicar las etiqu=
etas
html, ya que de esta forma el estudiante construye el conocimiento se
interioriza y llega a ser significativo.
=
• =
Los
lenguajes programación libres y el software libre en general permiten llega=
r a
la implementación de grandes aplicaciones web ya que a lo largo del tiempo =
se
ha popularizado y ha ganado grande adeptos que han logrado la consolidación=
de
dichas herramientas o lenguajes, es el caso de JAVASCRIPT que en la actuali=
dad
es un excelente lenguaje para la creación del backend en aplicaciones web p=
or
lo cual se lo utilizó para la creación de EVAC-DW, con la ayuda de NODEJS q=
ue
es un framework basado en javascript.
•&nb=
sp;
Después
de tomar datos durante el uso de EVAC-DW y analizarlos podemos concluir que=
la
herramienta motivo de la presente investigación consume un 14,5% menos recu=
rsos
hardware en comparación con las herramientas tradicionales de desarrollo.
•&nb=
sp;
El
uso de EVAC-DW permite que los estudiantes mejoren su aprendizaje significa=
tivo
en un 15% ya que el puntaje promedio que alcanzó el grupo experimental fue =
de
8,63/10 frente a 7,12/10 que obtuv=
o el
grupo de control.
•&nb=
sp;
El
uso de una herramienta colaborativa permite que los estudiantes cumplan con=
los
trabajos en equipo a cabalidad, ya que evita que tengan que desplazarse a un
lugar de reunión y tengan que estar presentes físicamente, esta funcionalid=
ad
de EVAC-DW ha hecho que despunte sobre las herramientas tradicionales de
codificación web.
Referencias
Bibliográficas
· =
CHERRE, Rafael. (2002) Manual del Programador Web,=
3ª
ed. Lima-Perú, Editorial Macro, pp. 204-278.
· =
COOL, César; MARTÍN, Elena; MAURI, Teresa; MIRAS
Mariana. (2007) El constructivismo en el aula. 18ª ed. Barcelona-España,
Editorial GRAO, pp. 14-19.
· =
DIAZ, M.; PEREZ, M.; GRIMMÁN A,; MENDOZA L. (2006)
Propuesta de una metodología de desarrollo de software educativo bajo un
enfoque de calidad sistémica. [en línea] Caracas- Venezuela. Universidad Si=
món
Bolívar. [Consulta: 22 septiembre 2015]. Disponible en:
http://www.academia-interactiva.com/doc/ise.pdf
· =
ESPOCH DDA. (2014) Modelo Educativo ESPOCH 2014,
Riobamba-Ecuador, pp. 1-48.
·
FLORES, Angel (2015),
Desarrollo de un entorno vi=
rtual
colaborativo aplicado a la enseñanza del diseño web, en la ESPOCH extensión
Morona Santiago para mejorar el aprendizaje significativo, Riobamba - Ecuador., Instituto de Posgrado y Educación Contin=
ua,
Escuela Superior Politécnica de Chimborazo., Tesis., 108p.
· =
GAUCHAT, Juan. (2012) EL GRAN LIBRO DE HTML5, CSS3=
Y
JAVASCRIPT, Primera Edición, Barcelona-España, Editorial MARCOMBO, pp. 25-7=
0.
· =
GONZALES, O.;
FLORES, M. (2000) El trabajo docente: enfoques innovadores para el
diseño de un curso. 3ª ed. México DF- México, Editorial TRILLAS, pp. 12-34.=
· =
LÓPEZ, José. (2003) Domine HTML y DHTML, 1ª ed,
México-México, Alfaomega, pp. 35-95.
· =
MORAS, A. (2011) “Proceso de enseñanza-aprendizaje=
y
web 2.0: valoración del conectivismo como teoría de aprendizaje
post-constructivista”. Las Tecnologías de la Información y de la Comunicaci=
ón
(TIC) y los nuevos contextos de aprendizaje [en línea] , (España) 20, pp. 1=
17-140.
[Consulta: 17 septiembre 2015]. ISSN: 1578-7001. Disponible en: http://dadun.unav.edu/handle/10171/1834=
4
· =
MUSCIANO, C; KENNEDY, B. (1999) HTML la guía compl=
eta,
1ª ed, México-México, Editorial McGraw-Hill, pp. 102-187.
· =
OROS, Juan. (2010) Diseño de Páginas Web con XHTML,
JavaScript y CSS, 2ª ed. Madrid- España, Editorial RA-MA, pp. 35-90.
· =
OROS, Juan. (2000) Diseño de Páginas Web interacti=
vas
con Java Script: navega por internet, 1ª ed. México-México, Editorial
Alfaomega, pp. 205-290.
· =
PILGRIM, Mark. (2010) HTML5 UP AND RUNNING, 1ª ed, Estado Unidos de América, Editor=
ial
O’REILLY Google Press, pp. 20-108.
· =
PIMIENTA, Julio. (2008) Constructivismo: Estrategi=
as
para aprender a aprender. 3ª ed. México-México, Editorial Pearson Educación,
pp. 68-200.
· =
PIMIENTA, Julio. (2007) Metodología Constructivist=
a:
Guía para la Planeación Docente. 2ª ed. México-México, Editorial Pearson
Educación, pp. 100-135.
· =
SCHANK, Roger. (1997) Un enfoque revolucionario
dirigido a formar equipos de trabajo altamente capacitados, 1ª ed, México-M=
éxico,
Editorial McGraw-Hill, pp. 115-175.
Para citar el artículo indexado.
Flo= res Orozco, Ángel, Paguay Soxo, P., Paguay Soxo, P., & Guaiña Yungan, J. (2019). Desarrollo de un entorno virtual colaborativo aplicado a la enseñan= za del diseño web, en la ESPOCH Extensión Morona Santiago para mejorar el aprendizaje significativo. Explorador Digital, 3(3.1), 77-92.= https://doi.= org/10.33262/exploradordigital.v3i3.1.866
El artículo que se publica es=
de
exclusiva responsabilidad de los autores y no necesariamente reflejan el
pensamiento de la Revista Explorad=
or
Digital.
El
articulo queda en propiedad de la revista y, por tanto, su publicación parc=
ial
y/o total en otro medio tiene que ser autorizado por el director o editor d=
e la
Revista Explorador Digital.
[1] Escuela Superior
Politécnica de Chimborazo, Sede Morona Santiago. Macas, Ecuador. aflores@es=
poch.edu.ec
[2=
] Escuela
Superior Politécnica de Chimborazo, Facultad de Informática y Electrónica.
Riobamba, Ecuador. ppaguay@espoch.edu.ec
[3] Escuela Superior Politécnica de Chimborazo, Facultad de Informática y Electrónica. Riobamba, Ecuador. jonny.guaina@espoch.edu.ec
[4] Amasoftnia. Desarrollo. Macas, Ecuador. danali= zgg713@gmail.com