1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

72
1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO DE COMUNICACION INTERACTIVA PARA PROMOCIONAR Y FORTALECER LOS PROCESOS DE FORMACION PEDAGOGICOS DE LA INSTITUCION EDUCATIVA ESCUELA NORMAL SUPERIOR DE COROZAL UTILIZANDO DREAMWEAVER BETTY DEL ROSARIO MEDRANO TIRADO MARICELY VILLALBA BUELVAS FUNDACION UNIVERSITARIA DEL ÁREA ANDINA CENTRO DE EDUCACIÓN A DISTANCIA ESPECIALIZACIÓN EN INFORMÁTICA Y TELEMÁTICA COROZAL SUCRE 2009

Transcript of 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

Page 1: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

1

DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO DE

COMUNICACION INTERACTIVA PARA PROMOCIONAR Y FORTALECER LOS

PROCESOS DE FORMACION PEDAGOGICOS DE LA INSTITUCION

EDUCATIVA ESCUELA NORMAL SUPERIOR DE COROZAL UTILIZANDO

DREAMWEAVER

BETTY DEL ROSARIO MEDRANO TIRADO

MARICELY VILLALBA BUELVAS

FUNDACION UNIVERSITARIA DEL ÁREA ANDINA

CENTRO DE EDUCACIÓN A DISTANCIA

ESPECIALIZACIÓN EN INFORMÁTICA Y TELEMÁTICA

COROZAL – SUCRE

2009

Page 2: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

2

DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO DE

COMUNICACIÓN INTERACTIVA PARA PROMOCIONAR Y FORTALECER

LOS PROCESOS DE FORMACIÓN PEDAGOGICOS DE LA INSTITUCIÓN

EDUCATIVA ESCUELA NORMAL SUPERIOR DE COROZAL UTILIZANDO

LA HERRAMIENTA DREAMWEAVER

BETTY DEL ROSARIO MEDRANO TIRADO

MARICELY VILLALBA BUELVAS

Trabajo de Grado presentado como requisito

Para optar al título de Especialista en Informática y Telemática

Tutor:

Ingrid Álvarez

FUNDACIÓN UNIVERSITARIA DEL ÁREA ANDINA

FACULTAD DE EDUCACIÓN

ESPECIALIZACIÓN EN INFORMÁTICA Y TELEMÁTICA

COROZAL – SUCRE

2009

Page 3: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

3

DEDICATORIA

Al todo poderoso que nos ha dado

fuerza,

Energía, valor y capacidad

aumentando el poder de voluntad

cada día y así enfrentar la tarea de

convivir y tolerar con fe, amor,

confianza y seguridad en todo lo que

realizamos mostrándonos el camino

del triunfo.

A nuestros compañeros permanentes

Valmiro y Luis Antonio, por su apoyo

y comprensión.

A nuestros hijos José David, Cesar

Augusto, Luis Antonio, Samuel Emiro

y Tahisnury para servirles como

ejemplo de superación y progreso.

Betty y Maricely

Page 4: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

4

AGRADECIMIENTOS

Los autores de este proyecto expresan sus sinceros agradecimientos a Dios,

por bendecirnos diariamente y darnos sabiduría necesaria para plantear y

ejecutar este trabajo.

A la Fundación Universitaria del Área Andina, por brindarnos la oportunidad

de hacer parte de esos grandes profesionales que ella promociona.

A la Institución Educativa Escuela Normal Superior de Corozal, por darnos la

oportunidad de aplicar la propuesta pedagógica y brindarnos todo su apoyo

para la implementación de ésta.

A los especialistas que nos asesoraron en la investigación con sus valiosos

aportes a lo largo de todo este proceso.

A nuestros compañeros y compañeras de estudio, con quienes compartimos

gran parte de esta meta, la cual hoy es una realidad.

Page 5: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

5

CONTENIDO

Pág.

LISTA DE ANEXOS 8

INTRODUCCIÓN 10

1. PLANTEAMIENTO DEL PROBLEMA. 11

1.1. DESCRIPCIÓN DEL PROBLEMA 12

1.2. ANTECEDENTES 12

1.3. FORMULACIÓN DEL PROBLEMA 16

2. JUSTIFICACIÓN 17

3. OBJETIVOS 18

3.1. GENERAL 19

3.2 OBJETIVOS ESPECÍFICOS 19

4. MARCO REFERENCIAL 20

4.1. MARCO TEÓRICO 20

4.2. MARCO CONCEPTUAL 28

4.3. MARCO CONTEXTUAL 36

4.4. MARCO METODOLÓGICO 41

Page 6: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

6

4.4.1. Tipo De Investigación 43

4.4.2. Tipo de aplicación 45

4.4.3. Herramienta de desarrollo 46

4.4.4. Técnicas de recolección de la información 47

4.4.5. Análisis estadístico 51

4.4.6. Objetivo del diseño 53

4.4.6.1. Técnicos 53

4.4.6.2. Pedagógicos 53

4.4.6.3. Evidencias del diseño 54

4.4.6.2. Mapa de contenido 54

4.4.6.3. Mapa de navegación 55

4.4.6.4. Interfaces y Guiones 56

7. BIBLIOGRAFÍA 63

8. ANEXOS 64

Page 7: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

7

LISTA DE ANEXOS

Pág.

ANEXO A. FICHA TECNICA DE LA ENCUESTA 64

ANEXO B. MODELO DEL FORMATO DE LA ENCUESTA 66

ANEXO C. MATRIZ DE PLANEACIÓN DE OBJETIVOS 69

Page 8: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

8

GLOSARIO

BANNER: Formato publicitario en Internet. Esta forma de publicidad online

consiste en incluir una pieza publicitaria dentro de una página web. Prácticamente

en la totalidad de los casos, su objetivo es atraer tráfico hacia el sitio web del

anunciante que paga por su inclusión.

FLASH: Es una aplicación en forma de estudio de animación que trabaja sobre

"Fotogramas" destinado a la producción y entrega de contenido interactivo para

diferentes audiencias alrededor del mundo sin importar la plataforma.

LINK: Es un hiperenlace, referencia de un documento de hipertexto a otro

documento o recurso.

NUCLEOS INTERDISCIPLINARES: Espacios organizativos del profesorado desde

donde se reflexiona todo lo relacionado con el quehacer pedagógico y se dinamiza

el plan de estudio.

Page 9: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

9

INTRODUCCIÓN

Hoy día los sitios WEB se han convertido en una de las opciones de

mayor consulta y divulgación para la sociedad actual, como también uno de los

medios de comunicación rápidos y entretenidos. Es así, que el grupo investigador

vio la necesidad de dar a conocer a nivel mundial los diferentes procesos de

formación pedagógica que se dan en la Institución Educativa Escuela Norma

Superior de Corozal, diseñando un sitio Web, donde se observa una descripción

relacionada de los diferentes espacios que hacen parte de la Escuela.

También el sitio Web permite atraer y mantener una constante comunicación con

los integrantes de la comunidad normalista, egresados y personas particulares que

de una u otra forma harán aportes en beneficio de los procesos de formación de

los integrantes de la comunidad educativa normalista.

Con esta investigación se pretende exhortar a todos los lectores para que les sirva

de consulta para posibles investigaciones, al mismo tiempo invitarlos a aportar sus

ideas para complementar el sitio Web. Es así, como se quiso diseñar este sitio

para que sea visitado en la red, por sucreños y personas de cualquier parte del

mundo, con el fin de promover y fortalecer a través de la comunicación interactiva

los procesos de formación pedagógicos e incursionar en el uso de la comunicación

a través de medios tecnológicos modernos y, de esta manera, contribuir al

fortalecimiento de la educación en el ámbito nacional e internacional.

Page 10: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

10

1. PLANTEAMIENTO DEL PROBLEMA.

1.1. DESCRIPCIÓN DEL PROBLEMA

Fruto de un estudio y seguimiento en el campo comunicacional basado en la

