Trabajo Final Wifi

DISEO E IMPLEMENTACIN DEL SITIO WEB PARA DAR A CONOCER
LOS PROCESOS ACADMICOS Y ADMINISTRATIVOS QUE SE

DESARROLLAN EN LA COMUNIDAD DE LA INSTITUCIN EDUCATIVA
VICENTE ROIG Y VILLALBA DE FONSECA LA GUAJIRA, UTILIZANDO
DREAMWEAVER Y FLASH.
JOEL FERNNDEZ VARGAS

JUAN JOS PINEDA BALAGUERA
RAFAEL EMIRO FONSECA URECHE
FUNDACIN UNIVERSITARIA DEL REA ANDINA

CENTRO DE EDUCACION A DISTANCIA
ESPECIALIZACIN EN INFORMTICA Y TELEMTICA
FONSECA LA GUAJIRA
2009
1
DISEO E IMPLEMENTACIN DEL SITIO WEB PARA DAR A CONOCER

LOS PROCESOS ACADMICOS Y ADMINISTRATIVOS QUE SE
DESARROLLAN EN LA COMUNIDAD DE LA INSTITUCIN EDUCATIVA
VICENTE ROIG Y VILLALBA DE FONSECA LA GUAJIRA, UTILIZANDO
DREAMWEAVER Y FLASH.
JOEL FERNNDEZ VARGAS

JUAN JOS PINEDA BALAGUERA
RAFAEL EMIRO FONSECA URECHE
Proyecto de Grado como requisito para optar el ttulo de especialista en

informtica y telemtica
Asesora
Esp. ROSABEL RUIZ GUTIERREZ

CENTRO DE EDUCACION A DISTANCIA
FONSECA LA GUAJIRA
2009
2
PAGINA DE ACEPTACIN
Ing. JULIAN OCHOA ALZATE

Coordinador Estudios a Distancia
Respetado doctor
Concepto que el presente trabajo de grado ha cumplido con todas las

normas e indicaciones
formuladas por el asesor, as como tambin han
tenido en cuenta la metodologa que la Fundacin Universitaria del rea

Andina exige. Por lo tanto puede continuar con los subsiguientes pasos para
su valoracin, revisin y sustentacin.
Esp. ROSABEL RUIZ GUTIERREZ

Asesora
AGRADECIMIENTO
Agradecemos a todas las personas que de forma directa o indirecta nos

apoyaron y permitieron que este proyecto llegara a feliz trmino. Gracias a
los miembros de la comunidad Educativa de la Institucin Vicente Roig y
Villalba de Fonseca La Guajira, sin ellos nuestro esfuerzo y los resultados
del mismo hubiesen sido estriles.
DEDICATORIA
A Dios Todopoderoso, dador de vida por concedernos esta oportunidad. A

nuestros hijos, a nuestras esposas, cnyuges y compaeras,
motores y
palancas de nuestras aspiraciones, a nuestros amigos, a nuestras

instituciones Educativas les ratificamos nuestros sinceros agradecimientos
por apoyarnos y permitirnos desarrollar el presente trabajo, el cual
esperamos sea de mucha utilidad para los miembros de la comunidad
Colnavirovista.
CONTENIDO
Pg.
RESUMEN.................................................................................................. 11
INTRODUCCIN......................................................................................... 13
1. PLANTEAMIENTO DEL PROBLEMA........................................................14
2.
1.1
Descripcin del problema...............................................................14
1.2
Antecedentes del problema............................................................19
1.3
Formulacin del Problema.............................................................21
JUSTIFICACIN................................................................................... 22
3. OBJETIVOS.......................................................................................... 24
3.1
Objetivo General............................................................................24
3.2 Objetivos Especficos........................................................................24

4. MARCO REFERENCIAL..........................................................................25
4.1 MARCO TERICO.............................................................................. 25
4.2
MARCO CONCEPTUAL..................................................................39
4.2.1 Contenidos y/o actividades del sitio.................................................39

4.3
MARCO CONTEXTUAL...................................................................46
4.4
MARCO METODOLGICO..............................................................51
4.4.1
Diseo.................................................................................... 51
4.4.2
Objetivos de diseo.................................................................62
4.4.3
Evidencias de diseo...............................................................63
4.4.4
Diseo de Interfaces................................................................75
5.1
6.
Manual de Instalacin.................................................................75
CONCLUSIONES.................................................................................. 76
6
7.
RECOMENDACIONES...........................................................................76
BIBLIOGRAFA
ANEXOS
LISTA DE TABLAS
7
Pg.
Tabla 1: Tipo de aplicativo diseado Sitio Web
40
Tabla 2: Matriz de identificacin de herramienta
41
Software utilizado Dreamweaver

Tabla 3: Matriz de identificacin de herramienta
42
Software utilizada flash

Tabla 4: resultados de la aplicacin de la encuesta
LISTA DE GRAFICAS
45
Pg.
Grafica 1:
Grafica 2:
Grafica 3:
Pregunta 1 sabe s la Institucin Educativa

Vicente Roig y Villalba cuenta con un Sitio WEB?
47
Pregunta 2 s la Institucin Educativa Vicente

Roig y Villalba contara con un Sitio WEB, que le
Gustara encontrar en el?
48
Pregunta 3 Conoce usted a travs de que medios

Se divulga el acontecer de la Institucin Educativa?
49
LISTA DE ANEXOS
9
Pg.
Anexo A:
Plan operativo 2009 Institucin educativa

Roig
Anexo B:
85
y Villalba
Resultados de la evaluacin institucional
86
Educativa
Anexo C:
Encuesta aplicada a los miembros de la

Comunidad educativa Roig y Villalba
89
Anexo D: Ficha tcnica objetivo N 1: Disear
90
Anexo E: Ficha tcnica objetivo N 2: Programar
90
Anexo F: Ficha tcnica objetivo N 3: Implementar
91
RESUMEN
10
Para el desarrollo del proyecto se organiz el trabajo as: El documento

escrito con los antecedentes del problema, planteamiento, justificacin,
objetivos, marco terico, conceptual, contextual y metodolgico, manual de
instalacin del aplicativo, conclusiones y recomendaciones; y el diseo e
implementacin del sitio Web, el cual se dividi as: El primer mdulo
denominado Quienes somos, se subdividi en Historia, Misin, visin,
Manual de Convivencia y PEI. En este primer modulo se hace referencia a la
pagina principal o de inicio, donde se presentan el logo de la Institucin
Educativa Vicente Roig y Villalba de Fonseca La Guajira Sede Central,
informacin de los aspectos legales, Misin, Visin, ubicacin e imgenes de
la actividad escolar y de la Virgen Mara Auxiliadora.
El segundo modulo de contenidos esta relacionado con los proyectos que se

desarrollan en la Institucin y esta constituido principalmente por: El proyecto
COGECARE, Roig Activo, Plantas medicinales y la Revista Tocando
Corazones. Esta temtica se muestra utilizando cuatro mensajes de textos y
doce imgenes relacionada con los diferentes proyectos, imagen del escudo,
la bandera y un Flash de pelcula con el nombre de la Institucin y un video
clic con el himno.
El tercer mdulo del sitio Web denominado Academia se dividi en perfil de
los estudiantes y Plan de Estudios y se representa utilizando un mensaje de
11
texto y once imgenes relacionadas con los diferentes proyectos, imagen del
escudo, la bandera y un Flash de pelcula con el nombre de la Institucin.
El cuarto mdulo del sitio Web denominado Comunidad se divide en:
Consejo Directivo, Rector, Docentes y Administrativos. Se presenta utilizando
cuatro mensajes de texto y dieseis imgenes relacionadas con la vida
escolar, imagen del escudo, la bandera y un Flash de pelcula con el nombre
de la Institucin.
El quinto mdulo del sitio Web denominado Galera de Imgenes se presenta
utilizando imgenes o fotografas que tienen relacin con la actividad escolar.
INTRODUCCIN
12
El presente trabajo de grado se llama DISEO E IMPLEMENTACIN DEL

SITIO WEB PARA DAR A CONOCER LOS PROCESOS ACADMICOS Y
ADMINISTRATIVOS QUE SE DESARROLLAN EN LA COMUNIDAD DE LA
INSTITUCIN EDUCATIVA VICENTE ROIG Y VILLALBA DE FONSECA LA
GUAJIRA, , UTILIZANDO DREAMWEAVER Y FLASH.
El trabajo es de carcter informativo. Su importancia radica en que recoge y

organiza los diferentes procesos tanto acadmicos como administrativos que
se desarrollan al interior de la Institucin Educativa Vicente Roig y Villalba de
Fonseca _ la Guajira y los d a conocer sus miembros.
El proyecto en mencin esta constituido por dos secciones o partes a saber:

la primera, presenta los aspectos tericos y referentes conceptuales de un
Sitio Web y la segunda el Aplicativo en Si, el sitio Web.
1. PLANTEAMIENTO DEL PROBLEMA

1.1 Descripcin del problema
13
La Institucin Educativa Vicente Roig y Villalba de Fonseca La Guajira en

su Sede Central y sus Sedes Anexas carece de un sitio Web que permita una
comunicacin
dinmica y eficiente entre los estamentos de la Comunidad
que la conforman y facilite conocer los diferentes procesos acadmicos y

administrativos que se desarrollan al interior de la misma.
El problema se hace notorio en los diferentes miembros de la comunidad por
cuanto casi todos los procesos administrativos que se realizan al interior de
la Comunidad, se efectan en forma manual y sin ningn control y aquellos
que pueden ser sistematizados o realizados
mediante el uso o
implementacin de Tecnologas de la Informacin y la comunicacin tampoco

se realizan. Lo anterior tampoco permite evidenciar mejora en los niveles de
eficiencia y eficacia en los procesos pedaggicos y acadmicos. Adems,
en la operacionalizacin de los diferentes procesos prima la comunicacin
verbal u oral.
Igualmente, los diferentes estamentos se relacionan y comunican en forma
directa y cuando esta forma de relacin no es posible, se dificulta o se hace
casi imposible compartir, impartir o ejecutar la misin y visin de la
Comunidad Educativa, porque no se ha definido previamente un proceso
jerarquizado de comunicacin y menos aun de funciones.
La problemtica se hace ms evidente en aquellos momentos o
circunstancias donde el seor Rector, Los Coordinadores y Administrativos
no se encuentran al interior de la Institucin, los dems estamentos pierden
el contacto o se les dificulta la comunicacin, lo cual les impide, en muchas
ocasiones,
desarrollar los diferentes procesos en forma organizada y
eficiente.
14
Para lograr identificar esta problemtica se llevaron a cabo las siguientes

actividades en el proceso de recoleccin y anlisis de informacin:
Anlisis documental
Efectuado sobre el Plan de mejoramiento 2008-
2009 realizado por los diferentes estamentos de la comunidad Educativa

de la Institucin.
Evaluacin del proyecto Educativo Institucional Reajustado y el

Proyecto
COGECARE:
(Comunicacin,
Gestin,
Cambios
Resultados); cuya finalidad es permitir:
Mejorar los procesos de comunicacin entre los diferentes estamentos de

la Comunidad Educativa.
Dinamizar la Gestin Administrativa y financiera de la Institucin
Propiciar cambios y obtener resultados acordes a las exigencias de las

Nuevas Tecnologas de la Informacin y la Comunicacin.
Mejorar los procesos acadmicos y pedaggicos.
En el anlisis documental se pudo evidenciar el sentir y el pensar de los

