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

ii

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

iii

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

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

2

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:

3

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

4

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.

5

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

7

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

8

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 y 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.

9

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.

10

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 y 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.

11

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.

12

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.

13

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.

14

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,

15

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

16

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

17

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

18

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

19

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 Know-

How", "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.

20

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

21

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.

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

Utilidad

Informar los Procesos Acadmicos y

Administrativos de la Institucin

Educativa

Usuarios 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 ms

Dreamweaver y Flash.

23

Tabla 2. Matriz de identificacin de herramienta software utilizada

Dreamweaver CS4

Nombre de la Herramienta Dreamweaver

Versin CS4 Macromedia Flash MX Profesional 2004

Fabricante Adobe Systems

Tipo de Licenciamiento No Libre (GNU Reservado)

Descripcin de funciones utilizadas

en la elaboracin del aplicativo.

Diseo e implementacin de una

pagina web

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)

24

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.

IV. RESULTADOS

4.1. 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 Muestra Frecuencia Porcentaje

SI 70 0 0%

NO 70 70 100%

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

Variable Muestra Frecuencia Porcentaje

SI 70 40 57% NO 70 30 43%

3. Consideras necesario la implementacin de una pgina web en nuestra institucin como medio de informacin?

Variable Muestra Frecuencia Porcentaje

SI 70 69 98,57%

NO 70 1 1,43%

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

Variable Muestra Frecuencia Porcentaje

SI 70 70 100%

NO 70 0 0%

5. Crees que mediante la implementacin de una pgina Web de la Institucin mejorara la comunicacin con la comunidad?

Variable Muestra Frecuencia Porcentaje

SI 70 69 98,57%

NO 70 1 1,43%

26

6. Has difundido algn documento, experiencia pedaggica, proyectos pedaggicos u otros a travs de Internet?

Variable Muestra Frecuencia Porcentaje Sitios de

alojamiento muestra Frecuencia Porcentaje

SI 70 22 31,43%

Blogs 22 20 90,9%

Pginas web

22 1 4,50%

Wiki 22 1 4,50%

NO 70 48 68,57% Ninguno 48 48 100%

4.2. Presentacin grafica de datos

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

pgina Web o un sitio Web?

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

0%

100%

SI NO

PORCENTAJES 0% 100%

PORCENTAJE DE DATOS

0%

20%

40%

60%

SI NO

PORCENTAJES 57% 43%

PORCENTAJE DE DATOS

27

3. Consideras necesario la implementacin de una pgina web en nuestra institucin como medio de informacin?

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

0,00%

100,00%

SI NO

VARIABLES 98,57% 1,47%

VARIABLES

PORCENTAJE0%

50%

100%

SI

NO

SI NO

PORCENTAJE 100% 0%

PORCENTAJE

28

0,00%50,00%

100,00%

SINO

N

DE

PER

SON

AS

SI NO

NPERSONAS

31,43% 68,57%

N PERSONAS

SI0,00%

50,00%100,00%

BLOGSPAGINASWEB

WIKI

SI 90,90% 4,50% 4,50%

SI

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

mejorara la comunicacin con la comunidad?

6. Has difundido algn documento, experiencia pedaggica, proyectos pedaggicos u otros a travs de Internet?

0,00%100,00%

SINO

SI NO

PORCENTAJES 98,57% 1,43%

PORCENTAJES

NO0%

50%

100%

1

NO 100%

Ttu

lo d

el e

je

NO

29

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.

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 y

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