Desarrollo Material Didáctico Multimedia
Desarrollo Material Didáctico Multimedia
Desarrollo Material Didáctico Multimedia
Oscar Agudelo Varela1, Miguel Macgayver Bonilla Morales2 & Adriana Carolina Aguirre Morales3
1
Ingeniero de Sistemas, Magister en Ciencias de la Información y la Comunicación.
2
Lic. Pdn. Agrop., Magister en Ciencias Biológicas. 3Ingeniera Agrónoma, Magister en Ciencias Biológicas.
1
G. I. Horizonte Mediático, Universidad de los Llanos, Sede Barcelona. Villavicencio, Colombia. 2,3CorpOrquídea y
G.I. EduCiTec, Universidad de los Llanos, Sede Barcelona. Villavicencio, Colombia.
1
oscar.agudelo@unillanos.edu.co, 2 mmbonillam@unal.edu.co, 3acaguirrem@gmail.com
Resumen
Las aplicaciones pedagógicas tradicionales se funda- isomórficas. Con base al MDM, se realizó evaluación
mentan en el desarrollo de la clase con marcador y cualitativa por parte de estudiantes de Licenciatura en
tablero, y con leves avances en el manejo de diaposi- Producción Agropecuaria, la cual reporto un 86% de
tivas; sin embargo, las tecnologías digitales presentan aprobación del material. Se encontró que las herra-
una serie de novedades que complementan el trabajo mientas digitales para el aprendizaje, facilitan y mejo-
de la enseñanza con aprendizaje autónomo, que pue- ran en cierta medida el aprendizaje de los educandos.
de desarrollar el educando en áreas agrarias y am- El uso de tecnologías nuevas como React, permite
bientales. El desarrollo de material didáctico multime- mejorar el renderizado de las páginas y optimiza la
dia MDM complementa las actividades curriculares de carga del servidor en las peticiones necesarias por
los cursos, particularmente, los que tienen laboratorio, parte del aprendiz, y hace más eficiente el engranaje
y por otro lado, generan en el estudiante habilidades de enseñanza-aprendizaje. De esta manera, el MDM
para el aprendizaje autónomo. Se desarrolló un MDM permitirá fundamentar el desarrollo de habilidades y
para el aprendizaje de las prácticas realizadas en el destrezas en la producción agraria y en el manejo de
laboratorio de cultivos vegetales, con arquitectura especies de ecosistemas con ambientes naturales.
cliente/ servidor, usando tecnologías actuales en el
desarrollo de software, con características de tiempo Palabras clave: aprendizaje virtual, educación,
real y bajo el paradigma de desarrollo de aplicaciones laboratorio virtual, tecnologías en la educación.
167
Revista de Investigación Agraria y Ambiental – Volumen 8 Número 2 – julio - diciembre de 2017 – ISSN 2145-6097
Abstract Resumen
Traditional pedagogical applications are based on As aplicações pedagógicas tradicionais são basea-
the development of the class with scoreboard and das no desenvolvimento da classe com marcador e
board, and with slight advances in the handling of placa, e com ligeiros avanços na manipulação de sli-
slides; however, the digital technologies present des; no entanto, as tecnologias digitais apresentam
a series of innovations that complement the work uma série de novidades que complementam o trabal-
of the teaching with autonomous learning, that ho de ensino com aprendizagem autônoma que pode
can develop the educating in agrarian and envi- desenvolver o aluno em áreas agrícolas e ambientais.
ronmental areas. The development of multimedia O desenvolvimento de material didáctico multimídia
didactic material MDM complements the curricu- MDM complementa as atividades curriculares dos
lar activities of the courses, particularly those that cursos, particularmente aqueles que possuem um
have a laboratory, and on the other hand, gene- laboratório, e, por outro lado, geram habilidades es-
rate in the student skills for autonomous learning. tudantis para a aprendizagem autônoma. Um MDM
An MDM was developed for the learning of the foi desenvolvido para aprender as práticas realizadas
practices carried out in the plant culture labora- no laboratório de cultivo de plantas, com arquitetura
tory, with client/server architecture, using current cliente / servidor, usando tecnologias atuais em des-
technologies in software development, with real- envolvimento de software, com características em
time characteristics and under the paradigm of tempo real e sob o paradigma do desenvolvimento
Development of isomorphic applications. Based de aplicativos isomórficos. Com base no MDM, uma
on MDM, qualitative evaluation was carried out avaliação qualitativa foi realizada por estudantes de
by undergraduate students in agricultural produc- graduação em Produção Agrícola, que relataram
tion, which reported 86% approval of the material. uma aprovação de 86% do material. Verificou-se que
Digital learning tools were found to facilitate and as ferramentas de aprendizagem digital facilitam e
improve learning of learners to some extent. The melhoram, até certo ponto, a aprendizagem dos alu-
use of new technologies like React, allows to im- nos. O uso de novas tecnologias, como Reagir, per-
prove the rendering of the pages and optimizes mite melhorar a renderização das páginas e otimizar
the load of the server in the necessary requests a carga do servidor nas solicitações necessárias por
by the Apprentice, and makes more efficient the parte do aprendiz e torna a ferramenta de ensino-
teaching-learning gear. In this way, MDM will sup- aprendizagem mais eficiente. Desta forma, o MDM
port the development of skills and skills in agrarian permitirá basear o desenvolvimento de habilidades
production and in the management of ecosystem e habilidades na produção agrícola e na gestão de
species with natural environments. espécies de ecossistemas com ambientes naturais.
Key-words: virtual learning, education, virtual lab, Palavras chave: aprendizagem virtual, educação,
technologies in education. laboratório virtual, tecnologias na educação.
Introducción
Las tecnologías en la educación -TE- fomentan la uso de software aplicativos se han sumado Insti-
cultura del uso de las herramientas en sistemas tuciones Educativas y Universidades de Nortea-
con fines más allá de lo informático, pues gene- mérica (Carnoy, 2004), Centroamérica (Romero et
ran ambientes virtuales de aprendizaje que for- al., 2010) y Suramérica (Varela et al., 2014, 2015)
talecen la enseñanza y aprendizaje del usuario obteniendo resultados satisfactorios de apren-
o educando (Guzmán, 2006). De esta manera, el dizaje por parte de los educando. No obstante,
168
Desarrollo de material didáctico multimedia del cultivo de tejidos vegetales con aplicaciones agrarias y ambientales
169
Revista de Investigación Agraria y Ambiental – Volumen 8 Número 2 – julio - diciembre de 2017 – ISSN 2145-6097
Desarrollo
El laboratorio virtual se desarrolló bajo la arqui- y que aporte claridad a los conceptos, el dise-
tectura cliente servidor e implementando el para- ñador gráfico genera las imágenes y retoca las
digma de desarrollo de aplicaciones isomórficas. fotografías, todos esos elementos son enviados
El contenido de los temas está compuesto por al integrador, que se encarga de colocarlos en la
texto, imágenes animaciones y simulaciones. Los plantilla. Las librerías y lenguajes utilizados para
cuales son planteados por los docentes o exper- el desarrollo del laboratorio virtual, son libres y
tos en CTV, los encargados de digitalizar los tex- fueron las siguientes: i) Bootstrap, ii) ECMAScript
tos son los monitores, los programadores toman 6, iii) React.js, iv) NodeJS, v) JQuery, vi) JSX, vii)
los esbozos de las animaciones y simulaciones CSS3, viii) HTML5. En esta fase se realizaron
para su implementación en HTML5 o CSS3, las siete iteraciones, una por cada tema establecido,
cuales son seleccionadas teniendo en cuenta los a cada una de ellas se les realizo su respectiva
temas de difícil comprensión para los estudiantes fase de despliegue.
170
Desarrollo de material didáctico multimedia del cultivo de tejidos vegetales con aplicaciones agrarias y ambientales
La Figura 2 corresponde a las interfaces de pantalla la aplicación. La Figura 2A presenta los siete módu-
principal, módulo preparación de stock y prácticas los con imágenes que las identifican, la Figura 2B
de laboratorio, en las cuales se pueden apreciar presenta los distintos elementos que se tienen en
colores e imágenes atractivas y vibrantes para los cuenta para los stocks, y, finalmente, la Figura 2C
estudiantes, que permite generar una empatía con es la plantilla de las prácticas de laboratorio.
Figura 2. MDM en CTV. A) Pantalla o interfaz principal, B) Módulo preparación de stock y, C) practica de laboratorio.
171
Revista de Investigación Agraria y Ambiental – Volumen 8 Número 2 – julio - diciembre de 2017 – ISSN 2145-6097
de CTV, la información permite interacción fácil tales como: i) habilitar compresión, ii) Minificar
con el usuario y los contenidos presentan anima- JavaScript, iii) Optimizar imágenes, iv) Habilitar
ciones y simulaciones. En el componente de tec- compresión. En la pestaña de móvil, PageSpeed
nología: facilidad de instalación y uso del software. Insights arrojo el resultado de 19 (ver Figura 4),
La interfaz es dinámica y agradable, el diseño grá- además de los elementos que deben corregirse
fico está relacionado y es adecuado al contenido, expuesto anteriormente, recomienda algunos que
el diseño técnico de animaciones y simulaciones podrían corregirse: i) Prioriza el contenido visible,
es adecuada y el sistema de navegación es apro- ii) Especificar caché de navegador, iii) Minificar
piado. Los aspectos del componente de didáctica CSS, iv) Minificar HTML.
son: los objetivos de aprendizaje están definidos,
los objetivos de aprendizaje se relacionan con los
contenidos y favorece el autoaprendizaje del culti-
vo de tejidos vegetales.
Page Speed Insights es una herramienta ofrecida Se generó un software educativo que permite a los
por Google a los desarrolladores, la cual realiza interesados, educadores y educandos, adquirir co-
un análisis a la página web y genera una evalua- nocimientos y destrezas en el área de laboratorio
ción de 0 a 100, siendo 100 la mejor evaluación, de cultivo de tejidos vegetales. El desarrollo de este
adicionalmente brinda sugerencia para mejorar la objeto virtual de aprendizaje tiene las propiedades
velocidad de carga y de despliegue en móviles. La específicas para que el aprendiz mediante la inte-
evaluación en modo pc arrojo el resultado de 20 racción pueda ir captando los saberes necesarios
y sugerencias a elementos que deben corregirse, para su manejo y simultáneamente, comprenda lo
172
Desarrollo de material didáctico multimedia del cultivo de tejidos vegetales con aplicaciones agrarias y ambientales
relacionado con la temática. Dentro de las experien- significativa que lleve al educador o educando a
cias relacionadas con el desarrollo de MDM en las percibir la realidad real, de tal manera, sirva como
ciencias se encuentra el realizado en morfología ve- modelo para su imitación en el laboratorio o área
getal (Varela et al., 2014) e histología vegetal (Vare- de trabajo. En este orden de ideas, lo definido por
la et al., 2015) que también permiten que el usuario Abud (2009) redondea de manera clara la columna
pueda mediante la interfaz, la diagramación, el dise- vertebral del CTV siendo eje de un modelos simula-
ño, las pautas pedagógicas y metodológicas para el dor de la realidad con base lo establecido por Vidal
manejo de conceptos y prácticas puedan alcanzar & González (2002) que finalmente permiten generar
habilidades metacognitivas para la comprensión de una cultura científica para la resolución de proble-
un saber específico. mas de cualquier índole que se desarrollen en la-
boratorio (Reigosa & Jiménez, 2000), como los que
El MDM en CTV se fundamentó en los saberes acomete el CTV.
básicos y aplicados en esta área de la biotecnolo-
gía, siguiendo los principios del conocimiento del
laboratorio, preparación de stocks, medios de cul- Conclusiones
tivo y técnicas de micropropagación de material
vegetal. De igual manera, Ramírez et al. (2012) Con la aplicación de nuevas y actualizadas tecno-
registran estos tópicos como los centrales en la logías usadas para el desarrollo de software con
enseñanza y aprendizaje, ya que son el sustento perspectiva a la construcción de material didáctico
para desarrollar habilidades cognitivas y técnicas multimedia, se mejora la usabilidad, y por añadidu-
en el CTV. Además, estos temas que se plantea ra la experiencia del usuario, educador y educando,
el Laboratorio Virtual en CTV tienen como eje permitiendo el aprendizaje de los interesados, par-
como lineamentos textos de vital importancia en ticularmente, en el área de cultivo de tejidos vege-
el aprendizaje de los procedimientos y técnicas tales que requiere conceptos claros y habilidades
en el CTV como lo establecido en el texto clásico técnicas específicas. Además, la sincronización de
de Roca et al. (1991) u otro más actualizado como las animaciones, simulaciones y contenidos digita-
el de Levitus et al. (2010). les, sumando la disponibilidad en la web, permite
ampliar el acceso a las temáticas en estudio y a
Dentro de las temáticas desarrolladas en la TE la mejorar el rendimiento de los estudiantes en CTV
micropropagación in vitro es un ítem complejo por- con énfasis en la producción agraria y su desarrollo
que implica destreza y habilidad, pero el Laborato- sostenible y sustentable con el ambiente, particu-
rio virtual de CTV incluye aplicaciones teóricas que larmente, ahondado el manejo y conservación de
fundamentan los conocimientos previos como la vi- especies endémicas y nativas.
sualización de los procesos para la claridad en la
aplicación de forma didáctica. La prioridad en los
perfiles profesionales de las carreras que desarro- Agradecimientos
llan competencias en la biotecnología, lo primor-
dial es que el profesional tenga los componentes Los autores expresan sus agradecimientos a la Di-
conceptuales y consecutivamente las destrezas rección General de Investigaciones de la Universi-
manuales para que mediante las aplicaciones pue- dad de los Llanos por su apoyo y financiación del
da producir material vegetal (Gonzáles et al., 2010; proyecto “Desarrollo de laboratorio virtual de cultivo
Orozco & Olaya, 2016). de tejidos vegetales, utilizando una estrategia me-
tacognitiva para mejorar el aprendizaje de los es-
La interacción virtual implica profundizar los conoci- tudiantes de Ingeniería Agronómica y Licenciatura
mientos teóricos de base con un alcance desde lo en Producción Agropecuaria de la Universidad de
virtual, con la intención de alcanzar una experiencia los Llanos”.
173
Revista de Investigación Agraria y Ambiental – Volumen 8 Número 2 – julio - diciembre de 2017 – ISSN 2145-6097
Literatura citada
1. Abud, A. (2009). Me ISE: Metodología de Ingeniería 10. Ramírez, H., Guevera, M. & Escobar, R. (2012). Cultivo
de software educativo. Revista internacional de edu- de Tejidos Vegetales conceptos y prácticas. Guía de
cación en ingeniería. 2 (1), 1-9. estudio. Universidad Nacional de Colombia sede Pal-
mira. Palmira, Valle de Cauca, Colombia. 227p.
2. Carnoy, M. (2004). Las TIC en la enseñanza: posibili-
dades y retos. UOC.19 p. Recuperado de: http://www. 11. Reigosa, E. & Jiménez, P. (2000). La cultura científica
uoc.edu/inaugural04/esp/carnoy1004.pdf en la resolución de problemas en el laboratorio. Ense-
ñanza de las ciencias. 18(2), 275-284.
3. Gonzales, C., Villa, J. & Bravo J. (2010). La biotecnolo-
gía como empresa”. Unicauca. 8(1), 83-92. 12. Roca, W. & Mroginski, L. (1991). Cultivo de tejidos en la
Agricultura. Fundamentos y aplicación. Centro de Inves-
4. Guzmán, J. (2006). Las TIC y las crisis de la educación:
tigación en Agricultura Tropical, Cali-Colombia. 969 p.
algunas claves para su comprensión. Recuperado de:
http://www.virtualeduca.org/documentos/yanez.pdf. 13. Romero, P., Domínguez, J. & Guillermo, C. (2010). El
uso de las Tic´s en la educación de comunidades rura-
5. Hernández, D. (2016). Cómo medir optimizar velocidad
les y urbanas del sureste de México. Revista de Edu-
página web. Recuperado de: http://alfredohernandez-
cación a Distancia. 22,1-19.
diaz.com/2015/09/29/comomedir-optimizar-veloci-
dad-pagina-web/ 14. Varela, A., Bonilla, M. & Romero, A. (2014). Desarrollo de
material multimedia en Morfología Vegetal y su imple-
6. Hernández, M. (2008). Propuesta de apoyo para la
mentación utilizando una estrategia metacognitiva para
gestión eficiente de la biotecnología. Revista EAN. 62,
fortalecer el aprendizaje de los estudiantes de Licen-
5-26.
ciatura en Producción Agropecuaria, Universidad de los
7. Levitus, G., Echenique, V., Rubistein, C., Hopp, E. & Llanos. In Twelfth LACCEI Latin American and Caribbean
Mroginski, L. (2010). Biotecnología y mejoramiento ve- Conference for Engineering and Technology. 1-9.
getal II. ARGENBIO (Consejo Argentino para la Infor-
15. Varela, A., Bonilla, M. & Romero, A. 2015. Implemen-
mación y el Desarrollo de la Biotecnología). Ediciones:
tación de Material Didáctico Multimedia en Histología
Instituto Nacional de Tecnología Agropecuaria. 648 p.
Vegetal Mediante una Estrategia Metacognitiva para
8. Orozco, L. & Olaya, D. (2016). Indicadores del progra- Fortalecer el Aprendizaje en los Estudiantes de I, II y
ma nacional de biotecnología. Observatorio Colom- IV Semestres de la Licenciatura en Producción Agro-
biano de Ciencia y Tecnología. 23 p. Recuperado de: pecuaria, Universidad de los Llanos. In 13th LACCEI
https://es.scribd.com/document/3347516/Programa- Annual International Conference. 1-5.
Nacional-de-Biotecnologia-Indicadores
16. Vidal, G. & González, H. (2002). Evaluación pedagó-
9. Pérez, G. (2004). Investigación cualitativa. Retos e in- gica del simulador del laboratorio químico modelche-
terrogantes. 2 Vol. Ed. La Muralla Madrid. 72 p. mlab. Revista Pedagogía Universitaria. 7 (4), 17-29.
Conflicto de Intereses
Los autores declaran no tener
ningún conflicto de intereses
174