Profesores, Administrativos, Estudiantes, Padres de familia, Ex alumnos, etc.;
para lo cual se determinaron los siguientes aspectos:
Ausencia de canales de comunicacin apropiados
Procesos de comunicacin ineficaces
15
Toma de decisiones emocionales por parte de los diferentes estamentos

sin tener en cuenta los soportes y las consideraciones que rigen la
materia.
Falta de Control y seguimiento eficiente al Plan de mejoramiento

institucional.
En cuanto a la primera categora se encontr ansiedad y hasta preocupacin

en los diferentes estamentos, dado que el canal de comunicacin utilizado
en la gestin son los textos fotocopiados, las carteleras y el tablero de la
Sala de profesores, con relacin a lo anterior en la entrevista realizada el
profesor Carlos Julio Gmez considera:
El tablero es el sitio que utilizo para decir y expresar mi sentir, de igual forma
mi forma de disentir. Es el sitio donde hago mis criticas sobre el acontecer
de la Institucin
Con respecto a la misma categora los Profesores Manuel Guerra Ortiz y
Orlando Prez Herrera en la aplicacin del mismo instrumento opinaron
respectivamente:
En el tablero de la Sala de profesores se escribe, lo que otros no dicen y se
dice lo que muchos callan y la Institucin Educativa se administra como
si fuera una finca
En relacin con la segunda categora: Procesos de comunicacin ineficaces.
Se puede identificar en el Plan de mejoramiento que los diferentes
estamentos han venido observando que el proceso comunicativo es temporal
(momentneo) y no un proceso permanente (constante), donde se evale el
impacto que la misma tiene en la vida Institucional; al codificar el tem
16
anterior en el Plan de mejoramiento este componente, se encontr que su

cuantificacin fue 2 y su cualificacin baja.
Vale la pena resaltar, que tanto los padres de familia, estudiantes y
profesores de la Institucin evitan en muchas ocasiones expresar su sentir y
menos aun su pensar, tan solo se animan a hacerlo a travs de la Revista
Tocando Corazones.
La categora anterior se hace manifiesta al momento de elegir a
representantes del Gobierno Escolar, la mayora evitan comprometerse en
ser elegidos
por cuanto las mejores intenciones se pierden por la
desinformacin que prima dentro de la Institucin y sus diferentes

estamentos.
Finalmente, con respecto a la
tercera categora, toma de Decisiones
Emocionales, dentro de la toma de decisiones: los administrativos, la gran

mayora de los padres de familia, muchos estudiantes y un nmero
significativo de docentes se comprometen y toman decisiones de manera
emocional. Al respecto Wilson Chiquillo Navarro Dijo:
Si el da esta sabroso y chvere, as se decide. Si esta caluroso, agrrese el
que pueda es candela oy
En Actas de reunin de profesores de septiembre de 2006 el Profesor
Hernando Ortiz Pitre Afirm.
Aqu tenemos un solo Problema. As hallan computadores, exista Internet,
la economa se encuentre globalizada, bajen las tasas de inters, la solucin
para mejorar la Institucin es fcil que me cambien a mi y a los dems y
todo mejora.
17
De la situacin anterior se pudo identificar como posibles causas:

1. La falta de canales de comunicacin que permitan una comunicacin gil
y eficiente entre los diferentes estamentos
2. Falta de compromiso de los diferentes estamentos y resistencia al
cambio
3. La falta de motivacin de los miembros de la comunidad y los cambios
que se han producido en la legislacin docente ltimamente.
Como posible solucin a la problemtica antes descrita el presente proyecto
propone el Diseo e implementacin de un Sitio Web utilizando la
herramienta Director: Dreamweaver Flash que permita mejorar los
procesos administrativos y acadmicos en la Institucin Educativa Vicente
Roig y Villalba de Fonseca - La Guajira.
Este recurso buscar:
Mejorar los procesos
administrativos y acadmicos de la comunidad
educativa de la Institucin Educativa Vicente Roig y Villalba de Fonseca

- La Guajira.
Agilizar y hacer
ms eficaces los procesos de comunicacin de la
Institucin Educativa Vicente Roig y Villalba de Fonseca La Guajira.
Dotar a la Institucin Educativa Vicente Roig y Villalba de Fonseca La

Guajira de un Sitio Web propio.
18
1.2 Antecedentes del problema

En Colombia y en el mundo, se han diseado e implementado en el campo
educativo
administrativo
Sitios
web
en
muchsimas
Educativas con el propsito de permitir la comunicacin,
instituciones
la rapidez y
eficiencia en los procesos administrativos y acadmicos.

En el Departamento de la Guajira, y en especial en el Municipio de Fonseca,
existe el convenio Computadores para Educar Compartel, el cual ha
permitido desde el ao 2001-2 poner al alcance de las Instituciones
Educativas del Departamento las Nuevas tecnologas de la Informacin y la
Comunicacin. Se han instalado salas de Bilingismo y de Informtica en
todos los Municipios de la Guajira, mas sin embargo, la institucin Educativa
Vicente Roig y Villalba de Fonseca tan solo en estos momentos se encuentra
organizando el montaje y puesta en marcha de su sala de informtica, razn
por la cual no ha podido apropiarse de todos los adelantos tecnolgicos en
esta materia.
En la Institucin Educativa Vicente Roig y Villalba de Fonseca La Guajira no

se han llevado a cabo experiencias que conduzcan al diseo e
implementacin de un sitio Web que permita mejorar el proceso de
comunicacin de la Comunidad Educativa, tan solo se conoce del esfuerzo
aislado de los profesores del rea de tecnologa e informtica por lograr tal
propsito.
En el municipio de Fonseca La Guajira, se tiene conocimiento que, las
instituciones:
Juan
Jacobo
Aragn
(con
3.200
estudiantes
aproximadamente) cuentan con un Blog y un sitio web, de igual forma, la
19
Institucin Cristo Rey (500 estudiantes) y la Mara Inmaculada (con 850

estudiantes aproximadamente).1
La institucin Educativa Vicente Roig y Villalba de Fonseca La Guajira con
este tipo de proyecto beneficiaria alrededor de 1443 estudiantes 2 en forma
directa
del
grado cero (0) hasta undcimo (11) en sus tres jornadas:
Maana, tarde y Noche y sus Sedes Central, San Rafael, Tomas Emilio y
Cleotilde Povea. De igual forma beneficiaria a 55 docentes, 15 auxiliares
administrativos, tres coordinadores, dos sico orientadoras y a un Rector.
De acuerdo a lo identificado en el P.E.I.R. 2007-8 y el Plan de Mejoramiento
2008-9, se hace pertinente tener en cuenta:
Que la Institucin Educativa Vicente Roig y Villalba de Fonseca La

Guajira para el desarrollo de las actividades Administrativas y
pedaggicas y para el mejoramiento de la comunicacin dispongan o
cuenten de un Sitio Web.
Que la existencia de un Sitio Web tambin Permite conocer y mejorar los

procesos de comunicacin en la Institucin Educativa Vicente Roig y
Villalba de Fonseca La Guajira.
Que la implementacin de un sitio Web en la Institucin propiciara en los

diferentes estamentos la necesidad de capacitarse o actualizarse en las
Nuevas Tecnologas de la informacin y la Comunicacin.
SIMA. Sistema de Informacin de Matriculas. Institucin Vicente Roig y Villalba de

Fonseca. 2008
2
Ibdem
20
1.3 Formulacin del Problema

Cmo disear e implementar un medio de informacin que sirva para dar a
conocer los diferentes procesos acadmicos y administrativos que se
desarrollan en la Comunidad de la Institucin Educativa Vicente Roig y
Villalba de Fonseca La Guajira?
21
2. JUSTIFICACIN
Para la comunidad educativa de la Institucin Educativa Vicente Roig y
Villalba de Fonseca La Guajira, se hace imprescindible implementar un
proyecto de esta ndole, porque le permite a los diferentes miembros de la
comunidad apropiarse de todas las bondades propias de las Nuevas
Tecnologas de la Informacin y la Comunicacin, los motivara a un nuevo
tipo
de
aprendizaje
(Dinmico
significativo),
impulsara
en
los
administrativos, docentes y padres de familia procesos de actualizacin y

capacitacin, desarrollara el sentido de pertenencia en cada uno de ellos,
al darse cuenta que pueden sentir y Tocar a la Institucin, creeran que son
artfices de los cambios que se den, en consecuencia reforzaran el sentido
de responsabilidad y compromiso y, se hara mas activa y democrtica la
vida y la administracin de la Institucin.
El proyecto le permitira a la Institucin Educativa Vicente Roig y Villalba de

Fonseca La Guajira mejorar los procesos acadmicos y administrativos,
ayudara a mejorar el proceso de comunicacin entre los diferentes
estamentos, impulsara a prestar un servicio mas gil, eficiente y al alcance
de todos sus miembros; y servira para que cada uno de ellos exprese sus
puntos de vista, recomendaciones y sugerencias que sirvan como materia
prima en el Plan de Mejoramiento y ajustes al PEIR.
Tambin es pertinente reconocer que el proyecto le ahorra tiempo y recursos

a la institucin en todos aquellos procesos que hoy da se realizan en forma
repetitiva, sin controlar o evaluar y de forma manual.
22
El diseo e implementacin de un sitio Web en la Institucin Educativa

Vicente Roig y Villalba de Fonseca La Guajira, permite dar a conocer a
todos sus miembros y a la comunidad en general, todos los procesos
Administrativos, acadmicos y pedaggicos que se llevan a cabo en su
interior y ayudara para que los conozcan mejor.
23
3. OBJETIVOS
3.1 Objetivo General
Disear e implementar un sitio web utilizando Dreamweaver y flash en la
institucin educativa Vicente Roig y Villalba de Fonseca La Guajira, para
mejorar los procesos acadmicos y administrativos de la comunidad,.
3.2 Objetivos Especficos

Disear
un sitio Web para mejorar los procesos acadmicos y
administrativos de la comunidad educativa, mediante la recoleccin de la

informacin.
Programar el Sitio Web utilizando Dreamweaver flash.
Implementar el sitio Web en la Institucin Educativa Vicente Roig y
Villalba de Fonseca - La Guajira.
24
4. MARCO REFERENCIAL
4.1 MARCO TERICO
El diseo e implementacin del sitio Web para dar a conocer los diferentes procesos acadmicos y
administrativos de la Institucin Vicente Roig y Villalba de Fonseca La Guajira, guarda una estrecha relacin
con los siguientes conceptos:
4.1.1 Teora de la Temtica
Comunicacin
Proceso mediante el cual el ser humano emite o trata de hacer llegar a un receptor un mensaje mediante un
canal de comunicacin (medio). Lo anterior implica no solo usar los medios a su disposicin, sino que tambin
debe conocer su funcionamiento. En los procesos comunicativos mediante el uso de sitios Web se trata de
difundir informacin y hacer un uso eficiente de las TICs. (LIZCANO RUIZ, Ivn Daro. Formacin Tecnolgica
FT Grado 10 MEN. Bogot. 1997. p. 6).
25
Teora de la Informacin y de las Comunicaciones
Los avances de las diferentes ciencias, la tecnologa y la organizacin social que se vienen observando en los
ltimos aos, han puesto de manifiesto que las cualidades y la capacidad productiva de las personas y su
condicin para apropiarse y dominar los nuevos conocimientos tecnolgicos y renovarlos, sern el principal
determinante del progreso de los pueblos y naciones en el futuro. De ah que las personas deban tambin
apropiarse de las nuevas tecnologas de la informacin y de las Comunicacin NTIC.
Academia.
Dcese de aquel proceso inherente al aprendizaje de saberes, o de aquel proceso que se desarrolla dentro y
fuera de las Instituciones educativas que es de carcter educativo, informativo o formativo mediante el cual se
transmite informacin y/o conocimientos. (LIZCANO RUIZ, Ivn Daro. Formacin Tecnolgica FT Grado 10
MEN. Bogot. 1997. p. 3).
Modelo Pedaggico de la Institucin Educativa Vicente Roig y Villalba.

