DISE_O_DE_SITIO_WEB

1
“AÑO DE LA INTEGRACION NACIONAL Y EL RECONOCIMIENTO DE
NUESTRA DIVERSIDAD”
INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO
PÚBLICO“24 DE JULIO”
INVESTIGACION
“DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB PARA FORTALECER LOS
PROCESOS DE FORMACION PEDAGOGICOS DE LA INSTITUCION
TECNOLOGICA ZARUMILLA”
AUTORES:
Toribio Puentes, Diego
Zuñiga García, Jorge
TUMBES – PERU
2012
DEDICATORIA
2
3
“AÑO DE LA INTEGRACION NACIONAL Y EL RECONOCIMIENTO DE
NUESTRA DIVERSIDAD”
INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PÚBLICO
“24 DE JULIO”
INVESTIGACION
“DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB PARA FORTALECER LOS
PROCESOS DE FORMACION PEDAGOGICOS DE LA INSTITUCION
TECNOLOGICA”
AUTORES:
Toribio Puentes, Diego
Zuñiga García, Jorge
TUMBES – PERU
2012
4
5
DEDICATORIA
A Dios Todopoderoso, dador de vida por
concedernos esta oportunidad.
A nuestros padres, hermanos motores y
palancas de nuestras aspiraciones, a
nuestros amigos les ratificamos nuestros
sinceros agradecimientos por apoyarnos
y permitirnos desarrollar el presente
trabajo el cual esperamos sea de mucha
utilidad.
Y aquellas personas que nos ayudaron
que
sea
posible
presentar
nuestra
investigación.
LOS AUTORES
6
AGRADECIMIENTO
Agradecemos a todas las personas que nos brindaron su apoyo con este proyecto
de investigación y permitieron que este proyecto llegara a feliz término.
A nuestra familia por su comprensión, paciencia y aliento que nos brindaron
incondicionalmente.
Un agradecimiento a aquellos profesores con grado de magister quienes con su
apoyo permanente y aportes con su experiencia hicieron posible el término de
este proyecto.
7
INDICE
CARATULA
Paginas preliminares
Dedicatoria
Agradecimiento
Presentación
Introducción
I.-PROBLEMA DE INVESTIGACIÓN
1.1 Planteamiento del problema……………………………………11
1.2 Formulación del problema……………………………………..
13
1.3 Justificación………………………………………………………
13
1.4 Limitaciones………………………………………………………
14
1.5 Antecedentes…………………………………………………….
14
1.6 objetivos…………………………………………………………..
15
1.6.1 Objetivo
General……………………………………………….15
1.6.2 Objetivos Específicos………………………………….15
II.- MARCO TEORICO
2.1 teoría de la temática……………………………………..17
2.1.1 Definición…………………………………………………17
2.1.2comunicacion………………………………………………………………17
2.1.3 teoria de la comunicación…………….117
2.1.4 academia…………………………………..18
2.1.5 modelo pedagógico……18
2.2 teoría de la
herramienta……………………………………………………………….19
2.2.1 dreamweaver………………………………………………….19
2.3 flash…………………………………………………………….20
8
INTRODUCCIÓN
Hoy en 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 más rápidos y entretenidos.
Es así, que el grupo investigador vio la necesidad de dar a conocer los diferentes
procesos de formación pedagógica que se dan en la Institución Superior,
diseñando un sitio Web, donde se observa una descripción relacionada de los
diferentes espacios que hacen parte de la institución.
También el sitio Web permite atraer y mantener una constante comunicación con
los integrantes de la comunidad estudiantil, 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 estudiantil.
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
CAPITULO
10
I
I.-PROBLEMA DE INVESTIGACIÓN
1.1.-PLANTEAMIENTO DEL PROBLEMA
La Institución Educativa en su Sede Central y sus Sedes Anexas carece de una
Pagina Web Educativa
que permita una comunicación
dinámica y eficiente
entre los estamentos de la Comunidad que la conforman y facilite conocer los
diferentes procesos académicos que se desarrollan al interior de la misma.
El problema se hace notorio por cuanto casi todos los procesos que se realizan
al interior de la institución, se efectúan en forma manual y sin ningún control y
aquellos que pueden ser sistematizados o realizados
mediante el uso o
implementación de Tecnologías de la Información y la comunicación tampoco se
realizan. Lo anterior tampoco permite evidenciar mejoría en los niveles de
eficiencia y eficacia en los procesos pedagógicos y académicos. Además, en la
operacionalización de los diferentes procesos prima la comunicación verbal u
oral.
Igualmente, los diferentes estamentos se relacionan y comunican en forma directa
y cuando esta forma de relación no es posible,
se dificulta o se hace casi
imposible compartir, impartir o ejecutar la misión y visión de la Comunidad
Educativa, porque no se ha definido previamente un proceso jerarquizado de
comunicación y menos aún de funciones.
Para lograr identificar esta problemática se llevaron a cabo las siguientes
actividades en el proceso de recolección y análisis de información:
11

