Diseno E Implementacion D

Diseño E Implementación De Un Sitio Web Elaborado A Través De La Herramienta Dr ...
Página 1 de 36
DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB ELABORADO A TRAVÉS DE LA

HERRAMIENTA DREAMWEAVER PARA UNA COMUNICACIÓN EFECTIVA ENTRE LA
COMUNIDAD EDUCATIVA DE LA UNIDAD EDUCATIVA MUNICIPAL TÉCNICA TEODORO
AYA VILLAVECES DE FUSAGASUGÁ.
JOHN GABRIEL ÁNGEL OSORIO

FÉLIX LEONARDO GÓMEZ ESPINOSA
JEANE FERNANDA GÁLVEZ SABOGAL
FUNDACIÓN UNIVERSITARIA DEL ÁREA ANDINA

CENTRO DE EDUCACIÓN A DISTANCIA
ESPECIALIZACIÓN EN INFORMÁTICA Y TELEMÁTICA
FUSAGASUGÁ
2009
DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB ELABORADO A TRAVÉS DE LA
HERRAMIENTA DREAMWEAVER PARA UNA COMUNICACIÓN EFECTIVA ENTRE LA
COMUNIDAD EDUCATIVA DE LA UNIDAD EDUCATIVA MUNICIPAL TÉCNICA TEODORO
AYA VILLAVECES DE FUSAGASUGÁ.
JOHN GABRIEL ÁNGEL OSORIO

FÉLIX LEONARDO GÓMEZ ESPINOSA
JEANE FERNANDA GÁLVEZ SABOGAL
PROYECTO DE GRADO
COMO REQUISITO PARA OPTAR EL TÍTULO DE ESPECIALISTA
EN INFORMÁTICA Y TELEMÁTICA
ASESOR:
INGRITH YADIRA ÁLVAREZ ALFONSO
FUNDACIÓN UNIVERSITARIA DEL ÁREA ANDINA

CENTRO DE EDUCACIÓN A DISTANCIA
ESPECIALIZACIÓN EN INFORMÁTICA Y TELEMÁTICA
FUSAGASUGÁ
2009
Nota de aceptación
________________________________
________________________________
________________________________
________________________________
Presidente del jurado
_______________________________
Jurado
_______________________________
Jurado
http://www.buenastareas.com/impresion/Diseno-E-Implementacion-De-Un-Sitio/1049791 10/11/2010
Diseño E Implementación De Un Sitio Web Elaborado A Través De La Herramienta Dr ... Página 2 de 36
AGRADECIMIENTOS
Los autores del presente trabajo expresan sinceros agradecimientos a:
- Dios Todopoderoso por el preciado don de la vida y esta oportunidad de aprender nuevas cosas.
- A la Universidad del Área Andina por haber abierto sus espacios para el logro de esta superación
personal.
- A nuestras familias por el apoyo incondicional en el transcurso de la especialización.
- A la Unidad Educativa Técnica Teodoro Aya Villaveces por abrirnos los espacios y facilitarnos la
información necesaria para el desarrollo de este proyecto.
CONTENIDO
Pág.
INTRODUCCIÓN 12
1. PLANTEAMIENTO DEL PROBLEMA 13
1.1. DESCRIPCIÓN DEL PROBLEMA 13
1.2. ANTECEDENTES DEL PROBLEMA 15
1.3. FORMULACIÓN DEL PROBLEMA 16
2. JUSTIFICACIÓN 17
3. OBJETIVOS 18
3.1. OBJETIVOS GENERAL 18
3.2. OBJETIVOS ESPECÍFICOS 18
4. MARCO REFERENCIAL 19
4.1. MARCO TEÓRICO 19
4.1.1. SITIO WEB 20
4.1.2. DREAMWEAVER 21
4.1.3. Teoría Específica del Mapa de Contenido 24
4.1.3.2. Horizonte Institucional 24
4.1.3.3. Horarios: 25
4.1.3.4. Docentes 26
4.1.3.5. Legislación: 26
4.1.3.6. Feria Empresarial: 27
4.1.3.7. Actividades Académicas: 27
4.1.3.8. Contáctenos: 27
4.1.4. Mejoramiento de la comunicación 28
4.2. MARCO CONCEPTUAL 30
4.2.1. Propuesta 30
4.2.2. Aprendizaje Significativo como enfoque Pedagógico en la Unidad Educativa Municipal
Técnica Teodoro Aya Villaveces. 31
4.3. MARCO CONTEXTUAL 34
4.3.1. Unidad Educativa. 34
4.4. MARCO METODOLÓGICO 39
4.4.1. Tipo de investigación. 39
4.4.2. Tipo de aplicación del software diseñado 40
4.4.3. Técnicas de recolección de información 41
4.4.4. Análisis de la información 44

4.4.5. Objetivos del Diseño 51
4.4.6. Evidencias de diseño 52
5. DOCUMENTACIÓN. 67
5.1. MANUAL DEL USUARIO. 67
5.2. MANUAL TÉCNICO. 68
6. CONCLUSIONES 69
7. RECOMENDACIONES 70
ANEXO A 72
ANEXO B 74
LISTADO DE GRAFICAS
Gráfica 1. Estadísticas sobre la necesidad si la institución debe buscar

nuevas alternativas de comunicación. 43
Gráfica 2. Estadísticas de los acudientes que no pueden asistir a las

reuniones. 44
Gráfica 3. Estadísticas de la necesidad de un sitio web para facilitar

la comunicación con la institución. 45
Gráfica 4. Estadísticas de la información que los acudientes desearían

encontrar en el sitio Web. 46
Gráfica 5. Estadísticas de los acudientes que desearían comunicarse vía

E-mail con los docentes de la institución. 47
Gráfica 6. Estadísticas de los acudientes que desearían comunicarse vía

E-mail con rectoría, coordinación, secretaria de la institución. 48
Gráfica 7. Estadísticas de los acudientes que desearía en el sitio Web un espacio, de opinión para la
comunidad educativa en general. 49
Grafica 8. Interfaz N° 1: Inicio 53
Gráfica 9. Interfaz 2: Horizonte Institucional – Misión. 54
Gráfica 10. Interfaz 3: Horizonte Institucional – Visión. 55
Gráfica 11. Interfaz 4: Horizonte Institucional – Filosofía. 56
Gráfica 12. Interfaz 5: Horizonte Institucional – Símbolos. 57
Gráfica 13. Interfaz 6: Organigrama institucional. 58
Gráfica 14. Interfaz 7: Horarios. 59
Gráfica 15. Interfaz 8: Pdf Distribución horaria. 60
Gráfica 16. Interfaz 9: Docentes. 61
Gráfica 17. Interfaz 10: Legislación. 62
Gráfica 18. Interfaz 11: Feria Empresarial. 63
Gráfica 19. Interfaz 12: Actividades Académicas. 64
Gráfica 20. Interfaz 13: Contáctenos. 65

LISTA DE TABLAS
Pág.
Tabla 1. Aplicación del Software. 39
Tabla 2. Herramientas de desarrollo Dreamweaver 39
Tabla 3. Herramientas de desarrollo Flash 40
Tabla 4. Número y distribución porcentual de encuestados que consideran

que se deben buscar nuevas alternativas de comunicación. 43
Tabla 5. Número y distribución porcentual de encuestados que no han

podido asistir a las reuniones sin enterarse de los temas tratados. 44
Tabla 6. Número y distribución porcentual de encuestados que consideran importante las creación de un
sitio Web institucional. 45
Tabla 7. Número y distribución porcentual de encuestados que definen

sus preferencias en cuanto a la información que debería estar publicada
en el sitio Web. 46
Tabla 8. Número y distribución porcentual de encuestados que desea

comunicarse vía e-mail con los docentes de la institución. 47
Tabla 9. Número y distribución porcentual de encuestados que considera importante la comunicación vía
e-mail con cada uno de los estamentos que conforman la unidad educativa. 48
Tabla 10. Número y distribución porcentual de encuestados que desea un

espacio de opinión para la comunidad educativa en general. 49
Tabla 11. Guión de la interfaz N° 1 Inicio 53
Tabla 12. Guión de la interfaz N° 2 Horizonte Institucional – Misión 54
Tabla 13. Guión de la interfaz N° 3 Horizonte Institucional – Visión. 55
Tabla 14. Guión de la interfaz N° 4 Horizonte Institucional – Filosofía. 56
Tabla 15. Guión de la interfaz N° 5 Horizonte Institucional – Símbolos. 57
Tabla 16. Guión de la interfaz N° 6 Organigrama institucional. 58
Tabla 17. Guión de la interfaz N° 7 Horarios. 59
Tabla 18. Guión de la interfaz N° 8 Pdf Distribución horaria. 60
Tabla 19. Guión de la interfaz N° 9 Docentes. 61
Tabla 20. Guión de la interfaz N° 10 Legislación. 62
Tabla 21. Guión de la interfaz N° 11 Feria Empresarial. 63
Tabla 22. Guión de la interfaz N° 12 Actividades Académicas. 64
Tabla 23. Guión de la interfaz N° 13 Contáctenos. 65
LISTA DE ANEXOS
En el trabajo se encuentran los siguientes anexos:
A: Matriz de planeación de objetivos.
B: Encuesta para la comunidad educativa.
RESUMEN
Es importante reconocer que ninguna tecnología ha penetrado tan rápidamente en nuestra sociedad como
la tecnología de la información y la comunicación". Este cambio mental debe ir acompañado del
conocimiento y la apropiación de las herramientas digitales, pues advierte de que "pronto la multitud
más importante será aquella que está conectada pero que no sabe bien las lógicas de la red". Madrid, 22
febrero (EFE).- Reportaje: El auge de internet.
Un sitio Web es un punto de contacto mundial disponible en todo momento, el cual permitirá mejorar la
imagen de una institución, demostrando en primera instancia la noción y aceptación que la institución
tiene de las nuevas tecnologías. Se puede decir que no tener un sitio Web supone una gran desventaja
competitiva con respecto a otras empresas que utilizan este medio como herramienta principal de
ofrecimiento de servicios.
Es así, como que el grupo investigador vio la necesidad de diseñar el sitio web de la Unidad Educativa
Municipal Teodoro Aya Villaveces de Fusagasugá, Cundinamarca, con el fin de dar a conocer todo sus
aportes a sus educandos y comunidad en general
Para el desarrollo de la presente investigación se utilizó la línea de investigación de la tecnológica

