PROYECTO DE GRADO

PROYECTO DE GRADO

DISEÑO E IMPLEMENTACION DE UN SITIO WEB COMO

PARTE DE LA ESTRATEGIA DE COMUNICACIÓN A

TRAVES DE DREAMWEAVER, EN LA INSTITUCION

EDUCATIVA PARA POBLACIONES ESPECIALES,

SEDE ANTONIO RICAURTE DE SINCELEJO, SUCRE

AUTORES

MARIA LUISA PATERNINA PATERNINA

FELIX ENRIQUE QUIROZ HERNANDEZ

FUNDACIÓN UNIVERSITARIA DEL ÁREA ANDINA

ESPECIALIZACION EN INFORMATICA Y TELEMATICA

ABRIL DE 2008

COROZAL – SUCRE

DISEÑO E IMPLEMENTACION DE UN SITIO WEB COMO PARTE DE LA

ESTRATEGIA DE COMUNICACIÓN A TRAVES DE DREAMWEAVER, EN LA

INSTITUCION EDUCATIVA PARA POBLACIONES ESPECIALES,


AUTORES





ABRIL DE 2008

COROZAL – SUCRE

DISEÑO E IMPLEMENTACION DE UN SITIO WEB COMO PARTE DE LA

ESTRATEGIA DE COMUNICACIÓN A TRAVES DE DREAMWEAVER, EN LA

INSTITUCION EDUCATIVA PARA POBLACIONES ESPECIALES,


AUTORES



TRABAJO DE INVESTIGACION PARA OPTAR EL TITULO DE ESPECIALISTA

EN INFORMATICA Y TELEMATICA

TUTOR:

YONIER HERNANDEZ E.



ABRIL DE 2008

COROZAL – SUCRE

NOTA DE ACEPTACIÓN

___________________________________

___________________________________

___________________________________

__________________________________

Presidente del Jurado

_________________________________

Jurado:

_________________________________

Jurado:

DEDICATORIA

A Dios, por darnos la fortaleza, la sabiduría, el empeño para seguir adelante con nuestro proyecto, que nos conlleva a la meta de superarnos en nuestra labor como docentes y en nuestra vida personal. A nuestra familia por apoyarnos en cada uno de los momentos difíciles que se presentaron en el desarrollo de este proceso.

AGRADECIMIENTOS

Los autores de este proyecto expresan sus agradecimientos: A Dios, por iluminarnos en cada momento. A nuestra familia por su apoyo espiritual, quienes con sacrificio nos dieron su mejor herencia: La educación. A la comunidad educativa de la Sede Antonio Ricaurte, de la Institución Educativa par Poblaciones Especiales, por su participación activa en el proyecto. A la Fundación Universitaria del Área Andina y en especial a sus tutores quienes con su paciencia y sabiduría facilitaron el desarrollo de este proceso.

TABLA DE CONTENIDO

Pág. INTRODUCCIÓN

1. PLANTEAMIENTO DEL PROBLEMA ........................................................... 16

1.1 ANTECEDENTES ................................................................................................ 16 2. JUSTIFICACION ............................................................................................ 19

3. OBJETIVOS ................................................................................................... 21

3.1 OBJETIVO GENERAL ...................................................................................... 21

3.2 OBJETIVOS ESPECIFICOS ............................................................................. 21 4. MARCO REFERENCIAL .............................................................................. 22 4.1 MARCO TEORICO................................................................ ........................18

4.2 MARCO CONCEPTUAL……………………………………………….…………25 4.3 MARCO CONTEXTUAL………………………………………………….………31 4.4 MARCO METODOLOGICO…………………………………………………………..33 4.4.1 DISEÑO……………………………………………………………………… 33

4.4.2 DOCUMENTACIÓN ............................................................................................ 53

RECOMENDACIONES .................................................................................................... 54 CONCLUSIONES .................................................................................................. 55 REFERENCIAS BIBLIOGRAFICAS ..................................................................... 56

LISTA DE TABLAS

Pág.

Tabla 1: Encuesta General ................................................................................................ 37

LISTA DE GRAFICOS

Pág.

Gráfico 1: Encuesta general ………………………………………………………..

35

LISTA DE ANEXOS

Pág.

Anexo 1: Plan de Actividades ........................................................................................ 52 Anexo 2: MATRICES DE GESTIÓN DE OBJETIVOS – Objetivo Especifico 1.............. 54

RESUMEN

Con la creación de este sitio web queremos dar a conocer que la Sede Antonio Ricaurte, anexa a la Institución Educativa para Poblaciones Especiales, del municipio de Sincelejo, Sucre, es un establecimiento educativo que ha contribuido con el desarrollo y superación de los estudiantes matriculados y la comunidad en general. Con nuestra labor diaria impartimos conocimientos y la formación en valores en los educandos, para que estos alcancen una mejor forma de vida, donde se destaque la tolerancia, la comprensión, la justicia, el respeto por las diferencias, el amor, la solidaridad y la ayuda mutua. De la misma manera queremos demostrar que la Sede Antonio Ricaurte a pesar de ser una escuela pequeña contribuye en la formación de nuevos hombres útiles a la sociedad. Este sitio web sirve para mostrar los diferentes eventos culturales, deportivos y pedagógicos que se realizan en la escuela, el recurso humano con que cuenta la institución, docentes que trabajan con empeño para sacar adelante la población estudiantil; de igual modo informar a las personas que navegan por nuestra página sobre las noticias de interés que se dan en la institución. Este proyecto nace de crear un instrumento de información al público en general sobre los eventos que se generan al interior de la institución, dar a conocer sus dependencias y el material humano con que cuenta. Este trabajo fue creado con base en la consulta bibliográfica y de internet, la elaboración de encuestas, tabulación y análisis de datos. Para ello se utilizaron el programa Macromedia Dreamweaver MX, Windows XP, Flash, como herramienta para su desarrollo. Palabras claves: Sitio web, Institución Educativa, Dreamweaver, Windows XP, Flash.

ABSTRACT. With the elaboration of this place web we want to give to know everybody that the headquarters Antonio Ricaurte, belonging to the Educational Institution for Special Populations , deel municipality of Sincelejo, Sucre,es an educational establishment that it has contributed with the development and the registered students' superation and the community and their surroundings. With our daily work we impart knowledge and the formation in values in the students, so that these they reach a better form of life, where they stands out the tolerance, the understanding, the justice, the respect for the differences, the love, the solidarity and the mutual help. In the same way we want to demonstrate that the headquarters Antonio Ricaurte in spite of being a small school it contributes in the formation of new men useful for the society . This place web is good to show the different events cultural, sport and pedagogic that are carried out in the school, the human resource with which the institution, educational that work with zeal to take out the student population ahead, students of the near neighborhoods, in a same way to inform people that navigate for our it paginates on the news of interest that are given in the institution. This project is born of creating an instrument of information to the public in general on the events that are generated to the interior of the institution, to give to know their dependences, the human material with which it counts. This work was created with base in the bibliographical consultations and of internet, the elaboration of surveys, tabulation and analysis. For it you they used the program Macromedia Dreamweaver MX, Windows XP, Flash, as tool for their development Key words: I siege web, Educational Institution, Dreamweaver MX, Windows XP, Flash.

INTRODUCCION La aplicación de las tecnologías de la información y de la comunicación al proceso educativo se convierte en una pieza clave y necesaria en la formación de las nuevas generaciones. Su importancia social y el lugar preferente que ocupan ya en la vida de toda la comunidad educativa, hace que deban estar presentes en las Instituciones educativas, de modo que se adquieran los conocimientos y habilidades necesarias para abordar con garantía de éxito su utilización en los entornos institucionales. Estas tecnologías van aumentando progresivamente su importancia en los modos de acceder al conocimiento, en el intercambio de la información en el proceso de gestión y en la metodología de los procesos de enseñanza y aprendizaje y se deben utilizar como un instrumento con finalidades diversas: comunicativas, informativas, e instructivas. Este trabajo plantea el diseño e implementación de un sitio web para la sede Antonio Ricaurte (Institución Educativa para Poblaciones Especiales). Dado que la utilización de un sitio web, en una institución educativa es una herramienta que comporta la obtención de la máxima rentabilidad de cuantos recursos personales y tecnológicos tenga, o pueda alcanzar la Institución, y su eficacia dependerá de una aplicación planificada y selectiva de dichos recursos.

1. PLANTEAMIENTO DEL PROBLEMA

1.1 ANTECEDENTES

Desde el año 2002 la Institución Educativa para Poblaciones Especiales, Sede Antonio Ricaurte ha divulgado su información a la comunidad educativa a través de notas que los docentes envían a los padres de familia, con carteleras informativas en el periódico mural o realizando reuniones de padres de familia. Actualmente esta Institución cuenta con servicio de internet en la sede principal y ha mejorado su sistema de información y comunicación con la comunidad utilizando la tecnología, pero éste servicio no se ha proyectado a sus subsedes, por tanto la sede Antonio Ricaurte no cuenta con ningún servicio de información con la comunidad, diferente a los tradicionales citados anteriormente. Aprovechando el momento actual en que se está gestionando el programa “Sincelejo Digital”, con el cual muchas Instituciones y en especial la Sede Antonio Ricaurte, se están dotando de tecnología para la información y la comunicación, nuestra escuela contará con este sitio web, para lograr así ponerse en sintonía con la era de la tecnología y acorde con las necesidades informativas actuales, lo cual se reflejará en su desarrollo institucional. En nuestro proyecto de investigación sobre sitios Web en las instituciones que se encuentran en el municipio de Sincelejo, en la actualidad las que tienen un sitio Web son: Santa Rosa de Lima: www.inesrol.101.4+.com Normal Superior: www.enormal.sincelejo.com.co Altair de la Sabana.

