Documentos de Académico
Documentos de Profesional
Documentos de Cultura
COROZAL – SUCRE
2009
1
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
Tutor:
Ingrid Álvarez
FACULTAD DE EDUCACIÓN
COROZAL – SUCRE
2009
2
DEDICATORIA
fuerza,
Betty y Maricely
3
AGRADECIMIENTOS
4
CONTENIDO
Pág.
LISTA DE ANEXOS 8
INTRODUCCIÓN 10
1.2. ANTECEDENTES 12
2. JUSTIFICACIÓN 17
3. OBJETIVOS 18
3.1. GENERAL 19
4. MARCO REFERENCIAL 20
5
4.4.1. Tipo De Investigación 43
4.4.6.1. Técnicos 53
4.4.6.2. Pedagógicos 53
7. BIBLIOGRAFÍA 63
8. ANEXOS 64
6
LISTA DE ANEXOS
Pág.
7
GLOSARIO
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
8
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.
9
1. PLANTEAMIENTO DEL PROBLEMA.
10
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
1
Recreación y lúdica académica.blogspot.com/2009/02.
Mayo 13.
3
Mediateca-E.N.S.C.www.colombiaaprende.edu.
11
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.
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 -
12
Wikipedia la enciclopedia libre PLINIO LAMBRAÑO FLOREZ: docente
normalista, pintor y escultor reconocido regional y nacionalmente11.
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
13
2. JUSTIFICACION.
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.
14
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.
15
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.
16
3. OBJETIVOS
17
Implementar el sitio Web de la Institución educativa en el
18
4. MARCO REFERENCIAL
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.
19
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.
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.
20
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:
21
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.
22
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.
23
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.
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
25
televisión entre otras; por ello se dice que la comunicación humana es un
proceso:
26
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.
a. Una página de inicio o home page, que a su vez incluye un sub menú:
27
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.
Chat.
Blogs institucional.
Calendario académico.
28
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.
Preescolar,
Básica primaria
Básica secundaria
Media académica
29
ciclo complementario de formación superior.
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:
30
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.
Ciencias sociales.
Ciencias políticas y económicas.
Filosofía.
Sociología.
Religión.
Ética y valores
Democracia.
31
Matemáticas.
Ciencias naturales.
Física.
Química.
Tecnología e informática.
Castellano.
Lecto - escritura.
Inglés.
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.
32
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.
Publicaciones.
33
Programas radiales.
Reseña histórica.
Ubicación geográfica.
Sitios de interés.
Actividades productivas.
Festividades.
Patrimonio cultural.
38
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
13
Ministerio de Educación Nacional. Resolución número 3155 del 10 de Diciembre de 2.003.
Artículo primero.
39
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.
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.
40
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.
41
para fabricar un producto, concebir un proceso productivo, que dé lugar a un
nuevo método o a configurar un sistema.
42
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.
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.
43
4.4.4 Análisis De Datos
4.4.3.1 Tablas
3. ¿Crees que existen diferencias entre un sitio web y una página web?
22,
El sitio Web ofrece
49 11 45
interacción y servicios
%
85,
No sabe 21 18 71
%
No 70 21 30%
14,
Ninguna 21 3 29
%
44
4¿Consideras necesario la implementación de un sitio web en nuestra
institución como medio de información?
Muestr
Variable Frecuencia Porcentaje
a
Si 70 69 98,57%
No 70 1 1,43%
Muestr
Variable Frecuencia Porcentaje
a
Si 70 69 100%
No 70 1 0%
Muestr
Variable Frecuencia Porcentaje
a
Si 70 69 98,57%
No 70 1 1,43%
45
8. ¿Te gustaría publicar tus experiencias pedagógicas a través
del sitio web Normalista?
46
4.4.3.2 Representación gráfica de datos
3. ¿Crees que existen diferencias entre un sitio web y una página web?
47
4. ¿Consideras necesario la implementación de un sitio web en nuestra
institución como medio de información?
48
7. ¿Has difundido algún documento, experiencia pedagógica, proyectos
pedagógicos u otros a través de Internet?
49
9. ¿Al momento de diseñar el sitio web normalista, que aspectos de la
institución consideras que deben mostrarse en este?
52
4.4.5 EVIDENCIAS DEL DISEÑO
Reseña Administració
histórica Niveles Componente Festival de Reseña
n
s Acordeonista histórica
s
Biblioteca
Misión
Preescolar Conceptual Publicaciones
Preescolar : Sitios de
interés
Visión Básica
primaria Administrativ Básica Círculo
o y de primaria pedagógico Actividades
gestión productivas
Básica
Filosofía Básica
secundaria
secundaria Programa
Cartilla
Pedagógico Núcle
radial
Imanar
os
Media
Media académica Festividades
Valores académica
institucional
es Proyección a Pedagogía y Ciclo
la comunidad práctica complementa
Ciclo pedagógica Patrimonio
complementa rio Aula móvil
Símbolos cultural
rio
institucional
es Ético político
Aula de
Tecnología bilingüismo
Aula de
Ciencia y informática
tecnología Aula múltiple
Lúdico
expresivo Cafetería
Enfermería
Comedor
escolar
Canchas
deportivas
Aula de
artística
Laboratorio
de química y
física
53
4.4.5.2 Mapa de navegación
CONVENCIONES
Texto Sonido
Fotografía Dibujo
Link Video
Ir y Volver
54
4.4.5.3 Diseño De Interfaces
Interfaz y Guión
Interfaz No. 1
55
Guión de interfaz N° 1
Interfaz No. 2
56
Guión de interfaz N° 2
Interfaz No. 3
57
Guión de interfaz N° 3
Interfaz No. 4
58
Guión de interfaz N° 4
Interfaz No. 5
59
Guión de interfaz N° 5
Interfaz No. 6
60
Guión de interfaz N° 6
61
BIBLIOGRAFÍA
115 DE 1994.
62
8. ANEXOS
63
ANEXO A
64
ENCUESTA – FICHA TECNICA
65
ANEXOS: B
66
FORMATO DE ENCUESTA
3. ¿Crees que existen diferencias entre un sitio Web y una página Web
Si ______ No ______
Escríbelas
____________________________________________________________
___________________________________________________________
67
6. ¿Crees que mediante la implementación del sitio Web de La Institución
mejoraría la comunicación con la comunidad?
Si___ No___
Sí____ No_____
¿Cuál?
_______________________________________________________________
_______________________________________________________________
8. ¿Te gustaría publicar tus experiencias pedagógicas a través del sitio web
Normalista? Si___________ No ________________ ¿Por qué?
_______________________________________________________________
68
ANEXO C
69
MATRIZ DE PLANEACIÓN DE OBJETIVOS
FECHA DE
TAREA ACTIVIDADES RESPONSABLES
EJECUCIÓN
Betty Medrano
13 al 17 de Abril
Diagnóstico Encuesta
2009
Maricely Villalba
Identificación y
requerimientos Betty Medrano
Tabulación de la 13 al 17 de Abril
de la
información 2009
comunicad Maricely Villalba
educativa.
Diseño de mapa
de contenido
70
B. Elaborar el sitio web
FECHA DE
TAREA ACTIVIDADES RESPONSABLES
EJECUCIÓN
Instalación de
Selección de
Dreanweaver y Betty Medrano
plataforma y
Flash como 28 al 30 de Abril
herramienta
herramienta de Maricely Villalba
informática.
desarrollo
Selección de
plantillas para Betty Medrano
Estructuración 5 al 8 de Mayo
estandarizar las
del árbol link
páginas del sitio Maricely Villalba
web.
Betty Medrano
Selección de
Elaboración de los
textos e
archivos del sitio Maricely Villalba
imágenes del
web.
sitio web.
Seleccionar hostin
Selección de y dominio Betty Medrano
alojamiento de adecuado para el
sitio web alojamiento del Maricely Villalba
sitio web
71
C. Implementar el sitio web
FECHA DE
TAREA ACTIVIDADES RESPONSABLES
EJECUCIÓN
Comprobar la
Pruebas y funcionabilidad Betty Medrano
ajustes del sitio del sitio web y
web realizar los ajustes Maricely Villalba
pertinentes.
Socializar a la
Elaboración Betty Medrano
comunidad
manual del
educativa el
usuario. Maricely Villalba
manual de usuario
72