Una prctica educativa sin teora es ciega; una teora pedaggica sin prctica es estril (FECODE. Revista
Educacin y Cultura No. 59. Enero de 2002. p. 2).
26
Un modelo es una herramienta conceptual inventada por el hombre para entender mejor alguna cosa. Un
modelo pedaggico es una representacin de las relaciones que predominan en el fenmeno de ensear. Un
modelo pedaggico, como representacin de una teora pedaggica, es un paradigma, que puede coexistir con
otros paradigmas dentro del campo de la pedagoga (FLOREZ OCHOA, Rafael. Fundamentos de pedagoga
para la escuela del siglo XXI. MEN. Bogot. 1997. p. 15).
Analizando estos conceptos, se puede afirmar que un modelo pedaggico le da sentido a los procesos
acadmicos y administrativos porque sirve de soporte y como herramienta didctica permite una profunda
transformacin de los mtodos de enseanza y sus contenidos, que si se toman con responsabilidad y
compromiso, mejoran la calidad de la educacin en las instituciones escolares.
La nota editorial de la revista Educacin y Cultura numero 59 (FECODE 2002. p.2) plantea con gran acierto lo
siguiente3:
Ciega resulta la prctica educativa alejada de la teora, pues desconoce las razones de su quehacer, y sin
mecanismos sociales auto correctivos transcurre de tumbo en tumbo, sin norte. A la par, la teora educativa
sin prctica es estril, alejada del vital interactuar con la realidad que nutre, cuestiona y enriquece su reflexin:
las pedagogas se alimentan y crecen interactuando con problemas reales, con estudiantes e instituciones de
carne y hueso.
Analizando este valioso cuestionamiento reflexivo se debe tomar la decisin de crear y/o adoptar en las
Instituciones Educativas un modelo pedaggico que permita el quehacer de todos sus miembros. El modelo de
3
FECODE. Revista Educacin y Cultura numero 59 2002. Pg. 16
27
la Institucin Vicente Roig y Villalba de Fonseca La Guajira esta enmarcado en las teoras de algunos
pensadores como una forma de combinacin pedaggica, adaptadas crticamente por lo miembros activos de
este centro educativo, en este caso el rector, sico orientadoras, coordinadores, docentes y padres de familia.
Estas teoras aportan al quehacer docente diario, prcticas cualificadas exitosas, cristalizadas, reflexionadas y
sometidas al frreo escrutinio pblico de la comunidad educativa y acadmica, fundamentndolas en el aula y
convirtindolas en cientficas.
Las corrientes pedaggicas contemporneas y sus representantes, que se
tomaron como soporte terico para organizar este modelo son 4:
Modelo Pedaggico Romntico.

Representantes: Rousseau, Illich, Neil. Sus teoras plantean: El maestro es slo un auxiliar o un amigo de la
expresin libre, original y espontnea de los nios. El ambiente pedaggico debe ser el ms flexible posible
para que el nio despliegue su interioridad, sus cualidades y habilidades naturales en maduracin y se proteja
de lo inhibidor e inautntico que proviene del exterior
Modelo Pedaggico Desarrollista Base del Constructivista.
-------- Pg. 16-17-18.
28
Representantes: Dewey y Piaget. construccin propia, que se va produciendo da a da como resultado de la

interaccin entre lo cognitivo y social del comportamiento, como en lo afectivo. La meta educativa es que cada
individuo acceda progresiva y secuencialmente a la etapa superior de desarrollo intelectual, de acuerdo con las
necesidades y condiciones de cada uno. El maestro debe crear un ambiente estimulante de experiencias que
faciliten en el nio su acceso a las estructuras cognoscitivas de la etapa inmediatamente superior.
Modelo Pedaggico Social.

Makarenko, Freinet y en Amrica Latina, Paulo Freire. proponen el desarrollo mximo y multifactico de las
capacidades e intereses del individuo. Tal desarrollo est determinado por la sociedad, por la colectividad, en
la cual el trabajo productivo y la educacin estn ntimamente unidos para garantizar no slo el desarrollo del
espritu colectivo, sino el conocimiento pedaggico polifactico y politcnico y el fundamento de la prctica
para la formacin cientfica de las nuevas generaciones.
Estos campos conceptuales aportados por estos pensadores, han permitido a la comunidad educativa
Roigvillalbista, elaborar su modelo pedaggico y su enfoque metodolgico.
Aspectos y consideraciones sobre los cuales se apoya la Formacin en la Institucin Educativa

Roig y Villalba.
29
La informacin que tiene relacin con los aspectos legales y/o acadmicos y administrativos, se pueden
resumir del PEI, as:
La Constitucin Poltica del pas promulgada en 1991 y la Ley General de Educacin (Ley 115 de 1994), han
encomendado a las instituciones escolares la formulacin de sus Proyectos Educativos (PEI), como una
estrategia para la bsqueda de mayor autonoma pedaggica. Asimismo, la aprobacin de la Ley 715 de 2001,
ha dotado a la educacin de un marco legal de mayor importancia para acometer una profunda reforma de la
educacin y la enseanza.
Esto ha llevado a que la Institucin Vicente Roig y Villalba, con su equipo de apoyo, busquen propuestas
innovadoras para cumplir con las exigencias gubernamentales de elevar la calidad de la educacin. Por eso,
para no quedar marginados ni rezagado, se trata de construir una nueva identidad que recoja la historia y la
tradicin de todos los estamentos que la conforman.
Lo anterior impuls a la formulacin de un horizonte institucional comn (Misin Visin), que ayude a mejorar
el
clima escolar para la sana convivencia y la socializacin, la articulacin de los mecanismos de
administracin a travs de una nueva experiencia escolar titulada COMUNICACIN, GESTIN, CAMBIO,
RESULTADO: PRINCIPIOS ADMINISTRATIVOS PARA LA CALIDAD EDUCATIVA COGECARE 5, apoyada
por el trabajo en equipo de los miembros de las diferentes sedes adscritas, jornadas y estamentos de la
comunidad educativa.
INSTITUCIN EDUCATIVA ROIG Y VILLALBA. Revista Institucional Tocando Corazones. Cuarta edicin
-2005 Pg. 8
5
30
La consolidacin de estos principios administrativos, los que han recibido la razn social de COGECARE,
estn relacionados directamente con el primero: COMUNICACIN, establecida como el manejo de la
informacin en el seno de la Comunidad Educativa, considerada como la herramienta que sirve de soporte,
unin y enlace en las relaciones de convivencia porque fluye en todas las direcciones, siendo clara, oportuna,
veraz y precisa, ayudando a lograr la interaccin, integracin y concertacin de los miembros que la
conforman. Este primer principio se supone debe ser un pilar fundamental entre rector, directivos docentes,
docentes, estudiantes, padres de familia y comunidad en general para la toma de decisiones, brindndole el
tiempo y el espacio necesarios para la reflexin conjunta y la solucin de conflictos en busca de un horizonte
institucional compartido que direccione los esfuerzos de todos en lo administrativo y lo pedaggico.
El segundo principio: GESTIN, est considerado como la intervencin, la tramitacin y la ejecucin voluntaria
que hacemos con esfuerzo, cuidado, eficiencia, esmero y prontitud ante las diferentes instancias
gubernamentales, no gubernamentales, civiles, religiosas, privadas, comunitarias, Etc., para la consecucin de
bienes educativos en forma colectiva, interactuando con la comunidad en la bsqueda del mejoramiento de la
calidad humana y de la educacin en nuestra institucin.
El tercer principio: CAMBIO, se maneja como el conjunto de mecanismos o procesos pedaggicos innovadores
que permiten la constante transformacin de la comunidad educativa, proyectndose a los nuevos modelos
socioeducativos con las competencias, los estndares curriculares y el plan de mejoramiento institucional,
siguiendo el ritmo de los avances pedaggicos, cientficos, tecnolgicos, sociales y culturales, contribuyendo
as al cumplimiento del horizonte institucional.
31
Este CAMBIO se ver reflejado en toda la comunidad educativa en su nuevo despertar frente a los procesos
pedaggicos, pasando de la metodologa tradicional a la constructivista social Activa Participativa 6, a
travs de los diferentes proyectos que desde la administracin se han venido apoyando para que el docente
est a tono con todas las innovaciones educativas actuales.
El cuarto principio: RESULTADO, se considera como la produccin obtenida a travs de todo el proceso que
se ha planeado, comunicado y gestionado, logrando un cambio y una transformacin sico social pedaggica
en la comunidad educativa Vicente Roig y Villalba, mostrando evidencias significativas convincentes a
Fonseca, La Guajira y Colombia.
Esta experiencia significativa ha sido incluida en el PEI como un valioso aporte al plan de mejoramiento de la
calidad educativa institucional, como un trabajo de la GESTION ESCOLAR, constituida por las cuatro reas de
gestin:
directiva,
pedaggica
acadmica,
de
la
comunidad,
administrativa
financiera
(www.mineducacion.gov.co), tratando de alcanzar un alto impacto social con los resultados obtenidos.
La informacin que permite mejorar los procesos acadmicos y administrativos se resume en el Plan operativo
y Los Resultados de la Evaluacin Institucional de la Institucin Educativa Vicente Roig y Villalba de Fonseca
La Guajira. (Ver anexo A y B)
4.1.2 Teora del aplicativo
ZAPATA, Vladimir. Historia de la pedagoga. Universidad de Antioquia 1994 - Pgs. 106 113
32
Sitio Web En informtica, Word Wide Web o Red global mundial es un sistema de documentos de
hipertextos o hpermedos enlazados y accesibles a travs de Internet. Fue creada en 1989 Tim Berns y
Robert Cailliau. Ha permitido el desarrollo de estndares y de lenguajes. La visualizacin de una pgina
Web se inicia tecleando la URL de la pagina en el navegador o siguiendo un enlace de hipertexto
El sitio Web se disea teniendo como enfoque pedaggico el Socio-constructivismo. Basado en muchas de
las ideas de Dewey, Piaget, Makarenko y Auebel 7, quienes consideran la educacin y los procesos de
comunicacin como una propuesta pedaggica integral, que concreta una posicin ante el mundo y se vincula
a una prctica poltica y econmica. Frente al reto que constituye armonizar los intereses sociales con los
particulares de los educandos, Makarenko responde involucrando a stos en la bsqueda de soluciones a los
problemas cotidianos; hacindolos agentes activos en la organizacin de la vida escolar y productiva,
generando lazos de colaboracin, respeto, autoridad compartida y disciplina. El logro obtenido con esto,
consisti en formar personalidades productivas y solidarias con su pueblo y la Nueva Sociedad
El aprendizaje del ser humano puede ir desde lo repetitivo o memorstico, hasta el aprendizaje significativo y
la estrategia de enseanza, basada en el descubrimiento por el mismo 8
7
8
CANDAU DEBIE Y OTROS, Intel teach to the future, Intel Corp. 1 Edic., Colombia 2005. Seccin 3 Mod 0.5
-------- Seccin 3 Marco terico Mod 0.5
33
El diseo e implementacin del sitio Web de la Institucin Educativa Vicente Roig y Villalba de Fonseca La
Guajira debe considerarse como ese espacio compartido y de encuentro de los diferentes estamentos.
El proceso de aprendizaje es entonces, un proceso personal de construccin de nuevos conocimientos a partir