aplicada; utilizando como instrumento de recolección de información una encuesta; después de aplicada
ésta se analizó los resultados determinando la necesidad del diseño e implementación del sitio web de la
Institución. Así mismo, se hizo evidente que la mayoría de la población tiene acceso a las herramientas
tecnológicas e igualmente les gustaría acceder a la información referida a los servicios prestados por la
Unidad Educativa Municipal Teodoro Aya Villaveces a través de sitio web que les permita interactuar
de forma dinámica con esa información.
INTRODUCCIÓN
Los avances tecnológicos como el computador y luego la red permite la comunicación entre personas, lo
cual ha sido muy beneficioso para usuarios y comunidades, que de una u otra forma han dado a conocer
sus ideas, proyectos, empresas, servicios, etc. Demuestra esto que la Internet es una herramienta de
imperiosa necesidad a la hora de publicitar y expandir cualquier idea o proyecto que se pretenda colgar
en la red. Es precisamente la idea de este proyecto, el diseño y la implementación de un sitio Web para
la Unidad Educativa Municipal Técnica Teodoro Aya Villaveces de Fusagasugá Cundinamarca, lo cual
sería de gran beneficio para una comunicación efectiva entre sus integrantes. Este proyecto de
investigación está concebido bajo los siguientes parámetros, al principio se ofrece una información
precisa y clara sobre los elementos y herramientas tecnológicas utilizadas para el desarrollo de la
investigación, esto constituye en gran parte lo que es el marco teórico del proyecto; a continuación se
ofrece en forma descriptiva los que representa este trabajo a nivel tecnológico, es decir se ofrece
teóricamente lo que es el sitio Web de Unidad Educativa Municipal Técnica Teodoro Aya Villaveces,
esbozando detenidamente las interfaces que se despliegan a través de la implementación del sitio en la
Internet, constituyendo esto el marco conceptual; luego se explica el entorno de aplicación y desarrollo
de la investigación, para finalizar con la metodología aplicada al proyecto de investigación. Cabe aclarar
que todo esto se apoya en objetivos, encuestas y análisis pertinentes que conllevan a la decisión de
diseñar e implementar el sitio Web de la Unidad Educativa.
En cuanto al despliegue en la Web del proyecto, cabe destacar que se logra utilizando la información
adquirida a través de la especialización en telemática ofrecida por la Fundación Universitaria del Área
Andina, cuyos conceptos dan el soporte necesario, además del trabajo personal, para poder colgar este
sitio Web.
PLANTEAMIENTO DEL PROBLEMA
1 DESCRIPCIÓN DEL PROBLEMA
En los últimos años en la Unidad Educativa Municipal Técnica Teodoro Aya Villaveces se ha venido
analizando en las diferentes reuniones ya sea de padres de familia, de docentes o de entes mayores como
lo son el Consejo Académico y el consejo Directivo, que se hace cada día mas evidente la presencia de
situaciones problemáticas específicas que trascienden en las actividades académicas y de convivencia de
la Institución, dilatando la consecución de buenos resultados en los estudiantes y apartándolos de una
formación integral eficiente. Estas situaciones de apremio las podemos describir de la siguiente manera:
La primera de ellas es que los padres de familia no tienen tiempo para asistir ni comunicarse con la
institución, ya que las familias que forman parte de la Unidad Educativa Municipal Técnica Teodoro
Aya Villaveces en su mayoría pertenecen a estratos 1 y 2 en la cual prevalecen hogares donde se han
tenido hijos anteriores a la unión y madres cabeza de familia. Para subsistir estas familias
económicamente, se hace necesario que tanto el padre como la madre tengan que salir a trabajar en
jornadas completas, en empleos con escasa estabilidad laboral y muy pocas por no decir nulas
posibilidades para solicitar permisos. Esto se refleja en el porcentaje del 22% de no reclamación de
boletines de procesos y asistencia a reuniones programadas en un 36%. Por esta razón la comunicación
entre Unidad Educativa y padres de familia o acudientes se ve muy afectada, pues los procesos
académicos y de convivencia en los cuales el padre o acudiente debe participar y conocer, le son
totalmente desconocidos, creando un espacio de ociosidad para que el educando maneje contextos que
va en contra de su formación académica y personal. El proyecto del sitio web institucional se propone
ser un mecanismo para facilitar la comunicación entre los padres y la institución. De esta manera se
limitan las posibilidades que tienen las estudiantes para emplear la información institucional de una
forma incierta.
Otra problemática diciente es la falta de sentido de pertenencia y compromiso de las estudiantes con la
institución, definiendo sentido de pertenencia como una cualidad que lleva a los educandos a sentir
orgullo de la Unidad a la que pertenecen, a respetar sus insignias, a cuidar su entorno y a entregar lo
mejor de cada una para estar conectadas y arraigadas con sus principios, valores y filosofía, su
necesidad, se pronuncia en todos los contornos educativos y se destaca en las malas conductas
particulares, problemas de convivencia y en el bajo rendimiento académico. Estas últimas son
observadas en las estudiantes de la Unidad Educativa Municipal Técnica Teodoro Aya Villaveces, razón
por la cual el proyecto del sitio web institucional tiene como desafío lograr sensibilizar a la comunidad
educativa a través de este recurso, ya que al tener acceso toda la comunidad, facilita la divulgación de
las diferentes actividades, eventos, proyectos pedagógicos, actos culturales, entre otros, que exaltan la
imagen institucional y consigo la de todos los que estén vinculados a ella.
De acuerdo con lo anterior y no siendo menos importante, al ser una institución oficial no se cuenta con
dotación de recursos didácticos suficientes ni apropiados para complementar la labor que los docentes
hacen en el aula, ni para estimular la creación e imaginación de acuerdo con las políticas nacionales
planteadas en el plan decenal respecto al uso de las TIC en la educación. El proyecto de la página web es
un espacio que brinda esta posibilidad a los docentes pues a través de ella, se puede hacer uso de una
gran variedad de material didáctico e información disponible en la red para mejorar los procesos de
enseñanza y aprendizaje, por esta razón, debido al nuevo auge de las telecomunicaciones y la Internet en
el mundo, se hace indispensable que las instituciones educativas, cuenten con una herramienta real como
lo es un sitio Web; donde toda la comunidad educativa pueda tener un contacto más directo con cada
uno de los elementos que la conforman.
Ante la implementación de las TIC en la educación se hace necesario que la Unidad Educativa
Municipal Teodoro Aya Villaveces de Fusagasugá cuente con su propio sitio web, en la cual se
evidencien todas las características que hacen posible el buen funcionamiento de la Institución, para así
lograr mantener informados desde cualquier parte a todos los integrantes de la misma.
Para terminar, es valioso destacar, que por motivos de tiempo y desplazamiento muchas veces la
comunidad tiene más alcance de información a través de los recursos informáticos, tecnológicos y del
Internet, permitiéndoles mayor interacción, destreza y habilidad en la adquisición de información.
2 ANTECEDENTES DEL PROBLEMA
En el año 2005, el grupo de docentes del área de tecnología en asocio con humanidades, por medio de lo
descrito en el “Proyecto de diseño e implementación de un sitio web utilizando la Herramienta
Dreamweaver, donde permite a las estudiantes publicar artículos y noticias por medio de un Periódico
Virtual”, se considero oportuno tener en cuenta que la creación de un sitio web institucional de
enfocarse única y exclusivamente a buscar una mejor relación de comunicación entre estudiantes,
docentes, padres de familia y acudientes, y directivos de la Institución educativa. La idea decayó en
razón a que al momento de ingresar a la pagina, por falta de un administrador, o persona que la
direccionara permanentemente se retiro, la cantidad de personas que visitaban el sitio era significativo,
pero al encontrar lo mismo todas las veces se aburrieron de ver lo mismo y dejaron de visitarla.
En el año 2007 un grupo de docentes, en la Unidad Educativa preocupados por los fenómenos que están
afectando los cambios climáticos, idearon y presentaron una propuesta para realizar un Foro en la ciudad
de Fusagasugá, la idea tuvo tanta acogida que como tarea y conclusión del mismo se creo una pagina
WEB, “www.foroambientaltav.es.tl” elaborada en DreamWeaber, que recogió las conclusiones del
Primer Foro, la pagina aun existe sin embargo es poco visitada, se diría que ya completamos el tercer
Foro y es visitada tan solo para la ocasión, y solo es para consultar este tema especifico.
Con el objeto de mejorar también la comunicación, Institución – Padres de Familia, el Grupo Directivo
de la Unidad Educativa Teodoro Aya Villaveces, en el año 2008, opto por la publicación de un
INFORMATIVO INSTITUCIONAL, que se prepara y publica por periodo académico para que los
Padres de familia conozcan: los hechos principales ocurridos dentro de ese periodo; se capaciten en
algún tema en especial; conozcan quienes son los mejores estudiantes dentro del periodo; el cronograma
del siguiente periodo para que se programen para asistir a las actividades de tipo institucional; Conozcan
algunas decisiones de tipo académico y/o de convivencia que se pretendan implementar; políticas a nivel
nacional, departamental o local que las autoridades educativas pretendan implantar; mencionar a los
Docentes, Directivos, Padres y Estudiantes que se hayan destacado por alguna razón; y en fin se recogen
aspectos relevantes de la vida Institucional.
Este informativo ha tenido el éxito esperado en la comunicación institucional, tiene muchos aportes de
diferentes estamentos y dependencias de la unidad, en la actualidad se continúa con esta publicación. Sin
embargo y a pesar de su aceptación es algo de carácter general y a los Padres de Familia les gustaría
conocer acerca de la institución de manera más periódica y ojala que la información que se le suministra
fuera un poco mas especifica acerca de los progresos, dificultades o inconvenientes que de tipo
académico y/o de convivencia pueda tener su hijo.
3 FORMULACIÓN DEL PROBLEMA
¿Cómo mejorar los niveles de comunicación de la Comunidad Educativa de la Unidad Educativa

Municipal Técnica Teodoro Aya Villaveces del Municipio de Fusagasugá haciendo uso de la
herramienta Dreamweaver en el diseño e implementación de un sitio web?
JUSTIFICACIÓN
Para la comunidad educativa de la Unidad Educativa Municipal Teodoro Aya Villaveces, resulta
prioritario establecer un mecanismo inmediato para optimizar la comunicación entre sus integrantes. El
proyecto está elaborado de acuerdo con las necesidades presentadas por sus principales actores y busca
desarrollar un proceso de información integral en el cual la tecnología, los procesos de comunicación y
la comunidad educativa son los componentes más importantes. Con los progresos y rápidos avances
tecnológicos que se dan día a día en el mundo, se hace indispensable su utilización y adecuación en lo
que a la enseñanza y a mecanismos de comunicación de se refiere.
Es por ello que el proyecto certifica la presentación del contexto de la Unidad Educativa, para elevar su
imagen ante la comunidad; para aportar mejoras a la problemática que se ha generado a raíz del fácil
ingreso a la Institución, por parte de personas que necesitan información y que a su vez su intención sea
importunar en cierta forma su correcto funcionamiento; igualmente para mantener una constante
comunicación productiva que permita adquirir aportes importantes en beneficio del sitio Web y de la
comunidad en general; todo esto sin duda alguna se da con el diseño de un sitio Web mostrando la
realidad, las vivencias cotidianas, el perfil de los integrantes de la Unidad, las actividades realizadas, los
cambios y el progreso de la comunidad.
Igualmente la implementación de este recurso les permitirá a los docentes, mostrar las diferentes
actividades que realizan dentro de su trabajo pedagógico, mantener informados a los estudiantes y
padres de familia acerca de comunicaciones vigentes en cuanto a citaciones, valoraciones y otros;
igualmente publicar artículos de carácter científico, informativo de investigación, fotografías y
evidencias laborales.
De igual manera permitirá poner en práctica los conocimientos adquiridos en la especialización en
informática y telemática, mediante la realización de un proyecto de investigación y desarrollo Web.
La implementación del proyecto podrá beneficiar directamente a toda la comunidad educativa, dado que
informa el agradable y próspero entorno Institucional.
OBJETIVOS
1 OBJETIVOS GENERAL
Diseñar e implementar un sitio web elaborado a través de la herramienta informática Dreamweaver para
mejorar los procesos de comunicación de la Unidad Educativa Municipal Técnica Teodoro Aya
Villaveces de Fusagasugá.
3 OBJETIVOS ESPECÍFICOS
1. Analizar la viabilidad del Sitio Web por medio de la aplicación de una encuesta.
2. Diseñar el sitio web de la Unidad Educativa Municipal Teodoro Aya Villaveces haciendo uso de la
herramienta Dreamweaver.
3. Implementar el sitio web de la Unidad Educativa Municipal Teodoro Aya Villaveces utilizando las
aplicaciones de la herramienta Dreamweaver.
MARCO REFERENCIAL
1 MARCO TEÓRICO
Las tecnologías de la comunicación TIC, se encargan del estudio, desarrollo, implementación,

almacenamiento y distribución de la información mediante la utilización de hardware y software como
medio de sistema informático, además son una parte de las tecnologías emergentes que habitualmente
suelen identificarse con las siglas TIC y que hacen referencia a la utilización de medios informáticos
para almacenar, procesar y difundir todo tipo de información o procesos de formación educativa.
Según la Asociación americana de las tecnologías de la información[1]: sería «el estudio, el diseño, el
desarrollo, el fomento, el mantenimiento y la administración de la información por medio de sistemas
informáticos, en pocas palabras, las Tecnologías de la Información tratan sobre el empleo de
computadoras y aplicaciones informáticas para transformar, almacenar, gestionar, proteger, difundir y
localizar los datos necesarios para cualquier actividad humana.
Los considerables avances tecnológicos en las comunicaciones y en la electrónica, exige nuevos