http://www.enormal.sincelejo.com.co/

www.altair.edu.co Estos sitios Web permiten difundir las acciones pedagógicas realizadas y todo lo concerniente a la labor que vienen realizando las instituciones educativas.

1.2 DESCRIPCION DEL PROBLEMA

A pesar de que el mundo se mueve actualmente a través de la tecnología, la Sede Antonio Ricaurte de la Institución Educativa para Poblaciones Especiales, no cuenta con un sitio web que le permita satisfacer las necesidades comunicativas de su población escolar.

La creación de un sitio Web en la Sede Antonio Ricaurte reviste gran importancia, ya que la implementación de éste, permite a los educandos que hagan uso de los conocimientos que le son propios, pudiendo así aprender nuevas alternativas de relaciones, como dar a conocer el equipo de docentes y administrativos, las dependencias, los proyectos de aula y pedagógicos que se realizan, compartir experiencias significativas, en fin; todo ese bagaje de acciones que abarca el P.E.I. de la institución. Como también, las innovaciones tecnológicas les proporcionan canales nuevos de comunicación e inmensas fuentes de información que difunden modelos de comportamiento social, actitudes, valores, formas de organización, etc.

Hemos pasado de una situación donde la información era un bien escaso a otra en donde la información es tremendamente abundante, incluso excesiva. Vivimos inmersos en la llamada sociedad de la información.

El nuevo orden informático se ha convertido en motor del cambio social. La economía y la cultura se ha globalizado. En la sociedad que emerge de la era digital el conocimiento y la información adquieren un valor creciente. Los trabajadores del conocimiento empiezan a dominar el mercado laboral. Los incrementos de productividad de las organizaciones se basan en la mejora del saber, en la innovación permanente del conocimiento aplicado utilizando tecnologías, cada vez más potentes. Así, el capital intelectual se convierte en el nuevo activo para la riqueza de las organizaciones y la gestión de ese conocimiento en una de sus actividades fundamentales. Por lo tanto, la

http://www.altair.edu.co/

población estudiantil y la comunidad en general, no pueden quedar relegadas de las nuevas tecnologías. Por lo anterior, el “Libro blanco sobre la educación y formación” (Comisión Europea, 1995)1 afirma que la sociedad del futuro será una sociedad del conocimiento y que, en dicha sociedad, la educación y formación serán, más que nunca, los principales vectores de identificación, pertenencia y promoción social. A través de la educación y la formación, adquiridas en el sistema educativo institucional, en la empresa, o de una manera más informal, los individuos serán dueños de su destino y garantizará su desarrollo. La cultura de los pueblos determinará su nivel económico.

Partiendo de esta realidad se ha realizado este trabajo, que trata de poner a los estudiantes de la Sede Antonio Ricaurte de la Institución Educativa para Poblaciones Especiales a la altura y necesidades del mundo actual. Dado que al no contar con estos adelantos tecnológicos va quedando descontextualizada con relación a las nuevas tecnologías de la información y la comunicación.

1.3 FORMULACION DEL PROBLEMA. ¿Cómo diseñar e implementar un sitio web a través de Dreamweaver MX 2004 que sirva como parte de la estrategia de comunicación en la Institución Educativa Para Poblaciones Especiales, Sede Antonio Ricaurte de Sincelejo, Sucre?

1 Comisión Europea. (1.995). Libro Blanco. Pág. 243 - 244

2. JUSTIFICACION

En los últimos años, el hombre se ha preocupado por el desarrollo de nuevos adelantos tecnológicos y científicos, los cuales ha incorporado a su cultura. Es por eso que los docentes de la Sede Antonio Ricaurte, como agentes de cambio en una sociedad competitiva, no pueden permanecer indiferentes a la revolución tecnológica. Por tal motivo, es razonable que desde el quehacer administrativo surja la necesidad de crear una estrategia que permita a la institución posicionarse como una entidad que ejerce su acción atendiendo siempre la búsqueda constante de la calidad de vida de su comunidad en cumplimiento de su misión, y buscando cada día horizontes más altos establecidos por su visión y que implique el uso de las herramientas necesarias para alcanzar sus logros. Particularmente la Institución como prestadora del servicio educativo debe favorecer la comunicación entre los miembros de la comunidad educativa y establecer un sistema administrativo que le permita brindar un servicio de calidad en el menor tiempo posible y con el menor esfuerzo del recurso utilizado; por eso , si se es capaz de brindar soluciones de calidad en forma eficiente a los usuarios y mantener un nivel de vida adecuado a los servidores de la institución se cumplirá la premisa institucional: “En la búsqueda constante de la calidad”. Para este logro se hace necesario el uso de herramientas tecnológicas que la ciencia pone a su alcance y que puede adoptar y transformar atendiendo las directrices de diseño de la teoría de la dirección estratégica y de las tendencias de las escuelas inteligentes y así usar un sitio web en varios campos de la administración de la institución con el fin de satisfacer las necesidades y que cumpla con las expectativas, intereses y ambientes de lo usuarios. Por cuanto las estrategias administrativas implementadas en un sitio web dan la posibilidad de manejar grandes volúmenes de información y organizarla de tal manera que el acceso a ella sea más rápido; y por otro lado, brinda la oportunidad de comunicarse en tiempo real o en forma asincrónica generando canales de comunicación que sin su uso no estaban presentes; se hace necesario el diseño de un sitio web en la Sede Antonio Ricaurte de la Institución Educativa para Poblaciones Especiales, lo cual

ayudaría a ser más eficientes, facilitaría el acceso rápido y fácil a la información necesaria ampliaría su población estudiantil ofreciendo más y mejores servicios educativos.

3. OBJETIVOS

3.1 OBJETIVO GENERAL

Elaborar un sitio web como parte de la estrategia de comunicación en la Institución Educativa Para Poblaciones Especiales, Sede Antonio Ricaurte, a través de Dreamweaver MX 2004

3.2 OBJETIVOS ESPECIFICOS

Pre diseñar un sitio web que sirva como parte de la comunicación de la Sede Antonio Ricaurte de Sincelejo – Sucre.

Programar en Dreamweaver MX 2004 el sitio Web de la Sede Antonio Ricaurte de Sincelejo- Sucre.

Instalar el sitio en la Web de la Sede Antonio Ricaurte de Sincelejo - Sucre .

4. MARCO REFERENCIAL

4.1 MARCO TEORICO

Un sitio Web tiene la misión esencial de vincular los visitantes con el vasto mundo de la información de un modo agradable y eficiente. Los contenidos sin un formato normalizado en el web y las facilidades que brinda la hipermedia permiten además de acceder a la información de un modo entretenido, satisfacer los requerimientos y gustos de los más disímiles usuarios.

Ante el cúmulo de información en diversos formatos que introduce el WWW se hace necesario atender al diseño informacional de cualquier página o sitio. A menudo, se menosprecian normas simples para la realización de interfaces como el correcto del lenguaje; la necesaria correspondencia semántica entre titulares y contenidos, así entre íconos y textos. Estas y otras transgresiones a un diseño correcto producen ambigüedades en la información que ofrece un sitio y generalmente obedecen a la carencia de un estudio previo y unos criterios apropiados para una organización y presentación ajustada a las necesidades de información y comunicación de sus usuarios potenciales.

El correcto diseño de un sitio web transita por una serie de etapas:2

- Análisis de la información que presentará el web. - Búsqueda y organización. - Diseño informacional del sitio (diseño gráfico). - Elaboración de la interfaz. - Publicación del sitio en Internet. - Supervisión de la información mostrada por el sitio (por el webmaster).

En el diseño de sitios web confluyen conocimientos procedentes de diversas disciplinas como las ciencias de la información y la comunicación, el diseño

2 Guerra, A. Y Ronda León, R. (1999) La importancia del diseño en la web. Extraído el 24/02/08

Desde fuente http://www.itson.mx/dii/jgaxiola/artículos/diseño_web.html

informacional y la cibernética, así como potentes editores web: Lotus World Pro, Microsoft Front Page, Netscape Comunicator, Macromedia Dreamweaver, etcétera.

El Diseño de información: Actividad que se centra en el desarrollo de métodos para producir información digital, dirigida al usuario/lector, cuyo soporte es el documento digital propiamente dicho, en el marco de una estructura determinada.

Comprende el diseño, creación y producción de información digital dirigida al usuario final. Se basa esencialmente en la experimentación y en la adquisición de conocimientos mediante la práctica. La interactividad es un componente fundamental en el diseño de información. Los documentos digitales son más dinámicos, activos y prácticos que los documentos tradicionales que tienden a ser estáticos.

Además el Producto de información digital La información y el conocimiento se obtienen de la investigación y la experiencia. Para recogerlos, es necesario plasmarlos en un documento que es digital cuando el soporte es electrónico. Un producto de información digital es una recopilación, clasificación y registro de la información electrónica sobre un tema determinado en un soporte magnético. La creación de productos con información electrónica como resultado de la aplicación de un diseño de información, es parte de aplicar una metodología, cuyo objetivo es establecer una estructura que facilite su consulta por parte del usuario/lector.

