Orientaciones Metodológicas para desarrollar la educación ambiental en los estudiantes utilizando una página Web (página 3)

Enviado por Leosvanys Rodr�guez Rivero

Partes: 1, 2, 3

Esta Página Web responde a la necesidad de desarrollar la Educación Ambiental en el centro "Roberto Peredo Leigue" a partir de los resultados obtenidos en el diagnóstico aplicado donde se constató que esta actividad es insuficiente en dicho centro escolar. Para el diseño de esta Página Web se han tenido en cuenta las características de la Secundaria Básica.

La columna vertebral de acceso al conocimiento en cualquier sitio Web radica en la estructura de navegación, la cual provee la vinculación entre las páginas del sitio, de acuerdo a un sentido lógico.

La página se realizó en el editor Macromedia Dreamweaver partiendo de la recopilación de la información textual y fotográfica. Con la guía de los objetivos del proyecto de divulgación e información, se estructuró un esquema en el que se recogieron los tópicos que serían publicados y su interrelación con ella está caracterizada por un entorno o interfaz de trabajo de fácil manejo e intuitivo.

La página principal del sitio se muestran todos los contenidos que el usuario al hacer clic sobre estos, acederá las temáticas que lo relacionan.

Concepción estructural de las páginas

Partiendo del ordenamiento dado a la información definida se concibió la elaboración de la página principal o índice de forma sencilla, cuidando que la misma permitiera lograr el objetivo principal: captar la atención de los visitantes sobre la contaminación del medio ambiente y transmitir el mensaje fundamental del sitio. Esta página inicial dispone de vínculos o enlaces a las páginas contenedoras de la información sobre:

Descripción general de la Página Web

Antecedentes ambientales

Eventos realizados

Citas y conferencias

Problemas Globales

Ambiente

Problemas Económicos

Carrera Armamentista

Aguas y Saneamiento

El agua como recurso

Contaminación del agua

Tratamiento del agua

Cambios climáticos

Efecto invernadero

Consecuencias del cambio climático

Bosques

Deforestación

Incendios y amenazas

Funciones e importancia

Tipos de Suelo

Principales suelos de Cuba

Degradación del suelo

Desertificación

Vertientes

Situación ambiental

Lugares más contaminados

Glosario que trata las palabras de difícil comprensión

Galería de imágenes de contaminación en sus disímiles manifestaciones

Galería de imágenes de la Secundaria Básica

En la elaboración de la interfaz gráfica del sitio Web de educación ambiental, se persiguió como principio básico lograr la unidad de la imagen gráfica en correspondencia con la temática abordada; El uso de los colores, la iconografía y los estilos fueron ensayados en prototipos a los que se les realizaron procesos de simplificación y refinamiento, con el fin de lograr un diseño que resultara sencillo y de uso directo.

Para este proyecto se elaboró una guía de estilo, con la que se estipularon los criterios referentes al diseño gráfico y composición, para garantizar la coherencia general.

En los contenidos de la guía de estilo se incluyó:

a) Estructura de los documentos

b) Diagramación y elementos básicos

c) Longitud de las páginas

d) Colores identificativos y colores de los fondos

e) Gráficos e imágenes

f) Efectos especiales

Esta guía de estilo sirvió para alcanzar consenso en cuanto al prototipo final, sin perder de vista los objetivos y las expectativas planteadas en cuanto a la página.

a) Estructura de los documentos

El desglose por contenidos de los documentos y la búsqueda de la interrelación que entre ellos existe, nos facilitó la estructuración muy simple de las páginas y la conexión de unas con otras a través de enlaces interactivos. En la estructuración de los documentos se tuvo cuidado para evitar el uso de títulos no adecuados que pudiesen causar confusión a los estudiantes, basados en la localización de temas según el título de la página.

b) Diagramación y elementos básicos.

Para evitar que los estudiantes puedan perderse dentro de un documento, es aconsejable elegir una adecuada diagramación, con la cual se da formato a las páginas; Es decir, se define el encabezamiento, los iconos o enlaces para la navegación y sus posiciones, el cuerpo del documento, el pie de página, dónde colocar el copyright y el enlace al correo electrónico si se dispone.

Dos formatos de diagramación fueron empleados en este trabajo; uno para la página principal y otro para las restantes páginas. Estas últimas con sus variantes según los requerimientos.