conocimientos y destrezas a profesionales y técnicos de las más variadas profesiones. Esta situación
plantea nuevos interrogantes a la educación, a todos los niveles.[2]
Sin embargo, existe un contraste sorprendente entre la rapidez con que la informática se integra a todos
los niveles de nuestra sociedad, y la lentitud con que la educación responde a los cambios en general.
Los problemas de la integración de ambientes informáticos a nivel de la enseñanza desde el punto de

vista de la formación de los estudiantes, se plantea en términos que implican más que el solo aprendizaje
de una u otra herramienta y que no tienen que ver solamente con las dificultades materiales que tal
integración significa para las instituciones educativas.
De cualquier forma, es fundamental para introducir la informática en la educación, la sensibilización e

iniciación de los profesores a la informática, sobre todo cuando se quiere introducir por áreas (como
contenido curricular y como medio didáctico).
1 SITIO WEB
Diseño E Implementación De Un Sitio Web Elaborado A Través De La Herramienta ... Página 10 de 36
La incorporación de la web a la vida cotidiana, hace que cada vez más gente busque satisfacer sus
necesidades de información o de servicios en la Internet que contiene páginas, documentos, textos,
y/o gráficos que están organizados en forma jerárquica que aparece como información digital en la
pantalla de un ordenador. Un sitio web puede contener una combinación de gráficos, textos, audio, video
y otros materiales dinámicos o estáticos.[3]
Un sitio web es un conjunto organizado y coherente de páginas web (generalmente archivos en formato
html, php, cgi, etc.) y objetos (gráficos, animaciones, sonidos, etc.). Su temática puede ser muy
variada. A través de un sitio web podemos ofrecer, informar, publicitar o vender contenidos, productos y
servicios al resto del mundo. Para que un sitio web pueda ser visitado por otras personas es necesario
que se encuentre alojado en un servidor. Se trata de una computadora conectada a la World Wide Web
con espacio en disco y conectividad suficiente para albergar sitios y servirlos al resto de la comunidad
de usuarios de Internet a través de direcciones IP o nombres de dominio[4].
En relación con las características de las páginas web, se considera que, para garantizar una mínima
calidad y rentabilidad, deben cumplir los siguientes requisitos:[5]
a) Validez de los contenidos: veracidad de la información, rigor de los servicios ofrecidos, capacidad de
renovación y actualización.
b) Estabilidad de la página en red: perspectivas sólidas de continuidad.
c) Funcionalidad de la navegación: entramado claro y coherente de los enlaces hipertextuales, visión
general de las opciones de navegación.
d) Calidad del diseño: secciones con una jerarquía clara de apartados y una secuenciación lógica.
e) Posibilidades de interacción: servicios de comunicación e intercambio que ofrece al usuario.
f) Atención y servicios al usuario: posibilidad de realizar consultas y obtener repuesta con un grado
razonable de inmediatez y utilidad.
g) Enlaces propuestos: comprobar la pertinencia y utilidad de las conexiones que ofrece.
Dentro de las páginas Web encontramos diferentes clases como lo son las páginas web estáticas son
aquellas realizadas en HTML que pueden mostrar en alguna parte de la página objetos en movimiento
tales como banners, gifs animados, videos, etc.; las páginas web animadas son aquellas que se realizan
con la tecnología FLASH, ésta permite que una página web presente el contenido con ciertos efectos
animados continuados; las páginas web dinámicas en las que se destacan los lenguajes PHP y ASP, los
cuales permiten una perfecta estructuración del contenido; los portales que son sitios web que en su
página principal permite el acceso a múltiples secciones que, por lo general, son foros, chats, cuentas de
correo, buscador, acceso registrado para obtener ciertas ventajas, las últimas noticias de actualidad; las
tiendas virtuales que son un sitio web que publica los productos de una tienda en particular en Internet.
Permite la compra on-line a través de VISA, domiciliación bancaria o transferencia por norma general;
por último las páginas Web con Gestor de Contenidos los cuales son un sitio web cuyo contenido se
actualiza a través de un panel de gestión por parte del administrador del sitio. Este panel de gestión suele
ser muy intuitivo y fácil de usar.
Por otra parte, uno de los principales objetivos de las páginas web institucionales es difundir
información de interés y relevancia pública, y hacerlo de forma constante y continuada. Para ello es
importante contar con una plataforma de dinamización de contenidos y con los medios suficientes para
su correcta difusión.
2 DREAMWEAVER
Es un editor de paginas web creado por Macromedia y propiedad de Adobe, es el programa mas
utilizado en el diseño y programación de web por sus funcionalidades, integración con otras
herramientas y por su soporte de los estándares de World Wide Web (www). Este tipo editor tiene
soporte tanto para edición de imágenes como para animación a través de su integración con otras
herramientas. Dreamweaver permite al usuario utilizar la mayoría de los navegadores web instalados en
los ordenadores y previsualizar el sitio o pagina web[6].
Dreamweaver permite al usuario utilizar la mayoría de los navegadores Web instalados en su ordenador
para previsualizar las páginas web. También dispone de herramientas de administración de sitios
dirigidas a principiantes como, por ejemplo, la habilidad de encontrar y reemplazar líneas de texto y
código por cualquier tipo de parámetro especificado, hasta el sitio web completo. El panel de
comportamientos también permite crear Java Script básico sin conocimientos de código.
Con las necesidades que se presentan en la sociedad obliga, a todas aquellas empresas a generar
actividad creativa, tecnológica, buscando competitividad e involucrarse en los procesos de
globalización. De esta situación no es ajena la gran industria de los computadores y software que han
adquirido una importancia relevante en todos los procesos que están inmersos dentro de nuestra
sociedad. En primera instancia cobra importancia el office el cual es una herramienta muy practica para
todos los procesos, pero a igual Macromedia entra al trabajo social como una herramienta generadora de
diferentes acciones que motivan, expresa situaciones altamente positivas en las acciones de
comunicación, direccionadas hacia todas las áreas del conocimiento.
Adentrarnos en fascinante accionar del Macromedia Dreamweaver, se hace necesario plantear

inicialmente sus grandes objetivos el cual es ser generador de edición de código html para el diseño
visual y la administración y sitios de páginas web, complejos y bien estructurados, presentando una
poderosa composición de herramientas visuales de diseño, funciones de desarrollo de aplicaciones y
soporte para la edición del código, características que permiten a expertos y poco expertos crear con
facilidad sitios web y aplicaciones basadas en estándares.
Macromedia Dreamweaver presenta un entorno con elementos básicos como lo son la pantalla, barras y
paneles agrupados en menús desplegables, barras de herramientas estándar, iconos para ejecutar en
forma inmediata, lanzador, es decir para mostrar y ocultar los paneles o inspectores, ventanas
flotantes ,inspector de propiedades que modifican el elemento seleccionado e igualmente el panel de
objetos que genera cambios en el nombre de un grupo de paneles, agrupación de paneles; métodos
abreviados de teclado , vista de diseño que hacen de este un manejo bastante funcional y poco
dispendioso.
Como se planteó inicialmente Dreamweaver edita configura sitios web. El sitio web genera un
conjunto de archivos y carpetas relacionadas entre sí, diseño similar y objetivo común.
Se presenta la creación de una carpeta en disco local, los documentos html se crean dentro de dicha
carpeta, para contener imágenes, las animaciones, las hojas de estilo. Así deben crear nuevas carpetas
dentro de éstos; sitio local, copiar en servidor web y utilizar FTP.
La creación o edición el sitio web con asistente, al modificar el Dreamweaver a través del sitio es
posible actualizar automáticamente, intentando que el tiempo de descarga en el navegador no sea muy
elevado. Dreamweaver nos permite calcular automáticamente el tiempo aproximado de descarga de las
páginas a partir de la velocidad de la conexión.
Dreamweaver permite con gran facilidad darle características al texto: estilo de fuente, color, alinear,
listas, sangrías, estilos predefinidos, con menos pasos y mayor flexibilidad, igualmente es posible
insertar texto a modo de listas, pueden ser numeradas, con viñetas o listas anidadas. Combina una serie
de atributos de texto color, tamaño par a crear borrar estilos html. Existe creación de nuevo estilo para
verificar los atributos de fuente y párrafo. En estilo CSS encontramos hoja de estilo automática,
especifica formato de texto, define atributos de imágenes color fondo para el texto, permite aplicar estilo
a la etiqueta que corresponde a hiperenlaces.
Una de las características y que se presenten con mayor uso con el Dreamweaver es el hiperenlace,
hipervínculo o vinculo, enlace que de ser pulsado lleva de una página o archivo a otra pagina o archivo
los cuales pueden ser de referencia absoluta que conduce ubicación externa al sitio en que se encuentra
el documento es decir internet; referencia relativa al sitio conduce un documento situado dentro de un
mismo sitio que el documento actual; referencia relativa al documento conduce a un documento situado
dentro del mismo sitio que el documento actual, pero partiendo del directorio en el que se encuentra el
actual; punto de fijación conduce a un punto dentro de un documento a través del menú insertar opción
punto de fijación con nombre.
Dreamweaver se presta para insertar imágenes en documento de igual forma imágenes especiales como
es el caso de los rolloves y los botones de flash para mejorar la apariencia de nuestras páginas utilizando
diferentes formatos de imagen como gif, jpg, psd, cdr, fih, ai, pex, eps y otros, sin embargo hay que
utilizar los que ocupen menos y que sean compatibles con los navegadores.
Presenta gran facilidad para desarrollar tablas insertando, combina celdas, inserta filas, columnas,
cambia tamaño, selecciona elementos de una tabla, logra modificaciones de los valores que se modifican
utilizando el inspector, color de formato o de borde de la tabla, es posible insertar tablas dentro de las
celdas de otras tablas, es decir anidar tablas.
Los marcos distribuyen mejor los datos de las páginas para fijar con mayor facilidad logotipos.
Igualmente se hace importante en la elaboración de formularios especializados para recoger datos de
los usuarios los cuales tienen como objetivo realizar pedidos comerciales, crear encuestas, conocer
opinión d los usuarios, recibir preguntas, hacer suscripciones.
La multimedia con código HTML al permitir multimedia hace que el Dreamweaver permita insertar
todo ello y al ser un programa propietario también películas flash, sonidos en las páginas web formatos
de sonido MP3,WAV, DGG, MIDI Y otros y videos AVI, MPEG, MOV.
3 Teoría Específica del Mapa de Contenido
4 Horizonte Institucional
Es el referido a los principales fines de la educación impartida en la institución educativa objeto de la