Evaluación del proyecto Educativo Institucional Reajustado y el Proyecto
COGECARE: (Comunicación, Gestión, Cambios y Resultados); cuya
finalidad es permitir:

Mejorar los procesos de comunicación entre los diferentes estamentos de
la Institución

Propiciar cambios y obtener resultados acordes a las
exigencias de las
Nuevas Tecnologías de la Información y la Comunicación.

Mejorar los procesos académicos y pedagógicos.
Como posible solución a la problemática el presente proyecto propone el Diseño
e implementación de una Pagina Web utilizando la herramienta Director:
Dreamweaver – Flash que permita mejorar los procesos
administrativos y
académicos en la Institución.
Este recurso buscará:

Mejorar los procesos
académicos de la comunidad educativa de la
Institución.

Agilizar y hacer más eficaces los procesos de comunicación de la Institución
Educativa.

Dotar a la Institución Educativa de una Pagina Web Educativa propio.
12
1.2.-FORMULACIÓN DEL PROBLEMA
¿Cómo diseñar e implementar un medio de información que sirva para dar a
conocer los diferentes procesos académicos que se desarrollan en la Institución
tecnologica?
1.3.-JUSTIFICACIÓN
Para la comunidad educativa de la Institución, se hace imprescindible
implementar un proyecto de esta índole, porque le permite a los diferentes
miembros de la comunidad apropiarse de todas las bondades propias de las
Nuevas Tecnologías de la Información y la Comunicación, los motivaría a un
aprendizaje (Dinámico y significativo), impulsaría en los docentes procesos de
actualización y capacitación, desarrollaría el sentido de pertenencia en cada uno
de ellos, al darse cuenta que pueden “sentir y Tocar” a la Institución, creerían que
son artífices de los cambios que se den, en consecuencia reforzarían el sentido
de responsabilidad y compromiso y, se haría más activa y democrática la vida
El proyecto le permitiría a la Institución los procesos académicos, ayudaría a
mejorar el proceso de comunicación entre los diferentes estamentos, impulsaría
a prestar un servicio más ágil, eficiente y al alcance de todos sus miembros; y
serviría para que
cada uno de ellos exprese sus puntos de vista,
recomendaciones y sugerencias que sirvan como materia prima en el Plan de
Mejoramiento
El diseño e implementación de un página Web en la Institución Educativa, permite
dar a conocer a todos sus miembros y a la comunidad en general, todos los
procesos académicos y pedagógicos que se llevan a cabo en su interior y
ayudara para que los conozcan mejor.
13
1.4.-LIMITACIONES
1.4.1
Carencia de material bibliográfico que contenga los enfoques
o
modelos relacionados estrictamente con el manejo
1.4.2
Desconocimiento para la creación de una página web.
1.4.3
Limitación para trabajar con tiempos libres, en la investigación del
proyecto.
1.5.-ANTECEDENTES
El estudioso DIAZ SALVATIERRA, Johnler presentó su tesis titulado
“Actitud de los estudiantes hacia la tecnología de Información”
en la que para efecto tomó una muestra de 80 alumnos del 5to “A” de educación Secundaria con
un diseño metodológico, en el que el tipo de investigación es Básica con esta experiencia de
investigación se busca avanzar en el conocimiento de del impacto que tiene el uso de la
computadora en el colegio, y presumiblemente, de reconocer formas , estrategias y hábitos que
es necesario promover para lograr una mejor y más adecuada manera de incorporar el uso de las
TIC en el proceso E_A. Asimismo realizó un tipo de investigación Descriptiva, en la que, busca
especificar las propiedades importantes de personas, grupos o comunidades o cualquier
fenómeno que sea sometido a análisis usando el método descriptivo llegando a la conclusión de
que Los resultados encontrados nos dicen claramente que existe una tendencia positiva de los
estudiantes hacia la computadora como herramienta de trabajo personal y como apoyo al trabajo
escolar, dentro de esta tendencia se logran distinguir algunos contrastes que dependen de las
variables
14
utilizadas
en
este
estudio.
§ El estudioso HUAMANTINCO QUISPE, Benecio, realizó una investigación
titulada “La computadora como material educativo en el proceso
enseñanza-aprendizaje”,
En la que usa el método descriptivo con una muestra de 60 alumnos del Instituto
Superior Pedagógico “Nuestra Señora de Lourdes” llegando a la conclusión de
que los profesores deben usar el material de la informática para elaborar
programas en el lenguaje Basic ya que facilita el aprendizaje de los alumnos
.Asimismo. El uso de material permite mejorar el tratamiento de la informática,
porque está elaborado para los estudiantes que se enfrentan por vez primera en
el mundo de la computación, permitiendo obtener resultados con mayor rapidez y
seguridad sustituyendo el tedioso trabajo de realizar cálculos por varias horas.
§ El estudioso ROJAS ALPAS, Joseph, en su investigación titulada “La
computadora como instrumento de afianzamiento en el aprendizaje”
Tomó como muestra 60 alumnos del nivel secundario de la Institución Educativa
“Los Libertadores” en la que hizo una investigación de tipo Descriptiva llegando a
la conclusión de que realmente el uso de la computadora en el proceso
enseñanza- aprendizaje tiene un efecto positivo incrementando el rendimiento
académico de los estudiantes del mencionado colegio.
1.6.-OBJETIVOS
1.6.1.-OBJETIVO GENERAL
Diseñar e implementar un sitio web utilizando
Dreamweaver y flash en la
institución educativa, para mejorar los procesos académicos
1.6.2.-OBJETIVOS ESPECÍFICOS
 Diseñar una página Web para mejorar los procesos académicos y