evaluación institucional, POA (Plan de mejoramiento anual, diálogos con los

integrantes de la comunidad educativa, se ha podido identificar la necesidad

de un medio virtual que posibilite dar a conocer, los avances en los procesos

de formación pedagógica en la institución. A pesar del crecimiento

considerable de la población estudiantil, el reconocimiento cualitativo de los

maestros, el impacto de los egresados en el ámbito regional y nacional y la

producción de documentos con aportes significativos para la comunidad

académica, es poco el conocimiento de estos avances debido a que aún en

la escuela no se ha institucionalizado un espacio virtual específico teniendo

la oportunidad, ya que cuenta con recursos humanos y materiales que

lastimosamente no se han aprovechado para mantener una información y

comunicación permanente que contribuya a los procesos de formación

pedagógica.

A pesar de que la Institución Educativa Escuela Normal Superior de Corozal

es conocida a nivel regional y nacional por su modalidad pedagógica,

complementada con una variedad de herramientas tecnológicas como: una

sala de informática, sala de bilingüismo, un aula móvil e internet, las cuales

son asequibles por la comunidad normalista, carece de un medio tecnológico

institucionalizado que promocione sus avances e innovaciones en los

Page 11: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

11

procesos de formación pedagógica y permita el uso de la comunicación a

través de los medios tecnológicos modernos como un sitio Web.

1.2. ANTECEDENTES

Algunos docentes de la Institución, como los que se mencionan a

continuación, han demostrado interés por solucionar la problemática de

información y comunicación promulgando de forma individual a través de

blogs y publicados por otros medios electrónicos:

Lúdica y recreación desde la óptica académica: conceptos

académicos.1

Cienciarica: salida de campo2

Exploración de algunos conceptos no convencionales del triángulo de

Cabri.3

El hombre del polo: El por qué de la investigación en el aula4.

1 Recreación y lúdica académica.blogspot.com/2009/02.

Conceptos-academicos-.htlm-61. Fecha de Consulta: Mayo 13

2 Ciencia rica.blogspot.com/200811/salida-de-campo.htlm-170k. Fecha de Consulta:

Mayo 13.

3 Mediateca-E.N.S.C.www.colombiaaprende.edu.

Mediateca/1607/propertyvalue-33011.htlm-27k-. Fecha de Consulta: Mayo 13

4 Elhombredelpolo.blogspot.com/2009/03/el-po-que-de-la-investigación-en-el-.htlm.

Fecha de Consulta: Mayo 13.

Page 12: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

12

Experiencia de aula sobre una generalización del teorema de

Pitágoras.5

Recuperación, preservación y promoción del patrimonio. Especialista

Rafaela Navarro6

PONENCIA Institución educativa escuela normal superior de corozal.

Núcleo de humanismo y comunicación. Primer foro institucional

“RECOBREMOS LA PALABRA”.7.

También se encuentra en internet información de acontecimientos que

suceden en la Institución, publicados en espacios (blogs) por personas

particulares, como son los siguientes:

Festival de Acordeoneros, Cantantes y Compositores8.

Video de la participación de la Banda de Paz de la Institución en el

municipio de Manaure, Cesar9

Escuela Normal, Premiada Por Investigación De Educación Rural. “3

Oct. 2006... La Escuela Normal Superior de Corozal fue premiada por el

Ministerio de... Centro Virtual de Noticias – CVN.”10

5 www.ribiecol.org/7/ini/nac/p013/pdf. Fecha de Consulta: Mayo 13

6 http:/www.freewebs.com/corozal/recuperación,preservación y promoción del

patrimonio. Fecha de Consulta: Mayo 13

7 www.colombiaaprende.edu.co/html/.../articles-112026_archivo.doc. Fecha de

Consulta: Mayo 13

8 felipepaterninapayares.blogspot.com/-55k. Fecha de Consulta: Mayo 14

9 www.youtube.com/watch? RpV2jpdTOyO. Fecha de Consulta: Mayo 149 Acceso a recursos e información, interactividad y servicios de apoyo para los docentes y estudiantes.

10 www.mineducacion.gov.co/cvn/1665/fo-article-109542.pdfFecha de Consulta:

Mayo 14 Formato de archivo: PDF/Adobe Acrobat -

Page 13: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

13

Wikipedia la enciclopedia libre PLINIO LAMBRAÑO FLOREZ: docente

normalista, pintor y escultor reconocido regional y nacionalmente11.

Cita de periódico El meridiano de Corozal del día 8 de Mayo de 2009.

Corozal. Con un desfile folclórico arrancó ayer en esta ciudad el... Lo

organiza la Institución Educativa Escuela Normal Superior de Corozal12.

En consecuencia de lo anterior, la Institución amerita constituir como

producto único de ella, todas aquellas elaboraciones que de una u otra forma

recopilen el resultado del quehacer pedagógico cotidiano de la comunidad

educativa.

1.3 FORMULACIÓN DEL PROBLEMA

¿Cómo utilizar la herramienta Dreanweaver, en el diseño e implementación

del sitio Web de la Institución Educativa Escuela Normal Superior de

Corozal como medio de comunicación interactiva para promocionar y

fortalecer los procesos de formación pedagógica de la comunidad educativa?

11 es.wikipedia.or/wiki/Plinio_Lambraño_florez-23k. Fecha de Consulta: mayo 14.

12 www.elmeridianodesucre.com.co/viernes/corozal/.htm Fecha de consulta: mayo

14

Page 14: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

14

2. JUSTIFICACION.

Para la Escuela Normal Superior de Corozal resulta pertinente solucionar el

problema de tipo tecnológico virtual identificado, si se tiene en cuenta que:

A pesar del impacto que esta Institución tiene a nivel regional y nacional, no

cuenta con un espacio en internet donde sus usuarios puedan acceder a la

información requerida acerca de su funcionamiento, avances, eventos, etc.

Es necesario sensibilizar a la comunidad del uso inadecuado que hasta el

momento se ha tenido de los medios tecnológicos al alcance de la Institución

y los beneficios que brindaría para estar al alcance de una mejor

comunicación.

La Institución necesita recopilar la información de la comunidad educativa y

convertirla en producto único para mostrarla a través de un medio donde

todos puedan acceder a ésta.

El desarrollo de este proyecto permitirá a la comunidad educativa:

Conocer y comprender los cambios que significan en una comunidad

educativa las nuevas tecnologías de la información y las consecuencias

educativas de éstos.

Utilizar los medios tecnológicos para tener un acceso rápido y

actualizado a información referida a la Institución objeto de esta

investigación.

Page 15: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

15

Con este proyecto se busca proveer a la Institución de una

herramienta virtual que le permita mejorar los índices de comunicación al

interior de la comunidad educativa y esta a su vez con el resto del

mundo.

También permitirá aplicar los conocimientos adquiridos en esta

especialización mediante la realización de un proyecto de investigación

tecnológico aplicado.

En relación con los alumnos, les permitirá mantenerse actualizados de

los cambios y acontecimientos institucionales, fortaleciendo la

comunicación.

La finalidad del presente proyecto es dotar a la Institución de una

herramienta tecnológica comunicativa, que le permita mejorar la

comunicación entre la comunidad normalista y promoverla a nivel

internacional, utilizando adecuadamente los recursos informáticos de

comunicación existentes, agilizar procesos académicos que faciliten el

quehacer pedagógico y fortalecer en los docentes habilidades y destrezas

para utilizar los medios tecnológicos informativos para la cualificación de su

trabajo y el perfeccionamiento de los procesos de formación pedagógica.

Con la implementación de este proyecto se busca beneficiar directamente a

la comunidad educativa normalista, ya que a través de él se crearán nuevos

lazos de contacto y relación con otras comunidades académicas y se hará

presencia a nivel mundial de los procesos que en ella se dan. Cumplirá con

una de las condiciones básicas de calidad establecidas en el decreto 4790

del Ministerio de Educación Nacional en su artículo 10, numeral 8. También,

de esta manera incursionará y utilizará los recursos comunicacionales

Page 16: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

16

tecnológicos modernos y al mismo tiempo permitirá mejorar el desempeño

institucional toda vez que tiene a su alcance medios de información y

comunicación ágiles y rápidos para el uso en ambientes tecnológicos de

comunicación interactiva.

La puesta en práctica de este proyecto permitirá a los alumnos tener un

mayor conocimiento de los procesos, proyectos y acontecimientos que

ocurren en su institución, aplicando los aprendizajes en cuanto a la

comunicación interactiva.

Page 17: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

17

3. OBJETIVOS

3.1. OBJETIVO GENERAL.

Diseñar e implementar un sitio Web mediante el uso de la herramienta

DREAM WEAVER para promocionar y fortalecer la comunicación y los

procesos de formación pedagógica de la Institución Educativa Escuela

Normal Superior de Corozal.

3.2. OBJETIVOS ESPECIFICOS.

Identificar, analizar y documentar tanto los requerimientos

básicos de comunicación de la comunidad educativa normalista

como la implementación de un recurso tecnológico moderno que

permita su cualificación.

Elaborar un prototipo de un sitio Web mediante la herramienta

DREAMWEAVER que permita mejorar la comunicación interactiva

en la Institución Educativa Escuela Normal Superior de Corozal.

Page 18: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

18

Implementar el sitio Web de la Institución educativa en el

internet para promocionar y fortalecer los procesos de formación

pedagógica de la institución normalista.

Page 19: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

19

4. MARCO REFERENCIAL

4.1. MARCO TEORICO

Actualmente es importante reconocer la importancia y el auge de los Sitios

Web para dar a conocer y difundir los procesos pedagógicos que se

adelantan en las instituciones educativas de un pueblo, país y el mundo,

como también para realizar a través de ellos intercambios educativos,

culturales, entre otros.

Un sitio web es un sitio (localización) en la World Wide Web que contiene

documentos (páginas web) organizados jerárquicamente. Cada documento

(página web) contiene texto y o gráficos que aparecen como información

digital en la pantalla de un ordenador. Un sitio puede contener una

combinación de gráficos, texto, audio, vídeo, y otros materiales dinámicos o

estáticos.

Cada sitio web tiene una página de inicio (en inglés Home Page), que es el

primer documento que ve el usuario cuando entra en el sitio web poniendo el

nombre del dominio de ese sitio web en un navegador. El sitio normalmente

tiene otros documentos (páginas web) adicionales. Cada sitio pertenece y es

gestionado y por un individuo, una compañía o una organización.

Page 20: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

20

Como medio, los sitios web son similares a las películas, a la televisión o a

las revistas, en que también crean y manipulan imágenes digitales y texto,

pero un sitio web es también un medio de comunicación. La diferencia

principal entre un sitio web y los medios tradicionales es que un sitio web

está en una red de ordenadores (Internet) y está codificado de manera que

permite que los usuarios interactúen con él.

Todos los sitios web públicamente accesibles constituyen una gigantesca

"World Wide Web" de información.

Los sitios web están escritos en HTML (Hyper Text Markup Language), o

dinámicamente convertidos a éste y se acceden usando un software llamado

navegador web, también conocido como un cliente HTTP. Los sitios web

pueden ser visualizados o accedidos desde un abanico de dispositivos con

disponibilidad de Internet como computadoras personales, computadores

portátiles, PDAs y teléfonos móviles.

Un sitio web está alojado en una computadora conocida como servidor web,

también llamada servidor HTTP, y estos términos también pueden referirse al

software que se ejecuta en esta computadora y que recupera y entrega las

páginas de un sitio web en respuesta a peticiones del usuario. Apache es el

programa más comúnmente usado como servidor web (según las

estadísticas de Netcraft) y el Internet Information Services (IIS) de Microsoft

también se usa comúnmente.

Page 21: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

21

Un sitio web estático es uno que tiene contenido que no se espera que

cambie frecuentemente y se mantiene manualmente por alguna persona o

personas que usan algún tipo de programa editor. Hay dos amplias

categorías de programas editores usados para este propósito que son:

Editores de texto como Notepad, donde el HTML se manipula

directamente en el programa editor o

Editores WYSIWYG como por ejemplo Microsoft FrontPage y Adobe

Dreanweaver, donde el sitio se edita usando una interfaz GUI y el

HTML subyacente se genera automáticamente con el programa editor.

Un sitio web dinámico es uno que puede tener cambios frecuentes en la

información. Cuando el servidor web recibe una petición para una

determinada página de un sitio web, la página se genera automáticamente

por el software como respuesta directa a la petición de la página; Por lo tanto

abriendo muchas posibilidades incluyendo por ejemplo: El sitio puede

mostrar el estado actual de un diálogo entre usuarios, monitorizar una

situación cambiante, o proporcionar información personalizada de alguna

manera a los requisitos del usuario individual.

El contenido estático puede también ser generado de manera dinámica

periódicamente o si ocurren ciertas condiciones para la regeneración para

evitar la pérdida de rendimiento de iniciar el motor dinámico para cada

usuario o para cada conexión.

Page 22: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

22

Hay plugins disponibles para navegadores, que se usan para mostrar

contenido activo como Flash, Shockwave o applets escritos en Java. El

HTML dinámico también proporciona para los usuarios interactividad y el

elemento de actualización en tiempo real entre páginas web , las páginas no

tienen que cargarse o recargarse para efectuar cualquier cambio),

