Prof.

María Auxiliadora Portuguez Campos

Evidencia en Octavo: “Diagramando y diseñando el Sitio
Web en Google Sites y usando programación con la Web 2.0”
Recursos a utilizar:  Protocolo Identificando el Problema-Parte A, Protocolo Introducción al Lenguaje Html, Gmail para crear la cuenta para publicar, Google Sites, Color Scheme Designer, Herramientas Web 2.0 (Voki, WidgetBox, Gadgets o Widgets, YouTube para crearla cuenta y publicar el video) y Windows Movie Maker.

Descripción:
Utilizo el Protocolo Identificando el Problema- Parte A del Pilotaje de Octavo sobre la nueva guía didáctica para que los estudiantes comprendan los módulos en que se divide el Sitio Web que construirán y publicarán en Google Sites, donde el abordaje de la programación consiste en el Uso de Herramientas de la Web 2.0 que aportan código Html mediante aplicaciones Gadget o Widgets que se pueden incorporar para colocar aplicaciones adecuadas al eje temático en estudio ya sea sobre la Conservación Ambiental o el Respeto por toda Forma de Vida. Utilizo un archivo a modo de juego de palabras dentro de un Diagrama de Contenido, que se le brinda a los estudiantes en blanco para que ellos lo completen luego de que yo les he explicado el proyecto y les muestro la guía didáctica para determinar si comprendieron los módulos que contendrá el sitio web. Los estudiantes inician creando una cuenta en Gmail para luego poder publicar en Google Sites y entonces elaboran las páginas de: Inicio, Mi Comunidad, ¿Sábías Qué?, ¿Quiénes Somos?, Entretenimiento, Bibliografía que componen el sitio web. Luego utilizo a través de la presentación con el video bean, un sitio web de ejemplo como el siguiente sobre la Contaminación del Agua en Costa Rica para que los estudiantes comprendan mejor el Diagrama de Contenido. Previamente le explico a los estudiantes que un Gadget o Widget es una aplicación de objetos en miniatura realizados para ofrecer contenido dinámico que puede ser colocado en cualquier página web y con el objetivo de generar interacción a través de Internet y hacer más atractivo el sitio con respecto a un tema. Para ello, les muestro el sitio de ejemplo con gadgets ya colocados y les muestro el sitio web http://www.widgetbox.com de donde pueden obtener el código en Html. Luego a medida que los estudiantes construyen el sitio, uso una presentación donde les explico el paso a paso de cómo insertar código Embed o código Script para que los estudiantes se apropien de diversas herramientas Web 2.0 que les propongo para el abordaje de la programación usando código Html. Para que conozcan la terminología a utilizar, les explico qué es el lenguaje Html y qué es un comando, tag o etiqueta. Luego les pido que hagan una búsqueda sobre el tema y que completen el archivo del Protocolo de Introducción a Html que diseñe y que llenen la tabla con comandos Html. Para programar los colores de las páginas que conforman el sitio web los estudiantes deben conocer acerca de códigos RGB y teoría del color cálidos y fríos que se ofrecen a través del sitio http://www.colorschemedesigner.com y que genera el código numérico (#FF0000 ejemplo de rojo) que se usa con diversos tags que usen el atributo de color RGB como <Body bgcolor> para el color de fondo o <Font color> para los colores de las tipografías, etc. La programación es basada en herramientas de la Web 2.0. Porque los estudiantes deben conocer el lenguaje Html que se usa para obtenerlos donde utilizan Voki, WidgetBox, You Tube y Gadgets o Widgets a través de Google Sites y colocarlos en algunas de las páginas del sitio web. Por ejemplo: A) B) C) Utilizan el código Html que se genera en http://www.voki.com, para agregar una introducción con un avatar animado en la página de Inicio. Trabajan con Gadgets de Juegos que ofrece Google Sites relacionados con el tema para colocarlos en la página de Entretenimiento. Realizan un video con Windows Movie Maker que contenga imágenes, sonido y un mensaje y lo suben a You Tube para obtener el código Html y colocarlo dentro de la página ¿Sabías qué?.