PORTADA

INSTITUTO TECNOLGICO SUPERIOR

CIUDAD DE VALENCIA
PROYECTO DE INVESTIGACIN

TEMA:
DISEO DE UNA PAGINA WEB COMO MEDIO DE COMUNICACIN
INTERACTIVA PARA PROMOCIONAR Y FORTALECER LOS
PROCESOS DE FORMACIN PEDAGGICOS DEL INSTITUTO
TECNOLGICO SUPERIOR CIUDAD DE VALENCIA UTILIZANDO
DREAMWEAVER CS4

AUTOR
LIC. LUIS PINCAY
VALENCIA - LOS ROS ECUADOR
2012 - 2013

INDICE GENERAL
PORTADA ................................................................................................................... i
INDICE GENERAL ..................................................................................................... ii
I.

INTRODUCCIN ................................................................................................ 1

1.1.

Planteamiento del problema. ........................................................................ 1

1.1.1.

Descripcin del problema .............................................................................. 1

1.2.

FORMULACIN DEL PROBLEMA .............................................................. 2

1.3.

JUSTIFICACIN .......................................................................................... 2

1.4.

Objetivos....................................................................................................... 4

1.4.1.

Objetivo General. .......................................................................................... 4

1.4.2.

OBJETIVOS ESPECIFICOS. ........................................................................ 4

II.

REVISION LITERARIA ....................................................................................... 6

2.1.

MARCO CONCEPTUAL. ............................................................................ 12

2.2.

MARCO CONTEXTUAL ............................................................................. 17

2.3.

MARCO METODOLGICO ........................................................................ 18

2.3.1.

Tipo De Investigacin.................................................................................. 18

2.3.2.

Tipo de Aplicacin de Software Diseado ................................................... 20

2.3.3.

Tcnicas De Recoleccin De La Informacin ............................................. 20

III. MATERIALES Y MTODOS ............................................................................ 22

3.1.

Diseo ........................................................................................................ 22

3.1.1.

Tipo de investigacin .................................................................................. 22

3.2.

Diseo de Interfaces ................................................................................... 23

3.2.1.

DOCUMENTACIN .................................................................................... 23

3.2.2.

Manual de Instalacin ................................................................................. 23

ii

IV. RESULTADOS ................................................................................................. 25

4.1.

Anlisis de datos ........................................................................................ 25

4.1.1.

Tablas ......................................................................................................... 25

4.2.

Presentacin grafica de datos .................................................................... 26

4.2.1.

Conclusin del Anlisis ............................................................................... 29

4.3.

Objetivos Del Diseo .................................................................................. 29

4.3.1.

Objetivo tcnico .......................................................................................... 29

4.3.2.

Objetivo pedaggico ................................................................................... 29

V.

CONCLUSIONES ............................................................................................. 30

VI. RECOMENDACIONES .................................................................................... 31

VII.

BIBLIOGRAFA .............................................................................................. 32

iii

I.

INTRODUCCIN

Hoy da los sitios WEB se han convertido en una de las opciones de mayor consulta
y divulgacin para la sociedad actual, como tambin uno de los medios de
comunicacin rpidos y entretenidos. Es as, que el grupo investigador vio la
necesidad de dar a conocer a nivel mundial los diferentes procesos de formacin
pedaggica que se dan en el Instituto tecnolgico Superior Ciudad de Valencia,
diseando un sitio Web, donde se observa una descripcin relacionada de los
diferentes espacios que hacen parte de la Institucin.
Tambin el sitio Web permite atraer y mantener una constante comunicacin con los
integrantes de la comunidad normalista, egresados y personas particulares que de
una u otra forma harn aportes en beneficio de los procesos de formacin de los
integrantes de la comunidad educativa normalista.
Con esta investigacin 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 disear este sitio para
que sea visitado en la red, por sucreos y personas de cualquier parte del mundo,
con el fin de promover y fortalecer a travs de la comunicacin interactiva los
procesos de formacin pedaggicos e incursionar en el uso de la comunicacin a
travs de medios tecnolgicos modernos y, de esta manera, contribuir al
fortalecimiento de la educacin en el mbito nacional e internacional.

1.1.

Planteamiento del problema.

1.1.1. Descripcin del problema