presente investigación. El horizonte institucional se traduce en un proceso de calidad y búsqueda
permanente de la excelencia de la educación desde acciones a nivel, administrativo, pedagógico,
comunitario y de convivencia que a su vez generan impacto en: Una educación de calidad desde el
contexto escuela-salón de clase? enfatizando en los procesos curriculares y de convivencia de los
estudiantes. Una educación de calidad desde el contexto escuela-comunidad entendiendo como el
empoderamiento del estudiante frente a su realidad inmediata para cambiarla y hacerla apropiada para sí
mismo y para los demás contando con los elementos en la escuela tanto en lo cognitivo como lo
humano. Una educación de calidad, encaminando nuestros esfuerzos en la formación de personas que
interiorizan, reflexionan, son sensibles y críticos frente a las realidades y demandas de nuestra sociedad
y lo que está espera de ellos.
Es así como reconocemos que la educación que brindamos a nuestros estudiantes debe ser una
educación de calidad que permita construir sujetos autónomos, capaces de exigir para sí mismos un
lugar digno dentro de la sociedad que los acoge, al tiempo que aportan a los procesos colectivos de
dominio técnico de los objetos, establecimientos de las relaciones éticas cuando son integrantes de una
comunidad y el aumento de las posibilidades de expresión estética de lo humano.
Allí podremos encontrar la Misión que se refiere a aquellas metas de corto plazo que se traza la
institución, La Misión hace referencia explícita a la naturaleza, carácter, identidad y razón de ser
particular de nuestra Unidad, como una Institución educativa al servicio de la sociedad Fusagasugüeña
en general; La Visión muestra el horizonte o el deber ser de la Institución, que nos orienta hacia dónde
queremos llegar dentro del contexto, de los escenarios académicos y administrativos esperados; los
símbolos que generan identidad institucional y que pretenden despertar en los jóvenes el amor por su
institución, es allí en donde se expresan los valores de la institución, se expresan sus metas y se le da
sentido a lo que se pretende hacer. Se definen la bandera, el escudo y el himno.
5 Horarios:
En un escenario como el escolar la organización debida y racional que se le de al manejo del tiempo y de
espacios pedagógicos tiene que estar perfectamente definidos, planeados y estructurados con el objeto,
de que la gran tarea de educar cobre sentido.
Es por eso que para atender los requerimientos de la Unidad o de cualquier institución educativa: es
necesario definir la intensidad con que se trabajará cada asignatura, para poder distribuir el tiempo que
se pretende tener al joven en la escuela; El espacio físico con que se cuenta y el numero de jóvenes que
se pretende mantener en cada grado, y definir los diferentes grupos ; Disponer de el grupo de docentes
necesarios para cubrir los parámetros antes fijados y empezar a diseñar un horario que tendrá una
duración igual al año lectivo.
6 Docentes
La docencia es la construcción de éxito: Nos parece ser la mejor definición que se pueda dar a un
docente. El docente es el profesional que recibe una situación y un objetivo curricular, entonces, es de su
exclusiva responsabilidad construir el éxito. Que para lograrlo, deberá acompañar a sus alumnos con
metodologías didácticas originales en sus respectivos procesos de construcción de los propios saberes
para que, individual y comunitariamente realicen el proyecto de aula, acorde a las necesidades de la
comunidad y de lo que se plantea la institución en su Proyecto Educativo Institucional. En este sentido,
los métodos son sólo instrumentos, se utiliza el que sirve y, si no sirve ninguno, se construye uno nuevo.
El docente debe tener la plena libertad de utilizar los instrumentos que más convengan al proceso, ello lo
determinará de acuerdo a la circunstancia educativa que deba enfrentar. Entonces, La práctica docente
es, lisa y llanamente, la construcción de éxitos educativos y, el docente es el responsable de que ello
ocurra. Para que cobre sentido dentro de nuestra los docentes tienen un link especial de tal forma que se
pueda conocer su área de desempeño y los espacios en que atienden las inquietudes de Padres y
Estudiantes.
7 Legislación:
Dentro de cualquier organización es fundamental que se conozcan cuales son las normas del Nivel local,
Departamental o Nacional en las que se enmarca la función que se pretende desarrollar, por eso es de
vital importancia definir espacios en donde alojar toda nuestra legislación especifica. Se puede afirmar
que una organización como la nuestra en donde no se pueda consultar el marco legislativo esta fuera de
control. Las peticiones, las propuestas, deben cumplir con unos referentes legales de tal forma que al
consultarlos nos permitan cometer los menores errores posibles.
8 Feria Empresarial:
De acuerdo a la modalidad técnica de tipo empresarial de la institución en investigación, existe un

elemento de carácter primordial que es el de las Ferias Empresariales “Jóvenes Construyendo Empresa”:
Se trata de dos actividades anuales: Una a mitad de año en donde las estudiantes de los grados 10° y 11°,
exponen sus propuestas empresariales a toda la comunidad, Se organiza adecuadamente un espacio para
que las 110 empresas de jóvenes de estos grados preparen unas producciones de tal forma que puedan
ser exhibidas y vendidas al publico asistente al evento; La Segunda es una Muestra Interinstitucional, en
donde se invitan a empresas de jóvenes de otros municipios del país a participar y muestren cuales son
las innovaciones de tipo nacional en materia empresarial juvenil.
Estas actividades son de mucha importancia para la vida institucional pues dejan entrever la calidad de
las propuestas de la institución y los invitados se llevan una imagen excelente de lo visto en este tipo de
encuentros.
9 Actividades Académicas:
Como toda institución de carácter educativo, programa actividades de tipo académico con estudiantes,
docentes y Padres de familia; estas actividades pretenden: realizar capacitaciones de carácter específico
a los estamentos y requieren de organización espacial; mostrar a la comunidad las capacidades artísticas
de nuestro jóvenes; fomentar la disciplina, el comportamiento en actos públicos;
Todas estas actividades tienen una organización y logística especial, se realizan con una preparación y
deben contar con un cronograma que permita a todos los estamentos estar en disposición para enfrentar
la parte que le corresponda.
10 Contáctenos:
En toda organización es fundamental que exista una descripción específica y clara de su ubicación
geográfica, su dirección, teléfono, correo electrónico. Esto le dará a la comunidad en general la
posibilidad expresar sus opiniones y recibir respuesta de sus inquietudes.
11 Mejoramiento de la comunicación
La comunicación es un proceso natural que trata de explicar como se realizan intercambios informativos
y como afectan a la sociedad en que se encuentre inmerso el individuo, constituyen el elemento
fundamental en el que las personas interactúan entre si y establecen lazos. En toda comunicación deben
existir elementos fundamentales que garanticen la calidad de la información transmitida: El primero es
el Emisor quien pretende hacer llegar un mensaje, para nuestro caso será la Institución Educativa quien
es la encargada de dar a conocer a sus estamentos y comunidad en general mensajes de todo tipo; Un
receptor, que será la comunidad educativa y ciudadanía en general quienes tendrán en sus manos toda la
información necesaria para recepcionarla y tomar de ella lo que necesita para proponer, sugerir y/o
reclamar o solucionar inquietudes; Una codificación o lenguaje que permita que la información sea
clara, veraz y que contenga los elementos suficientes para ser interpretada por la comunidad y se
puedan establecer lazos informativos claros entre la Institución, sus estamentos y comunidad en general;
Un mensaje propiamente dicho, que es toda información que se pretenda dar a conocer y; Un canal de
comunicación físico, que no se pretende que sea único, es fundamental que la comunicación en toda
organización fluya por diversos medios, sin embargo la INTERNET, hoy en día es el medio mas
efectivo por el cual fluye la información.
La comunicación pretende ser: Informativa: A través de ella se proporciona al individuo todo el caudal
de la experiencia social e histórica, así como proporciona la formación de hábitos, habilidades y
convicciones. En esta función el emisor influye en el estado mental interno del receptor aportando nueva
información; Afectivo - valorativa: El emisor debe otorgarle a su mensaje la carga afectiva que el mismo
demande, no todos los mensajes requieren de la misma emotividad, por ello es de suma importancia para
la estabilidad emocional de los sujetos y su realización personal. Gracias a esta función, los individuos
pueden establecerse una imagen de sí mismo y de los demás; Reguladora: Tiene que ver con la
regulación de la conducta de las personas con respecto a sus semejantes. De la capacidad
autorreguladora y del individuo depende el éxito o fracaso del acto comunicativo Ejemplo: una crítica
permite conocer la valoración que los demás tienen de nosotros mismos, pero es necesario asimilarse,
proceder en dependencia de ella y cambiar la actitud en lo sucedido; Control: La comunicación controla
el comportamiento individual. Las organizaciones, poseen jerarquías de autoridad y guías formales a las
que deben regirse los empleados. Esta función de control además se da en la comunicación informal;
Motivación: Lo realiza en el sentido que esclarece a los empleados qué es lo que debe hacer, si se están
desempeñando de forma adecuada y lo que deben hacer para optimizar su rendimiento. En este sentido,
el establecimiento de metas específicas, la retroalimentación sobre el avance hacia el logro de la meta y
el reforzamiento de un comportamiento deseado, incita la motivación y necesita definitivamente de la
comunicación; Cooperación: La comunicación se constituye como una ayuda importante en la solución
de problemas, se le puede denominar facilitador en la toma de decisiones, en la medida que brinda la
información requerida y evalúa las alternativas que se puedan presentar.
2 MARCO CONCEPTUAL
1 Propuesta
La propuesta, es una página Web diseñada en Dreamweaver, aplicación que nos permitió, incluir los
temas más relevantes que la Unidad Educativa Técnica Municipal “Teodoro Aya Villaveces” pretendió
colocar en su portal, a manera de información y con el fin de establecer una comunicación efectiva con
el Padre de Familia ya que existe la posibilidad de enviar mensajes a la misma para que sean resueltas
oportunamente.
La Aplicación nos permitió insertar en ella ocho páginas, cada una de ellas con la posibilidad de
acceder directamente a las diversas temáticas: Una de ellas es una página de inicio, en donde se le da
una bienvenida y se motiva a recorrer las diferentes posibilidades que propuestas y de ingresar a algunas
entidades del orden nacional y local; La segunda es la del Horizonte Institucional en la que expresan los
fundamentos principales de la organización como son la Misión, La Visión, Los símbolos y la carta
orgánica, además de poder acceder a los portales de las entidades del orden nacional y local
determinadas por la institución; El otro aspectos es el de conocer los docentes que laboran en la
institución, Primero se definió la parte Directiva de toda la Unidad. Como quiera que cuenta dos sedes, a
través de botones en una tabla se especifican cada sede y jornada para que se puedan consultar archivos
de PDF que contienen esta información; La siguiente es la de consultas de horarios, que para el caso de
la Unidad son variados, existen los horarios de atención a Padres por parte de la parte administrativa y
docente que en archivos PDF pueden ser consultados, se encuentran alojados también por sedes y
jornadas los de todos los cursos, docentes y aulas; dentro de la pagina se dejo el consultar dos tipos de
legislaciones: La Institucional en donde se publica el Manual de Convivencia, El Reglamento del
Consejo Directivo, y una vez esté terminada la Reglamentación del Sistema de Evaluación Ayista, está
listo el link para que pueda ser consultado; El otro tipo de reglamentación son algunas normas que a
Nivel Nacional que la Unidad debe consultar y que es necesario tener a mano, razón por la cual se
proponen algunas, y cuando se requiera se pueden anexar las que a nivel directivo la Unidad defina; En
el aspecto de Feria Empresarial se colocan fotos de las Ferias Empresariales Institucional e
Interinstitucional llevadas a cabo por la Unidad como el evento mas especial debido a su modalidad de
tipo empresarial; El link de Actividades Académicas nos presenta la posibilidad de consultar el
Calendario Académico, las fechas principales de las actividades institucionales y se pretende que la
Unidad publique en este portal el cronograma mensual de las actividades; En el espacio contáctenos se
dejo abierta la posibilidad para quien quiera enviar sugerencias, hacer peticiones, y comunicar
propuestas tenga esa posibilidad, previo el diligenciamiento de nombre y correo electrónico, enviar
mensajes.
Todas aquellas posibilidades se les dio vida con fotografías tratadas a través de programas como Paint,
Fireworks, documentos elaborados en Word y Excel que para ser mostrados fueron pasados a Pdf,
animaciones realizadas con Flash, textos consultados con la Unidad Educativa, links direccionados para
consultar entidades del orden nacional y local perfectamente concertados con la Unidad, los diseños de
logos perfectamente propuestos por el grupo de trabajo y aprobados por la Unidad.
2 Aprendizaje Significativo como enfoque Pedagógico en la Unidad Educativa Municipal Técnica