El formato de la página principal se estableció con 5 divisiones como se muestra en el diagrama siguiente:

1- Encabezamiento de página

2- Barra de navegación izquierda

3- Barra de navegación derecha

4- Cuerpo del documento

5 -Pie de página

c) Longitud de las páginas.

En las Páginas Web debe contemplarse la relación entre la página y el tamaño de la pantalla, así como la demanda editorial del contenido, para lo cual se aconseja unir los contenidos de las páginas en aquellos casos en que estos sean reducidos, siempre que las temáticas que estas abordan así lo permitan.

Mientras se elaboraban los materiales se percibió la necesidad de ensamblar las páginas y su contenido relativo a los objetivos, y las temáticas que se abordan, siguiendo las sugerencias sobre la adecuada longitud de las páginas, en la que su tamaño no excedió de 2 veces el tamaño de la pantalla.

d) Colores identificativos y colores de los fondos.

Para cualquier aplicación, el color debe ser considerado como algo más allá de una opción estética o decorativa, pues el mismo soporta códigos de información visual que, en dependencia de cómo sean usados, pueden influir de manera positiva o negativa sobre el producto final y su objetivo. Mucho es lo que se ha estudiado sobre el efecto que los colores causan en el estado anímico de las personas, es por ello que debe prestarse particular atención a la hora de seleccionar los que han de ser usados en el diseño de las interfaces.

En nuestro caso los colores para las interfaces se definieron partiendo del contexto temático del sitio Web, enmarcado fundamentalmente en el agua y la conservación del medio ambiente. Se seleccionó el azul como color primario y como secundarios el amarillo y verde. Cada color por sí mismo está asociado a determinado simbolismo, los que se resumen en la tabla siguiente.

Color	Simbolismo
Azul	El agua, ideal, calma, sueño, vivacidad, frescor y el cielo. Este color acentúa el dinamismo de los colores cálidos.
Amarillo	Vitalidad, luminosidad, calor, sosiego y reposo. Usado en forma moderada y contrastándolo adecuadamente, supone alegría a la vista. Se dice que puede animar a los seres humanos.
Verde	Naturaleza, tranquilidad, quietud, paz, seguridad y esperanza. El verde invita a la calma y al reposo, transmitiendo sensaciones de plenitud y euforia.

Al ser escogido el color azul para el fondo o background de las páginas no podía dejarse de lado el color de la tipografía, pues una inadecuada combinación podría camuflar o enmascarar la información textual y hasta llegar a distraer la atención del usuario. Se ensayó con varios colores, pero el más adecuado resultó el color negro, obteniéndose un correcto contraste sobre el fondo de las páginas.

Para ser ubicada en el fondo de las páginas se ubicó un color amarillo claro y se trató que existiera un adecuado contraste entre el color de fondo y el color de las fuentes evitando efectos visuales negativos que impidiesen entender en su totalidad lo que se colocase sobre este.

e) Gráficos e imágenes

Como norma, en la Web y en las aplicaciones multimedia los gráficos e imágenes representan un importante papel; por ser un medio de comunicación visual, presuponen, por tanto, cierta complejidad. La representación de ideas con el empleo de formas encierra todo un conjunto de principios que han de respetarse si se desea alcanzar la meta trazada; es por ello recomendable contar con un diseñador gráfico, de lo contrario los diseños que hagamos han de ser sencillos y que se ajusten en lo esencial a la idea a trasmitir de forma visual, o bien prescindir de los mismos.

Los gráficos para la Web poseen ciertos requisitos que deben satisfacerse y que son responsabilidad del diseñador. El tamaño de los gráficos, las paletas de colores y el formato con que se guardan las imágenes, son aspectos que deben velarse en este tipo de aplicación. No debe olvidarse que la información viaja básicamente por redes y todas las imágenes contenidas en nuestra página son descargadas por esta vía y si estos ficheros de imágenes son muy grandes, la descarga total de la página termina siendo lenta y puede provocar la pérdida del interés del visitante en la misma.

