Date post: | 14-Apr-2017 |
Category: |
Data & Analytics |
Upload: | gabriela-guzman-rosas |
View: | 254 times |
Download: | 0 times |
“DISEÑO E IMPLEMENTACIÓN DEL SITIO WEB PARA DAR A CONOCER LOS PROCESOS ACADÉMICOS Y ADMINISTRATIVOS QUE SE DESARROLLAN EN LA COMUNIDAD DE LA INSTITUCIÓN EDUCATIVA VICENTE ROIG Y VILLALBA DE FONSECA – LA GUAJIRA, UTILIZANDO DREAMWEAVER Y FLASH”.
JOEL FERNÁNDEZ VARGASJUAN JOSÉ PINEDA BALAGUERA
RAFAEL EMIRO FONSECA URECHE
FUNDACIÓN UNIVERSITARIA DEL ÁREA ANDINACENTRO DE EDUCACION A DISTANCIA
ESPECIALIZACIÓN EN INFORMÁTICA Y TELEMÁTICA FONSECA LA GUAJIRA
2009
1
“DISEÑO E IMPLEMENTACIÓN DEL SITIO WEB PARA DAR A CONOCER LOS PROCESOS ACADÉMICOS Y ADMINISTRATIVOS QUE SE DESARROLLAN EN LA COMUNIDAD DE LA INSTITUCIÓN EDUCATIVA VICENTE ROIG Y VILLALBA DE FONSECA – LA GUAJIRA, UTILIZANDO DREAMWEAVER Y FLASH”.
JOEL FERNÁNDEZ VARGASJUAN JOSÉ PINEDA BALAGUERA
RAFAEL EMIRO FONSECA URECHE
Proyecto de Grado como requisito para optar el título de especialista en informática y telemática
AsesoraEsp. ROSABEL RUIZ GUTIERREZ
FUNDACIÓN UNIVERSITARIA DEL ÁREA ANDINACENTRO DE EDUCACION A DISTANCIA
ESPECIALIZACIÓN EN INFORMÁTICA Y TELEMÁTICA FONSECA LA GUAJIRA
2009
2
PAGINA DE ACEPTACIÓN
Ing. JULIAN OCHOA ALZATECoordinador Estudios a Distancia
Respetado doctor
Conceptúo que el presente trabajo de grado ha cumplido con todas las
normas e indicaciones formuladas por el asesor, así como también han
tenido en cuenta la metodología que la Fundación Universitaria del Área
Andina exige. Por lo tanto puede continuar con los subsiguientes pasos para
su valoración, revisión y sustentación.
Esp. ROSABEL RUIZ GUTIERREZAsesora
3
AGRADECIMIENTO
Agradecemos a todas las personas que de forma directa o indirecta nos
apoyaron y permitieron que este proyecto llegara a feliz término. Gracias a
los miembros de la comunidad Educativa de la Institución Vicente Roig y
Villalba de Fonseca – La Guajira, sin ellos nuestro esfuerzo y los resultados
del mismo hubiesen sido estériles.
4
DEDICATORIA
A Dios Todopoderoso, dador de vida por concedernos esta oportunidad. A
nuestros hijos, a nuestras esposas, cónyuges y compañeras, 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.
5
CONTENIDO
Pág.
RESUMEN...........................................................................................................................11
INTRODUCCIÓN................................................................................................................13
1. PLANTEAMIENTO DEL PROBLEMA.......................................................................14
1.1 Descripción del problema...............................................................................14
1.2 Antecedentes del problema............................................................................19
1.3 Formulación del Problema..............................................................................21
2. JUSTIFICACIÓN.........................................................................................................22
3. OBJETIVOS..................................................................................................................24
3.1 Objetivo General................................................................................................24
3.2 Objetivos Específicos............................................................................................24
4. MARCO REFERENCIAL..............................................................................................25
4.1 MARCO TEÓRICO...................................................................................................25
4.2 MARCO CONCEPTUAL....................................................................................39
4.2.1 Contenidos y/o actividades del sitio..............................................................39
4.3 MARCO CONTEXTUAL.....................................................................................46
4.4 MARCO METODOLÓGICO...............................................................................51
4.4.1 Diseño..........................................................................................................51
4.4.2 Objetivos de diseño..................................................................................62
4.4.3 Evidencias de diseño...............................................................................63
4.4.4 Diseño de Interfaces.................................................................................75
5.1 Manual de Instalación...................................................................................75
6
6. CONCLUSIONES........................................................................................................76
7. RECOMENDACIONES..............................................................................................76
BIBLIOGRAFÍA ANEXOS
7
LISTA DE TABLAS
Pág.
Tabla 1: Tipo de aplicativo diseñado – Sitio Web 40
Tabla 2: Matriz de identificación de herramienta 41 Software utilizado – Dreamweaver
Tabla 3: Matriz de identificación de herramienta 42 Software utilizada –flash
Tabla 4: resultados de la aplicación de la encuesta 45
LISTA DE GRAFICAS
8
Pág.
Grafica 1: Pregunta 1 ¿sabe sí la Institución Educativa Vicente Roig y Villalba cuenta con un Sitio WEB? 47
Grafica 2: Pregunta 2 ¿sí la Institución Educativa Vicente Roig y Villalba contara con un Sitio WEB, que le
Gustaría encontrar en el? 48
Grafica 3: Pregunta 3 ¿Conoce usted a través de que medios Se divulga el acontecer de la Institución Educativa? 49
9
LISTA DE ANEXOS
Pág.
Anexo A: Plan operativo 2009 Institución educativa 85
Roig y Villalba
Anexo B: Resultados de la evaluación institucional 86 Educativa
Anexo C: Encuesta aplicada a los miembros de la Comunidad educativa Roig y Villalba 89
Anexo D: Ficha técnica objetivo Nº 1: Diseñar 90
Anexo E: Ficha técnica objetivo Nº 2: Programar 90
Anexo F: Ficha técnica 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, justificación,
objetivos, marco teórico, conceptual, contextual y metodológico, manual de
instalación del aplicativo, conclusiones y recomendaciones; y el diseño e
implementación del sitio Web, el cual se dividió así: El primer módulo
denominado Quienes somos, se subdividió en Historia, Misión, visión,
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 Institución
Educativa Vicente Roig y Villalba de Fonseca – La Guajira Sede Central,
información de los aspectos legales, Misión, Visión, ubicación e imágenes de
la actividad escolar y de la Virgen María Auxiliadora.
El segundo modulo de contenidos esta relacionado con los proyectos que se
desarrollan en la Institución y esta constituido principalmente por: El proyecto
COGECARE, Roig Activo, Plantas medicinales y la Revista Tocando
Corazones. Esta temática se muestra utilizando cuatro mensajes de textos y
doce imágenes relacionada con los diferentes proyectos, imagen del escudo,
la bandera y un Flash de película con el nombre de la Institución y un video
clic con el himno.
11
El tercer módulo del sitio Web denominado Academia se dividió en perfil de
los estudiantes y Plan de Estudios y se representa utilizando un mensaje de
texto y once imágenes relacionadas con los diferentes proyectos, imagen del
escudo, la bandera y un Flash de película con el nombre de la Institución.
El cuarto módulo del sitio Web denominado Comunidad se divide en:
Consejo Directivo, Rector, Docentes y Administrativos. Se presenta utilizando
cuatro mensajes de texto y dieseis imágenes relacionadas con la vida
escolar, imagen del escudo, la bandera y un Flash de película con el nombre
de la Institución.
El quinto módulo del sitio Web denominado Galería de Imágenes se presenta
utilizando imágenes o fotografías que tienen relación con la actividad escolar.
12
INTRODUCCIÓN
El presente trabajo de grado se llama “DISEÑO E IMPLEMENTACIÓN DEL
SITIO WEB PARA DAR A CONOCER LOS PROCESOS ACADÉMICOS Y
ADMINISTRATIVOS QUE SE DESARROLLAN EN LA COMUNIDAD DE LA
INSTITUCIÓN EDUCATIVA VICENTE ROIG Y VILLALBA DE FONSECA –
LA GUAJIRA, , UTILIZANDO DREAMWEAVER Y FLASH”.
El trabajo es de carácter informativo. Su importancia radica en que recoge y
organiza los diferentes procesos tanto académicos como administrativos que
se desarrollan al interior de la Institución Educativa Vicente Roig y Villalba de
Fonseca _ la Guajira y los dà a conocer sus miembros.
El proyecto en mención esta constituido por dos secciones o partes a saber:
la primera, presenta los aspectos teóricos y referentes conceptuales de un
Sitio Web y la segunda el Aplicativo en Si, el sitio Web.
13
1. PLANTEAMIENTO DEL PROBLEMA
1.1 Descripción del problema
La Institución 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 comunicación dinámica y eficiente entre los estamentos de la
Comunidad que la conforman y facilite conocer los diferentes procesos
académicos 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 efectúan en forma manual y sin ningún control y aquellos
que pueden ser sistematizados o realizados mediante el uso o
implementación de Tecnologías de la Información y la comunicación tampoco
se realizan. Lo anterior tampoco permite evidenciar mejoría en los niveles de
eficiencia y eficacia en los procesos pedagógicos y académicos. Además,
en la operacionalización de los diferentes procesos prima la comunicación
verbal u oral.
Igualmente, los diferentes estamentos se relacionan y comunican en forma
directa y cuando esta forma de relación no es posible, se dificulta o se hace
casi imposible compartir, impartir o ejecutar la misión y visión de la
Comunidad Educativa, porque no se ha definido previamente un proceso
jerarquizado de comunicación y menos aun de funciones.
La problemática se hace más evidente en aquellos momentos o
circunstancias donde el señor Rector, Los Coordinadores y Administrativos
no se encuentran al interior de la Institución, los demás estamentos pierden
el contacto o se les dificulta la comunicación, lo cual les impide, en muchas
14
ocasiones, desarrollar los diferentes procesos en forma organizada y
eficiente.
Para lograr identificar esta problemática se llevaron a cabo las siguientes
actividades en el proceso de recolección y análisis de información:
Análisis documental Efectuado sobre el Plan de mejoramiento 2008-
2009 realizado por los diferentes estamentos de la comunidad Educativa
de la Institución.
Evaluación del proyecto Educativo Institucional Reajustado y el
Proyecto COGECARE: (Comunicación, Gestión, Cambios y
Resultados); cuya finalidad es permitir:
Mejorar los procesos de comunicación entre los diferentes estamentos de
la Comunidad Educativa.
Dinamizar la Gestión Administrativa y financiera de la Institución
Propiciar cambios y obtener resultados acordes a las exigencias de las
Nuevas Tecnologías de la Información y la Comunicación.
Mejorar los procesos académicos y pedagógicos.
En el análisis 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 comunicación apropiados
Procesos de comunicación 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 categoría se encontró ansiedad y hasta preocupación
en los diferentes estamentos, dado que el canal de comunicación utilizado
en la gestión son los textos fotocopiados, las carteleras y el tablero de la
Sala de profesores, con relación a lo anterior en la entrevista realizada el
profesor Carlos Julio Gómez 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 Institución”
Con respecto a la misma categoría los Profesores Manuel Guerra Ortiz y
Orlando Pérez Herrera en la aplicación 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 Institución Educativa se administra como
si fuera una finca”
En relación con la segunda categoría: Procesos de comunicación ineficaces.
Se puede identificar en el Plan de mejoramiento que los diferentes
estamentos han venido observando que el proceso comunicativo es temporal
(momentáneo) y no un proceso permanente (constante), donde se evalúe 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
cuantificación fue 2 y su cualificación baja.
Vale la pena resaltar, que tanto los padres de familia, estudiantes y
profesores de la Institución evitan en muchas ocasiones expresar su sentir y
menos aun su pensar, tan solo se animan a hacerlo a través de la Revista
Tocando Corazones.
La categoría anterior se hace manifiesta al momento de elegir a
representantes del Gobierno Escolar, la mayoría evitan comprometerse en
ser elegidos por cuanto las mejores intenciones se pierden por la
desinformación que prima dentro de la Institución y sus diferentes
estamentos.
Finalmente, con respecto a la tercera categoría, toma de Decisiones
Emocionales, dentro de la toma de decisiones: los administrativos, la gran
mayoría de los padres de familia, muchos estudiantes y un número
significativo de docentes se comprometen y toman “decisiones” de manera
emocional. Al respecto Wilson Chiquillo Navarro Dijo:
“Si el día esta sabroso y chévere, así se decide. Si esta caluroso, agárrese el
que pueda… es candela oyó”
En Actas de reunión de profesores de septiembre de 2006 el Profesor
Hernando Ortiz Pitre Afirmó.
“Aquí tenemos un solo Problema. Así hallan computadores, exista Internet,
la economía se encuentre globalizada, bajen las tasas de interés, la solución
para mejorar la Institución es fácil… que me cambien a mi y a los demás y
todo mejora”.
17
De la situación anterior se pudo identificar como posibles causas:
1. La falta de canales de comunicación que permitan una comunicación ágil
y eficiente entre los diferentes estamentos
2. Falta de compromiso de los diferentes estamentos y resistencia al
cambio
3. La falta de motivación de los miembros de la comunidad y los cambios
que se han producido en la legislación docente últimamente.
Como posible solución a la problemática antes descrita el presente proyecto
propone el Diseño e implementación de un Sitio Web utilizando la
herramienta Director: Dreamweaver – Flash que permita mejorar los
procesos administrativos y académicos en la Institución Educativa Vicente
Roig y Villalba de Fonseca - La Guajira.
Este recurso buscará:
Mejorar los procesos administrativos y académicos de la comunidad
educativa de la Institución Educativa Vicente Roig y Villalba de Fonseca
- La Guajira.
Agilizar y hacer más eficaces los procesos de comunicación de la
Institución Educativa Vicente Roig y Villalba de Fonseca La Guajira.
Dotar a la Institución 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 diseñado e implementado en el campo
educativo y administrativo Sitios web en muchísimas instituciones
Educativas con el propósito de permitir la comunicación, la rapidez y
eficiencia en los procesos administrativos y académicos.
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 año 2001-2 poner al alcance de las Instituciones
Educativas del Departamento las Nuevas tecnologías de la Información y la
Comunicación. Se han instalado salas de Bilingüismo y de Informática en
todos los Municipios de la Guajira, mas sin embargo, la institución 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
informática, razón por la cual no ha podido apropiarse de todos los adelantos
tecnológicos en esta materia.
En la Institución Educativa Vicente Roig y Villalba de Fonseca La Guajira no
se han llevado a cabo experiencias que conduzcan al diseño e
implementación de un sitio Web que permita mejorar el proceso de
comunicación de la Comunidad Educativa, tan solo se conoce del esfuerzo
aislado de los profesores del área de tecnología e informática por lograr tal
propósito.
En el municipio de Fonseca – La Guajira, se tiene conocimiento que, las
instituciones: “Juan Jacobo Aragón (con 3.200 estudiantes
aproximadamente) cuentan con un Blog y un sitio web, de igual forma, la
19
Institución Cristo Rey (500 estudiantes) y la María Inmaculada (con 850
estudiantes aproximadamente).”1
“La institución 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 undécimo (11°) en sus tres jornadas:
Mañana, 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 Institución Educativa Vicente Roig y Villalba de Fonseca La
Guajira para el desarrollo de las actividades Administrativas y
pedagógicas y para el mejoramiento de la comunicación dispongan o
cuenten de un Sitio Web.
Que la existencia de un Sitio Web también Permite conocer y mejorar los
procesos de comunicación en la Institución Educativa Vicente Roig y
Villalba de Fonseca La Guajira.
Que la implementación de un sitio Web en la Institución propiciara en los
diferentes estamentos la necesidad de capacitarse o actualizarse en las
Nuevas Tecnologías de la información y la Comunicación.
1.3 Formulación del Problema
1 SIMA. Sistema de Información de Matriculas. Institución Vicente Roig y Villalba de Fonseca. 2008
2 Ibídem
20
¿Cómo diseñar e implementar un medio de información que sirva para dar a
conocer los diferentes procesos académicos y administrativos que se
desarrollan en la Comunidad de la Institución Educativa Vicente Roig y
Villalba de Fonseca La Guajira?
2. JUSTIFICACIÓN
21
Para la comunidad educativa de la Institución 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
Tecnologías de la Información y la Comunicación, los motivaría a un nuevo
tipo de aprendizaje (Dinámico y significativo), impulsaría en los
administrativos, docentes y padres de familia procesos de actualización y
capacitación, desarrollaría el sentido de pertenencia en cada uno de ellos,
al darse cuenta que pueden “sentir y Tocar” a la Institución, creerían que son
artífices de los cambios que se den, en consecuencia reforzarían el sentido
de responsabilidad y compromiso y, se haría mas activa y democrática la
vida y la administración de la Institución.
El proyecto le permitiría a la Institución Educativa Vicente Roig y Villalba de
Fonseca La Guajira mejorar los procesos académicos y administrativos,
ayudaría a mejorar el proceso de comunicación entre los diferentes
estamentos, impulsaría a prestar un servicio mas ágil, eficiente y al alcance
de todos sus miembros; y serviría para que cada uno de ellos exprese sus
puntos de vista, recomendaciones y sugerencias que sirvan como materia
prima en el Plan de Mejoramiento y ajustes al PEIR.
También es pertinente reconocer que el proyecto le ahorra tiempo y recursos
a la institución en todos aquellos procesos que hoy día se realizan en forma
repetitiva, sin controlar o evaluar y de forma manual.
El diseño e implementación de un sitio Web en la Institución Educativa
Vicente Roig y Villalba de Fonseca – La Guajira, permite dar a conocer a
22
todos sus miembros y a la comunidad en general, todos los procesos
Administrativos, académicos y pedagógicos que se llevan a cabo en su
interior y ayudara para que los conozcan mejor.
3. OBJETIVOS
23
3.1 Objetivo General
Diseñar e implementar un sitio web utilizando Dreamweaver y flash en la
institución educativa Vicente Roig y Villalba de Fonseca – La Guajira, para
mejorar los procesos académicos y administrativos de la comunidad,”.
3.2 Objetivos Específicos
Diseñar un sitio Web para mejorar los procesos académicos y
administrativos de la comunidad educativa, mediante la recolección de la
información.
Programar el Sitio Web utilizando Dreamweaver – flash.
Implementar el sitio Web en la Institución Educativa Vicente Roig y
Villalba de Fonseca - La Guajira.
24
4. MARCO REFERENCIAL
4.1 MARCO TEÓRICO
El diseño e implementación del sitio Web para dar a conocer los diferentes procesos académicos y
administrativos de la Institución Vicente Roig y Villalba de Fonseca – La Guajira, guarda una estrecha relación
con los siguientes conceptos:
4.1.1 Teoría de la Temática
Comunicación
Proceso mediante el cual el ser humano emite o trata de hacer llegar a un receptor un mensaje mediante un
canal de comunicación (medio). Lo anterior implica no solo usar los medios a su disposición, sino que también
debe conocer su funcionamiento. En los procesos comunicativos mediante el uso de sitios Web se trata de
difundir información y hacer un uso eficiente de las TICs. (LIZCANO RUIZ, Iván Darío. Formación Tecnológica
FT Grado 10 MEN. Bogotá. 1997. p. 6).
25
Teoría de la Información y de las Comunicaciones
Los avances de las diferentes ciencias, la tecnología y la organización social que se vienen observando en los
últimos años, han puesto de manifiesto que las cualidades y la capacidad productiva de las personas y su
condición para apropiarse y dominar los nuevos conocimientos tecnológicos y renovarlos, serán el principal
determinante del progreso de los pueblos y naciones en el futuro. De ahí que las personas deban también
apropiarse de las nuevas tecnologías de la información y de las Comunicación – NTIC.
Academia.
Dícese de aquel proceso inherente al aprendizaje de saberes, o de aquel proceso que se desarrolla dentro y
fuera de las Instituciones educativas que es de carácter educativo, informativo o formativo mediante el cual se
transmite información y/o conocimientos. (LIZCANO RUIZ, Iván Darío. Formación Tecnológica FT Grado 10
MEN. Bogotá. 1997. p. 3).
Modelo Pedagógico de la Institución Educativa Vicente Roig y Villalba.
Una práctica educativa sin teoría es ciega; una teoría pedagógica sin práctica es estéril” (FECODE. Revista
Educación 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 pedagógico es una representación de las relaciones que predominan en el fenómeno de enseñar. Un
modelo pedagógico, como representación de una teoría pedagógica, es un paradigma, que puede coexistir con
otros paradigmas dentro del campo de la pedagogía” (FLOREZ OCHOA, Rafael. Fundamentos de pedagogía
para la escuela del siglo XXI. MEN. Bogotá. 1997. p. 15).
Analizando estos conceptos, se puede afirmar que un modelo pedagógico le da sentido a los procesos
académicos y administrativos porque sirve de soporte y como herramienta didáctica permite una profunda
transformación de los métodos de enseñanza y sus contenidos, que si se toman con responsabilidad y
compromiso, mejoran la calidad de la educación en las instituciones escolares.
La nota editorial de la revista Educación y Cultura numero 59 (FECODE 2002. p.2) plantea con gran acierto lo
siguiente3:
“Ciega resulta la práctica educativa alejada de la teoría, pues desconoce las razones de su quehacer, y sin
mecanismos sociales auto correctivos transcurre “de tumbo en tumbo”, sin norte. A la par, la teoría educativa
sin práctica es estéril, alejada del vital interactuar con la realidad que nutre, cuestiona y enriquece su reflexión:
las pedagogías 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 decisión de crear y/o adoptar en las
Instituciones Educativas un modelo pedagógico que permita el quehacer de todos sus miembros. El modelo de
3 FECODE. Revista Educación y Cultura numero 59 2002. Pág. 16
27
la Institución Vicente Roig y Villalba de Fonseca – La Guajira esta enmarcado en las teorías de algunos
pensadores como una forma de combinación pedagógica, adaptadas críticamente por lo miembros activos de
este centro educativo, en este caso el rector, sico orientadoras, coordinadores, docentes y padres de familia.
Estas teorías aportan al quehacer docente diario, prácticas cualificadas exitosas, cristalizadas, reflexionadas y
sometidas al férreo escrutinio público de la comunidad educativa y académica, fundamentándolas en el aula y
convirtiéndolas en científicas. Las corrientes pedagógicas contemporáneas y sus representantes , que se
tomaron como soporte teórico para organizar este modelo son4:
Modelo Pedagógico Romántico.
Representantes: Rousseau, Illich, Neil. Sus teorías plantean: “El maestro es sólo un auxiliar o un amigo de la
expresión libre, original y espontánea de los niños. El ambiente pedagógico debe ser el más flexible posible
para que el niño despliegue su interioridad, sus cualidades y habilidades naturales en maduración y se proteja
de lo inhibidor e inauténtico que proviene del exterior…”
Modelo Pedagógico Desarrollista – Base del Constructivista.
4 -------- Pág. 16-17-18.
28
Representantes: Dewey y Piaget. “construcción propia, que se va produciendo día a día como resultado de la
interacción 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 niño su acceso a las estructuras cognoscitivas de la etapa inmediatamente superior”.
Modelo Pedagógico Social. Makarenko, Freinet y en América Latina, Paulo Freire. “proponen el desarrollo máximo y multifacético 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 educación están íntimamente unidos para garantizar no sólo el desarrollo del
espíritu colectivo, sino el conocimiento pedagógico polifacético y politécnico y el fundamento de la práctica
para la formación científica de las nuevas generaciones”.
Estos campos conceptuales aportados por estos pensadores, han permitido a la comunidad educativa
Roigvillalbista, elaborar su modelo pedagógico y su enfoque metodológico.
Aspectos y consideraciones sobre los cuales se apoya la Formación en la Institución Educativa Roig y Villalba.
29
La información que tiene relación con los aspectos legales y/o académicos y administrativos, se pueden
resumir del PEI, así:
La Constitución Política del país promulgada en 1991 y la Ley General de Educación (Ley 115 de 1994), han
encomendado a las instituciones escolares la formulación de sus Proyectos Educativos (PEI), como una
estrategia para la búsqueda de mayor autonomía pedagógica. Asimismo, la aprobación de la Ley 715 de
2001, ha dotado a la educación de un marco legal de mayor importancia para acometer una profunda reforma
de la educación y la enseñanza.
Esto ha llevado a que la Institución Vicente Roig y Villalba, con su equipo de apoyo, busquen propuestas
innovadoras para cumplir con las exigencias gubernamentales de elevar la calidad de la educación. Por eso,
para no quedar marginados ni rezagado, se trata de construir una nueva identidad que recoja la historia y la
tradición de todos los estamentos que la conforman.
Lo anterior impulsó a la formulación de un horizonte institucional común (Misión –Visión), que ayude a mejorar
el clima escolar para la sana convivencia y la socialización, la articulación de los mecanismos de
administración a través de una nueva experiencia escolar titulada “COMUNICACIÓN, GESTIÓN, 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.
5 INSTITUCIÓN EDUCATIVA ROIG Y VILLALBA. Revista Institucional Tocando Corazones. Cuarta edición -2005 Pág. 8
30
La consolidación de estos principios administrativos, los que han recibido la razón social de COGECARE,
están relacionados directamente con el primero: COMUNICACIÓN, establecida como el manejo de la
información en el seno de la Comunidad Educativa, considerada como la herramienta que sirve de soporte,
unión y enlace en las relaciones de convivencia porque fluye en todas las direcciones, siendo “clara, oportuna,
veraz y precisa”, ayudando a lograr la interacción, integración y concertación 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, brindándole el
tiempo y el espacio necesarios para la reflexión conjunta y la solución de conflictos en busca de un horizonte
institucional compartido que direccione los esfuerzos de todos en lo administrativo y lo pedagógico.
El segundo principio: GESTIÓN, está considerado como la intervención, la tramitación y la ejecución voluntaria
que hacemos con esfuerzo, cuidado, eficiencia, esmero y prontitud ante las diferentes instancias
gubernamentales, no gubernamentales, civiles, religiosas, privadas, comunitarias, Etc., para la consecución de
bienes educativos en forma colectiva, interactuando con la comunidad en la búsqueda del mejoramiento de la
calidad humana y de la educación en nuestra institución.
El tercer principio: CAMBIO, se maneja como el conjunto de mecanismos o procesos pedagógicos innovadores
que permiten la constante transformación de la comunidad educativa, proyectándose a los nuevos modelos
socioeducativos con las competencias, los estándares curriculares y el plan de mejoramiento institucional,
siguiendo el ritmo de los avances pedagógicos, científicos, tecnológicos, 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
pedagógicos, “pasando de la metodología tradicional a la constructivista – social – Activa – Participativa” 6, a
través de los diferentes proyectos que desde la administración 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 producción obtenida a través de todo el proceso que
se ha planeado, comunicado y gestionado, logrando un cambio y una transformación sico social – pedagógica
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
gestión: directiva, pedagógica y académica, de la comunidad, administrativa y financiera
(www.mineducacion.gov.co), tratando de alcanzar un alto impacto social con los resultados obtenidos.
La información que permite mejorar los procesos académicos y administrativos se resume en el Plan operativo
y Los Resultados de la Evaluación Institucional de la Institución Educativa Vicente Roig y Villalba de Fonseca
– La Guajira. (Ver anexo A y B)
4.1.2 Teoría del aplicativo
6 ZAPATA, Vladimir. Historia de la pedagogía. Universidad de Antioquia 1994 - Págs. 106 – 113
32
Sitio Web En informática, Word Wide Web o Red global mundial es un sistema de documentos de
hipertextos o hípermedíos enlazados y accesibles a través de Internet. Fue creada en 1989 Tim Bernés y
Robert Cailliau. Ha permitido el desarrollo de estándares y de lenguajes. La visualización de una página
Web se inicia tecleando la URL de la pagina en el navegador o siguiendo un enlace de hipertexto
El sitio Web se diseña teniendo como enfoque pedagógico el Socio-constructivismo. Basado en muchas de
las ideas de Dewey, Piaget, Makarenko y Auebel7, quienes consideran la educación y los procesos de
comunicación como una propuesta pedagógica integral, que concreta una posición ante el mundo y se vincula
a una práctica política y económica. “Frente al reto que constituye armonizar los intereses sociales con los
particulares de los educandos, Makarenko responde involucrando a éstos en la búsqueda de soluciones a los
problemas cotidianos; haciéndolos agentes activos en la organización de la vida escolar y productiva,
generando lazos de colaboración, 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 memorístico, hasta el aprendizaje significativo y
“la estrategia de enseñanza, basada en el descubrimiento por el mismo”8
7 CANDAU DEBIE Y OTROS, Intel teach to the future, Intel Corp. 1ª Edic., Colombia 2005. Sección 3 Mod 0.58 -------- Sección 3 Marco teórico Mod 0.5
El diseño e implementación del sitio Web de la Institución Educativa Vicente Roig y Villalba de Fonseca – La
Guajira debe considerarse como ese espacio compartido y de encuentro de los diferentes estamentos.
33
El proceso de aprendizaje es entonces, un proceso personal de construcción de nuevos conocimientos a partir
de los saberes previos, pero inseparables de la situación en la que se produce. Tiene lugar conectando la
experiencia personal y el conocimiento y se sitúa en un contexto social donde él hombre construye su propio
conocimiento a través de la interacción con otras personas. “Enfatiza en la Importancia de la interacción
social, el compartir y debatir con otros los aprendizajes”9.
La metodología aplicada para el desarrollo del proyecto combina dos procesos, el de conocer (reflexionar) y el
de actuar (hacer), involucrando en ambos a la población objetivo (Padres, maestros, directivos, egresados y
estudiantes).
El diseño e implementación de un sitio Web en la Institución Educativa Vicente Roig y Villalba de Fonseca – La
Guajira pretende re direccionar e informar los diferentes procesos académicos y administrativos de la
Institución; de igual forma, permitir que los diferentes estamentos conozcan mejor su Institución.; “es un
proceso que combina la teoría y que posibilita el aprendizaje, la toma de conciencia de los miembros de la
comunidad y conocer su realidad, su empoderamiento, el refuerzo y ampliación de sus redes sociales, su
movilización colectiva y su acción transformadora”10.
9 ZAPATA, Vladimir. Historia de la pedagogía. Universidad de Antioquia 1994 - Págs. 106 – 113
10 -------- Págs. 106
34
La meta es que la Institución Educativa mejore sus procesos, apropiándose de ellos, y teniendo un control
operativo (saber hacer), lógico (entender) y crítico (juzgar) de ellos, supone un proceso sencillo al alcance de
todos pero a la vez que lleve a la participación de sus estamentos, para que asuman en forma analítica y
dinámica su entorno.
4.1.3 Teoría de la herramienta
DREAMWEAVER: (Dreamweaver-Flash 2004)
Dreamweaver es una herramienta de diseño de páginas web muy avanzada. Aunque la persona que lo maneje
sea un experto programador de HTML encuentra en este programa otras razones y ventajas para utilizarlo,
sobretodo en lo que a productividad se refiere.
Cumple perfectamente el objetivo de diseñar páginas con aspecto profesional, y soporta gran cantidad de
tecnologías, además es muy fácil de usar y brinda entre otros los siguientes beneficios: permite trabajar hojas
de estilo y capas Javascript para crear efectos e interactividades; además permite insertar e archivos
multimedia.
Es un programa que se puede actualizar con componentes, que fabrica tanto Macromedia como otras
compañías, para realizar otras acciones más avanzadas.
35
En resumen, el programa es realmente satisfactorio, incluso el código generado es de buena calidad. La única
desventaja es que al ser tan avanzado, puede resultar un poco difícil su manejo para personas menos
experimentadas en el diseño de sitios webs.
Dreamweaver ha evolucionado mucho en su versión 4, que incluye soporte para la creación de páginas
dinámicas de servidor en ASP, con acceso a bases de datos (versión Ultradev) y una mayor integración con
otras herramientas de Macromedia como Fireworks.
FLASH
Se puede afirmar que Adobe “Flash es una aplicación en forma de estudio de animación que trabaja sobre
"Fotogramas" destinado a la producción y entrega de contenido interactivo para diferentes audiencias
alrededor del mundo. Los archivos de Flash, que tienen generalmente la extensión de archivo SWF, pueden
aparecer en una página web para ser vista en un navegador , o pueden ser reproducidos independientemente
por un reproductor Flash. Los archivos de Flash aparecen muy a menudo como animaciones en páginas Web
y sitios Web multimedia, y más recientemente Aplicaciones de Internet Ricas. Son también ampliamente
utilizados en publicidad en la web.
En versiones anteriores, Macromedia amplió a Flash más allá de las animaciones simples, convirtiéndola en
una herramienta de desarrollo completa, para crear principalmente elementos multimedia e interactivos para
Internet.
36
Fue hasta el año 2005 que la empresa Macromedia conocida hasta entonces como Macromedia Flash y
adquirida por Adobe Systems (desde entonces conocida como Adobe Flash) que amplia su portafolio de
productos dentro del mercado. Flash es un programa de edición multimedia con varias finalidades: Sirve para
crear animaciones, contenido multimedia, juegos, etc. Desde Flash 6 se integran los flotadores, es decir las
ventanas de herramientas, como las de colores, componentes, ayuda (que en las últimas versiones, ha tenido
su propio panel, y llamar a éste es tan fácil que basta con presionar la tecla F1). Los componentes, son
similares a los movieClips, ya construidos que vienen de varios tipos, como los Componentes, o los
componentes de interfaz, todos estos creados por el equipo de Macromedia, para simplificar y ahorrar tiempo”
Actualmente las personas viven en un mundo inmerso e inherente a los desarrollos tecnológicos y en
consecuencia deben entender que ésta época se conecta mediante la red-global, por lo tanto, se debe
encontrar una forma que permita mantenerse intercomunicado con todas las personas en todas las partes del
mundo.
A partir de la segunda mitad de los años 80, una investigación realizada por la Oficina Europea del Banco
Interamericano de Desarrollo “destacó la importante transformación de la cultura y la comunicación con la
aparición de equipamientos multimedia, la digitalización de los formatos, etc., que comportan un cambio en las
formas de producción y consumo, por lo que el sector cultura es visto como una actividad clave provocando un
proceso de aceleración en las integraciones empresariales, a esto se suma la publicitación y promoción de
mercancías y servicios en general en las pautas y los comportamientos culturales de la sociedad. Es sabido
que la industria y la economía no hubiesen alcanzado su nivel actual sin la presencia de sus productos
culturales y comunicacionales de ahí la importancia significativa que tiene el vincular todos los procesos
37
culturales de un país a la red. Los procesos de convergencia tecnológica y la creciente importancia económica
y simbólica de las actividades culturales influyeron para que a partir de la década del ochenta se presentaran
cada vez mas articulaciones entre industrias y sectores, generando nuevos protagonistas y actores,
tradicionalmente ajenos al campo cultural. En éste intento de reconstrucción histórica, se reconoce una nueva
práctica cultural, como construcción de referentes identificatorios fundamentales para sus habitantes, para
sintetizar su historia y su memoria. Conquistar una nueva universalidad es un gran desafío. Promover las
industrias culturales permite la salida, la exportación y/o la diseminación de tradiciones, costumbres, y de
aspectos relacionados con el campo agrícola de un pueblo en el exterior y el acceso de sus productos en el
país”.
38
4.2 MARCO CONCEPTUAL
4.2.1 Contenidos y/o actividades del sitio
El sitio Web de la Institución Educativa Vicente Roig y Villalba de Fonseca – La Guajira, para dar a conocer los
procesos académicos y administrativos presenta aspectos relacionados con: Quienes somos (Historia,
Misión, visión, Manual de Convivencia y el PEI), Proyectos (COGECARE, Revista Tocando Corazones,
República Viva, Roig Activo, Plantas Medicinales) Comunidad (Rector, Gobierno escolar, directivos,
administrativos, docentes, padres de familia y Estudiantes) y Academia (Plan de estudio e intensidades
horarias) y Galería (imágenes) y está diseñada 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 imágenes jpg,
una de las cuales Incluye el nombre de la Institución, una película Flash con el Banner de la Institución:
Vicente Roig y Villalba sedes anexas a la Izquierda (Tomas Emilio Curiel, Cleotilde Povea y San Rafael)
39
y sede central a la derecha y hacia la izquierda la barra de Botones: Pagina Principal, Quienes somos, Proyectos, Academia, Comunidad y Galería; hacia el centro cuatro mensajes de textos donde se
presenta la dirección, el tipo de Institución, la Ubicación y los Actos Administrativos mediante los cuales se
aprobaron las diferentes jornadas de la mañana, tarde y noche. De la misma forma la distribución y
ubicación de los botones o links del sitio Web.
En la segunda interfaz denominada “Historia”, se incluye una reseña Histórica de la Institución Vicente
Roig y Villalba mediante un mensaje de texto hacia el centro, tres imágenes diferentes a la primera interfaz:
La primera en la parte superior izquierda con el logo de la Institución, una hacia el costado superior derecha
con el escudo de la Institución 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 “Misión - Visión”, se incluye dos archivos de texto, uno con la Misión y la
Visión de la Institución y otro con la identificación de las dos imágenes de la parte inferior de tres egresados
que hoy prestan sus servicios a la Institución, dos imágenes con el logo (superior izquierda) y el escudo
(superior derecha) y un Flash de película con el Banner de la Institución Sede San Rafael y hacia la parte
central izquierda la barra de menú.
En la cuarta interfaz denominada “MANUAL DE CONVIVENCIA” se presentan cinco imágenes jpg: una
ubicada en la parte superior izquierda con el logo de la Institución, la otra hacia la parte superior derecha
40
con el escudo de la Institución y en medio de ellas un Flash de película de la Institución: Sede Central; y
en la parte inferior, tres imágenes relacionadas con los Uniformes de la Institución y hacia el centro un
archivo.doc con la descripción de los objetivos del Manual de convivencia con un hipervínculo hacia el
Archivo.doc, y finalmente, la barra de menú hacia la parte central izquierda.
En la quinta interfaz se presenta “Símbolos de la Institución Educativa Roig y Villalba” mediante dos
imágenes jpg con el nombre de Institución Educativa Vicente Roig y Villalba arriba, hacia el centro un
archivo.doc con el himno de la Institución y debajo de la barra de Menú una película de Flash de
transformación de forma del escudo a la Bandera y de este al nombre de la Institución. Finalmente, se
presenta hacia la parte inferior izquierda de la pantalla, la segunda imagen jpg de la Virgen María
Auxiliadora a la cual se consagran los estudiantes el día 24 de mayo cada año.
En la sexta interfaz denominada “PROYECTO EDUCATIVO INSTITUCIONAL – PEI”, se presentan dos
imágenes en la parte superior: de las cuales una corresponde al logo de la Institución (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 película con el nombre de la Institución, se presenta además; la barra de Menú, una imagen
debajo del proyecto Cogecare y hacia la derecha un archvo.doc con la explicación del Proyecto con un
Hipervínculo hacia el archivo en mención (archivo.doc).
41
En la séptima interfaz denominada “PROYECTO COGECARE”, se presentan dos imágenes en la parte
superior: de las cuales una corresponde al logo de la Institución (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 película con el nombre de la Institución sede San Rafael, se presenta además; la barra de Menú,
dos imágenes jpg alusivas al proyecto Cogecare y hacia la derecha un archvo.doc con la explicación del
Proyecto con un Hipervínculo hacia el archivo en mención (archivo.doc).
La octava interfaz denominada “PROYECTO ROIG ACTIVO”, se presentan dos imágenes en la parte
superior: de las cuales una corresponde al logo de la Institución (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
película con el nombre de la Institución Sede central, se presenta además; la barra de Menú y dos
imágenes debajo y hacia la derecha un archvo.doc con la explicación del Proyecto.
En la novena interfaz denominada “Proyecto cultivo y uso de plantas medicinales”, se presenta una
imagen jpg con el nombre de Institución Educativa Vicente Roig y Villalba en la parte superior y dos
imágenes relacionadas con la actividad escolar en la parte inferior, se presenta además; la barra de Menú
y hacia la derecha un archvo.doc con la explicación del Proyecto.
42
En la novena interfaz denominada “Proyecto cultivo y uso de plantas medicinales”, se presentan tres
imágenes en la parte superior: de las cuales una corresponde al logo de la Institución (superior izquierda) y
la otra (superior derecha) con el escudo, y una imagen relacionada con la actividad escolar en el centro, y
se presenta además; la barra de Menú y dos imágenes debajo y hacia la derecha un archvo.doc con la
explicación del Proyecto.
En la décima interfaz denominada “Revista Tocando corazones medicinales”, se presentan cinco
imágenes jpg. En la parte superior tres de las cuales una corresponde al logo de la Institución (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 además; la barra de Menú y dos imágenes debajo y
hacia la parte central derecha un archvo.doc, y debajo de las dos siguientes imágenes jpg un archivo.doc
relacionado la actividad del Proyecto.
En la undécima interfaz denominada “Perfil del Estudiante Roigvillalvista”, se presentan dos imágenes
en la parte superior: de las cuales una corresponde al logo de la Institución (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 película con el nombre de la Institución, se presenta además; la barra de Menú y tres imágenes jpg
relacionada con la actividad escolar y los Uniformes de la Institución, y hacia la derecha un archvo.doc con
la explicación del Proyecto.
43
En la undécima segunda interfaz denominada “Plan de estudios”, se presenta una imagen jpg en la
parte superior con el nombre de Institución Educativa Vicente Roig y Villalba y hacia el centro una imagen
jpg que contiene el plan de estudios de la Institución, se presenta además; la barra de Menú y debajo de
el una imagen de la Virgen María Auxiliadora.
En la undécima tercera interfaz denominada “Docentes de la Institución Educativa Vicente Roig y Villalba”, se presentan dos imágenes en la parte superior: de las cuales una corresponde al logo de la
Institución (superior izquierda) y la otra (superior derecha) con el Escudo, y en el centro de las dos, un
Flash de película con el nombre de la Institución. Se presenta además; la barra de Menú y debajo de ellas
dos imágenes relacionadas con los docentes y hacia la derecha y hacia abajo un archvo.doc con los
nombres y perfil de los Docentes de la Institución.
En la undécima cuarta interfaz denominada “CONSEJO DIRECTIVO”, se presentan dos imágenes en la
parte superior: de las cuales una corresponde al logo de la Institución (superior izquierda) y la otra (superior
derecha) corresponde al Escudo y hacia el centro una imagen relacionada con la actividad escolar, y en el
centro hacia abajo de ellas, un archivo.doc con los nombres de los miembros del Consejo Directivo de la
Institución y hacia la izquierda de el, la barra de Menú.
44
En la undécima quinta interfaz denominada “RECTOR”, se presentan dos imágenes en la parte superior:
de las cuales una corresponde al logo de la Institución (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 Institución y hacia la izquierda de
el, la barra de Menú.
En la undécima sexta denominada “ADMINISTRATIVOS Y DIRECTIVO”, se presentan tres imágenes en la
parte superior: de las cuales una corresponde al logo de la Institución (superior izquierda) y la otra (superior
derecha) con el Escudo de la Institución, 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
Institución, debajo de el tres imágenes jpg relacionada con la actividad relacionada con este ítem y hacia
la izquierda de el la barra de Menú.
4.2.2 Información Implícita
Blog. En español también equivale bitácora. Es un sitio Web actualizado periódicamente que recoge
cronológicamente artículos o textos de uno o varios autores, apareciendo primero el más 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 español significa charla, también se conoce Cyber charla y en ella varias personas de
diferentes partes del mundo conversan en tiempo real a través de sus teclados micrófonos y cámaras.
Es una herramienta que funciona sobre el modelo cliente / servidor
Internet. Red de redes (www). Red mundial de la Información.
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 información de acuerdo con el estilo de
aprendizaje de su preferencia. La idea no es enseñar exclusivamente un estilo sino todo lo contrario.
“Se debe exponer a los estudiantes a diferentes experiencias de aprendizaje (Silverman, 1988)” El
Proceso de comunicación que conlleva a la construcción de nuevos conocimientos a partir de los
saberes previos diferentes a los que se tenían como primera intención 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 información
son enfatizados durante diferentes periodos de la vida del hombre. Lo importante es sin embargo, “la
manipulación física, donde se desvía el saber hacia la reflexión y el individuo (Brunner 1966)”
46
4.3 MARCO CONTEXTUAL
4.3.1 Ubicación socio demográfica de la institución
La Institución Educativa Vicente Roig y Villalba es un establecimiento público de educación media técnica con
énfasis en Comercio, administrado por la secretaría de Educación Departamental de la Guajira., ubicado en la
carrera 21 N° 16 – 33 Barrio Alto Prado de Fonseca la Guajira.
El objetivo de la Institución Educativa Vicente Roig y Villalba, es prestar el
Servicio educativo tendiente a otorgar el título de Bachilleres con Énfasis en Comercio para las jornadas
diurnas y el de Bachiller académico en la jornada nocturna.
La Misión de la Institución es “Formar personas con valores cristianos, basados en el respeto mutuo,
autonomía, responsabilidad y solidaridad capaces de desempeñarse con eficiencia y afrontar los nuevos retos
que le ofrece la ciencia y la tecnología de manera competente”.
Reseña histórica de la Institución Roig y Villalba
47
Siendo párroco de la Villa de San Agustín de Fonseca el Reverendo Ricardo de Alfara, se hizo una reunión
para crear un colegio de Segunda enseñanza para señoritas y la idea es secundada por el Doctor Andrés
Medina Parodi, en ese entonces representante a la Cámara de Representante y Presidente del Club de
Leones Los Higuitos. Se nombro una junta pro colegio que quedo conformada así: Presidente Doctor Andrés
Medina Parodi, Secretaria Carmen Gómez Daza, Tesorero Reverendo padre Ricardo de Alfara, Fiscal, señor
Jesús Peralta Zúñiga (Alcalde), Vocales, señor Simón ARREGOCES PERSONERO Municipal y la Señora
Nilda de Cotes.
La Institución 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 año 1965 las labores inician en el mismo sitio y a mediados de año se traslada al Centro de Salud
Publico Municipal. En el año 1966, se retira la Directora y es nombrada Carmen Pareja, cargo del cual también
renuncia y es reemplazada por Elba Dangond. En este mismo año el nivel académico se eleva a tercero de
bachillerato.
En 1983, renuncia la señora directora Blanca Fuentes de Aragón y es reemplazada por su actual Rector el
Sociólogo Miguel Peralta Mendoza quien tiene la oportunidad de brindarle a la comunidad y al Departamento
de la Guajira la Primera Promoción de Bachilleres comerciales.
48
En el año de 1989 se celebran las bodas de plata de la Institución (1964 – 1989) y la Institución se viste con
sus mejores galas y es reconocida por el Concejo Municipal y la Asamblea del Departamento por su aporte a la
Educación y la cultura.
En el año 2002, mediante acto 262 de noviembre 5 del mismo año con los procesos de integración crece la
familia ROIGVILLALBISTA quedando conformada por 4 sedes:
SEDE CENTRAL:ROIG Y VILLALBA - Bachillerato
SEDE 2: Escuela San Rafael Arcángel - primaria
SEDE 3: Escuela Cleotilde Povea de Romero - Primaria
SEDE 4: Escuela Tomas Emilio Medina Curiel - Primaria.
4.3.2 Caracterización de la población Institución Educativa Vicente Roig y Villalba – Fonseca.
La Institución Educativa Vicente Roig y Villalba, atiende población de estratos Socio-económicos 1 a 3,
provenientes mayoritariamente de los barrios: José Prudencio Padilla, El Carmen, 12 de Octubre, Cristo Rey,
Alto prado Paraíso, Gómez Daza, Lagunita, El Cerrejón, 1° de Julio, El Campo, Alto Prado, Centro, Delicias,
15 de Diciembre y centros poblados Rurales de: El Hatico, Conejo, Distracción, Chorreras, Sitio Nuevo,
Resguardo Indígena 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
mañana aproximadamente, 200 estudiantes en la jornada de la tarde en la sede Central y 700 estudiantes en
las sedes de primarias.
La población estudiantil esta conformada por 1200 mujeres y 690 varones, de ellos existen dos estudiantes
con discapacidad auditiva moderada, y dos con discapacidad física. Las edades están comprendidas entre los
5 a 18 años promedio.
4.3.3 Recursos
La institución cuenta con una sala de Informática y Bilingüismo con 15 computadores y conectividad a Internet
cuatro horas al día (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 económicos, los que dependen de un trabajo informal, estos habitan en la zona
rural y urbana. Todos están organizados en los niveles de Preescolar, Básica y Media, distribuidos en las
jornadas mañana, tarde y nocturna.
La estructura física de la institución cuenta con 43.000 mts2 organizada así: la Sede Principal Roig y Villalba
cuenta con veinte aulas de clases, seis en mal estado, las restantes carecen de la ventilación adecuada. Una
Sala de Tecnología y Bilingüismo con 15 computadores, una Sala de Mecanografía con 19 máquinas en
50
regular estado, un Taller de Artística con escasos materiales, un Laboratorio de Biología, Química y Física, una
pequeña Biblioteca desactualizada, además se cuenta con la Sala de Profesores, Rectoría, Oficina de
Sistemas y Archivo, Coordinación Académica, Pagaduría y una pequeña Sala de Sico orientación que necesita
se adecuada para prestar un mejor servicio. Actualmente se encuentra una nueva sala de computación.
Es notoria la falta de escenarios deportivos y culturales, ya que se cuenta con una pequeña cancha de
basquetbol y un Aula Múltiple con poco espacio para albergar el gran número 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 METODOLÓGICO.
4.4.1 Diseño
Tipo de investigación
51
El tipo de investigación utilizado para evidenciar la problemática de la Institución Educativa Vicente Roig y
Villalba de Fonseca – La Guajira, es en primera instancia Investigación tecnológica aplicada y en segundo
lugar de corte social – constructivista.
Tipo de aplicativo diseñado.
El tipo de aplicativo que se diseña e implementa es: Sitio Web.
Tabla 1. Tipo de aplicativo diseñado – Sitio Web
Tipo de aplicativo Sitio Web
Herramienta Dreamweaver - Flash
Utilidad
Informar los Procesos Académicos y Administrativos de la Institución Educativa
Usuarios Comunidad educativa
52
El tipo de herramienta que se utiliza para el diseño e implementación del sitio Web es la herramienta
Dreamweaver y Flash.
Herramienta Informática
En lo referente al diseño de un sitio web o página web, se pueden utilizar herramientas dreamweaver, flash y fireworks. Generalmente se usa más Dreamweaver y Flash.
Tabla 2. Matriz de identificación de herramienta software utilizada –
Dreamweaver
Nombre de la Herramienta Dreamweaver Versión CS4
Macromedia Flash MX Profesional 2004
Fabricante Adobe SystemsTipo de Licenciamiento No Libre (GNU Reservado)
Descripción de funciones utilizadas en la elaboración del aplicativo.
Diseño e implementación de un sitio web
53
Tabla 3. Matriz de identificación de herramienta software
Utilizada - flash
Nombre de la Herramienta FlashVersión 10.0 ( Adobe creative suite 4)Fabricante Adobe SystemsTipo de Licenciamiento Propietario EULADescripción de funciones utilizadas en la elaboración del aplicativo.
Animaciones Flash
Recolección de información
Para recolectar la información se utilizaron las siguientes técnicas: Entrevistas y Encuestas aplicadas a
Docentes, directivos, padres de familia, egresados y Administrativos.
54
En cuanto a la recolección de información secundaria se utilizaron diferentes fuentes: Libros, Revistas,
archivos de la Institución educativa Vicente Roig y Villalba y paginas Web.
Ficha Técnica de recolección de información
Nombre del instrumento: Encuesta
Propósito: Recolectar información de la Comunidad de la Institución Educativa Vicente Roig y Villalba sobre los
medios y canales de Comunicación utilizados en los diferentes procesos académicos y administrativos.
De igual forma se pretendía establecer si los diferentes miembros de la comunidad tenían conocimiento o no del funcionamiento de un sitio Web en la Institución.
Objetivo:
La primera pregunta apunta a recoger información sobre la existencia o no de un sitio Web en la Institución.
La segunda pregunta tiene como intención saber, ¿si en la Institución existiera un Sitio Web que les gustaría 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 comunicación utilizados al interior de la Institución para desarrollar los diferentes procesos académicos y administrativos; lo cual permite conocer y luego “mejorarlos”.
Población:
55
La población estudiantil al igual que sus padres pertenece a estratos Socio-económicos 1 a 3.
En la actualidad se encuentran matriculados 890 estudiantes en los grados 6° a 11º en la jornada de la
mañana aproximadamente, 200 estudiantes en la jornada de la tarde en la sede Central y 700 estudiantes en
las sedes de primarias.
La población estudiantil está conformada por 1200 mujeres y 690 varones, de los cuales existen dos
estudiantes con discapacidad auditiva moderada, y dos con discapacidad física. Las edades están
comprendidas entre los 5 a 18 años promedio.
La población de docentes es de 67 en básica primaria, básica secundaria y media técnica, la gran mayoría
profesionales de la educación y con especialidades y posgrados en áreas relacionados con su trabajo.
Los administrativos y directivos están 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%
Cálculo margen de error de la prueba. Test aplicado en estudiantes 5%
Fecha de aplicación. Tercera semana del mes de Marzo de 2009.
56
Los resultados de la encuesta se presentan en la siguiente tabla:
Tabla 4: Resultados de la aplicación de la encuesta a los miembros de la comunidad educativa Vicente Roig y Villalba de Fonseca – 2009.
Pregunta 1 Si sabe No sabe NR
Resultado 5 44 1
Pregunta 2 Contenido Cultura Reconocimiento Proyectos Otros
Resultados 26 10 4 7 3
Pregunta 3 T. Mural Carteleras Radio Escritos Verbal
Resultado 12 15 7 9 6
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 Institución Educativa Vicente Roig y Villalba cuenta con una página Web o un sitio
Web?
La mayoría de la personas encuestadas (44) desconoce si la institución cuenta con un sitio Web para la
organización de los procesos académicos administrativos y de comunicación.
57
Pregunta 2: ¿Si la Institución Educativa Vicente Roig y Villalba contara con una página o sitio Web, que le
gustaría encontrar en ella?
Más de la mitad de las personas encuestadas (26) contesto que le gustaría encontrar en el sitio Web de la
institución contenidos y en menor proporción (10) aspectos relacionados con la cultura y la recreación.
Pregunta 3: ¿Conoce usted a través de qué medio se divulga el acontecer de la Institución 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 comunicación oral). Lo anterior confirma
que dentro de la institución prevalece la comunicación oral y visual.
La situación relacionada con la preguntas 1 a la 3, se puede observar mejor en la siguientes graficas
58
GRAFICA 1: ¿Sabe si la Institución Educativa Vicente Roig y Villalba cuenta con una página Web o un sitio Web?
Fuente: Encuesta.
En la grafica anterior, se puede observar que la gran mayoría de las personas de la comunidad educativa de la
Institución Roig y Villalba no sabe si la I.E. cuenta con Sitio Web o no.
59
GRAFICA 2: ¿Si la Institución Educativa Vicente Roig y Villalba contara con una página o sitio Web, qué le gustaría encontrar en ella?
Fuente: Encuesta.
60
La grafica anterior permite apreciar que una considerable cantidad de miembros de la comunidad educativa
encuestada, prefiere que en el Sitio Web de la Institución se incluyan Contenidos relacionados con el
acontecer, académicos y pedagógicos (Contenidos)
GRAFICA 3: ¿Conoce usted a través de qué medio se divulga el acontecer de la Institución Educativa Vicente Roig y Villalba?
Fuente: Encuesta.
61
Los resultados de la encuesta permiten apreciar que el tablero mural y las carteleras son los medios mas
utilizados por la comunidad para comunicarse.
En cuanto hace referencia a el recurso didáctico multimedia, se diseñó teniendo como enfoque pedagógico 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 didáctico a la par de mejorar el proceso de comunicación, está orientado a fortalecer
el proceso administrativo y pedagógico de la Institución (aquí se incluiría una breve descripción de qué es el
proceso administrativo y pedagógico y cómo se evidencia en el aplicativo, cómo contribuye al mejoramiento de
la comunicación entre los diferentes estamentos de la Institución).
4.4.2 Objetivos de diseño.
Objetivo técnico
Para el diseño e implementación del sitio Web de la Institución Educativa Vicente Roig y Villalba de Fonseca –
La Guajira se requiere de una Sala de Informática y el uso de Computadores con programas Dreamweaver y
Flash.
62
4.4.3 Evidencias de diseño.
El mapa de contenidos del Sitio Web de la Institución Educativa Vicente Roig y Villalba de Fonseca tiene los
siguientes aspectos o contenidos:
63
MAPA DE CONTENIDOS
Sitio Web:
INSTITUCIÓN EDUCATIVA VICENTE ROIG Y VILLALBA
Quienes somos
Horizonte Inst.
Proyectos Academia Comunidad
Visión
Misión
ROIG ACTIVO
PEI
COGECARE
PLANTAS MED
Perfil Del estudiante
Plan de Estudios
Metodología
Docente y directivos
Rector
Estudiantes
64
MAPA DE NAVEGACIÓN (CONVENCIONES)
Proyectos
65
4.4.4. diseño de interfacesGuión de la interfaz Nº 1
66
NO. OBJETO ESTADO INICIAL EVENTO ACCION FUENTE
1 BANNER(TITULO DE LA INSTITUCION
ACTIVO POR TIEMPO
MOVIMIENTOhttp://colegios.redp.edu.co/tecnicopiloto/
2 MENU(BOTONES) ACTIVO CLICK CLICK USUARIO
3 GRAFICO NO ACTIVO
NINGUNO NINGUNO http://www2.edu.fi/magazinefactory
4 TEXTO NO ACTIVO
POR TIEMPO
NINGUNOhttp://es.wikipedia.or
Guión de la interfaz Nº 2
NO. OBJETO ESTADO INICIAL EVENTO ACCION FUENTE
1 BANNER(TITULO DE LA INSTITUCION
ACTIVO POR TIEMPO
MOVIMIENTOhttp://colegios.redp.edu.co/tecnicopiloto/
2 MENU(BOTONES) ACTIVO CLICK CLICK USUARIO
3 IMÁGENES NO ACTIVO
NINGUNO NINGUNO http://www2.edu.fi/magazinefactory
4 TEXTOS NO ACTIVO
POR TIEMPO
NINGUNO
67
http://es.wikipedia.or
Guión de la interfaz Nº 3
NO. OBJETO ESTADO INICIAL EVENTO ACCION FUENTE
1 BANNER(TITULO DE LA INSTITUCION
NO ACTIVO
CLICK NINGUNAhttp://colegios.redp.edu.co/tecnicopiloto/
2 MENU(BOTONES) ACTIVO CLICK CLICK USUARIO
3 GRAFICO NO ACTIVO
NINGUNO NINGUNO http://www2.edu.fi/magazinefactory
4 TEXTO NO ACTIVO
POR TIEMPO
NINGUNOhttp://es.wikipedia.or
Guión de la interfaz Nº 4
NO. OBJETO ESTADO INICIAL EVENTO ACCION FUENTE
1 BANNER(TITULO DE LA INSTITUCION
ACTIVO POR TIEMPO
MOVIMIENTOhttp://colegios.redp.edu.co/tecnicopiloto/
68
2 MENU(BOTONES) ACTIVO CLICK CLICK USUARIO
3 IMÁGENES NO ACTIVO
NINGUNO NINGUNO http://www2.edu.fi/magazinefactory
4 TEXTO NO ACTIVO
POR TIEMPO
NINGUNOhttp://es.wikipedia.or
Guión de la interfaz Nº 5
NO. OBJETO ESTADO INICIAL EVENTO ACCION FUENTE
1 BANNER(TITULO DE LA INSTITUCION
ACTIVO POR TIEMPO
MOVIMIENTOhttp://colegios.redp.edu.co/tecnicopiloto/
2 MENU(BOTONES) ACTIVO CLICK CLICK USUARIO
3 IMÁGENES NO ACTIVO
NINGUNO NINGUNO http://www2.edu.fi/magazinefactory
4 TEXTO NO ACTIVO
POR TIEMPO
NINGUNOhttp://es.wikipedia.or
69
Guión de la interfaz Nº 6
NO. OBJETO ESTADO INICIAL EVENTO ACCION FUENTE
1 BANNER(TITULO DE LA INSTITUCION
NO ACTIVO
CLICK NINGUNAhttp://colegios.redp.edu.co/tecnicopiloto/
2 MENU(BOTONES) ACTIVO CLICK CLICK USUARIO
3 TRANSFORMACION DE FORMA – FORMA LETRAS
ACTIVO POR TIEMPO
MOVIMIENTO http://www2.edu.fi/magazinefactory
4 TEXTO NO ACTIVO
POR TIEMPO
NINGUNOhttp://es.wikipedia.or
Guión de la interfaz Nº 7
NO. OBJETO ESTADO INICIAL EVENTO ACCION FUENTE
1 BANNER(TITULO DE LA INSTITUCION
ACTIVO POR TIEMPO
MOVIMIENTOhttp://colegios.redp.edu.co/tecnicopiloto/
2 MENU(BOTONES) ACTIVO CLICK CLICK USUARIO
3 IMAGEN NO NINGUNO NINGUNO http://www2.edu.fi/
70
ACTIVO magazinefactory
4 TEXTO NO ACTIVO
POR TIEMPO
NINGUNOhttp://es.wikipedia.or
Guión de la interfaz Nº 8
NO. OBJETO ESTADO INICIAL EVENTO ACCION FUENTE
1 BANNER(TITULO DE LA INSTITUCION
ACTIVO POR TIEMPO
MOVIMIENTOhttp://colegios.redp.edu.co/tecnicopiloto/
2 MENU(BOTONES) ACTIVO CLICK CLICK USUARIO
3 IMÁGENES NO ACTIVO
NINGUNO NINGUNO http://www2.edu.fi/magazinefactory
4 TEXTO NO ACTIVO
POR TIEMPO
NINGUNOhttp://es.wikipedia.or
Guión de la interfaz Nº 9
NO. OBJETO ESTADO EVENTO ACCION FUENTE
71
INICIAL
1 BANNER(TITULO DE LA INSTITUCION
ACTIVO POR TIEMPO
MOVIMIENTOhttp://colegios.redp.edu.co/tecnicopiloto/
2 MENU(BOTONES) ACTIVO CLICK CLICK USUARIO
3 IMÁGENES NO ACTIVO
NINGUNO NINGUNO http://www2.edu.fi/magazinefactory
4 TEXTO NO ACTIVO
POR TIEMPO
NINGUNOhttp://es.wikipedia.or
Guión de la interfaz Nº 10
NO. OBJETO ESTADO INICIAL EVENTO ACCION FUENTE
1 BANNER(TITULO DE LA INSTITUCION
NO ACTIVO
CLICK SIN MOVIMIENTO http://colegios.redp.edu.co/tecnicopiloto/
2 MENU(BOTONES) ACTIVO CLICK CLICK USUARIO
3 IMÁGENES NO ACTIVO
NINGUNO NINGUNO http://www2.edu.fi/magazinefactory
72
4 TEXTO NO ACTIVO
POR TIEMPO
NINGUNOhttp://es.wikipedia.or
Guión de la interfaz Nº 11
NO. OBJETO ESTADO INICIAL EVENTO ACCION FUENTE
1 BANNER( NO ACTIVO
CLICK SIN MOVIMIENTO http://colegios.redp.edu.co/tecnicopiloto/
2 MENU(BOTONES) ACTIVO CLICK CLICK USUARIO
3 IMÁGENES NO ACTIVO
NINGUNO NINGUNO http://www2.edu.fi/magazinefactory
4 TEXTO NO ACTIVO
POR TIEMPO
NINGUNOhttp://es.wikipedia.or
Guión de la interfaz Nº 12
NO. OBJETO ESTADO INICIAL EVENTO ACCION FUENTE
1 BANNER(TITULO DE LA INSTITUCION
ACTIVO POR TIEMPO
MOVIMIENTOhttp://colegios.redp.edu.co/tecnicopiloto/
2 MENU(BOTONES) ACTIVO CLICK CLICK
73
USUARIO
3 IMÁGENES NO ACTIVO
NINGUNO NINGUNO http://www2.edu.fi/magazinefactory
4 TEXTO NO ACTIVO
POR TIEMPO
NINGUNOhttp://es.wikipedia.or
Guión de la interfaz Nº 13
NO. OBJETO ESTADO INICIAL EVENTO ACCION FUENTE
1 BANNER NO ACTIVO
CLICK SIN MOVIMIENTO http://colegios.redp.edu.co/tecnicopiloto/
2 MENU(BOTONES) ACTIVO CLICK CLICK USUARIO
3 IMÁGENES NO ACTIVO
NINGUNO NINGUNO http://www2.edu.fi/magazinefactory
4 TEXTO NO ACTIVO
POR TIEMPO
NINGUNOhttp://es.wikipedia.or
Guión de la interfaz Nº 14
74
NO. OBJETO ESTADO INICIAL EVENTO ACCION FUENTE
1 BANNER NO ACTIVO
CLICK SIN MOVIMIENTO http://colegios.redp.edu.co/tecnicopiloto/
2 MENU(BOTONES) ACTIVO CLICK CLICK USUARIO
3 IMÁGENES NO ACTIVO
NINGUNO NINGUNO http://www2.edu.fi/magazinefactory
4 TEXTO NO ACTIVO
POR TIEMPO
NINGUNOhttp://es.wikipedia.or
Guión de la interfaz Nº 15
NO. OBJETO ESTADO INICIAL EVENTO ACCION FUENTE
1 BANNER NO ACTIVO
CLICK SIN MOVIMIENTO http://colegios.redp.edu.co/tecnicopiloto/
2 MENU(BOTONES) ACTIVO CLICK CLICK USUARIO
3 IMÁGENES NO ACTIVO
NINGUNO NINGUNO http://www2.edu.fi/magazinefactory
75
4 TEXTO NO ACTIVO
POR TIEMPO
NINGUNOhttp://es.wikipedia.or
Guión de la interfaz Nº 16
NO. OBJETO ESTADO INICIAL EVENTO ACCION FUENTE
1 BANNER(TITULO DE LA INSTITUCION
ACTIVO POR TIEMPO
MOVIMIENTOhttp://colegios.redp.edu.co/tecnicopiloto/
2 MENU(BOTONES) ACTIVO CLICK CLICK USUARIO
3 IMÁGENES NO ACTIVO
NINGUNO NINGUNO http://www2.edu.fi/magazinefactory
4 TEXTO NO ACTIVO
POR TIEMPO
NINGUNOhttp://es.wikipedia.or
Guión de la interfaz Nº 17
NO. OBJETO ESTADO INICIAL EVENTO ACCION FUENTE
1 BANNER NO CLICK SIN
76
ACTIVO MOVIMIENTO http://colegios.redp.edu.co/tecnicopiloto/
2 MENU(BOTONES) ACTIVO CLICK CLICK USUARIO
3 IMÁGENES NO ACTIVO
NINGUNO NINGUNO http://www2.edu.fi/magazinefactory
4 TEXTO NO ACTIVO
POR TIEMPO
NINGUNOhttp://es.wikipedia.or
4.4.4 Diseño de Interfaces
77
5. DOCUMENTACIÓN
5.1 Manual de Instalación
Manual de Instalación. El diseño del sitio Web de la Institución 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 características:
Procesador Pentium III o superior
40 MB de espacio en disco duro
128 MB de memoria RAM
Resolución de pantalla SVGA o superior (1024x768 y 16 bits como mínimo)
Windows 98 – 2003 o superior
6. CONCLUSIONES
78
El diseño e implementación del sitio Web de la Institución Educativa Vicente Roig y Villalba de Fonseca –
La Guajira, le permitirá a la Institución mejorar los procesos Académicos y administrativos.
El diseño e implementación del sitio Web de la Institución Educativa Vicente Roig y Villalba de Fonseca –
La Guajira, ayudara a mejorar los procesos de comunicación de la Institución.
Ayudara a desarrollar arraigo y sentido de pertenencia de los miembros de la Comunidad educativa.
7. RECOMENDACIONES
79
Se les recomienda a los miembros de la Comunidad educativa actualizar el sitio Web como mínimo una
vez al año.
Se recomienda a los miembros de la comunidad: Padres de familia, docentes, directivos, administrativos y
egresados) utilizar el sitio Web.
BIBLIOGRAFÍA
80
- ANDRADE SOSA. Hugo Hernando y GÓMEZ FLÓREZ. Luis Carlos, Tecnología en la Escuela, 4ª Edic.
CPE _ UIS Bucaramanga 2009.
- CANDAU Debie. Et al. Intel Educar para el Futuro. Adaptación MEN; Intel Leap ahead Bogotá Colombia
2005
- CASTAÑEDA, Lilian. Sitio Web para facilitar el aprendizaje y la difusión de la dinámica de Sistemas en
la Educación. Tesis de grado. Escuela de Ingeniería de Sistemas. Universidad Industrial de Santander.
Bucaramanga Colombia.
- COLOMBIA. MINISTERIO DEL INTERIOR Y DE JUSTICIA. Constitución Política 1991
- CORPORACIÓN PARA EL DESARROLLO DE LA EDUCACIÓN. Planes de Mejoramiento. Bogotá 2002
- FREIRE, Paulo Teoría Social. : Paidos. México 1998
- HEMEL, Santiago y RODRÍGUEZ, José. Manual de Gestión y Administración 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
- http://wwww.dewey.uab.es/pmarques/funcion.htm
- INSTITUTO COLOMBIANO DE NORMAS TÉCNICAS Y CERTIFICACIÓN. Tesis y otros trabajos de
grado. Séptima actualización (adenda). Bogotá; ICONTEC 2009
81
- MARRERO DÍAZ, Milagros. Estilos de Aprendizaje y su Impacto en el Proceso Enseñanza-Aprendizaje
en el Curso TEOC 2007. Aplicación de Terapia Ocupacional en Disfunción. Ed. Ideas 12. México 2001.
- MAYORGA, Carolina. Metodología de la Investigación. Edit. Panamericana. Bogotá 2002.
- MINISTERIO DE EDUCACIÓN NACIONAL. Estándares básicos de Matemáticas, Lenguaje, Ciencias
Naturales y Sociales, Competencias Ciudadanas y Laborales. Ministerio de Educación Nacional.
- _______ “La evaluación en el aula y más allá de ella”. Ministerio de Educación Nacional. Bogotá. 2006
- _______ Guía de Evaluación para el Mejoramiento Institucional y Planes de Mejoramiento (2003 –
2004).
- ________. Ley General de educación Ley 115 de 2001. Ministerio de Educación Nacional. Bogotá;
2002.
- ________. Ley 715 de 2001. Ministerio de Educación Nacional. Bogotá; 2002.
- OSORIO ROJAS, Ricardo Arturo. Teoría cognitiva. Ed. Grijalbo. México. 1988
- PIAGET, Jean. Teoría Constructivista – Desarrollista. Almudena editores. Bogotá. 1997.
- Revista Tocando Corazones. Cuarta y quinta edición. 2005 – 2006
- UNIVERSIDAD ABIERTA Y A DISTANCIA. Textos epistemológicos. Compilación. Facultad de Ciencias
Sociales y Humanas UNAD. Bogotá. 1997. 488 p.
82
ANEXOS
Anexo A Plan operativo Institución Educativa Vicente Roig y Villalba Fonseca -2008
GESTIÓN FECHA META INDICADOR DELA META
ACCIONES RECURSOS PRESUPUESTO
Directiva y -Marzo12, 25 Divulgar la Misión y Reuniones realizadas - Reuniones con padres, docentes y - Manual de $700.000
83
Horizonte Institucional
-Abril 17-Junio 11 Septiembre 22
Visión Institucional.5 reuniones planeadas
estudiantes.- Convivencias de estudiantes, directores de grupo, Sico orientación
Convivencia- Carteleras- Pendones
-Marzo 27 Propiciar la integración de la institución con el SENA.
Numero de estudiantes integrado____________
Numero total de estudiantes del grado integrado.
- Encuentros con la Secretaría de Educación Departamental y el SENA.- Elaboración y entrega del Proyecto a integrar.
Requerimientos documentales y materiales exigidos por el SENA.-Plan de Estudio
$50.000.000
-Junio 16-Diciembre1, 2
Mejorar el procedimiento para la evaluación institucional.
Jornadas de auto evaluación realizadas__2 jornadas de auto evaluación planeadas.
- Seguimiento, evaluación y control del Plan Operativo en junio y noviembre.
-Motivar a toda la institución para que se comprometan y participen activamente en las jornadas de autoevaluación.
Plan de Mejoramiento-Plan Operativo-Instrumento de autoevaluación
$500.000
-Enero - Dic Operacionalizar los procesos y canales de comunicación para que se de una información oportuna, precisa y eficaz.
Numero de comunicaciones enviadas e informes oportunos realizados.
- Enviar comunicaciones oportunas a todos los estamentos de la institución.- Informar a todos los estamentos las decisiones directivas y administrativas.- Comunicar oportunamente los cambios en las decisiones acordadas.
-Plan Operativo-Medios de comunicación
$2.000.000
Mayo 15Junio 18
Construir el Manual de Convivencia de manera participativa.
Aplicación de los procesos en la vida institucional.
-Socialización y ejecución de los procesos registrados en el Manual de Convivencia
-Manual de Convivencia-Recursos financieros
$5.000.000
84
Anexo B Resultados de la Evaluación Institucional Institución Educativa Roig y Villalba Fonseca – 2008
GESTIÓN PROCESO ELEMENTOS ESCALA
DIRECTIVA Y HORIZONTE INSTITUCIONAL
DireccionamientoEstratégico yHorizonteinstitucional
Direccionamiento Estratégico y Horizonte institucional xMetas institucionales. xArticulación de planes proyectos y acciones. xCultura institucional. xApropiación del direccionamiento estratégico. x
Seguimientoy evaluación
Procedimiento para la evaluación institucional.Información históricaUso de los resultados.
Mecanismos decomunicación
Sistemas d comunicación. xIdentificación y divulgación de buenas prácticas x
Comunicación con instituciones y autoridades del sector. x
Alianzas y acuerdosInterinstitucionales
Alianzas con el sector productivo. xRelaciones interinstitucionales. x
Promedio
Clima institucional
Integración x
Trabajo en equipo. x
Manual de convivencia. x
Personero escolar. x
PromedioGobierno Escolar Consejo Directivo.
Consejo Académico.
Promedio general 2
Apoyo financiero y contable
Presupuesto anual del FDEx
Contabilidad x
Recaudos de ingresos x
Procesos de compra x
Promedio 1.5Apoyo a la gestión
Académica Proceso de matricula xArchivo académico
xBoletines de notas x
Promedio 1.75Administración de Adquisición de recursos para el aprendizaje x
85
recursos físicos Suministros y dotación físicos x
Mantenimiento de equipos xSeguridad y protección x
Promedio 1.0
Continuación Anexo B
GESTIÓN PROCESO ELEMENTOS ESCALA
ADMINISTRATIVAAdministración de la planta física
Mantenimiento xAdecuación de la planta física xSeguimiento del uso de los espacios físico X
Promedio 1.0Promedio general 1.375
Servicios Complementarios
Transporte, restaurante y/o cafetería, salud. XTalento humano XPerfiles XFormación y capacitación
XApoyo y estímulo a la investigaciónXEvaluación del desempeño del cuerpo docente y otros. X
Promedio 1.3Promedio general 1.3
ACADÉMICA
Diseño Curricular
Plan de Estudios xEnfoque metodológico xEvaluación xRecursos para el aprendizaje xJornada escolarTecnologías de la información y comunicación (TIC) x
Promedio 1.75Practicas pedagógicas
Prácticas Pedagógicas xPlaneación de aula xEstilo pedagógico xEvaluación en el aula x
Promedio 1.75
Seguimiento académico
Seguimiento al ausentismo xSeguimiento de resultados académicos xUso pedagógico de la evaluación externa xActividades de recuperación xApoyo pedagógico x
Promedio 2. 0
86
Promedio general 1.67
Continuación anexo B
GESTIÓN PROCESO ELEMENTOS ESCALA
DE LA COMUNIDAD
Participación y convivencia
Gestión de conflictos x
Participación de los estudiantes x
Asamblea de padres de familia x
Participación de padres de familia x
Promedio 2.5
Prevención Programas de atención a riesgos psicosociales x
Programas de atención a riesgos físicos X
Programas de seguridad x
Promedio 2.0
Permanencia e inclusión
Atenciones a poblaciones con necesidades especiales x
Necesidades y expectativas de los estudiantes x
Proyecto de vida x
Seguimiento a egresados. x
Promedio 2.125
Proyección a la comunidad
Oferta de servicio a la comunidad x
Escuela de padres x
Uso de la planta física y los medios x
Servicio Social. x
Promedio 2.5
87
Promedio general 2.1375
FUNDACIÓN UNIVERSITARIA DEL ÁREA ANDINA
ESPECIALIZACIÓN EN INFORMÁTICA Y TELEMÁTICA
Encuesta para el : “Diseño e implementación del sitio web de la Institución Educativa Vicente Roig y Villalba de Fonseca – La Guajira, para mejorar el proceso de comunicación de la comunidad, utilizando, utilizando Dreamweaver y Flash”.
Aplicado a __________________ (Padres de familia, administrativos, docentes, Alumnos y ex alumnos)
(Conteste o marque con una x)
Nombres ________________________________________
Sexo: Masculino _____ Femenino ______ Edad: ____________
1. Sabe si la Institución Educativa Vicente Roig y Villalba cuenta con una pagina Web o un sitio Web
Si _____ No___ No Responde ____
2. Si la Institución Educativa Vicente Roig y Villalba contara con una página o sitio Web que le gustaría encontrar en ella.
a) Proyectos ____b) Deportes ____c) Cultura ____d) Contenidos y logros académicos ____e) Fotografías ____f) Símbolos ___g) Reconocimientos y distinciones ____
La parte administrativa y financiera ____ h) Otros ______________________________________________________________
3. Conoce usted a través de qué medio se divulga el acontecer de la Institución Educativa Vicente Roig y Villalba
a) Tablero mural ____b) Sala de profesores ____c) Carteleras ____
d) Radio _____e) Comunicados escritos ____f) Información verbal ______
88
g) Otros _____
Observaciones: ______________________________________________________________________________________________________________________________________________________________________
ANEXO D FICHA TÉCNICA OBJETIVO N° 1: DISEÑAR
Diseñar un sitio web para mejorar los procesos académicos y administrativos
de la comunidad utilizando Dreamweaver - flash
Actividades Responsable(s) Fecha de ejecución
Diseño del Sitio WebNov – Jul 2009
Autores Jul 2009
Prueba y ajustes del Sitio WebJul - Agosto 1 -09
AutoresAgosto 1 -09
Elaboración manual de instalación Jul 18 -2009 Autores Jul 18 -2009
Elaboración manual del usuario No aplica Autores J
Capacitación de usuarios No aplica ---- No aplica
ANEXO E FICHA TÉCNICA OBJETIVO N° 2: PROGRAMAR
Programar el sitio web para mejorar los procesos académicos y administrativos
de la comunidad utilizando Dreamweaver - flash
Actividades Responsable(s) Fecha de ejecución
Programar el sitio Web Nov – Jul 2009
Autores Jul 2009
Prueba y ajustes del sitio Web Agosto 1 -09 AutoresAgosto 1 -09
Elaboración manual de instalación Jul 18 -2009 Autores Jul 18 -2009
89
Elaboración manual del usuario No aplica Autores
Capacitación de usuarios No aplica ---- No aplica
ANEXO F FICHA TÉCNICA OBJETIVO N° 3: IMPLEMENTAR
Implementar un sitio web para mejorar los procesos académicos y administrativos de
la comunidad utilizando Dreamweaver - flash
Actividades Responsable(s) Fecha de ejecución
Implementar el sitio Web Jul 2009 Autores Jul 2009
Prueba y ajustes del sitio Web Agosto -09 AutoresAgosto 1 -09
Elaboración manual de instalación Jul 18 -2009
AutoresJul 18 -2009
Elaboración manual del usuario No aplica Autores
Capacitación de usuarios No aplica ---- No aplica
90