Teodoro Aya Villaveces.
El ser humano tiene la disposición de aprender -de verdad- sólo aquello a lo que le encuentra sentido o
lógica. El ser humano tiende a rechazar aquello a lo que no le encuentra sentido. El único auténtico
aprendizaje es el aprendizaje significativo, el aprendizaje con sentido. Cualquier otro aprendizaje será
puramente mecánico, memorístico, coyuntural: aprendizaje para aprobar un examen, para ganar la
materia, etc. El aprendizaje significativo es un aprendizaje relacional. El sentido lo da la relación del
nuevo conocimiento con: conocimientos anteriores, con situaciones cotidianas, con la propia
experiencia, con situaciones reales, etc. (Juan E. León). Básicamente está referido a utilizar los
conocimientos previos del alumno para construir un nuevo aprendizaje. El maestro se convierte sólo en
el mediador entre los conocimientos y los alumnos, ya no es él el que simplemente los imparte, sino que
los alumnos participan en lo que aprenden, pero para lograr la participación del alumno se deben crear
estrategias que permitan que el alumno se halle dispuesto y motivado para aprender. Gracias a la
motivación que pueda alcanzar el maestro el alumno almacenará el conocimiento impartido y lo hallará
significativo o sea importante y relevante en su vida diaria. (Rosario Pelayo)
Es una teoría psicológica porque se ocupa de los procesos mismos que el individuo pone en juego para
aprender. Pero desde esa perspectiva no trata temas relativos a la psicología misma ni desde un punto de
vista general, ni desde la óptica del desarrollo, sino que pone el énfasis en lo que ocurre en el aula
cuando los estudiantes aprenden; en la naturaleza de ese aprendizaje; en las condiciones que se requieren
para que éste se produzca; en sus resultados y, consecuentemente, en su evaluación (Ausubel, 1976). Es
una teoría de aprendizaje porque ésa es su finalidad. La Teoría del Aprendizaje Significativo aborda
todos y cada uno de los elementos, factores, condiciones y tipos que garantizan la adquisición, la
asimilación y la retención del contenido que la escuela ofrece al alumnado, de modo que adquiera
significado para el mismo.
El origen de la Teoría del Aprendizaje Significativo está en el interés que puso Ausubel por conocer y
explicar las condiciones y propiedades del aprendizaje, que se pueden relacionar con formas efectivas y
eficaces de provocar de manera deliberada cambios cognitivos estables, susceptibles de dotar de
significado individual y social (Ausubel, 1976). Dado que lo que quiere conseguir es que los
aprendizajes que se producen en la escuela sean significativos, Ausubel entiende que una teoría del
aprendizaje escolar que sea realista y científicamente viable debe ocuparse del carácter complejo y
significativo que tiene el aprendizaje verbal y simbólico. Así mismo, y con objeto de lograr esa
significatividad, debe prestar atención a todos y cada uno de los elementos y factores que le afectan, que
pueden ser manipulados para tal fin.
Desde este enfoque, la investigación es, pues, compleja. Se trata de una indagación que se corresponde
con la psicología educativa como ciencia aplicada. El objeto de la misma es destacar “los principios que
gobiernan la naturaleza y las condiciones del aprendizaje escolar” lo que requiere procedimientos de
investigación y protocolos que atiendan tanto a los tipos de aprendizaje que se producen en el aula,
como a las características y rasgos psicológicos que el estudiante pone en juego cuando aprende. De
igual modo, es relevante para la investigación el estudio mismo de la materia objeto de enseñanza, así
como la organización de su contenido, ya que resulta una variable del proceso de aprendizaje.
La Teoría del Aprendizaje Significativo tiene importantes implicaciones psicológicas y pedagógicas.

Considera que el aprendizaje se construye de manera evolutiva. Porque se ocupa de lo que ocurre en el
aula, postula los principios programáticos para organizar la docencia y, en este sentido, adquiere un
valor especial la necesidad de realizar un análisis conceptual del contenido que huya de planteamientos
simplistas. Es una teoría viva que no sólo se ha limitado a resistir durante tanto tiempo, sino que ha
evolucionado a lo largo de su historia, a través de las distintas contribuciones que ha recibido. La
aplicación de sus principios a la investigación en educación y a la enseñanza ha permitido, no sólo
validar su conocimiento, sino también ampliarlo con interesantes aportaciones que han enriquecido su
aplicación y su potencialidad explicativa. Los constructos de modelo mental y esquema de asimilación
permiten explicar el proceso de construcción del aprendizaje significativo y, por tanto, la adquisición, la
asimilación y la retención del conocimiento.
3 MARCO CONTEXTUAL
1 Unidad Educativa.
La Sede Principal de la Unidad Educativa Técnica Municipal Teodoro Aya Villaveces se encuentra
localizada en el Barrio Balmoral de Fusagasugá Cundinamarca entre la carrera 7 y la calle 16. La Sede
Camilo Torres se encuentra ubicada en la carrera 2 entre calles 10 y 10ª Barrio Tejar. Los teléfonos son
(1) 8672922 y (1) 8732514.
La Unidad Teodoro Aya Villaveces fue fundada en la Ciudad de Fusagasugá la cual fue fundada a la
manera española el 5 de febrero de 1592 momento desde el cual inicia su vida jurídica como pueblo de
indios y urbana; Fusagasugá limita por el norte con Silvania y Sibaté, al sur con Arbeláez y el
departamento del Tolima, en el orienté se ubica Pasca y al occidente Tibacuy; se encuentra ubicada en la
zona tórrida, a una altura promedio de 1728 metros sobre el nivel del mar, lo cual hace que posea una
temperatura promedio de 19°C.
Fue doña Aura Benavides de Guzmán, diputada a la Asamblea de Cundinamarca, quien por Ordenanza
No. 37 de 1961, decreto la Fundación del Colegio Departamental Femenino, hecho que se realizo el 5 de
marzo de 1965; iniciando las clases el 15 del mismo mes, con 91 alumnas de quinto primaria, primero y
segundo de bachillerato, bajo la dirección de la señorita Rosa Herrera.
Para la apertura del plantel presentó su colaboración el entonces, Alcalde TEODORO AYA
VILLAVECES. En 1966 el municipio adquirió un lote en el barrio Balmoral donde hoy se encuentran
las instalaciones de la unidad educativa, inaugurada por el entonces presidente de la república Dr. Julio
Cesar Turbay Ayala en el año 1970.
A partir del año de 1998 la Gobernación de Cundinamarca convirtió el colegio en un centro de

educación básica y media con énfasis en la Especialidad de gestión empresarial, dando lugar a la
restructuración y reorganización de procesos administrativos, curriculares, reglamentarios y de su
quehacer educativo y formativo.
1 Proyecto Educativo Institucional[7]
El Proyecto Educativo Institucional de la Unidad Educativa Técnica Municipal Teodoro Aya

Villaveces es producto de un trabajo colectivo, integrado, realizado por parte de los estamentos que
conforman la comunidad educativa escolar, y expresa la voluntad político-educativa de éste

conglomerado basados en la legislación escolar, en función del desarrollo de la democracia
participativa escolar, de la autonomía institucional, de la calidad educativa, de la formación ciudadana y
de las nuevas realidades para construir en su interior y en su entorno.
El proceso de estructuración del Proyecto Educativo Institucional se ha cimentado en el respeto por el

derecho a opinar en forma individual y diferente (pensamiento divergente), en la confrontación de ideas
en un ámbito pluralista y democrático, en la búsqueda de acuerdos y metas comunes (convergencias de
acción educativa) desde ópticas y perspectivas diferentes, siguiendo los postulados de la universalidad
del saber, es decir, intentando aproximaciones permanentes a la unidad de acción desde la diversidad
de pensamiento.
2 Misión
“Formación integral de los estudiantes para que con base en la vivencia de valores, logren asumir sus
responsabilidades de ciudadanos, desempeñándose con laboriosidad en el campo de la gestión
empresarial, a través del desarrollo de proyectos empresariales autogestados, que le permitan desarrollar
su capacidad investigativa, trascender en su proyecto de vida y vincular el sector educativo con el
productivo”
3 Visión
“Lograr una institución formadora de ciudadanos integrales que conscientes de las características del
entorno natural, social, político, cultural, empresarial y económico, puedan liderar una sociedad justa
equitativa y equilibrada fundamentada en el espíritu de autogestión”.
4 Perfil del estudiante
Desde el punto de vista ético las estudiantes están dotadas de dimensiones como ser histórico, social,
concreto y con necesidades. Es decir, es un ser abierto, creativo, y siempre en camino de ser mejor.
Sujeto de derechos-deberes, libertades-responsabilidades, garantías, compromisos-obligaciones, los
que le otorgan su “eminente dignidad personal”, debe abrirse a la integración con los demás
fomentando la cooperación e interacción consciente y positiva.
Desde el punto de vista epistemológico, el alumno como un “constructor activo” de su propio

conocimiento, deberá actuar participando en su formación en todo momento, ya sea en el aula escolar,
el laboratorio, el taller, el campo deportivo y demás espacios educativos; sus actividades serán “auto
iniciadas” es decir emerger libremente de su propio interés.
Por otro lado, el estudiante es un sujeto que posee un nivel específico de desarrollo cognitivo. Es un
aprendiz que posee un cierto fuero de conocimiento (estructuras y esquemas: competencia cognitiva) los
cuales determinan sus acciones y actitudes.
Estos conceptos exigen que se debe ayudar al alumno para que adquiera confianza en sus propias ideas
y las desarrolle y explore por sí mismo; debe haber libertad para que tome sus propias decisiones y debe
aceptar sus errores como experiencias constructivas.
5 Perfil del docente
El Docente es un“promotor del desarrollo y la autonomía de los educandos” y debe procurar que el
alumno sea un sujeto activo que aprenda de manera “significativa”, tal como se ha venido propugnando
en nuestros objetivos institucionales.
Se buscará que el alumno aprenda a aprender, aprenda a relacionarse, aprenda a optar, aprenda a
aprehender y complementariamente aprenda a hacer. Para ello el maestro debe diseñar experiencias de
aprendizaje en las que el alumno tenga la posibilidad de autogenerar su propio conocimiento y utilizar
la enseñanza indirecta, el planteamiento de problemas y los conflictos cognitivos como otras estrategias
didácticas.
Así mismo, debe fomentar un clima social fundamental que permita desarrollar el espíritu cooperativo y
de respeto para que la comunicación de la información académica y emocional sea exitosa.
Un buen maestro está interesado en la persona total de los alumnos y debe estar abierto a nuevas formas
de enseñanza u opciones educativas.
La interacción del alumno y el maestro debe darse con el propósito de intercambio de aprendizajes a
partir del diálogo de saberes, de tal manera que el docente asuma el rol de orientador del aprendizaje y el
estudiante enriquezca su proceso formativo y su conocimiento a través de las experiencias significativas
de adquisición del conocimiento.
6 Perfil de la egresada
“La egresada Ayista con formación Técnica en Gestión Empresarial será una Ciudadana integral; Líder,
competente, Honesta, Autónoma, Responsable, Emprendedora, Solidaria, Creativa, Con habilidades para
trabajar en equipo, conocedora de las características de su entorno natural, social, político, cultural,
empresarial y económico. Será capaz de generar y liderar proyectos empresariales, fundamentada en el
espíritu de autogestión, con capacidad de identificar problemas y oportunidades que le permitan liderar
procesos de solución y vinculación con la comunidad. Permitiéndole mejorar su calidad de vida en
procura del fortalecimiento económico y social de su región.”
La Unidad Educativa Municipal Técnica “Teodoro Aya Villaveces”, es una institución de carácter
oficial que presta sus servicios de Educación Primaria, Secundaria y Media Técnica en Gestión
Empresarial. La Básica Primaria se desarrolla en la sede “Camilo Torres” con 20 docentes, 10 en cada
jornada, 632 estudiantes; La Secundaria y Media se desarrollan en la Sede Colegio Femenino“Teodoro
Aya Villaveces” actualmente con 52 docentes también en dos jornadas, 5 Coordinadores para los dos
sedes, 7 administrativos, 1380 estudiantes con el 60% de jóvenes en estratos 1 y 2, provenientes de
diversos sectores del municipio. Recientemente se inicio en Jornada Nocturna el programa “Vamos a
Poder” amparado por la Alianza educativa por Colombia en convenio con el Ministerio de Educación,
La ESAP, Universidades Pedagógica y la Nacional Abierta y a Distancia y la Federación Nacional de
Consejos, trabajando por ciclos, en el Programa de Bachillerato Orientado a la Formación en
Administración del Poder Publico
Un total de 23 aulas, 2 de informática, 1 de gestión empresarial, 3 campos deportivos, laboratorios de

