Sei sulla pagina 1di 1

Prof.

Mara Auxiliadora Portuguez Campos

Evidencia en Octavo: Diagramando y diseando el Sitio


Web en Google Sites y usando programacin con la Web 2.0
Recursos a utilizar: Protocolo Identificando el Problema-Parte A, Protocolo Introduccin 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.

Descripcin:
Utilizo el Protocolo Identificando el Problema- Parte A del Pilotaje de Octavo sobre la nueva gua didctica para que los estudiantes comprendan los mdulos en que se divide el Sitio Web que construirn y publicarn en Google Sites, donde el abordaje de la programacin consiste en el Uso de Herramientas de la Web 2.0 que aportan cdigo Html mediante aplicaciones Gadget o Widgets que se pueden incorporar para colocar aplicaciones adecuadas al eje temtico en estudio ya sea sobre la Conservacin 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 gua didctica para determinar si comprendieron los mdulos que contendr el sitio web. Los estudiantes inician creando una cuenta en Gmail para luego poder publicar en Google Sites y entonces elaboran las pginas de: Inicio, Mi Comunidad, Sbas Qu?, Quines Somos?, Entretenimiento, Bibliografa que componen el sitio web. Luego utilizo a travs de la presentacin con el video bean, un sitio web de ejemplo como el siguiente sobre la Contaminacin 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 aplicacin de objetos en miniatura realizados para ofrecer contenido dinmico que puede ser colocado en cualquier pgina web y con el objetivo de generar interaccin a travs de Internet y hacer ms 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 cdigo en Html. Luego a medida que los estudiantes construyen el sitio, uso una presentacin donde les explico el paso a paso de cmo insertar cdigo Embed o cdigo Script para que los estudiantes se apropien de diversas herramientas Web 2.0 que les propongo para el abordaje de la programacin usando cdigo Html. Para que conozcan la terminologa a utilizar, les explico qu es el lenguaje Html y qu es un comando, tag o etiqueta. Luego les pido que hagan una bsqueda sobre el tema y que completen el archivo del Protocolo de Introduccin a Html que disee y que llenen la tabla con comandos Html. Para programar los colores de las pginas que conforman el sitio web los estudiantes deben conocer acerca de cdigos RGB y teora del color clidos y fros que se ofrecen a travs del sitio http://www.colorschemedesigner.com y que genera el cdigo numrico (#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 tipografas, etc. La programacin 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 travs de Google Sites y colocarlos en algunas de las pginas del sitio web. Por ejemplo: A) B) C) Utilizan el cdigo Html que se genera en http://www.voki.com, para agregar una introduccin con un avatar animado en la pgina de Inicio. Trabajan con Gadgets de Juegos que ofrece Google Sites relacionados con el tema para colocarlos en la pgina de Entretenimiento. Realizan un video con Windows Movie Maker que contenga imgenes, sonido y un mensaje y lo suben a You Tube para obtener el cdigo Html y colocarlo dentro de la pgina Sabas qu?.

Potrebbero piacerti anche