La Arquitectura de información. Contempla la organización de la información desde una perspectiva amplia. Incluye tanto a la estructura propuesta para el contenido como a los mecanismos necesarios para conocer y explorar dicha estructura en su presentación visual. Aunque existen diferentes propuestas de arquitectura, cualquiera que se utilice, abarca:

La organización de la información. El sistema de navegación. El sistema de etiquetado de contenido. El sistema de búsqueda y recuperación.

La creación de una arquitectura de información específica se soporta en los estudios de usuarios y las técnicas de prototipado.

Estas no emplean el producto final para la experimentación, sino un prototipo con ciertas características en virtud de las cuales se someterán los métodos a aplicar en una dirección concreta como herramientas claves para su desarrollo.

El objetivo final de la arquitectura de información de un sitio web es organizar la información de forma coherente. Ello proporcionará a los usuarios un acceso rápido y fácil a la información necesaria. De una arquitectura correcta depende, en gran medida, el buen funcionamiento de un sitio y su utilidad.

El diseño de los sitios web es un tema objeto de tratamiento frecuente en la literatura especializada, como resultado del crecimiento espectacular experimentado por estos durante la última década. Existen múltiples normas, recomendaciones y requerimientos con estos fines: 3

Subordinar el diseño y la programación del web al control del usuario, a sus requerimientos organizativos y sus niveles cognoscitivos. Las herramientas que debe utilizar el usuario deben ser sencillas y fáciles de manejar (imágenes estáticas y animadas, iconos, vínculos, etc.).

Tratar de lograr un todo armónico entre el fondo de las páginas y el contenido que se muestra. Si hay muchos textos y es preciso usar un tamaño de fuente pequeño, se deberá contrastar con el fondo para aumentar su legibilidad.

Crear un índice en la página inicial que guíe al navegante y muestre el contenido esencial del sitio en cuestión.

Estudiar el espaciado, el tamaño de fuente y el interlineado, muy importantes para la comprensión de los textos y la estética de la página. Los títulos, subtítulos y encabezados pueden utilizarse para enfatizar algo o dar un toque de color o de alegría.

Desarrollar ilustraciones en correspondencia con el contenido de la página.

Utilizar correctamente los colores, pues su abuso puede producir estados de ánimo y emociones indeseables, que vayan desde el

3 Asociación de Empresarios de Nerja.(1.995). Consejos para diseñar nuestro web.Extraido el 20 -02- 08 .De la

fuente http. www.Anerja_ org/news/ Enero 08 Boletin_DE_ DICIEMBRE_ 2007_repe.pdf.pag 8 – 11.

aburrimiento en el mejor de los casos, hasta que los visitantes se marchen del sitio.

Emplear sólo los gráficos animados necesarios para no abarrotar la página web, cansar a los navegantes o demorar el acceso.

Pero, disponer de información de interés y definir los contenidos que se expondrán es el primer paso para construir un sistema de información eficiente.

Las consideraciones esenciales sobre un sitio web giran, cada vez más, en torno a su facilidad de uso, claridad y funcionabilidad ante el creciente volumen de información disponible en la red.

La facilidad de uso de un sitio, creado para un grupo de usuarios específicos, se logra sólo si se cumple el siguiente principio: "cualquier proceso de diseño debe comenzar con la definición de sus requisitos, y estos sólo pueden obtenerse de los usuarios reales". La facilidad de uso de un sitio depende de:4

La capacidad de aprendizaje: es el tiempo y esfuerzo requerido para que un usuario alcance un determinado nivel de ejecución en un sistema determinado.

El rendimiento: comprende la velocidad de ejecución de las tareas, así como del número y el tipo de errores cometidos por el usuario en su realización.

La flexibilidad: es la capacidad del sistema para trabajar con diferentes regímenes en función del nivel de experiencia del usuario.

La efectividad: es el grado de exactitud con que el sistema completa las tareas y cumple los objetivos para los que se diseñó.

La eficiencia: se refiere al número de pasos que el usuario debe completar, para el cumplimiento de una tarea.

La satisfacción: incluye las medidas del confort, aceptabilidad y actitud positiva generada por el servicio del sistema.

4 Estrella Cabrera, A.(1.997). Repensar la Usability Disponible. Extraido 22 – 02-08 De la fuente

http.//www.quiber.com/articulos/txtart7.htm.Acceso:4 Febrero 2003.

Para su aplicación concreta a la evaluación de sitios web, estos factores se convierten en indicadores específicos, como la jerarquización de la información, la velocidad de descarga, la navegabilidad, etcétera.

La facilidad de uso es un aspecto clave al momento de evaluar el diseño de un sitio web. La creatividad, simplicidad y elegancia del diseño y arquitectura informacional de un web contribuyen decisivamente a satisfacer las expectativas de sus visitantes. Por ello, los principales objetivos al momento del uso, son:

Rapidez: Las páginas deben descargarse rápidamente. Navegabilidad: Con una estructura clara y coherente del espacio web

que facilite su exploración. Funcionabilidad: Se deben destacar los elementos de interacción con

los usuarios, retroalimentación, bien para recoger sus opiniones o para ofrecerles servicios personales.

Eficiencia: Los espacios web deben diseñarse para satisfacer las expectativas de los navegantes de modo que permanezcan en el sitio y repitan sus visitas.

En la valoración del uso, se debe incluir el análisis de los visitantes, se deben analizar las páginas más utilizadas por ellos, etcétera. Estos brindan información valiosa para mejorar el web.

Si un sitio web no se construye a partir de las necesidades de sus usuarios potenciales y no se diseña con las facilidades necesarias, el visitante no puede encontrar información relevante y entonces lo abandonará.

Los usuarios siempre demandan sitios web simples, rápidos y fáciles de utilizar. La facilidad de uso y la funcionalidad de los sitios web es esencial para su supervivencia. En este contexto, se estudia la interacción entre el usuario y la interfaz, se intenta maximizar sus resultados, a partir del análisis de los problemas que aparecen mientras el usuario navega por el sitio y se buscan soluciones de rediseño del sitio para mejorar su funcionalidad.

Desde el punto de vista informacional, un sitio web debe ser una unidad de sentido que funcione de acuerdo con dos principios o lógicas centrales.

Uno, referido a la coherencia interna y la diferenciación externa, otro, al cierre informacional.

El primero implica que los usuarios o lectores de un sitio web deben a predecir, al consultar sus páginas, cierta consistencia en ellas y una

relación entre todas que constituyen una unidad sin contradicciones, es decir, con sentido.

Se denomina metafóricamente "navegación" al proceso de lectura e interpretación "guiada" mediante significantes visuales, sonoros, etc, organizados de acuerdo con los objetivos del sitio y de comunicación con sus receptores.

La diferenciación externa, por su parte, establece que un web debe confeccionarse con el menor ruido posible. En la medida que crece la información, puede también crecer el ruido. La información entonces, debe ser lo más homogénea posible.

El cierre informacional es una propuesta de acotamiento, limitación o restricción del conjunto de posibilidades de relación o vínculo de un sitio web específico.

La posibilidad teórica de conexiones infinitas resulta contradictoria con la aspiración de que todo sitio web se constituya en un nodo, por lo que su evaluación se debe hacer más desde el punto de vista de "cierre" que de " apertura". Ello genera que la información se disemine y comunique de forma correcta.

Los elementos de un sitio web pueden clasificarse en: 5

Materiales: textos, elementos multimedia (imágenes, sonido, video...) y enlaces (internos de página, externos, etc.).

Lógicos: sistema de navegación, entorno audiovisual de las páginas, actividades e interacciones.

El web, además, tiene sus códigos específicos que son:

El lenguaje HTML, que permite desarrollar las páginas y la forma concreta en que se organiza, presenta y significa la información.

La página web íntegra en sí misma, que abarca sus propios medios de comunicación: texto, audio e imagen (fija o en movimiento), cuya combinación suele llamarse multimedia.

5 Gómez Hernández, J. A. (2000).Orientaciones didácticas para la mejora de la alfabetización

informacional Extraído el 24/02/08 Desde fuente http://www.un.es/gtiweb/jgomez/hei/intranet/tema1y2.pdf

En la realización del sitio web, es necesario tener presente que todo cuanto se emplea en él (barras de navegación, gráficas, colores, enlaces hipertextuales y hasta la propia organización y colocación de cada recurso) se transforma en signo o símbolo de comunicación, en parte de su código.

El diseño supone crear, imaginar la página, definir cómo va a ser, identificar los elementos con que se construirá: documentos, fotografías, referencias, audio, etcétera.

Los web deben presentar suficiente flexibilidad para adaptarse a los distintos tipos de usuarios. Ellos se deben y se pueden someter a rediseños, con el objetivo de adecuarlos a las características y condiciones de sus usuarios. Rediseñar no significa conseguir sitios perfectos sino perfeccionados. Las mejoras serán siempre bien recibidas, y en ella el uso es un indicador fiel de la aceptación/rechazo de las mejoras.

Un buen diseño gráfico se fundamenta principalmente en el diseño de la información, el diseño de la arquitectura visual, la creación de la experiencia interactiva y la ingeniería del uso. El diseño gráfico debe servir como soporte y someterse a estos aspectos. Nunca debe suceder lo contrario.

