“Los grandes espíritus siempre han encontrado una violenta oposición de

parte de mentes mediocres.”

-Albert Einstein-

Quiero dedicar este trabajo a mis padres que se han sacrificado mucho para

que yo pueda graduarme.

En primer lugar quiero agradecer el apoyo que siempre he recibido de mi

familia, en especial de mi abuela que me ha aguantado todas mis

malcriadeces y a mi novia que siempre estuvo ahí cuando la necesité y

cuando no, también.

Agradezco a mi tutora Milagros que dedicó mucho de su tiempo a

orientarme y ayudarme, a aquellos amigos que siempre han estado a mi lado

y a mis compañeros de aula que tuvieron que soportarme durante todos estos

años.

Resumen

Resumen

Joomla! es un Sistema Gestor de Contenidos Dinámicos (CMS) que permite

crear sitios Web de alta interactividad, profesionalidad y eficiencia. Con él se

pueden crear sitios Web de noticias, sitios corporativos, portales comunitarios, e

incluso crearse sistemas que funcionen en redes cerradas (Intranets) para

gestionar información de compañías o empresas de negocios, por esto es que

se decidió mantener este formato para la elaboración de la segunda versión del

sitio ACIP-DGC de la asignatura Diseño Geométrico de Carreteras (D.G.C) que

se imparte en el cuarto año de la carrera Ingeniería Civil en el plan de estudios

D.

En el desarrollo de la presente investigación se pudo constatar a través de los

instrumentos utilizados que las necesidades de cambio para mejoras en la

interactividad y funcionalidad del sitio eran de alto interés tanto para los

alumnos como para los profesores de la carrera de Ingeniería Civil vinculados a

la asignatura Diseño Geométrico de Carreteras. En el desarrollo de la

investigación se emplearon los métodos del nivel teórico: Analítico – Sintético e

Inductivo – Deductivo y del nivel empírico: el Criterio de Especialistas, los

cuales evaluaron este producto informático como muy bueno.

Palabras Claves:

Ingeniería Civil, Diseño Geométrico de Carreteras, Joomla!, CMS, Sitios Web,

Método de Trabajo Independiente, Estudio Independiente, Orientación a la

Actividad Cognitiva Independiente.

Summary

Summary

Joomla! is a Dynamic Content Management System (CMS) that allows you to

create highly interactive websites, professionalism and efficiency. With it you

can create news websites, corporate sites, community portals, and even set up

systems operating in closed networks (Intranets) to manage information from

companies or business enterprises, this is that why it was decided to keep this

format for of the preparation the second version of the site ACIP-DGC Course

Geometric Design of Roads (DGC) is taught in the fourth year career in the Civil

Engineering curriculum D.

In the development of this investigation it was found through the instruments

used to changing needs for enhanced interactivity and functionality of the site

were of great interest to both students and faculty of Civil Engineering career

related to Geometric Design Course Road. In the development of research

methods were used theoretical level: Analytic - Synthetic and Inductive -

Deductive and empirical level: the Criterion of specialists, which assessed this

as very good software product.

Keywords:

Civil Engineering, Highway Geometric Design, Joomla, CMS, websites, Method

of Independent Work, Independent Study, Cognitive Orientation Independent

Activity.

Tabla de Contenido

Tabla de contenido

Introducción………………………………………………………………… 1

Capítulo # 1: Breve reseña sobre Joomla!, principios de diseño de

Web y el sitio Web educativo ACIP-DGC………………………………..

7

1.1. “¿Qué es Joomla!?...................................................................... 7

1.1.1. Conceptos necesarios para entender el funcionamiento

de Joomla!......................................................................

9

1.2. Principios de diseño para conformar un sitio Web……………… 10

1.3. Características de un sitio Web educativo……………………….. 12

1.3.1. Tipos de sitios Web educativos………………………….. 14

1.3.2. Características de los materiales didácticos

distribuidos a través de la WWW…………………………

16

1.4. El sitio ACIP-DGC en su primera versión……………………….. 18

1.5. Conclusiones parciales……………………………………………. 20

Capitulo # 2: Necesidad, diseño y valoración de la segunda versión

del sitio Web ACIP-DGC…………………………………………………..

21

2.1. Deficiencias encontradas en la puesta a prueba del sitio en su

primera versión………………………………………………………

21

2.2. Segunda versión del sitio Web ACIP-DGC………………………. 23

Tabla de Contenido

2.2.1. ¿Qué es y cómo funciona la interactividad en la Web?.. 23

2.2.2. Mejoras en la interactividad………………………………. 24

2.3. Navegación del sitio nuevo y características de las diferentes

interfaces diseñadas………………………………………………..

27

2.3.1. El sitio en su primera versión no tenia incorporado el

módulo de acceso………………………………………….

28

2.3.2 En la versión anterior el Ejemplo Complejo no fue

incluido………………………………………………………

29

2.3.3. En la primera versión la opción de HESEI no estaba

incorporada en el sitio por lo que se dificultaba el

acceso al mismo…………………………………………… 30

2.3.4. El sitio en su primera versión tenía que conectarse a

otro para acceder a SAMETI……………………………...

34

2.4. Otros servicios que aumentan la interactividad del sitio……….. 37

2.5. Criterio de especialistas sobre el producto elaborado………….. 44

2.6. Conclusiones parciales…………………………………………….. 45

Conclusiones………………………………………………………………. 47

Recomendaciones…………………………………………………………. 48

Bibliografía………………………………………………………………….. 49

Anexos………………………………………………………………………. 53

Introducción

1

Introducción

La asignatura Diseño Geométrico de Carreteras (D.G.C) en el plan de estudios

D se imparte en el cuarto año de la carrera Ingeniería Civil. Desde la

concepción del plan de estudios D al método de trabajo independiente se le da

un lugar relevante en la formación de la personalidad del alumno, pues se

responsabiliza a este de su propia formación. Para lograrlo, se incrementan las

horas de actividad independiente planificada por el profesor en cada asignatura,

las cuales deben disponer de un grupo de actividades que de forma guiada

orienten adecuadamente al estudiante.

Por esta razón es que la asignatura se ve necesitada de la elaboración de un

Sitio Web que le permita al alumno el desarrollo de su trabajo independiente

con carácter formativo incorporando la aplicación de las nuevas tecnologías.

Por ello se ha elaborado el sitio Web ACIP-DGC, el cual implementa en sí un

conjunto de actividades que el alumno debe realizar. Ejemplo de ello son: las

tareas típicas, los ejercicios para autoevaluarse y heteroevaluarse. Para que

esto lo hagan correctamente se les proponen las guías de estudio, ejemplos

resueltos, un ejemplo complejo en forma de WebQuest y textos de la

asignatura, además se les da la posibilidad de contactarse con el profesor para

exponerle las dudas que tenga.

En la presente versión se crearon las condiciones para que los estudiantes

tuvieran acceso a HESEI. Esta es una herramienta elaborada como un Sistema

de Enseñanza-Aprendizaje Inteligente que permite adaptarse a las

características de los estudiantes a través del uso de la Inteligencia Artificial

para evaluar su estudio independiente.

También se ha montado un Sistema de Autosuperación del Método de Trabajo

Independiente (SAMETI) para que los profesores mejoren su conocimiento

sobre este método y puedan tener éxito en las tareas diseñadas en la estrategia

de la carrera. Este sistema de superación incluye diferentes actividades y

Introducción

2

encuestas para que los profesores puedan evaluar sus conocimientos previos al

entrar al sitio y en dependencia a los resultados obtenidos se les recomienda

los materiales que deben consultar.

Para la elaboración de la segunda versión del sitio se mantuvo el Sistema

Gestor de Contenidos Dinámicos (CMS) Joomla!, por permitir éste crear sitios

de alta interactividad, profesionalidad y eficiencia. Este CMS es muy utilizado

por las facilidades que brinda de crear sitios Web educativos que funcionen en

redes cerradas, o sea Intranets, o con acceso a Internet según sea el nivel de