de los saberes previos, pero inseparables de la situacin en la que se produce. Tiene lugar conectando la
experiencia personal y el conocimiento y se sita en un contexto social donde l hombre construye su propio
conocimiento a travs de la interaccin con otras personas. Enfatiza en la Importancia de la interaccin
social, el compartir y debatir con otros los aprendizajes 9.
La metodologa aplicada para el desarrollo del proyecto combina dos procesos, el de conocer (reflexionar) y el
de actuar (hacer), involucrando en ambos a la poblacin objetivo (Padres, maestros, directivos, egresados y
estudiantes).
El diseo e implementacin de un sitio Web en la Institucin Educativa Vicente Roig y Villalba de Fonseca La
Guajira pretende re direccionar e informar los diferentes procesos acadmicos y administrativos de la
Institucin; de igual forma, permitir que los diferentes estamentos conozcan mejor su Institucin.; es un
proceso que combina la teora y que posibilita el aprendizaje, la toma de conciencia de los miembros de la
ZAPATA, Vladimir. Historia de la pedagoga. Universidad de Antioquia 1994 - Pgs. 106 113
34
comunidad y conocer su realidad, su empoderamiento, el refuerzo y ampliacin de sus redes sociales, su

movilizacin colectiva y su accin transformadora 10.
La meta es que la Institucin Educativa mejore sus procesos, apropindose de ellos, y teniendo un control
operativo (saber hacer), lgico (entender) y crtico (juzgar) de ellos, supone un proceso sencillo al alcance de
todos pero a la vez que lleve a la participacin de sus estamentos, para que asuman en forma analtica y
dinmica su entorno.
4.1.3 Teora de la herramienta
DREAMWEAVER: (Dreamweaver-Flash 2004)
Dreamweaver es una herramienta de diseo de pginas web muy avanzada. Aunque la persona que lo maneje
sea un experto programador de HTML encuentra en este programa otras razones y ventajas para utilizarlo,
sobretodo en lo que a productividad se refiere.
Cumple perfectamente el objetivo de disear pginas con aspecto profesional, y soporta gran cantidad de
tecnologas, adems es muy fcil de usar y brinda entre otros los siguientes beneficios: permite trabajar hojas
10
-------- Pgs. 106
35
de estilo y capas Javascript para crear efectos e interactividades; adems permite insertar e archivos
multimedia.
Es un programa que se puede actualizar con componentes, que fabrica tanto Macromedia como otras
compaas, para realizar otras acciones ms avanzadas.
En resumen, el programa es realmente satisfactorio, incluso el cdigo generado es de buena calidad. La nica
desventaja es que al ser tan avanzado, puede resultar un poco difcil su manejo para personas menos
experimentadas en el diseo de sitios webs.
Dreamweaver ha evolucionado mucho en su versin 4, que incluye soporte para la creacin de pginas
dinmicas de servidor en ASP, con acceso a bases de datos (versin Ultradev) y una mayor integracin con
otras herramientas de Macromedia como Fireworks.
FLASH
Se puede afirmar que Adobe Flash es una aplicacin en forma de estudio de animacin que trabaja sobre
"Fotogramas" destinado a la produccin y entrega de contenido interactivo para diferentes audiencias
alrededor del mundo. Los archivos de Flash, que tienen generalmente la extensin de archivo SWF, pueden
aparecer en una pgina web para ser vista en un navegador , o pueden ser reproducidos independientemente
por un reproductor Flash. Los archivos de Flash aparecen muy a menudo como animaciones en pginas Web
36
y sitios Web multimedia, y ms recientemente Aplicaciones de Internet Ricas. Son tambin ampliamente
utilizados en publicidad en la web.
En versiones anteriores, Macromedia ampli a Flash ms all de las animaciones simples, convirtindola en
una herramienta de desarrollo completa, para crear principalmente elementos multimedia e interactivos para
Internet.
Fue hasta el ao 2005 que la empresa Macromedia conocida hasta entonces como Macromedia Flash y
adquirida por Adobe Systems (desde entonces conocida como Adobe Flash) que amplia su portafolio de
productos dentro del mercado. Flash es un programa de edicin multimedia con varias finalidades: Sirve para
crear animaciones, contenido multimedia, juegos, etc. Desde Flash 6 se integran los flotadores, es decir las
ventanas de herramientas, como las de colores, componentes, ayuda (que en las ltimas versiones, ha tenido
su propio panel, y llamar a ste es tan fcil que basta con presionar la tecla F1). Los componentes, son
similares a los movieClips, ya construidos que vienen de varios tipos, como los Componentes, o los
componentes de interfaz, todos estos creados por el equipo de Macromedia, para simplificar y ahorrar tiempo
Actualmente las personas viven en un mundo inmerso e inherente a los desarrollos tecnolgicos y en
consecuencia deben entender que sta poca se conecta mediante la red-global, por lo tanto,
se debe
encontrar una forma que permita mantenerse intercomunicado con todas las personas en todas las partes del
mundo.
A partir de la segunda mitad de los aos 80, una investigacin realizada por la Oficina Europea del Banco
Interamericano de Desarrollo
destac la importante transformacin de la cultura y la comunicacin con la
37
aparicin de equipamientos multimedia, la digitalizacin de los formatos, etc., que comportan un cambio en las
formas de produccin y consumo, por lo que el sector cultura es visto como una actividad clave provocando un
proceso de aceleracin en las integraciones empresariales, a esto se suma la publicitacin y promocin de
mercancas y servicios en general en las pautas y los comportamientos culturales de la sociedad. Es sabido
que la industria y la economa no hubiesen alcanzado su nivel actual sin la presencia de sus productos
culturales y comunicacionales de ah la importancia significativa que tiene el vincular todos los procesos
culturales de un pas a la red. Los procesos de convergencia tecnolgica y la creciente importancia econmica
y simblica de las actividades culturales influyeron para que a partir de la dcada del ochenta se presentaran
cada vez mas articulaciones entre industrias y sectores, generando nuevos protagonistas y actores,
tradicionalmente ajenos al campo cultural. En ste intento de reconstruccin histrica, se reconoce una nueva
prctica cultural, como construccin de referentes identificatorios fundamentales para sus habitantes, para
sintetizar su historia y su memoria. Conquistar una nueva universalidad es un gran desafo. Promover las
industrias culturales permite la salida, la exportacin y/o la diseminacin de tradiciones, costumbres, y de
aspectos relacionados con el campo agrcola de un pueblo en el exterior y el acceso de sus productos en el
pas.
38
4.2
MARCO CONCEPTUAL
4.2.1 Contenidos y/o actividades del sitio

El sitio Web de la Institucin Educativa Vicente Roig y Villalba de Fonseca La Guajira, para dar a conocer los
procesos acadmicos y administrativos presenta aspectos relacionados
con: Quienes somos (Historia,
Misin, visin, Manual de Convivencia y el PEI), Proyectos (COGECARE, Revista Tocando Corazones,
Repblica Viva, Roig Activo, Plantas Medicinales)
Comunidad (Rector, Gobierno escolar, directivos,
administrativos, docentes, padres de familia y Estudiantes) y Academia (Plan de estudio e intensidades
39
horarias) y
Galera
(imgenes) y est diseada con las herramientas Dreamweaver y flash y est
conformado por las siguientes actividades o interfaces:

En la primera interfaz denominada Principal, se presentan dos archivos de texto y cuatro imgenes jpg,
una de las cuales Incluye el nombre de la Institucin, una pelcula Flash con el Banner de la Institucin:
Vicente Roig y Villalba sedes anexas a la Izquierda (Tomas Emilio Curiel, Cleotilde Povea y San Rafael)
y sede central a la derecha y hacia la izquierda la barra de Botones: Pagina Principal, Quienes somos,
Proyectos, Academia, Comunidad y Galera; hacia el
centro cuatro mensajes de textos donde se
presenta la direccin, el tipo de Institucin, la Ubicacin y los Actos Administrativos mediante los cuales se
aprobaron las diferentes jornadas de la maana, tarde y noche. De la misma forma la distribucin y
ubicacin de los botones o links del sitio Web.
En la segunda interfaz denominada Historia, se incluye una resea Histrica de la Institucin Vicente
Roig y Villalba mediante un mensaje de texto hacia el centro, tres imgenes diferentes a la primera interfaz:
La primera en la parte superior izquierda con el logo de la Institucin, una hacia el costado superior derecha
con el escudo de la Institucin y debajo de la barra de botones la imagen del Obispo Vicente Roig y Villalba
con un mensaje de texto con su nombre.
En la tercera interfaz denominada Misin - Visin, se incluye dos archivos de texto, uno con la Misin y la
Visin de la Institucin y otro con la identificacin de las dos imgenes de la parte inferior de tres egresados
que hoy prestan sus servicios a la Institucin, dos imgenes con el logo (superior izquierda) y el escudo
40
(superior derecha) y un Flash de pelcula con el Banner de la Institucin Sede San Rafael y hacia la parte
central izquierda la barra de men.
En la cuarta interfaz denominada MANUAL DE CONVIVENCIA se presentan cinco imgenes jpg: una
ubicada en la parte superior izquierda con el logo de la Institucin, la otra hacia la parte superior derecha
con el escudo de la Institucin y en medio de ellas un Flash de pelcula de la Institucin: Sede Central; y
en la parte inferior, tres imgenes relacionadas con los Uniformes de la Institucin y hacia el centro un
archivo.doc con la descripcin de los objetivos del Manual de convivencia con un hipervnculo hacia el
Archivo.doc, y finalmente, la barra de men hacia la parte central izquierda.
En la quinta interfaz se presenta Smbolos de la Institucin Educativa Roig y Villalba mediante dos
imgenes jpg con el nombre de Institucin Educativa Vicente Roig y Villalba arriba, hacia el centro un
archivo.doc con el himno de la Institucin y debajo de la barra de Men
una pelcula de Flash de
transformacin de forma del escudo a la Bandera y de este al nombre de la Institucin. Finalmente, se

presenta hacia la parte inferior izquierda de la pantalla, la segunda imagen jpg de la Virgen Mara
Auxiliadora a la cual se consagran los estudiantes el da 24 de mayo cada ao.
41
En la sexta interfaz denominada PROYECTO EDUCATIVO INSTITUCIONAL PEI, se presentan dos

imgenes en la parte superior: de las cuales una corresponde al logo de la Institucin (superior izquierda) y
la otra (superior derecha) con una imagen relacionada con la actividad escolar, y en el centro de las dos, un
Flash de pelcula con el nombre de la Institucin, se presenta adems; la barra de Men, una imagen
debajo del proyecto Cogecare y hacia la derecha un archvo.doc con la explicacin del Proyecto con un
Hipervnculo hacia el archivo en mencin (archivo.doc).
En la sptima interfaz denominada PROYECTO COGECARE, se presentan dos imgenes en la parte