Fruto de un estudio y seguimiento en el campo comunicacional basado en la
evaluacin institucional, POA (Plan de mejoramiento anual, dilogos 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 formacin
pedaggica en la institucin. A pesar del crecimiento considerable de la poblacin
estudiantil, el reconocimiento cualitativo de los maestros, el impacto de los
egresados en el mbito regional y nacional y la produccin de documentos con
aportes significativos para la comunidad acadmica, es poco el conocimiento de
estos avances debido a que an en la Institucin no se ha institucionalizado un
espacio virtual especfico teniendo la oportunidad, ya que cuenta con recursos
humanos y materiales que lastimosamente no se han aprovechado para mantener
una informacin y comunicacin permanente que contribuya a los procesos de
formacin pedaggica.
A pesar que Instituto tecnolgico Superior Ciudad de Valencia, es conocido a nivel
regional y nacional por su modalidad pedaggica, complementada con una variedad
de herramientas tecnolgicas como: una sala de informtica, un aula mvil e
internet, las cuales son asequibles por la comunidad normalista, carece de un medio
tecnolgico institucionalizado que promocione sus avances e innovaciones en los 11
procesos de formacin pedaggica y permita el uso de la comunicacin a travs de
los medios tecnolgicos modernos como un sitio Web.
1.2.

FORMULACIN DEL PROBLEMA

Cmo utilizar la herramienta Dreamweaver CS4, en el diseo de una pgina Web

para el Instituto Tecnolgico Superior Ciudad de Valencia, como medio de
comunicacin interactiva para promocionar y fortalecer los procesos de formacin
pedaggica de la comunidad educativa?

1.3.

JUSTIFICACIN

Para el Instituto tecnolgico

Superior Ciudad de Valencia, resulta pertinente

solucionar el problema de tipo tecnolgico virtual identificado, si se tiene en cuenta

que:

A pesar del impacto que esta Institucin tiene a nivel regional y nacional, no cuenta
con un espacio en internet donde sus usuarios puedan acceder a la informacin
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 tecnolgicos al alcance de la Institucin y los beneficios
que brindara para estar al alcance de una mejor comunicacin.
La Institucin necesita recopilar la informacin de la comunidad educativa y
convertirla en producto nico para mostrarla a travs 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 tecnologas de la informacin y las consecuencias educativas de stos.
Utilizar los medios tecnolgicos para tener un acceso rpido y actualizado a
informacin referida a la Institucin objeto de esta investigacin.
Con este proyecto se busca proveer a la Institucin de una herramienta virtual que
le permita mejorar los ndices de comunicacin al interior de la comunidad educativa
y esta a su vez con el resto del mundo.
Tambin permitir aplicar los conocimientos adquiridos en esta especializacin
mediante la realizacin de un proyecto de investigacin tecnolgico aplicado.
En relacin con los alumnos, les permitir mantenerse actualizados de los cambios
y acontecimientos institucionales, fortaleciendo la comunicacin.
La finalidad del presente proyecto es dotar a la Institucin de una herramienta
tecnolgica comunicativa, que le permita mejorar la comunicacin entre la
comunidad normalista y promoverla a nivel internacional, utilizando adecuadamente
los recursos informticos de comunicacin existentes, agilizar procesos acadmicos
que faciliten el quehacer pedaggico y fortalecer en los docentes habilidades y
3

destrezas para utilizar los medios tecnolgicos informativos para la cualificacin de

su trabajo y el perfeccionamiento de los procesos de formacin pedaggica.
Con la implementacin de este proyecto se busca beneficiar directamente a la
comunidad educativa normalista, ya que a travs de l se crearn nuevos lazos de
contacto y relacin con otras comunidades acadmicas y se har presencia a nivel
mundial de los procesos que en ella se dan. Tambin, de esta manera incursionar
y utilizar los recursos comunicacionales tecnolgicos modernos y al mismo tiempo
permitir mejorar el desempeo institucional toda vez que tiene a su alcance medios
de informacin y comunicacin giles y rpidos para el uso en ambientes
tecnolgicos de comunicacin interactiva.
La puesta en prctica de este proyecto permitir a los alumnos tener un mayor
conocimiento de los procesos, proyectos y acontecimientos que ocurren en su
institucin, aplicando los aprendizajes en cuanto a la comunicacin interactiva.
1.4.

Objetivos

1.4.1. Objetivo General.

Disear y elaborar una pgina Web mediante el uso de la herramienta

DREAMWEAVER CS4 para promocionar y fortalecer la comunicacin y los
procesos de formacin pedaggica del Instituto tecnolgico Superior Ciudad
de Valencia.

1.4.2. OBJETIVOS ESPECIFICOS.

Identificar, analizar y documentar tanto los requerimientos bsicos de

comunicacin de la comunidad educativa normalista como la implementacin
de un recurso tecnolgico moderno que permita su cualificacin.

Elaborar

un

prototipo

de

pgina

Web

mediante

la

herramienta

DREAMWEAVER que permita mejorar la comunicacin interactiva en el

Instituto tecnolgico Superior Ciudad de Valencia

Implementar una pgina Web de la Institucin educativa en el internet para

promocionar y fortalecer los procesos de formacin pedaggica de la
institucin normalista.

II.

REVISION LITERARIA

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

para dar a conocer y difundir los procesos pedaggicos que se adelantan en las
instituciones educativas de un pueblo, pas y el mundo, como tambin para realizar
a travs de ellos intercambios educativos, culturales, entre otros. Un sitio web es un
sitio (localizacin) en la World Wide Web que contiene documentos (pginas web)
organizados jerrquicamente. Cada documento (pgina web) contiene texto y o
grficos que aparecen como informacin digital en la pantalla de un ordenador. Un
sitio puede contener una combinacin de grficos, texto, audio, vdeo, y otros
materiales dinmicos o estticos.
Cada sitio web tiene una pgina de inicio (en ingls 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 (pginas web) adicionales. Cada sitio pertenece y es gestionado y por
un individuo, una compaa o una organizacin.
Como medio, los sitios web son similares a las pelculas, a la televisin o a las
revistas, en que tambin crean y manipulan imgenes digitales y texto, pero un sitio
web es tambin un medio de comunicacin. 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 interacten con
l.
Todos los sitios web pblicamente accesibles constituyen una gigantesca "World
Wide Web" de informacin.
Los sitios web estn escritos en HTML (Hyper Text Markup Language), o
dinmicamente convertidos a ste y se acceden usando un software llamado
navegador web, tambin 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 porttiles, PDAs y telfonos
mviles.
Un sitio web est alojado en una computadora conocida como servidor web,
tambin llamada servidor HTTP, y estos trminos tambin pueden referirse al
software que se ejecuta en esta computadora y que recupera y entrega las pginas
de un sitio web en respuesta a peticiones del usuario. Apache es el programa ms
comnmente usado como servidor web (segn las estadsticas de Netcraft) y el
Internet Information Services (IIS) de Microsoft tambin se usa comnmente.
Un sitio web esttico es uno que tiene contenido que no se espera que cambie
frecuentemente y se mantiene manualmente por alguna persona o personas que
usan algn tipo de programa editor. Hay dos amplias categoras de programas
editores usados para este propsito 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 Dreamweaver, donde el sitio se edita usando una interfaz GUI y el HTML
subyacente se genera automticamente con el programa editor.
Un sitio web dinmico es uno que puede tener cambios frecuentes en la
informacin. Cuando el servidor web recibe una peticin para una determinada
pgina de un sitio web, la pgina se genera automticamente por el software como
respuesta directa a la peticin de la pgina; Por lo tanto abriendo muchas
posibilidades incluyendo por ejemplo: El sitio puede mostrar el estado actual de un
dilogo entre usuarios, monitorizar una situacin cambiante, o proporcionar
informacin personalizada de alguna manera a los requisitos del usuario individual.
El contenido esttico puede tambin ser generado de manera dinmica
peridicamente o si ocurren ciertas condiciones para la regeneracin para evitar la

prdida de rendimiento de iniciar el motor dinmico para cada usuario o para cada
conexin.
Hay plugins disponibles para navegadores, que se usan para mostrar contenido
activo como Flash, Shockwave o applets escritos en Java. El HTML dinmico
tambin proporciona para los usuarios interactividad y el elemento de actualizacin
en tiempo real entre pginas web, las pginas 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 mayora 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

utilizados

por

el

mayor

nmero

de

personas

posibles

independientemente de sus limitaciones fsicas o las derivadas de su entorno.

Existen muchas variedades de sitios web, cada uno especializndose 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 pedaggicos de formacin a docentes, estudiantes, ex
alumnos, asistencia tcnico pedaggica, permiten ver o descargar polticas
institucionales, eventos cultuales importantes del entorno educativo, contenidos de
asignaturas o temas , etc.
Para el diseo e implementacin del sitio web, se utilizar la herramienta Adobe
Dreamweaver que es un editor WYSIWYG de pginas Web, creada por Adobe
(anteriormente por Macromedia). Es el programa de este tipo ms utilizado en el
sector del diseo y la programacin Web, por sus funcionalidades, su integracin
con otras herramientas como Adobe Flash y, recientemente, por su soporte de los
estndares del World Wide Web Consortium. Su principal competidor es Microsoft
Expression Web. Tiene soporte tanto para edicin de imgenes como para
animacin a travs de su integracin con otras herramientas.

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

pginas sin tablas en versiones posteriores de la aplicacin.
Dreamweaver permite al usuario utilizar la mayora de los navegadores Web
instalados en su ordenador para pre-visualizar las pginas Web. Tambin dispone
de herramientas de administracin de sitios dirigidas a principiantes como, por
ejemplo, la habilidad de encontrar y reemplazar lneas de texto y cdigo por
cualquier tipo de parmetro especificado, hasta el sitio Web completo. El panel de
comportamientos tambin permite crear JavaScript bsico sin conocimientos de
cdigo.
Un aspecto de alta consideracin de Dreamweaver es su arquitectura extensible. Es
decir, permite el uso de "Extensiones". Las extensiones, tal y como se conocen, son
pequeos programas, que cualquier desarrollador Web puede escribir (normalmente
en HTML y JavaScript) y que cualquiera puede descargar e instalar, ofreciendo as
funcionalidades aadidas a la aplicacin. Dreamweaver goza del apoyo de una gran
comunidad de desarrolladores de extensiones que hacen posible la disponibilidad
de extensiones gratuitas y de pago para la mayora de las tareas de desarrollo Web,
que van desde simple efectos rollover hasta completas cartas de compra.
Otra herramienta multimedia es Adobe FLASH (hasta 2005 Macromedia FLASH) o
FLASH se refiere tanto al programa de edicin multimedia como al reproductor de
SWF (Shockwave FLASH) Adobe Flash Player, escrito y distribuido por Adobe, que
utiliza grficos vectoriales e imgenes rster, sonido, cdigo de programa, flujo de
vdeo y audio bidireccional (el flujo de subida slo 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 mquina virtual utilizado para
ejecutar los archivos generados con Flash.
En versiones recientes, Macromedia ha ampliado Flash ms all de las animaciones
simples, convirtindolo en una herramienta de desarrollo completa, para crear
principalmente elementos multimedia e interactivos para Internet.

Entre tanto Un sitio Web (en ingls: website) es un conjunto de pginas Web,
tpicamente comunes a un dominio de Internet o subdominio en la World Wide Web
en Internet Una pgina Web es un documento HTML/XHTML accesible
generalmente mediante el protocolo HTTP de Internet. Cada sitio Web contiene una
pgina de inicio (en ingls 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
planeacin,

regulacin

control

de

los

servicios

del

sector

de

las

telecomunicaciones, en los servicios informticos y de telemtica, de los servicios

especializados de telecomunicaciones o servicios de valor agregado, de los
servicios postales etc.
La comunicacin puede definirse como un fenmeno de carcter social que
comprende todos los actos mediante los cuales los seres vivos se comunican con
sus semejantes para transmitir o intercambiar informacin. Comunicar significa
poner en comn e implica compartir.
La comunicacin inicia con el surgimiento de la vida en nuestro planeta y su
desarrollo ha sido simultneo al progreso de la humanidad. Se manifest primero a
travs de un lenguaje no verbal, evolucionando y complejizndose conforme el
hombre mismo evolucionaba.
Todos los das los seres vivos se comunican de diferentes maneras, pero slo los
seres humanos podemos hacerlo racionalmente; llevando a cabo infinidad de
actividades, tales como: conversar, rer, llorar, leer, callar, ver televisin entre otras;
por ello se dice que la comunicacin humana es un proceso:

Dinmico: porque est en continuo movimiento y no se limita a una relacin

Emisor-Receptor esttico, pues los roles se intercambian.

Inevitable: Pues es imposible no comunicar, incluso el silencio comunica.

10

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 utilizacin de ambos lenguajes - en

algunos casos.

La comunicacin constituye una dimensin clave de la existencia humana.

Casi podramos decir que la totalidad de nuestras actividades o son comunicacin
directa o se asientan sobre algn hecho de comunicacin. Todo proceso de
formacin parte de un proceso de comunicacin, por lo tanto la formacin
pedaggica de una institucin educativa debe estar cimentada en instrumentos
interactivos que permitan cambios en la forma de trasmitir y recibir informacin 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 conviccin de que la escuela deber ser un espacio movilizador de
la capacidad intelectual, de la creatividad y del sentido innovador de sus
conocimientos generados en ella al medio social en el que se halla inserta.
Promover la utilizacin del sitio Web, como herramienta tecnolgica con una
finalidad esencialmente pedaggica y de promocin, orientadora del "saber" con el
objeto de contribuir con el mejoramiento de la calidad de la Educacin, que permita
a la persona, mediante el manejo de las nuevas tecnologas, entender el mundo en
que vive, comunicarse con l ,adaptarse activamente a la sociedad y conscientes de
que la comunicacin es dinamizadora del crecimiento y herramienta fundamental
para el cambio y la transformacin social.
A travs del sitio web se logra tener una comunicacin dinmica e interactiva donde
el usuario pueda tener acceso e informarse rpida y eficazmente acerca de los
procesos que suceden en el interior de una comunidad.

11

2.1.

MARCO CONCEPTUAL.

El sitio web que se dise como herramienta de comunicacin interactiva para

promocionar y fortalecer los procesos de formacin pedaggica de la Institucin
Educativa Escuela Normal Superior de Corozal utilizando Dreamweaver y estar
conformado por:
Una pgina de inicio o home page, que a su vez incluye un sub men:
Un mdulo desarrollado a travs un banner dinmico, donde se presenta el nombre
de la institucin, el escudo institucional y los principios filosficos: PEDAGOGIA,
TICA, CIENCIA Y HUMANISMO, al igual que imgenes con efectos de flash
relacionadas con muestras de la poblacin estudiantil y en la parte inferior enlaces
con entidades oficiales como:

SENESCYT

CEACEES

En el men principal aparecern las opciones:

Chat.

Blogs institucional.

Calendario acadmico.

Un primer mdulo donde aparecern los link o enlaces que son elementos de un
documento electrnico, que hace referencia a otros recursos. Estos se desarrollan
as:
Institucional, aqu se crean otros enlaces que muestran:
La resea histrica de la institucin: Se refiere a:

Misin.

Visin.

12

Filosofa

Valores institucionales

Smbolos Institucionales

En el primer enlace de este link (Resea histrica de la institucin) se desarrolla un

archivo de texto e imgenes con movimientos de los cambios ocurridos en los
espacios fsicos de la institucin.
En el segundo enlace (misin) se utiliza un archivo de texto alusivo a la misin
institucional acompaado con imgenes de la misma.
En el tercer enlace (Visin) se desarrolla mediante un archivo de texto e imgenes
de maestros en formacin en sus actividades de prctica pedaggica.
En el cuarto enlace (filosofa), se desarrolla mediante un archivo de texto e
imgenes de la comunidad educativa, donde se esbozan los principios filosficos de
la institucin.
En el quinto enlace se describirn los valores institucionales mediante un archivo de
texto con imgenes que guan el actuar de la comunidad normalista.
El sexto enlace (smbolos institucionales) se presenta el himno de la institucin
mediante un reproductor multimedia, el escudo y la bandera a travs de imgenes
con efectos de animacin.
EL segundo link llamado Oferta Acadmica consta de:
Un hipervnculo denominado niveles que a la vez tiene otros enlaces que conducen
a otra informacin:

Tecnologa en Agropecuaria

Tecnologa en Cultivos

Media acadmica

Ciclo complementario de formacin superior.

13

El tercer link llamado P.E.I, mostrar a travs de otros enlaces los contenidos:
Componentes:

Conceptual

Administracin y de gestin: comunidad educativa,

Gobierno escolar, Consejo Directivo, consejo Acadmico, rector, tica de

convivencia, cualificacin del personal.

Pedaggico:

Marco

conceptual,

lineamientos

curriculares

institucionales,

fundamentacin pedaggica desde el enfoque crtico-social, estructura del currculo

y plan de estudios, ncleos interdisciplinares: del que se despliegan un enlace por
cada ncleo y las reas obligatorias y fundamentales afines que lo conforman dando
un orden coherente con los principios filosficos institucionales. Tambin se utilizan
imgenes con movimientos alusivas a las actividades acadmicas sobresalientes en
la institucin de cada una de las disciplinas. Los ncleos se desarrollan por enlaces
y con el siguiente contenido:

Ncleo de pedagoga y prctica pedaggica.

Ncleo tico poltico y social.

Ncleo Ciencia y Tecnologa.

Ncleo de humanismo y comunicacin.

Ncleo ldico expresivo.

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

mismo y las disciplinas que lo conforman:

Educacin y pedaggica

Investigacin formativa.

Prctica pedaggica investigativa.

Psicologa cognitiva

Procesos cognitivos,

14

Historia de la pedagoga y la educacin.

Epistemologa de la pedagoga

Antropologa pedaggica.

Estrategias de la enseanza y aprendizaje.

El segundo contenido se desarrolla mediante un archivo de texto complementado

con imgenes de transparencia. Aqu se describe a groso modo la intencin
pedaggica del mismo y las disciplinas que de l hacen parte:
Ciencias sociales.
Ciencias polticas y econmicas.

Filosofa.

Sociologa.

Religin.

tica y valores

Democracia.

En el tercer contenido se utiliza un archivo de texto acompaado con imgenes con

efectos de movimiento y donde se esboza de manera general el fin de este ncleo.
Tambin se presenta el listado de las disciplinas que lo constituyen:
Matemticas.
Fsica.
Qumica.
Tecnologa e informtica, actividades que se desarrollan en ste componente.
El cuarto link del tercer mdulo del sitio web se denomina servicios e instalaciones y
aparecern los link o enlaces desarrollados as:

Biblioteca

15

Administracin.

Tecnologa:

Aula de informtica.

Aula mltiple.

En cada uno de los anteriores contenidos se esboza la funcin de cada uno de

estas instalaciones y se desarrolla mediante el uso de un archivo de texto
correspondiente a cada instalacin y sus respectivas imgenes con efectos de
movimientos de transparencia.
Proyectos y convenios. Es el quinto link de ste ltimo mdulo, el cual se desarrolla
utilizando un archivo de texto e imgenes y videos de cada uno de los hipervnculos
creados. Estos se refieren a:

Publicaciones.

Programas radiales.

El sexto link o enlace se dedica a las dems provincias, donde se encuentra

ubicado el Instituto Tecnolgico Superior Ciudad de Valencia. Este se desarrolla
utilizando hipervnculos constituidos por archivos de textos e imgenes con efectos
de transparencia en PDF.
Estos hipervnculos son:

Resea histrica.

Ubicacin geogrfica.

Sitios de inters.

Actividades productivas.

Festividades.

Patrimonio cultural.

El sitio web del Instituto Tecnolgico Superior Ciudad de Valencia, adems de

buscar la promocin y el fortalecimiento de los procesos de formacin pedaggica

16

de la comunidad educativa est orientado hacia el mejoramiento de los procesos de

comunicacin en el contexto de las relaciones acadmicas, sociales, pedaggicas y
culturales de los estamentos educativos que lo integran, por lo que es claro que la
comunicacin 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 travs de los medios interactivos de comunicacin se genera o se trasmite variada
e interesante informacin que circula por el mundo. El proceso de comunicacin
como tal necesita de medios que puedan hacerla efectiva y llegue la informacin a
lugares lejanos de forma inmediata Los medios de comunicacin, de igual manera,
hacen posible que muchas relaciones personales se mantengan unidas o, por lo
menos, no desaparezcan por completo. El Instituto Tecnolgico Superior Ciudad de
Valencia est iniciando su proceso de comunicacin interactiva utilizando medios
de comunicacin digitales a travs de los cuales ha hecho aportes significativos a la
comunidad acadmica desde su el enfoque pedaggico, enriqueciendo los procesos
de enseanza- aprendizaje, pero sera de mayor impacto en la sociedad si utiliza
adecuadamente los medios tecnolgicos y de comunicacin interactiva y capacita a
los miembros de su comunidad para el perfeccionamiento de la aplicacin en el
campo donde se desenvuelven, como lo contempla el decreto condiciones bsicas
de calidad establecidas.

2.2.

MARCO CONTEXTUAL

El Instituto Tecnolgico Superior Ciudad de Valencia, es un establecimiento

pblico que ofrece las tecnologas en Agropecuaria, Cultivos y Administracin de
Empresas.
El Instituto Tecnolgico Superior Ciudad de Valencia, es una institucin educativa
que atiende formacin inicial de maestros para el ejercicio de la docencia en el nivel
Superior, desarrolla su proceso educativo fundamentado en la pedagoga con

17

orientacin crtico social, para formar ciudadanos con sentido humanista, crtico,
analtico, autnomo y reflexivos que desempeen con idoneidad su labor
profesional.
El Instituto cuenta con 21 docentes de los cuales solo 4 son Masters, 12 son
Ingenieros y 5 son licenciados, quienes cada da propenden por la cualificacin de
su prctica pedaggica demostrado en el gran nmero de especialistas en las
distintas reas del conocimiento y algunos adelantan estudios de maestras.
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 celadura.
Para el desarrollo de este proyecto la institucin cuenta con recursos tecnolgicos
como: Salas de informtica con 35 computadores, dotadas del servicio de Internet
las 24 horas.
Tambin se cuenta con el apoyo del consejo directivo para designar los recursos
econmicos que garanticen el pago oportuno del dominio y mantener el sitio web
activo.
Adems la Institucin cuenta con un nmero aceptable de docentes con blogs y a
travs de ellos publican documentos interesantes de sus experiencias pedaggicas
los cuales alimentarn posteriormente el sitio web normalista.

2.3.

MARCO METODOLGICO

2.3.1. Tipo De Investigacin

La lnea de investigacin para desarrollar este proyecto es la investigacin

tecnolgica aplicada entendida sta, como aquella que genera conocimientos o
mtodos dirigidos al sector productivo de bienes y servicios, ya sea con el fin de

18

mejorarlo y hacerlo ms eficiente, o con el fin de obtener productos nuevos y

competitivos en dicho sector. Tambin puede concebirse como el tipo de estudios
cientficos orientados a resolver problemas de la vida cotidiana o a controlar
situaciones prcticas. Adems es un instrumento para poder resolver problemas de
la sociedad, la ciencia y tecnologa tienen como causas las necesidades de que el
ser humano viva con ms comodidad y seguridad. Por todo lo anterior este tipo de
investigacin es necesaria para impulsar el desarrollo del mundo, de un pas y una
comunidad en particular.
El fundamento epistemolgico de la investigacin aplicada est en la base de
distinciones tales como "Saber y Hacer", "Verdad y Accin", "Know-what y KnowHow", "Conocimiento y Prctica", "Explicacin y Aplicacin", "Verdad y Eficiencia",
etc.
La idea de fondo est en las relaciones de utilidad del conocimiento, considerando
que la funcin elemental del conocimiento en los organismos va estrechamente
asociada a sus necesidades de subsistencia mediante mecanismos de adaptacin
al medio y control del mismo. Aunque el pragmatismo filosfico explot hasta sus
lmites la nocin de 'utilidad' como criterio mximo de 'verdad', ninguna otra posicin
en la filosofa reciente niega esa funcin esencial.
Este tipo de investigacin es emprendida para adquirir nuevos conocimientos, est
orientada a conseguir un logro especfico prctico en particular. Los resultados de
esta investigacin tienen como fin ser vlidos para fabricar un producto, concebir un
proceso productivo, que d lugar a un nuevo mtodo o a configurar un sistema.
Tambin puede dar origen a una invencin o a una innovacin o mejorar un
determinado producto o proceso.
Mediante la aplicacin de la investigacin aplicada, se abren las posibilidades de
crear nuevas ideas cientficas que hagan aportes significativos a la humanidad
desde cualquier mbito.

19

2.3.2. Tipo de Aplicacin de Software Diseado

El tipo de aplicativo a desarrollar a travs de ste proyecto es el sitio web. A travs

de la implementacin de esta aplicacin se pretende promocionar y fortalecer los
procesos de formacin pedaggica que suceden en el interior de la Institucin
Normal Superior de Corozal para darla a conocer no solo en el mbito regional sino
tambin en el nacional, adems mejorar los procesos de comunicacin mediante el
uso del medio tecnolgico como lo es la internet.
El diseo de este sitio est enfocado al uso de la comunidad educativa normalista,
la comunidad circundante y el pas en general.
Para el desarrollo de esta aplicacin se utilizar la herramienta Adobe
Dreamweaver, la cul ser til para la creacin de este sitio, ya que proporciona una
combinacin de herramientas visuales y auditivas que hacen que ste sea ms
llamativo. La versin 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 creacin de hipervnculos.

En el diseo grfico de las interfaces.

En las aplicaciones Web dinmicas.

Para reproducir imgenes en flash.

En la reproduccin de audio.

En la reproduccin de imgenes con transparencia.

2.3.3. Tcnicas De Recoleccin De La Informacin

Para recolectar la informacin que permitiera la validacin de esta propuesta se

utiliz la encuesta, la cual consiste en obtener informacin de los sujetos de estudio,
proporcionada por ellos mismos, sobre opiniones, actitudes o sugerencias. Hay dos
20

maneras de obtener informacin con este mtodo: 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.

21

III. MATERIALES Y MTODOS

3.1.

Diseo

3.1.1. Tipo de investigacin

El tipo de investigacin utilizado para evidenciar la problemtica del Instituto
Tecnolgico Superior Ciudad de Valencia.
Tipo de aplicativo diseado.

El tipo de aplicativo que se disea e implementa es: Sitio Web.

Tabla 1. Tipo de aplicativo diseado Sitio Web
Tipo de aplicativo

Sitio Web

Herramienta

Dreamweaver - Flash
Informar los Procesos Acadmicos y
Administrativos

Utilidad
Usuarios

de

la

Institucin

Educativa
Comunidad educativa

El tipo de herramienta que se utiliza para el diseo e implementacin del sitio Web
es la herramienta Dreamweaver y Flash.
Herramienta Informtica
En lo referente al diseo de un sitio web o

pgina web, se pueden utilizar

herramientas Dreamweaver, flash y Fireworks. Generalmente se usa

Dreamweaver y Flash.

ms

Tabla 2. Matriz de identificacin de herramienta software utilizada

Dreamweaver CS4

Nombre de la Herramienta
Versin

Fabricante
Tipo de Licenciamiento

Dreamweaver
CS4
Macromedia Flash MX Profesional
2004
Adobe Systems
No Libre (GNU Reservado)

Descripcin de funciones utilizadas Diseo e implementacin

en la elaboracin del aplicativo.
pagina web

de una

Tabla 3. Matriz de identificacin de herramienta software Utilizada Flash CS4

Nombre de la Herramienta

Flash

Versin

CS4

Fabricante

Adobe Systems

Tipo de Licenciamiento

Propietario EULA

Descripcin de funciones utilizadas

en la elaboracin del aplicativo.

Animaciones Flash

3.2.

Diseo de Interfaces

3.2.1. Documentacin
3.2.2. Manual de Instalacin
Manual de Instalacin. El diseo de la pgina Web del Instituto Tecnolgico
Superior Ciudad de Valencia fue hecho con los programas Director Dreamweaver
flash y requiere para su manejo computadores de las siguientes caractersticas:

Procesador Dual Core

20 GB espacio en disco duro

2GB de memoria RAM

Resolucin de pantalla (1024x768 y 32 bits)

23

Windows XP/ Vista/ 7

Recoleccin de informacin

Para recolectar la informacin se utilizaron las siguientes tcnicas: Entrevistas y

Encuestas aplicadas a Docentes, directivos, egresados y Administrativos.

En cuanto a la recoleccin de informacin secundaria se utilizaron diferentes

fuentes: Libros, Revistas, archivos del Instituto Tecnolgico Superior Ciudad de
Valencia.
Ficha Tcnica de recoleccin de informacin
Nombre del instrumento: Encuesta
Propsito: Recolectar informacin de la Comunidad del Instituto Tecnolgico
Superior Ciudad de Valencia sobre los medios y canales

de Comunicacin

utilizados en los diferentes procesos acadmicos y administrativos.

De igual forma se pretenda establecer si los diferentes miembros de la comunidad
tenan conocimiento o no del funcionamiento de un sitio Web en la Institucin.

24

IV.
4.1.

RESULTADOS

Anlisis de datos

4.1.1. Tablas
1. Sabe si el Instituto Tecnolgico Superior Ciudad de Valencia cuenta con una
pgina Web o un sitio Web?

Variable
SI
NO

Muestra
70
70

Frecuencia
0
70

Porcentaje
0%
100%

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

Variable
SI
NO

Muestra
70
70

Frecuencia
40
30

Porcentaje
57%
43%

3. Consideras necesario la implementacin de una pgina web en nuestra

institucin como medio de informacin?
Variable
SI
NO

Muestra
70
70

Frecuencia
69
1

Porcentaje
98,57%
1,43%

4. Te gustara acceder a la informacin de nuestra Institucin Educativa por medio

de internet?
Variable
SI
NO

Muestra
70
70

Frecuencia
70
0

Porcentaje
100%
0%

5. Crees que mediante la implementacin de una pgina Web de la Institucin

mejorara la comunicacin con la comunidad?
Variable
SI
NO

Muestra
70
70

Frecuencia
69
1

Porcentaje
98,57%
1,43%

6. Has difundido algn documento, experiencia pedaggica, proyectos

pedaggicos u otros a travs de Internet?
Variable

Muestra

Frecuencia

Porcentaje

SI

70

22

31,43%

NO

70

48

68,57%

4.2.

Sitios de
alojamiento

Blogs
Pginas
web
Wiki
Ninguno

muestra

Frecuencia

Porcentaje

22

20

90,9%

22

4,50%

22
48

1
48

4,50%
100%

Presentacin grafica de datos

1. Sabe si el Instituto Tecnolgico Superior Ciudad de Valencia cuenta con una

pgina Web o un sitio Web?

PORCENTAJE DE DATOS
100%
0%

PORCENTAJES

SI
0%

NO
100%

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

PORCENTAJE DE DATOS

60%
40%
20%
0%
PORCENTAJES

SI
57%

NO
43%

26

3. Consideras necesario la implementacin de una pgina web en nuestra

institucin como medio de informacin?

VARIABLES

100,00%

0,00%

SI
98,57%

VARIABLES

NO
1,47%

4. Te gustara acceder a la informacin de nuestra Institucin Educativa por medio

de internet?

PORCENTAJE
100%
50%

0%

PORCENTAJE
SI
NO

PORCENTAJE

SI
100%

NO
0%

27

5. Crees que mediante la implementacin de una pgina Web de la Institucin

mejorara la comunicacin con la comunidad?

PORCENTAJES
100,00%
0,00%
SI

NO

SI
98,57%

PORCENTAJES

NO
1,43%

6. Has difundido algn documento, experiencia pedaggica, proyectos

pedaggicos u otros a travs de Internet?

SI
100,00%
50,00%
0,00%

100,00%
50,00%
0,00%

N
PERSONAS

SI

SI

NO

SI

NO

31,43%

68,57%

BLOGS
SI

90,90%

PAGINAS
WEB
4,50%

WIKI
4,50%

NO
Ttulo del eje

N DE PERSONAS

N PERSONAS

100%
50%
0%
NO

NO
1
100%

28

4.2.1. Conclusin del Anlisis

Segn el anlisis anterior, se concluye la necesidad que tiene el Instituto
Tecnolgico Superior Ciudad de Valencia de implementar un sitio web que
contribuya al fortalecimiento de la comunicacin entre la comunidad educativa y al
mismo tiempo permitirle a otras comunidades el conocimiento del quehacer
pedaggico de sta. Tambin cumple con las exigencias de la era actual en cuanto
a la incorporacin de las nuevas tecnologas en el proceso de las prcticas
pedaggicas para acercar el desarrollo de las competencias sobre todo de los
estudiantes a las dinmicas del mundo contemporneo.

4.3.

Objetivos Del Diseo

4.3.1. Objetivo tcnico

Disear una pgina web como medio de

comunicacin interactiva para

promocionar y fortalecer los procesos de formacin pedaggicos del Instituto

Tecnolgico Superior Ciudad de Valencia utilizando dreamweaver cs4
4.3.2. Objetivo pedaggico
Promocionar y fortalecer los procesos de comunicacin y formacin pedaggica de
del Instituto Tecnolgico Superior en el contexto regional y nacional.

29

V.

CONCLUSIONES

Luego de haber realizado la encuesta y haber obtenido los resultados para el diseo
y elaboracin de una pagina web para el Instituto Tecnolgico Superior Ciudad de
Valencia como medio de comunicacin interactiva para promocionar y fortalecer
los procesos de formacin pedaggicos, se concluye que:

El diseo e implementacin de la pgina Web del Instituto Tecnolgico Superior

Ciudad de Valencia, le permitir a la Institucin mejorar los procesos
Acadmicos y administrativos.

El diseo de la pgina Web del Instituto Tecnolgico Superior, ayudara a mejorar

los procesos de comunicacin de la Institucin.

Ayudar a desarrollar arraigo y sentido de pertenencia de los miembros de la

Comunidad educativa.

Se concluye que para subir la pgina web al portal es necesario contratar un

Hosting, para que de esta manera la pgina sea publicada en internet.

VI.

RECOMENDACIONES

Al culminar el diseo de la pgina web para el Instituto Tecnolgico Agropecuario

Ciudad de Valencia, se recomienda lo siguiente:

Implementar

ms

links

para

mejorar

los

procesos

acadmicos

administrativos del Instituto Tecnolgico Superior Ciudad de Valencia, de

esa manera lograr la visita continua.

Se recomienda a los miembros de la comunidad: docentes, directivos,

administrativos, egresados y padres de familia) utilizar el sitio Web.

Se recomienda a las autoridades y a la persona encargada de llevar el diseo

de la pgina web, actualizar como mnimo una vez al ao.

VII.

BIBLIOGRAFA

http://www.areandina.edu.co/recursos

http://www.colombiaaprende/mundosdeaprendizaje.edu.co/

Http://www.mineducacion.gov.co

Http://www.wikipedia.com

http://wwww.dewey.uab.es/pmarques/funcion.htm

Tesis de diseo web - Fundacin Universitaria del rea andina centro de

educacin a distancia Especializacin en Informtica y Telemtica 2009.

Tesis de diseo de pgina web - Universidad Nacional de Ro Cuarto

Facultad de Ciencias Humanas Departamento de Ciencias de la
Comunicacin 2005.

Proyecto de pgina web - Bases del Diseo de Pginas Web - Universidad

de Londres - 2008

33