extensión del proyecto propuesto. Además puede ser modificado y actualizado

por un personal que no posea un gran dominio de los lenguajes de

programación permitiéndoles administrar el contenido del mismo.

Antecedentes:

En el curso 2008-2009 se creó la primera versión del sitio ACIP-DGC con un

gran valor desde el punto de vista formativo ya que le permitía al alumno tener

acceso a ejemplos de proyectos de diseño geométrico de carreteras de

mediana complejidad acompañado por un grupo de orientaciones para el

trabajo independiente y para el desarrollo de habilidades específicas en la

asignatura, así como de orientaciones de la actividad cognitiva independiente a

partir de su diagnóstico.

Situación problémica:

La primera versión del sitio ACIP-DGC fue un gran logro pero tenía sus

limitaciones en los siguientes aspectos: no existía una jerarquización de los

contenidos del sitio, el mismo tenía incorporado pocos servicios, resultaba poco

atractiva la interface utilizada, la opción de HESEI no estaba incorporada y la

opción SAMETI estaba publicada en otra dirección. Fue elaborado en Joomla! y

se pretendía mantener este formato.

Introducción

3

Problema Científico:

¿Qué transformaciones requiere el sitio Web ACIP-DGC en su primera versión

para que sea más interactivo y funcional?

Objeto de la investigación:

El uso de Joomla! para desarrollar sitio Web educativo.

Campo de acción:

La interactividad y la funcionalidad del sitio ACIP-DGC con el uso de Joomla!.

Objetivo General:

Elaborar la segunda versión del sitio ACIP-DGC.

Sistema de interrogantes científicas:

¿Qué fundamentos teóricos y metodológicos se requieren para mejorar la

interactividad de la primera versión del sitio ACIP-DGC?

¿Qué necesidades generan los cambios de la primera versión del sitio ACIP-

DGC?

¿Qué características debe tener la segunda versión del sitio Web ACIP-DGC?

¿Cuáles son los criterios de los especialistas que permiten valorar este

producto informático?

Objetivos específicos:

Fundamentar teórica y metodológicamente el uso del Joomla! en la segunda

versión del sitio ACIP-DGC.

Determinar las necesidades de alumnos y profesores que justifican los cambios

que requiere el sitio diseñado.

Elaborar la segunda versión del sitio Web ACIP-DGC.

Valorar a criterio de especialistas el sitio creado.

Introducción

4

Diseño metodológico:

Definición de la población.

Definición de la muestras.

Población:

Para definirla se empleó el criterio de selección intencional.

Esta se compone de estudiantes y profesores de la carrera Ingeniería Civil y

profesionales informáticos.

Muestras:

Para seleccionar la muestra se usó el criterio de selección intencional.

Para la entrevista a estudiantes se selecciona alumnos del 5to año de Civil que

dominen el contenido de Diseño Geométrico y que tengan habilidades en el

trabajo con las TIC.

En la entrevista a profesores se selecciona a los profesores de la disciplina de

viales.

Para la encuesta a los profesionales informáticos se selecciona aquellos con

experiencia en el Joomla! y con disposición para la ayuda.

Métodos y Técnicas empleadas:

Del nivel teórico:

Analítico – Sintético. Durante el procesamiento de la revisión bibliográfica

realizada en toda la investigación.

Inductivo - Deductivo. En la interpretación del manual de uso del Joomla para

dar solución a cada una de las limitaciones que tiene la primera versión del sitio

Web.

Del nivel empírico:

Introducción

5

Entrevistas a estudiantes: Para valorar cuan necesarios han de ser los cambios

que requiere el sitio relacionado con su interactividad.

Entrevista a profesores de la disciplina de viales para determinar cuan

necesario es la incorporación de SAMETI dentro del sitio Web, así como otros

cambios para que la asignatura tribute adecuadamente a las restantes de la

disciplina.

Criterio de especialista:

Para valorar el contenido del Sitio Web ACIP- DGC _v_1.1.0 así como el

cumplimiento de los requisitos mínimos para ser publicado.

Resultado esperado:

La segunda versión del sitio ACIP-DGC que les permita a los usuarios

registrarse con su cuenta oficial de la universidad y una mejor interactividad

para el trabajo de alumnos y profesores.

Novedad científica:

Segunda versión del sitio ACIP-DGC.

Aportes prácticos:

La segunda versión del sitio ACIP-DGC.

Estructura de la tesis:

Introducción.

Capítulo # 1: Breve reseña sobre Joomla!, principios de diseño de Web y el

sitio Web educativo ACIP-DGC.

En este capítulo aparecen fundamentos sobre el funcionamiento de Joomla!, los

principios y características del diseño de la Web educativa. Además se

destacan las características de la primera versión del sitio ACIP-DGC.

Introducción

6

Capítulo # 2: Necesidad, diseño y valoración de la segunda versión del sitio

Web (ACIP-DGC).

Se justifica las necesidades de los cambios que requiere el sitio con técnicas de

recogida de información. Se detallan las soluciones que se les dieron a las

deficiencias de interactividad y funcionalidad de la segunda versión del sitio

ACIP-DGC.

Conclusiones.

Recomendaciones.

Anexos.

Etapas de la investigación:

Figura I: Etapas de la investigación.

Capítulo # 1

7

Capítulo # 1: Breve reseña sobre Joomla!, principios de diseño de Web y el sitio Web educativo ACIP-DGC.

1.1. “¿Qué es Joomla!?

Joomla es una transcripción fonética al inglés (“jumla”) de un término en

“swahili”, cuya traducción es “todos juntos”.

Joomla! es un sistema gestor de contenidos dinámicos (CMS, siglas de Content

Management System) que permite crear sitios Web de alta interactividad,

profesionalidad y eficiencia.

La administración de Joomla! está enteramente basada en la gestión online de

contenidos, ya que todas las acciones que realizan los administradores de sitios

Joomla!, ya sea para modificar, agregar o eliminar contenidos se realiza

exclusivamente mediante un navegador Web (browser) conectado a Internet, es

decir, a través del protocolo de transferencia de hipertexto (HTTP). Esto

convierte a Joomla! en una poderosa herramienta de difusión de Información,

de Marketing Online, de negocios por Internet, de administración de proyectos

en general y educativos en particular.

Con Joomla! Se pueden crear sitios Web de noticias, sitios corporativos, sitios

Web de presencia, portales comunitarios, e incluso también puede crearse con

Joomla! sistemas que funcionen en redes cerradas (Intranets) para gestionar

información interna (comunicaciones, usuarios, etc.) de compañías o empresas

de negocios, por esto es que el ámbito de aplicación de Joomla! no es exclusivo

de Internet.

La interfaz administrativa de Joomla! es tan sencilla y amigable, que cualquier

persona puede administrar sus propios contenidos Web sin la necesidad de

poseer conocimientos técnicos, sin saber lenguaje HTML, y sin recurrir a un

WebMaster cada vez que haya que actualizar tal o mas cual cosa en un sitio.

Todos los aspectos técnicos del sistema están ocultos al usuario común, y han

Capítulo # 1

8

sido resueltos por los programadores de Joomla!, haciendo las cosas sencillas

para que los administradores y editores de contenidos puedan prescindir casi

completamente de una capacitación técnica especializada.

Joomla! está programado en lenguaje PHP (Hypertext Pre Processor) y SQL

(Structure Query Language). Utiliza bases de datos relacionales, más

específicamente MySQL. Tanto PHP como Mysql son programas Open source

de libre distribución y uso, y al ser Joomla! una aplicación Web, funciona

obviamente en servidores de páginas Web (HTTP Server). Estos servidores de

páginas Web pueden ser de pruebas (es decir, por ejemplo, Joomla!

funcionando en un servidor instalado en la misma máquina del usuario que lo

administra), o también servidores comerciales de producción (esto es, cuando

publicamos un sitio Web basado en Joomla! alojado en una empresa

proveedora del servicio de hosting).

El funcionamiento de Joomla! se lleva a cabo gracias a sus dos principales