En la Web se recomienda que los gráficos sean pequeños y se tenga presente en su creación la resolución con la que han de ser vistos. La mayoría de los usuarios no pasa de tener un monitor con resolución de 800 x 600 píxeles, por lo que es preferible usar cuando estemos diseñando gráficos, resoluciones no mayores a la promedio (800 x 600 píxeles). La paleta de colores es un gran problema, ya que no existe una estandarización acerca de la interpretación de los colores por las diferentes plataformas como Macintosh, Windows y Unix, pero el indexado según la paleta del sistema a 8 bits con el parámetro de difusión, consigue unificar los colores usados en nuestros diseños. El empleo de una paleta reducida de colores contribuye a reducir el tamaño del fichero gráfico.

Los formatos JPEG y GIF son los empleados por excelencia para generar los archivos de imágenes o gráficos para la Web debido a las razones de compresión que permiten alcanzar. Con el JPEG se logra empaquetar imágenes de color de 24 bits en un archivo mucho menor que aquellos requeridos por las imágenes de 8 bits mapeadas en color, como los que usan los formatos de los archivos BMP.

El GIF es un formato para el intercambio de archivos de información gráfica por medio de las redes. Este formato trabaja sobre el nivel de la imagen y visualiza varias imágenes relacionadas y agrupadas, para que la transmisión y reconstrucción sean más eficientes. Los aspectos mencionados anteriormente se tomaron en cuenta en la etapa de producción y tratamiento de los gráficos e imágenes de nuestro sitio Web.

En la actualidad podemos encontrar una gran variedad de herramientas profesionales destinadas al diseño y tratamiento de imágenes, con las cuales se logran excelentes resultados. Entre estas se pueden mencionar el CorelDraw, Adobe PhotoShop, CorelXara, PhotoDraw, Gif Animator y muchas más. Hay que señalar que los óptimos resultados en esta etapa dependen del diseñador y de la habilidad que este tenga con el uso de las herramientas de diseño. En el trabajo de diseño grafico de nuestra Página Web se utilizó el software Adobe Photoshop para retocar las imágenes y todo el trabajo relacionado con su tratamiento.

e) Efectos Especiales.

Con la aparición de las aplicaciones multimedia y su proliferación, los efectos especiales han ido insertándose y desarrollándose para este medio, enriqueciéndolo estéticamente. En los documentos Web, como extensiones de aplicaciones multimedia, se hace uso muy frecuente de efectos especiales, tales como la generación de sonido, el cambio de imagen o texto al desplazarnos por encima o activar un botón con el mouse, entre otros. Es importante tener presente que el abuso de los efectos especiales puede dar al traste con nuestro producto comunicativo.

La mayoría de las herramientas de autor para la creación de Páginas Web, como el Dreamweaver y el FrontPage, brindan la posibilidad de insertar efectos especiales predefinidos, ahorrándose tiempo de programación en lenguaje como el Javascript o el Vbscript. No obstante, es preferible realizar la programación de los efectos en un lenguaje, ya que se dispondrá de mayor libertad a la hora de lograr resultados que se ajusten a nuestra concepción de las funciones que queremos se realicen.

En la etapa de diseño y creación de prototipos se comenzó a concebir los efectos que habríamos de usar en las páginas de nuestra Web. Específicamente para los vínculos de navegación, se usan efectos de intercambio de imagen cuando activamos o nos movemos sobre ellos en la barra de navegación del sitio o de un documento temático en el que se emplea el cambio de color del texto que referencia un enlace.

2.2.1 Orientaciones metodológicas para el trabajo con la Página Web en el área de Ciencias Naturales de 8vo grado de la Secundaria Básica.

Como principal enfoque metodológico se considera la resolución de problemas, en diferentes contextos socioeconómicos que pongan de manifiesto la relación ciencia – tecnología – sociedad como vía para la formación de una concepción científica del mundo desde la posición dialéctico materialista del marxismo leninismo.

Siempre que sea posible, se utilizarán a los propios alumnos en la colecta de los datos para la formulación de los problemas, con un enfoque interdisciplinario. Potenciando el trabajo con datos reales a partir de que se cuentan con los recursos automatizados para su procesamiento, obtenidos de los resultados de las actividades sociales que caracterizan la escuela, la comunidad y otras que por su alcance nacional sean de interés.

Especial atención se pondrá utilizar las herramientas y recursos informáticos que faciliten la labor del estudiante y el profesor en la búsqueda, del conocimiento, interactuando sistemáticamente con la colección de softwares educativos disponibles en el centro.