superior: de las cuales una corresponde al logo de la Institucin (superior izquierda) y la otra (superior
derecha) con una imagen relacionada con la actividad escolar (Roig Activo), y en el centro de las dos, un
Flash de pelcula con el nombre de la Institucin sede San Rafael, se presenta adems; la barra de Men,
dos imgenes jpg alusivas al proyecto Cogecare y hacia la derecha un archvo.doc con la explicacin del
Proyecto con un Hipervnculo hacia el archivo en mencin (archivo.doc).
La octava interfaz denominada PROYECTO ROIG ACTIVO, se presentan dos imgenes en la parte
superior: de las cuales una corresponde al logo de la Institucin (superior izquierda) y la otra (superior
derecha) con una imagen relacionada con la actividad escolar, y en el centro de las dos, un Flash de
42
pelcula con el nombre de la Institucin Sede central, se presenta adems; la barra de Men y dos
imgenes debajo y hacia la derecha un archvo.doc con la explicacin del Proyecto.
En la novena interfaz denominada Proyecto cultivo y uso de plantas medicinales, se presenta una
imagen jpg con el nombre de Institucin Educativa Vicente Roig y Villalba en la parte superior y dos
imgenes relacionadas con la actividad escolar en la parte inferior, se presenta adems; la barra de Men
y hacia la derecha un archvo.doc con la explicacin del Proyecto.
En la novena interfaz denominada Proyecto cultivo y uso de plantas medicinales, se presentan tres
imgenes en la parte superior: de las cuales una corresponde al logo de la Institucin (superior izquierda) y
la otra (superior derecha) con el escudo, y una imagen relacionada con la actividad escolar en el centro, y
se presenta adems; la barra de Men y dos imgenes debajo y hacia la derecha un archvo.doc con la
explicacin del Proyecto.
En la dcima interfaz denominada Revista Tocando corazones medicinales, se presentan cinco
imgenes jpg. En la parte superior tres de las cuales una corresponde al logo de la Institucin (superior
izquierda) y la otra (superior derecha) con el escudo, y
una imagen relacionada con las portadas y
contenidos de la Revista en el centro, y se presenta adems; la barra de Men y dos imgenes debajo y
hacia la parte central derecha un archvo.doc, y debajo de las dos siguientes imgenes jpg un archivo.doc
relacionado la actividad del Proyecto.
43
En la undcima interfaz denominada Perfil del Estudiante Roigvillalvista, se presentan dos imgenes
en la parte superior: de las cuales una corresponde al logo de la Institucin (superior izquierda) y la otra
(superior derecha) con una imagen relacionada con la actividad escolar, y en el centro de las dos, un Flash
de pelcula con el nombre de la Institucin, se presenta adems; la barra de Men y tres imgenes jpg
relacionada con la actividad escolar y los Uniformes de la Institucin, y hacia la derecha un archvo.doc con
la explicacin del Proyecto.
En la undcima segunda interfaz denominada Plan de estudios, se presenta una imagen jpg en la
parte superior con el nombre de Institucin Educativa Vicente Roig y Villalba y hacia el centro una imagen
jpg que contiene el plan de estudios de la Institucin, se presenta adems; la barra de Men y debajo de
el una imagen de la Virgen Mara Auxiliadora.
En la undcima tercera interfaz denominada Docentes de la Institucin Educativa Vicente Roig y
Villalba, se presentan dos imgenes en la parte superior: de las cuales una corresponde al logo de la
Institucin (superior izquierda) y la otra (superior derecha) con el Escudo, y en el centro de las dos, un
Flash de pelcula con el nombre de la Institucin. Se presenta adems; la barra de Men y debajo de ellas
dos imgenes relacionadas con los docentes
y hacia la derecha y hacia abajo un archvo.doc con los
nombres y perfil de los Docentes de la Institucin.

En la undcima cuarta interfaz denominada CONSEJO DIRECTIVO, se presentan dos imgenes en la
parte superior: de las cuales una corresponde al logo de la Institucin (superior izquierda) y la otra (superior
derecha) corresponde al Escudo y hacia el centro una imagen relacionada con la actividad escolar, y en el
44
centro hacia abajo de ellas, un archivo.doc con los nombres de los miembros del Consejo Directivo de la
Institucin y hacia la izquierda de el, la barra de Men.
En la undcima quinta interfaz denominada RECTOR, se presentan dos imgenes en la parte superior:
de las cuales una corresponde al logo de la Institucin (superior izquierda) y la otra (superior derecha)
corresponde al Escudo y hacia el centro de las dos, una imagen relacionada con la actividad escolar, y en
el centro hacia abajo de ellas, un archivo.doc con el Perfil del Rector de la Institucin y hacia la izquierda de
el, la barra de Men.
En la undcima sexta denominada ADMINISTRATIVOS Y DIRECTIVO, se presentan tres imgenes en la
parte superior: de las cuales una corresponde al logo de la Institucin (superior izquierda) y la otra (superior
derecha) con el Escudo de la Institucin, y en el centro de las dos, otra imagen relacionada con la actividad
escolar, y debajo de ellas un Archiv.doc con los nombres de los Administrativos y directivos de la Institucin,
debajo de el tres imgenes jpg relacionada con la actividad relacionada con este tem y hacia la izquierda
de el la barra de Men.
4.2.2 Informacin Implcita

Blog. En espaol tambin equivale bitcora.
Es un sitio Web actualizado peridicamente que recoge
cronolgicamente artculos o textos de uno o varios autores, apareciendo primero el ms reciente,

donde el autor conserva siempre la libertad de dejar publicado lo que crea pertinente. Es como un diario,
pero publicado en la Web.
45
Chat: En espaol significa charla, tambin se conoce Cyber charla y en ella varias personas de
diferentes partes del mundo conversan en tiempo real a travs de sus teclados micrfonos y cmaras.
Es una herramienta que funciona sobre el modelo cliente / servidor
Internet. Red de redes (www). Red mundial de la Informacin.
Conocimiento divergente.
Las personas aprenden y se informan de diferente forma. Estas diferencias dependen de muchos
aspectos, quienes somos, donde estamos, como nos visualizamos y que nos demandan las personas,
(Mc Carthy, 1987).
Cada una de la personas procesa la informacin de acuerdo con el estilo de
aprendizaje de su preferencia. La idea no es ensear exclusivamente un estilo sino todo lo contrario.

Se debe exponer a los estudiantes a diferentes experiencias de aprendizaje (Silverman, 1988) El
Proceso de comunicacin que conlleva a la construccin de nuevos conocimientos a partir de los
saberes previos diferentes a los que se tenan como primera intencin u objetivo. Lo anterior ha sido
criticado por que las etapas se diferencian no cualitativamente sino por capacidades crecientes de
procesamiento y memoria. Se sostiene que diferentes modos de procesar y representar la informacin
son enfatizados durante diferentes periodos de la vida del hombre.
Lo importante es sin embargo, la
manipulacin fsica, donde se desva el saber hacia la reflexin y el individuo (Brunner 1966)
4.3 MARCO CONTEXTUAL
46
4.3.1 Ubicacin socio demogrfica de la institucin

La Institucin Educativa Vicente Roig y Villalba es un establecimiento pblico de educacin media tcnica con
nfasis en Comercio, administrado por la secretara de Educacin Departamental de la Guajira., ubicado en la
carrera 21 N 16 33 Barrio Alto Prado de Fonseca la Guajira.
El objetivo de la Institucin Educativa Vicente Roig y Villalba, es prestar el
Servicio educativo tendiente a otorgar el ttulo de Bachilleres con nfasis en Comercio para las jornadas
diurnas y el de Bachiller acadmico en la jornada nocturna.
La Misin de la Institucin es Formar personas con valores cristianos, basados en el respeto mutuo,
autonoma, responsabilidad y solidaridad capaces de desempearse con eficiencia y afrontar los nuevos retos
que le ofrece la ciencia y la tecnologa de manera competente.
Resea histrica de la Institucin Roig y Villalba

Siendo prroco de la Villa de San Agustn de Fonseca el Reverendo Ricardo de Alfara, se hizo una reunin
para crear un colegio de Segunda enseanza para seoritas y la idea es secundada por el Doctor Andrs
Medina Parodi, en ese entonces representante a la Cmara de Representante y Presidente del Club de
47
Leones Los Higuitos. Se nombro una junta pro colegio que quedo conformada as: Presidente Doctor Andrs
Medina Parodi, Secretaria Carmen Gmez Daza, Tesorero Reverendo padre Ricardo de Alfara, Fiscal, seor
Jess Peralta Ziga (Alcalde), Vocales, seor Simn ARREGOCES PERSONERO Municipal y la Seora
Nilda de Cotes.
La Institucin Educativa Vicente Roig y Villalba Inicia sus labores en abril de 1964 en casa de las hermanas
Parodi Ovalle (Plaza Principal), siendo su primera directora Ela Luz Parodi Ovalle, sus primeros docentes: El
reverendo padre Ricardo de Alfara, Armando Solano, Eloiza Mendoza Y Margarita Arregoces y un total de 48
estudiantes en el primer grado de Bachillerato.
En el ao 1965 las labores inician en el mismo sitio y a mediados de ao se traslada al Centro de Salud
Publico Municipal. En el ao 1966, se retira la Directora y es nombrada Carmen Pareja, cargo del cual tambin
renuncia y es reemplazada por Elba Dangond. En este mismo ao el nivel acadmico se eleva a tercero de
bachillerato.
En 1983, renuncia la seora directora Blanca Fuentes de Aragn y es reemplazada por su actual Rector el
Socilogo Miguel Peralta Mendoza quien tiene la oportunidad de brindarle a la comunidad y al Departamento
de la Guajira la Primera Promocin de Bachilleres comerciales.
48
En el ao de 1989 se celebran las bodas de plata de la Institucin (1964 1989) y la Institucin se viste con
sus mejores galas y es reconocida por el Concejo Municipal y la Asamblea del Departamento por su aporte a la
Educacin y la cultura.
En el ao 2002, mediante acto 262 de noviembre 5 del mismo ao con los procesos de integracin crece la
familia ROIGVILLALBISTA quedando conformada por 4 sedes:
SEDE CENTRAL:ROIG Y VILLALBA - Bachillerato
SEDE 2: Escuela San Rafael Arcngel - primaria
SEDE 3: Escuela Cleotilde Povea de Romero - Primaria
SEDE 4: Escuela Tomas Emilio Medina Curiel - Primaria.
4.3.2 Caracterizacin de la poblacin Institucin Educativa Vicente Roig y Villalba Fonseca.

La Institucin Educativa Vicente Roig y
Villalba, atiende poblacin de estratos Socio-econmicos 1 a 3,
provenientes mayoritariamente de los barrios: Jos Prudencio Padilla, El Carmen, 12 de Octubre, Cristo Rey,
Alto prado Paraso, Gmez Daza, Lagunita, El Cerrejn, 1 de Julio, El Campo, Alto Prado, Centro, Delicias,
15 de Diciembre y centros poblados Rurales de: El Hatico, Conejo, Distraccin, Chorreras, Sitio Nuevo,
Resguardo Indgena de Mayabangloma, y Cardonal principalmente.
49
En la actualidad se encuentran matriculados 890 estudiantes en los grados 6 a 11 en la jornada de la

maana aproximadamente, 200 estudiantes en la jornada de la tarde en la sede Central y 700 estudiantes en
las sedes de primarias.
La poblacin estudiantil esta conformada por 1200 mujeres y 690
varones, de ellos existen dos estudiantes
con discapacidad auditiva moderada, y dos con discapacidad fsica. Las edades estn comprendidas entre los
5 a 18 aos promedio.
4.3.3 Recursos
La institucin cuenta con una sala de Informtica y Bilingismo con 15 computadores y conectividad a Internet
cuatro horas al da (8:00 a 9:00 AM y de 10:00 a 11:00 AM), (1:00 a 2:00 PM y de 5:00 a 6:00 PM) en
convenio con escasos recursos econmicos, los que dependen de un trabajo informal, estos habitan en la zona
rural y urbana. Todos estn organizados en los niveles de Preescolar, Bsica y Media, distribuidos en las
jornadas maana, tarde y nocturna.
La estructura fsica de la institucin cuenta con 43.000 mts 2 organizada as: la Sede Principal Roig y Villalba
cuenta con veinte aulas de clases, seis en mal estado, las restantes carecen de la ventilacin adecuada. Una
Sala de Tecnologa y Bilingismo con 15 computadores, una Sala de Mecanografa con 19 mquinas en
50
regular estado, un Taller de Artstica con escasos materiales, un Laboratorio de Biologa, Qumica y Fsica, una
pequea Biblioteca desactualizada, adems se cuenta con la Sala de Profesores, Rectora, Oficina de
Sistemas y Archivo, Coordinacin Acadmica, Pagadura y una pequea Sala de Sico orientacin que necesita
se adecuada para prestar un mejor servicio. Actualmente se encuentra una nueva sala de computacin.
Es notoria la falta de escenarios deportivos y culturales, ya que se cuenta con una pequea cancha de
basquetbol y un Aula Mltiple con poco espacio para albergar el gran nmero de estudiante. Igualmente es
notoria la ausencia de una sala de audiovisuales, de bienestar estudiantil, el restaurante escolar y medio de
transporte para los estudiantes que viven lejos. Estas mismas dificultades se presentan en las Sedes.
4.4 MARCO METODOLGICO.