elementos:

La base de datos Mysql: Allí es donde se guarda toda la información y la

mayor parte de la configuración del sistema, de una forma ordenada y en

distintas tablas, las cuales cada una de ellas almacena información específica y

determinada.

Los scripts PHP: Son los que ejecutan las acciones de consulta y realizan

modificaciones en la base de datos convirtiendo los datos en simples páginas

Web interpretables por los navegadores de Internet (Browsers) y perfectamente

inteligibles para los usuarios y administradores.” 1

1 Alonso, J. A. T. (2006). Joomla! para principiantes. Aprendiendo a crear y mantener sitios

Web. Capitulo 1

Capítulo # 1

9

1.1.1. Conceptos necesarios para entender el funcionamiento

de Joomla!.

Para interpretar mejor la solución que se le dió a los cambios que precisa el sitio

en su primera versión a continuación se definirán algunos conceptos

importantes.

“Articulo: Pieza discreta de contenido dentro de la jerarquía Joomla!. Un

artículo, puede ser un artículo de contenido, una categoría de contenido, una

sección de contenido, un artículo de menú o un enlace.

Artículo de Contenido: Pieza discreta de contenido dentro de la jerarquía

Joomla!. Un artículo de contenido está asociado a una combinación

Sección/Categoría en particular. Habitualmente los artículos de contenido se

muestran en el cuerpo principal (main body) de su página. El artículo de

contenido es el último de los artículos en la jerarquía

Sección/Categoría/Contenido o puede ser un Artículo de Contenido Estático

diferenciado.

Categoría: Parte de la jerarquización utilizada para clasificar contenidos

dinámicos. Las categorías contienen artículos de contenido, y son parte de

secciones de contenido.

Componente: Los componentes son quizás las aplicaciones más importantes

que juegan un papel fundamental en la gestión de contenidos Joomla!. Son

pequeños programas independientes entre sí, que están junto al Core de

Joomla! (el corazón o núcleo del sistema), o bien se descargan aparte, y

posteriormente se instalan desde el panel de Administración de Joomla!.

Javascript: Un lenguaje de programación común desarrollado por ECMA para

usar en páginas Web. JavaScript es relativamente rápido y con pocas

sentencias de código permite proveer interactividad en páginas Web.

Módulo: Los Módulos son aplicaciones mucho más simples que los

componentes y generalmente son una extensión o complemento de algún

Capítulo # 1

10

componente. Los módulos muestran información secundaria, simplificada y

breve que toman de la base de datos y luego cargan sobre los laterales del sitio

(en las columnas de los extremos). Pero también tienen funciones más

importantes que llevar a cabo: Pueden publicar los enlaces del menú, recoger

datos de acceso mediante un formulario, etc.

Script: Los programas de scripting o scripts son interpretados por el servidor

Web cuando una página es solicitada. Los scripts tienen extensiones

especiales, tales como .php, .asp y .jsp. Cuando el servidor termina de procesar

un script, éste usualmente envía una página HTML que puede ser visualizada

en cualquier navegador Web.

Sección: Una sección es una colección de categorías que se relacionan entre

sí de alguna manera. Es parte de la jerarquía de ordenación de contenidos

dinámicos en secciones/categorías/artículos.

Sindicación: Es un componente core (base) de Joomla! que posibilita la

creación de un NewsFeed, el cual puede ser usado para compartir información

con otros sitios Web.” 2

1.2. Principios de diseño para conformar un sitio Web.

El diseño Web puede ser en extremo difícil, pues involucra lograr un diseño que

sea usable, funcional y a la vez placentero. Los sitios Web entregan información

y crean marcas, son técnicamente sonoros y visiblemente coherentes.

Por ello se exponen algunos criterios o principios que se deben tener en cuenta

a la hora de conformar un sitio Web:

“Preferencia (guiando al ojo): Esto se refiere a la facilidad con que el

usuario encuentra algo en la pantalla sin mucho esfuerzo, el diseñador debe

2 Alonso, J. A. T. (2006). Joomla! para principiantes. Aprendiendo a crear y mantener sitios

Web. Capitulo 12

Capítulo # 1

11

guiar al usuario por la pantalla, para lograrlo es necesario tomar en cuenta la

posición, el color, el contraste y tamaño de los elementos.

Espacio: El espacio hace que las cosas se vean más claras, se debe tomar

en cuenta tres aspectos fundamentales.: el espacio entre líneas afecta

directamente a lo legible que aparece, ya que muy poco espacio hace fácil que

tu ojo caiga de una línea a otra en lugar de la siguiente; demasiado espacio

significa que cuando terminas una línea de texto y vayas a la siguiente, la

pierdas de vista. El relleno es el espacio entre los elementos y el texto, por lo

que este nunca debería tocar otros elementos haciéndolo más legible y

placentero. Espacio en blanco es el espacio vacío en una página (o espacios

negativos como a veces se le llama), es usado para dar balance y contraste a

una página, aumentar el espacio en blanco tiende a hacer que las cosas

parezcan más elegantes y de lujo.

Navegación: Para la navegación se debe tomar en cuenta dos tipos de

navegación: La que te dice hacia donde puedes ir y la de orientación que te

indica donde estás. Para la navegación por la página deben estar bien definidos

los botones de navegación, además de ser fáciles de encontrar e identificar y

deben de estar correctamente descritos. También hay que incluir un

encabezado para orientar al usuario de donde se encuentra.

Diseñar para construir :Se debe tener en cuenta antes de diseñar algo

que todo puede cambiar, ya que puedes diseñar algo que contenga caracteres

que no estén contenidos en el código HTML y por tanto no sean compatibles lo

cual generaría errores de compatibilidad.

Tipografía: El texto es uno de los elementos más importantes del diseño así

que no se debe olvidar y se deben considerar aspectos cómo el tipo de fuente,

el tamaño de la fuente, el espaciado, el largo de la línea, el color y los párrafos.

Capítulo # 1

12

Usabilidad: Para diseñar un sitio usable debemos apegarnos a los

estándares Web, pensar en el usuario y que este pueda hacer lo que quiere que

se haga de una acción determinada para no provocar confusiones.

Alineación: Mantener las cosas alineadas es muy importante para el diseño

de un sitio Web, esto hace el diseño más ordenado y digerible, al igual que lo

hace ver más pulido. Si es un texto muy grande se recomienda alinearlo a la

izquierda entre otras sugerencias.

Claridad: Para lograr un diseño claro se debe detallar muy bien cada borde,

asegurarse que a cada texto se le aplica bien el anti-alistado, asegurar que el

contraste de los colores sea alto, y enfatizar sólo un poco los bordes, no

exagerar.

Consistencia: Significa hacer que todo combine. Tamaño de encabezados,

tipos de letra escogidas, colores, estilos de botones, espaciado, elementos de

diseño, estilos de ilustraciones, fotos escogidas, etc. Todo deberá basarse en

un tema en específico. Para hacer tú diseño coherente entre páginas y en la

misma página.” 3

1.3. Características de un sitio Web educativo.

Los sitios Web educativos: Entre la información y la formación.

Un sitio Web educativo pudiéramos definirlo, en un sentido amplio, como

espacios o páginas en la World Wide Web (WWW) que ofrecen información,

recursos o materiales relacionados con el campo o ámbito de la educación.

De este modo, bajo la categoría de Web educativo o de interés educativo se

aglutinan páginas personales del profesorado, Web de instituciones educativas

como las Universidades o el Ministerio de Educación, Cultura y Deportes,

entornos o plataformas de teleformación en los que se desarrollan cursos a

distancia, páginas de empresas dedicadas a la formación, bases de datos en

3 Leopoldo, C. (2009). "9 principios para buen diseño." from

http://noticiasda.wordpress.com/2009/02/04/9-principios-para-buen-diseno-web/

Capítulo # 1

13

las que se pueden consultar revistas o documentos sobre la enseñanza y la

educación, Web en los que se encuentran actividades para que sean

