Escolar Documentos
Profissional Documentos
Cultura Documentos
Autores:
García Heizer
Mena Estrella
Tutor:
Ing. Duran Juan
Duran, Juan
C.I. Nº 17.634.882
UNIVERSIDAD NACIONAL EXPERIMENTAL
DE LOS LLANOS OCCIDENTALES
―EZEQUIEL ZAMORA‖
VICE-RECTORADO DE PLANIFICACIÓN
Y DESARROLLO SOCIAL
PROGRAMA DE INGENIERÍA, ARQUITECTURA Y
TECNOLOGÍA
Autores:
García Heizer CI: 24.556.429
Mena Estrella CI: 21.294.734
Por siempre estar ahí, a mi lado, y por animarme en los malos momentos que se
me presentaron, brindándome alegría y siendo un gran apoyo para mí.
A mis maestros
Ing. Juan Duran, quien desde el comienzo de la carrera fue un excelente profesor.
Ing. Darjeling Silva, por ser una gran guía en este largo camino, y demás
profesores de la carrera Ingeniería en Informática.
Estrella Mena.
iv
DEDICATORIAS.
Por estar a mi lado, ser muy comprensiva y demostrarme que en todo momento
puedo contar con ella.
A mis amigos
A mis maestros
Por último, a todas aquellas personas que de una u otra manera me apoyaron.
Heizer García.
v
AGRADECIMIENTOS.
Los resultados de este proyecto de grado, están dedicados a todas las personas
que, de una u otra manera, son parte de su culminación. Por esto, les damos
nuestros más sinceros agradecimientos a:
Nuestro tutor, Ingeniero Juan Duran, al cual conocemos desde hace algunos
años, nos acompañó por este largo camino, y ha sido un excelente profesor, guía y
asesor.
Los autores.
vi
ÍNDICE GENERAL
pág.
DEDICATORIAS................................................................................................. iv
AGRADECIMIENTOS ....................................................................................... vi
INDICE GENERAL ........................................................................................... vii
LISTA DE CUADROS ..........................................................................................x
LISTA DE FIGURAS .......................................................................................... xi
RESUMEN .......................................................................................................... xiii
INTRODUCCIÓN .................................................................................................1
CAPÍTULO
I. EL PROBLEMA ..................................................................................3
Planteamiento del Problema .................................................................................3
Objetivos de la Investigación ...............................................................................7
Objetivo General ...............................................................................................7
Objetivos Específicos .......................................................................................7
Justificación de la Investigación ...........................................................................7
Alcances y Limitaciones.......................................................................................9
Alcances ............................................................................................................9
Limitaciones ...................................................................................................10
II. MARCO TEÓRICO ..........................................................................11
Antecedentes de la Investigación .......................................................................11
Bases Teóricas ....................................................................................................14
Nuevos Ambientes de Enseñanza ...................................................................14
Herramientas Tecnológicas ............................................................................17
Clases de herramientas tecnológicas ............................................................17
Importancia de la tecnología en la educación ...............................................21
Importancia de la tecnología en las escuelas ................................................21
Ventajas de la tecnología en la educación ....................................................22
Dificultades del uso de la tecnología en la educación ..................................23
Objeto de Aprendizaje ....................................................................................24
Características de los objetos de aprendizaje................................................25
vii
Ventajas de los objetos de aprendizaje .........................................................26
Tipos de objetos de aprendizaje....................................................................27
Elementos estructurales de un objeto de aprendizaje ...................................28
Criterios de calidad de un objeto de aprendizaje ..........................................30
Diseño Curricular del Sistema Educativo Bolivariano de Venezuela ............31
Matemática ...................................................................................................31
Bases Legales .....................................................................................................33
Operacionalización de Variables ........................................................................41
III. MARCO METODOLÓGICO ..........................................................42
Naturaleza de la Investigación............................................................................42
Población y Muestra ...........................................................................................46
Población ........................................................................................................46
Muestra ...........................................................................................................46
Técnica de Recolección de Datos .......................................................................48
La Entrevista ...................................................................................................49
Validez y Confiabilidad de los Instrumentos .....................................................50
Metodología para el Desarrollo de la propuesta .................................................51
IV. ANÁLISIS Y DISCUSIÓN DE LOS RESULTADOS ....................59
Fase I. Análisis ...................................................................................................59
Análisis del Público ........................................................................................59
Análisis del Ambiente.....................................................................................63
Análisis del Contenido....................................................................................64
Análisis del Sistema........................................................................................66
Fase II. Diseño Educativo...................................................................................66
Metas Educativas ............................................................................................66
Objetivos de Aprendizaje ...............................................................................67
Decisiones de Contenido ................................................................................67
Modelo Cognoscitivo .....................................................................................71
Actividades de Aprendizaje ............................................................................72
Fase III. Diseño Interactivo ................................................................................81
Requerimientos Funcionales ...........................................................................81
Metáforas y Paradigmas .................................................................................82
viii
Diseño de Interface .........................................................................................82
Manejo ............................................................................................................83
Mapas de Navegación .....................................................................................83
Pantallas de Esquema .....................................................................................85
Prototipo de Trabajo .......................................................................................92
Fase IV. Desarrollo .............................................................................................93
Fase V. Producción ...........................................................................................102
Fase VI. Implementación y Evaluación ............................................................102
Pruebas Alfa..................................................................................................102
Pruebas Beta .................................................................................................103
Aplicación de la metodología de investigación ................................................104
V. CONCLUSIONES Y RECOMENDACIONES .............................109
Conclusiones.....................................................................................................110
Recomendaciones .............................................................................................110
REFERENCIAS BIBLIOGRÁFICAS .............................................................112
ANEXOS A
Pantallas del Objeto de Aprendizaje de Matemática ...........................................118
ANEXOS B
Código del Objeto de Aprendizaje de Matemática .............................................132
ANEXOS C
Manual instructivo del Objeto de Aprendizaje de Matemática ...........................148
ANEXOS D
Planificación de la profesora de Matemática .......................................................158
ix
LISTA DE CUADROS
CUADRO pág.
x
LISTA DE FIGURAS
FIGURA pág.
xi
29 Página de subtema del ODA (Cálculo de longitud) .......................................126
30 Página de subtema del ODA (Trazado de circunferencia) .............................127
31 Página de tema del ODA (Aplicación de fórmulas).......................................127
32 Página de subtema del ODA (Área I parte) ...................................................128
33 Página de subtema del ODA (Área II parte) ..................................................129
34 Página de subtema del ODA (Área del círculo) .............................................129
35 Página de subtema del ODA (Volumen). .......................................................130
36 Página de subtema del ODA (Volúmenes) ....................................................131
37 Código de la página inicial .............................................................................133
38 Código de la página principal (I parte) ..........................................................134
39 Código de la página principal (II parte) .........................................................135
40 Código de la página principal (III parte) ........................................................136
41 Código de la página de tema (I parte) ............................................................137
42 Código de la página de tema (II parte) ...........................................................138
43 Código de la página de tema (III parte) .........................................................139
44 Código de la página de tema (IV parte) .........................................................140
45 Código de la página de subtema (I parte).......................................................140
46 Código de la página de subtema (II parte) .....................................................141
47 Código de la página de subtema (III parte) ....................................................142
48 Código de la página de subtema (IV parte) ....................................................143
49 Código de la página de subtema (V parte) .....................................................144
50 Código de la página de subtema (VI parte) ....................................................145
51 Código de la página de subtema (VII parte) ..................................................146
52 Código de la página de subtema (VIII parte). ................................................147
53 Planificación de la profesora de Matemática. ................................................159
xii
UNIVERSIDAD NACIONAL EXPERIMENTAL
DE LOS LLANOS OCCIDENTALES
―EZEQUIEL ZAMORA‖
VICE-RECTORADO DE PLANIFICACIÓN Y DESARROLLO SOCIAL
PROGRAMA DE INGENIERÍA, ARQUITECTURA Y TECNOLOGÍA
BARINAS, ESTADO BARINAS
Resumen
Los Objetos de Aprendizaje han ido incluyéndose con el paso de los años en la
vida de los estudiantes para incrementar sus conocimientos. El objetivo de esta
investigación es crear un Objeto de Aprendizaje de Matemática para fortalecer la
enseñanza de los estudiantes de primer año de educación media dirigido a los
alumnos del Liceo Nacional Bolivariano ―Libertador‖. En ello se trabajaron
conocimientos de enseñanza en el área de Matemática. A tal razón, la
investigación tiene una modalidad cualitativa, y es de tipo campo-contrastiva bajo
un criterio crítico. Además, de utilizarse la metodología para el diseño del
software propuesto por Brian Blum (1993), apoyada en una investigación por
cuatro fases, descriptiva, explicativa, aplicativa y contrastativa, con una
triangulación para su ejecución, bajo la plataforma Linux, necesitando tener un
navegador y utilizando los lenguajes de programación Action Script, JavaScript,
HTML y CSS.
xiii
INTRODUCCIÓN.
1
El presente trabajo de investigación se encuentra estructurado en cinco
capítulos:
2
CAPÍTULO I
EL PROBLEMA
3
En Venezuela, actualmente se están elaborando nuevos esquemas los cuales
apuntan al desarrollo tecnológico como lo planteado por José Gregorio Biomorgi
(2012), presidente del Centro Nacional de Tecnologías Química (CNTQ) que
señalo en una rueda de prensa con periodistas internacionales:
4
meramente a usar las TIC y apuestan por explorar estas herramientas
tecnológicas al servicio del aprendizaje y de la adquisición de
conocimiento. (pág. 45).
5
Objeto de Aprendizaje tipo procedimental para Matemática, y este programa
abarca la planificación que utiliza la profesora de Matemática, es decir, la Lcda.
Rangel Rossana, en la institución.
6
OBJETIVOS DE LA INVESTIGACIÓN.
Objetivo General
Objetivos Específicos
Justificación de la Investigación
7
También, es relevante mencionar que los elementos que describe la norma
antes mencionada deben aplicarse por las Instituciones de Educación
Universitaria (IEU) para generar y producir los Objetos de Aprendizaje de
Acceso Abierto.
Esta investigación fue realizada para dar un aporte a los estudiantes de primer
año en una asignatura, utilizando como recurso las Canaimas que poseen los
estudiantes de primer año, y por lo indagado en el Liceo Nacional Bolivariano
―Libertador‖ los autores se concentraron en Matemática por ser esta donde los
estudiantes tienen más dificultad. Con las investigaciones realizadas tanto por
preguntas a profesores universitarios como por medios como el internet se
determinó la realización de un Objeto de Aprendizaje de tipo procedimental para
Matemática.
8
Este proyecto beneficia no solo a los estudiantes a los que se refieren en la
investigación sino a todos los que utilizan el Objeto de Aprendizaje realizado,
además, es un método de enseñanza más práctico que puede ser utilizado por los
profesores de estas áreas.
A partir del Objeto de Aprendizaje determinado, puede surgir otro, tanto como
mejorar o actualizar el expuesto, o realizar nuevos proyectos referidos a las demás
asignaturas y lograr cubrir todas las disciplinas que se dictan en el año escolar, y
no solo para que se extienda esto para primer año sino para toda la Educación
Media y Diversificada, es decir, de primero a quinto año.
Alcances y Limitaciones
Alcances:
9
En la investigación se realizó una triangulación, donde se comparan tres (3)
aspectos fundamentales, los cuales son: La planificación que tiene la profesora de
las clases de Matemática rutinarias (tradicionales), el programa educacional que
posee el computador Canaima para Matemática de primer año y el Objeto de
Aprendizaje de Matemática que se desarrolló acorde a la planificación escolar de
la Lcda. Rangel Rossana, la cual imparte dicha asignatura.
Por otro lado, esta investigación solo llego hasta la implementación del Objeto
de Aprendizaje de Matemática, logrando obtener los datos que sean necesarios, y
se realizó la contrastación con lo que se adquirió del programa educacional de
Canaima y la clase rutinaria que da la Lcda. Rangel Rossana de acuerdo a su
planificación. Con todo esto, se logró determinar cuál de los programas es más
eficaz y completo tanto para los alumnos como para los profesores de dicha
asignatura.
Limitaciones:
10
CAPÍTULO II
MARCO TEÓRICO
Antecedentes de la investigación:
11
también las herramientas Web 2.0 y las redes sociales, teniendo en cuenta
indicadores de evaluación.
12
El estudio anterior respalda que la incorporación de las nuevas tecnologías
optimiza el rendimiento académico de los estudiantes, además, que muchos
docentes confirman que son un recurso muy importante, y que es muy factible su
agregación a la educación para una mejor enseñanza, lo cual resulta el aporte más
importante a la investigación que fue llevada a cabo.
13
BASES TEÓRICAS.
Para aclarar este tema, no hay mejor definición que la proporcionada por
Ferreira G. Ramón (s/f, pág. 1), la cual es la siguiente: La creación de nuevos
ambientes de enseñanza implica tener en cuenta los elementos esenciales que
propician una enseñanza desarrolladora de potencialidades y de competencias
valiosas para toda la vida.
14
Internet para que los alumnos aprendan, determinado contenido de enseñanza, la
experiencia educativa es asincrónica.
Varias son las razones que imponen los nuevos ambientes de enseñanza. Sin
pretender mencionarlas a todas, solo algunas, se encuentran las nombradas por
Ferreira G. Ramón (s/f, pág. 3), las cuales son las siguientes:
15
La aplicación de las innovaciones tecnológicas al entretenimiento y la
diversión. La industria del entretenimiento se ha convertido en una muy
lucrativa que brinda muy buenos ejemplos de cómo se puede aprender
pasándola bien, de manera agradable y divertida.
El impacto del cambio social en el aprendizaje humano. No se aprende
de igual manera por lo que no se puede enseñar como antes se hacía. Es
necesario proveer a los alumnos de las diferentes experiencias que les
permitan enfrentarse al mundo cambiante en que vivimos en el cual, se
calcula que la mitad de los mismos se desempeñarán en una categoría
laboral-profesional que aún no ha sido creada por la sociedad.
16
Herramientas tecnológicas.
Están diseñadas para facilitar el trabajo y permitir que los recursos sean
aplicados eficientemente intercambiando información y conocimiento dentro y
fuera de las organizaciones. Franco Julieta (2010, s/p).
Según Plata Laura (2011, s/p), son herramientas que fácilmente podemos
utilizar, las cuales son:
17
Flash 5: Herramienta que nos permite crear espectaculares páginas
WEB, es una aplicación de alto contenido interactivo el cual gracias a
su versatilidad y potencia se puede añadir a las páginas desde un
sencillo botón hasta las más compleja de las animaciones diseñada
desde FLASH.
18
numerosas empresas que la están adoptando para diversos fines.
Quizás la utilidad más destacada de una wiki empresarial es el
fomento de la colaboración, tanto interna (entre los empleados) como
externa (con proveedores y clientes). El hecho que haya una
plataforma editable e intuitiva para compartir documentos y realizar
ediciones colaborativas, estimula mucho a que esta colaboración se
perciba como algo factible. El ejemplo de "wiki" más conocido es
WIKIPEDIA.
19
entre ciudadanos del mismo país. Asimismo un chat más abierto,
puede ser integrado por personas de distintos países.
20
Importancia de la tecnología en la educación.
21
Los estudios han demostrado que al corriente de los niños con mejoras mostrar
la tecnología en su escritura, lectura y matemáticas. La tecnología también ha
contribuido a la disminución de las tasas de deserción, la mejora de la asistencia
del estudiante y la mejora en sus habilidades de aprendizaje.
22
Dificultades del uso de la tecnología en la educación.
Otra marcada dificultad es, el divorcio existente entre los sistemas educativos y
las realidades socioculturales Mena y Marcos (1994, en Lorido 2005), se da
mucha importancia a los equipos y herramientas tecnológicas pero no se toma en
cuenta los procesos, resultando de esta manera una tecnología vacía, sin ninguna
postura crítica, que sea adaptada al medio, y que pueda dar un aporte significativo
a la sociedad.
23
Objeto de aprendizaje:
24
Características de los objetos de aprendizaje:
25
No puede descomponerse en partes más pequeñas.
En el cuadro siguiente pueden verse las ventajas que presentan los objetos de
aprendizaje, tanto para los estudiantes como para los profesores.
26
Cuadro Nº 1. Ventajas de los Objetos de Aprendizaje.
27
material o a una información que se presenta‖; se trata de traducir el
concepto a nuestras propias palabras.
Según el formato:
1. Imagen.
2. Texto.
3. Sonido.
4. Multimedia.
28
Más adelante se evolucionó hacia la interoperabilidad, donde la estructura de
un OA debía contener todos los aspectos necesarios, tanto técnicos como
pedagógicos, para poder "conectar" dos o más objetos, ahí surgieron las iniciativas
de descripción de objetos y lo estándares de metadatos.
29
los objetos de aprendizaje y se consideran opcionales el resto de
campos de la especificación:
30
El segundo componente es la calidad del objeto de aprendizaje mismo. ¿Quién
y qué organización revisará y clasificará los objetos para garantizar una alta
calidad en su contenido y estructura? Para atender este problema, muchas
organizaciones tienen procesos de evaluación definidos. Algunos son selectivos
sobre el material enviado y poseen equipos de profesionales en educación para
evaluar los objetos antes de su publicación.
Matemáticas:
31
Estudio de patrones, formas y diseños ambientales.
Historia e importancia de la geometría en la sociedad.
Introducción de términos: punto, recta, segmento,
semirrecta, plano y espacio. Segmento orientado.
Estudio de ángulos: definición, notación, medida,
clasificación, suplemento, complemento, congruencia
y medidas (el semicírculo graduado). Bisectriz.
Rectas perpendiculares, paralelas y secantes. Ángulos
entre paralelas.
Semiplanos, intersección de planos y planos
paralelos.
Definición y construcción de figuras y cuerpos
geométricos (paralelepípedos, esferas, conos,
cilindros, pirámides, tetraedros, trapecios,
paralelogramos, rombos, rectángulos o cuadrados).
Los instrumentos de medición (reglas, escuadras,
entre otros) para localizar puntos planos en la recta
numérica o en el sistema de coordenadas cartesiano.
Proyecciones ortogonales, traslaciones y simetría
axial.
32
Bases Legales.
33
organizar, elaborar y actualizar los programas de investigación,
docencia y extensión. Se establece la inviolabilidad del recinto
universitario. Las universidades nacionales experimentales alcanzarán
su autonomía de conformidad con la ley.
34
La presente investigación también se encuentra sustentada, en la Ley Orgánica
de Educación, (2009), Capítulo I, Disposiciones Fundamentales, en el artículo
seis (6) señala lo siguiente:
La investigación que se llevó a cabo está sustentada por la Ley Orgánica para
la Protección de Niños, Niñas y Adolescentes, (2007), Capítulo II, Derechos,
Garantías y Deberes, en el artículo sesenta y ocho (68) señala lo siguiente:
Artículo 68.
Derecho a la información.
35
Todos los niños, niñas y adolescentes tienen derecho a recibir, buscar
y utilizar todo tipo de información que sea acorde con su desarrollo y
a seleccionar libremente el medio y la información a recibir, sin más
límites que los establecidos en la ley los derivados de las facultades
legales que corresponden a su padre, madre, representantes o
responsables...
36
c) Utilización de nuevas tecnologías para incrementar la calidad de
las unidades de producción.
d) Participación, investigación e innovación de las universidades y
centros de investigación e innovación del país en la introducción
de nuevos procesos tecnológicos, esquemas organizativos,
obtención de nuevos productos o de procedimientos, exploración
de necesidades y, en general, procesos de innovación con miras a
resolver problemas concretos de la población venezolana.
37
componentes a saber: intencionalidad formativa, contenidos,
actividades de aprendizaje, elementos motivacionales y orientaciones
didácticas de uso.
38
de Acceso Abierto actividades de aprendizaje por medio de las
cuales las y los destinatarios pongan en escena de forma
individual y/o colaborativa, destrezas, comportamientos,
valores y habilidades cognitivas de orden superior (análisis,
síntesis, aplicación, evaluación crítica, producción, entre
otros), situaciones para la validación de los saberes que se
espera construya en relación con los contenidos del recurso,
así como la aplicación de los mismos a problemáticas éticas,
sociales y económicas. Asimismo a través de ellas se debe
fomentar la sistematización de la experiencia de aprendizaje
desde una postura meta cognitiva y reflexiva, de los logros,
avances y dificultades vivenciados ante las actividades
propuestas y la experiencia resultante de su interacción con el
Objeto de Aprendizaje de Acceso Abierto.
39
didácticas que incluyan ayudas técnicas, de manera que se
facilite el acceso a las potencialidades educativas de éste.
40
Cuadro Nº 2. Operacionalización de Variables.
Objetivo General: Crear un objeto de aprendizaje de matemática para fortalecer la enseñanza de los estudiantes de primer año de
educación media dirigido a los alumnos del Liceo Nacional Bolivariano ―Libertador‖.
41
CAPÍTULO III
MARCO METODOLÓGICO
Naturaleza de la investigación.
42
Es de campo porque los datos se recogieron en la realidad, y se fue hasta la
institución para buscarlos y lograr obtener toda la información necesaria, al mismo
tiempo, ayuda y sirve de apoyo en las fases necesarias para la triangulación que se
hizo.
Investigación descriptiva:
Investigación explicativa:
43
Investigación aplicativa:
Investigación contrastativa:
En este caso de estudio, esta es la última fase y una de las más importantes ya que
nos da las conclusiones necesarias, debido a que en esta se contrasta todo lo hecho en
las tres fases anteriores.
44
Figura 1. Metodología De Diseño Y Desarrollo De Multimedia De Brian Blum (Citado por Guzmán,
2000, p.41)
45
Población y Muestra.
Población.
Muestra.
46
Según Scheaffer, R., Mendenhal, W. y Ott, L. (2007): Si se selecciona un tamaño
de muestra n de una población de tamaño N de tal manera que cada muestra posible
de tamaño n tenga la misma probabilidad de ser seleccionada, el procedimiento de
muestreo se denomina muestreo aleatorio simple. A la muestra así obtenida se le
denomina muestra aleatoria simple. (pág. 83).
Dónde:
n es el tamaño de la muestra;
Z es el nivel de confianza;
p es la variabilidad positiva;
q es la variabilidad negativa;
N es el tamaño de la población;
E es la precisión o el error.
( ) ( )( )( )
( )( ) ( ) ( )( )
47
Técnica de Recolección de Datos.
La entrevista.
Es una relación directa entre personas por la vía oral, que se plantea unos
objetivos claros y prefijados, al menos por parte del entrevistador, con
una asignación de papeles diferenciales, entre el entrevistador y el
entrevistado, lo que supone una relación asimétrica (Silva y Pelachano,
1979, pág.13).
48
Ventajas de la entrevista:
Tipos de entrevista:
La entrevista estructurada:
49
Es por lo antes mencionado que se selecciona para esta investigación la entrevista
no estructurada, ya que se adapta a los que se requiere, además, esta nos permitió la
profundización en los temas que nos interesan, utilizando más tiempo para realizar la
misma pero orientando hacia una mejor finalidad.
Cohen (1996), Davis (1996), Hayes (1998) y Huck (1996) están de acuerdo en que
la fiabilidad de un instrumento de medición hace referencia a la consistencia de un
resultado. Esto quiere decir, que el cuestionario de datos será consistente después de
pruebas repetidas, utilizando los mismo o diferentes valores, para las mismas
preguntas o similares. De las entrevistas se puede decir lo siguiente:
d. El entrevistador no debe tomar extensas notas, sino que debe usar una
pauta que le permita hacer breves anotaciones o chequeos.‖ (Scharager J.,
s/a, pág.19).
50
Para la entrevista se tuvieron en cuenta pautas claras y realizar pruebas de
ensayo. A pesar de que con la entrevista no estructurada se tiende a caer en
errores de sesgo o inexperiencia, ésta es muy dinámica ya que las preguntas son
abiertas y dependiendo de las respuestas que se obtengan se pueden formular
otras. Además, es libre, informal y de gran ayuda para estudiar objetivos que
estén claros y específicos.
51
Público en general: Si el tema es general, la terminología es común
para la mayor parte de la gente.
Infantil: Si el tema es específicamente infantil, aunque entre el
auditorio pueda haber personas mayores.
De acuerdo a las características Económicas y Socioculturales:
Medio ambiente: se analiza el lugar donde se desarrollan los
individuos.
Nivel cultural: se refiere a las costumbres y tradiciones.
Rasgos de Personalidad: preferencias de actividades, gustos,
pasatiempos.
Clase social: clase social a la que pertenecen, pensado en el costo de
la presentación.
52
Sociocultura:
Clubes existentes en la localidad
Tipo de eventos sociales que realizan
Grado de apoyo de la comunidad
Actividades predominantes, pasatiempos.
El tamaño de la producción: Nivel de lanzamiento de la presentación:
Nacional.
Internacional
Regional
Privado
53
b) Diseño Educativo: En esta metodología se da un énfasis especial al aspecto
educativo. De hecho esta es una de las diferencias más significativas entre éste
y otros métodos de desarrollo. Los puntos clave que se sugieren considerar son:
c) Diseño interactivo: Los diseñadores deben trabajar muy de cerca con las
personas que están produciendo para asegurar que sus ideas son incluidas en
el sistema apropiadamente, y los desarrolladores necesitan confirmar los
resultados de su trabajo con los diseñadores.
Los ciclos de retroalimentación y la buena comunicación entre diseñadores y
productores son críticos para el éxito de un proyecto y es parte importante de la
administración del proyecto.
54
Diseñar es pensar, escoger, crear y hacer. Es dar forma, ajustar, volver a trabajar,
pulir, probar y editar. Cuando se diseña un proyecto, las ideas y conceptos dan un
paso más hacia la realidad.
55
La generación de la metáfora es también un trabajo que requiere de
mucha atención, imaginación y creatividad.
56
Mapa de navegación: Después del diseño de interface y de haber
determinado los requisitos educativos y funcionales es necesario
producir un mapa que indique la ruta que ha de seguir el usuario al
recorrer la aplicación. Este mapa ayudará a esquematizar el producto
final. Este es uno de los pasos que no se pueden evitar. Es indispensable
tener este mapa como guía. Cualquier cambio posterior, sea aumento o
eliminación de escenas será más claro de determinar y decidir si se
cuenta con este mapa.
57
terceros ofrecen a los desarrolladores de multimedia. Puede ayudar a reducir
el tiempo y aún los costos.
Sólo así, después de cumplir con las etapas anteriores y estando seguros de la
calidad del sistema, el producto podrá ser lanzado al mercado.
58
CAPÍTULO IV
1. Fase I. Análisis:
Por medio de la investigación que se realizó en relación a los fines del proyecto, en
cuanto al Análisis del Público, Análisis del Contenido, Análisis del Ambiente y
Análisis del Sistema, logramos determinar el nivel óptimo para la eficacia del
proyecto.
Con respecto al Análisis del Público, el cual está compuesto por 138 estudiantes y
una profesora de la asignatura Matemática, se usó de instrumento de recolección de
59
datos una entrevista no estructurada, para lograr obtener la determinación de las
características y requerimientos del usuario final. El método de recolección de datos
utilizado se dirigió a 57 estudiantes de primer año elegidos al azar, para ser
interrogadas mediante este instrumento que carece de un rígido esquema pre-
establecido, logrando comprender las terminologías de las personas estudiadas, sus
maneras de juzgar y sus experiencias individuales que son abordadas a lo largo de la
conversación de los temas que se querían abordar.
Se entrevistaron por varios días a los alumnos de primer año elegidos al azar,
aprovechando la ayuda brindada por la institución.
Después de aplicar dicho instrumento, y que las entrevistas han sido transcritas en
un borrador, se procedió a analizar, interpretar y redactar la conclusión de las
preguntas realizadas.
60
Pregunta Nº 2: ¿Qué técnicas utilizas para estudiar la asignatura de Matemática?
La mayoría coincidió con que sus técnicas consisten en observar y leer lo que traen
sus Canaimas, y los libros de matemática que tienen a disposición, sin embargo, a
veces no encuentran como practicar por no entender algunas maneras de resolver los
problemas matemáticos, además, la mayoría no cuenta con libros de esta asignatura, y
creen que sí cuentan con una serie de ejercicios de cada tema en los cuales se
encuentren los resultados sabrían si lo hacen correctamente. Por otro lado, la minoría
opino que sus técnicas consisten en practicar, aprendiendo de sus errores, y buscando
la manera de resolver los ejercicios de una manera fácil y correcta.
Muchos coinciden en que saben lo que los maestros les enseñaron en la escuela
(primaria) y que con explicaciones entienden algo o por lo menos lo esencial de la
asignatura, mientras que muy pocos dijeron que aprenden con facilidad por la práctica
y el autoaprendizaje que ellos mismos se forjan e igualmente siempre están a
disposición de todo el material que les sea posible.
Los estudiantes dijeron que sabían que los objetos de aprendizaje es una manera
digital de aprender, de forma divertida y atrayente, el cual les permite estudiar por
medio de un computador, como lo serían sus Canaimas, además, que es muy
interesante porque pueden utilizarlos en cualquier lugar con tal se cuente con el
medio necesario.
61
Pregunta Nº 5: ¿Te gustaría estudiar Matemática con ayuda de un Objeto de
Aprendizaje? ¿Por qué?
Casi todos los estudiantes dijeron que casi no practican porque a veces no
entienden o se confunden al momento de buscar el resultado y dejan de lado el
estudio. Y otros contaron que practican lo que creen necesario para aprender cada
tema de matemática y obtener buenos resultados en los exámenes.
62
Pregunta Nº 8: ¿Qué opinas de la existencia de un objeto de aprendizaje de
Matemática basado en la planificación de la profesora en el Liceo Nacional
Bolivariano ―Libertador‖?
A todos los estudiantes les gustó la idea de aprender digitalmente con un objeto de
aprendizaje que estuviera basado en la planificación de su profesora ya que tendría
incluido lo mismo que ella les enseñará y podrían entender mejor cada tema, porque
si no entienden la explicación que les da la profesora, pueden repasar desde su
Canaima una y otra vez el material que tendrán disponible hasta lograr comprender el
mismo.
La profesora por su parte nos comentó que tenía un gran interés por la
herramienta, porque no está acostumbrada al contenido de las Canaimas y le parece
un poco confuso para dar sus clases, además, acordó entregar a los autores la
planificación pre-establecida que tiene para dar Matemática en primer año.
63
1.3 Análisis del Contenido:
64
Figura Nº 2. Planificación de la profesora de Matemática de primer año. Fuente: Licenciada Rossana Rangel.
65
1.4 Análisis del Sistema:
66
2.2 Objetivos de Aprendizaje:
El Objeto de Aprendizaje está conformado por tres lapsos, contando cada uno con
tres temas, y estos a su vez con varios sub-temas, los cuales están descritos en las
figuras mostradas a continuación:
67
Figura Nº 3. Contenido del Primer lapso de Matemática de primer año. Fuente: García H. y Mena E.
68
Figura Nº 4. Contenido del Segundo lapso de Matemática de primer año. Fuente: García H. y Mena E.
69
Figura Nº 5. Contenido del Tercer lapso de Matemática de primer año. Fuente: García H. y Mena E.
70
2.4 Modelo cognoscitivo:
71
2.5 Actividades de aprendizaje:
72
Cuadro Nº 3. Actividades de aprendizaje del Objeto de Aprendizaje.
73
Cont…
Ley de los signos. Información, video, imágenes Por medio de la información, la
y ejercicios. explicación detallada de las
herramientas y los ejercicios, el
usuario analizará cada sub-tema.
Sumas algebraicas. Información, video y Por medio de la información, la
ejercicios. explicación detallada de las
herramientas y los ejercicios, el
usuario analizará cada sub-tema.
Eliminación de signos de agrupación. Información, video y Por medio de la información, la
ejercicios. explicación detallada de las
herramientas y los ejercicios, el
usuario analizará cada sub-tema.
Operaciones. Información, imágenes, videos Por medio de la información, la
y ejercicios. explicación detallada de las
herramientas y los ejercicios, el
usuario analizará cada sub-tema.
Potenciación. Información, videos y Por medio de la información, la
ejercicios. explicación detallada de las
herramientas y los ejercicios, el
usuario analizará cada sub-tema.
74
Cont…
Criterios de divisibilidad. Información, imágenes y Por medio de la información, la
ejercicios. explicación detallada de las
herramientas y los ejercicios, el
usuario analizará cada sub-tema.
Mínimo común múltiplo. Información y ejercicios. Por medio de la información, la
explicación detallada de las
herramientas y los ejercicios, el
usuario analizará cada sub-tema.
Máximo común divisor. Información y ejercicios. Por medio de la información, la
explicación detallada de las
herramientas y los ejercicios, el
usuario analizará cada sub-tema.
Ecuaciones. Información, imágenes y Por medio de la información, la
ejercicios. explicación detallada de las
herramientas y los ejercicios, el
usuario analizará cada sub-tema.
Conjunto de números Representación. Información, imágenes y Por medio de la información, la
racionales. ejercicios. explicación detallada de las
herramientas y los ejercicios, el
usuario analizará cada sub-tema.
75
Cont…
Lectura y escritura de fracciones. Información y ejercicios. Por medio de la información, la
explicación detallada de las
herramientas y los ejercicios, el
usuario analizará cada sub-tema.
Tipos de fracciones. Información y ejercicios. Por medio de la información, la
explicación detallada de las
herramientas y los ejercicios, el
usuario analizará cada sub-tema.
Fracciones equivalentes. Información y ejercicios. Por medio de la información, la
explicación detallada de las
herramientas y los ejercicios, el
usuario analizará cada sub-tema.
Amplificación y simplificación de fracciones. Información y ejercicios. Por medio de la información, la
explicación detallada de las
herramientas y los ejercicios, el
usuario analizará cada sub-tema.
Orden en Q. Información y ejercicios. Por medio de la información, la
explicación detallada de las
herramientas y los ejercicios, el
usuario analizará cada sub-tema.
76
Cont…
Operaciones. Información, imágenes, video Por medio de la información, la
y ejercicios. explicación detallada de las
herramientas y los ejercicios, el
usuario analizará cada sub-tema.
Notación científica. Información y ejercicios. Por medio de la información, la
explicación detallada de las
herramientas y los ejercicios, el
usuario analizará cada sub-tema.
Circunferencia. Elementos. Información y ejercicios. Por medio de la información, la
explicación detallada de las
herramientas y los ejercicios, el
usuario analizará cada sub-tema.
Calculo de longitud. Información y ejercicios. Por medio de la información, la
explicación detallada de las
herramientas y los ejercicios, el
usuario analizará cada sub-tema.
Trazados de circunferencias. Información y ejercicios. Por medio de la información, la
explicación detallada de las
herramientas y los ejercicios, el
usuario analizará cada sub-tema.
77
Cont…
Triángulos. Elementos. Información, video y Por medio de la información, la
ejercicios. explicación detallada de las
herramientas y los ejercicios, el
usuario analizará cada sub-tema.
Clasificación según sus ángulos y lados. Información, imágenes y Por medio de la información, la
ejercicios. explicación detallada de las
herramientas y los ejercicios, el
usuario analizará cada sub-tema.
Ley de la suma de sus ángulos internos. Información y ejercicios. Por medio de la información, la
explicación detallada de las
herramientas y los ejercicios, el
usuario analizará cada sub-tema.
Rectas de un triángulo. Información y ejercicios. Por medio de la información, la
explicación detallada de las
herramientas y los ejercicios, el
usuario analizará cada sub-tema.
Trazado de triángulos. Información y ejercicios. Por medio de la información, la
explicación detallada de las
herramientas y los ejercicios, el
usuario analizará cada sub-tema.
78
Cont…
Cuadriláteros. Elementos. Información, imágenes y Por medio de la información, la
ejercicios. explicación detallada de las
herramientas y los ejercicios, el
usuario analizará cada sub-tema.
Clasificación y características. Información y ejercicios. Por medio de la información, la
explicación detallada de las
herramientas y los ejercicios, el
usuario analizará cada sub-tema.
Área y volumen. Aplicación de fórmulas. Información, imágenes y Por medio de la información, la
ejercicios. explicación detallada de las
herramientas y los ejercicios, el
usuario analizará cada sub-tema.
Probabilidad. Probabilidad de eventos. Información, imágenes y Por medio de la información, la
ejercicios. explicación detallada de las
herramientas y los ejercicios, el
usuario analizará cada sub-tema.
Estadística. Términos básicos. Información y ejercicios. Por medio de la información, la
explicación detallada de las
herramientas y los ejercicios, el
usuario analizará cada sub-tema.
79
Cont…
Datos no agrupados. Información y ejercicios. Por medio de la información, la
explicación detallada de las
herramientas y los ejercicios, el
usuario analizará cada sub-tema.
Fuente: García, H; Mena, E.
80
3. Fase III. Diseño Interactivo:
En esta tercera fase se describe como verá e interactuará el usuario con el Objeto
de Aprendizaje de Matemática al utilizarlo en su computador. Asimismo, se
constituyeron los requerimientos funcionales, las metáforas y paradigmas, el diseño
de interfaces, el manejo, los mapas de navegación, las pantallas de esquemas y el
prototipo de trabajo del mismo.
81
Teclado.
Altavoz.
Navegador web.
Plugin de Adobe Flash Player.
82
Figura Nº 6. Página inicial del Objeto de Aprendizaje. Fuente: García H. y Mena E.
3.4 Manejo:
83
Página de
inicio
Menú
84
3.6 Pantallas de esquema:
La interfaz del Objeto de Aprendizaje final fue construida con una serie de
páginas, las cuales poseen como contenedor HTML5, fueron diseñadas en Adobe
Dreamweaver CC, tienen estilos CSS, código action script 3, y la animación de la
aplicación de los contenidos y los videos fueron realizados en Adobe Flash
Professional CC, mientras que la grabación de la animación e incorporación del audio
y video se hizo en Camtasia Studio (Ver figura 8 y figura 9).
Figura Nº 8. Página principal del Objeto de Aprendizaje (Parte I). Fuente: García H. y Mena E.
85
Figura Nº 9. Página principal del Objeto de Aprendizaje (Parte II). Fuente: García H. y Mena E.
Se desarrollaron páginas que comprenden cada tema desde donde se puede acceder
a los subtemas, y consta de los siguientes elementos: un menú guía, una barra de
título, botones de acceso a los subtemas, un botón de acceso a la fase siguiente, un
footer y botones para subir y bajar. (Ver figura 10 y figura 11).
86
Figura Nº 10. Ejemplo de páginas de temas (Parte I). Fuente: García H. y Mena E.
Figura Nº 11. Ejemplo de páginas de temas (Parte II). Fuente: García H. y Mena E.
87
Cada subtema consta de información textual y ejemplos (ver figura 12), iconos o
figuras con datos de interés (ver figura 13), y dependiendo de la complejidad de los
subtemas, se colocaron imágenes y/o videos (ver figuras 14, 15, 16 y 17).
Figura Nº 12. Ejemplo de página de subtema con información textual. Fuente: García H. y Mena E.
88
Figura Nº 13. Ejemplo de iconos con datos de interés. Fuente: García H. y Mena E.
Figura Nº 14. Ejemplo de página de subtema con imágenes en miniatura. Fuente: García H. y Mena E.
89
Figura Nº 15. Ejemplo de imagen amplificada dinámicamente. Fuente: García H. y Mena E.
Figura Nº 16. Ejemplo de página de subtema con videos en miniatura. Fuente: García H. y Mena E.
90
Figura Nº 17. Ejemplo de video amplificado dinámicamente. Fuente: García H. y Mena E.
91
Figura Nº 19. Ejemplo de ejercicios propuestos desplegados. Fuente: García H. y Mena E.
El prototipo de trabajo que se desarrolló fue diseñado en HTML5, con estilos CSS,
el footer tenía las imágenes sin modificación alguna, se utilizó el programa Adobe
Dreamweaver CC y constó del subtema 1, perteneciente al tema 1 del lapso I, y fue
ejecutado como prototipo inicial.
92
4. Fase IV. Desarrollo:
93
Cuadro Nº 5. Página principal.
Imagen:
1- fondo-azul.jpg (imagen de fondo fija) -
fondo de la aplicación, aplicada a modo de
mosaico.
2- fondo-gris.jpg (imagen de sobre fondo fija)
- fondo de las animaciones de la aplicación,
aplicada a modo de mosaico y posicionada
con estilos css.
3- botón-arriba.png (imagen posicionada fija)
- imagen del botón que permite desplazar la
navegación hacia arriba y está ubicado en la
esquina inferior derecha.
4- botón-abajo.png (imagen posicionada fija)
- imagen del botón que permite desplazar la
navegación hacia abajo y está ubicado en la
esquina inferior derecha.
5- imagen-contenido-lapsos.jpg (imagen
desplegable) - imagen que contiene la lista
detallada de los contenidos de cada lapso.
94
2- Boton1Lapso – MouseOutHandler - Mantiene al botón en estado de reposo o estado neutral.
3- Boton1Lapso – ClickToGoToWebPage - Redirecciona a la pantalla de los contenidos de la
primera fase del primer lapso.
4- Boton2Lapso – MouseOverHandler - Agrega un borde blanco con efecto de brillo al contorno del
botón, además, degrada el color de fondo, se anima dinámicamente y emite un sonido.
5- Boton2Lapso – MouseOutHandler - Mantiene al botón en estado de reposo o estado neutral.
6- Boton2Lapso – ClickToGoToWebPage - Redirecciona a la pantalla de los contenidos de la
primera fase del segundo lapso.
7- Boton3Lapso – MouseOverHandler - Agrega un borde blanco con efecto de brillo al contorno del
botón, además, degrada el color de fondo, se anima dinámicamente y emite un sonido.
8- Boton3Lapso – MouseOutHandler - Mantiene al botón en estado de reposo o estado neutral.
9- Boton3Lapso – ClickToGoToWebPage - Redirecciona a la pantalla de los contenidos del tercer
lapso.
10- Boton-arriba - OnMouseOver - Desplaza la pantalla hacia arriba
11- Boton-arriba – OnMouseOut - Detiene el desplazamiento.
12- Boton-abajo – OnMouseOver - Desplaza la pantalla hacia abajo.
13- Boton-abajo – OnMOuseOut - Detiene el desplazamiento.
14- Boton-desplegable – OnClick - Pliega o Despliega la imagen que contiene la lista detallada de
los contenidos de cada lapso.
15- Enlace-García – OnClick – Redirecciona a la página web de uno de los autores.
16- Enlace-Mena – OnClick – Redirecciona a la página web de uno de los autores.
Fuente: García, H; Mena, E.
95
Cuadro Nº 6. Página de tema.
Imagen:
1- fondo-azul.jpg (imagen de fondo fija) - fondo
de la aplicación, aplicada a modo de mosaico.
2- fondo-gris.jpg (imagen de sobre fondo fija) -
fondo de las animaciones de la aplicación,
aplicada a modo de mosaico y posicionada con
estilos css.
3- botón-arriba.png (imagen posicionada fija) –
imagen del botón que permite desplazar la
navegación hacia arriba y está ubicado en la
esquina inferior derecha.
4- botón-abajo.png (imagen posicionada fija) - imagen del botón que permite desplazar la
navegación hacia abajo y está ubicado en la esquina inferior derecha
5- logo-unellez.png (imagen fija)- logotipo de la UNELLEZ, pertenece al footer o pie de página,
ubicado en la zona posterior de la aplicación.
6- logo-distintivo.png (imagen fija) – logo representativo del Liceo Nacional Bolivariano
―Libertador‖, perteneciente al footer o pie de página, ubicado en la zona posterior de la aplicación.
7- separador-footer.png (imagen fija) – línea que divide los dos logotipos del footer o pie de página,
para obtener mayor atractividad.
Animación: botones-contenido-conjunto-numeros-naturales.swf - animación central de la pantalla,
incluye barra de título y botones dinámicos
Sonidos: al pasar el cursor sobre los botones, es decir, botón 1 Lapso, 2 Lapso, 3 Lapso y Avanzar
Fase 2.
Texto: botones-contenido-conjunto-numeros-naturales.swf - el texto forma parte de la aplicación
animada del programa, también se incluye en los botones y en las barras de título de contenidos
Acciones:
1- Boton1Representacion – MouseOverHandler - Agrega un borde blanco con efecto de brillo al
contorno del botón, además, degrada el color de fondo, se anima dinámicamente y emite un sonido.
2- Boton1Representacion – MouseOutHandler - Mantiene al botón en estado de reposo o estado
neutral.
3- Boton1Representacion – ClickToGoToWebPage - Redirecciona a la página del subtema de
96
Representación de números naturales.
4- Boton2OrdenacionYRelacion – MouseOverHandler - Agrega un borde blanco con efecto de brillo
al contorno del botón, además, degrada el color de fondo, se anima dinámicamente y emite un sonido.
5- Boton2OrdenacionYRelacion – MouseOutHandler - Mantiene al botón en estado de reposo o
estado neutral.
6- Boton2OrdenacionYRelacion – ClickToGoToWebPage - Redirecciona a la página del subtema de
Ordenación y Relación de los números naturales.
7- Boton3Operaciones – MouseOverHandler - Agrega un borde blanco con efecto de brillo al
contorno del botón, además, degrada el color de fondo, se anima dinámicamente y emite un sonido.
8- Boton3Operaciones – MouseOutHandler - Mantiene al botón en estado de reposo o estado neutral.
9- Boton3Operaciones – ClickToGoToWebPage - Redirecciona a la página del subtema de
Operaciones de los números naturales.
10- Boton4Ecuaciones – MouseOverHandler - Agrega un borde blanco con efecto de brillo al
contorno del botón, además, degrada el color de fondo, se anima dinámicamente y emite un sonido.
11- Boton4Ecuaciones – MouseOutHandler - Mantiene al botón en estado de reposo o estado neutral.
12- Boton4Ecuaciones – ClickToGoToWebPage - Redirecciona a la página del subtema de
Ecuaciones de los números naturales.
13- BotonAvanzarFase2. – MouseOverHandler - Agrega un borde blanco con efecto de brillo al
contorno del botón, además, degrada el color de fondo, se anima dinámicamente y emite un sonido.
14- BotonAvanzarFase2. – MouseOutHandler - Mantiene al botón en estado de reposo o estado
neutral.
15- BotonAvanzarFase2. – ClickToGoToWebPage - Redirecciona a la pantalla de los contenidos de
la segunda fase del primer lapso.
16- Boton-arriba - OnMouseOver - Desplaza la pantalla hacia arriba
17- Boton-arriba – OnMouseOut - Detiene el desplazamiento.
18- Boton-abajo – OnMouseOver - Desplaza la pantalla hacia abajo.
19- Boton-abajo – OnMOuseOut - Detiene el desplazamiento.
20- Enlace-García – OnClick – Redirecciona a la página web de uno de los autores.
21- Enlace-Mena – OnClick – Redirecciona a la página web de uno de los autores.
22- Boton-Menu-Guia-1lapso – OnMouseOver - Lista los títulos de contenidos de las fases del
primer lapso.
23- Boton-Menu-Guia-2lapso – OnMouseOver - Lista los títulos de contenidos de las fases del
segundo lapso.
24- Boton-Menu-Guia-3lapso – OnMouseOver - Lista los títulos de contenidos de las fases del tercer
lapso.
97
25- Boton-Menu-Guia-1lapso-ConjuntoNumerosNaturales - OnMouseOver Lista los títulos de
subtemas de la fase 1 del primer lapso.
26- Boton-Menu-Guia-1lapso-ConjuntoNumerosEnteros – OnMouseOver- Lista los títulos de
subtemas de la fase 2 del primer lapso.
27- Boton-Menu-Guia-1lapso-ConjuntoNumerosRacionales - OnMouseOver – Lista los títulos de
subtemas de la fase 3 del primer lapso.
28- Boton-Menu-Guia-2lapso-Circunferencia – OnMouseOver – Lista los títulos de subtemas de la
fase 1 del segundo lapso.
29- Boton-Menu-Guia-2lapso-Triangulos - OnMouseOver – Lista los títulos de subtemas de la fase 2
del segundo lapso.
30- Boton-Menu-Guia-2lapso-Cuadrilateros - OnMouseOver – Lista los títulos de subtemas de la fase
3 del segundo lapso.
31- Boton-Menu-Guia-3lapso-AreayVolumen - OnMouseOver – Lista los títulos de subtemas de la
fase 1 del tercer lapso.
32- Boton-Menu-Guia-3lapso-Probabilidad - OnMouseOver – Lista los títulos de subtemas de la fase
2 del tercer lapso.
33- Boton-Menu-Guia-3lapso-Estadistica – OnMouseOver - Lista los títulos de subtemas de la fase 3
del tercer lapso.
Fuente: García, H; Mena, E.
98
Cuadro Nº 7. Página de subtema.
Imagen:
1- fondo-azul.jpg (imagen de fondo fija) - fondo
de la aplicación, aplicada a modo de mosaico.
2- fondo-gris.jpg (imagen de sobre fondo fija) -
fondo de las animaciones de la aplicación,
aplicada a modo de mosaico y posicionada con
estilos css.
3- botón-arriba.png (imagen posicionada fija) -
imagen del botón que permite desplazar la
navegación hacia arriba y está ubicado en la
esquina inferior derecha.
4- botón-abajo.png (imagen posicionada fija) -
imagen del botón que permite desplazar la
navegación hacia abajo y está ubicado en la
esquina inferior derecha.
6- logo-unellez.png (imagen fija) - logotipo de la
UNELLEZ, pertenece al footer o pie de página,
ubicado en la zona posterior de la aplicación.
7- logo-distintivo.png (imagen fija) - logo representativo del Liceo Nacional Bolivariano
―Libertador‖, perteneciente al footer o pie de página, ubicado en la zona posterior de la aplicación.
8- separador-footer.png (imagen fija) – línea que divide los dos logotipos del footer o pie de página,
para obtener mayor atractividad.
9- ejercicios-propuestos.jpg (imagen desplegable) – imagen que contiene ejercicios propuestos para
que el alumno los haga en su cuaderno.
10- imagen-ejemplo1.jpg – (imagen amplificable) - imagen que contiene ejemplos del contenido de
Representación de números naturales.
11- imagen-ejemplo2.jpg – (imagen amplificable) - imagen que contiene ejemplos del contenido de
Representación de números naturales.
12- imagen-ejemplo3.jpg – (imagen amplificable) - imagen que contiene ejemplos del contenido de
Representación de números naturales.
13- cargando.gif (imagen animada) - imagen que indica el proceso de carga de una imagen o video.
14- cerrar.png (imagen miniatura) - imagen que indica la ubicación del botón de cierre de ventana de
imágenes o videos expandidos.
99
Animación:
1- Representación.swf - animación central de la pantalla, incluye barra de título y texto.
2- BotonVolver.swf - botón dinámico que redirige a la página anterior.
3- VideoRepresentacion.mp4 - Video dirigido que complementa de manera explicativa el contenido
de representación de números naturales.
Sonidos: al pasar el cursor sobre el botón: BotonVolver.
Texto: Representacion.swf - El texto forma pate de la aplicación animada del programa, también se
incluye en los botones y en las barras de título de contenido.
Acciones:
1- Boton-Menu-Guia-1lapso – OnMouseOver - Lista los títulos de contenidos de las fases del primer
lapso.
2- Boton-Menu-Guia-2lapso – OnMouseOver - Lista los títulos de contenidos de las fases del segundo
lapso.
3- Boton-Menu-Guia-3lapso – OnMouseOver - Lista los títulos de contenidos de las fases del tercer
lapso.
4- Boton-Menu-Guia-1lapso-ConjuntoNumerosNaturales – OnMouseOver - Lista los títulos de
subtemas de la fase 1 del primer lapso.
5- Boton-Menu-Guia-1lapso-ConjuntoNumerosEnteros – OnMouseOver- Lista los títulos de
subtemas de la fase 2 del primer lapso.
6- Boton-Menu-Guia-1lapso-ConjuntoNumerosRacionales - OnMouseOver - Lista los títulos de
subtemas de la fase 3 del primer lapso.
7- Boton-Menu-Guia-2lapso-Circunferencia – OnMouseOver - Lista los títulos de subtemas de la fase
1 del segundo lapso.
8- Boton-Menu-Guia-2lapso-Triangulos – OnMouseOver - Lista los títulos de subtemas de la fase 2
del segundo lapso.
9- Boton-Menu-Guia-2lapso-Cuadrilateros – OnMouseOver - Lista los títulos de subtemas de la fase
3 del segundo lapso.
10- Boton-Menu-Guia-3lapso-AreayVolumen - OnMouseOver - Lista los títulos de subtemas de la
fase 1 del tercer lapso.
11- Boton-Menu-Guia-3lapso-Probabilidad - OnMouseOver - Lista los títulos de subtemas de la fase
2 del tercer lapso.
12- Boton-Menu-Guia-3lapso-Estadistica – OnMouseOver - Lista los títulos de subtemas de la fase 3
del tercer lapso.
13- imagen-ejemplo1.jpg – OnMouseOver - Despliega hacia arriba el título del ejemplo de la imagen
animadamente
100
14- imagen-ejemplo2.jpg – OnMouseOver - Despliega hacia arriba el título del ejemplo de la imagen
animadamente
15- imagen-ejemplo3.jpg – OnMouseOver - Despliega hacia arriba el título del ejemplo de la imagen
animadamente
16- imagen-ejemplo1.jpg – OnClick - Expande la imagen completa con respecto a su tamaño total
original.
17- imagen-ejemplo2.jpg – OnClick - Expande la imagen completa con respecto a su tamaño total
original.
18- imagen-ejemplo3.jpg – OnClick - Expande la imagen completa con respecto a su tamaño total
original.
19- VideoRepresentacion.mp4 – OnClick - Expande el video completo con respecto a su tamaño total
original.
20- Boton-ejercicios-desplegable – OnClick - Pliega o Despliega la imagen que contiene la lista de los
ejercicios propuestos para que el alumno los haga en su cuaderno.
21- BotonVolver – MouseOverHandler - Agrega un borde blanco con efecto de brillo al contorno del
botón, además, degrada el color de fondo, se anima dinámicamente y emite un sonido.
22- BotonVolver – MouseOutHandler - Mantiene al botón en estado de reposo o estado neutral.
23- BotonVolver – ClickToGoToWebPage - Redirecciona a la pantalla anterior.
24- Boton-arriba - OnMouseOver - Desplaza la pantalla hacia arriba
25- Boton-arriba – OnMouseOut - Detiene el desplazamiento.
26- Boton-abajo – OnMouseOver - Desplaza la pantalla hacia abajo.
27- Boton-abajo – OnMOuseOut - Detiene el desplazamiento.
28- Enlace-García – OnClick - Redirecciona a la página web de uno de los autores.
39- Enlace-Mena – OnClick - Redirecciona a la página web de uno de los autores.
Fuente: García, H; Mena, E.
101
5. Fase V. Producción:
El audio fue grabado solo con voz masculina, porque la misma ofrece una mejor
calidad sonora que la femenina. Pues las mujeres tienen una frecuencia fundamental
(primer armónico) más alta que la de hombre.
102
animaciones no se detenían o su reproducción era cortada, algunos videos no se
escuchaban claramente, había información repetida en algunos símbolos y además, no
funcionaba a la perfección el botón para subir y bajar.
Por otro lado, los investigadores se dieron cuenta que existían problemas en el
Objeto de Aprendizaje, y eran los siguientes: animaciones sin detención automática,
animaciones sin transición, símbolos con contenido duplicado, falta de incorporación
de fuentes en algunos contenidos, errores de diseño de contenido (variados),
reproducción cortada en fotogramas por segundo, errores de grabación (voz baja),
defectos en el footer de algunos contenidos, errores de los controles de reproducción
de videos del videolightbox, la función de los botones para subir y bajar no funcionó
de manera correcta. Al determinarlos procedieron a arreglar los problemas
encontrados.
103
En cuanto a los investigadores, estuvieron de acuerdo con lo aconsejado por las
personas antes mencionadas, y con el pasar del tiempo sería preciso considerar
realizarle mejoras al Objeto de Aprendizaje.
104
Cuadro Nº 8. Planificación de la profesora de Matemática (planificación tradicional).
105
Cuadro Nº 9. Contenido Educacional de Matemática de la Canaima.
Contenido de Matemática.
Fuente: Canaima.
106
Cuadro Nº 10. Planificación del Objeto de Aprendizaje de Matemática.
107
Como se aprecia en los cuadros anteriores, cada uno es diferente. La planificación
de la Licenciada Rossana Rangel es completa e inclusive es similar a los contenidos
de los libros de matemáticas para primer año, como los de la Editorial Santillana,
Romor, Salesiana, entre otros. El inconveniente es que no se aprovecha el recurso
disponible, es decir, la Canaima.
108
CAPÍTULO V
CONCLUSIONES Y RECOMENDACIONES
Conclusiones:
109
enseñanza tiene la desventaja porque desaprovecharía el recurso que poseen todos los
estudiantes, estamos en una era tecnológica, inclusive el gobierno se encargó de darle
una Canaima a cada alumno.
Recomendaciones:
110
Agregar videos en los subtemas que no los posean o sea necesario la colocación
de más videos para lograr una mejor explicación y a su vez se extienda el
contenido.
Colocar una fase evaluativa en cada subtema para que los alumnos se evalúen
ellos mismos el conocimiento que aprendieron al leer, observar, detallar y oír el
contenido.
Colocar una fase evaluativa al final de cada lapso para que así los estudiantes
practiquen como podría ser el examen de lapso y que tanto aprendieron.
Buscar una solución para justificar el texto de los contenidos del ODA, porque
la herramienta utilizada no permite hacerlo de manera correcta.
111
Referencias Bibliográficas.
112
Constitución de la República Bolivariana de Venezuela. Gaceta Oficial Nº 39.578.
Extraordinario. 21 de diciembre del 2013. Caracas – Venezuela.
Gómez, M. 2005. Estudio sobre las aulas digitales para enseñanza presencial.
(Disponible en: http://webcache.googleusercontent.com/search?q=cache:6zDlaR
62auMJ:www.tendenciaspedagogicas.com/Articulos/2005_10_09.pdf+&cd=1&h
l=es&ct=clnk&gl=ve. Consultado el: 14 de junio del 2013).
113
Hernández-Sampieri, R., Fernández-Collado, C. y Baptista Lucio, P. (2006).
Metodología de la Investigación. (4ta. Edición). México: McGraw-Hill
Interamericana Editores.
114
Metros, S. (2002). Learning Objects in Higher Education. Susan E. Metros.
EDUCASE, Center for applied Research. Research Bulletin: Volumen 2002
Issue 19, Octubre 1, 2002.
Padrón, J.; Camacho, H. 2000. ¿Qué es investigar? Una respuesta desde el enfoque
epistemológico del racionalismo crítico. (Disponible en:
http://www.publicaciones.urbe.edu/index.php/telos/article/view/1197
Consultado el: 31 de mayo del 2013).
115
Plata, L. 2011. Clases de Herramientas tecnológicas y sus usos. (Disponible en:
http://lauraplata.wordpress.com/2011/06/13/clases-de-herramientas-tecnologica
s-y-sus-usos/. Consultado el: 1 de junio del 2013).
Prensa MCTI / LV. 2012. Venezuela expone sus avances científicos y tecnológicos al
mundo. (Disponible en: http://www.mcti.gob.ve/Noticias/15833. Consultado el:
27 de mayo del 2013).
116
Silva, F. y Pelachano, V. (1979): La entrevista. Valencia: Facultad de Filosofía,
Psicología y Ciencias de la Educación.
117
ANEXO A.
Pantallas del Objeto de Aprendizaje de Matemática.
118
Figura Nº 20. Página inicial del ODA.
119
Figura Nº 22. Página de tema del ODA (Conjunto de números naturales).
120
Figura Nº 23. Página de subtema del ODA (Representación en N).
121
Figura Nº 25. Página de subtema del ODA (Operaciones en N).
122
Figura Nº 26. Página de subtema del ODA (Ecuaciones en N).
123
Figura Nº 27. Página de tema del ODA (Circunferencia).
124
Figura Nº 28. Página de subtema del ODA (Elementos).
125
Figura Nº 29. Página de subtema del ODA (Cálculo de longitud).
126
Figura Nº 31. Página de tema del ODA (Aplicación de fórmulas).
127
Figura Nº 32. Página de subtema del ODA (Área I parte).
128
Figura Nº 33. Página de subtema del ODA (Área II parte).
129
Figura Nº 35. Página de subtema del ODA (Volumen).
130
Figura Nº 36. Página de subtema del ODA (Volúmenes).
131
ANEXO B.
Código del Objeto de Aprendizaje de Matemática.
132
Nombre del archivo: intro.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Intro</title>
<link href="intro/estilo.css" rel="stylesheet" type="text/css">
<script src="intro/Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body>
<div align="center"> <!--inicio de div central-->
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="471"
height="475">
<param name="movie" value="intro/animacion-intro-def-csonido.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="swfversion" value="6.0.65.0" />
<!-- Esta etiqueta param indica a los usuarios de Flash Player 6.0 r65 o posterior que descarguen la
versión más reciente de Flash Player. Elimínela si no desea que los usuarios vean el mensaje. -->
<param name="expressinstall" value="intro/Scripts/expressInstall.swf" />
<!-- La siguiente etiqueta object es para navegadores distintos de IE. Ocúltela a IE mediante IECC. --
>
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="intro/animacion-intro-def-csonido.swf"
width="471" height="475">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="intro/Scripts/expressInstall.swf" />
<!-- El navegador muestra el siguiente contenido alternativo para usuarios con Flash Player 6.0 o
versiones anteriores. -->
<div>
<h4>El contenido de esta página requiere una versión más reciente de Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img alt="Obtener Adobe Flash Player"
/></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div><!--fin de div central-->
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
</body>
</html>
133
Nombre del archivo: 3_lapsos.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Página de inicio</title>
<link href="3_lapsos/estilo.css" rel="stylesheet" type="text/css">
<link href="3_lapsos/estilo-hover.css" rel="stylesheet" type="text/css" >
<script src="3_lapsos/Scripts/swfobject_modified.js" type="text/javascript"></script>
</head> <br>
<script language="JavaScript">
function abajo() {
window.scrollBy(0,50); // velocidad abajo
scrolldelay = setTimeout('abajo()',1); // tiempo }
function subir() {
window.scrollBy(0,-50); // velocidad subir
scrolldelay = setTimeout('subir()',1); // tiempo }
function stopScroll() {
clearTimeout(scrolldelay); }
</script>
<a style="display:scroll;position:fixed;bottom:0px;right:10px;" onmouseover="abajo()"
onmouseout="stopScroll()" title="Ir Abajo"><img src="3_lapsos/botonabajo-1Lapso.png" /></a>
<br>
<a style="display:scroll;position:fixed;bottom:60px;right:10px;" onmouseover="subir()"
onmouseout="stopScroll()" title="Ir Arriba"><img src="3_lapsos/botonarriba-1Lapso.png"/></a>
<body>
<div id="div_ancho_barraslat">
<div align="center"> <br><br>
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="760"
height="572">
<param name="movie" value="3_lapsos/practicando 4 botones (lapsos) DEFINITIVO -consonido
DEF.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<param name="swfversion" value="6.0.65.0">
<!-- Esta etiqueta param indica a los usuarios de Flash Player 6.0 r65 o posterior que descarguen la
versión más reciente de Flash Player. Elimínela si no desea que los usuarios vean el mensaje. -->
<param name="expressinstall" value="Scripts/expressInstall.swf">
<!-- La siguiente etiqueta object es para navegadores distintos de IE. Ocúltela a IE mediante IECC. --
>
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="3_lapsos/practicando 4 botones (lapsos)
DEFINITIVO -consonido DEF.swf" width="760" height="572">
<!--<![endif]-->
<param name="quality" value="high">
<param name="wmode" value="transparent">
<param name="swfversion" value="6.0.65.0">
<param name="expressinstall" value="Scripts/expressInstall.swf">
<!-- El navegador muestra el siguiente contenido alternativo para usuarios con Flash Player 6.0 o
versiones anteriores. -->
<div>
134
<h4>El contenido de esta página requiere una versión más reciente de Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img
src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtener
Adobe Flash Player" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div> <br>
<div id="divanchonuevo">
<section class="contenedor_menu">
<input type="checkbox" name="boton_desplegable" id="bd1" />
<h3 style="color:#00F"><label for="bd1"><img alt="¡Click aquí!"/></label></h3>
<div id="parrafoOpenSans" align="center"><p style="font-size:20px"><h3>Persevera y alcanza
¡Da lo mejor de ti!</h3></p></div> <br><br>
<article>
<div><img src="3_lapsos/imagen-contenido-lapsos.jpg" /></div>
</article>
</section>
</div> <br>
<div align="center">
<object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="760"
height="215">
<param name="movie" value="3_lapsos/instrucciones.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="swfversion" value="6.0.65.0" />
<!-- Esta etiqueta param indica a los usuarios de Flash Player 6.0 r65 o posterior que descarguen la
versión más reciente de Flash Player. Elimínela si no desea que los usuarios vean el mensaje. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- La siguiente etiqueta object es para navegadores distintos de IE. Ocúltela a IE mediante IECC. --
>
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="3_lapsos/instrucciones.swf" width="760"
height="215">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- El navegador muestra el siguiente contenido alternativo para usuarios con Flash Player 6.0 o
versiones anteriores. -->
<div>
<h4>El contenido de esta página requiere una versión más reciente de Adobe Flash Player.</h4>
<p> <a href="http://www.adobe.com/go/getflashplayer"><img
src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtener
Adobe Flash Player" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
135
</object>
</div>
</div>
<!--footer-->
<div id="footer">
<div id="footercontenido" align="center"> <br>
<div id="footerimg">
<img src="3_lapsos/--LOGOTIPO-UNELLEZ-130x.jpg" class="img" />
<img src="3_lapsos/separador-footer.png" class="img" />
<img src="3_lapsos/logo-distintivo-130x.png" class="img"/> <br>
Unellez (VPDS)
Liceo Nacional Bolivariano "Libertador"
</div> <br>
Copyright © 2014 | Desarrollado por <a href="http://estrella-heizer.com" style="color:#FFF"
target="_blank" title="Página de García Heizer">García Heizer</a> y <a href="http://estrella-
heizer.com" style="color:#FFF" target="_blank" title="Página de Mena Estrella">Mena Estrella</a>
todos los derechos reservados. <br>
Barinas - Venezuela.
</div>
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID2");
</script>
</body>
</html>
136
Nombre del archivo: 1lapso_f1_cnn.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Conjunto de números naturales</title>
<!--INCLUDES DE ESTILOS Y OTROS ARCHIVOS-->
<link href="1lapso_f1_cnn/estilo.css" rel="stylesheet" type="text/css">
<link href="1lapso_f1_cnn/estilo.css" rel="stylesheet" type="text/css" >
<link rel="stylesheet" href="1lapso_f1_cnn/index_files/mbcsmbmcp.css" type="text/css" />
<link href="1lapso_f1_cnn/estilo-hover.css" rel="stylesheet" type="text/css" />
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head> <br>
<script language="JavaScript">
function abajo() {
window.scrollBy(0,50); // velocidad abajo
scrolldelay = setTimeout('abajo()',1); // tiempo }
function subir() {
window.scrollBy(0,-50); // velocidad subir
scrolldelay = setTimeout('subir()',1); // tiempo }
function stopScroll() {
clearTimeout(scrolldelay); }
</script>
<a style="display:scroll;position:fixed;bottom:0px;right:10px;" onmouseover="abajo()"
onmouseout="stopScroll()" title="Ir Abajo"><img src="1lapso_f1_cnn/botonabajo-1Lapso.png"
/></a> <br>
<a style="display:scroll;position:fixed;bottom:60px;right:10px;" onmouseover="subir()"
onmouseout="stopScroll()" title="Ir Arriba"><img src="1lapso_f1_cnn/botonarriba-
1Lapso.png"/></a>
<body>
<div id="div_ancho_barraslat"> <br>
<div align="center">
<ul id="mbmcpebul_table" class="mbmcpebul_menulist css_menu" style="width: 420px; height:
50px;">
<li class="topitem spaced_li first_button"><div class="buttonbg gradient_button gradient50"><div
class="arrow"><a href="1lapso_f1_cnn.html" target="_self" class="button_1">1
LAPSO</a></div></div>
<ul>
<li><a class="with_arrow" title="">Conjunto de números naturales (N)</a>
<ul>
<li><a title="">Representación</a></li>
<li><a title="">Ordenación y relación</a></li>
<li><a title="">Operaciones (S, R, M, D) y propiedades</a></li>
<li><a title="">Ecuaciones</a></li>
</ul></li>
<li><a class="with_arrow" title="">Conjunto de números enteros (Z)</a>
<ul>
<li><a title="">Representación</a></li>
<li><a title="">Ley de signos</a></li>
<li><a title="">Sumas algebraicas</a></li>
<li><a title="">Eliminación de los signos de agrupación</a></li>
<li><a title="">Operaciones (S, R, M, D) y propiedades</a></li>
137
<li><a title="">Potenciación</a></li>
<li><a title="">Criterios de divisibilidad</a></li>
<li><a title="">Mínimo común múltiplo</a></li>
<li><a title="">Máximo común divisor</a></li>
<li><a title="">Ecuaciones</a></li>
</ul></li>
<li><a class="with_arrow" title="">Conjunto de números racionales (Q)</a>
<ul>
<li><a title="">Representación</a></li>
<li><a title="">Lectura y escritura de fracciones</a></li>
<li><a title="">Tipos de fracciones</a></li>
<li><a title="">Fracciones equivalentes</a></li>
<li><a title="">Ampliación y simplificación de fracciones</a></li>
<li><a title="">Orden en Q</a></li>
<li><a title="">Operaciones (S, R, M, D)</a></li>
<li><a title="">Notación científica</a></li>
</ul></li>
</ul></li>
<li class="topitem spaced_li"><div class="buttonbg gradient_button gradient50"><div
class="arrow"><a href="2lapso_f1_circ.html" target="_self">2 LAPSO</a></div></div>
<ul>
<li><a class="with_arrow" title="">Circunferencia</a>
<ul>
<li><a title="">Elementos</a></li>
<li><a title="">Calculo de longitud</a></li>
<li><a title="">Trazado de circunferencias</a></li>
</ul></li>
<li><a class="with_arrow" title="">Triángulos</a>
<ul>
<li><a title="">Elementos</a></li>
<li><a title="">Clasificación según sus ángulos y lados</a></li>
<li><a title="">Ley de la suma de sus ángulos internos</a></li>
<li><a title="">Rectas de un triángulo (A, M, M, B)</a></li>
<li><a title="">Trazado de triángulos</a></li>
</ul></li>
<li><a class="with_arrow" title="">Cuadriláteros</a>
<ul>
<li><a title="">Elementos</a></li>
<li><a title="">Clasificación y características</a></li>
</ul></li>
</ul></li>
<li class="topitem last_button"><div class="buttonbg gradient_button gradient50"><div
class="arrow"><a href="3lapso_contenidos.html" target="_self">3 LAPSO</a></div></div>
<ul>
<li><a class="with_arrow" title="">Área y volumen</a>
<ul>
<li><a title="">Aplicación de formulas</a></li>
</ul></li>
<li><a class="with_arrow" title="">Probabilidad</a>
<ul>
<li><a title="">Probabilidad de eventos</a></li>
</ul></li>
138
<li><a class="with_arrow" title="">Estadística</a>
<ul>
<li><a title="">Términos básicos</a></li>
<li><a title="">Datos no agrupados (F, M, DB)</a></li>
</ul></li>
</ul></li>
</ul>
<script type="text/javascript" src="index_files/mbjsmbmcp.js"></script> <br>
<div id="div_ancho_texto">
<!--inicio div central-->
<div align="center">
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="760"
height="575">
<param name="movie" value="1lapso_f1_cnn/Botones-contenido-conjunto-numeros-
naturales.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="swfversion" value="6.0.65.0" />
<!-- Esta etiqueta param indica a los usuarios de Flash Player 6.0 r65 o posterior que descarguen
la versión más reciente de Flash Player. Elimínela si no desea que los usuarios vean el mensaje. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- La siguiente etiqueta object es para navegadores distintos de IE. Ocúltela a IE mediante
IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="1lapso_f1_cnn/Botones-contenido-
conjunto-numeros-naturales.swf" width="760" height="575">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- El navegador muestra el siguiente contenido alternativo para usuarios con Flash Player 6.0 o
versiones anteriores. -->
<div>
<h4>El contenido de esta página requiere una versión más reciente de Adobe Flash
Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img
src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtener
Adobe Flash Player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
<!--fin div central--> <br><br><br>
</div> </div> </div>
<!--footer-->
<div id="footer">
<div id="footercontenido" align="center"> <br>
<div id="footerimg">
<img src="1lapso_f1_cnn/--LOGOTIPO-UNELLEZ-130x.jpg" class="img" />
139
<img src="1lapso_f1_cnn/separador-footer.png" class="img" />
<img src="1lapso_f1_cnn/logo-distintivo-130x.png" class="img"/> <br>
Unellez (VPDS)
Liceo Nacional Bolivariano "Libertador"
</div> <br>
Copyright © 2014 | Desarrollado por <a href="http://estrella-heizer.com" style="color:#FFF"
target="_blank" title="Página de García Heizer">García Heizer</a> y <a href="http://estrella-
heizer.com" style="color:#FFF" target="_blank" title="Página de Mena Estrella">Mena Estrella</a>
todos los derechos reservados. <br>
Barinas - Venezuela.
</div> </div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
</body>
</html>
140
<!--FIN DE INCLUDES-->
<!-- Start VideoLightBox.com HEAD section -->
<link rel="stylesheet"
href="1lapso_f1_cnn_1_representacion/index_videolb/videolightbox.css" type="text/css" />
<link rel="stylesheet" type="text/css"
href="1lapso_f1_cnn_1_representacion/index_videolb/overlay-minimal.css"/>
<!--<script src="index_videolb/jquery.js" type="text/javascript"></script>--
>
<script src="1lapso_f1_cnn_1_representacion/index_videolb/swfobject.js"
type="text/javascript"></script>
<script src="1lapso_f1_cnn_1_representacion/Scripts/swfobject_modified.js"
type="text/javascript"></script>
</head> <br>
<script language="JavaScript">
function abajo() {
window.scrollBy(0,50); // velocidad abajo
scrolldelay = setTimeout('abajo()',1); // tiempo }
function subir() {
window.scrollBy(0,-50); // velocidad subir
scrolldelay = setTimeout('subir()',1); // tiempo }
function stopScroll() {
clearTimeout(scrolldelay); }
</script>
<a style="display:scroll;position:fixed;bottom:0px;right:10px;" onmouseover="abajo()"
onmouseout="stopScroll()" title="Ir Abajo"><img src="1lapso_f1_cnn_1_representacion/botonabajo-
1Lapso.png" /></a> <br>
<a style="display:scroll;position:fixed;bottom:60px;right:10px;" onmouseover="subir()"
onmouseout="stopScroll()" title="Ir Arriba"><img
src="1lapso_f1_cnn_1_representacion/botonarriba-1Lapso.png"/></a>
<body>
<div id="div_ancho_barraslat"> <br>
<div align="center">
<ul id="mbmcpebul_table" class="mbmcpebul_menulist css_menu" style="width: 420px; height:
50px;">
<li class="topitem spaced_li first_button"><div class="buttonbg gradient_button gradient50"><div
class="arrow"><a class="button_1">1 LAPSO</a></div></div>
<ul>
<li><a class="with_arrow" title="">Conjunto de números naturales (N)</a>
<ul>
<li><a title="">Representación</a></li>
<li><a title="">Ordenación y relación</a></li>
<li><a title="">Operaciones (S, R, M, D) y propiedades</a></li>
<li><a title="">Ecuaciones</a></li>
</ul></li>
<li><a class="with_arrow" title="">Conjunto de números enteros (Z)</a>
<ul>
<li><a title="">Representación</a></li>
<li><a title="">Ley de signos</a></li>
<li><a title="">Sumas algebraicas</a></li>
<li><a title="">Eliminación de los signos de agrupación</a></li>
<li><a title="">Operaciones (S, R, M, D) y propiedades</a></li>
<li><a title="">Potenciación</a></li>
141
<li><a title="">Criterios de divisibilidad</a></li>
<li><a title="">Mínimo común múltiplo</a></li>
<li><a title="">Máximo común divisor</a></li>
<li><a title="">Ecuaciones</a></li>
</ul></li>
<li><a class="with_arrow" title="">Conjunto de números racionales (Q)</a>
<ul>
<li><a title="">Representación</a></li>
<li><a title="">Lectura y escritura de fracciones</a></li>
<li><a title="">Tipos de fracciones</a></li>
<li><a title="">Fracciones equivalentes</a></li>
<li><a title="">Ampliación y simplificación de fracciones</a></li>
<li><a title="">Orden en Q</a></li>
<li><a title="">Operaciones (S, R, M, D)</a></li>
<li><a title="">Notación científica</a></li>
</ul></li>
</ul></li>
<li class="topitem spaced_li"><div class="buttonbg gradient_button gradient50"><div
class="arrow"><a>2 LAPSO</a></div></div>
<ul>
<li><a class="with_arrow" title="">Circunferencia</a>
<ul>
<li><a title="">Elementos</a></li>
<li><a title="">Calculo de longitud</a></li>
<li><a title="">Trazado de circunferencias</a></li>
</ul></li>
<li><a class="with_arrow" title="">Triángulos</a>
<ul>
<li><a title="">Elementos</a></li>
<li><a title="">Clasificación según sus ángulos y lados</a></li>
<li><a title="">Ley de la suma de sus ángulos internos</a></li>
<li><a title="">Rectas de un triángulo (A, M, M, B)</a></li>
<li><a title="">Trazado de triángulos</a></li>
</ul></li>
<li><a class="with_arrow" title="">Cuadriláteros</a>
<ul>
<li><a title="">Elementos</a></li>
<li><a title="">Clasificación y características</a></li>
</ul></li>
</ul></li>
<li class="topitem last_button"><div class="buttonbg gradient_button gradient50"><div
class="arrow"><a>3 LAPSO</a></div></div>
<ul>
<li><a class="with_arrow" title="">Área y volumen</a>
<ul>
<li><a title="">Aplicación de formulas</a></li>
</ul></li>
<li><a class="with_arrow" title="">Probabilidad</a>
<ul>
<li><a title="">Probabilidad de eventos</a></li>
</ul></li>
<li><a class="with_arrow" title="">Estadística</a>
142
<ul>
<li><a title="">Términos básicos</a></li>
<li><a title="">Datos no agrupados (F, M, DB)</a></li>
</ul></li>
</ul></li>
</ul>
<script type="text/javascript" src="index_files/mbjsmbmcp.js"></script> <br><br>
<div id="div_ancho_texto">
<div align="center"><!-- div central-->
<!-- aqui va el flash-->
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
width="760" height="675">
<param name="movie" value="1lapso_f1_cnn_1_representacion/Botones-contenido-conj-
numeros-naturales2.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<param name="swfversion" value="6.0.65.0">
<!-- Esta etiqueta param indica a los usuarios de Flash Player 6.0 r65 o posterior que
descarguen la versión más reciente de Flash Player. Elimínela si no desea que los usuarios vean el
mensaje. -->
<param name="expressinstall" value="Scripts/expressInstall.swf">
<!-- La siguiente etiqueta object es para navegadores distintos de IE. Ocúltela a IE mediante
IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash"
data="1lapso_f1_cnn_1_representacion/Botones-contenido-conj-numeros-naturales2.swf"
width="760" height="675">
<!--<![endif]-->
<param name="quality" value="high">
<param name="wmode" value="transparent">
<param name="swfversion" value="6.0.65.0">
<param name="expressinstall" value="Scripts/expressInstall.swf">
<!-- El navegador muestra el siguiente contenido alternativo para usuarios con Flash Player
6.0 o versiones anteriores. -->
<div>
<h4>El contenido de esta página requiere una versión más reciente de Adobe Flash
Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img
src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtener
Adobe Flash Player" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
<br>
<!-- inicio LB-->
<div id="vlightbox1">
<a class="vlightbox1"
href="1lapso_f1_cnn_1_representacion/index_files2/vlb_images1/ejemplo1.jpg"
title="Representación"><img
143
src="1lapso_f1_cnn_1_representacion/index_files2/vlb_thumbnails1/ejemplo1.jpg"
alt="Representación"/>Representación</a>
<a class="vlightbox1"
href="1lapso_f1_cnn_1_representacion/index_files2/vlb_images1/ejemplo2.jpg"
title="Representación"><img
src="1lapso_f1_cnn_1_representacion/index_files2/vlb_thumbnails1/ejemplo2.jpg"
alt="Representación"/>Representación</a>
<a class="vlightbox1"
href="1lapso_f1_cnn_1_representacion/index_files2/vlb_images1/ejemplo3.jpg"
title="Consecutividad"><img
src="1lapso_f1_cnn_1_representacion/index_files2/vlb_thumbnails1/ejemplo3.jpg"
alt="Consecutividad"/>Consecutividad</a>
</div>
<script src="1lapso_f1_cnn_1_representacion/index_files2/vlb_engine/thumbscript1.js"
type="text/javascript"></script>
<script src="1lapso_f1_cnn_1_representacion/index_files2/vlb_engine/vlbdata1.js"
type="text/javascript"></script>
<!-- fin LB-->
<!-- segundo flash-->
144
</object><br>
<!--aqui va el video-->
<div class="videogallery">
<a class="voverlay"
href="1lapso_f1_cnn_1_representacion/index_videolb/vdbplayer.swf?volume=100&url=video/represe
ntación.mp4" title="Representación"><img
src="1lapso_f1_cnn_1_representacion/index_videolb/thumbnails/representación.png"
alt="Representación" /><span></span></a>
</div>
<script src="1lapso_f1_cnn_1_representacion/index_videolb/jquery.tools.min.js"
type="text/javascript"></script>
<script src="1lapso_f1_cnn_1_representacion/index_videolb/videolightbox.js"
type="text/javascript"></script>
<!--fin de video--> <br><br>
<!--tercer flash-->
<object id="FlashID3" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
width="760" height="45">
<param name="movie" value="1lapso_f1_cnn_1_representacion/boton-iraejercicios.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<param name="swfversion" value="6.0.65.0">
<!-- Esta etiqueta param indica a los usuarios de Flash Player 6.0 r65 o posterior que
descarguen la versión más reciente de Flash Player. Elimínela si no desea que los usuarios vean el
mensaje. -->
<param name="expressinstall" value="Scripts/expressInstall.swf">
<!-- La siguiente etiqueta object es para navegadores distintos de IE. Ocúltela a IE mediante
IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="1lapso_f1_cnn_1_representacion/boton-
iraejercicios.swf" width="760" height="45">
<!--<![endif]-->
<param name="quality" value="high">
<param name="wmode" value="transparent">
<param name="swfversion" value="6.0.65.0">
<param name="expressinstall" value="Scripts/expressInstall.swf">
<!-- El navegador muestra el siguiente contenido alternativo para usuarios con Flash Player
6.0 o versiones anteriores. -->
<div>
<h4>El contenido de esta página requiere una versión más reciente de Adobe Flash
Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img
src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtener
Adobe Flash Player" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
<!--fin tercer flash-->
<!--hover desplegable-->
<section class="contenedor_menu">
<input type="checkbox" name="boton_desplegable" id="bd1" />
145
<div id="parrafoOpenSans">
<h3 style="color:#00F"><label for="bd1"><img alt="Ejercicios Propuestos"/></label></h3>
</div>
<br><br>
<article>
<div><img src="1lapso_f1_cnn_1_representacion/ejercicios-propuestos.jpg" /></div>
</article>
</section>
<!-- fin hover desplegable-->
<!-- boton volver-->
<object id="FlashID4" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
width="760" height="70">
<param name="movie" value="1lapso_f1_cnn_1_representacion/botonvolver.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<param name="swfversion" value="6.0.65.0">
<!-- Esta etiqueta param indica a los usuarios de Flash Player 6.0 r65 o posterior que descarguen
la versión más reciente de Flash Player. Elimínela si no desea que los usuarios vean el mensaje. -->
<param name="expressinstall" value="Scripts/expressInstall.swf">
<!-- La siguiente etiqueta object es para navegadores distintos de IE. Ocúltela a IE mediante
IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash"
data="1lapso_f1_cnn_1_representacion/botonvolver.swf" width="760" height="70">
<!--<![endif]-->
<param name="quality" value="high">
<param name="wmode" value="transparent">
<param name="swfversion" value="6.0.65.0">
<param name="expressinstall" value="Scripts/expressInstall.swf">
<!-- El navegador muestra el siguiente contenido alternativo para usuarios con Flash Player 6.0
o versiones anteriores. -->
<div>
<h4>El contenido de esta página requiere una versión más reciente de Adobe Flash
Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img
src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtener
Adobe Flash Player" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
<!-- fin boton volver-->
<!--fin de div central-->
</div>
<!--fin de div central--> <br><br><br>
</div> </div> </div>
<!--footer-->
<div id="footer">
<div id="footercontenido" align="center"> <br>
<div id="footerimg">
<img src="1lapso_f1_cnn_1_representacion/--LOGOTIPO-UNELLEZ-130x.jpg" class="img" />
146
<img src="1lapso_f1_cnn_1_representacion/separador-footer.png" class="img" />
<img src="1lapso_f1_cnn_1_representacion/logo-distintivo-130x.png" class="img"/>
<br>
Unellez (VPDS)
Liceo Nacional Bolivariano "Libertador"
</div>
Copyright © 2014 | Desarrollado por <a href="http://estrella-heizer.com" style="color:#FFF"
target="_blank" title="Página de García Heizer">García Heizer</a> y <a href="http://estrella-
heizer.com" style="color:#FFF" target="_blank" title="Página de Mena Estrella">Mena Estrella</a>
todos los derechos reservados. <br>
Barinas - Venezuela.
</div>
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID2");
swfobject.registerObject("FlashID3");
swfobject.registerObject("FlashID4");
</script>
</body>
</html>
147
ANEXO C.
Manual instructivo del Objeto de Aprendizaje de
Matemática.
148
Manual instructivo del Objeto de Aprendizaje de Matemática.
149
Página principal:
150
Textos vinculados – Imagen desplegable:
151
Menú contextual:
El menú contextual funciona a modo de guía para el usuario, para que pueda saber
que contenidos contiene cada lapso sin que tenga la necesidad de volver a iniciar la
aplicación, de modo que estando en el segundo lapso pueda visualizar lo que contiene
el primer lapso, simplemente necesita colocar el ratón encima de cada botón y se
desplegaran las listas de temas.
152
la cual es que solamente funcionan cuando se está navegando por los temas de alguna
fase, y no en un subtema, por ejemplo:
―1 Lapso – Conjunto de números naturales (N)‖ Los botones del menú contextual
son redireccionables.
Los menús de los subtemas constan de una barra de título, que indica el nombre
del tema principal y la fase correspondiente a la que pertenece en el lapso establecido,
a su vez, se listan los títulos de los subtemas correspondientes al título del tema
principal, sea el caso en un número determinado de botones, en donde solamente es
necesario hacer click para redireccionar automáticamente.
153
Contenidos – Sección de imágenes:
154
Para cerrar la imagen expandida solamente hay que hacer click en el botón ―x‖ de
cerrar, ubicado en la esquina superior derecha del marco de la imagen, y también
haciendo click en cualquier sitio de la pantalla fuera de la imagen. Las
funcionalidades se explican a continuación:
155
Contenidos – Sección de videos:
Así mismo, el video también se puede cerrar haciendo click en cualquier lado de la
pantalla fuera del video. Las funcionalidades se explican a continuación:
156
Símbolos matemáticos:
Otro de los aspectos por lo cual fue determinado por aspectos de desarrollo el
símbolo * para la multiplicación, fue para que no se mal entendiera con la variable
―x‖ ya que ambos símbolos son los mismos, de modo que la variable ―x‖ siempre será
―x‖.
157
ANEXO D.
Planificación de la profesora de Matemática.
158
Figura Nº 53. Planificación de la profesora de Matemática.
159