Algunas diferencias entre diseño gráfico y el diseño web, son:6

Los sitios web no sólo se diseñan, sino que se construyen con el objetivo de satisfacer las necesidades de información de los usuarios. Esto sólo es posible con una adecuada arquitectura web, que une todas las piezas. Por lo tanto, el arquitecto del web, debe considerar múltiples aspectos: presentación, diseño, navegación, interactividad, estructura, flujo transaccional, información, etcétera.

En los web, es muy común el uso de los colores y estos tienen una función muy importante, porque así como ayudan a embellecer una página web, pueden distraer a un usuario y hacer que abandone la página como tal o el sitio.

Los sitios web deben ser lo suficientemente versátiles como para ser agradables a toda la audiencia, para cumplir con sus expectativas, intereses y ambientes. No importa la ubicación del usuario, siempre debe poder acceder al sitio y conectarse.

Sitio Web 2.0: un sitio donde los usuarios son los responsables de mantener la aplicación viva, usando tecnologías de última generación: pikeo, flickr

6 López Quesada, JA. (2002). Consejos para diseñar nuestro web.Extraido 24 – 02 -08 de la fuente

http:/www.conganat.org/9°congreso/trabajo.asp?id_trabajo=702&tipo=2 6 de Feb. 2003.

Dreamweaver: Es un editor WYSIWYG de páginas Web, creadas por Adobe (anteriormente por Macromedia). Es el programa de este tipo más utilizado en el sector del diseño y la programación Web, por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide Web Consortium. Su principal competidor es Microsoft Expression Web. Tiene soporte tanto para edición de imágenes como para animación a través de su integración con otras herramientas. Hasta la versión MX, fue duramente criticado por su escaso soporte de los estándares de la Web, ya que el código que generaba era con frecuencia sólo válido para Internet Explorer, y no validaba como HTML estándar. Esto se ha ido corrigiendo en las versiones recientes. Se vende como parte de la suite Adobe Creative Suite 3. La gran baza de este editor sobre otros es su gran poder de ampliación y personalización del mismo, puesto que este programa, sus rutinas (como la de insertar un hipervínculo, una imagen o añadir un comportamiento) están hechas en Javascript-C lo que le ofrece una gran flexibilidad en estas materias. Esto hace que los archivos del programa no sean instrucciones de C++ sino, rutinas de Javascript que hace que sea un programa muy fluido, que todo ello hace, que programadores y editores Web hagan extensiones para su programa y lo ponga a su gusto. Las versiones originales de la aplicación se utilizaban como simples editores WYSIWYG, sin embargo, versiones más recientes soportan otras tecnologías Web como CSS, JavaScript y algunos frameworks del lado servidor. Dreamweaver ha tenido un gran éxito desde finales de los 90 y actualmente mantiene el 90% del mercado de editores HTML. Esta aplicación está disponible tanto para la plataforma MAC como Windows, aunque también se puede ejecutar en plataformas basadas en UNIX utilizando emuladores como Wine. Como editor WYSIWYG que es, Dreamweaver oculta el código HTML de cara al usuario, haciendo posible que alguien no entendido pueda crear páginas y sitios Web fácilmente.

4.2 MARCO CONCEPTUAL. En pleno siglo XXI la informática y la telemática ha generado a nivel mundial una tendencia que facilita, organiza, agiliza y actualiza, e informa , la manera como se ejecutan las actividades en los diferentes campos de la labor

educativa, cultural, política, económica y social entre otras, utilizando como medio de comunicación para vender, producir o utilizar determinado producto. La tecnología y la puesta del internet, han sido un aporte significativo para el desarrollo de la humanidad en general, como es el caso de la obtención de información en un tiempo record, conocer diferentes partes del mundo sin estar presentes. Por tal razón hombres y mujeres, instituciones, empresas, organizaciones, entre otras, desean tener su sitio en la web, para brindar información, de su trabajo, ofrecer sus servicios a través de la misma a las diferentes comunidades del mundo. El sitio Web de la Sede Antonio Ricaurte, está estructurado en 13 módulos, el primer módulo contiene página principal, en donde se muestran animación flash con imágenes y el nombre de la institución, animación flash con el escudo de la institución, animación flash con la bienvenida al sitio Web, imágenes alusivas a la institución y links externos y textos. El segundo módulo corresponde a la misión – visión de la institución en el cual encontramos textos, imágenes y animaciones. El tercer módulo historia de la institución, en la cual se hace una breve reseña histórica de la escuela, esta diseñada en textos, animaciones e imágenes. El cuarto módulo corresponde a los símbolos de la institución, el cual está diseñado con textos, imágenes y animaciones. El quinto módulo corresponde a las dependencias que tiene la sede, información que se presenta con textos, imágenes y animaciones. El sexto módulo corresponde a los recursos humanos con que cuenta la sede, diseñada en textos, imágenes y animaciones. El séptimo módulo corresponde al coordinador, diseñado en texto, imágenes y animaciones. El octavo módulo corresponde al personal docente de la escuela, encontramos textos, imágenes animaciones. En el noveno módulo encontramos a los estudiantes de la sede, diseñado en textos, imágenes y animaciones. El décimo módulo corresponde a los representantes del consejo estudiantil diseñado en texto imágenes y animaciones.

El décimo primer módulo corresponde al celador de la escuela, diseñado en textos, imágenes y animaciones. El décimo segundo módulo corresponde a los eventos que se realizan en la institución, diseñado con textos, imágenes y animaciones. El décimo tercero corresponde a la galería de fotos, diseñado con textos, imágenes y animaciones. El diseño del proyecto se encuentra soportado por el enfoque pedagógico y filosófico que se encuentra enmarcado dentro del PEI de la institución. Enfoque pedagógico La incorporación de la tecnología, a la vida social del ser humano supone su implementación y adecuación por parte de la misma persona en vincularse y actualizarse en los nuevos diseños para lograr nuevos ambientes de aprendizajes y comunicación, para motivar el papel que desempeñan los estudiantes y romper con los modelos tradicionales de formación.

Son los planteamientos teórico-prácticos y metodológicos que orienta el quehacer pedagógico de la institución. El proceso enseñanza-aprendizaje está orientado hacia una pedagogía activa piagetiana y vigotskiana ajustada al desarrollo e intereses de los educandos y padres que promuevan las experiencias físicas y sociales, la reflexión y la reelaboración y construcción creativa, que le permitan al alumno asimilar la realidad física, cultural con la cual le toque interactuar sin desconocer las condiciones y calidad de vida de los educandos.

El enfoque gira alrededor del aprendizaje del educando dentro del enfoque de la pedagogía activa “aprender haciendo” y el desarrollo de sus potencialidades y destrezas de acuerdo a sus posibilidades, con el fin de lograr su formación integral para su integración social y laboral a través de la implementación de programas, talleres, proyectos extracurriculares, etc.; y la acción educativa de docentes como dinamizadores y asesores del proceso educativo que acompañarán a los alumnos en las diferentes actividades con la participación de los padres de familia. Se requiere entonces, de ambientes de aprendizajes; abiertos y flexibles, con el uso de recursos didácticos en los procesos pedagógicos, para convertir herramientas tecnológicas en escenarios que permitan a los estudiantes interactuar con su contexto sociocultural, y desarrollar de forma autodidacta

proyectos que demanden la transformación y construcción de modelos que estructuren nuevas formas de pensar y ver el mundo. Enfoque filosófico Es el que constituye los procesos utilizados por la sociedad para moldear a su imagen las nuevas generaciones, teniendo en cuenta al hombre como ser cultural, histórico y social.

La Institución Educativa Para Poblaciones Especiales, Sede Antonio Ricaurte, no es ajena a ésta fundamento, busca en sus educandos la oportunidad de desarrollar las potencialidades que le permitan integrarse a la sociedad como hombres y mujeres útiles a ellas, en un sentido crítico y participativo, enfatizando ideas, valores, normas, respeto, responsabilidad, honestidad y sentimientos de acuerdo a sus experiencias, aceptando y respetando diferencias para adaptarse así al medio en el cual se desenvuelve.

No hay que desconocer que una de las formas para lograr el proceso educativo es el de INFORMAR (Herramienta multimedia) La mayoría de estos materiales, a través de sus actividades, presentan unos contenidos que proporcionan información, estructuradora de la realidad, a los estudiantes padres de familia, docentes y comunidad en general.

Para el diseño del sitio web de la Sede Antonio Ricaurte se utilizó ell color verde como fondo, porque es el color representativo de la la institución. Como por ejemplo: la bandera, el escudo y la sudadera de deporte, entre otros. Aparecen a manera de muestra la presentación de cuatro guiones: guion 1 interface principal, guiones 2, 3 y 4 interfaces de páginas secundarias. Aunque pertenecemos a la Institución Educativa Para Poblaciones Especiales, la Sede Antonio Ricaurte no tiene dentro su población estudiantil niños con limitaciones físicas. Con el diseño y elaboración del sitio Web de la Institución Educativa Para Poblaciones Especiales, Sede Antonio Ricaurte, podemos definir como términos más importantes los siguientes: Educación especial.