comunidad educativa, mediante la recolección de la información.
 Programar la página Web utilizando Dreamweaver – flash.
 Implementar el página Web en la Institución Educativa.
15
de la
CAPITULO
16
II
II.-MARCO TEÓRICO
2.1 DEFINICIÓN
El diseño e implementación de lapágina Web para dar a conocer los diferentes
procesos académicos y administrativos de la Institución, guarda una estrecha
relación con los siguientes conceptos:
4.1.1 Teoría de la Temática
 Comunicación
Proceso mediante el cual el ser humano emite
o trata de hacer llegar a un
receptor un mensaje mediante un canal de comunicación (medio). Lo anterior
implica no solo usar los medios a su disposición, sino que también debe conocer
su funcionamiento. En los procesos comunicativos mediante el uso de una página
Web se trata de difundir información y hacer un uso eficiente de las Tics.
 Teoría de la Información y de las Comunicaciones
Los avances de las diferentes ciencias, la tecnología y la organización social que
se vienen observando en los últimos años, han puesto de manifiesto que las
cualidades y la capacidad productiva de las personas y su condición para
apropiarse y dominar los nuevos conocimientos tecnológicos y renovarlos, serán
el principal determinante del progreso de los pueblos y naciones en el futuro. De
ahí que las personas deban también apropiarse de las nuevas tecnologías de la
información y de las Comunicación.
17
 Academia.
Dícese de aquel proceso inherente al aprendizaje de saberes, o de aquel proceso
que se desarrolla dentro y fuera de las Instituciones educativas que es de carácter
educativo, informativo o formativo mediante el cual se transmite información y/o
conocimientos
 Modelo Pedagógico de la Institución Educativa.
Una práctica educativa sin teoría es ciega; una teoría pedagógica sin práctica es
estéril”
“Un modelo es una herramienta conceptual inventada por el hombre para
entender mejor alguna cosa. Un modelo pedagógico es una representación de
las relaciones que predominan en el fenómeno de enseñar.
Un modelo
pedagógico, como representación de una teoría pedagógica, es un paradigma,
que puede coexistir con otros paradigmas dentro del campo de la pedagogía.
Analizando estos conceptos, se puede afirmar que un modelo pedagógico le da
sentido a los procesos académicos y administrativos porque sirve de soporte y
como herramienta didáctica permite una profunda transformación de los métodos
de enseñanza y sus contenidos, que si se toman con responsabilidad y
compromiso, mejoran la calidad de la educación en las instituciones escolares
 Modelo Pedagógico Romántico.
Representantes: Rousseau, Illich, Neil. Sus teorías plantean: “El maestro es sólo
un auxiliar o un amigo de la expresión libre, original y espontánea de los niños. El
ambiente pedagógico debe ser el más flexible posible para que el niño despliegue
su interioridad, sus cualidades y habilidades naturales en maduración y se proteja
de lo inhibidor e inauténtico que proviene del exterior…”
18
4.1.2 Teoría de la herramienta