principalmente usando el DOM y JavaScript, el soporte de los cuales está

integrado en la mayoría de navegadores web modernos.

Últimamente, dado el compromiso social de las comunidades se recomienda

que los Sitios Web cumplan unas normas de accesibilidad para que éstos,

puedan ser visitados y utilizados por el mayor número de personas posibles

independientemente de sus limitaciones físicas o las derivadas de su

entorno.

Existen muchas variedades de sitios web, cada uno especializándose en un

tipo particular de contenido o uso, y puede ser arbitrariamente clasificado de

muchas maneras. para este caso cabe destacar el sitio web educativos en

el cual se promueven procesos pedagógicos de formación a docentes,

estudiantes, ex alumnos, asistencia técnico pedagógica, permiten ver o

descargar políticas institucionales, eventos cultuales importantes del entorno

educativo, contenidos de asignaturas o temas , etc.

Para el diseño e implementación del sitio web, se utilizará la herramienta

Adobe Dreanweaver que es un editor WYSIWYG de páginas Web, creada

por Adobe (anteriormente por Macromedia). Es el programa de este tipo más

utilizado en el sector del diseño y la programación Web, por sus

Page 23: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

23

funcionalidades, su integración con otras herramientas como Adobe Flash y,

recientemente, por su soporte de los estándares del World Wide Web

Consortium. Su principal competidor es Microsoft Expression Web. Tiene

soporte tanto para edición de imágenes como para animación a través de su

integración con otras herramientas.

No obstante, Adobe ha aumentado el soporte CSS y otras maneras de

diseñar páginas sin tablas en versiones posteriores de la aplicación.

Dreanweaver permite al usuario utilizar la mayoría de los navegadores Web

instalados en su ordenador para previsualizar las páginas Web. También

dispone de herramientas de administración de sitios dirigidas a principiantes

como, por ejemplo, la habilidad de encontrar y reemplazar líneas de texto y

código por cualquier tipo de parámetro especificado, hasta el sitio Web

completo. El panel de comportamientos también permite crear JavaScript

básico sin conocimientos de código.

Un aspecto de alta consideración de Dreanweaver es su arquitectura

extensible. Es decir, permite el uso de "Extensiones". Las extensiones, tal y

como se conocen, son pequeños programas, que cualquier desarrollador

Web puede escribir (normalmente en HTML y Javascript) y que cualquiera

puede descargar e instalar, ofreciendo así funcionalidades añadidas a la

aplicación. Dreanweaver goza del apoyo de una gran comunidad de

desarrolladores de extensiones que hacen posible la disponibilidad de

extensiones gratuitas y de pago para la mayoría de las tareas de desarrollo

Web, que van desde simple efectos rollover hasta completas cartas de

compra.

Page 24: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

24

Otra herramienta multimedia es Adobe FLASH (hasta 2005 Macromedia

FLASH) o FLASH se refiere tanto al programa de edición multimedia como al

reproductor de SWF (Shockwave FLASH) Adobe Flash Player, escrito y

distribuido por Adobe, que utiliza gráficos vectoriales e imágenes ráster,