Conjunto de recursos pedagógicos y terapéuticos dispuestos como servicio de apoyo para que el niño pueda acceder a un sistema educativo regular. Discapacidad Es toda restricción o ausencia de la capacidad de realizar una actividad en la forma o dentro del margen que se considera normal para un ser humano. Institución. Organismo que desempeña una función de interés pública, especialmente benéfica o docente. Comunidad Educativa. Son todos los entes de la comunidad que tienen relación directa con la institución educativa. Los padres de los estudiantes, los estudiantes, los docentes, son las personas con vínculos directos con la institución. Los unos como actores principales del proceso (estudiantes), los otros como guía del proceso, (los profesores), y quienes sostienen a los estudiantes y a la misma institución, (los padres de familia). Todos ellos velan porque el proceso educacional se encamine hacia la excelencia.

Ancho de Banda: La cantidad de información que se puede enviar a través de una conexión. Se mide normalmente en bits por segundo (bps).

Animación (informática), creación de la ilusión de movimiento al visionar una sucesión de imágenes fijas generadas por ordenador.

Correo Electrónico: E-mail. Los mensajes, normalmente en forma de texto, enviados de una persona a otra a través del computador.

Enlace: Link. Conexión a otro documento Web, por medio de la dirección URL. Los enlaces aparecen en el texto de un documento Web en forma de texto subrayado y de distinto color. Permiten al usuario presionar el botón del ratón sobre dicho texto y automáticamente saltar a otro documento, o a otro servidor, o enlazar a otra parte del mismo documento.

Hiperenlace, en informática, una referencia de un documento a otro, o de un lugar a otro dentro de un mismo documento. Los hiperenlaces o hipervínculos se suelen representar mediante una palabra, una frase corta o una imagen, de tal manera que, al hacer clic sobre ellos, se abre el documento al que hacen referencia o se muestra el otro punto del documento con el que están vinculados.

Hipertexto, en informática, método de presentación de la información que permite hacer una lectura no secuencial de la misma. Trata de emular el modo en que el cerebro humano almacena y recupera la información, por medio de asociación de ideas, y no en el orden en el que los sucesos ocurrieron.

Internet: La gran colección de redes interconectadas que usan protocolo TCP/IP y que evolucionó de Arpanet a Internet.

Marquesina: Sector de una página Web que muestra un mensaje de texto que se desplaza horizontalmente.

Motor de búsqueda, programa que busca determinada información o archivos en Internet, en base a los criterios que usted le indica. Multimedia, en informática, forma de presentar información que emplea una combinación de texto, sonido, imágenes, animación y vídeo.

Página Web: Cualquier documento que se puede ver en el Web. Un sitio Web consta de una o varias páginas.

Red: Net.Grupo de computadores y otros dispositivos periféricos conectados unos a otros para comunicarse y transmitir datos entre ellos.

Servidor (informática), computadora conectada a una red que pone sus recursos a disposición del resto de los integrantes de la red. Suele utilizarse para mantener datos centralizados o para gestionar recursos compartidos.

CURRÍCULO Conjunto de actividades, criterios, planes de estudio, programas metodologías y procesos, que intencional y consensualmente se programan para cumplir con los objetivos de la educación contemplados en la Ley 115 y el PEI de la institución de tal manera que de respuestas educativas, de acuerdo a las necesidades especiales de los estudiantes y lograr su formación integral.

LOGROS

Son los avances que consideran deseables, valiosos, necesarios, buenos en los procesos de desarrollo de los alumnos. Comprenden los conocimientos, habilidades, comportamientos, actitudes y demás capacidades que deben

alcanzar los alumnos en un nivel o grado en un área determinada en su proceso de formación.

COMPETENCIAS

Son las señales, indicios, síntomas, los signos de que el alumno (a) sabe o conoce algo, sabe hacer, realiza algo o es capaz de algo. Son los medios para constatar hasta donde o en qué preparación se alcanza el estándar propuesto o esperado.

EVALUACIÓN

Desde el punto de vista educativo, evaluación es la acción permanente por medio de la cual se busca apreciar, estimar y emitir juicios sobre los procesos de desarrollo del alumno o sobre los procesos pedagógicos o administrativos así como sus resultados con que elevar y mantener la calidad de los mismos. Como parte esencial del proceso pedagógico busca mejorar los procesos y resultados de la institución, son objeto principal de evaluación en la institución: Logros de loso alumnos en cuanto a su proceso de formación y los factores asociados a los mismos.

- El proceso curricular - El desempeño profesional de los docentes y directivos docentes.

4.3 MARCO CONTEXTUAL.

Ubicación Geodemográfica.

Razón social: Institución Educativa Para Poblaciones Especiales. Sede : Antonio Ricaurte. Dirección: Carrera 29 Número 19 – 34 Barrio : Dulce Nombre Teléfono: 274 98 00 Sincelejo, Sucre, Carácter : mixto. Naturaleza : oficial. Calendario : A Jornadas: Matinal y vespertina Modalidad educación formal ( niveles preescolar y primaria) Población a la que atiende : 150 alumnos. Reseña histórica de la Sede Antonio Ricaurte. El origen de la Sede Educativa Antonio Ricaurte de la Institución Educativa para Poblaciones Especiales, se remonta al año 1.956 cuando vecinos del barrio El Bosque recibieron la donación y construcción de dos aulas, por parte del señor Horacio Castañeda. Los habitantes del sector que habían llegado procedentes del corregimiento de Ricaurte (hoy Colosó y Chalán) interesados en brindarle un mejor futuro a sus hijos, se preocuparon por hacer gestiones para tener una escuela en dicha comunidad. A esas aulas se trasladó una escuelita que funcionaba en el barrio la Palma, en una casa alquilada llamada “Escuela San Roque”; pero su razón social fue cambiada por “Escuela Antonio Ricaurte”, en honor al pueblo de donde eran oriundos los habitantes de aquel entonces, de los cuales algunos aún viven. En el año 2.003 mediante decreto No. 008 del 8 de enero del mismo año y atendiendo a las políticas educativas de reorganización, Ley 715 del 2001, la escuela pasa a ser Sede de la Institución Educativa para Poblaciones Especiales, bajo la dirección de la Especialista MIRIAM MERCADO PACHECO en calidad de Rectora.

- Objetivo General de la Institución.

Favorecer la formación integral de los estudiantes respetando sus diferencias, permitiendo el desarrollo de sus habilidades y/o potencialidades a través de acciones pedagógicas y terapéuticas coordinadas con los

recursos humanos, materiales y tecnológicos existentes, de tal manera que todos los alumnos (con o sin limitaciones o necesidades educativas especiales), se conviertan en personas útiles, críticas, analíticas o independientes y sean constructores de paz en la comunidad a la cual pertenecen.

- Visión.

El INPES pretende en un término de 5 años, con recursos humanos, físicos tecnológicos y económicos suficientes y adecuados; convertirse en una institución educativa con tecnología de punta que ofrezca a los estudiantes educación básica y media técnica con calidad y equidad, educación para el trabajo y el desarrollo humano como alternativa para los estudiantes que por su discapacidad no puedan alcanzar los logros, y ser promovidos en la educación formal.

- Misión.

La formación de ciudadanos con una visión humanista y pluralista, basada en valores como el respeto por la diferencia, el amor, la tolerancia, la justicia, solidaridad y cooperación; mediante una educación inclusiva con calidad para la convivencia pacifica y la democracia, capaces de enfrentar los retos tecnológicos, laborales, políticos y económicos en el contexto local, nacional e internacional.

- Objetivo General del PEI.

Adecuar la institución educativa para la integración, mediante el análisis y concertación de los PEI de las escuelas Antonio Ricaurte, Paraíso-Puerta roja y La Libertad, de tal manera que permita una educación de calidad e impulse el desarrollo de potencialidades, competencias y habilidades para el logro de una formación integral de todos los estudiantes y puedan convertirse en personas útiles, críticas, tolerantes, analíticas, lideres en desarrollo de sus comunidades y constructores de paz.

RECURSOS

ECONOMICOS: Gastos del proyecto. TECNOLOGICOS: Computador, Internet, Cámara digital, escáner.

HUMANOS: Cada una de las personas que participaron en éste proyecto. (Estudiantes, profesores, padres de familiar, tutores, gestores, etc.) OTROS: Folletos, enciclopedias, papel, lápiz, revistas. 4.4 MARCO METODOLOGICO 4.4.1 DISEÑO En el diseño de las diferentes páginas que conforman el sitio Web se tuvo en cuenta la utilización de colores que definen nuestro contexto escolar , como es el verde, que es el color de la bandera de la institución, es símbolo de la esperanza de nuestros estudiantes, de nuestros campos; el azul representa la ciénaga fuente de trabajo y sustento de nuestro pueblo y el amarillo que es símbolo de riqueza y grandeza, colores vivos y atractivos para los cibernautas. Igualmente el diseño se basa en un sitio intuitivo y fácil de manejar por los diferentes usuarios.

Análisis estadístico.

Al finalizar la aplicación de las encuestas, la información se analizó en términos porcentuales mediante el uso de cuadros, relacionando las preguntas seleccionadas con las respuestas de los cinco grupos seleccionados. Se presenta en forma gráfica para una mejor comprensión de los resultados. Encuesta con entrevista estructurada: con el propósito de recolectar la información requerida para la solución del problema objeto de la investigación fue aplicada a las personas seleccionadas por la muestra, la cual consta de 4 preguntas cerradas (ver anexos)