Física, Química y Biología, un aula especializada para el Desarrollo de habilidades artísticas, biblioteca,
cafetería, entre otras. Siendo una de las mejores plantas físicas educativas de Fusagasugá.
7 Información de los recursos técnicos y tecnológicos
La Unidad Educativa Municipal Técnica Teodoro Aya Villaveces cuenta con tres salas de sistemas de
aproximadamente 35 equipos de computo, cada sala esta acondicionada con servicio de Internet de
3000Kb provista por la Alcaldía de Fusagasugá, además se cuenta con tres equipos de última tecnología
que a la vez hacen de “servidores” en los cuales se da el correspondiente manejo a los otros equipos; la
institución cuenta con un host afiliado a .Net, con 10 Gb de capacidad, donde se alojan la pagina
institucional www.tavenlinea.net/, y otros link de navegación a través de los cuales los usuarios podrán
acceder a otras páginas concebidas para que la institución informe y puedan acceder a otros portales de
índole nacional y local
4 MARCO METODOLÓGICO
1 Tipo de investigación.
El planteamiento de la Investigación Tecnológica Aplicada se dirige a la implementación de la

formación de los recursos humanos en los estudios en el campo de la tecnología a través de su inserción
en el aprendizaje de la investigación, haciéndose a partir de la percepción de la Investigación
Tecnología, entendida esta como una estructura de instrumentos, técnicas y procedimientos organizados
con la finalidad de la descripción y producción, tanto de problemáticas tecnológicas, como de soluciones
del mismo orden. Asumida así, la Investigación Tecnológica tendría como finalidad solucionar
problemas o situaciones que el conocimiento científico consolidado como tecnología demanda; por lo
tanto no sería su finalidad descubrir nuevas leyes, y casualidades, sino la de reconstruir procesos en
función de descubrimientos ya realizados.
Al pensar en un proyecto de transformación como fin de toda Investigación Tecnológica, el proyecto, la

vía empírica, se presentaría como un conjunto metódico de mecanismos, pasos y técnicas de carácter
procedimental reflexivo, con procesos evaluativos a ser aplicados mediante la observación, como base
del método para la captación del hecho tecnológico. Una vez que esta vía se sistematice a través de la
experiencia reflexiva, ella en si se convertiría en un producto, en un método de investigación
tecnológica.
Es factible que la variabilidad de tipos de hechos tecnológicos, ameriten también una variedad de
métodos de Investigación Tecnológica. Si se puede caracterizar, el objeto de estudio como
cualitativamente diferente, también podremos caracterizar las vías, tanto para reproducir este objeto,
como, para captarlo, a fin de incidir en su transformación.
Una vez que se ha construido el objeto de Investigación tecnológica, el análisis funcional y experimental
ocupa fundamentalmente el espacio metodológico. Si el diseño es o no funcional dará la base para llegar
a la conclusión sobre la medición de su funcionalidad o disfuncionalidad. Es decir, para asumir que las
funciones que tiene la tecnología se les puede expandir, alargar o eliminar; luego que se dé la aprobación
de los criterios para desarrollar la investigación, previo el análisis de su pertinencia.
2 Tipo de aplicación del software diseñado
Tabla 1. Aplicación del Software.

|TIPO DE APLICACIÓN |Sitio Web |X
|
| |Aplicación Web |
| |Aplicación Multimedia |
| |Base de datos |
|Herramienta(s) |Dreamweaver, Flash
|Utilidad |Comunicación efectiva
|Usuarios |Comunidad Educativa general, (estudiantes, padres de familia,
docentes, administrativos y|
| |particulares) que hacen parte de la Unidad Educativa Municipal Técnica
Teodoro Aya |
| |Villaveces.
Tabla 2. Herramientas de desarrollo Dreamweaver

|Nombre de la Herramienta |Dreamweaver
|Versión |8.0
|Fabricante |Macromedia
|Tipo de licenciamiento |GNU | |RESERVADO
|
|Descripción funciones utilizadas en la elaboración del|La función específica es diseñar páginas que
interactúen entre ellas, |
|aplicativo |mostrando información general e intencionada sobre los aspecto
relacionados en|
| |el Mapa de Navegación de la Unidad Educativa Municipal Téc
Teodoro Aya |
| |Villaveces obtenida de todas y cada una de los estamentos de la
misma. |
Tabla 3. Herramientas de desarrollo Flash
|Nombre de la Herramienta |FLASH

|Versión |8.0
|Fabricante |Macromedia
|Tipo de licenciamiento |GNU | |RESERVADO
|
|Descripción funciones utilizadas en la elaboración del|La función específica es presentar mediante
elementos dinámicos y estáticos de |
|aplicativo |información relevante de la Unidad Educativa Municipal Técnic
Teodoro Aya |
| |Villaveces.
3 Técnicas de recolección de información
1 La Encuesta.
Para esta investigación se utilizo una encuesta la cual es un conjunto de preguntas normalizadas
dirigidas a una muestra representativa de la población o instituciones, con el fin de conocer estados de
opinión o hechos específicos. Son los instrumentos o fuentes de recolección de información, de donde se
obtienen los datos necesarios para medir los indicadores. El valor está limitado por los medios de que se
dispongan para verificarlo. Los medios de verificación facilitan el seguimiento y la evaluación, razón
por la cual se deben identificar todos aquellos elementos que evidencian la existencia de un indicador
determinado. El medio de verificación representa la acción, el instrumento, y la fuente de información,
que permite asignar un valor al indicador verificable. Para este proyecto se aplicaron encuestas con siete
preguntas de respuesta cerrada debidamente intencionada a la posibilidad que dieran los integrantes de
los diferentes estamentos de la Comunidad Educativa sobre la viabilidad del montaje de esta herramienta
motivo de estudio en este proyecto.
2 Tipos de encuesta
Las encuestas tienen por objetivo obtener información estadística indefinida, El cual pocas veces otorga,
en forma clara y precisa, la verdadera información que se requiere, de ahí que sea necesario realizar
encuestas a esa población en estudio, para obtener los datos que se necesitan para un buen análisis. Este
tipo de encuesta abarca generalmente el UNIVERSO de los individuos en cuestión.
Otro tipo de Encuestas es Encuestas por Muestreo en donde se elige una parte de la población que se
estima representativa de la población total. Debe tener un diseño muestral, necesariamente debe tener un
marco de donde extraerla y ese marco lo constituye el censo de población. La encuesta (muestra o total),
es una investigación estadística en que la información se obtiene de una parte representativa de las
unidades de información o de todas las unidades seleccionadas que componen el universo a investigar.
La información se obtiene tal como se necesita para fines estadístico demográficos.
Una forma reducida de una encuesta por muestreo es un "sondeo de opinión", esta forma de encuesta es
similar a un muestreo, pero se caracteriza porque la muestra de la población elegida no es suficiente para
que los resultados puedan aportar un informe confiable. Se utiliza solo para recolectar algunos datos
sobre lo que piensa un número de individuos de un determinado grupo sobre un determinado tema.
3 Ficha Técnica.
PROPÓSITO: La presente encuesta tiene por objeto conocer si las personas que pertenecen a la
comunidad Ayista consideran necesario la creación de un sitio web para mejorar los sistemas de
comunicación de la misma.
OBJETIVO: diseñar e implementar un sitio web elaborado a través de la herramienta informática

Dreamweaver como estrategia para crear una comunicación efectiva entre los miembros de la
comunidad educativa.
POBLACIÓN: La población a la cual se dirigió la presente investigación está conformada por la

Básica Primaria que se desarrolla en la sede “Camilo Torres” con 20 docentes y 632 estudiantes; la
Secundaria y Media se desarrollan en la Sede Colegio Femenino “Teodoro Aya Villaveces” actualmente
con 52 docentes, 5 Coordinadores para los dos sedes, 7 administrativos y 1380 estudiantes; y
aproximadamente 2900 padres de familia y acudientes.
MUESTRA: De esta población se seleccionaron aleatoriamente 3 docentes, 1 administrativo, 1

coordinador, 28 y 52 padres de familia o acudientes, de la Unidad Educativa Teodoro Aya Villaveces de
Fusagasugá.
% error: el margen de error es de 0.44
Fecha de aplicación: Agosto de 2008
4 Análisis de la información
Pregunta No 1: ¿Cree que la institución debe buscar nuevas alternativas de comunicación?
Tabla 4. Número y distribución porcentual de encuestados que consideran que se deben buscar nuevas
alternativas de comunicación.
|Respuesta |Parcial |Total |% Parcial |% Total |

|SI |70 |85 |82% |100% |
|NO |10 | |18% | |
Gráfica 1. Estadísticas sobre la necesidad si la institución debe buscar nuevas alternativas de

comunicación.
En conclusión el 88% de las personas encuestadas cree que la Unidad Educativa debe buscar nuevas
alternativas de gestión para así evitar las lentitudes y papeleos a la hora de presentar los diferentes los
documentos al efectuar los procesos de matrícula y el 12% es indiferente a estos procesos.
Pregunta No 2: ¿Ha dejado de asistir a reuniones del colegio por motivos personales o laborales sin
poder enterarse después de los temas tratados en las mismas?
Tabla 5. Número y distribución porcentual de encuestados que no han podido asistir a las reuniones sin
enterarse de los temas tratados.

|SI |60 |85 |76% |100% |
|NO |25 | |24% | |
Gráfica 2. Estadísticas de los acudientes que no pueden asistir a las reuniones.
El 76% que contesto afirmativamente, expresa su inconformismo por no encontrar mecanismos que
ofrezcan alternativas de información en cuanto a obtener información veraz que satisfaga su necesidad
de conocer las temáticas tratadas en las reuniones efectuadas por la Institución; por otra parte, el 24% es
indiferente a conocer o no la información dada en las reuniones programadas.
Pregunta No 3: ¿Considera importante la creación de un Sitio Web para la Unidad Educativa Municipal
Teodoro Aya Villaveces, dónde se obtengan los aspectos más importantes del proceso escolar de sus
hijos?
Tabla 6. Número y distribución porcentual de encuestados que consideran importante las creación de un
sitio Web institucional.

|SI |82 |85 |96% |100% |
|NO |3 | | 4% | |
Gráfica 3. Estadísticas de la necesidad de un sitio web para facilitar la comunicación con la institución.
En conclusión el 96% de las personas encuestadas consideran importante la creación de un sitio Web
Institucional para realizar un seguimiento más continuo de sus hijos y de las actividades allí realizadas;
al 4% le es indiferente la realización del sitio.
Pregunta No 4: Le gustaría encontrar información diversa de la Unidad Educativa Municipal Teodoro

Aya Villaveces acerca de:
Tabla 7. Número y distribución porcentual de encuestados que definen sus preferencias en cuanto a la
información que debería estar publicada
|Respuesta |Parcial |Total |% Parcial |%

|Historia de la institución. | 0 |85 | 0% |100%
|PEI. | 10 | |21% |
|Misión. | 5 | | 6% |
|Visión. | 5 | | 6% |
| Hoja de vida de los docentes. | 26 | |31% |
|Cronograma de actividades anuales. | 14 | |16% |
|Horizonte Institucional. |0 | | 0% |
|Galería de imágenes, sobre eventos de la institución. | 17 | |20% |
|
Gráfica 4. Estadísticas de la información que los acudientes desearían encontrar en el sitio Web.
En conclusión podemos decir que las personas encuestadas están interesadas en conocer todos los
aspectos técnicos de la Institución, pero sobre todo hacen énfasis en conocer cuál es el perfil de los
docentes que educan a sus hijas, y cual es el cronograma de actividad en el año.
Pregunta No 5: ¿Desearía comunicarse por e-mail (correo) con los docentes a cargo de las asignaturas
correspondientes al grado de su hija?
Tabla 8. Número y distribución porcentual de encuestados que desea comunicarse vía e-mail con los
docentes de la institución.

|SI |84 |85 |99% |100% |
|NO |1 | | 1% | |
Gráfica 5. Estadísticas de los acudientes que desearían comunicarse vía E-mail con los docentes de la
institución.
Reiterando el alto porcentaje de la pregunta No 4, a los padres de familia se les hace indispensable tener
un acercamiento más directo con los docente, y que mejor que utilizar una herramienta tecnológica
como lo es el correo electrónico que les permite hacerlo desde cualquier lugar, sin necesidad de acudir a
la institución y sin esperar los momentos a la semana de atención a padres o acudientes por parte de los
docentes.
Pregunta No 6: ¿Considera oportuna una comunicación permanente a través de cuentas de correo
electrónico con cada uno de los elementos de la Institución como: rectoría, coordinación, director de
grado, docentes, secretaria?
Tabla 9. Número y distribución porcentual de encuestados que considera importante la comunicación vía
e-mail con cada uno de los estamentos que conforman la unidad educativa.