sonido, código de programa, flujo de vídeo y audio bidireccional (el flujo de

subida sólo está disponible si se usa conjuntamente con Macromedia Flash

Communication Server). En sentido estricto, Flash es el entorno y Flash

Player es el programa de máquina virtual utilizado para ejecutar los archivos

generados con Flash.

En versiones recientes, Macromedia ha ampliado Flash más allá de las

animaciones simples, convirtiéndolo en una herramienta de desarrollo

completa, para crear principalmente elementos multimedia e interactivos

para Internet.

Entre tanto Un sitio Web (en inglés: website) es un conjunto de páginas

Web, típicamente comunes a un dominio de Internet o subdominio en la

World Wide Web en Internet Una página Web es un documento

HTML/XHTML accesible generalmente mediante el protocolo HTTP de

Internet. Cada sitio Web contiene una página de inicio (en inglés Home

Page) que es el primer documento que ve el usuario cuando entra en el sitio

Web poniendo el nombre del dominio de este sitio Web en un navegador.

Al Ministerio de Comunicaciones le corresponde ejercer las funciones de

planeación, regulación y control de los servicios del sector de las

telecomunicaciones, en los servicios informáticos y de telemática, de los

servicios especializados de telecomunicaciones o servicios de valor

Page 25: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

25

agregado, de los servicios postales etc. de acuerdo al numeral 1 de la Ley 72

de 1989.

En Colombia, el acceso y uso de los mensajes de datos y el comercio

electrónico están regidos legalmente por la ley 527 de agosto 18 de 1999. A

partir de 1990 se establece de manera obligatoria para las instituciones

educativas, adoptar la informática en sus programas de estudio actualmente

es una exigencia por parte del Ministerio de Educación Nacional la

implementación de los sitios web en las instituciones educativas como

medio de comunicación interactiva en los procesos de formación integral.

La comunicación puede definirse como un fenómeno de carácter social que

comprende todos los actos mediante los cuales los seres vivos se comunican

con sus semejantes para transmitir o intercambiar información. Comunicar

significa poner en común e implica compartir.

La comunicación inicia con el surgimiento de la vida en nuestro planeta y su

desarrollo ha sido simultáneo al progreso de la humanidad. Se manifestó

primero a través de un lenguaje no verbal, evolucionando y complejizándose

conforme el hombre mismo evolucionaba.

Todos los días los seres vivos se comunican de diferentes maneras, pero

sólo los seres humanos podemos hacerlo racionalmente; llevando a cabo

infinidad de actividades, tales como: conversar, reír, llorar, leer, callar, ver

Page 26: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

26

televisión entre otras; por ello se dice que la comunicación humana es un

proceso:

Dinámico: porque está en continuo movimiento y no se limita a una

relación Emisor--->Receptor estático, pues los roles se intercambian.

Inevitable: Pues es imposible no comunicar, incluso el silencio

comunica.

Irreversible: porque una vez realizada, no puede regresar, borrarse o

ignorarse.

Bidireccional: porque existe una respuesta en ambas direcciones.

Verbal y no verbal: porque implica la utilización de ambos lenguajes -

en algunos casos.

La comunicación constituye una dimensión clave de la existencia humana.

Casi podríamos decir que la totalidad de nuestras actividades o son

comunicación directa o se asientan sobre algún hecho de comunicación.

Todo proceso de formación parte de un proceso de comunicación, por lo

tanto la formación pedagógica de una institución educativa debe estar

cimentada en instrumentos interactivos que permitan cambios en la forma de

trasmitir y recibir información y abra nuevas posibilidades de desarrollo

individual y colectivo supliendo necesidades de la comunidad y adecuando

a sus miembros al ritmo que marca la sociedad.

Se debe tener la convicción de que la escuela deber ser un espacio

movilizador de la capacidad intelectual, de la creatividad y del sentido

Page 27: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

27

innovador de sus conocimientos generados en ella al medio social en el que

se halla inserta.

Promover la utilización del sitio Web, como herramienta tecnológica con una

finalidad esencialmente pedagógica y de promoción , orientadora del "saber"

con el objeto de contribuir con el mejoramiento de la calidad de la Educación,

que permita a la persona, mediante el manejo de las nuevas tecnologías,

entender el mundo en que vive, comunicarse con él ,adaptarse activamente a

la sociedad y conscientes de que la comunicación es dinamizadora del

crecimiento y herramienta fundamental para el cambio y la transformación

social.

A través del sitio web se logra tener una comunicación dinámica e interactiva

donde el usuario pueda tener acceso e informarse rápida y eficazmente

acerca de los procesos que suceden en el interior de una comunidad.

4.2. MARCO CONCEPTUAL.

El sitio web que se diseñó como herramienta de comunicación interactiva

para promocionar y fortalecer los procesos de formación pedagógica de la

Institución Educativa Escuela Normal Superior de Corozal utilizando

Dreanweaver y estará conformado por:

a. Una página de inicio o home page, que a su vez incluye un sub menú:

Page 28: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

28

Un módulo desarrollado a través un banner dinámico, donde se

presenta el nombre de la institución, el escudo institucional y los

principios filosóficos: PEDAGOGIA, ÉTICA, CIENCIA Y

HUMANISMO, al igual que imágenes con efectos de flash

relacionadas con muestras de la población estudiantil y en la parte

inferior enlaces con entidades oficiales como:

Ministerio de Educación Nacional.

Colombia Aprende.

ICFES.

En el menú principal aparecerán las opciones:

Chat.

Blogs institucional.

Calendario académico.

Un primer módulo donde aparecerán los link o enlaces que son

elementos de un documento electrónico, que hace referencia a

otros recursos. Estos se desarrollan así:

Institucional, aquí se crean otros enlaces que

muestran:

La reseña histórica de la institución: Se refiere a :

Misión.

Visión.

Filosofía

Valores institucionales

Símbolos Institucionales

Page 29: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

29

En el primer enlace de este link (Reseña histórica de la institución) se

desarrolla un archivo de texto e imágenes con movimientos de los cambios

ocurridos en los espacios físicos de la institución.

En el segundo enlace (misión) se utiliza un archivo de texto alusivo a la

misión institucional acompañado con imágenes de la misma.

En el tercer enlace (Visión) se desarrolla mediante un archivo de texto e

imágenes de maestros en formación en sus actividades de práctica

pedagógica.

En el cuarto enlace (filosofía), se desarrolla mediante un archivo de texto e

imágenes de la comunidad educativa, donde se esbozan los principios

filosóficos de la institución.

En el quinto enlace se describirán los valores institucionales mediante un

archivo de texto con imágenes que guían el actuar de la comunidad

normalista.

El sexto enlace (símbolos institucionales) se presenta el himno de la

institución mediante un reproductor multimedia, el escudo y la bandera a

través de imágenes con efectos de animación.

EL segundo link llamado oferta académica consta de:

Un hipervínculo denominado niveles que a la vez

tiene otros enlaces que conducen a otra información:

Preescolar,

Básica primaria

Básica secundaria

Media académica

Page 30: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

30

ciclo complementario de formación superior.

El tercer link llamado P.E.I, mostrará a través de otros enlaces

los contenidos:

Componentes:

Conceptual

Administración y de gestión: comunidad educativa,

Gobierno escolar, Consejo Directivo, consejo

Académico, rector, ética de convivencia, cualificación del

personal.

Pedagógico: Marco conceptual, lineamientos curriculares

institucionales, fundamentación pedagógica desde el

enfoque crítico-social, estructura del currículo y plan de

estudios, núcleos interdisciplinares: del que se

despliegan un enlace por cada núcleo y las áreas

obligatorias y fundamentales afines que lo conforman

dando un orden coherente con los principios filosóficos

institucionales. También se utilizan imágenes con

movimientos alusivas a las actividades académicas

sobresalientes en la institución de cada una de las

disciplinas. Los núcleos se desarrollan por enlaces y con

el siguiente contenido:

Núcleo de pedagogía y práctica pedagógica.

Núcleo ético político y social.

Núcleo Ciencia y Tecnología.

Núcleo de humanismo y comunicación.

Núcleo lúdico expresivo.

Page 31: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

31

El primer contenido se presenta con un archivo de texto alusivo a la

definición del mismo y las disciplinas que lo conforman:

Educación y pedagógica

Investigación formativa.

Práctica pedagógica investigativa.

Psicología cognitiva

Procesos cognitivos,

Historia de la pedagogía y la educación.

Epistemología de la pedagogía

Antropología pedagógica.

Estrategias de la enseñanza y aprendizaje.

El segundo contenido se desarrolla mediante un archivo de texto

complementado con imágenes de transparencia. Aquí se describe a groso

modo la intención pedagógica del mismo y las disciplinas que de él hacen

parte:

Ciencias sociales.

Ciencias políticas y económicas.

Filosofía.

Sociología.

Religión.

Ética y valores

Democracia.

En el tercer contenido se utiliza un archivo de texto acompañado con

imágenes con efectos de movimiento y donde se esboza de manera general

el fin de este núcleo. También se presenta el listado de las disciplinas que lo

constituyen:

Page 32: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

32

Matemáticas.

Ciencias naturales.

Física.

Química.

Tecnología e informática.

El cuarto contenido se desarrolla mediante el uso de un archivo de texto e

imágenes en movimiento referidas a las actividades académicas que se

realizan en este núcleo y las disciplinas que lo integran:

Castellano.

Lecto - escritura.

Inglés.

El quinto y último contenido se desarrolla a través de un archivo de texto e

imágenes en movimiento, que muestran diversas actividades organizadas

por este núcleo con la participación de la comunidad educativa normalista

(Revista gimnástica, manualidades, juegos deportivos, etc.) y las disciplinas

que lo conforman:

Educación física y recreación.

Educación artística.

Proyección a la comunidad: aquí se enumerarán las

actividades que se desarrollan en éste componente.

El cuarto link del tercer módulo del sitio web se denomina servicios e

instalaciones y aparecerán los link o enlaces desarrollados así:

Biblioteca

Administración.

Pre escolar.

Page 33: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

33

Básica primaria.

Básica secundaria y media.

Ciclo complementario.

Tecnología:

Aula móvil.

Sala de bilingüismo.

Aula de informática.

Aula múltiple.

Cafetería.

Enfermería.

Comedor escolar.

Canchas deportivas

Aula de artística.

Laboratorios de química y física.

En cada uno de los anteriores contenidos se esboza la función de cada uno

de estas instalaciones y se desarrolla mediante el uso de un archivo de

texto correspondiente a cada instalación y sus respectivas imágenes con

efectos de movimientos de transparencia.

Proyectos y convenios. Es el quinto link de éste último módulo, el

cual se desarrolla utilizando un archivo de texto e imágenes y videos

de cada uno de los hipervínculos creados. Estos se refieren a:

Festival de acordeonistas, cantantes y compositores

estudiantiles.

Publicaciones.

Page 34: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

34

Programas radiales.

El sexto link o enlace se dedica a la ciudad de Corozal, donde se

encuentra ubicada la Institución Educativa Escuela Normal Superior

de Corozal. Este se desarrolla utilizando hipervínculos constituidos por

archivos de textos e imágenes con efectos de transparencia en PDF.

Estos hipervínculos son:

Reseña histórica.

Ubicación geográfica.

Sitios de interés.

Actividades productivas.

Festividades.

Patrimonio cultural.

El sitio web de la Institución Educativa Escuela Normal superior de Corozal

además de buscar la promoción y el fortalecimiento de los procesos de

formación pedagógica de la comunidad educativa está orientado hacia el

mejoramiento de los procesos de comunicación en el contexto de las

relaciones académicas, sociales, pedagógicas y culturales de los estamentos

educativos que lo integran, por lo que es claro que la comunicación se

constituye en parte importante de la base organizativa de la sociedad actual

y fortalece La calidad de vida de las personas que pertenecen a ese entorno.

A través de los medios interactivos de comunicación se genera o se trasmite

variada e interesante información que circula por el mundo. El proceso de

comunicación como tal necesita de medios que puedan hacerla efectiva y

llegue la información a lugares lejanos de forma inmediata Los medios de

Page 35: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

35

comunicación, de igual manera, hacen posible que muchas relaciones

personales se mantengan unidas o, por lo menos, no desaparezcan por

completo. La Institución Educativa Escuela Normal Superior de Corozal está

iniciando su proceso de comunicación interactiva utilizando medios de

comunicación digitales a través de los cuales ha hecho aportes significativos

a la comunidad académica desde su el enfoque pedagógico, enriqueciendo

los procesos de enseñanza- aprendizaje, pero sería de mayor impacto en la

sociedad si utiliza adecuadamente los medios tecnológicos y de

comunicación interactiva y capacita a los miembros de su comunidad para el

perfeccionamiento de la aplicación en el campo donde se desenvuelven,

como lo contempla el decreto condiciones básicas de calidad establecidas en

el decreto 4790 del Ministerio de Educación Nacional en su artículo 10,

numeral 8”.

4.3. MARCO CONTEXTUAL

La Institución educativa Escuela Normal Superior de Corozal es un

establecimiento público que ofrece los niveles de preescolar, básica

primaria, básica secundaria, media académica y ciclo complementario de

formación docente, administrada por la secretaría de educación

departamental, ubicada en la siguiente dirección: Calle 32 número 30-30.

La Escuela Normal Superior de Corozal es una institución educativa que

atiende formación inicial de maestros para el ejercicio de la docencia en el

nivel de Preescolar y el ciclo de básica primaria, desarrolla su proceso

educativo fundamentado en la pedagogía con orientación crítico – social,

Page 36: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

36

para formar ciudadanos con sentido humanista, crítico, analítico, autónomo y

reflexivos que desempeñen con idoneidad su labor profesional.

Los principios filosóficos que orientan el ejercicio de la educación en la

institución son:

Antropológicos: El hombre y la mujer son seres humanos en

permanente proceso de mutua construcción de sujetos culturales, que

controvierten, critican, crean y transforma su contexto socio cultural

para propiciar ambientes y generarse espacios para el crecimiento

social y personal.

Epistemológicos: El conocimiento constituye la manera de

representarse, acercarse y construirse representaciones conceptuales

de la realidad, y una forma muy especial para constituir las ciencias,

muy a pesar de los diversos modos de pensarlas.

Axiológicos: El hombre y la mujer tienen la misma perspectiva,

el derecho y el deber de generar sus propias dimensiones éticas para

la convivencia y la dignidad social humana sobre la base de una visión

crítica de sus relaciones.

La Escuela Normal Superior de Corozal, fue creada por la ordenanza de la

asamblea del departamento de Bolívar en el año de 1946 e inicia sus

labores a principios de 1947, como institución formadora de maestros, en la

ciudad de Turbaco con 81 alumnos.

Al finalizar ese año la Escuela Normal se traslada a la ciudad de Corozal. En

el año de 1949 abre sus puertas en esta ciudad. Entre su reapertura y 1953,

Page 37: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

37

época de transición, acomodación organizacional, cambio de rectores y

problemas económicos, ocurren dos hechos de vital importancia para la

institución: Primero se logra su nacionalización y al finalizar el mes de

noviembre de 1953 la entrega a la ciudadanía de Corozal los primeros once

graduandos.

Para 1959 la Escuela Normal Superior de Corozal ha conquistado en la

región un espacio en el ámbito de la formación de maestros, por lo que las

instalaciones locativas, eran insuficientes para el momento histórico. Este

fenómeno sugirió la idea de conseguir nuevos terrenos para la construcción

de una nueva planta física, que permitiera además del ejercicio docente, el

de internado. Fue así como personajes prestantes de la ciudad, se

organizaron y transfirieron a título gratuito a favor de la nación un lote de

cinco hectáreas para la construcción del nuevo edificio.

Luego de un período de nueve años, el aporte de la ciudadanía y del

Gobierno Central se hizo realidad la construcción de la planta física.

La edificación se inaugura el cinco de octubre de 1971 e inicia labores en

febrero del siguiente año, bajo la dirección del Licenciado Luís Almanza

Martínez, quien en compañía de un selecto grupo de profesores conduce a la

institución a conseguir uno de los niveles de formación pedagógica más

importantes de su historia.

A mediados de 1976, luego de algunos disturbios estudiantiles ocasionados