Análisis De La Información:

Al finalizar la aplicación de las encuestas, la información se analizó en términos porcentuales mediante el uso de cuadros, relacionando las preguntas seleccionadas con las respuestas de los cinco grupos seleccionados. Se presenta en forma gráfica para una mejor comprensión de los resultados. Encuesta con entrevista estructurada: con el propósito de recolectar la información requerida para la solución del problema objeto de la

investigación fue aplicada a las personas seleccionadas por la muestra, la cual consta de 4 preguntas cerradas (ver anexos).

La investigación que se desarrolla en este trabajo es explicativa, puesto que a través de ella se determina una necesidad especifica de una determinada población, y desarrolla un proceso de diseño de un tecnofacto que contribuya a dar solución o suplir la necesidad de información que tiene la comunidad educativa de la Sede Antonio Ricaurte de la Institución Educativa para Poblaciones Especiales.

En la Investigación se analizaron algunas características de las necesidades informativas propias de la población objeto de estudio, definiendo la muestra con la cual trabaja. Tabla 1 Encuesta general.

Nª PREGUNTAS

SI NO TOTAL

DE

MUESTRA F % F %

1. ¿Se le dificulta conseguir información de la Sede Antonio Ricaurte de la Institución

Educativa para Poblaciones Especiales, en forma directa o específica?

65 54% 55 31% 120

2. ¿Le agradaría más conseguir información de la institución utilizando la tecnología?

68 57% 52 37% 120

3. ¿Considera que usted aportaría mucho más como miembro de la comunidad educativa, si tuviera acceso directo a la información

de la institución?

62 52% 58 30% 120

4. ¿Considera fundamental para el posicionamiento de Institución Educativa

64 53% 56 32% 120

Gráfica 1. Encuesta general. A la pregunta1: ¿Se le dificulta conseguir información de la Sede Antonio Ricaurte de la Institución Educativa para Poblaciones Especiales, en forma directa o específica? El 54% respondió que si, el 31 % respondió que no. A la pregunta 2: ¿Le agradaría mas conseguir información de la institución utilizando la tecnología? El 57% respondió que si, mientras que el 37% respondió que no. A la pregunta 3: ¿Considera que usted aportaría mucho más como miembro de la comunidad educativa, si tuviera acceso directo a la información de la institución? El 52% respondieron que si, mientras que el 30 % respondió que no. A la pregunta 4. ¿Considera fundamental para el posicionamiento de la institución educativa que ésta entre a ser parte de la Web? El 53 % respondieron que si, mientras que el 32% respondió que no.

Encuesta realizada para el diagnostico para la

implemetnación del sitio Web de la Sede Antonio Ricaurte.

Total encuestados 120, equivalente al 46,8%

54 5

7

52 53

31

37

30 32

0

10

20

30

40

50

60

P1 P2 P3 P4

Preguntas

Si_%

No_%

que ésta entre a ser parte de la Web?

TÉCNICA DE RECOLECCIÓN DE LA INFORMACIÓN

Para la obtención de la información se aplicó una encuesta a la muestra determinada. La encuesta se diseño con un tipo de preguntas cerradas para mayor facilidad a su aplicación y con un máximo de 4 preguntas. Para la recolección de la información se procedió de la siguiente manera: Se seleccionó al azar 6 docentes que laboran en la institución, 75 alumnos entre los grados 3º, 4º y 5º, y 39 padres de familias, es decir, el 46.8% de toda la comunidad educativa. Al terminar la aplicación de la encuesta, el análisis de la información se realizó en términos porcentuales mediante la utilización de una tabla, haciendo una relación de las preguntas seleccionadas con las respuestas de la comunidad encuestada. Se presenta en forma de gráfica de barras para su mejor comprensión de los resultados obtenidos.

ENCUESTA

FUNDACION UNIVERSITARIA DEL AREA ANDINA

ESPECIALIZACION EN INFORMATICA Y TELEMATICA PROYECTO DE INVESTIGACION

DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB EN DREAMWEAVER COMO ESTRATEGIA DE COMUNICACIÓN DE LA INSTITUCION EDUCATIVA PARA POBLACIONES ESPECIALES SEDE ANTONIO RICAURTEDE SINCELEJO -

SUCRE Fecha: ____________________________________________________________ Nombre: __________________________________________________________ Según su situación responda a los criterios: SI - NO

INTERROGANTES 1. ¿Se le dificulta conseguir información de la Sede Antonio Ricaurte de la Institución Educativa para Poblaciones Especiales, en forma directa o específica? 2. ¿Le agradaría más conseguir información de la institución utilizando la tecnología? 3. ¿Considera que usted aportaría mucho más como miembro de la comunidad educativa, si tuviera acceso directo a la información de la institución? 4. ¿Considera fundamental para el posicionamiento de Institución Educativa que ésta entre a ser parte de la web?. FICHA TECNICA. Propósito. Al realizar la encuesta los autores del proyecto tenían como propósito indagar en los encuestados sobre el conocimiento y reconocimiento de la Institución Educativa Para Poblaciones Especiales, Sede Antonio Ricaurte de la ciudad de Sincelejo - Sucre y de los adelantos tecnológicos. Objetivos.

a) Inspeccionar el conocimiento tecnológico de los encuestados. a) Detectar cuanto sabe la comunidad educativa de la Sede Antonio

Ricaurte del municipio de Sincelejo sobre las actividades internas que realiza la Institución Educativa.

Margen de error El margen de error es del 2% POBLACIÓN Y MUESTRA: Población: La población de esta investigación corresponde a la comunidad educativa de la sede Antonio Ricaurte municipio de Sincelejo tomados al azar, encuestando estudiantes, docentes, padres de familia. Muestra: En una muestra aleatoria, por conveniencia y de acuerdo a las recomendaciones establecidas para dar resultados representativos, se aplicó la encuesta a un 40% de la población de los padres de familia, un 50 % de los estudiantes y un 100% de los docentes y coordinador académico, es decir 120 encuestados. Fecha de aplicación: Septiembre de 2007 De lo anterior expuesto se puede deducir que la Sede Antonio Ricaurte de la Institución Educativa para poblaciones Especiales si amerita el diseño de un sitio web, que llene las expectativas que la comunidad educativa necesita para tener acceso a la información que le permita estar sintonizada con ella, con sus servicios, debilidades, fortalezas y necesidades. Este sitio web estaría articulado con los objetivos institucionales, la misión y la visión en procura de alcanzar los logros propuestos para buscar la calidad educativa.

OBJETIVOS DE DISEÑO

Técnico

Dotar a la Sede Antonio Ricaurte de un sitio Web por medio del programa Dreamweaver y flash, utilizando sus recursos en el manejo de imágenes, textos y vínculos para dar a conocer las diferentes actividades internas que se desarrollan en ella, su planta física y la planta de personal con que cuenta y así pueda intercambiar vivencias y experiencias con otras instituciones.

Objetivo Pedagógico.

Diseñar el sitio Web de la Institución Educativa Para Poblaciones Especiales, Sede Antonio Ricaurte para la difusión de las diversas actividades, contribuyendo de esta manera a la formación integral de la persona.

EVIDENCIAS DEL DISEÑO

MAPA DE CONTENIDO

Texto Imagen Animación

INDEX

Autores

Misión - Visión

Historia

Recursos Humanos

Dependencias

Galería

Eventos

Vínculos Externos

Símbolos

Imagen ampliada

Coordinador Docentes Consejo Estudiantil Estudiantes Celador

MAPA DE NAVEGACIÓN

INDEX Autores

Misión - Visión

Historia

Recursos Humanos

Dependencias

Galería

Eventos

Vínculos Externos

Símbolos

Imagen ampliada

Coordinador

Docentes

Estudiantes

Celador

Consejo Est.

DISEÑO DE INTERFACES Y GUIÓN A manera de ejemplo se presentan cuatro interfaces

GUION Nº 1 - INTERFASE PRINCIPAL

ESTADO COMPONENTES ELEMENTOS DE NAVEGACIÓN EVENTOS

Aparece la pantalla principal, en donde se muestran: Animación Flash con imágenes y el nombre de la institución. Animación Flash con el escudo de la institución. Animación Flash con la bienvenida al sitio Web. Imágenes alusivas a la institución y links externos.

La pantalla es visible activa. Interacción: El usuario puede realizar una acción presionando clic sobre los botones: Misión – Visión, Historia, Símbolos, Dependencias, Recursos humanos, Eventos Culturales, Proyectos, Galería, Autores, Mapa del sitio y sobre las imágenes Ministerio de Educación, SENA, Colombia Aprende, Insor, Inci.

1. Botones (Misión – Visión, Historia, Símbolos, Dependencias, Recursos humanos, Eventos Culturales, Proyectos, Galería, Autores, Mapa del sitio): En espera de que el usuario presione clic sobre el botón correspondiente

2. Animación Flash Banner: No activo, muestra el título del sitio Web. 3. Animación Flash con el escudo de la institución: No activo, muestra

el escudo de la institución 4. Animación Flash Bienvenida: No activo, muestra mensaje de

bienvenida al sitio Web. 5. Imágenes: No activas, muestra diferentes eventos de la institución. 6. Imagen Ministerio de Educación: Con vínculo al Website del

Ministerio de Educación, en espera que el usuario presione clic. 7. Imagen SENA: Con vínculo al Website del Sistema Nacional de