DREAMWEAVER: (Dreamweaver-Flash 2004)
Dreamweaver es una herramienta de diseño de páginas web muy avanzada.
Aunque la persona que lo maneje sea un experto programador de HTML
encuentra en este programa otras razones y ventajas para utilizarlo, sobre todo
en lo que a productividad se refiere.
Cumple perfectamente el objetivo de diseñar páginas con aspecto profesional, y
soporta gran cantidad de tecnologías, además es muy fácil de usar y brinda entre
otros los siguientes beneficios: permite trabajar hojas de estilo y capas Javascript
para crear efectos e interactividades; además permite insertar e archivos
multimedia.
Es un programa que se puede actualizar con componentes, que fabrica tanto
Macromedia como otras compañías, para realizar otras acciones más avanzadas.
En resumen, el programa es realmente satisfactorio, incluso el código generado
es de buena calidad. La única desventaja es que al ser tan avanzado, puede
resultar un poco difícil su manejo para personas menos experimentadas en el
diseño de sitios webs.
Dreamweaver ha evolucionado mucho en su versión 4, que incluye soporte para
la creación de páginas dinámicas de servidor en ASP, con acceso a bases de
datos (versión Ultradev) y una mayor integración con otras herramientas de
Macromedia como Fireworks.
19
 FLASH
Se puede afirmar que Adobe “Flash es una aplicación en forma de estudio de
animación que trabaja sobre "Fotogramas" destinado a la producción y entrega de
contenido interactivo para diferentes audiencias alrededor del mundo. Los
archivos de Flash, que tienen generalmente la extensión de archivoSWF, pueden
aparecer en una página web para ser vista en un navegador , o pueden ser
reproducidos independientemente por un reproductor Flash. Los archivos de
Flash aparecenmuy a menudo como animaciones en páginas Web y sitios Web
multimedia, y más recientemente Aplicaciones de Internet Ricas. Son también
ampliamente utilizados en publicidad en la web.
En versiones anteriores, Macromedia amplió a Flash más allá de las animaciones
simples, convirtiéndola en una herramienta de desarrollo completa, para crear
principalmente elementos multimedia e interactivos para Internet.
Fue hasta el año 2005 que la empresa Macromedia conocida hasta entonces
como Macromedia Flash y adquirida por Adobe Systems (desde entonces
conocida como Adobe Flash) que amplía su portafolio de productos dentro del
mercado. Flash es un programa de edición multimedia con varias finalidades:
Sirve para crear animaciones, contenido multimedia, juegos, etc. Desde Flash 6
se integran los flotadores, es decir las ventanas de herramientas, como las de
colores, componentes, ayuda (que en las últimas versiones, ha tenido su propio
panel, y llamar a éste es tan fácil que basta con presionar la tecla F1). Los
componentes, son similares a los movieClips, ya construidos que vienen de varios
tipos, como los Componentes, o los componentes de interfaz, todos estos creados
por el equipo de Macromedia, para simplificar y ahorrar tiempo”
Actualmente las personas viven en un mundo inmerso e inherente a los
desarrollos tecnológicos y en consecuencia deben entender que ésta época se
conecta mediante la red-global, por lo tanto,
se debe encontrar una forma que
permita mantenerse intercomunicado con todas las personas en todas las partes
del mundo.
20
A partir de la segunda mitad de los años 80, una investigación realizada por la
Oficina Europea del Banco Interamericano de Desarrollo
“destacó la importante
transformación de la cultura y la comunicación con la aparición de equipamientos
multimedia, la digitalización de los formatos, etc., que comportan un cambio en
las formas de producción y consumo, por lo que el sector cultura es visto como
una actividad clave provocando un proceso de aceleración en las integraciones
empresariales, a esto se suma la publicitación y promoción de mercancías y
servicios en general en laspautas y los comportamientos culturales de la
sociedad. Es sabido que la industria y la economía no hubiesen alcanzado su
nivel actual sin la presencia de sus productos culturales y comunicacionales de
ahí la importancia significativa que tiene el vincular todos los procesos culturales
de un país a la red. Los procesos de convergencia tecnológica y la creciente
importancia económica y simbólica de las actividades culturales influyeron para
que a partir de la década del ochenta se presentaran cada vez mas articulaciones
entre industrias y sectores, generando nuevos protagonistas y actores,
tradicionalmente ajenos al campo cultural. En éste intento de reconstrucción
histórica, se reconoce una nueva práctica cultural, como construcción de
referentes identificatorios fundamentales para sus habitantes, para sintetizar su
historia y su memoria. Conquistar una nueva universalidad es un gran desafío.
Promover las industrias culturales permite la salida, la exportación y/o la
diseminación de tradiciones, costumbres, y de aspectos relacionados con el
campo agrícola de un pueblo en el exterior y el acceso de sus productos en el
país”.
21
22