Es importante precisar que la Página Web es propicia para el desarrollo de la Educación Ambiental desde cualquier asignatura en 8vo grado de la Secundaria Bás ica. No obstante atendiendo las potencialidades que ella ofrece se propiciará en áreas de Ciencias Naturales donde en ellas se encuentran Geografía, Química y Biología haciendo referencia a las orientaciones metodológicas que se perciben a continuación.

- El asesor de informática en los colectivos de grados que se realizan debe argumentar como está concebida la Página Web y cuales informaciones se encontrarán en los distintos módulos que se presentan.

- El Profesor General Integral previamente deberá interactuar con la Página Web para extraer de sus módulos las informaciones necesarias en función de las necesidades y características del grupo.

- Teniendo en cuenta la existencia de los especialistas de las asignaturas, en los colectivos de grado deberán examinar con el Profesor General Integral las potencialidades que brinda la Página Web y cómo se dará salida mediante actividades docentes y extra-docentes en los distintos contenidos.

Contenidos de las asignaturas para la utilización de la Página Web propuesta.

Geografía

- El Profesor General Integral en la clase de consolidación de la asignatura Geografía puede hacer uso de la Página Web en las Unidades # 1 Recursos Naturales en la totalidad de sus clases y en la Unidad # 2 Producción de Material, según se muestran en las temáticas del Programa de 8vo grado del año 2004 de Secundaria Básica en:

Temáticas de la Unidad # 2:

3.2.1.4 Característica de la producción agrícola según las condiciones socioeconómicas imperantes. La agricultura sostenible. Principales problemas medio ambientales que afecten la producción agrícola.

3.2.2.2 Característica de la producción pecuaria según las condiciones socioeconómicas imperantes. Principales problemas medio ambientales que afectan la producción pecuaria.

3.3.3.1 Utilización inadecuada de la ciencia y la tecnología en la industria. La industria bélica: su efecto en el medio ambiente.

3.4.1.1 El transporte: su efecto en el medio ambiente.

Es valido señalar que en las temáticas no abordas en la unidad # 2 pueden propiciar la salida de algunos contenidos mostrado en la Página Web.

Química

- El Profesor General Integral en la clase de consolidación de la asignatura Química puede hacer uso de la Página Web teniendo en cuenta la caracterización de sus alumnos, en la Unidades # 1 Las sustancias y reacciones químicas, ….. Unidad # 2 El dioxígeno y en la Unidad # 3… Los óxidos. Por la potencialidad que brinda el producto informático se vinculan en las unidades antes mencionadas en la totalidad sus clases.

Biología

- El profesor General Integral en la clase de consolidación de la asignatura Biología puede hacer uso de la Página Web teniendo en cuenta la caracterización de sus alumnos, en la Unidad # 1 Educación para la salud y educación sexual, Unidad # 2 Características de los animales, Unidad # 5 Animales celomados no cordados y la Unidad # 8 Tetrápodos

Biología Unidad # 1 Educación para la salud y educación sexual.

- Clase 1.3 Salud ambiental: saneamiento ambiental, control de vectores. Importancia para la salud humana del cuidado de la fauna.

- Clase 1.4 Diferencia entre alimentación y nutrición. El agua como alimento fundamental en la dieta. Control sanitario del agua.

- Biología Unidad # 2 Características de los animales.

- Clase 2.3 Importancia de los animales. Necesidad de su protección.

- Biología Unidad # 5 Animales celomados no cordados.

- Clase 5.6.1 Protección de los animales. Medidas de control contra sus efectos perjudiciales..

- Unidad # 8 Tetrápodos

- Clase 8.4 Importancia de los Tetrápodos. Protección

Teniendo en cuenta las orientaciones metodológicas abordadas anteriormente se procedió a la elaboración de ejemplos actividades que puedan ser utilizados por los docentes para la realización de otras actividades.

Ejemplo de actividades para la Asignatura Geografía 2.

– Unidad # 1 en la semana 2 la clase Principales daños que se producen en la utilización de estos recursos. Medidas que toma el hombre para minimizar esta acción.

El profesor orienta al alumno investigar los principales daños que se producen en los recursos naturales, utilizando la Página Web de Educación Ambiental.