Aprendizaje, en espera que el usuario presione clic 8. Imagen Colombia aprende: Con vínculo al sitio Web Colombia

Aprende, en espera que el usuario presione clic 9. Imagen INSOR: Con vínculo al sitio Web Instituto Nacional para

Sordos, en espera que el usuario presione clic 10. Imagen INCI: Con vínculo al sitio Web Instituto Nacional

Colombiano para Invidentes, en espera que el usuario presione clic

Por usuario: El usuario deberá dar clic sobre los botones: Misión – Visión, Historia, Símbolos, Dependencias, Recursos humanos, Eventos Culturales, Proyectos, Galería, Autores, Mapa del sitio y sobre las imágenes Ministerio de Educación, SENA, Colombia Aprende, Insor, Inci. Por tiempo: Ninguno. Por regla de validación: Ninguno.

2

1

3

4 5 6

7

8

9 10

GUION Nº 2 - INTERFASE PÁGINAS SECUNDARIAS


Aparece la pantalla correspondiente a una pagina secundaria, en donde se muestran: Animación Flash con imágenes y el nombre de la institución. Animación Flash con el escudo de la institución. Animación Flash con la bienvenida al sitio Web. Imágenes alusivas a la institución y links externos.

La pantalla es visible activa. Interacción: El usuario puede realizar una acción presionando clic sobre los botones: Misión – Visión, Historia, Símbolos, Dependencias, Recursos humanos, Eventos Culturales, Proyectos, Galería, Autores, Mapa del sitio, Página Principal y sobre las imágenes Ministerio de Educación, SENA, Colombia Aprende, Insor, Inci.

1. Botones (Misión – Visión, Historia, Símbolos, Dependencias, Recursos humanos, Eventos Culturales, Proyectos, Galería, Autores, Mapa del sitio, Página Principal): En espera de que el usuario presione clic sobre el botón correspondiente

2. Animación Flash Banner: No activo, muestra el título del sitio Web.

3. Animación Flash con el escudo de la institución: No activo, muestra el escudo de la institución

4. Animación Flash Mensaje: No activo, muestra mensaje representativo de la página.

5. Imágenes: No activas, muestra diferentes eventos de la institución.

6. Imagen Ministerio de Educación: Con vínculo al Website del Ministerio de Educación, en espera que el usuario presione clic.

7. Imagen SENA: Con vínculo al Website del Sistema Nacional de Aprendizaje, en espera que el usuario presione clic

8. Imagen Colombia aprende: Con vínculo al sitio Web Colombia Aprende, en espera que el usuario presione clic

9. Imagen INSOR: Con vínculo al sitio Web Instituto Nacional para Sordos, en espera que el usuario presione clic

10. Imagen INCI: Con vínculo al sitio Web Instituto Nacional Colombiano para Invidentes, en espera que el usuario presione

Por usuario: El usuario deberá dar clic sobre los botones: Misión – Visión, Historia, Símbolos, Dependencias, Recursos humanos, Eventos Culturales, Proyectos, Galería, Autores, Mapa del sitio, Página Principal y sobre las imágenes Ministerio de Educación, SENA, Colombia Aprende, Insor, Inci. Por tiempo: Ninguno. Por regla de validación: Ninguno.

2

1

3

4

5 6

7

8 9

10

clic

GUION Nº 3 - INTERFASE PÁGINAS SECUNDARIAS


Aparece la pantalla correspondiente a una pagina secundaria, en donde se muestran: Animación Flash con imágenes y el nombre de la institución. Animación Flash con el escudo de la institución. Animación Flash con la bienvenida al sitio Web. Textos con enlaces a páginas secundarias Imágenes alusivas a

La pantalla es visible activa. Interacción: El usuario puede realizar una acción presionando clic sobre los botones: Misión – Visión, Historia, Símbolos, Dependencias, Recursos humanos, Eventos Culturales, Proyectos, Galería, Autores, Mapa del sitio, Página Principal, sobre los textos Coordinador, Docentes, Estudiantes, Consejo Estudiantil, Celador.

1. Botones (Misión – Visión, Historia, Símbolos, Dependencias, Recursos humanos, Eventos Culturales, Proyectos, Galería, Autores, Mapa del sitio, Página Principal): En espera de que el usuario presione clic sobre el botón correspondiente.

2. Textos con vínculos: Coordinador, Docentes, Estudiantes, Consejo Estudiantil, Celador





Por usuario: El usuario deberá dar clic sobre los botones: Misión – Visión, Historia, Símbolos, Dependencias, Recursos humanos, Eventos Culturales, Proyectos, Galería, Autores, Mapa del sitio, Página Principal, y sobre los textos Coordinador, Docentes, Estudiantes, Consejo Estudiantil. Por tiempo: Ninguno. Por regla de validación: Ninguno.

2

1

3 4

5

6

la institución.

GUION Nº 4 - INTERFASE PÁGINA SECUNDARIA


Aparece la pantalla correspondiente a una pagina secundaria, en donde se muestran: Animación Flash con imágenes y el nombre de la institución. Animación Flash con el escudo de la institución. Animación Flash con la bienvenida al sitio Web.

La pantalla es visible activa. Interacción: El usuario puede realizar una acción presionando clic sobre los botones: Misión – Visión, Historia, Símbolos, Dependencias, Recursos humanos, Eventos Culturales, Proyectos, Galería, Autores, Mapa del sitio, Página

1. Botones (Misión – Visión, Historia, Símbolos, Dependencias, Recursos humanos, Eventos Culturales, Proyectos, Galería, Autores, Mapa del sitio, Página Principal): En espera de que el usuario presione clic sobre el botón correspondiente

2. Imágenes en Miniatura: Imágenes diferentes eventos de la institución. En espera de que el usuario presione clic sobre ellas.





7. Imagen Ministerio de Educación: Con vínculo al Website del

Por usuario: El usuario deberá dar clic sobre los botones: Misión – Visión, Historia, Símbolos, Dependencias, Recursos humanos, Eventos Culturales, Proyectos, Galería, Autores, Mapa del sitio, Página Principal, sobre cada una de las imágenes en miniatura y sobre las imágenes Ministerio de

2

5

3 4

1

6

7

8

9

10

11

Imágenes en miniatura diferentes eventos de la institución. Imágenes alusivas a la institución y links externos.

Principal y sobre las imágenes en miniatura, además de Ministerio de Educación, SENA, Colombia Aprende, Insor, Inci.

Ministerio de Educación, en espera que el usuario presione clic. 8. Imagen SENA: Con vínculo al Website del Sistema Nacional de

Aprendizaje, en espera que el usuario presione clic 9. Imagen Colombia aprende: Con vínculo al sitio Web Colombia

Aprende, en espera que el usuario presione clic 10. Imagen INSOR: Con vínculo al sitio Web Instituto Nacional para

Sordos, en espera que el usuario presione clic 11. Imagen INCI: Con vínculo al sitio Web Instituto Nacional

Colombiano para Invidentes, en espera que el usuario presione clic

Educación, SENA, Colombia Aprende, Insor, Inci. Por tiempo: Ninguno. Por regla de validación: Ninguno.

4.4.2 DOCUMENTACIÓN

Manual Técnico ó de Instalación

Para el desarrollo del sitio Web, fue utilizado HTML (hipertext markup language) versión 6.0 que es un lenguaje demarcado, utilizado para realizar sitios Web. Estas están regidas por el protocolo de navegación WWW o World Wide Web que se encarga de la transferencia de datos vía Internet. Este sitio Web no tiene restricciones con ninguna pantalla para el video, pero es recomendable que utilicé una que sea de 1024 x 768 píxeles, la cual le permitirá apreciar el sitio Web de la mejor forma posible. Este sitio, posee algunos componentes realizados en PDF por lo cual se le recomienda tener instalado el gestor de PDF preferiblemente la versión 6.0. REQUERIMIENTOS MINIMOS DEL SISTEMA Pentium MMX 266 Mhz 32 MB RAM Tarjeta de video de 2MB Windows 98/Me/2000/XP u otro

RECOMENDACIONES

El grupo investigador le recomienda muy respetuosamente a los directivos docentes de la Institución Educativa Para Poblaciones Especiales , aportar un rubro en su presupuesto anual para la publicación de manera permanente del sitio Web de la Sede Antonio Ricaurte en la red como un medio de difusión que facilite a la Sede mostrar todas las actividades desarrolladas en ella durante el año escolar.

Así mismo, invitar a los estudiantes y a la comunidad en general para que visiten el sitio Web y llenen las expectativas e intereses con la información necesaria. La Dirección del sitio debe incluirse en todos los formatos de hoja impresa y correos electrónicos con el fin de darlo a conocer a más usuarios

CONCLUSIONES

Los investigadores del presente proyecto expresan de manera satisfactoria su complacencia por la culminación del diseño de un sitio Web en dreamweaver y flash para la Sede Antonio Ricaurte, de la Institución Educativa para Poblaciones Especiales de la ciudad de Sincelejo, con el fin de facilitar la comunicación e información institucional en la comunidad educativa.

De ahora en adelante se podrá contar con un medio de información utilizando tecnología de punta (uso del internet), como también establecer comunicación con otras instituciones a nivel local, regional, nacional e internacional.