4.4.1 Diseo
Tipo de investigacin
El tipo de investigacin utilizado para evidenciar la problemtica de la Institucin Educativa Vicente Roig y
Villalba de Fonseca La Guajira, es en primera instancia Investigacin tecnolgica aplicada y en segundo
lugar de corte social constructivista.
51
Tipo de aplicativo diseado.
El tipo de aplicativo que se disea e implementa es: Sitio Web.
Tabla 1. Tipo de aplicativo diseado Sitio Web

Tipo de aplicativo
Herramienta
Utilidad
Usuarios
Sitio Web
Dreamweaver - Flash
Informar los Procesos Acadmicos y
Administrativos
de
la
Institucin
Educativa
Comunidad educativa
El tipo de herramienta que se utiliza para el diseo e implementacin del sitio Web es la herramienta
Dreamweaver y Flash.
Herramienta Informtica
52
En lo referente al diseo de un sitio web o pgina web, se pueden utilizar herramientas dreamweaver, flash y
fireworks. Generalmente se usa ms Dreamweaver y Flash.
Tabla 2. Matriz de identificacin de herramienta software utilizada

Dreamweaver
Nombre de la Herramienta
Versin
Dreamweaver
CS4
Macromedia Flash MX Profesional
2004
Fabricante
Adobe Systems
No Libre (GNU Reservado)
Tipo de Licenciamiento
Descripcin de funciones utilizadas Diseo e implementacin

en la elaboracin del aplicativo.
sitio web
53
de un
Tabla 3.
Matriz de identificacin de herramienta software

Utilizada - flash
Nombre de la Herramienta
Flash
Versin
10.0 ( Adobe creative suite 4)
Fabricante
Adobe Systems
Tipo de Licenciamiento
Propietario EULA
Descripcin de funciones utilizadas

en la elaboracin del aplicativo.
Animaciones Flash
Recoleccin de informacin
Para recolectar la informacin se utilizaron las siguientes tcnicas: Entrevistas y
Encuestas aplicadas a
Docentes, directivos, padres de familia, egresados y Administrativos.

En cuanto a la recoleccin de informacin secundaria se utilizaron diferentes fuentes: Libros, Revistas,
archivos de la Institucin educativa Vicente Roig y Villalba y paginas Web.
Ficha Tcnica de recoleccin de informacin
54
Nombre del instrumento: Encuesta

Propsito: Recolectar informacin de la Comunidad de la Institucin Educativa Vicente Roig y Villalba sobre los
medios y canales de Comunicacin utilizados en los diferentes procesos acadmicos y administrativos.
De igual forma se pretenda establecer si los diferentes miembros de la comunidad tenan conocimiento o no
del funcionamiento de un sitio Web en la Institucin.
Objetivo:
La primera pregunta apunta a recoger informacin sobre la existencia o no de un sitio Web en la Institucin.
La segunda pregunta tiene como intencin saber, si en la Institucin existiera un Sitio Web que les gustara
encontrar en el?, de esa forma se pretende determinar las preferencias de los diferentes miembros de la
comunidad.
Finalmente, la tercera pregunta indaga sobre las formas y canales de comunicacin utilizados al interior de la
Institucin para desarrollar los diferentes procesos acadmicos y administrativos; lo cual permite conocer y
luego mejorarlos.
Poblacin:
La poblacin estudiantil al igual que sus padres pertenece a estratos Socio-econmicos 1 a 3.
En la actualidad se encuentran matriculados 890 estudiantes en los grados 6 a 11 en la jornada de la
maana aproximadamente, 200 estudiantes en la jornada de la tarde en la sede Central y 700 estudiantes en
las sedes de primarias.
55
La poblacin estudiantil est conformada por 1200 mujeres y 690
varones,
de los cuales existen dos
estudiantes con discapacidad auditiva moderada, y dos con discapacidad fsica.
Las edades estn
comprendidas entre los 5 a 18 aos promedio.

La poblacin de docentes es de 67 en bsica primaria, bsica secundaria y media tcnica, la gran mayora
profesionales de la educacin y con especialidades y posgrados en reas relacionados con su trabajo.
Los administrativos y directivos estn conformados por 15 personas y los servicios auxiliares administrativos
por cuatro (4)
Muestra:
La muestra es 40 padres de familias, 40 estudiantes, 10 docentes y 10 administrativos y directivos (n = 10 X
4 por cada estamento)
Porcentaje (%) de error: 5%
Clculo margen de error de la prueba. Test aplicado en estudiantes 5%
Fecha de aplicacin. Tercera semana del mes de Marzo de 2009.
Los resultados de la encuesta se presentan en la siguiente tabla:
Tabla 4: Resultados de la aplicacin de la encuesta a los miembros de la comunidad educativa

Vicente Roig y Villalba de Fonseca 2009.
56
Pregunta 1
Si sabe
No sabe
NR
Resultado
44
Pregunta 2
Contenido
Cultura
Reconocimiento
Proyectos
Otros
Resultados
26
10
Pregunta 3
T. Mural
Carteleras
Radio
Escritos
Verbal
Resultado
12
15
FUENTE: Encuesta
En cuanto a las preguntas formuladas en la encuesta, las respuestas a las preguntas se pueden interpretar as:
Pregunta 1: Sabe si la Institucin Educativa Vicente Roig y Villalba cuenta con una pgina Web o un sitio
Web?
La mayora de la personas encuestadas (44) desconoce si la institucin cuenta con un sitio Web para la
organizacin de los procesos acadmicos administrativos y de comunicacin.
Pregunta 2: Si la Institucin Educativa Vicente Roig y Villalba contara con una pgina o sitio Web, que le
gustara encontrar en ella?
57
Ms de la mitad de las personas encuestadas (26) contesto que le gustara encontrar en el sitio Web de la
institucin contenidos y en menor proporcin (10) aspectos relacionados con la cultura y la recreacin.
Pregunta 3: Conoce usted a travs de qu medio se divulga el acontecer de la Institucin Educativa Vicente
Roig y Villalba?
Una gran cantidad de personas encuestadas
(12)
contestaron que el medio utilizado para divulgar el
acontecer de la comunidad era 12 el tablero mural, 15 Carteleras y 6 comunicacin oral). Lo anterior confirma
que dentro de la institucin prevalece la comunicacin oral y visual.
La situacin relacionada con la preguntas 1 a la 3, se puede observar mejor en la siguientes graficas
58
GRAFICA 1: Sabe si la Institucin Educativa Vicente Roig y Villalba cuenta con una pgina Web o un
sitio Web?
Fuente: Encuesta.
En la grafica anterior, se puede observar que la gran mayora de las personas de la comunidad educativa de la
Institucin Roig y Villalba no sabe si la I.E. cuenta con Sitio Web o no.
59
GRAFICA 2: Si la Institucin Educativa Vicente Roig y Villalba contara con una pgina o sitio Web, qu
le gustara encontrar en ella?
Fuente: Encuesta.
La grafica anterior permite apreciar que una considerable cantidad de miembros de la comunidad educativa
encuestada, prefiere que en el Sitio Web de la Institucin se incluyan Contenidos relacionados con el
acontecer, acadmicos y pedaggicos (Contenidos)
60
GRAFICA 3: Conoce usted a travs de qu medio se divulga el acontecer de la Institucin Educativa

Vicente Roig y Villalba?
Fuente: Encuesta.
Los resultados de la encuesta permiten apreciar que el tablero mural y las carteleras son los medios mas
utilizados por la comunidad para comunicarse.
61
En cuanto hace referencia a el recurso didctico multimedia, se dise teniendo como enfoque pedaggico el
aprendizaje significativo el cual se entiende como: el proceso mediante el cual el ser humano construye su
conocimiento o saber de acuerdo a su propias necesidades, vivencias y experiencias (Ausebel1996)
El desarrollo del recurso didctico a la par de mejorar el proceso de comunicacin, est orientado a fortalecer
el proceso administrativo y pedaggico de la Institucin (aqu se incluira una breve descripcin de qu es el
proceso administrativo y pedaggico y cmo se evidencia en el aplicativo, cmo contribuye al mejoramiento de
la comunicacin entre los diferentes estamentos de la Institucin).
4.4.2 Objetivos de diseo.
Objetivo tcnico
Para el diseo e implementacin del sitio Web de la Institucin Educativa Vicente Roig y Villalba de Fonseca
La Guajira se requiere de una Sala de Informtica y el uso de Computadores con programas Dreamweaver y
Flash.
4.4.3 Evidencias de diseo.
62
El mapa de contenidos del Sitio Web de la Institucin Educativa Vicente Roig y Villalba de Fonseca tiene los
siguientes aspectos o contenidos:
MAPA DE CONTENIDOS
Sitio Web:
INSTITUCIN
EDUCATIVA VICENTE
ROIG Y VILLALBA
63
Quienes somos
Proyectos
Academia
Comunidad
Horizonte Inst.
COGECARE
Misin
Visin
PLANTAS MED
Perfil Del
estudiante
ROIG
ACTIVO
Plan de
Estudios
Rector
Docente y
directivos
PEI
Metodologa
Proyectos
MAPA DE NAVEGACIN (CONVENCIONES)
64
Estudiantes
4.4.4. diseo de interfaces

