Académique Documents
Professionnel Documents
Culture Documents
ASESOR:
GUSTAVO LAVERDE SANCHEZ
DEDICATORIA
A Dios, por darme las fuerzas y salud necesaria para asumir la responsabilidad de
iniciar esta Especializacin; a mi esposo, Gustavo y a mis hijos Liany y Gustavo
Adolfo, apoyo constante en todas mis actividades.
Nereyda Dueas.
A Dios por darme la seguridad y nimo de iniciar esta meta, a mi compaero Jorge
Enrique Hewitt, y mis Hijos Mnica y Jess Enrique por haberme apoyado en los
momentos de dificultad.
Bertilda Torres.
AGRADECIMIENTOS
A la Fundacin Universitaria del rea Andina, por llegar hasta el Municipio de
Magangu y hacer un aporte al crecimiento profesional de los docentes y de la
educacin, a travs de la Especializacin en Informtica y Telemtica.
A la Institucin Educativa Comunal de Versalles por la oportunidad de llevar a
cabo la elaboracin de este proyecto.
Al rector de la Institucin Educativa Comunal de Versalles, Eulogio Manuel
Granados Castro, por creer en el proyecto y facilitar los medios econmicos para
llevarlo a cabo.
A los docentes de la Institucin Educativa Comunal de Versalles por su inters
haciendo llegar el informe de sus proyectos, facilitando el sostenimiento del sitio
web.
CONTENIDO
pg.
INTRODUCCIN ................................................................................................... 12
1. PLANTEAMIENTO DEL PROBLEMA ............................................................... 13
1.1 DESCRIPCIN DEL PROBLEMA ................................................................... 13
1.2 ANTECEDENTES DEL PROBLEMA ............................................................... 14
1.3 FORMULACIN DEL PROBLEMA .................................................................. 15
2. JUSTIFICACIN ............................................................................................... 16
3. OBJETIVOS ....................................................................................................... 17
3.1 GENERAL ........................................................................................................ 17
3.2 ESPECFICOS ................................................................................................. 17
4. MARCO REFERENCIAL.................................................................................... 18
4.1 MARCO TERICO .......................................................................................... 18
4.1.1 La informacin y la Internet ........................................................................... 18
4.1.2 Los jvenes y la Internet ............................................................................... 19
4.1.3 Los Sitios Web .............................................................................................. 21
4.1.4 Herramienta de diseo web, Adobe Dreamweaver ....................................... 22
4.1.5 Herramienta de animacin, Adobe Flash ...................................................... 23
4.2 MARCO CONCEPTUAL .................................................................................. 24
4.3 MARCO CONTEXTUAL ................................................................................... 26
4.3.1 Ubicacin socio demogrfica ........................................................................ 26
4.3.2 Resea histrica ........................................................................................... 27
4.3.3 Caracterizacin de la poblacin .................................................................... 28
4.3.4 Recursos tecnolgicos disponibles ............................................................... 28
4.4 MARCO METODOLGICO ............................................................................ 29
4.4.1 Diseo. .......................................................................................................... 29
4.4.1.1 Tipo de investigacin ................................................................................. 29
4.4.1.2 Tipo de aplicativo de software diseado. ................................................... 30
4.4.1.3 Herramientas de desarrollo ........................................................................ 30
LISTA DE TABLAS
pg.
Tabla 1. Descripcin del tipo de aplicativo.
Tabla 2. Descripcin de funciones utilizadas en Dreamweaver
Tabla 3. Descripcin de funciones utilizadas en Flash
Tabla 4. Informacin oportuna sobre desarrollo de actividades en la
institucin
Tabla 5. Medios de informacin que se utilizan en la Institucin.
Tabla 6. Eficacia de los medios de informacin de la institucin.
Tabla 7. Utilizacin de la Internet.
Tabla 8. Publicacin de experiencias en la web.
Tabla 9. Importancia de sitio web institucional.
Tabla 10. Intencin de publicar experiencia en sitio web institucional.
Tabla 11. Aspectos que mejoran con sitio web institucional.
Tabla 12. Guin de interfaz de la pgina Inicio
Tabla 13. Guin de pginas Quienes Somos
Tabla 14. Guin de pginas Nuestras Sedes
Tabla 15. Guin de pginas Planeacin
Tabla 16. Guin de pginas Noticias
Tabla 17. Guin de pginas Departamentos de reas
Tabla 18. Guin de pginas Proyectos de los departamentos de reas
Tabla 19. Guin de pgina Mapa del sitio
Tabla 20. Guin de pgina Enlaces de inters
30
30
31
32
32
33
34
34
35
36
36
41
43
45
46
48
50
52
54
56
LISTA DE FIGURAS
pg.
Figura 1. Resultados de encuesta pregunta 1
Figura 2. Resultados de encuesta pregunta 2
Figura 3. Resultados de encuesta pregunta 3
Figura 4. Resultados de encuesta pregunta 4
Figura 5. Resultados de encuesta pregunta 5
Figura 6. Resultados de encuesta pregunta 6
Figura 7. Resultados de encuesta pregunta 7
Figura 8. Resultados de encuesta pregunta 8
Figura 9. Mapa de contenido del sitio web
Figura 10. Mapa de navegacin del sitio web
Figura 11. Interfaz de la pgina Inicio
Figura 12. Interfaz de pginas Quienes Somos
Figura 13. Interfaz de pginas Nuestras Sedes
Figura 14. Interfaz de pginas Planeacin
Figura 15. Interfaz de pginas Noticias
Figura 16. Interfaz de pginas Departamentos de reas
Figura 17. Interfaz de pginas Proyectos de los departamentos de reas
Figura 18. Interfaz de pgina Mapa del sitio
Figura 19. Interfaz de pgina Enlaces de inters
32
33
33
34
35
35
36
37
38
39
40
42
44
46
47
49
51
53
55
LISTA DE ANEXOS
pg.
Anexo A. Matriz de gestin de objetivos especficos
Anexo B. Modelo de encuesta aplicada
62
64
GLOSARIO
Banner: Anuncio publicitario, que puede incluir textos, imgenes, sonidos y
animacin. Se utiliza como encabezado de las pginas web, donde se muestra el
nombre, logotipo, fotos y otros elementos que identifican la entidad duea del sitio
web.
Dominio: Nombre que identifica un sitio web.
Dreamweaver: Programa para disear pginas web, producido por la empresa
Adobe Systems.
Flash: Programa para disear animaciones y aplicativos multimedia, que se usan
con mucha frecuencia en las pginas web. Es producido por la empresa Adobe
Systems.
Hipervnculo: Tambin llamado enlace o link. Elemento de una pgina web o de un
documento (palabra, imagen, botn) que sirve de conexin entre pginas web.
Hosting: Espacio de un servidor donde se publican los archivos de un sitio web,
puede ser gratuito o pago.
Interfaz: Representacin grfica de programas y pginas web, que permite la
interaccin entre los humanos y los computadores.
Multimedia: Combinacin de distintos medios (texto, imagen, sonidos, videos,
animacin) para transmitir ideas, mensajes, conocimientos, publicidad.
Sitio Web: Conjunto de pginas web relacionadas, referentes a un tema en
particular, que se enlazan entre s a travs de los hipervnculos.
TIC: Sigla de Tecnologas de la Informacin y la Comunicacin.
10
RESUMEN
Este documento recoge los aspectos generales y particulares del proyecto: Diseo
e implementacin de un sitio web para difundir las actividades que se desarrollan
en la Institucin Educativa Comunal de Versalles de Magangu Bolvar,
utilizando la herramienta informtica Dreamweaver.
Se inicia con el planteamiento del problema a resolver; punto en el que se
describe la situacin problemtica: la inexistencia de un medio informativo eficaz
en la Institucin, los intentos realizados para remediarla y la formulacin que
hacen los autores para resolver lo planteado, ante lo cual se decide disear un
sitio web.
Le siguen, las explicaciones que justifican su ejecucin; donde se expresan las
razones pertinentes por las cuales se debe desarrollar el proyecto, como lo es la
importancia de usar las Tecnologas de Informacin y Comunicacin actuales para
mantener informado a la comunidad educativa sobre las actividades que marcan el
diario acontecer de la Institucin.
Como tercer punto se determinan los objetivos, general y especficos, a alcanzar
con su ejecucin. Contina con las teoras que se toman como sustento, de
acuerdo al diseo e implementacin de sitios web, tema central del proyecto, los
conceptos que se involucran en su desarrollo, como son la informtica y la
internet, los jvenes y la internet, los sitios web, herramientas de diseo
Dreamweaver y Flash, as como informacin general del contexto en el cual se
lleva a cabo.
Los siguientes apartes se refieren a la metodologa empleada para su puesta en
prctica; aqu se esbozan temas atinentes al tipo de investigacin, particularmente
la investigacin tecnolgica aplicada; la recoleccin de informacin que soporta la
investigacin, efectuada a travs de una encuesta, con el anlisis de sus
resultados y las herramientas informticas utilizadas para el diseo del sitio web,
Dreamweaver y Flash. Adems, se da a conocer los aspectos de diseo, como
son los contenidos, navegacin e interfaces.
El documento finaliza con las conclusiones del trabajo realizado, las
recomendaciones que deben ser tenidas en cuenta por la Institucin Educativa
Comunal de Versalles, la anotacin de las fuentes bibliogrficas consultadas y los
anexos.
11
INTRODUCCIN
La Internet ha representado un cambio substancial en la comunicacin y la forma
de acceder a la informacin. Hoy, es un medio utilizado por millones de personas
en el mundo, por lo que es aprovechada para compartir ideas, experiencias y
saberes, as como tambin, para promocionar y vender productos y servicios.
En el campo de la educacin, se ha convertido en una herramienta que se utiliza
para fines diversos, que pueden ir desde publicitar programas de formacin, hasta
la realizacin de cursos y estudios superiores en la modalidad virtual.
Precisamente, la idea de este proyecto es el de aprovechar esta herramienta
tecnolgica y llamativa, para difundir a la comunidad regional y nacional, las
actividades que se desarrollan en la Institucin Educativa Comunal de Versalles
de Magangu, a travs de un sitio web.
El problema de la inexistencia de un medio eficaz, a travs del cual se
compartieran las informaciones y se diera a conocer los proyectos realizados en la
Institucin, llev a pensar en un peridico, que se materializ con el nombre de
Antorcha Comunal, del cual solo lograron emitirse dos ediciones y del diseo de
pequeas pginas web de algunas sedes, que no tuvieron trascendencia.
Tomando esto como antecedente, se plantea este proyecto con el objetivo de
disear e implementar un sitio web.
El proyecto se enmarca dentro de la Investigacin Tecnolgica Aplicada y en su
desarrollo se tienen en cuenta teoras pertinentes al problema planteado, el
contexto en el cual se lleva a cabo, los recursos tecnolgicos existentes en la
Institucin y la informacin recolectada a travs de una encuesta que se le aplic a
directivos, profesores y estudiantes, donde se evidencia la aceptacin que tendra
el sitio web.
El diseo e implementacin de un sitio web para la Institucin Educativa Comunal
de Versalles, tal y como se propone en este documento, es una alternativa acorde
con los avances de la tecnologa, viable y atractivo, donde el que lo desee podr
conocer sobre los procesos educativos que se llevan a cabo. Adems, responde al
inters de directivos, docentes y estudiantes.
Con el presente proyecto se hace un aporte significativo al avance de la Institucin
en la utilizacin de las Tecnologas de la Informacin y la comunicacin, adems
de contribuir con la solucin del problema planteado.
12
13
14
permitieron sacar otra edicin, solo hasta octubre de 2009 se public la segunda
edicin, esto evidencia problemas de viabilidad de un medio impreso por su alto
costo.
Proyectos pginas web de Computadores Para Educar. Durante el ao
2008 un grupo de profesores particip en la realizacin del diplomado Informtica
en la Educacin, del programa Computadores Para Educar (CPE), dentro del cual
disearon pginas Web, utilizando la aplicacin Microsoft Publisher, para dar a
conocer las sedes en las que laboran cada uno de ellos. Las pginas fueron
publicadas en el sitio Web de la Universidad Industrial de Santander (UIS). Estas
pginas no han tenido funcionalidad y no contienen mucha informacin.
Teniendo como referencia estas dos experiencias, se concluye que es necesario
implementar un medio de informacin para la Institucin Educativa Comunal de
Versalles, que no represente tantos costos para que pueda ser viable, que sea
atractivo y que se alimente peridicamente de informacin para que sea funcional,
de tal manera que perdure. En este sentido consideramos que un sitio Web
diseado con herramientas adecuadas y que sea dinmico, se convierte en el
medio informativo que se requiere.
1.3 FORMULACIN DEL PROBLEMA
Cmo disear e implementar un sitio Web informativo para difundir las
actividades que se desarrollan en la Institucin Educativa Comunal de Versalles
del Municipio de Magangu Bolvar, utilizando la herramienta informtica
Dreamweaver?
15
2. JUSTIFICACIN
El diseo e implementacin de un sitio Web en la Institucin Educativa Comunal
de Versalles, es muy importante, porque a travs de ste, toda la comunidad
educativa pueda acceder para enterarse de lo que se realiza en cada una de sus
sedes. Teniendo en cuenta que la Internet es un medio muy usado por directivos,
profesores y estudiantes, el Sitio Web se convierte en un medio informativo, a
travs del cual, no slo ellos, sino toda la comunidad en general, pueden conocer
oportunamente las informaciones relacionadas con las actividades y proyectos que
se llevan a cabo durante el ao escolar.
-
Los estudiantes se enteran de todos los procesos que se llevan a cabo en cada
una de las sedes, adems de consultar informaciones acerca de matrculas,
manual de convivencia, materiales de estudio, observar imgenes, fotografas
y videos de los diferentes eventos, lo que favorece el desarrollo del sentido de
pertenencia por su institucin.
16
3. OBJETIVOS
3.1 GENERAL
Disear e implementar un sitio Web informativo para difundir las actividades que
se desarrollan en la Institucin Educativa Comunal de Versalles del Municipio de
Magangu - Bolvar, utilizando la herramienta informtica Dreamweaver.
3.2 ESPECFICOS
Disear un sitio Web informativo para la Institucin Educativa Comunal de
Versalles.
Programar el sitio Web informativo, utilizando las herramientas Dreamweaver y
Flash.
Implementar el sitio Web informativo en la Institucin Educativa Comunal de
Versalles de Magangu, Bolvar.
17
4. MARCO REFERENCIAL
Para la realizacin del presente proyecto se tienen en cuenta las teoras,
conceptos, contextos y metodologas que se esbozan a continuacin.
4.1 MARCO TERICO
4.1.1 La informacin y la Internet. El ser humano ha tenido siempre la necesidad
de comunicarse con sus semejantes, hasta tal punto que podemos afirmar que
si el hombre es el ser ms avanzado de la naturaleza, es debido en gran parte a la
facilidad que ha tenido para hacer partcipe a los dems de sus ideas o
conocimientos de una forma u otra1. Uno de los ejemplos bblicos que nos
muestran la necesidad de una comunicacin eficaz y oportuna, es el de la
construccin de la Torre de Babel, en donde al confundirse las lenguas y no
poderse poner de acuerdo, no pudieron culminar con su proceso y el proyecto
fracas.
Cada actividad que realiza el ser humano genera un conocimiento, emprico o
cientfico, que se transmite a otros a travs de diferentes medios de comunicacin,
de acuerdo a la poca, con el objetivo que sean conocidos y que perduren. En
este propsito se crearon sistemas de escritura y pasaron de las piedras al papel y
luego a la invencin de artefactos tecnolgicos (mecnicos y despus
electrnicos), hasta obtener los medios con los que hoy se cuentan.
La necesidad de contar con dispositivos y sistemas para almacenar, organizar y
dar a conocer la informacin, unida a la inventiva humana, llevaron al desarrollo de
tecnologas que cada vez facilitaban dicho propsito, pero que sin embargo, no
estuvieron siempre al alcance de todos, o por lo menos de la mayora. En ese
proceso de invencin, surgen los computadores y luego nace la idea de desarrollar
redes que permitieran la comunicacin entre usuarios de varios computadores,
dando origen a la Internet.
Los computadores y la Internet, han significado un avance muy importante en las
tecnologas de la informacin y la comunicacin, as como la invencin de la
imprenta, en su poca. Las TIC, se han convertido en un gran instrumento para la
difusin de informacin de todo tipo, as como en una ayuda valiosa en cualquier
campo del conocimiento y laboral.
18
BRETEL, Luis. El diluvio global, computadores e internet en la escuela. En: El educador. 2006. P. 5
[consultado 16 de mayo de 2010]. Disponible en http://www.mineducacion.gov.co/cvn/1665/articles129277_archivo_pdf.pdf
3
Ibid. p. 5
19
20
4.1.3 Los Sitios Web. Son un conjunto de archivos digitales, formados por pginas
Web, en las cuales se integran diversos elementos como textos, imgenes,
sonidos, videos, animaciones y documentos en diferentes formatos, los cuales se
encuentran almacenados en un servidor que presta el servicio de alojamiento o
Hosting, con un nombre que lo identifica, llamado dominio.
El Hosting, es el espacio que se alquila en un servidor para publicar el sitio Web,
por un costo al ao de acuerdo al espacio y a los servicios adicionales, que va de
pocos Megabytes a Muchos Gigabytes, segn la necesidad del cliente. Estos
servicios incluyen la transferencia de los archivos, a travs de FTP, siglas en
ingles de File Transfer Protocol (Protocolo de Transferencia de Archivos), lo que
permite cambiar continuamente los contenidos y diseos de las pginas.
21
GAITAN, Edgar. Aplicaciones para Internet. Creacin de pginas web con html. [Documento
curso
virtual:
Programacin
de
pginas
web
con
html
y
javascript.
2008].<http://www.senavirtual.edu.co>
22
Son varias las versiones que han salido: Dreamweaver: 1.0, 2.0, 3.0, Ultradeu
1.0, 4.0, Ultradav 4.0, MX, MX 2004, 8, CS3 y CS4. Inicialmente fue producida por
Macromedia, hasta su versin 8, desde la versin CS3 pertenece a Adobe
Systems 8.
La interfaz de Dreamweaver ofrece la posibilidad de trabajar en un rea de diseo,
en la que se insertan textos, imgenes, archivos flash, videos y sonidos, de una
manera fcil. Tambin permite convertir textos e imgenes en hipervnculos,
insertar botones flash de su galera o crear elementos de enlaces haciendo uso de
la herramienta imagen por sustitucin o barras de navegacin desplegable, con la
opcin men spray. Si el diseador maneja el lenguaje html y lo desea, puede
insertar directamente las lneas de cdigos en la vista que tiene Dreamweaver
para editar dichos cdigos. Esto es muy til si se quiere agregar efectos
especiales directamente desde el cdigo html.
El trabajo en Dreamweaver se puede complementar con otros programas como
Photoshop, Flash, Fireworks, en cuanto al diseo y retoque de imgenes, banners,
animaciones, logotipos, inclusive, es posible usar PowerPoint 2007 para disear
textos especiales y formas que se pueden insertar en Dreamweaver de manera
directa o convirtindolas en imgenes a travs de Paint, si no se cuenta con
software especializados.
Dreamweaver es un software de diseo Web licenciado, se vende como parte de
la suite Adobe Creative Suite9. Para la realizacin de este proyecto se utiliza la
versin de prueba por 30 das de Dreamweaver CS4, la cual se puede descargar,
previo registro del usuario, desde el sitio Web de Adobe Systems
(http://www.adobe.com/es/downloads).
4.1.5 Herramienta de animacin, Adobe Flash. Es un programa para la creacin
de animaciones en dos dimensiones que pueden ser reproducidas en televisin,
computadores y cine. Inicialmente perteneci a Macromedia hasta la versin 8 y
desde el ao 2005 es propiedad de Adobe Systems, que ha producido las
versiones CS3 y CS4 hasta el momento10.
Permite crear animaciones, pginas Web, presentaciones y obras artsticas de
muy buena calidad, adems de imgenes, inclusive, animadas. Los tipos de
archivos que genera flash son: HTML (pgina web), SWF (pelcula de flash), GIF
(imagen animada), PNG, JPG (imgenes).
Que es Dreamweaver. [Documento del curso virtual: Diseo Web con Dreamweaver CS3].
<http://www.senavirtual.edu.co>
9
Ibid.
10
Introduccin a Flash. [Documento del curso virtual: Animacin en 2D con Flash CS3].
<http://www.senavirtual.edu.co>
23
Ibid.
24
Una pgina para cada uno de los temas de los submens, en las cuales
aparece: el mismo banner de la pgina inicial, la barra de navegacin,
informacin correspondiente al tema de cada pgina acompaado con
fotografas y en algunos casos con audio y videos. Las pginas son las
siguientes:
-
25
Pginas para cada departamento de rea y para cada uno de los proyectos
que se estn desarrollando en cada uno de ellos.
Para tener xito con el sitio Web de la Institucin Educativa Comunal de Versalles
y lograr que todos los visitantes encuentren la informacin que deseen consultar,
se ha diseado una estructura de fcil manejo, de tal manera que al entrar a la
pgina principal o desde la pgina donde estn, puedan ir a la pgina que quieran,
utilizando la barra de navegacin desplegable, al igual que a los departamentos de
reas y sus proyectos, a travs del men vertical que hay en la parte izquierda.
Uno de los grandes retos que implica este proyecto es el de lograr la visita de
padres de familia al sitio Web, para lo cual hay que iniciar un proceso de
alfabetizacin digital con todos los padres en cada una de las sedes de la
institucin, tal y como lo inici la sede Sur. De esta manera podr despertarse el
inters de los padres por la utilizacin de las TIC.
4.3 MARCO CONTEXTUAL
4.3.1 Ubicacin socio demogrfica. La Institucin Educativa Comunal de Versalles,
es un establecimiento de carcter pblico, cuya sede principal se encuentra
ubicada en la calle Pez 6 A No. 10 A 20, del barrio Versalles, perteneciente a la
comuna 1 de la zona centro sur del municipio de Magangu Bolvar. Se imparte
Educacin Preescolar, Bsica y Media, en la modalidad de Tcnico en Sistemas.
26
27
28
4.4.1 Diseo.
4.4.1.1 Tipo de investigacin. Este proyecto se enmarca dentro de la Investigacin
Tecnolgica Aplicada, la cual se entiende como aquella que genera
conocimientos o mtodos dirigidos al sector productivo de bienes y servicios, ya
sea con el fin de mejorarlo y hacerlo ms eficiente, o con el fin de obtener
productos nuevos y competitivos en dicho sector12.
12
29
30
31
Muestra
115
115
115
Frecuencia
46
16
53
%
40%
14%
46%
En esta grfica se observa que el 60% de los encuestados manifiestan que las
informaciones de los eventos no llegan en forma oportuna a las diferentes sedes o
solo algunas veces, mientras que un 40% dice que si son oportunas.
Pregunta 2. A travs de qu medios te enteras de las informaciones relacionadas
con las actividades y eventos que se realizan en la Institucin?
Tabla 5. Medios de informacin que se utilizan en la Institucin.
Variables
Comunicacin Personal
Comunicacin Escrita
Comunicacin Telefnica
Muestra
115
115
115
Frecuencia
61
44
10
32
%
53%
38%
9%
Muestra
115
115
Frecuencia
18
97
33
%
16%
84%
Al graficar los resultados se obtiene que el 84% concepta que los medios de
informacin utilizados en la institucin no son eficaces, mientras que el 16%
considera lo contrario.
Pregunta 4. Utilizas con frecuencia la Internet?
Tabla 7. Utilizacin de la Internet.
Variables
S
NO
Muestra
115
115
Frecuencia
85
30
%
74%
26%
Muestra
115
115
Frecuencia
0
115
34
%
0%
100%
Muestra
115
115
Frecuencia
115
0
%
100%
0%
35
Muestra
115
115
Frecuencia
110
5
%
96%
4%
Frecuencia
26
%
23%
33
29%
4%
12
10%
39
34%
36
37
38
39
40
OBJETO
ESTADO
INICIAL
Banner
2.
Barra
de Activa
navegacin
Mensaje de
bienvenida
Enlaces
departamen
tos
de
reas
Animacin
de
fotografas
Texto
6
7
Buscador
Google
Enlaces
importantes
Activo
EVENTO
Por
tiempo
clic
ACCION
FUENTE
Movimiento
http://www.iecov.edu.co/
Al dar clic
en un men
se abre una
pgina web
Ninguno
No
activo
Activo
Ninguno
Activo
Por
tiempo
No
activo
Activo
Ninguno
Ninguno
Clic
Activo
clic
Al escribir
un tema y
dar clic se
abre
la
pgina del
buscador
Google
Al dar clic
se abre una
pgina web
Clic
A Al dar clic
en un men
se abre una
pgina
Movimiento
(Enlaces a
pginas del
sitio y a
otros sitios)
41
http://www.webtaller.co
m/construccion/lenguaje
s/html/codigo/google.ph
p
42
OBJETO
ESTADO
INICIAL
Banner
Barra
de Activa
navegacin
Ttulo de la No
pgina
activo
Texto
No
activo
Fotografas No
activo
4
5
Activo
EVENTO
Por
tiempo
clic
ACCION
Movimiento
Ninguno
Al dar clic en
un men se
abre
una
pgina web
Ninguno
Ninguno
Ninguno
Ninguno
Ninguno
43
FUENTE
http://www.iecov.edu.co/
44
OBJETO
ESTADO
INICIAL
Banner
2.
Barra
de Activa
navegacin
Nombre de
la sede
Enlaces
(Historia de
la
sedes,
eventos de
la sede)
fotografas
Texto
5
6
Activo
EVENTO
Por
tiempo
clic
ACCION
FUENTE
Movimiento
http://www.iecov.edu.co/
Al dar clic
en un men
se abre una
pgina web
Ninguno
No
activo
Activo
Ninguno
Clic
Al dar clic
se abre una
pgina
Activo
No
activo
Ninguno
Ninguno
Ninguno
Ninguno
45
OBJETO
ESTADO
INICIAL
Banner
2.
Barra
de Activa
navegacin
Ttulo de la No
pgina
activo
Texto
No
activo
Activo
EVENTO
Por
tiempo
clic
ACCION
FUENTE
Movimiento
http://www.iecov.edu.co/
Ninguno
Al dar clic
en un men
se abre una
pgina web
Ninguno
Ninguno
Ninguno
46
47
OBJETO
ESTADO
INICIAL
Banner
2.
Barra
de Activa
navegacin
Nombre de
la pgina
fotografas
Texto
4
5
Activo
No
activo
Activo
No
activo
EVENTO
Por
tiempo
clic
ACCION
Movimiento
Ninguno
Al dar clic en un
men se abre
una pgina web
Ninguno
Ninguno
Ninguno
Ninguno
Ninguno
48
FUENTE
http://www.iecov.ed
u.co/
49
OBJETO
ESTADO
INICIAL
Banner
2.
Barra
de Activa
navegacin
Nombre de No
departamen activo
to
Texto
No
activo
Fotografa
No
activo
Enlaces
Activos
departamen
tos
y
proyectos
4
5
6
Activo
EVENTO
Por
tiempo
clic
ACCION
Movimiento
Ninguno
Al dar clic en
un men se
abre
una
pgina web
Ninguno
Ninguno
Ninguno
Ninguno
Ninguno
Clic
Al dar clic en
un men se
abre
una
pgina web
50
FUENTE
http://www.iecov.edu.
co/
51
No.
OBJETO
ESTAD
O
INICIAL
Banner
2.
Barra
de Activa
navegacin
Nombre
Proyecto
Texto
4
5
6
Activo
de No
activo
No
activo
Fotografas e No
imgenes
activo
Enlaces
Activos
(Volver
a
departamento
, actividades
del proyecto)
EVENTO
Por
tiempo
clic
ACCION
FUENTE
Movimiento
http://www.iecov.edu.co/
Ninguno
Al dar clic
en un men
se abre una
pgina web
Ninguno
Ninguno
Ninguno
Ninguno
Ninguno
Clic
Al dar clic
vuelve
al
respectivo
departamen
to de rea
52
53
No.
OBJETO
ESTADO
INICIAL
Banner
2.
Barra
de Activa
navegacin
Nombre de No
Pgina
activo
Enlaces
Activo
Activo
EVENTO
Por
tiempo
Clic
Ninguno
Clic
ACCION
FUENTE
Movimiento
http://www.iecov.edu.co/
Al dar clic
en un men
se abre una
pgina web
Ninguno
Al dar clic
en
una
palabra se
abre
una
pgina web
54
55
OBJETO
ESTADO
INICIAL
Banner
2.
Barra
de Activa
navegacin
Nombre de No
Pgina
activo
Imgenes
Activo
de Enlace
Activo
EVENTO
Por
tiempo
Clic
Ninguno
Clic
ACCION
FUENTE
Movimiento
http://www.iecov.edu.co/
Al dar clic
en un men
se abre una
pgina web
Ninguno
Al dar clic
en
una
imagen se
abre
una
pgina web
56
5. CONCLUSIONES
Con la puesta en prctica del proyecto anteriormente expuesto, se logr el diseo
e Implementacin de un sitio web informativo para difundir las actividades que se
desarrollan en la Institucin Educativa Comunal de Versalles.
En su diseo se utilizaron las herramientas informticas Dreamweaver y Flash,
poniendo en prctica lo aprendido por los autores en los distintos cursos de la
Especializacin en Informtica y Telemtica, impartida por la Fundacin
Universitaria del rea Andina.
En el proyecto se desarrolla la Investigacin Tecnolgica Aplicada, cuyo producto
es el sitio web de la Institucin, el cual mejora la situacin problemtica expuesta.
A travs del sitio web, la institucin se proyecta a nivel regional y nacional, lo cual
conlleva al mejoramiento de su imagen.
Con el sitio web se da solucin al problema planteado sobre la carencia de un
medio efectivo de difusin de la informacin, ajustndose al uso de las nuevas
Tecnologas de la Informacin y la Comunicacin.
Los resultados hasta ahora han sido positivos, los directivos y profesores hacen
uso del sitio web para publicar las actividades y proyectos que estn desarrollando
y los estudiantes consultan los eventos que se realizan en la Institucin.
Para la implementacin del sitio web se adquiri servicio de alojamiento en
Colombia Hosting y el dominio en Cointernet, se puede acceder a travs de la
siguiente direccin: http://www.iecov.edu.co/
57
6. RECOMENDACIONES
Para la continuidad del sitio web en la Institucin Educativa Comunal de Versalles,
se hacen las siguientes recomendaciones:
- A los directivos, proporcionar anualmente los recursos econmicos para
garantizar el servicio de alojamiento del sitio web.
- A los docentes, utilizar el sitio para difundir sus distintos proyectos a travs de
este medio y compartir sus experiencias y saberes.
- A los alumnos, padres de familia y egresados, mantener el contacto a travs de
la web para que estn informados de los aconteceres de la Institucin.
- A la comunidad educativa en general, aprovechar el espacio del sitio web
institucional para retomar el proyecto del peridico Antorcha Comunal en una
versin virtual.
58
BIBLIOGRAFA
ANDRADE SOSA, Hugo Hernando y GMEZ FLOREZ, Luis Carlos. Tecnologa
informtica en la escuela. 4 ed. Bucaramanga. Universidad Industrial de
Santander, 2009. 399 p.
BRETEL, Luis. El diluvio global, computadores e internet en la escuela. En: El educador.
2006.
P.
5
[consultado
16
de
mayo
de
2010].
Disponible
en
<http://www.mineducacion.gov.co/cvn/1665/articles-129277_archivo_pdf.pdf>
CASTRO, Moises. Caracterizacin de la investigacin y la tecnologa. [Consultado
20 de abril de 2010] Disponible en: http://hosting.udlap.mx/profesores/
miguela.mendez/alephzero/archivo/ historico/az27/clasificacion.html
GAITAN, Edgar. Aplicaciones para Internet. Creacin de pginas web con html.
[Documento curso virtual: Programacin de pginas web con html y javascript.]
<http://www.senavirtual.edu.co> 2008. 43 p.
Historia de la Internet. [Consultado 15 de septiembre de 2009] Disponible en:
<http://es.wikipedia.org/wiki/Historia_de_Internet>
INSTITUTO COLOMBIANO DE NORMAS TCNICAS Y CERTIFICACIN.
Presentacin de trabajos escritos. Sexta actualizacin. Bogot D.C. ICONTEC,
2008. 94 p.
Introduccin a Flash. [Documento del curso virtual: Animacin en 2D con Flash
CS3]. <http://www.senavirtual.edu.co>
Introduccin al diseo grfico [consultado 13 de mayo de 2010]. Disponible en:
<http://www.wikilearning.com/curso_gratis/introduccion_al_diseno_webintroduccion_al_diseno_ grafico/4463-1>
LEON, Mariuska. Ciencia, Tcnica y Tecnologa en la sociedad de la informacin y
el conocimiento [consultado 13 de mayo de 2010]. Disponible en
http://www.monografias.com/
trabajos78/ciencia-tecnica-tecnologia-sociedadinformacion/ciencia-tecnica-tecnologia-sociedad-informacion2.shtml
MARQUES, Pere. Impacto de las TIC en educacin. 2008. [consultado 17 de
mayo de 2010] Disponible en: <http://peremarques.pangea.org/siyedu.htm>
Que es Dreamweaver. [Documento del curso virtual: Diseo Web con
Dreamweaver CS3]. <http://www.senavirtual.edu.co>
59
60
ANEXOS
61
ANEXO A.
Matriz de gestin de objetivos especficos
Disear un sitio Web informativo para la Institucin Educativa Comunal de
Versalles.
Tareas
Actividades
Responsables
Fechas de
ejecucin
Diagnstico
Disear y aplicar Jair
Acosta, 11 agosto a 20 de
encuestas
Nereyda Dueas, agosto de 2009
Bertilda Torres
Identificacin de Tabular y analizar Jair
Acosta, 20 de agosto a 10
necesidades de resultados
de Nereyda Dueas, de septiembre de
la
comunidad encuestas
Bertilda Torres
2009
educativa
Representacin Disear mapa de Jair
Acosta, 11 de octubre a 30
grfica del sitio contenido, mapa de Nereyda Dueas, de octubre de
Web
navegacin,
Bertilda Torres
2009
interfaces y guiones
Programar el sitio Web informativo, utilizando las herramientas Dreamweaver, y
flash.
Tareas
Actividades
Fechas de
ejecucin
de Jair
Acosta, 1 de noviembre de
y Nereyda Dueas, 2009
como Bertilda Torres
de
Seleccin de Instalacin
herramientas
Dreamweaver
de diseo Web Flash
herramientas
diseo Web
Seleccin de Seleccionar
y
materiales
sistematizar
los
materiales
necesarios, (textos,
fotos, videos)
Diseo de las Disear las pginas
pginas Web
Web
con
los
materiales
seleccionados
Gestin
del Realizar los trmites
hosting
y para el registro del
dominio
dominio y adquisicin
del hosting
Responsables
Jair
Acosta, 10 de noviembre a
Nereyda Dueas, 30 de noviembre
Bertilda Torres
de 2009
Jair
Acosta, 10 diciembre de
Nereyda Dueas, 2009 a enero 20
Bertilda Torres
de 2010
Jair
Acosta, Enero 23 a febrero
Nereyda Dueas, 15 de 2010
Bertilda Torres
62
Actividades
Responsables
Fechas de
ejecucin
Jair
Acosta, Febrero
20
a
Nereyda Dueas, Marzo 10 de 2010
Bertilda Torres
Jair
Acosta, Marzo 15 a Abril
Nereyda Dueas, 30 de 2010
Bertilda Torres
63
ANEXO B.
Modelo de encuesta aplicada.
Objetivo: Identificar la eficacia de los medios de comunicacin e informacin
existentes en la Institucin.
1. Conoces informacin de las actividades deportivas, culturales, recreativas,
cientficas que se realizan en la institucin, de manera oportuna?
S ___
NO____
NO____
NO____
NO____
64
65