por el cambio de rector, falta de profesores, exceso de estudiantes, aulas

insuficientes, la institución es cerrada por el Ministerio de Educación Nacional

Page 38: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

38

en el mes de Julio. Reinicia labores en febrero de 1977, previa

reestructuración del personal docente al igual que un gran número de

estudiantes.

En adelante las promociones se han sucedido a través de los años sin

ningún tipo de interrupciones.

En el año de 1995 se inició el proceso de reestructuración de la Escuela

Normal Superior de Varones de Corozal para convertirse en Escuela Normal

Superior donde se ha favorecido la integración pedagógica de la institución

sobre la base de alcanzar la excelencia académica, idea que ha tomado

fuerza, si se tiene en cuenta, no solo el hecho de propiciar la investigación

educativa, sino la producción de saberes pedagógicos que permitan formar

un maestro superior acorde con las exigencias sociales y de desarrollo

educativo de la región y la nación.

La Escuela Normal Superior de Corozal, ha ofrecido en el ciclo

complementario los énfasis de Lengua Castellana y Ciencias Naturales.

También, la visita externa con fines de acreditación de calidad y desarrollo se

produjo del 13 al 17 de Octubre de 2003 otorgándole una valoración general

de Sobresaliente.

Page 39: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

39

El Ministerio de Educación Nacional mediante resolución número 3155 del

10 de Diciembre de 2.003, resuelve en su artículo primero: “Acreditar por

término de cinco (5) años contados a partir de la fecha de expedición de la

presente resolución. La escuela Normal Superior de Corozal, municipio de

Corozal, Departamento de Sucre, y los programas académicos de formación

docente que ofrece”. 13

La Institución Educativa Escuela Normal Superior de Corozal, atiende

población de los estratos 1 al 3 provenientes en su mayoría de la zona

urbana y un porcentaje menor de la zona rural específicamente de los

corregimientos aledaños del municipio.

En la actualidad se encuentran matriculados en la institución un promedio de

2.590 alumnos distribuidos en los diferentes niveles de educación que la

escuela ofrece.

La institución cuenta 95 docentes de los cuales solo dos son bachilleres

pedagogos y 93 son licenciados, quienes cada día propenden por la

cualificación de su práctica pedagógica demostrado en el gran número de

especialistas en las distintas áreas del conocimiento y algunos adelantan

estudios de maestrías.

13 Ministerio de Educación Nacional. Resolución número 3155 del 10 de Diciembre de 2.003.

Artículo primero.

Page 40: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

40

La planta de personal administrativo está integrada por 10 personas entre los

cuales se encuentra: Una secretaria, auxiliares, bibliotecarias, pagador y

personal de servicios de aseo y celaduría.

Para el desarrollo de este proyecto la institución cuenta con recursos

tecnológicos como: Salas de informática con 24 computadores, dotadas del

servicio de Internet las 24 horas, Un aula móvil conformada por 18

computadores portátiles.

También se cuenta con el apoyo del consejo directivo para designar los

recursos económicos que garanticen el pago oportuno del dominio y

mantener el sitio web activo.

Además la Institución cuenta con un número aceptable de docentes con

blogs y a través de ellos publican documentos interesantes de sus

experiencias pedagógicas los cuales alimentarán posteriormente el sitio web

normalista.

4.4 MARCO METODOLÓGICO

4.4.1 Tipo De Investigación

La línea de investigación para desarrollar este proyecto es la investigación

tecnológica aplicada entendida ésta, como aquella que genera conocimientos

Page 41: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

41

o métodos dirigidos al sector productivo de bienes y servicios, ya sea con el

fin de mejorarlo y hacerlo más eficiente, o con el fin de obtener productos

nuevos y competitivos en dicho sector. También puede concebirse como el

tipo de estudios científicos orientados a resolver problemas de la vida

cotidiana o a controlar situaciones prácticas. Además es un instrumento para

poder resolver problemas de la sociedad, la ciencia y tecnología tienen como

causas las necesidades de que el ser humano viva con más comodidad y

seguridad. Por todo lo anterior este tipo de investigación es necesaria para

impulsar el desarrollo del mundo, de un país y una comunidad en particular.

El fundamento epistemológico de la investigación aplicada está en la base

de distinciones tales como "Saber y Hacer", "Verdad y Acción", "Know-what y

Know-How", "Conocimiento y Práctica", "Explicación y Aplicación", "Verdad y

Eficiencia", etc.

La idea de fondo está en las relaciones de utilidad del conocimiento,

considerando que la función elemental del conocimiento en los organismos

va estrechamente asociada a sus necesidades de subsistencia mediante

mecanismos de adaptación al medio y control del mismo. Aunque el

pragmatismo filosófico explotó hasta sus límites la noción de 'utilidad' como

criterio máximo de 'verdad', ninguna otra posición en la filosofía reciente

niega esa función esencial.

Este tipo de investigación es emprendida para adquirir nuevos

conocimientos, está orientada a conseguir un logro específico práctico en

particular. Los resultados de esta investigación tienen como fin ser válidos

Page 42: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

42

para fabricar un producto, concebir un proceso productivo, que dé lugar a un

nuevo método o a configurar un sistema.

También puede dar origen a una invención o a una innovación o mejorar un

determinado producto o proceso.

Mediante la aplicación de la investigación aplicada, se abren las posibilidades

de crear nuevas ideas científicas que hagan aportes significativos a la

humanidad desde cualquier ámbito.

4.4.2 Tipo De Aplicación De Software Diseñado

El tipo de aplicativo a desarrollar a través de éste proyecto es el sitio web. A

través de la implementación de esta aplicación se pretende promocionar y

fortalecer los procesos de formación pedagógica que suceden en el interior

de la Institución Normal Superior de Corozal para darla a conocer no solo en

el ámbito regional sino también en el nacional, además mejorar los procesos

de comunicación mediante el uso del medio tecnológico como lo es la

internet.

El diseño de este sitio está enfocado al uso de la comunidad educativa

normalista, la comunidad circundante y el país en general.

Page 43: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

43

Para el desarrollo de esta aplicación se utilizará la herramienta Adobe Dream

weaver, la cuál será útil para la creación de este sitio, ya que proporciona

una combinación de herramientas visuales y auditivas que hacen que éste

sea más llamativo. La versión es CS4, El software de ésta herramienta

pertenece a Adobe Systems y su tipo de licenciamiento es no libre.

Esta herramienta será utilizada:

En la creación de hipervínculos.

En el diseño gráfico de las interfaces.

En las aplicaciones Web dinámicas.

Para reproducir imágenes en flash.

En la reproducción de audio.

En la reproducción de imágenes con transparencia.

4.4.3 Técnicas De Recolección De La Información

Para recolectar la información que permitiera la validación de esta propuesta

se utilizó la encuesta, la cual consiste en obtener información de los

sujetos de estudio, proporcionada por ellos mismos, sobre opiniones,

actitudes o sugerencias. Hay dos maneras de obtener información con este

método: la entrevista y el cuestionario, aplicando en este caso el segundo de

manera individual, para la que se elaboró una encuesta como instrumento de

estudio (Ver Anexos A y B).

Page 44: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

44

4.4.4 Análisis De Datos

4.4.3.1 Tablas

1. ¿Posee computador con acceso a internet en su lugar de trabajo o en casa?

Variable Muestra Frecuencia Porcentaje

Si 70 40 57%

No 70 30 43%

2. ¿Utilizas con frecuencia el internet en tu sitio de trabajo o en tu casa?

Variable Muestra Frecuencia Porcentaje

Si 70 40 57%

No 70 30 43%

3. ¿Crees que existen diferencias entre un sitio web y una página web?

El sitio Web ofrece

interacción y servicios 49 11

22,45%

No 70 21 30%

No sabe 21 18 85,71%

Ninguna 21 3 14,29%

Page 45: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

45

4¿Consideras necesario la implementación de un sitio web en nuestra institución como medio de información?

Variable Muestr

a Frecuencia Porcentaje

Si 70 69 98,57%

No 70 1 1,43%

5. ¿Te gustaría acceder a la información de nuestra Institución Educativa por medio de internet?