Guin de la interfaz N 1
NO.
OBJETO
ESTADO
INICIAL
EVENTO
ACCION
FUENTE
65
BANNER(TITULO
DE LA
INSTITUCION
ACTIVO
POR
TIEMPO
MOVIMIENTO
MENU(BOTONES)
ACTIVO
CLICK
CLICK
USUARIO
GRAFICO
NO
ACTIVO
NINGUNO
NINGUNO
TEXTO
NO
ACTIVO
POR
TIEMPO
NINGUNO
http://colegios.redp.edu.co/tecnicopiloto/
http://www2.edu.fi/magazinefactory
http://es.wikipedia.or
NO.
1
OBJETO
ESTADO
INICIAL
BANNER(TITULO
DE LA
INSTITUCION
ACTIVO
MENU(BOTONES)
EVENTO
ACCION
POR
TIEMPO
MOVIMIENTO
ACTIVO
CLICK
CLICK
USUARIO
IMAGENES
NO
ACTIVO
NINGUNO
NINGUNO
TEXTOS
NO
ACTIVO
POR
TIEMPO
NINGUNO
FUENTE
66
NO.
1
OBJETO
ESTADO
INICIAL
EVENTO
ACCION
BANNER(TITULO
DE LA
INSTITUCION
NO
ACTIVO
CLICK
MENU(BOTONES)
ACTIVO
CLICK
CLICK
USUARIO
GRAFICO
NO
ACTIVO
NINGUNO
NINGUNO
TEXTO
NO
ACTIVO
POR
TIEMPO
NINGUNO
FUENTE
NINGUNA
NO.
1
OBJETO
ESTADO
INICIAL
BANNER(TITULO
DE LA
INSTITUCION
ACTIVO
MENU(BOTONES)
EVENTO
ACCION
POR
TIEMPO
MOVIMIENTO
ACTIVO
CLICK
CLICK
USUARIO
IMAGENES
NO
ACTIVO
NINGUNO
NINGUNO
TEXTO
NO
POR
NINGUNO
FUENTE
67
ACTIVO
TIEMPO
NO.
1
OBJETO
ESTADO
INICIAL
BANNER(TITULO
DE LA
INSTITUCION
ACTIVO
MENU(BOTONES)
EVENTO
ACCION
POR
TIEMPO
MOVIMIENTO
ACTIVO
CLICK
CLICK
USUARIO
IMAGENES
NO
ACTIVO
NINGUNO
NINGUNO
TEXTO
NO
ACTIVO
POR
TIEMPO
NINGUNO
FUENTE
NO.
1
OBJETO
BANNER(TITULO
DE LA
ESTADO
INICIAL
NO
ACTIVO
EVENTO
CLICK
ACCION
FUENTE
NINGUNA
68
INSTITUCION
2
MENU(BOTONES)
ACTIVO
CLICK
CLICK
USUARIO
TRANSFORMACION
DE FORMA
FORMA LETRAS
ACTIVO
POR
TIEMPO
MOVIMIENTO
TEXTO
NO
ACTIVO
POR
TIEMPO
NINGUNO
NO.
1
OBJETO
ESTADO
INICIAL
BANNER(TITULO
DE LA
INSTITUCION
ACTIVO
MENU(BOTONES)
EVENTO
ACCION
POR
TIEMPO
MOVIMIENTO
ACTIVO
CLICK
CLICK
USUARIO
IMAGEN
NO
ACTIVO
NINGUNO
NINGUNO
TEXTO
NO
ACTIVO
POR
TIEMPO
NINGUNO
FUENTE
69
NO.
1
OBJETO
ESTADO
INICIAL
BANNER(TITULO
DE LA
INSTITUCION
ACTIVO
MENU(BOTONES)
EVENTO
ACCION
POR
TIEMPO
MOVIMIENTO
ACTIVO
CLICK
CLICK
USUARIO
IMAGENES
NO
ACTIVO
NINGUNO
NINGUNO
TEXTO
NO
ACTIVO
POR
TIEMPO
NINGUNO
FUENTE
NO.
1
OBJETO
ESTADO
INICIAL
BANNER(TITULO
DE LA
INSTITUCION
ACTIVO
MENU(BOTONES)
IMAGENES
EVENTO
ACCION
POR
TIEMPO
MOVIMIENTO
ACTIVO
CLICK
CLICK
USUARIO
NO
ACTIVO
NINGUNO
NINGUNO
FUENTE
70
TEXTO
NO
ACTIVO
POR
TIEMPO
NINGUNO
NO.
1
OBJETO
ESTADO
INICIAL
EVENTO
ACCION
FUENTE
SIN
MOVIMIENTO
BANNER(TITULO
DE LA
INSTITUCION
NO
ACTIVO
CLICK
MENU(BOTONES)
ACTIVO
CLICK
CLICK
USUARIO
IMAGENES
NO
ACTIVO
NINGUNO
NINGUNO
TEXTO
NO
ACTIVO
POR
TIEMPO
NINGUNO
NO.
1
OBJETO
BANNER(
ESTADO
INICIAL
NO
ACTIVO
EVENTO
CLICK
ACCION
FUENTE
SIN
MOVIMIENTO
71
2
MENU(BOTONES)
ACTIVO
CLICK
CLICK
USUARIO
IMAGENES
NO
ACTIVO
NINGUNO
NINGUNO
TEXTO
NO
ACTIVO
POR
TIEMPO
NINGUNO
NO.
1
OBJETO
ESTADO
INICIAL
BANNER(TITULO
DE LA
INSTITUCION
ACTIVO
MENU(BOTONES)
EVENTO
ACCION
POR
TIEMPO
MOVIMIENTO
ACTIVO
CLICK
CLICK
USUARIO
IMAGENES
NO
ACTIVO
NINGUNO
NINGUNO
TEXTO
NO
ACTIVO
POR
TIEMPO
NINGUNO
FUENTE
72
NO.
1
OBJETO
BANNER
ESTADO
INICIAL
EVENTO
NO
ACTIVO
CLICK
ACCION
FUENTE
SIN
MOVIMIENTO
MENU(BOTONES)
ACTIVO
CLICK
CLICK
USUARIO
IMAGENES
NO
ACTIVO
NINGUNO
NINGUNO
TEXTO
NO
ACTIVO
POR
TIEMPO
NINGUNO
NO.
1
OBJETO
BANNER
ESTADO
INICIAL
EVENTO
NO
ACTIVO
CLICK
ACCION
FUENTE
SIN
MOVIMIENTO
MENU(BOTONES)
ACTIVO
CLICK
CLICK
USUARIO
IMAGENES
NO
ACTIVO
NINGUNO
NINGUNO
TEXTO
NO
POR
NINGUNO
73
ACTIVO
TIEMPO
NO.
1
OBJETO
BANNER
ESTADO
INICIAL
EVENTO
NO
ACTIVO
CLICK
ACCION
FUENTE
SIN
MOVIMIENTO
MENU(BOTONES)
ACTIVO
CLICK
CLICK
USUARIO
IMAGENES
NO
ACTIVO
NINGUNO
NINGUNO
TEXTO
NO
ACTIVO
POR
TIEMPO
NINGUNO
NO.
1
OBJETO
ESTADO
INICIAL
BANNER(TITULO
ACTIVO
EVENTO
POR
ACCION
FUENTE
MOVIMIENTO
74
DE LA
INSTITUCION
TIEMPO
MENU(BOTONES)
ACTIVO
CLICK
CLICK
USUARIO
IMAGENES
NO
ACTIVO
NINGUNO
NINGUNO
TEXTO
NO
ACTIVO
POR
TIEMPO
NINGUNO
NO.
1
OBJETO
BANNER
ESTADO
INICIAL
EVENTO
NO
ACTIVO
CLICK
ACCION
FUENTE
SIN
MOVIMIENTO
MENU(BOTONES)
ACTIVO
CLICK
CLICK
USUARIO
IMGENES
NO
ACTIVO
NINGUNO
NINGUNO
TEXTO
NO
ACTIVO
POR
TIEMPO
NINGUNO
75
4.4.4 Diseo de Interfaces

5. DOCUMENTACIN
5.1 Manual de Instalacin
Manual de Instalacin. El diseo del sitio Web de la Institucin Educativa Vicente Roig y Villalba de Fonseca
La Guajira fue hecho con los programas Director Dreamweaver flash y requiere para su manejo
computadores de las siguientes caractersticas:
Procesador Pentium III o superior

40 MB de espacio en disco duro
128 MB de memoria RAM
Resolucin de pantalla SVGA o superior (1024x768 y 16 bits como mnimo)
76
Windows 98 2003 o superior
6. CONCLUSIONES
El diseo e implementacin del sitio Web de la Institucin Educativa Vicente Roig y Villalba de Fonseca
La Guajira, le permitir a la Institucin mejorar los procesos Acadmicos y administrativos.
El diseo e implementacin del sitio Web de la Institucin Educativa Vicente Roig y Villalba de Fonseca
La Guajira, ayudara a mejorar los procesos de comunicacin de la Institucin.
Ayudara a desarrollar arraigo y sentido de pertenencia de los miembros de la Comunidad educativa.
77
7. RECOMENDACIONES
Se les recomienda a los miembros de la Comunidad educativa actualizar el sitio Web como mnimo una
vez al ao.
Se recomienda a los miembros de la comunidad: Padres de familia, docentes, directivos, administrativos y
egresados) utilizar el sitio Web.
78
BIBLIOGRAFA
ANDRADE SOSA. Hugo Hernando y GMEZ FLREZ. Luis Carlos, Tecnologa en la Escuela, 4 Edic.
CPE _ UIS Bucaramanga 2009.
CANDAU Debie. Et al. Intel Educar para el Futuro. Adaptacin MEN; Intel Leap ahead Bogot Colombia
2005
CASTAEDA, Lilian. Sitio Web para facilitar el aprendizaje y la difusin de la dinmica de Sistemas en
la Educacin. Tesis de grado. Escuela de Ingeniera de Sistemas. Universidad Industrial de Santander.
Bucaramanga Colombia.
COLOMBIA. MINISTERIO DEL INTERIOR Y DE JUSTICIA. Constitucin Poltica 1991
CORPORACIN PARA EL DESARROLLO DE LA EDUCACIN. Planes de Mejoramiento. Bogot 2002
FREIRE, Paulo Teora Social. : Paidos. Mxico 1998
HEMEL, Santiago y RODRGUEZ, Jos. Manual de Gestin y Administracin Educativa: Panamericana

Bogot; 2007.
http://www.areandina.edu.co/recursos
http://www.colombiaaprende/mundosdeaprendizaje.edu.co/
Http://www.mineducacion.gov.co
Http://www.wikipedia.com
79
http://wwww.dewey.uab.es/pmarques/funcion.htm
INSTITUTO COLOMBIANO DE NORMAS TCNICAS Y CERTIFICACIN. Tesis y otros trabajos de

grado. Sptima actualizacin (adenda). Bogot; ICONTEC 2009
MARRERO DAZ, Milagros. Estilos de Aprendizaje y su Impacto en el Proceso Enseanza-Aprendizaje

en el Curso TEOC 2007. Aplicacin de Terapia Ocupacional en Disfuncin. Ed. Ideas 12. Mxico 2001.
MAYORGA, Carolina. Metodologa de la Investigacin. Edit. Panamericana. Bogot 2002.
MINISTERIO DE EDUCACIN NACIONAL. Estndares bsicos de Matemticas, Lenguaje, Ciencias

Naturales y Sociales, Competencias Ciudadanas y Laborales. Ministerio de Educacin Nacional.
_______ La evaluacin en el aula y ms all de ella. Ministerio de Educacin Nacional. Bogot. 2006
_______ Gua de Evaluacin para el Mejoramiento Institucional y Planes de Mejoramiento (2003

2004).
________. Ley General de educacin Ley 115 de 2001. Ministerio de Educacin Nacional. Bogot;
2002.
________. Ley 715 de 2001. Ministerio de Educacin Nacional. Bogot; 2002.
OSORIO ROJAS, Ricardo Arturo. Teora cognitiva. Ed. Grijalbo. Mxico. 1988
PIAGET, Jean. Teora Constructivista Desarrollista. Almudena editores. Bogot. 1997.
Revista Tocando Corazones. Cuarta y quinta edicin. 2005 2006
UNIVERSIDAD ABIERTA Y A DISTANCIA. Textos epistemolgicos. Compilacin. Facultad de Ciencias

Sociales y Humanas UNAD. Bogot. 1997. 488 p.
80
ANEXOS
81
-Enero - Dic
Mayo 15
Junio 18
Anexo A Plan operativo Institucin Educativa

Vicente Roig y Villalba Fonseca -2008
- Enviar comunicaciones oportunas a -Plan Operativo
Operacionalizar
los
procesos y canales de
comunicacin para que
se de una informacin
oportuna, precisa y Numero de comunicaciones
enviadas
e
informes
eficaz.
oportunos realizados.
todos los estamentos de la -Medios

institucin.
comunicacin
- Informar a todos los estamentos las
decisiones
directivas
y
administrativas.
- Comunicar oportunamente los
cambios
en
las
decisiones
acordadas.
Construir el Manual de Aplicacin de los procesos en -Socializacin y ejecucin de los -Manual

Convivencia
de la vida institucional.
procesos registrados en el Manual de Convivencia
-Recursos
manera participativa.
Convivencia
financieros
82
de
$2.000.000
de $5.000.000
Anexo B Resultados de la Evaluacin Institucional Institucin Educativa Roig y

Villalba Fonseca 2008
GESTIN
PROCESO
Direccionamiento
Estratgico y
Horizonte
institucional
Seguimiento
y evaluacin
DIRECTIVA Y
HORIZONTE
INSTITUCIONAL
Mecanismos de
comunicacin
Alianzas y acuerdos
Interinstitucionales
ESCALA
ELEMENTOS
x
x
x
x
Direccionamiento Estratgico y Horizonte institucional
Metas institucionales.
Articulacin de planes proyectos y acciones.
Cultura institucional.
Apropiacin del direccionamiento estratgico.
Procedimiento para la evaluacin institucional.

Informacin histrica
Uso de los resultados.
Sistemas d comunicacin.
Identificacin y divulgacin de buenas prcticas
x
x
Comunicacin con instituciones y autoridades del sector.
Alianzas con el sector productivo.

Relaciones interinstitucionales.
x
x
Promedio
Integracin
Clima institucional
Trabajo en equipo.
Manual de convivencia.
Personero escolar.
x
x
x
Promedio
Gobierno Escolar
Consejo Directivo.
Consejo Acadmico.
Promedio general 2
Apoyo financiero y
contable
Presupuesto anual del FDE

x
Contabilidad
Recaudos de ingresos
Procesos de compra
x
Promedio 1.5
Apoyo a la gestin
Acadmica
Proceso de matricula
Archivo acadmico
x
x
Boletines de notas
x
Promedio 1.75
Administracin de
recursos fsicos
Adquisicin de recursos para el aprendizaje

Suministros y dotacin fsicos
x
x
Mantenimiento de equipos
Seguridad y proteccin
x
x
Promedio 1.0
83
Continuacin Anexo B
GESTIN
ADMINISTRATIVA
PROCESO
Administracin
de la planta
fsica
ELEMENTOS
ESCALA
Mantenimiento
Adecuacin de la planta fsica
Seguimiento del uso de los espacios fsico
Promedio 1.0
Promedio general
Servicios
Complementa
rios
1.375
Transporte, restaurante y/o cafetera, salud.
Talento humano
Perfiles
Formacin y capacitacin
Apoyo y estmulo a la investigacin
Evaluacin del desempeo del cuerpo docente y otros.
X
X
Promedio 1.3
Promedio general
1.3
Plan de Estudios
Diseo
Curricular
Enfoque metodolgico
Evaluacin
Recursos para el aprendizaje
Jornada escolar
Tecnologas de la informacin y comunicacin (TIC)
Promedio 1.75
ACADMICA
Practicas
pedaggicas
Prcticas Pedaggicas
Planeacin de aula
Estilo pedaggico
Evaluacin en el aula
Promedio 1.75
Seguimiento
acadmico
Seguimiento al ausentismo
Seguimiento de resultados acadmicos
Uso pedaggico de la evaluacin externa
Actividades de recuperacin
Apoyo pedaggico
x
Promedio 2. 0
Promedio general 1.67
84
Continuacin anexo B
GESTIN
PROCESO
Participacin y
convivencia
ELEMENTOS
ESCALA
Gestin de conflictos
Participacin de los estudiantes
Asamblea de padres de familia
Participacin de padres de familia
Promedio 2.5
Prevencin
Programas de atencin a riesgos psicosociales
Programas de atencin a riesgos fsicos

Programas de seguridad
X
x
Promedio 2.0
Permanencia
inclusin
e Atenciones a poblaciones con necesidades especiales
Necesidades y expectativas de los estudiantes
Proyecto de vida
Seguimiento a egresados.
Promedio 2.125
DE LA
COMUNIDAD
Oferta de servicio a la comunidad
Proyeccin a la
comunidad
Escuela de padres
x
x
Uso de la planta fsica y los medios
Servicio Social.
Promedio 2.5
Promedio general 2.1375
85

Encuesta para el : Diseo e implementacin del sitio web de la Institucin Educativa Vicente Roig y
Villalba de Fonseca La Guajira, para mejorar el proceso de comunicacin de la comunidad,
utilizando, utilizando Dreamweaver y Flash.
Aplicado a
alumnos)
__________________ (Padres de familia, administrativos, docentes, Alumnos y ex

(Conteste o marque con una x)
Nombres ________________________________________
Sexo: Masculino _____
1.
Femenino ______
Edad: ____________
Sabe si la Institucin Educativa Vicente Roig y Villalba cuenta con una pagina Web o un sitio
Web
Si _____
No___
No Responde ____
2.
Si la Institucin Educativa Vicente Roig y Villalba contara con una pgina o sitio Web que le
gustara encontrar en ella.
a)
b)
c)
d)
e)
f)
g)
Proyectos ____
Deportes ____
Cultura ____
Contenidos y logros acadmicos ____
Fotografas ____
Smbolos ___
Reconocimientos y distinciones ____
La parte administrativa y financiera ____
Otros ______________________________________________________________
h)
3.
a)
b)
c)
d)
Conoce usted a travs de qu medio se divulga el acontecer de la Institucin Educativa