cumplimentadas por los alumnos o unidades didácticas para el aula, etc.

¿En qué se asemejan y en qué se diferencian unos y otros sitios Web de interés

educativo?

La principal diferenciación entre unos sitios Web y otros estriba en la finalidad y

naturaleza del mismo. Es decir, si la finalidad es de naturaleza informativa, o

bien si la misma es pedagógica o didáctica. En el primer caso el sitio Web se

diseña y, en consecuencia, se consulta para obtener información o datos. Por

ejemplo, si se accede al sitio Web de una universidad o de un centro educativo

normalmente se obtienen datos sobre su historia, sobre su localización

geográfica, sobre su oferta de cursos y titulaciones, sobre el profesorado, etc.

De modo similar, si se consulta una Web que tiene una colección de enlaces

bien de documentos, bien de revistas, bien de otras Web, lo que encuentra en

dicho sitio Web son datos o informaciones. En el segundo caso, existe otro

conjunto de Web de naturaleza específicamente pedagógica o formativa, es

decir, que han sido creados, y en consecuencia son utilizados, para generar un

proceso determinado de enseñanza-aprendizaje. Por ejemplo, si se accede al

sitio Web de una determinada asignatura universitaria se podrá encontrar el

programa de la misma, los textos de lectura, y posiblemente las actividades o

prácticas que deben cursar los alumnos. Por otra parte, si se entra en la Web

de un curso online o virtual podremos encontrar los objetivos, los contenidos,

las actividades y la evaluación de dicho curso destinado a que el visitante

adquiera una serie de conocimientos o destrezas.

Como puede comprobarse los sitios Web educativos son variados en su

naturaleza, utilización y finalidad y oscilan entre un sinfín de diseños que van:

de lo meramente informativo a lo específicamente didáctico. Es decir, el

conjunto de Web relacionadas con la educación bien ofrecen una colección de

Capítulo # 1

14

datos e informaciones, bien son materiales didácticos en formato Web, o bien

son una simbiosis o mezcla de ambas funciones.

1.3.1. Tipos de sitios Web educativos.

El conjunto de sitios Web relacionados con la educación pueden clasificarse en

cuatro grandes tipos: Web institucionales, Web de recursos y bases de datos,

Web de teleformación, y materiales didácticos en formato Web. Los dos

primeros son sitios en los que prima la información, mientras que los dos

últimos son Web con fines formativos, naturaleza formativa, naturaleza

informativa, sitios Web educativos, entornos de teleformación e intranets

educativas, material didáctico, Web de recursos y bases datos educativas, Web

de institución o grupo educativo.

Web institucionales: Son aquellos sitios Web de una institución, grupo,

asociación o empresa relacionada con la educación. En este tipo de Web se

ofrece, fundamentalmente información sobre la naturaleza, organigrama,

actividades, servicios o recursos que ofrece dicha institución, colectivo o

empresa. Ejemplo de este tipo de Web institucional sería la de la Universidad,