El grupo investigador logró afianzar en la práctica los conocimientos impartidos por la Fundación Universitaria del Área Andina. Los cuales se verán reflejados en el Sitio Web de la Sede Antonio Ricaurte de la Institución Educativa Para Poblaciones Especiales.

REFERENCIAS BIBLIOGRAFICAS

1. Guerra A, Ronda León R. La importancia del diseño en el web. Disponible en:http://www.itson.mx/dii/igaxiola/articulos/diseñoweb.html 2. Asociación de Empresarios de Nerja. Consejos para diseñar nuestro web. Disponible en: http://www.webpopulis.com/aen/tutoriales/internet/w_design.htm 3. Estrella Cabrera A. Repensar la Usability. Disponible en: http://www.quiber.com/articulos/articulos/txtart7.htm.

4. Arabito J. Observatorio de la sociedad de la información: De la catedral al libro, y del libro al Bazar de las Redes. Las nuevas tecnologías de la información y la comunicación en la transformación social y cultural de principio del milenio. Disponible en: http://www.tierralibredigital.com.ar./obv_soc_info_nota13.htm 5. Gómez Hernández JA. La alfabetización informacional como servicio de las bibliotecas. Abril 2002. Acceso: 04/02/03. [286 pantallas]. Disponible en: http://216.239.51.100/search?q=cache:xiGSasFdkAsC:www.abgra.org.ar/rnb36/jgomezalfin.ppt%20+%20dise%C3%B1o%20+%20informacional&h/=es&lr=lang_es&ie=UTF-8

6. Gómez Hernández JA. Prácticas y experiencias de alfabetización informacional en universidades españolas. Disponible en: http://216.239.39.100/search?q=cache:SmoyEQp_DKQC:www.um.es/fccd/jagh/alfaunivercaceres.PDF+dise%C3%B1o+AND+informacional&hl=es&lr=lang_es&ie=UTF-8

7. López Quesada JA. Consejos para diseñar nuestro web. Disponible en: http://www.vdigitalrm.com/ConsejosWeb.htm

8. Gullikson S, Blades R, Bragdon M, McKibbon S, Sparting M, Toms EG. The impact of information architecture on academic web site usability. Disponible en: http://dois.mimas.ac.uk/DoIS/data/Articles/julfpcatty:1999:v:17:i:5:p:293-306.html

9. Gómez Hernández JA. Orientaciones didácticas para la mejora de la alfabetización informacional. Disponible en: http://216.239.39.100/search?q=cache:GAFxXzxV9ZYC:gti1.edu.um.es:8080/jgomez/hei/intranet/tema1y2.pdf+dise%C3%B1o+AND+informacional&hl=es&lr=lang_es&ie=UTF-8

10. Piscitelli A. Alfabetización tecnológica. Del pensamiento en línea al pensamiento en superficie

ANEXOS

PLAN DE ACTIVIDADADES Anexo 1: Plan de Actividades Nº ACTIVIDADES OBJETIVO FECHA RECURSOS RESPONSABLES EVALUACION

1 Elaboración

de encuesta

Diseñar

formato de

la encuesta

Sep.

03 07

Humanos

Papel

Computador

Félix Quiroz

María Luisa

Paternina

Estructuración

de la encuesta

al personal

seleccionado.

2 Aplicación de

encuesta

para

recolección

de datos

Aplicar la

encuesta

Sep.

07 -07

Humanos

Papel

Lápiz

Fotocopiador

a

Félix Quiroz

María Luisa

Paternina

Diligenciamient

o de la encuesta

al 46.8% de la

población de la

comunidad

educativa.

3 Análisis,

interpretación

y tabulación

de encuestas

Realizar el

análisis

respectivo

de las

encuestas

aplicadas

Sep.

12 07

Humanos

Papel

Lápiz

Félix Quiroz

María Luisa

Paternina

Obtención de

conocimientos

previos

4 Representaci

ón gráfica de

los

resultados

obtenidos en

las encuestas

Representar

gráficament

e la

información

de los

resultados

obtenidos

en el

análisis de

las

encuestas

Sep.

14 07

Humanos

Papel

Lápiz

Computador

Regla

Félix Quiroz

María Luisa

Paternina

Elaboración

gráfica de cada

ítem de los

resultados

obtenidos de la

encuesta que se

aplicó.

5 Toma de

fotos

Adquirir

evidencias

para

anexarlas al

sitio Web

institucional

Oct.

07

Feb.

14 -08

Marzo

08

Félix Quiroz

María Luisa

Paternina

Tomar las fotos

respectivas a

los elementos,

objetos y

recursos

humanos

6

Selección del

material

fotográfico

Clasificar

las

fotografías

Marzo

03 - 08

Humanos

Fotografías

Félix Quiroz

María Luisa

Paternina

Selección de las

imágenes que

irán en el sitio

Web.

7 Digitación de

textos

Digitar la

información

correspondi

ente al

trabajo

Sep.

08

Marzo

08.

Humanos

Computador

Félix Quiroz

María Luisa

Paternina

Transcripción

de textos

correspondiente

s a la parte

escrita del

proyecto.

8 Elaboración

del mapa de

contenido

Elaborar el

mapa de

contenido

del sitio

Web

Marzo

25- 08

Humanos

Computador

Félix Quiroz

María Luisa

Paternina

Estructuración

del mapa de

contenido del

sitio Web.

9 Diseño del

sitio Web

Diseñar

todo lo

relacionado

al sitio Web

Marzo

28-08

Abril

02-08

Humanos

Computador

Félix Quiroz

María Luisa

Paternina

Delineamiento

del sitio Web.

1

0

Prueba y

alojamiento

del sitio Web

Realizar las

pruebas

respectivas

y necesarias

Mayo

2008

Humanos

Computadore

s

Félix Quiroz

María Luisa

Paternina

Utilización de

varios equipos

para observar la

funcionalidad

del sitio Web.

FICHA TECNICA

MATRICES DE GESTIÓN DE OBJETIVOS

Objetivo especifico 1.

Pre diseñar un sitio Web como estrategia de comunicación de la Institución

Educativa para Poblaciones Especiales Sede Antonio Ricaurte de Sincelejo

Sucre.

Anexo 2: MATRICES DE GESTIÓN DE OBJETIVOS – Objetivo Especifico 1

Actividad Responsable Recursos Tiempo Resultados Indicador de

evaluación

Encuesta Félix Quiroz

María Luisa

Paternina

PC, papel,

lápices,

porta papel

Sep. 03

07

- Encuestar el

46.8% de la

comunidad

educativa de la

Institución

educativa Para

Poblaciones

Especiales,

Sede Antonio

Ricaurte de

Sincelejo

Sucre para

determinar sus

conocimientos

sobre Sitios

Web.

- Detectar en

alumnos,

padres de

familia y

docentes la

importancia de

que la

Institución

Obtener

información

sobre el

46.8% de la

muestra.

educativa Para

Poblaciones

Especiales,

Sede Antonio

Ricaurte de

Sincelejo

Sucre tenga su

sitio Web.

Consecución

de material

para el sitio

Web.

Félix Quiroz

María Luisa

Paternina

Cámara digital,

Fotos, PC, PEI

Oct. 07

Feb. 14 -

08

Marzo 08

Obtener

evidencias que

sirvan para el

sitio Web.

Clasificar

evidencias

para el sitio

Web.

Objetivo especifico 2.

Programar en Dreamweaver MX 2004 el sitio Web de la Institución

Educativa Para Poblaciones Especiales, Sede Antonio Ricaurte de Sincelejo

Sucre.

Anexo 3: MATRICES DE GESTIÓN DE OBJETIVOS – Objetivo Específico 2


evaluación

Diseño del

sitio Web

Félix Quiroz

María Luisa

Paternina

PC, para

manejo de

diagrama de

flujo y

estructura de

datos.

Marzo28-

08

Abril 02-

08

Cronograma

final de la

pagina

Obtener un

esquema

general del

sitio Web.

Análisis del

sitio Web.

Félix Quiroz

María Luisa

Paternina

PC, para

manejo de

análisis de

sistemas.

Prueba de

escritorio.

12- 30-

04-08

Depurar al

máximo los

posibles

errores.

Realizar un

diseño óptimo

que cumpla

con todos los

requerimientos.

Codificación

del sitio

Web.

Félix Quiroz

María Luisa

Paternina

PC,

Macromedia

Dreamweaver.

Flash

01-15-

05-08

Sitio Web

concluido.

Diseñar el sitio

Web con los

elementos y

funciones

necesarias.

Objetivo especifico 3

Instalar el sitio Web de la Institución Educativa Para Poblaciones Especiales,

Sede Antonio Ricaurte de Sincelejo Sucre en la Web.

Anexo 4: MATRICES DE GESTIÓN DE OBJETIVOS – Objetivo Específico 3


evaluación

Dialogar con

el concejo

directivo

Félix Quiroz

María Luisa

Paternina

Sitio Web

institucional

18- 04- 08

12-05-08

Informarle

sobre el

diseño del

sitio Web de

la

Institución

Educativa

Para

Poblaciones

Especiales,

Sede

Antonio

Ricaurte

Lograr que

el concejo

directivo

asigne el

presupuesto

necesario

para la

instalación

del sitio

Web de la

Sede

Antonio

Ricaurte en

la Web.

PROYECTO DE GRADO

Documents

Transcript of PROYECTO DE GRADO