Vicente Roig y Villalba
Tablero mural ____
Sala de profesores ____
Carteleras ____
Radio _____
e)
f)
g)
Comunicados escritos ____

Informacin verbal ______
Otros _____
Observaciones:
___________________________________________________________________________________
___________________________________________________________________________________
ANEXO D FICHA TCNICA OBJETIVO N 1: DISEAR

Disear un sitio web para mejorar los
procesos acadmicos y administrativos
de la comunidad utilizando Dreamweaver -
86
Actividad
es
Responsab
le(s)
Fecha
de
ejecuci
flash
Diseo del Sitio Web
Nov Jul
2009
Autores
Jul 2009
Prueba y ajustes del Sitio Web
Jul Agosto 1
-09
Autores
Agosto 1
-09
Elaboracin manual de instalacin
Jul 18
-2009
Autores
Jul 18
-2009
Elaboracin manual del usuario
No aplica
Autores
Capacitacin de usuarios
No aplica
----
No aplica
ANEXO E FICHA TCNICA OBJETIVO N 2: PROGRAMAR

Activida
des
Responsab
le(s)
Fecha
de
ejecuci
n
Programar el sitio Web
Nov Jul
2009
Autores
Jul 2009
Prueba y ajustes del sitio Web
Agosto 1
-09
Autores
Agosto 1
-09
Jul 18
-2009
Autores
Jul 18
-2009
No aplica
Autores
No aplica
----
Programar el sitio web para mejorar los

procesos acadmicos y administrativos
de la comunidad utilizando Dreamweaver flash
No aplica
ANEXO F FICHA TCNICA OBJETIVO N 3: IMPLEMENTAR

Implementar un sitio web para mejorar los
procesos acadmicos y administrativos de
la comunidad utilizando Dreamweaver -
87
Activida
des
Responsab
le(s)
Fecha
de
ejecuci
flash
Implementar el sitio Web
Jul 2009
Autores
Jul 2009
Prueba y ajustes del sitio Web
Agosto
-09
Autores
Agosto 1
-09
Jul 18
-2009
Autores
Jul 18
-2009
No aplica
Autores
No aplica
----
88
No aplica

Trabajo Final Wifi

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Trabajo Final Wifi

Uploaded by

Copyright:

Available Formats

DISEO E IMPLEMENTACIN DEL SITIO WEB PARA DAR A CONOCER

LOS PROCESOS ACADMICOS Y ADMINISTRATIVOS QUE SE

JOEL FERNNDEZ VARGAS

FUNDACIN UNIVERSITARIA DEL REA ANDINA

DISEO E IMPLEMENTACIN DEL SITIO WEB PARA DAR A CONOCER

JOEL FERNNDEZ VARGAS

Proyecto de Grado como requisito para optar el ttulo de especialista en

FUNDACIN UNIVERSITARIA DEL REA ANDINA

Ing. JULIAN OCHOA ALZATE

Concepto que el presente trabajo de grado ha cumplido con todas las

formuladas por el asesor, as como tambin han

tenido en cuenta la metodologa que la Fundacin Universitaria del rea

Esp. ROSABEL RUIZ GUTIERREZ

Agradecemos a todas las personas que de forma directa o indirecta nos

A Dios Todopoderoso, dador de vida por concedernos esta oportunidad. A

palancas de nuestras aspiraciones, a nuestros amigos, a nuestras

Descripcin del problema...............................................................14

Antecedentes del problema............................................................19

Formulacin del Problema.............................................................21

3.2 Objetivos Especficos........................................................................24

4.2.1 Contenidos y/o actividades del sitio.................................................39

Tabla 2: Matriz de identificacin de herramienta

Software utilizado Dreamweaver

Software utilizada flash

Pregunta 1 sabe s la Institucin Educativa

Pregunta 2 s la Institucin Educativa Vicente

Pregunta 3 Conoce usted a travs de que medios

Plan operativo 2009 Institucin educativa

Resultados de la evaluacin institucional

Encuesta aplicada a los miembros de la

Anexo D: Ficha tcnica objetivo N 1: Disear

Anexo E: Ficha tcnica objetivo N 2: Programar

Anexo F: Ficha tcnica objetivo N 3: Implementar

Para el desarrollo del proyecto se organiz el trabajo as: El documento

El segundo modulo de contenidos esta relacionado con los proyectos que se

El presente trabajo de grado se llama DISEO E IMPLEMENTACIN DEL

El trabajo es de carcter informativo. Su importancia radica en que recoge y

El proyecto en mencin esta constituido por dos secciones o partes a saber:

1. PLANTEAMIENTO DEL PROBLEMA

La Institucin Educativa Vicente Roig y Villalba de Fonseca La Guajira en

dinmica y eficiente entre los estamentos de la Comunidad

que la conforman y facilite conocer los diferentes procesos acadmicos y

implementacin de Tecnologas de la Informacin y la comunicacin tampoco

desarrollar los diferentes procesos en forma organizada y

Para lograr identificar esta problemtica se llevaron a cabo las siguientes

Efectuado sobre el Plan de mejoramiento 2008-

2009 realizado por los diferentes estamentos de la comunidad Educativa

Evaluacin del proyecto Educativo Institucional Reajustado y el

Resultados); cuya finalidad es permitir:

Mejorar los procesos de comunicacin entre los diferentes estamentos de

Dinamizar la Gestin Administrativa y financiera de la Institucin

Propiciar cambios y obtener resultados acordes a las exigencias de las

Mejorar los procesos acadmicos y pedaggicos.

En el anlisis documental se pudo evidenciar el sentir y el pensar de los

Ausencia de canales de comunicacin apropiados

Procesos de comunicacin ineficaces

Toma de decisiones emocionales por parte de los diferentes estamentos

Falta de Control y seguimiento eficiente al Plan de mejoramiento

En cuanto a la primera categora se encontr ansiedad y hasta preocupacin

anterior en el Plan de mejoramiento este componente, se encontr que su

por cuanto las mejores intenciones se pierden por la

desinformacin que prima dentro de la Institucin y sus diferentes

tercera categora, toma de Decisiones

Emocionales, dentro de la toma de decisiones: los administrativos, la gran