Variable Muestr

a Frecuencia Porcentaje

Si 70 69 100%

No 70 1 0%

6. ¿Crees que mediante la implementación del sitio Web de La Institución mejoraría la comunicación con la comunidad?

Variable Muestr

a Frecuencia Porcentaje

Si 70 69 98,57%

No 70 1 1,43%

7. ¿Has difundido algún documento, experiencia pedagógica, proyectos pedagógicos u otros a través de Internet?

Page 46: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

46

8. ¿Te gustaría publicar tus experiencias pedagógicas a través del sitio web Normalista?

9. ¿Al momento de diseñar el sitio web normalista, que aspectos de la institución consideras que deben mostrarse en este?

Variable Aspectos Muestra Frecuencia Porcentaje

Histórica 70 23 32,86%

Normatividad 70 2 2,86%

Experiencias pedagógicas 70 5 7,14%

Plan de Estudio 70 10 14,29%

Proyección a la Comunidad 70 6 8,57%

P.E.I 70 15 21,43%

Eventos Culturales y Recreativos

70 4 5,71%

Núcleos Disciplinares 70 5 7,14%

Page 47: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

47

4.4.3.2 Representación gráfica de datos

1. ¿Posee computador con acceso a internet en su lugar de trabajo o en

casa?

2. ¿Utilizas con frecuencia el internet en tu sitio de trabajo o en tu casa?

3. ¿Crees que existen diferencias entre un sitio web y una página web?

Page 48: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

48

4. ¿Consideras necesario la implementación de un sitio web en nuestra

institución como medio de información?

5. ¿Te gustaría acceder a la información de nuestra Institución Educativa por medio de internet?

6. ¿Crees que mediante la implementación del sitio Web de La

Institución mejoraría la comunicación con la comunidad?

Page 49: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

49

7. ¿Has difundido algún documento, experiencia pedagógica, proyectos

pedagógicos u otros a través de Internet?

8. ¿Te gustaría publicar tus experiencias pedagógicas a través del sitio

web Normalista?

Page 50: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

50

9. ¿Al momento de diseñar el sitio web normalista, que aspectos de la

institución consideras que deben mostrarse en este?

4.4.3.3 Análisis estadístico de datos.

A través de las tablas y la representación gráfica de los datos obtenidos, se

evidencia que el 57% de la muestra poblacional encuestada poseen un

computador en casa o en su lugar de trabajo, y de éstos el 43% tienen

acceso a internet, también se observa que el 70% de esta muestra tiene

saberes previos sobre las diferencias existentes entre una página web y un

sitio web. Estos conceptúan que el sitio web contiene información

generalizada y ofrece espacios para interactuar con diferentes comunidades.

Mientras que el 30% de los encuestados considera que no hay ninguna

diferencia o no saben acerca de las diferencias existentes entre éstos.

De acuerdo a la información obtenida el 98.57% de la población considera

necesario la implementación de un sitio web en la Institución Educativa

Escuela Normal Superior de Corozal, porque a través de éste se logra tener

Page 51: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

51

una comunicación permanente y la información circula más rápidamente

entre la comunidad, además permite compartir las experiencias pedagógicas

e investigativas al tiempo que éstas se retroalimentan, y por último; la

escuela utilizaría los medios de comunicación tecnológicos actuales para

ofrecer la sistematización y oferta de los servicios educativos. Es importante

anotar que un 98.57%los integrantes de la comunidad educativa Normalista

le gustaría acceder a la información referida a la institución, porque además

de lograr una comunicación interactiva, permite estar a tono con los retos que

impone la sociedad del conocimiento. De acuerdo a los resultados de la

encuesta el 98.57% considera que mediante la implementación de un sitio

web en la Institución Educativa Escuela Normal Superior de Corozal,

mejoraría la comunicación entre la comunidad educativa porque se puede

tener acceso a ella en todo momento y desde cualquier lugar, conocer los

cambios en ella y hacer aportes significativos para el crecimiento

institucional.

Según el análisis de la información recolectada, el 31.4% de los encuestados

han realizado publicaciones en internet, relacionadas con experiencias

pedagógicas siendo utilizados los blogs en un 90.9%. Además el 98.57% de

los creadores de éstas publicaciones les gustaría publicarlos a través de un

sitio institucional y así contribuir con sus aportes al crecimiento y promoción a

nivel nacional de la comunidad académica normalista. En la encuesta

aplicada se consultó acerca de los aspectos que la comunidad normalista

considera necesaria su difusión a través del sitio web. Estos aspectos son:

Reseña histórica 32.86%. PEI 21.43%. Plan de estudios 14.29%. Proyección

a la comunidad 8.57%. Experiencias pedagógicas 7.14%. Núcleos

interdisciplinares 7.14%. Eventos culturales y recreativos 5.71% .La

normatividad 2.86%.

Page 52: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

52

4.4.3.4 Conclusiones de análisis

Según el análisis anterior, se concluye la necesidad que tiene la Institución

Educativa Escuela Normal Superior de Corozal de implementar un sitio web

que contribuya al fortalecimiento de la comunicación entre la comunidad

educativa y al mismo tiempo permitirle a otras comunidades el conocimiento

del quehacer pedagógico de ésta. También cumple con las exigencias de la

era actual en cuanto a la incorporación de las nuevas tecnologías en el

proceso de las prácticas pedagógicas para acercar el desarrollo de las

competencias sobre todo de los estudiantes a las dinámicas del mundo

contemporáneo.

4.4.4 Objetivos Del Diseño

4.4.4.1 Objetivo técnico

Elaborar e implementar herramientas tecnológicas de

comunicación interactivas modernas en la Institución Educativa

Escuela Normal Superior de Corozal.

4.4.4.2 Objetivo pedagógico

Promocionar y fortalecer los procesos de comunicación y

formación pedagógica de la Institución Educativa Escuela Normal

Superior de Corozal en el contexto regional y nacional.

Page 53: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

53

4.4.5 EVIDENCIAS DEL DISEÑO

4.4.5.1 Mapa de contenido

INSTITUCIÓN EDUCATIVA ESCUELA NORMAL SUPERIOR DE COROZAL

Institucional

Reseña histórica

Misión

Visión

Filosofía

Valores institucionales

Símbolos institucionales

Oferta académica

Niveles

Preescolar

Básica primaria

Básica secundaria

Media académica

Ciclo complementario

P E I

Componentes

Conceptual

Administrativo y de gestión

Pedagógico

Proyección a la comunidad

Pedagogía y práctica pedagógica

Ético político

Ciencia y tecnología

Lúdico expresivo

Núcleos

Servicios e instalaciones

Administración

Biblioteca

Preescolar

Básica primaria

Básica secundaria

Media académica

Ciclo complementario

Tecnología

Aula móvil

Aula de bilingüismo

Aula de informática

Aula múltiple

Cafetería

Enfermería

Comedor escolar

Laboratorio de química y física

Aula de artística

Canchas deportivas

Proyectos y convenios

Festival de Acordeonistas

Publicaciones:

Círculo pedagógico

Cartilla Imanar

Programa radial

Corozal

Reseña histórica

Sitios de interés

Actividades productivas

Festividades

Patrimonio cultural

Page 54: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

54

4.4.5.2 Mapa de navegación

CONVENCIONES

Texto Sonido

Fotografía Dibujo

Link Video

Animación Ir sin Volver

Ir y Volver

Page 55: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

55

4.4.5.3 Diseño De Interfaces

Interfaz y Guión

Interfaz No. 1

Page 56: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

56

Guión de interfaz N° 1

Interfaz No. 2

NO. OBJETO ESTADO INICIAL EVENTO ACCIÓN FUENTE