|SI |70 |85 |20% |100% |
|NO |15 | |80% | |
Gráfica 6. Estadísticas de los acudientes que desearían comunicarse vía E-mail con rectoría,
coordinación, director de grado, secretaria de la institución.
Como se decía anteriormente, a los padres de familia y acudientes por falta de tiempo, se les dificulta
asistir a la Institución en busca información acerca de la situación tanto académica como de convivencia
de sus hijas; el 83% refleja la gran necesidad de indagar sobre las actividades y mecanismos de
desarrollo de actividades que presenta los diferentes entes de la Unidad “rectoría, coordinación, director
de grado, docentes, secretaria”
Pregunta No 7: ¿De crearse el sitio Web de la Institución Educativa, desearía en él un espacio, de
opinión para la comunidad educativa en general?
Tabla 10. Número y distribución porcentual de encuestados que desea un espacio de opinión para la
comunidad educativa en general.

|SI |83 |85 |20% |100% |
|NO |2 | |80% | |
Gráfica 7. Estadísticas de los acudientes que desearía en el sitio Web un espacio, de opinión para la
comunidad educativa en general.
En conclusión, definitivamente a los padres de familia y acudientes se les hace necesaria otra
herramienta de contacto con los docentes y consideran que la creación, de la página Institucional de la
Unidad Educativa Municipal Teodoro Aya Villaveces se hace necesaria para implementar nuevas
alternativas de comunicación entre las partes.
• Podemos decir en conclusión que la encuesta ha arrojado datos que comprueban la importancia de
crear un sitio web para la Unidad Educativa Municipal Teodoro Aya Villaveces para mejorar la
comunicación de la comunidad educativa.
5 Objetivos del Diseño
1 Objetivos Técnicos
Diseñar e implementar herramientas de carácter tecnológico interactivo que viabilicen la

comunicación entre los integrantes de la comunidad educativa de la Unidad Educativa Municipal
Técnica Teodoro Aya Villaveces.
2 Objetivos pedagógicos
Promocionar la Unidad Educativa Municipal Técnica Teodoro Aya Villaveces por medio de su Web
en la Internet para una comunicación más efectiva entre los integrantes de la Comunidad Educativa.
6 Evidencias de diseño
1 Mapa de contenidos
[pic]
2 Mapa de navegación del sitio
3 Diseño de interfaces y guiones
INTERFAZ No 1
Gráfica 8. Interfaz 1: Inicio
Tabla 11. Guión de la interfaz N° 1 Inicio

|No |OBJETO |ESTADO INICIAL|EVENTO |ACCIÓN |FUENTE
|
|1 |Grafico (Escudo de|No Activo |Ninguno |Ninguno |Unidad Educativa Teodoro Aya
Villaveces-. |
| la| Institución) | | | |
|2 |Texto |No Activo |Ninguno |Ninguno |Propio.
|3 |Banner (texto) |Activo |Por Tiempo |Movimiento |
|
|4 |Menú de Botones |Activo |Click |Click Usuario |
|5 |Grafico (Link Web |Activo |Click |Click Usuario
|www.mineducacion.gov.co/1621/channel.html |
| |Asociados) | | | |www.senavirtual.edu.com
| | | | | |www.computadoresparaeducar.gov.co
| | | | | |www.alcaldiadefusagasuga.gov
|6 |Banner (fotos) |Activo |Por Tiempo |Movimiento |
|
|7 |Grafico (Bandera |No Activo |Ninguno |Ninguno |Unidad Educativa Teodoro Aya
Villaveces-. |
| de| la Institución)| | | |
INTERFAZ No. 2
Gráfica 9. Interfaz 2: Horizonte Institucional – Misión.
Tabla 12. Guión de la interfaz N° 2 Horizonte Institucional – Misión.

|
Villaveces-. |
|
Villaveces-. |
INTERFAZ No. 3
Gráfica 10. Interfaz 3: Horizonte Institucional – Visión.
Tabla 13. Guión de la interfaz N° 3 Horizonte Institucional – Visión.

|
Villaveces. |
| |la Institución) | | | |
|
Villaveces-. |
INTERFAZ No. 4
Gráfica 11. Interfaz 4: Horizonte Institucional – Filosofía.
Tabla 14. Guión de la interfaz N° 4 Horizonte Institucional – Filosofía.

|
Villaveces-. |
Villaveces-. |
INTERFAZ No. 5
Gráfica 12. Interfaz 5: Horizonte Institucional – Símbolos.
Tabla 15. Guión de la interfaz N° 5 Horizonte Institucional – Símbolos.

|No |OBJETO |ESTADO |EVENTO |ACCIÓN |FUENTE
|
| | |INICIAL | | |
|1 |Grafico (Escudo |No Activo |Ninguno |Ninguno |Unidad Educativa Teodoro Aya
Villaveces-. |
| de | la | | | |
| |Institución) | | | |
|3 |Botones |Activo |Click |Click |
| |(Símbolos) | | |Usuario |
|4 |Menú de Botones |Activo |Click |Click |
| | | | |Usuario |
|5 |Grafico (Link Web|Activo |Click |Click |www.mineducacion.gov.co/1621/channel.html
|
| |Asociados) | | |Usuario |www.senavirtual.edu.com
Villaveces-. |
| de | la | | | |
| |Institución) | | | |
|7 |Botón PDF |Activo |Click |Click
|http://enm.nevermind.com.nx/imagenes/iconos/PDF.png |
| | | | |Usuario |
INTERFAZ No. 6
Gráfica 13. Interfaz 6: Organigrama institucional.
Tabla 16. Guión de la interfaz N° 6 Organigrama institucional.

|
| | |INICIAL | | |
|1 |Texto |No Activo |Ninguno |Ninguno |Unidad Educativa Municipal Teodoro
Aya Villaveces |
INTERFAZ No. 7
Gráfica 14. Interfaz 7: Horarios.
Tabla 17. Guión de la interfaz N° 7 Horarios.

|
Villaveces-. |
|3 |Botones (Horarios)|Activo |Click |Click Usuario |
Villaveces-. |
INTERFAZ No. 8
Gráfica 15. Interfaz 8: Pdf Distribución horaria.
Tabla 18. Guión de la interfaz N° 8 Pdf Distribución horaria.

|
| | |INICIAL | | |
|1 |Texto |No Activo |Ninguno |Ninguno |Unidad Educativa Municipal Teodoro
Aya Villaveces |
INTERFAZ No. 9
Gráfica 16. Interfaz 9: Docentes.
Tabla 19. Guión de la interfaz N° 9 Docentes.

|
Villaveces-. |
|3 |Botones (Docentes)|Activo |Click |Click Usuario |
|
Villaveces-. |
INTERFAZ No. 10
Gráfica 17. Interfaz 10: Legislación.
Tabla 20. Guión de la interfaz N° 10 Legislación.

|
Villaveces-. |
|3 |Botones |Activo |Click |Click Usuario |
| |(Legislación) | | | |
Villaveces-. |
INTERFAZ No. 11
Gráfica 18. Interfaz 11: Feria Empresarial.
Tabla 21. Guión de la interfaz N° 11 Feria Empresarial.

|
Villaveces-. |
|
|6 |Banner (fotos) |Activo |Por Tiempo |Movimiento |
|
Villaveces-. |
INTERFAZ No. 12
Gráfica 19. Interfaz 12: Actividades Académicas.
Tabla 22. Guión de la interfaz N° 12 Actividades Académicas.

|
Villaveces-. |
Villaveces-. |
INTERFAZ No. 13
Gráfica 20. Interfaz 13: Contáctenos.
[pic]
Tabla 23. Guión de la interfaz N° 13 Contáctenos.
|
Villaveces-. |
|2 |Datos de ingreso y|Activo |Ninguno |Click Usuario |Propio.
|
| |mensaje | | | |
|3 |Botón Enviar |Activo |Ninguno |Click Usuario |
|
Villaveces-. |
DOCUMENTACIÓN.
1 MANUAL DEL USUARIO.
Para ingresar al sitio web de la Unidad Educativa Municipal Técnica Teodoro Aya Villaveces se debe
tener en cuenta las siguientes instrucciones:
1. Entrar por Internet Explorer o un explorador similar, (Mozilla Firefox).
2. Escribir la dirección http://www... (Aún no hemos colgado la página posteriormente daremos la

dirección completa)
3. Clic en buscar.
4. Se entra al índex o página principal del sitio web de Unidad Educativa Municipal Técnica Teodoro
Aya Villaveces.
5. Al abrirse la página se verán otros enlaces que al dar clic sobre ellos, desplegarán otras páginas con
información relevante de la Unidad Educativa. Estos hipervínculos son: Horizonte Institucional, horarios
de clase, docentes, legislación, feria empresarial, actividades económicas y un blog para comentarios.
6. Cada uno de estos enlaces llevarán al usuario a conocer más información, galerías de fotos, videos
clips, documentos en PDF, gráficos e imágenes, tablas, etc.
2 MANUAL TÉCNICO.
1. Requerimientos Técnicos mínimos.
- Cuenta de alojamiento en un Servidor web. Especificaciones: Cualquier plataforma, que soporte

páginas WEB o Superior, con 1GB de espacio y con 8Gbits de transferencia mensual.
- Computador.
- Hardware:
Procesador: Pentium IV De 2.8ghz.
Disco Duro: 40 gigas
RAM: 512
Quemadora de DVD
Monitor: LCD”15
- Software:
Sistema Operativo Windows XP
Programas: Internet Explorer.
Microsoft Office.
- Conexión.
Internet 512 Kbps, Banda Ancha.
2. Resolución de la Pantalla.
800 por 600 pixeles o más.
3. Manera de conectarse.
Por medio del Internet Explorer.
Acceda a www.tavenlinea.net/ y encontrará la página de Inicio y los link de navegación a través

de los cuales los usuarios podrán acceder a otras páginas concebidas para que la institución informe y
puedan acceder a otros portales de índole nacional y local.
4. Manera de salir del aplicativo.
Para salir del aplicativo simplemente acceda a otra página desde el internet Explorer o salga del
mismo.
CONCLUSIONES
Después de un arduo proceso investigativo que arranca con una encuesta que arrojó la necesidad de
diseñar e implementar el sitio Web de la Unidad Educativa Municipal Técnica Teodoro Aya Villaveces,
se logra por fin este producto. Hoy la institución cuenta con un espacio en la inmensa red de
computadores. Un sitio bien alojado y con un dominio que permitirá una comunicación más efectiva
entre la Comunidad Educativa. Las herramientas tecnológicas que hicieron realidad este proyecto fueron
Adobe Dreamweaver que como su nombre lo indica gracias a esta aplicación hizo la realidad el sueño de
ver este proyecto hecho realidad. La aplicación Flash complementó el proyecto dándole el colorido y la
movilidad que hacen más llamativo este sitio Web.
De ahí que la Unidad Educativa Municipal Técnica Teodoro Aya Villaveces tiene desde este momento
las puertas abiertas a la comunidad para mostrar todos y cada uno de los elementos que la conforman y
además un sitio en el ciberespacio, para mantener informada a toda la comunidad educativa y a la vez a
interactuar con ellos.
RECOMENDACIONES
1. Se sugiere a la Unidad Educativa Municipal Técnica Teodoro Aya Villaveces buscar los espacios
pertinentes que le permita a la Comunidad educativa conocer la existencia de este portal, que
reconozcan sus posibilidades y se capaciten de forma tal que puedan de forma permanente comunicarse
y conocer de la institución permanentemente
2. La Unidad dentro de su organización debe determinar un administrador de esta página de tal forma
que la actualización de sus elementos e inclusión de otros se garantice, ya que proyectos similares en
otras instituciones, han decaído por la falta de una persona que promueva permanentemente la
publicación de artículos y actualización de las mismas.
3. A la Unidad con base en esta propuesta se le sugiere abrir una página para cada área, proyecto y
dependencia de tal forma que cada una de ellas permanentemente estén informando sobre sus proyectos.
Crear una urna Virtual en donde toda la comunidad opine sobre aspectos generales. En fin explotar todas
las posibilidades que nos da esta herramienta informativa-
BIBLIOGRAFÍA
• Proyecto educativo institucional, Unidad Educativa Municipal Técnica Teodoro Aya Villaveces,
Fusagasugá.
• http:/www.areandina.edu.co
• http:/www.arquitecturadeinformatica.cl/com
• http://es.geocities.com
• http://.blues.uab.es/home/material/programes/t023151/uabdisof.htm
• http://es.wikipedia.org/wiki/Adobe_Flash
• http://es.wikipedia.org/wiki/Adobe_Dreamweaver
• http://www.masadelante.com/faq-www.htm
• http://www.informaticamileniumcom.mx/espanol/sitioweb.htm#dpagina
• http://www.monografias.com/trabajos5/laweb/laweb.shtml#I4
• http://www.lawebera.es/manuales/primeros-pasos/como-empezar/tipos-de-webs.php
• http://www.hipertexto.info/documentos/internet.htm
• Ausubel, El origen de la Teoría del Aprendizaje Significativo, 1976.
ANEXOS
ANEXO A
MATRIZ DE PLANEACIÓN DE OBJETIVOS
Analizar viabilidad del Sitio Web, lo cual involucra las tareas relacionadas con:
|Tarea |Actividades |Responsable(s) |Fecha de

