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.