1 BANNER (TÍTULO DE LA INSTITUCIÓN ACTIVO POR TIEMPO

MOVIMIENTO

2 MENÚ (BOTONES) ACTIVO CLICK CLICK USUARIO

3 GRÁFICO NO ACTIVO NINGUNO NINGUNO

4 TEXTO NO ACTIVO NINGUNO NINGUNO

Page 57: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

57

Guión de interfaz N° 2

Interfaz No. 3

NO. OBJETO ESTADO INICIAL

EVENTO ACCIÓN FUENTE

1 BANNER (TÍTULO DE LA INSTITUCIÓN ACTIVO POR TIEMPO MOVIMIENTO

2 MENÚ (BOTONES) ACTIVO CLICK CLICK USUARIO

3 GRÁFICO NO ACTIVO NINGUNO NINGUNO

4 TEXTO NO ACTIVO NINGUNO NINGUNO

Page 58: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

58

Guión de interfaz N° 3

Interfaz No. 4

NO. OBJETO ESTADO INICIAL EVENTO ACCIÓN FUENTE

1 BANNER (TÍTULO DE LA INSTITUCIÓN

ACTIVO POR TIEMPO MOVIMIENTO

2 MENÚ (BOTONES) ACTIVO CLICK CLICK USUARIO

3 GRÁFICO NO ACTIVO NINGUNO NINGUNO

4 TEXTO NO ACTIVO NINGUNO NINGUNO

Page 59: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

59

Guión de interfaz N° 4

Interfaz No. 5

NO. OBJETO ESTADO INICIAL EVENTO ACCIÓN FUENTE

1 BANNER (TÍTULO DE LA INSTITUCIÓN

ACTIVO POR TIEMPO MOVIMIENTO

2 MENÚ (BOTONES) ACTIVO CLICK CLICK USUARIO

3 GRÁFICO NO ACTIVO NINGUNO NINGUNO

4 TEXTO NO ACTIVO NINGUNO NINGUNO

Page 60: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

60

Guión de interfaz N° 5

NO. OBJETO ESTADO INICIAL EVENTO ACCIÓN FUENTE

1 BANNER (TÍTULO DE LA INSTITUCIÓN

ACTIVO POR TIEMPO MOVIMIENTO

2 MENÚ (BOTONES) ACTIVO CLICK CLICK USUARIO

3 GRÁFICO NO ACTIVO NINGUNO NINGUNO

4 TEXTO NO ACTIVO NINGUNO NINGUNO

Interfaz No. 6

Page 61: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

61

Guión de interfaz N° 6

NO.

OBJETO ESTADO INICIAL EVENTO ACCIÓN FUENTE

1 BANNER (TÍTULO DE LA INSTITUCIÓN

ACTIVO POR TIEMPO MOVIMIENTO

2 MENÚ (BOTONES) ACTIVO CLICK CLICK USUARIO

3 GRÁFICO NO ACTIVO NINGUNO NINGUNO

4 TEXTO NO ACTIVO NINGUNO NINGUNO

Page 62: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

62

BIBLIOGRAFÍA

*MINISTERIO DE EDUCACIÓN NACIONAL Ley general de educación. Ley

115 DE 1994.

*MINISTERIO DE EDUCACIÓN NACIONAL Decreto 4790, articulo 3, punto

6, criterios de calidad

*ESCUELA NORMAL SUPERIOR DE COROZAL. Proyecto Educativo

Institucional. Ficha de registro ante secretaría de Educación: Año 2008.

Padrón G. José. Base de Conceptos de “investigación aplicada” (o

investigación aplicativa o aplicaciones). Caracas mayo 2 de 2006. Internet.

Fecha de consulta 19 de Mayo de 2009.

Page 63: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

63

8. ANEXOS

Page 64: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

64

ANEXO A

Page 65: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

65

ENCUESTA – FICHA TECNICA

PROPÓSITO: recolectar información entre los miembros de la comunidad

Educativa Normalista que permita realizar un diagnóstico sobre la necesidad

que tiene la institución de diseñar e implementar un sitio web como

instrumento tecnológico para mejorar la comunicación.

POBLACIÓN: Está dirigida a directivos docentes, docentes, alumnos del nivel

medio y formación superior y egresados de la Institución Educativa Escuela

Normal Superior de Corozal.

MUESTRA: Será aplicada al 100% de los directivos docentes, al 30% de los

docentes al 20% de los alumnos del nivel de formación superior y al 10% de

los egresados de la institución.

MARGEN DE ERROR: será entre 1 Y 5%

FECHA DE APLICACIÓN: 13 al 17 de Abril 2009.

Page 66: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

66

ANEXOS: B

Page 67: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

67

FORMATO DE ENCUESTA

Objetivo: Identificar el uso de medios y herramientas tecnológicas entre los miembros de la comunidad educativa.

1. ¿Posee computador con acceso a Internet en su lugar de trabajo o en

casa? Sí___ No___

2. ¿Utilizas frecuentemente Internet en casa o en tu sito de trabajo?

Sí___ No___

Objetivo: identificar el conocimiento que tienen los miembros de la comunidad

educativa acerca de los aplicativos más actualizados en el ámbito tecnológico y

de comunicación.

3. ¿Crees que existen diferencias entre un sitio Web y una página Web

Si ______ No ______

Escríbelas

____________________________________________________________

___________________________________________________________

4. ¿consideras necesario la implementación de un sitio web en nuestra

institución como medio de información? Si_________ No _____

¿Por qué?

___________________________________________________________

5. ¿Te gustaría acceder a la información de nuestra Institución Educativa por

medio de internet? Si___ No___

Page 68: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

68

6. ¿Crees que mediante la implementación del sitio Web de La Institución

mejoraría la comunicación con la comunidad?

Si___ No___

Objetivo: Conocer las experiencias pedagógicas difundidas a través de un

medio interactivo de comunicación de los diferentes miembros de la comunidad

educativa normalista.

7. ¿Has difundido algún documento, experiencia pedagógica, proyectos

pedagógicos u otros a través de Internet?

En caso de una respuesta positiva escribe la dirección donde se encuentra alojada.

Sí____ No_____

¿Cuál? _______________________________________________________________

_______________________________________________________________

8. ¿Te gustaría publicar tus experiencias pedagógicas a través del sitio web

Normalista? Si___________ No ________________ ¿Por qué?

_______________________________________________________________

9. ¿Al momento de diseñar el sitio web normalista, que aspectos de la

institución consideras que deben mostrarse en este? Escríbelos

_______________________________________________________________

_______________________________________________________________

Page 69: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

69

ANEXO C

Page 70: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

70

MATRIZ DE PLANEACIÓN DE OBJETIVOS

A. Diseñar un sitio Web.

TAREA ACTIVIDADES RESPONSABLES FECHA DE

EJECUCIÓN

Diagnóstico Encuesta Betty Medrano

Maricely Villalba

13 al 17 de Abril 2009

Identificación y requerimientos

de la comunicad educativa.

Tabulación de la información

Betty Medrano

Maricely Villalba

13 al 17 de Abril 2009

Representación gráfica del sitio

web

Diseño de mapa de contenido

Diseño mapa de navegación

Diseño interfaces y

guiones

Betty Medrano

Maricely Villalba 20 al 25 de Abril

Page 71: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

71

B. Elaborar el sitio web

TAREA ACTIVIDADES RESPONSABLES FECHA DE

EJECUCIÓN

Selección de plataforma y herramienta informática.

Instalación de Dreanweaver y

Flash como herramienta de

desarrollo

Betty Medrano

Maricely Villalba

28 al 30 de Abril

Estructuración del árbol link

Selección de plantillas para

estandarizar las páginas del sitio

web.

Betty Medrano

Maricely Villalba

5 al 8 de Mayo

Selección de textos e

imágenes del sitio web.

Elaboración de los archivos del sitio

web.

Betty Medrano

Maricely Villalba

Selección de alojamiento de

sitio web

Seleccionar hostin y dominio

adecuado para el alojamiento del

sitio web

Betty Medrano

Maricely Villalba

Page 72: 1 DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB COMO MEDIO ...

72

C. Implementar el sitio web

TAREA ACTIVIDADES RESPONSABLES FECHA DE

EJECUCIÓN

Instalación del sitio web

Instalar el sitio Web en el servidor

Betty Medrano

Maricely Villalba

Pruebas y ajustes del sitio

web

Comprobar la funcionabilidad del sitio web y

realizar los ajustes pertinentes.

Betty Medrano

Maricely Villalba

Elaboración manual del

usuario.

Socializar a la comunidad

educativa el manual de usuario

Betty Medrano

Maricely Villalba