|
|Diagnóstico |Aplicación de encuesta. Observación de |Fernanda Gálvez |12 al
17 de Agosto |
| |documentos |John Ángel O. |

| | |Félix Gómez |
|Identificación características y |Tabulación análisis y conclusión |Fernanda Gálvez |20
al 25 de Agosto |
|requerimientos de los usuarios | |John Ángel O. |
|Identificación recursos existentes|Identificar recursos para la |Fernanda Gálvez |25 al
30 de Agosto |
|y necesarios |realización del proyecto |John Ángel O. |
|Diseño estructural del Sitio Web |Planear y organizar las estructuras que|Fernanda Gálvez
|3 al 11 de Septiembre |
| |se implementaran en el Sitio Web |John Ángel O. |
|Selección de la plataforma y/o |Elegir la información acerca de la |Fernanda Gálvez |12
al 15 de Septiembre |
|herramienta a utilizar |herramienta con la que se ejecutara el |John Ángel O. |
|
| |proyecto |Félix Gómez |
Desarrollar el Sitio Web, lo cual involucra las tareas relacionadas con:
|Tarea |Actividades |Responsable(s) |Fecha de e

|
|Programación. |Elección de material y actividades para|Fernanda Gálvez |16 al 20
de Septiembre |
| |el desarrollo del trabajo |John Ángel O. |
|Adecuación del entorno del |Revisión y adecuación del entorno del |Fernanda Gálvez
|22 al 26 de Septiembre |
|hardware |hardware |John Ángel O. |
|Adecuación del entorno del |Iniciar la programación del software |Fernanda Gálvez |27
al 30 de Septiembre |
|software | |John Ángel O. |
Implementar el Sitio Web, lo cual involucra las tareas relacionadas con:
|Tarea |Actividades |Responsable(s) |Fecha de e

|
|Implementación del sitio Web |Implementar el Sitio Web elaborado |Fernanda Gálvez
|3 de Octubre |
| | |John Ángel O. |
|Prueba del Sitio Web |Corregir y ajustar el Sitio Web |Fernanda Gálvez |6 de
Octubre |
|Elaboración manual de instalación|Elaborar el manual de instalación |Fernanda Gálvez
|12 de Octubre |
|Elaboración manual del usuario |Elaborar el manual de usuario |Fernanda Gálvez |16
al 20 de Octubre |
ANEXO B
NOMBRE: Encuesta
Esta encuesta es sobre la implementación de un sitio Web para la Unidad Educativa Municipal
Teodoro Aya Villaveces, que facilite a la comunidad educativa el acceso rápido y oportuno a
información y demás que ayudará a fortalecer el proceso comunicativo. Favor marcar con una X según
crea conveniente. De su colaboración depende el éxito de nuestra investigación.
1. ¿Cree que la institución debe buscar nuevas alternativas de comunicación?
SI □ NO □
2. ¿Ha dejado de asistir a reuniones del colegio por motivos personales o laborales sin poder enterarse
después de los temas tratados en las mismas?
SI □ NO □
3. ¿Considera importante la creación de un Sitio Web para la Unidad Educativa Municipal Teodoro Aya
Villaveces, dónde se obtengan los aspectos más importantes del proceso escolar de sus hijos?
SI □ NO □
4. Le gustaría encontrar información diversa de la Unidad Educativa Municipal Teodoro Aya Villaveces
acerca de:
□ Historia de la institución
□ PEI
□ Misión
□ Visión
□ Hoja de vida de los docentes
□ Cronograma de actividades anuales
□ Horizonte Institucional
□ Galería de imágenes, sobre eventos de la institución
5. ¿Desearía comunicarse por e-mail (correo) con los docentes a cargo de las asignaturas
correspondientes al grado de su hija?
SI □ NO □
6. ¿Considera oportuna una comunicación permanente a través de cuentas de correo electrónico con
cada uno de los elementos de la Institución como: rectoría, coordinación, director de grado, docentes,
secretaria?
SI □ NO □
7. ¿De crearse el sitio Web de la Institución Educativa, desearía en él un espacio, de opinión para la
comunidad educativa en general?
SI □ NO □
[pic][pic]
-----------------------
[1] http://www.itaa.org/ - Asociación americana de las tecnologías de la información
[2] © Dr. Pere Marquès Graells, 2000 (última re楶楳滳›㜲〯弓㠰⤠ഠ 栠瑴㩰工獥眮歩灩摥慩漮杲眯
歩白摁扯彥牄慥睭慥敶 ȍ栠瑴㩰工睷敶畭瑬浩摥潩牯疒獥慰潮目湩敤㉸瀮灨漿瑰潩㵮潣彭
潣瑮湥♴潤灟晤ㄽ椦㵤ള 瑨灴彡愯牰湥潤汥汢杯慩挮浯㈯〰弋㈰〲㌰挭牡捡整楲瑳捩獡搭ⵥ慬
慰楧慮敷桰൰ †–奈䕐䱒义栢瑴visión: 27/08/08 )
[3] http://es.wikipedia.org/wiki/Adobe_Dreamweaver
[4] http://www.vemultimedios.org/espanol/index2.php?option=com_content&do_pdf=1&id=3
[5] http://aprendoele.blogia.com/2007/022003-caracteristicas-de-las-paginas-web.php
[6] www.eduteka.org/profeinvitad
[7] Tomado del Proyecto educativo Institucional de la U.E.M.T. Teodoro Aya Villaveces
-----------------------
¼ÈêÈìÈÉ¦ÉÊGÊšÊìÊAË•Ë–Ë˜Ë™Ë›ËœËžËŸË¡Ë¢Ë£Ë¤Ë¥Ë÷ëâÝÝÝØÖÝÖÔÔÔÔÔÔÔÔÔËÆÔ?$[8]
a$[9]?$[10]
„ ü]„ üa$[11][pic][pic]””gd˜²gd˜„^„gdN”
„dà[pic][pic]^„ELEMENTOS A ENCONTRAR
EN EL SITIO WEB

Diseno E Implementacion D

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Diseno E Implementacion D

Загружено:

Авторское право:

Доступные форматы

Diseño E Implementación De Un Sitio Web Elaborado A Través De La Herramienta Dr ...

DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB ELABORADO A TRAVÉS DE LA

JOHN GABRIEL ÁNGEL OSORIO

FUNDACIÓN UNIVERSITARIA DEL ÁREA ANDINA

JOHN GABRIEL ÁNGEL OSORIO

FUNDACIÓN UNIVERSITARIA DEL ÁREA ANDINA

Los autores del presente trabajo expresan sinceros agradecimientos a:

- A nuestras familias por el apoyo incondicional en el transcurso de la especialización.

4.4.4. Análisis de la información 44

Gráfica 1. Estadísticas sobre la necesidad si la institución debe buscar

Gráfica 2. Estadísticas de los acudientes que no pueden asistir a las

Gráfica 3. Estadísticas de la necesidad de un sitio web para facilitar

Gráfica 4. Estadísticas de la información que los acudientes desearían

Gráfica 5. Estadísticas de los acudientes que desearían comunicarse vía

Gráfica 6. Estadísticas de los acudientes que desearían comunicarse vía

Grafica 8. Interfaz N° 1: Inicio 53

Gráfica 9. Interfaz 2: Horizonte Institucional – Misión. 54

Gráfica 10. Interfaz 3: Horizonte Institucional – Visión. 55

Gráfica 11. Interfaz 4: Horizonte Institucional – Filosofía. 56

Gráfica 12. Interfaz 5: Horizonte Institucional – Símbolos. 57

Gráfica 13. Interfaz 6: Organigrama institucional. 58

Gráfica 14. Interfaz 7: Horarios. 59

Gráfica 15. Interfaz 8: Pdf Distribución horaria. 60

Gráfica 16. Interfaz 9: Docentes. 61

Gráfica 17. Interfaz 10: Legislación. 62

Gráfica 18. Interfaz 11: Feria Empresarial. 63

Gráfica 19. Interfaz 12: Actividades Académicas. 64

Gráfica 20. Interfaz 13: Contáctenos. 65

Tabla 1. Aplicación del Software. 39

Tabla 2. Herramientas de desarrollo Dreamweaver 39

Tabla 3. Herramientas de desarrollo Flash 40

Tabla 4. Número y distribución porcentual de encuestados que consideran

Tabla 5. Número y distribución porcentual de encuestados que no han

Tabla 7. Número y distribución porcentual de encuestados que definen

Tabla 8. Número y distribución porcentual de encuestados que desea

Tabla 10. Número y distribución porcentual de encuestados que desea un

Tabla 11. Guión de la interfaz N° 1 Inicio 53

Tabla 12. Guión de la interfaz N° 2 Horizonte Institucional – Misión 54

Tabla 13. Guión de la interfaz N° 3 Horizonte Institucional – Visión. 55

Tabla 14. Guión de la interfaz N° 4 Horizonte Institucional – Filosofía. 56

Tabla 15. Guión de la interfaz N° 5 Horizonte Institucional – Símbolos. 57

Tabla 16. Guión de la interfaz N° 6 Organigrama institucional. 58

Tabla 17. Guión de la interfaz N° 7 Horarios. 59

Tabla 18. Guión de la interfaz N° 8 Pdf Distribución horaria. 60

Tabla 19. Guión de la interfaz N° 9 Docentes. 61

Tabla 20. Guión de la interfaz N° 10 Legislación. 62

Tabla 21. Guión de la interfaz N° 11 Feria Empresarial. 63

Tabla 22. Guión de la interfaz N° 12 Actividades Académicas. 64

Tabla 23. Guión de la interfaz N° 13 Contáctenos. 65

En el trabajo se encuentran los siguientes anexos:

A: Matriz de planeación de objetivos.

B: Encuesta para la comunidad educativa.

Para el desarrollo de la presente investigación se utilizó la línea de investigación de la tecnológica

PLANTEAMIENTO DEL PROBLEMA

1 DESCRIPCIÓN DEL PROBLEMA

2 ANTECEDENTES DEL PROBLEMA

3 FORMULACIÓN DEL PROBLEMA

¿Cómo mejorar los niveles de comunicación de la Comunidad Educativa de la Unidad Educativa

Las tecnologías de la comunicación TIC, se encargan del estudio, desarrollo, implementación,

Los considerables avances tecnológicos en las comunicaciones y en la electrónica, exige nuevos

Los problemas de la integración de ambientes informáticos a nivel de la enseñanza desde el punto de

De cualquier forma, es fundamental para introducir la informática en la educación, la sensibilización e

Adentrarnos en fascinante accionar del Macromedia Dreamweaver, se hace necesario plantear

3 Teoría Específica del Mapa de Contenido