(http://www.uclv.edu.cu/).

En estos sitios Web lo relevante es la información sobre el propio organismo o

institución. Es una Web educativa en la medida que estas instituciones lo son,

pero están creadas y concebidas como sitios informativos, no didácticos.

Web de recursos y bases de datos educativos. Este otro tipo de sitios Web

también son de naturaleza informativa ya que lo que proporciona al usuario son

datos en forma de enlaces, documentos, direcciones, recursos, software,

clasificados siguiendo algún criterio. En este sentido, existe una amplia variedad

de este tipo de Web como son las hemerotecas virtuales de revistas educativas

(http://www.quadernsdigitals.net/), los recursos específicamente destinados a

docentes (http://www.profesorado.net/), base de datos de investigaciones

(https://www.educacion.es/teseo), de publicaciones de documentos

Capítulo # 1

15

(http://www.redciencia.cu/canales/canales_int.php?can=5),

(http://www.eurosur.org/DOCE/), Web personales de docentes, o portales con

información educativa de muy diverso tipo (foros, software, enlaces) como

Educaweb (http://www.educaweb.com), Eduteka (http://www.eduteka.org/),

Educalia (http://educalia.educared.net/edujsp/home.jsp?idioma=es),

Maestroteca (http://www.maestroteca.com/). Este tipo de sitios Web, al igual

que el anterior caso, son de naturaleza informativa, no pedagógica, aunque, a

veces, entre sus enlaces se puedan encontrar materiales didácticos y cursos on

line.

Entornos de teleformación e intranets educativas. El tercer tipo de Web

educativas son aquellas que ofrecen un entorno o escenario virtual restringido,

normalmente con contraseña, para el desarrollo de alguna actividad de

enseñanza. Suelen ser sitios Web dedicados a la teleformación o educación a

distancia empleando los recursos de Internet.

Para la creación de estas Web suele utilizarse un software específico

denominado como plataforma, sistema o entorno de teleformación. Actualmente

existen varios programas de este tipo entre los que destacan el WebCT,

Learning Space, Luvit, FirstClass, entre otros. Este tipo de entornos o intranets

suelen ser desarrollados bien por universidades para la oferta de cursos dentro

de un campus virtual. Véase los ejemplos de la U.O.C.

(http://www.uoc.edu/portal/castellano/) la UNED (http://virtual0.uned.es/), o la

Universidad Barcelona Virtual, (http://www.il3.ub.edu/es/Home.html), y por

empresas dedicadas a la teleformación o e-learning. Por ejemplo ciberaula

(http://www.ciberaula.com) o Aulavia (http://www.aulavia.com) o Centro virtual

de formación del directivo (http://www.apdaila.net/.).

Como se ha señalado, este tipo de Web son de acceso limitado y requieren el

uso de claves para el acceso a su Intranet. La naturaleza de estos sitios es

claramente formativa ya que lo que ofrecen son cursos, actividades o

programas de enseñanza a distancia.

Capítulo # 1

16

Materiales didácticos Web: El último tipo de sitios Web son los denominados

como Web tutoriales, Web docentes o materiales didácticos en formato Web.

Son Web de naturaleza didáctica ya que ofrecen un material diseñado y

desarrollado específicamente para ser utilizado en un proceso de enseñanza-

aprendizaje. En este sentido, pudiéramos indicar que estos sitios Web son

materiales curriculares en formato digital que utilizan la WWW como una

estrategia de difusión y de acceso al mismo. Suelen ser elaborados por

profesores para la enseñanza de su materia y/o asignatura. Existen abundantes

ejemplos en la docencia universitaria, también son abundantes en la Educación

Secundaria, Primaria e Infantil. En el Web site del CNICE (Centro Nacional de

Información y Comunicación Educativa) puede accederse a un listado amplio de

este tipo de materiales curriculares digitales

(http://www.cnice.mecd.es/programa/matcurr.htm).

1.3.2. Características de los materiales didácticos distribuidos a

través de la WWW.

Como acabamos de señalar los materiales didácticos Web son sitios Web en

los que el usuario interacciona con un recurso, medio o material pedagógico

elaborado para que éste desarrolle algún proceso de aprendizaje. Por ello, este

tipo de sitios Web presentan una serie de características que los diferencian de

otros Web, y los asemejan al resto de materiales didácticos creados en otros

formatos como el impreso o audiovisual.

Material Web elaborado con finalidad formativa. Esta debe ser la primera

característica de estos materiales, que a veces, por obvia no se le presta la

debida atención. Lo que realmente distingue a un material multimedia de

naturaleza didáctica respecto a otros sitios Web es que ha sido elaborado con

la intencionalidad de producir ciertos aprendizajes en sujetos con ciertas

demandas y necesidades educativas. Por ello, todo material didáctico digital

debe estar al servicio del planteamiento pedagógico del curso o programa en el

Capítulo # 1

17

que se usará y debe ser utilizado como un medio o recurso para el logro de

objetivos educativos.

Materiales cuya información está conectada hipertextualmente. Entre cada

segmento o parte del módulo de estudio deben existir conexiones o enlaces que

permitan al alumno ir de unas a otras. De este modo el acceso a cada parte o

segmento del módulo es una decisión que realiza el alumno según sus propios

criterios. Dicho de otro modo, el material tendrá que organizar

hipertextualmente toda la información para que el alumnado pueda "navegar" a

través del mismo sin un orden prefijado y de este modo permitir una mayor

flexibilidad pedagógica en el estudio de dicho módulo.

Materiales con un formato multimedia. Los materiales didácticos deben integrar

textos, gráficos, imágenes fijas, imágenes en movimiento, sonidos, siempre que

sea posible. Ello redundará en que estos materiales resulten más atractivos y

motivantes a los estudiantes y en consecuencia, facilitadores de ciertos

procesos de aprendizaje.

Materiales que permiten el acceso a una enorme y variada cantidad de

información. Frente a un texto impreso, un cassette o una cinta de vídeo que

debido a sus características físicas contienen una cantidad limitada de

información los materiales electrónicos (bien en Internet o en un CD-ROM)

puede almacenar o permitir el acceso a una cantidad ingente y enorme de

información. Por ello, en todo material didáctico debe existir una opción de

“enlaces a otros recursos en la red” de modo que el alumnado pueda acceder a

otros sitios Web de Internet que contengan datos e informaciones de utilidad

para el estudio del módulo.

Materiales con una interfase atractiva y fácil de usar. Los materiales deben

poseer un diseño gráfico cuidado tanto en sus aspectos formales (color,

distribución espacial, iconos,) como en su dimensión informativa para el acceso

a cada parte o elemento de la Web. Dicho de otro modo, la interfase o diseño

Capítulo # 1

18

gráfico debe ser motivante y atractivo para el alumno, y facilitar el acceso y

navegación dentro del sitio Web sin que al usuario le resulte complejo.

1.4. El sitio ACIP-DGC en su primera versión.

La primera versión del sitio se desarrolló en el curso 2009-2010. Este se diseñó

atendiendo a la siguiente trazabilidad:

Figura 1.1: Trazabilidad por la cual se diseño el Sitio Web.

“La versión usada para la confección del Sitio Web (ACIP-DGC) en su primera

versión fue la correspondiente a Joomla! 1.0.15 Stable [Daytime] 22 February

2008 23:00 UTC.

Capítulo # 1

19

Su página principal (Inicio) quedó de la siguiente forma:

Figura 1.2: Presenta la página principal del Sito Web.

En la misma se aprecia una introducción al Sitio que fundamenta todo lo

referente al mismo.

Un menú llamado (Alumnos) que le da la posibilidad a los usuarios de afrontar

diferentes actividades propuestas en el mismo.

Un menú llamado (Profesores) que como su nombre lo indica está diseñado

para que los mismos se diagnostiquen e incorporen al sistema de

Capítulo # 1

20

autosuperación SAMETI que en forma de submenú, ha sido confeccionado en

investigaciones anteriores.” 4

1.5. Conclusiones parciales.

Joomla! es un poderoso sistema gestor de contenidos dinámicos que usa el

lenguaje de programación JavaScript para proporcionar interactividad a las

páginas elaborados en él, por ser este relativamente rápido y usar pocas

sentencias de código para funcionar adecuadamente.

El uso de los principios de diseño de Web garantiza que los sitios queden

con una calidad y una funcionalidad de primera.

El sitio Web ACIP- DGC cumple con las características de un sito Web

educativo.

4 Abreu, Y. B. (2009). Primera versión del Sitio Web “Actividad Cognitiva Independiente

Planificada para Diseño Geométrico de Carreteras en el plan D” (ACIP-DGC). Ingeniería Civil.

Villa Clara, Universidad Central ¨ Marta Abreu ¨ de Las Villas.

Capítulo # 2

21

Capitulo # 2: Necesidad, diseño y valoración de la segunda versión del sitio Web (ACIP-DGC).

2.1. Deficiencias encontradas en la puesta a prueba del sitio en

su primera versión.

Se realizó una lluvia de ideas con 7 estudiantes de 5to año que tenían alguna

experiencia en el trabajo con sitios Web y 4 profesores de la asignatura donde

se determinaron las siguientes dificultades:

Tenía una interface poco atractiva y pocos servicios para brindarle a los

usuarios. Estos son los resultados de los encuestados 85% estudiantes y 75%

profesores.

Figura 2.1: Gráficos que muestran los resultados de la lluvia de ideas.

Interactividad.

No tenía incorporado el módulo de acceso, por lo que no existía una

jerarquización de los contenidos ya que todos los usuarios podían disponer de

los servicios del sitio sin restricciones. Estos son los resultados de los

encuestados 14% estudiantes y 100% profesores.

Dific ultades c on la

interac tividad 7

es tudiantes enc ues tados

85%

15%

Tienen dific ultades

No tienendific ultades

Dific ultades c on la

interac tividad 4

profes ores enc ues tados

75%

25%

Tienendific ultades

No tienendific ultades

Capítulo # 2

22

Figura 2.2: Gráficos que muestran los resultados de la lluvia de ideas.

Módulo de acceso.

El sitio en su primera versión tenia que conectarse a otro para acceder a

HESEI. Estos son los resultados de los encuestados 100% estudiantes y 100%

profesores.

Figura 2.3: Gráficos que muestran los resultados de la lluvia de ideas.

HESEI.

El sitio en su primera versión tenia que conectarse a otro para acceder a

SAMETI. Estos son los resultados de los encuestados 100% profesores.

No se completo HE S E I

7 estudiantes encuestados

100%

0%

Tienendific ultades

No tienendific ultades

No se completo HE S E I

4 profesores encuestados 0%

100%

Tienendific ultades

No tienendific ultades

No tiene módulo de acceso

7 estudiantes encuestados 14%

86%

Tienen dific ultades

No tienendific ultades

No tiene módulo de acceso

4 profesores encuestados

100%

0%

Tienendific ultades

No tienendific ultades

Capítulo # 2

23

No tenía acceso directo a

S AME TI 4 profesores

encuestados

100%

0%

Tienendific ultades

No tienendific ultades

Figura 2.4: Gráficos que muestran los resultados de la lluvia de ideas.

SAMETI.

2.2. Segunda versión del sitio Web (ACIP-DGC).

La segunda versión del sitio esta basada en las mejoras que se han venido

sucediendo en el CMS a partir de la elaboración de nuevas versiones del

mismo.

2.2.1. ¿Qué es y como funciona la interactividad en la Web?

“Interactividad: La interpretación más generalizada mantiene una estrecha

relación con aspectos técnicos del campo de la informática y, en general, del

mundo de las tecnologías, como la proporcionada por Legendre (1988) en la

que se hace referencia a aspectos técnicos como dirección, intensidad y

frecuencia del flujo de información entre emisor y receptor.

Según Bettetini (1995) la interactividad se definiría como un diálogo entre el

hombre y la máquina, que hace posible la producción de objetos textuales

nuevos, no completamente previsibles a priori y precisa desde la perspectiva

técnica que se destacan las siguientes características:

La pluridireccionalidad del deslizamiento de las informaciones.

El papel activo del usuario en la selección de las informaciones requeridas.

El particular ritmo de la comunicación.

Capítulo # 2

24

Según Coomans (1995), la interactividad implica una ergonomía que garantiza

una gran accesibilidad, el uso de una interface agradable que da paso a

numerosas funciones disponibles sin esquemas preestablecidos y un tiempo de

respuesta corto.

De ello se deriva que el concepto de interactividad tiene una doble vertiente.

Por una parte, implica la capacidad técnica de conceder el máximo de

posibilidades de comunicación entre el usuario y la máquina y, por otra

conseguir que el tiempo de respuesta de la máquina, en relación a las acciones

realizadas por el usuario, sea reducido.

Según Danvers (1994), es posible medir el grado de interactividad teniendo en

cuenta las posibilidades y el grado de libertad de los usuario dentro del sistema,

así como la capacidad de respuesta de este en relación al usuario, en cualidad

y en cantidad; esta relación se podría poner en paralelo con el esquema de

comunicación: emisor, receptor.” 5

2.2.2. Mejoras en la interactividad.

Para la elaboración de la segunda versión del sitio Web (ACIP-DGC) hemos

usado la versión Joomla! 1.5.14 Stable [Wojmamni Ama Naiki] 30-July-2009

23:00 GMT.

Con el ánimo de conseguir una mejor interactividad del sitio se realizó de una

forma eficiente un análisis de diferentes plantillas que se ajustaban a los

principios de diseños expuestos anteriormente, de este análisis se tomó la

decisión de usar la plantilla: themza_j15_07, 1.0.1 2008-08-04 Themza Team,

ya que esta incorpora algunos elementos basados en el lenguaje Javascript que

le hacen dinámica y agradable a la vista del usuario.

5 Revista Interuniversitaria de Tecnología Educativa, n.0, Oviedo, 2000, pp.-92-97.

Capítulo # 2

25

Figura 2.5: Portada del sitio Web (ACIP-DGC) _ v _ 1.1.0

Capítulo # 2

26

Como se puede ver esta plantilla tiene bien definidos los espacios lo que la

hacen ver muy clara y limpiamente, Incorpora en sí muchos módulos que la

hacen bastante útil por los servicios que brinda. Esto se aprovechó para motivar

a los usuarios y hacer que estos se sientan a gusto con el producto elaborado.

La plantilla consta con un menú principal llamado Portada.

Figura 2.6: Menú principal llamado Portada.

Este se despliega una vez que el cursor pasa por encima de sus artículos de

contenidos.

Figura 2.7: Menú principal llamado Portada, desplegado.

También cuenta con un menú superior en forma de lista horizontal que se usa

para acceder a distintos lugares de la Web y a otras Web mediante enlaces

externos.

Capítulo # 2

27

Figura 2.8: Menú superior y titulo del sitio.

2.3. Navegación del sitio nuevo y características de las

diferentes interfaces diseñadas.

Figura 2.9: La navegación en el sitio se realiza de la siguiente manera:

Todos los usuarios al entrar al sitio entran con un usuario invitado que tiene

acceso a la parte pública del sitio, o sea en el menú Portada, en alumnos se

encuentran algunos artículos que son para brindarles servicios a todos los

Capítulo # 2

28

visitantes de la Web sin que estos tengan la necesidad de registrarse, ejemplo

de esto son los textos, las tareas típicas y otros.

2.3.1. El sitio en su primera versión no tenia incorporado el

módulo de acceso.

Este módulo se le implementa al sitio para crea una jerarquización de los

contenidos del mismo, o sea, dentro del van a existir diferentes partes a donde

van a acceder distintos tipos de usuarios, dependiendo por supuesto de su

jerarquía dentro del sitio (esta va desde Invitado hasta Súper Administrador).

Figura 2.10: Módulo de acceso.

Este módulo muestra dos cuadros de textos uno para introducir el Nombre de

Usuario y el otro la Contraseña, también muestra un enlace para recuperar una

contraseña o un usuario perdido, y uno para invitar a los usuarios a registrarse

en el sitio, pero esta opción la hemos desactivado porque nos hemos conectado

al servidor de los usuarios de la universidad mediante un plugin denominado

Autenticación – LDAP que realiza consultas al servidor que posee todos los

usuarios de la universidad. Por ello todos los usuarios que estén dentro del

dominio UCLV pueden registrarse en el sitio con su usuario y contraseña, esto

es de mucha utilidad pues no solo se pueden brindar servicios a esta asignatura

Capítulo # 2

29

sino a otras y a otras carreras también lo cual amplia los horizontes del sitio.

Además le ahorra a los administradores tener que crear los usuarios a los que

van a explotar este producto.

Para poder registrarse en el sitio un invitado solo tiene que introducir su nombre

de usuario UCLV en el primer cuadro de diálogo, su contraseña en el segundo y

dar clic en el botón Iniciar sesión.

Figura 2.11: Módulo de acceso después de registrado el usuario.

Una vez dentro, los alumnos van a tener la oportunidad de acceder a realizar

los diagnósticos, y al votar en las encuestas va a permitir que aparezcan

identificados los resultados por cada usuario, lo que le va a permitir a los

profesores identificar y caracterizar a cada alumno en dependencia de sus

respuestas.

2.3.2. En la versión anterior el Ejemplo Complejo no fue

incluido.

Se decidió incorporar el Ejemplo Complejo en forma de WebQuest, ya que esta

estaba elaborada de antemano y funcionaba correctamente en su estructura

como en su implementación con Joomla!. Estas dos aplicaciones usan el mismo

procesador de texto para levantar sus interfaces lo que las hace compatibles.

La WebQuest se va a encontrar en la raíz del sitio para que por ningún motivo

se pierda la conexión entre ambas aplicaciones. Cuando un usuario se decide a

entrar a la WebQuest esta se va a abrir en una nueva ventana con barra de

navegación para que el individuo no pierda la página del sitio. Esta es la página

de inicio de la WebQuest.

Capítulo # 2

30

Figura 2.12: Página de inicio de la WebQuest.

2.3.3. En la primera versión la opción de HESEI no estaba

incorporada en el sitio por lo que se dificultaba el acceso al

mismo.

¨ HESEI utiliza técnicas de Inteligencia Artificial (IA) y Mapas Conceptuales

(MC) con el objetivo de adaptar con mayor precisión el sistema de enseñanza-

aprendizaje a las características del alumno (León, 2007c). Sus fundamentos

teóricos se apoyan en la ingeniería del conocimiento, las técnicas de IA, así

como la ciencia pedagógica. ¨ Este cuenta con un editor de preguntas, es una

herramienta de fácil manejo y facilita la confección de preguntas de forma

dinámica, además permite editarlas después de creadas y resueltas. El profesor

puede elaborar preguntas pertenecientes a un tópico determinado, antes de

Capítulo # 2

31

editar se conocerá la cantidad de tópicos y la cantidad de preguntas de cada

tópico. Posteriormente se elige el tipo de pregunta. ¨ (León, 2008).¨ 6

Después de esta breve introducción pasamos a describir la forma en la que

funciona este dentro de la página.

Al acceder a la opción HESEI el usuario va a encontrar un artículo con una

explicación de cómo realizar las actividades del mismo, y al final de la

explicación va a encontrar un hipervínculo que lo conduce a donde se guardan

los archivos que lo componen.

Figura 2.13: HESEI.

Cuando el usuario halla llegado a este punto, al hacer clic en el vínculo

mencionado anteriormente, va a tener la opción de descargar el paquete que

compone a HESEI ya que este no es ejecutable desde un navegador Web por

estar montado en una plataforma de aplicación (.EXE) que no es reconocido por

ninguno de los browser.

6 Espinosa, O. B. (2009). Sistema de Enseñanza - Aprendizaje Inteligente sobre Diseño

Geométrico de Carreteras. Ingeniería Civil. Villa Clara, Universidad Central ¨ Marta Abreu ¨ de

Las Villas.

Capítulo # 2

32

Figura 2.14: HESEI para descargar.

Una vez que tengan el paquete solo queda ejecutarlo, esto se hace abriendo el

archivo HESEI.exe, este va a abrir una ventana donde van a tener que

introducir su nombre, contraseña, dominio y categoría, esto último es alumno o

profesor. Cuando haya llenado campo pulse entrar y aparece su interface de

inicio.

Capítulo # 2

33

Figura 2.15: Interface de inicio de HESEI.

Cuando entre vaya a archivo busque la opción Abrir Sistema de Enseñanza, la

cual lo llevara a la raíz donde se encuentran los tópicos.

Figura 2.16: Interface de Tópicos de HESEI.

Capítulo # 2

34

Escoja el que quiere evaluar y realice la evaluación para obtener las

recomendaciones sobre lo que tiene que mejorar.

2.3.4. El sitio en su primera versión tenía que conectarse a otro

para acceder a SAMETI.

SAMETI estaba montado como si fuera una enseñanza por carpetas, las

carpetas que se crearon fueron: inicio, autodiagnóstico, información rápida,

información para profundizar, estrategia metodológica de la carrera,

necesidades metodológicas, prueba final diagnóstica de lo aprendido y plan

individual. Esto tenía sus limitantes como por ejemplo: Era un poco engorroso el

trabajo con el mismo, ya que los interesados tenían que estar abriendo las

carpetas una por una para ver los contenidos que en ellas existía.

En esta versión se decidió incluir el SAMETI dentro del sitio, para ello se

crearon diferentes artículos donde se incluyeron los contenidos que lo

componen.

Figura 2.17: Opciones de SAMETI.

Capítulo # 2

35

También se instaló el módulo AutoIndex-1.5.4, para poner los trabajos que

necesitan consultar como parte del sistema de autosuperación.

Figura 2.18: Biblioteca de SAMETI.

Con este módulo se pueden ver o descargar los trabajos propuestos para llevar

a cabo el trabajo de autosuperación como se muestra en las siguientes

ilustraciones.

Capítulo # 2

36

Figura 2.19: Descargar trabajos de SAMETI.

Capítulo # 2

37

Figura 2.20: Vista de un trabajo de los que componen a SAMETI desde el

mismo navegador.

2.4. Otros servicios que aumentan la interactividad del sitio.

Enlaces.

Para proporcionar a la página una mayor interactividad se le crearon enlaces a

diferentes páginas publicadas en la intranet e Internet. Para hacer esto en

Joomla! primero hay que crear las categorías que van a contener los enlaces y

luego es que se crean estos. Ejemplo de algunos enlaces creados son: ISP.

José Antonio Echeverría, Universidad de La Habana CUJAE, Universidad de

Oriente, Universidad de Santiago de Cuba, Criollito universidad, Criollito UCLV,

entre otros. Para verlo de una forma más clara ver figuras 18, 19 y 20.

Capítulo # 2

38

Figura 2.21: Enlaces a Universidades.

Capítulo # 2

39

Figura 2.22: Enlaces a periódicos Nacionales e Internacionales.

Figura 2.23: Enlaces a páginas de Internet que pudieran necesitar.

Capítulo # 2

40

Anuncios.

Se crearon tres módulos de anuncios para distintos tipos. Esto fueron Eventos,

Investigaciones y FORUM, los cuales se usan para lo que sus nombres lo

indican. En estos módulos se publica información de interés tanto para alumnos

como profesores, pues es del interés de los profesores que los estudiantes

sepan en las líneas de trabajo científico en que están trabajando y los temas de

investigación a los cuales pudieran asociarse, y es del interés de los

estudiantes porque pueden encontrar información de los eventos que están por

realizarse y encontrar ofertas de temas de fórum e investigaciones para

presentarse en estos eventos no solo como espectadores sino también como

participes del mismo. Ejemplo de lo antes expuesto lo verán en las figuras 27,

28 y 29.

Figura 2.24: Módulo de anuncios, ¨ Eventos ¨.

Capítulo # 2

41

Figura 2.25: Módulo de anúncios, FÓRUM ¨.

Figura 2.26: Módulo de anuncios, ¨ Investigaciones ¨.

Noticias

En Noticias se creo un enlace a la categoría de enlaces ¨ Prensa Nacional e

Internacional ¨. Ver figura 25.

Capítulo # 2

42

Reloj

Se incluyó un módulo denominado Reloj, que le brinda el servicio de la hora a

los que visiten el sitio. Este reloj va a tomar la hora automáticamente del

servidor en el que este alojado. Ver figura 30.

Figura 2.27: Módulo Reloj.

Foro

Para facilitar la comunicación Hombre-Hombre y darle la posibilidad de exponer

sus dudas o problemas a los usuarios se decidió instalar un Foro. En él los

usuarios al registrarse pueden crear artículos en los cuales plantearan las

dudas que tengan con respecto a la asignatura o a la forma de conducirse en el

sitio, además también podrán plantear cualquier otra inquietud que tengas.

Luego solo tienen que esperar a que alguien vea su artículo y le responda por la

misma vía dándole una posible solución a su problema.

Capítulo # 2

43

Figura 2.28: Componente FORO.

Capítulo # 2

44

El FORO que se instaló esta en inglés, para que los visitantes estén obligados

a usar su dominio del idioma en el sitio y así este les da la oportunidad de

practicarlo y quizás hasta de mejorar lo aprendido en el aula.

Este componente le crea al usuario una cuenta una vez se haya logueado en el

sitio, por lo que no es necesario que vuelva a hacerlo cuando quiera enviar un

mensaje por el mismo. Esto y otras opciones que brinda lo hacen una

herramienta muy útil y práctica a la hora de transmitir información de

importancia para una o varias personas.

2.5. Criterio de especialistas sobre el producto elaborado.

Se consultaron 5 especialistas de manera intencional que dominaban el uso de

las TIC y en particular la explotación de Joomla!. Ver Anexo 1.

Se recogieron opiniones acerca de los siguientes indicadores:

Adecuado manejo de las soluciones interactivas.

Correcta asignación y selección de los parámetros de diseño de las

interfaces.

Aprovechamiento del sitio para el trabajo metodológico.

Posibilidades que le brinda al usuario el sitio de acceso a otros servicios.

Las categorías usadas en la evaluación de los indicadores son:

Muy adecuado.

Adecuado.

Poco adecuado.

No adecuado.

La tabla muestra las evaluaciones ofrecidas por los especialistas (E) en cada

indicador (I). Las evaluaciones fueron favorables, pues se valoraron los

indicadores de “Adecuado” y “Muy adecuado”. Específicamente los indicadores

Capítulo # 2

45

a y b obtuvieron el máximo en todos los casos, mientras que los indicadores c y

d fueron evaluados tres veces de “Muy adecuado” y en dos ocasiones de

“Adecuado”.

Tabla 2.1: Evaluaciones ofrecidas por los especialistas según indicadores.

De este análisis se deriva la tarea de continuar perfeccionando: el

aprovechamiento del sitio para el trabajo metodológico y las posibilidades que

brinda el sitio de acceso a otros servicios al usuario.

2.6. Conclusiones parciales.

Se pudo constatar a través de los instrumentos utilizados que las

necesidades de cambio en el sitio tenían una alta pertinencia tanto de alumnos

como de profesores.

Se mejoró la interactividad del sitio con el uso del joomla! a partir de

incorporarle una plantilla mejor elaborada, ya que: permite no solo interactividad

Hombre-Máquina sino Hombre-Hombre, dígase alumno-profesor, lograda con

la opción Contactar

Permite al usuario enlaces a diferentes páginas que pudiera necesitar o que

quisiera visitar como parte de su estudio o entretenimiento, ejemplo de esto son

Capítulo # 2

46

Se crearon nuevos servicios, como son: enlaces, anuncios, un reloj,

imágenes, etc.

Los especialistas consultados emitieron evaluaciones de Adecuado y Muy

Adecuado sobre los indicadores relacionados con la calidad del sitio.

Conclusiones

47

Conclusiones

En los fundamentos teóricos y metodológicos que sustentan la investigación

se pudo confirmar que el CMS Joomla! es una herramienta muy útil para

confeccionar sitios Web educativos, ya que tiene una amplia gama de módulos

y componentes que le proporcionan una basta diversidad de acciones en su

funcionamiento, condición que aprovechó ACIP-DGC para mejorar su

interactividad y funcionalidad.

Se pudo constatar a través de los instrumentos utilizados que las

necesidades de cambio en el sitio eran de alto interés tanto para alumnos

como para profesores.

La segunda versión de sitio satisfizo las necesidades encontradas.

Los especialistas encuestados evaluaron este producto informático como

muy bueno.

Recomendaciones

48

Recomendaciones

Montar el sitio en el servidor de la facultad para aprovechar las

potencialidades del mismo.

Publicar el sitio en la página de la facultad para que todos los usuarios de la

universidad tengan visibilidad y acceso al mismo.

Continuar actualizando el sitio periódicamente.

Bibliografía

49

Bibliografía

Alonso, J. A. T. (2006). Joomla! para principiantes. Aprendiendo a crear y

mantener sitios web. .

Aprender21. (2010). "Sea Diseñador Web." from

http://www.cnice.mecd.es/programa/matcurr.htm.

Association, A. C. d. U. P. A. R. V. d. U. E. U. (2010). "Universitat Oberta de

Catalunya." from http://www.uoc.edu/portal/castellano/.

Aulavia. (2010). "Aulavia." from http://www.aulavia.com.

BARCO, M. C. (2005). "Las TIC en las asignaturas técnicas agropecuarias. Una

metodología para su introducción."

BARRETO, O. (2008). Sistema de Enseñanza-Aprendizaje Inteligente sobre

Diseño Geométrico de Carreteras. UCIENCIA 2008, Conferencia de la

Universidad de Ciencias Informáticas.

Bedoya, A. G. (1997) ¿Qué es interactividad? Volume, DOI:

BELLO, R. (2002). Aplicaciones de la Inteligencia Artificial. Jalisco, México,

Universidad de Guadalajara.

BENÍTEZ, R. (1986). Proyecto de Carreteras.

BENÍTEZ, R. (1988). Trazado de Vías.

BENÍTEZ, R. (2004). Diseño Geométrico de Carreteras.

Chile, C. M.-E.-. (2010). "Ciberaula." from http://www.ciberaula.com/.

Ciencia, M. d. E. y. (2008). "Teseo." from https://www.educacion.es/teseo.

CITMATEL. (2010). "Red Cubana de la Ciencia." from

http://www.redciencia.cu/canales/canales_int.php?can=5.

darbai, b. a. i. r. (2010). "Apdaila." from http://www.apdaila.net/.

DÍAZ, E. (1990). Diseño Geométrico de Intersecciones.

Bibliografía

50

Digial.net, Q. (2009). "Quaderns Digial.net." from

http://www.quadernsdigitals.net/.

DocE. (1987). "DOCUMENTOS DE EDUCACIÓN." from

http://www.eurosur.org/DOCE/.

Editorial, O. G. (1998). Interactivo. Diccionario Enciclopédico Color, Compact

Océano 1998.

EducaRed, F. T. (2008). "educared." from

http://educalia.educared.net/edujsp/home.jsp?idioma=es.

Educativas, U.-T. (2010). "cursos virtuales de la UNED." from

http://virtual0.uned.es/.

firmeza, e. d. l. e. c. (2009). "Estudio de la enfermera con firmeza." from

http://www.profesorado.net/.

GALVIS, A. (1994). Ingeniería de Software Educativo. Santafe de Bogotá,

Colombia.

Google. (2010). "Herramientas de Idioma." from

http://www.google.com.cu/language_tools?hl=es.

IL3, I. d. F. C.-U. d. B. (2010). "IL3 Másters y Postgrados." from

http://www.il3.ub.edu/es/Home.html.

Joomla! (2010). "Joomla!" from http://www.joomla.org/.

Joomlaxt! (2010). "Joomlaxt!" from http://www.joomlaxt.com/.

JOSEMARÍA, C. (2001). Diseño de multimedias educativas. Argentina.

Leopoldo, C. (2009). "9 principios para buen diseño." from

http://noticiasda.wordpress.com/2009/02/04/9-principios-para-buen-diseno-web/

Libre, W. L. E. (2010). "Wikipedia La Enciclopedia Libre." from

http://es.wikipedia.org/wiki/Wikipedia:Portada.

Bibliografía

51

Mas, J. S. V. (2010) José Luis Orihuela habla sobre la interactividad. Volume,

DOI:

Meneu, P. (1998). "Maestroteca." from http://www.maestroteca.com/.

Minguell, M. E. (2000). "Interactividad e interacción " Revista Interuniversitaria

de Tecnología Educativa, n.0, Oviedo: 92-97.

Morton, J. (2008). "COLOR THEORY." from

http://www.colormatters.com/colortheory.html.

NIELSEN, J. (1998). Multimedia & Hypertext: The Internet & Beyond.

Ortega, O. O. (2010). "Diseño De Páginas Web: La Estética Cuenta." from

http://www.lawebera.es/comunidad/articulos/diseno-web/diseno-paginas-web-

estetica-cuenta.php.

S.L., E. (2010). "educaweb.com." from http://www.educaweb.com/.

SEVILLANO, M. L. (1998). Nuevas Tecnologías, Medios de Comunicación y

Educación. Formación inicial y permanente del profesorado. España, Editorial

CCS.

SHARP, H. (2007). Interaction Design. Beyond Human-Computer Interaction.

SHNEIDERMAN, B. (2006). Diseño de interfaces de usuario. Estrategias para

una interacción persona-computadora efectiva. México, Addison Wesley.

Simple, J. (2010). "Joomla! Simple." from http://www.joomlasimple.com/.

Spanish, J. (2010). "Centro de Ayuda Joomla! Spanish ", from

http://ayuda.joomlaspanish.org/.

Spanish, P. e. E. d. T. y. D. d. J. (2006). Manual del Usuario 1.0.x

Uribe, F. G. P. (2010). "Eduteka." from http://www.eduteka.org/.

Villas, U. C. M. A. d. L. (2010). "Universidad Central ¨Marta Abreu¨ de Las

Villas." from http://www.uclv.edu.cu/.

Bibliografía

52

WEB, P. B. D. D. P. (2010) PRINCIPIOS BÁSICOS DE DISEÑO PARA WEB

Volume, DOI:

Anexo 1

53

ANEXO 1

Guía de evaluación por criterios de especialistas

Objetivo: Valorar el contenido del Sitio Web ACIP-DGC así como el

cumplimiento de los requisitos mínimos para ser implementado en el sistema de

enseñanza.

Estimado(a) colega:

Solicitamos su colaboración como especialista en la valoración de la segunda

versión del Sitio Web ACIP-DGC: “Actividad Cognitiva Independiente

Planificada para Diseño Geométrico de Carreteras en el plan D”.

Los criterios ofrecidos serán de una gran ayuda para mejorar y perfeccionar la

puesta en práctica de nuestro trabajo.

Datos necesarios

Nombre y apellidos:

Institución en que labora:

Especialidad en que se desempeña:

Categoría Docente:

Grado Científico:

Años de experiencia:

Se utilizarán las siguientes unidades de análisis con su respectiva escala

valorativa, debe marcar con una X el criterio que merezca esta propuesta

según su opinión.

Anexo 1

54

Unidades de Análisis

Escala Valorativa

1 2 3 4

Adecuado manejo de las soluciones interactivas.

Correcta asignación y selección de los parámetros de

diseño de las interfaces.

Aprovechamiento del sitio para el trabajo metodológico.

Posibilidades que le brinda al usuario el sitio de acceso a

otros servicios.

Tabla A1.1: Unidades de Análisis.

Utilice la siguiente escala valorativa independientemente de sus

argumentaciones al respecto.

1 - Muy adecuado.

2 - Adecuado.

3 - Poco adecuado.

4 - No adecuado.

Anexo 1

55

Para la valoración del sitio se encuestaron los siguientes especialistas.

Nombres y

apellidos

Categoría Científica Categoría

Docente

Años de

experiencia

Oristela Cuellar

Justiz

Master en Ciencias. Auxiliar 25

Iliana Zamora

Gómez

Master en Ciencias de las

Tecnologías de la

Información y las

Comunicaciones

Asistente 12

Marta Beatriz

Portal Salazar

Master en Ciencias. Auxiliar 15

Oscar Peláez

Rodríguez

Especialista principal Asistente 3

Tayminh Reyes

Vázquez

Especialista principal Asistente 10

Tabla A1.2: Especialistas encuestados.

Anexo 2

56

ANEXO 2

El sitio Web ACIP-DGC_ v_1.1.0.