REDISEÑO, DESARROLLO E IMPLEMENTACION DEL EL SITIO WEB DEL INSTITUTO TECNICO NUESTRA SEÑORA DE MANARE

WWW.COLMANARE.EDU.CO

LEIDI JOHANA BARRETO META

INSTITUTO TÉCNICO NUESTRA SEÑORA DE MANAREMODALIDAD DE INFORMÁTICA Y MANTENIMIENTO DE COMPUTADORES

PAZ DE ARIPORO (CASANARE)GRADO ONCE

2013

REDISEÑO, DESARROLLO E IMPLEMENTACION DEL EL SITIO WEB DEL INSTITUTO TECNICO NUESTRA SEÑORA DE MANARE

WWW.COLMANARE.EDU.CO

LEIDI JOHANA BARRETO META

PRESENTADO A CECILIA GÓMEZ GALVIZ

LIC.: TECNOLOGÍA E INFORMÁTICA

INSTITUTO TÉCNICO NUESTRA SEÑORA DE MANAREMODALIDAD DE INFORMÁTICA Y MANTENIMIENTO DE COMPUTADORES

PAZ DE ARIPORO (CASANARE)GRADO ONCE

2013

TABLA DE CONTENIDO

Pág.

1. INTRODUCCIÓN………………………………………………………………2. PAGINA WEB INSTITUCIONAL ……………………………………………

2.1 DELIMITACIÓN DEL TEMA……………………………………………….3. PLANTEAMIENTO DEL PROBLEMA……………………………………….

3.1 DESCRIPCIÓN DEL PROBLEMA O NECESIDAD……………………..3.2 ANTECEDENTES……………………………………………………………3.3 FORMULACION DEL PROBLEMA O NECESIDAD…………………….3.4 SISTEMATIZACION DEL PROBLEMA O NECESIDAD……………….

4. JUSTIFICACION DEL PROBLEMA O NECESIDAD………………………5. OBJECTIVOS………………………………………………………………….

5.1 OBJETIVO GENERAL…………………………………………………….5.2 OBJETIVOS ESPECIFICOS………………………………………………

6. MARCO TEORICO…………………………………………………………… 6.1 ANALISIS DE LAS ENCUESTAS………………………………………..

1. INTRODUCCIÓN

La página web es un recurso de información, tanto educativa como recreativa. La información presente, es el esfuerzo dinámico con enfoque a la evolución de la tecnología.

Con la implementación de la tecnología en la actualidad especialmente la informática aplicada a la educación, es importante el aprovechamiento de esta para el desarrollo y actualización de un material informativo computarizado dirigido a toda la comunidad de paz de ariporo y otros lugares fuera de allí.

Actualización de la página web del Instituto Técnico Nuestra Señora de Manare es el esfuerzo del aprendizaje realizado en el trascurso del ciclo de la educación media, siendo elaborado gracias a la implementación de un lenguaje de programación de alto nivel PHP, con herramientas que estructuran recursos de hipertexto.

2. PÁGINA WEB INSTITUCIONAL

Rediseño, desarrollo e implementación del el sitio web del instituto técnico nuestra señora de manare www.colmanare.edu.co

2.1 DELIMITACIÓN DEL TEMA

La actualización de la página web del Instituto Técnico Nuestra Señora de Manaren se realizara con el objeto de mantener información enfocada en la educación manarense como las actividades deportivas, actividades lúdicas, actividades pedagógicas, videos didácticos, lectura de aprovechamiento en tiempos libres, cronograma institucional, entre otros .

Además agregando animaciones a diferentes informaciones presentes, utilizando un lenguaje de programación avanzado para que se pueda tener mayor viabilidad en su interfaz gráfica. Se pretende hacer una serie de actividades con el ánimo de recopilar información: Deportiva, recreativa. Educativa etc. que se encuentren realizando o halla en el instituto técnico nuestra señora de manare. Contando con la realización de los siguientes aspectos:

Diseñar un nuevo concepto del sitio Diseñar y programar un sitio que permita actuar, administrar y mejorar el

contenido. Implementar o probar el nuevo sitio con una prueba antes de lanzarlo.

3. PLANTEAMIENTO DEL PROBLEMA

3.1 DESCRIPCIÓN DEL PROBLEMA O NECESIDAD

Se identificó con la comunidad manarense la necesidad de la constante actualización de la página web del Instituto Técnico Nuestra Señora de Manare.Para lo cual se aplicó una encuesta a algunos estudiantes de diferentes

grados y a unos profesores del Instituto Técnico Nuestra Señora de Manare.

De esta tesis se analizó que la gran mayoría de la comunidad manarense le parece necesario la actualización y el mantenimiento de la página web del Instituto Técnico Nuestra Señora de Manare. Además se les evaluó el diseño (diseño gráfico, montaje...) y la información (actividades lúdicas, pedagógicas, académicas...) presentes. Ya queson útiles tenerlas en la página web.

3.2. ANTECEDENTES

AUTORAS(ES) TITULO DE PROYECTO AÑO DE ELABORACIÓN

Carlos Zambrano Página Web del Instituto Técnico Nuestra Señor de

Manare

2012

3.3 FORMULACIÓN DEL PROBLEMA

Teniendo encueta la misión, visión y trabajo que se realizo en el año pasado, se ve la necesidad de fortalecer y actualizar la pagina web del Instituto Técnico Nuestra Señora de Manare.En este sentido la pregunta, que orienta el presente documento será ¿Qué aspectos deberá tenerse encueta, a la hora de cambiar y mejorar la pagina web del Instituto Técnico Nuestra Señora de Manare?.

3.4 SISTEMATIZACIÓN DEL PROBLEMA

La página web del instituto es una herramienta virtual, que nos proporciona información de los diferentes sucesos que se presentan en el instituto.Entonces:

¿Crees que con solo actualizar la página web del Instituto Técnico Nuestra Señora de Manare mejorara la presentación del bosquejo?

El diseño es uno de los factores que máscautiva al público por eso sin un diseño impactante son muy pocas las personas que la visitarían.

4 .JUSTIFICACIÓN DEL PROBLEMAO NECESIDAD

El sitio web de la institución nos permite dar a conocer nuestra institución a toda la comunidad paz de ariporeña, en ella podemos mostrar las diferentes actividades realizadas por los diferentes grados.

Este sitio web nos permite mantener a diario una información actualizada de nuestra institución a un bajo costo económico pero que nos trae muchos beneficios.

5. OBJETIVOS

5.1 Objetivo general:

Rediseñar, desarrollar e implementar el sitio web de Instituto Técnico Nuestra Señora de Manare, www.colmanare.edu.co

5.2 Objetivos específicos:

* Análisis y recopilación de información de las actividades realizadas en el Instituto Técnico Nuestra Señora de Manare.

* Diseño gráfico de la interfaz del el sitio web www.colmanare.edu.co de acuerdo a la información recopilada.

*Desarrollo del sitio web teniendo en cuenta la información y los diseños establecidos en los objetivos anteriores.

MARCO TEORICO

ANÁLISIS DE LAS ENCUESTAS APLICADAS A LA COMUNIDAD MANARENSE DEL INSTITUTO TÉCNICO NUESTRA SEÑORA DE MANARE:

Grafica 1. Análisis pregunta 1.

SI NO05

101520

19

1

¿Tiene acceso a un computador una vez a la semana?

N° d

e pe

rson

as

En esta grafica se puede observar que La mayoría de las personas tienen acceso a un computador en el trascurso de la semana, por consiguiente pueden entrar a la página web del instituto e informarse, por lo tanto es necesario continuar actualizándola.

Grafica 2.Análisis pregunta 2.

SI NO02468

10

10 10

¿Sabe para que es utilizada la página web del Instituto Técnico Nuestra Señora de

Manare?

N° d

e pe

rson

as

La mitad de las personas conocen, la utilidad que tiene el sitio web, por consiguiente es necesario seguir con el proceso de mantenerla actualizada.

Grafica 3. Análisis a la pregunta 3.

SIEMPRE ALGUNAS VECES POCAS VECES NUNCA0

2

4

6

8

10

12

0

2

7

11

¿Alguna vez ha entrado a la pagina web del Institu-to Tecnico Nuestra Señora de Manare?

pers

onas

Son muy pocas las personas que entran a l sitio web de la Institución por motivo de que no tiene mucha publicidad, por eso es necesario continuar en la actualización de la información para que sea más llamativa y visible para la comunidad del instituto.

Grafica 4. Análisis a la pregunta 4

SI NO05

101520

18

2

¿Consideras que es importante estar actualizando constantemente la pagina web del Instituto Tecnico

Nuestra Señora de Manare?

N d

e pe

rson

as

La gran mayoría de la comunidad le perece importante que la actualización de la página web institucional se continúe por consiguiente es necesario que el sitio web se mantenga en constante progreso educativo.

Grafica 5. Análisis a la pregunta 5.

0

5

10

1 14 4

10

¿Que tipo de informaciòn le pareceria im-portante para publicar en la pagina web del Instituto Tecnico Nuestra Señora de Mana-

re?

N d

e pe

rson

as

En esta pregunta se refleja la importancia de cada una de las actividades que se realicen en el instituto, por consiguiente es necesario que todas las actividades estén presentes en el sitio web.

Grafica 6. Análisis a la pregunta 6.

SI NO0

5

10

15

20

18

2

¿Consideras que la pagina web de la Ins-titucion, ayuda a mejorar la comunicaciòn

con la comunidad educativa?

N° d

e pe

rson

as

La gran mayoría de las personas consideran que la página web ayuda a mejorar la comunicación con la comunidad manarense, entonces es muy importante que se siga actualizando constantemente la información que se ha mencionado en el sitio web.

Grafica 7. Análisis a la pregunta 7.

SI NO02468

101214

14

6

Si alguna vez ha entrado a la página web del Instituto Tecnico Nuestra Señora de Manare, la imformacion mencionada alli, transmite algo importante para us-

ted .

N° d

e pe

rson

as

En esta pregunta La mayoría de las personas han entrado a la página web de la institución y la información transmite algo importante para ellos, por eso es importante que se siga actualizando la página web del Instituto.

Grafica 8. Análisis a la pregunta 8.

SI A VECES NO02468

1012

2

7

11

Incentiva a sus compañeros para que indagen en la pàgina del Instituto Tecnico Nuestra

Señora de Manare

Nª d

e pe

rson

as

La gran parte de lacomunidad educativa no motiva a las personas para que visiten la página, por eso se ve la necesidad de que haya una mejor calidad para que las demás personas puedan motivarlos para que la observen.

Grafica 9. Análisis a la pregunta 9.

El diseño grafico El montaje Los colores Otro02468

1012141618

18

1 1

¿Que aspectos en el diseño le pareceìa mas impactante en la página web del Instituto

Técnico Nuestra Señora de Manare?

Nª d

e pe

rson

as

El aspecto más significativo para la mayoría de la comunidad es el diseño gráfico, por consiguiente es necesaria la implementación de diferentes aspectos como la edición, la publicación entre otros, para que sobresalga más de lo que se ha establecido.

Grafica 10. Análisis a la pregunta 10.

A: 1 B: 2 C: 3 D: 4 E: 50

2

4

6

8

10

32

4

9

2

Si ha entrado a la pagina web del Instituto Tecnico Nuestra Señora de Manare , califique de 1-5 el di-

seño de la pagina web del Instituto

Nª d

e pe

rson

as

Para la mayoría de las personas La página web está en un rango alto de calificación y por estas circunstancias es necesario que continúe su desarrollo o proceso para que tenga muy buena perspectiva en su perfeccionamiento.

WORLD WIDE WEB

¿QUÉ ES?

Es un sistema de información distribuido basado en hipertexto o hipermedias enlazados y accesibles a través de Internet.

Contiene texto, imágenes, videos u otros contenidos multimedia, y navega a través de ellas usando hiperenlaces.

El World Wide Web (WWW) es un sistema que contiene una cantidad de información casi infinita. Pero esta información debe estar ordenada de alguna forma de manera que sea posible encontrar lo que se busca. La unidad básica donde está almacenada esta información son las páginas Web. Estas páginas se caracterizan por contener texto, imágenes, animaciones... e incluso sonido y video. Una de las características más importantes de las páginas Web es que son hipertexto. Esto quiere decir que las páginas no son elementos aislados, sino que están unidas a otras mediante los links o enlaces hipertexto. Gracias a estos enlaces el navegante de internet puede pulsar sobre un texto (texto al que llamaremos de ahora en adelante activo) de una página para navegar hasta otra página. Será cuestión del programador de la página inicial decidir que palabras o frases serán activas y a donde nos conducirá pulsar sobre ellas. En algunos ambientes se discute que el World Wide Web ya no es un sistema hipertexto sino hipermedia. Los que defienden el cambio se apoyan en que aunque en sus orígenes el WWW constaba únicamente de texto en la actualidad es un sistema principalmente gráfico y se puede hacer que las zonas activas sean, no sólo texto, sino imágenes, videos, botones,... en definitiva cualquier elemento de una página. Aun así, el término original no ha sido reemplazado todavía y por tanto será el empleado a lo largo de esta obra.

¿Qué es HTML? HTML, HyperText Markup Language, es un lenguaje simple utilizado para crear documentos de hipertexto para WWW. No es un lenguaje de descripción de página como PostScript; HTML no permite definir de forma estricta la apariencia deuna página, aunque una utilización algo desviada hace que se utilice en ocasiones como un lenguaje de presentación. Además, la presentación de la página es muy dependiente del browser (o programa navegador) utilizado: el mismo documento no produce el mismo resultado en la pantalla si se visualiza con un browser en modo línea, Mosaic o Netscape, o sea, HTML se limita a describir la

estructura y el contenido de un documento, y no el formato de la página y su apariencia. Una de las claves del éxito de WWW, aparte de lo atractivo de su presentación es sin duda, su organización y coherencia. Todos los documentos WWW comparten un mismo aspecto y una única interfaz, lo que facilita enormemente su manejo por parte de cualquier persona. Esto es posible porque el lenguaje HTML, en que están escritos los documentos, no solo permite establecer hiperenlaces entre diferentes documentos, sino que es un "lenguaje de descripción de página" independiente de la plataforma en que se utilice. Es decir un documento HTML contiene toda la información necesaria sobre su aspecto y su interacción con el usuario, y es luego el browser que utilicemos el responsable de asegurar que el documento tenga un aspecto coherente, independientemente del tipo de estación de trabajo desde donde estemos efectuando la consulta. Su simplicidad es tal que no es necesario utilizar un editor particular. Su gran permisividad exige rigor y atención en la estructura de documentos con el fin de que éstos se visualicen correctamente al margen del contexto y el browser utilizado. Por tanto, como hemos visto, HTML es un lenguaje muy sencillo que nos permite preparar documentos Web insertando en el texto de los mismos una serie de marcas (tags) que controlan los diferentes aspectos de la presentación y comportamiento de sus elementos. Para escribir HTML lo único que se necesita es un editor de texto ASCII, como EDIT del MS-DOS o el Bloc de notas de Windows. Las marcas o tags que controlan el comportamiento del documento son fragmentos de texto encerrados entre los signos "mayor que" y "menor que" (<marca>). Existen diferentes tipos de marcas: algunas controlan simplemente la presentación del texto del documento; otras, la forma en que se incluirán en él imágenes; otras, finalmente, los hiperenlaces con documentos o con diferentes partes del mismo documento. Existen una serie de programas que ayudan en la elaboración de documentos HTML, como HTMLED (shareware) o HTML Assistant, ambos para Windows, pero no son imprescindibles para escribir el código. Lo que si es necesario es un programa cliente WWW, tal como Mosaic, o Netscape, para probar el documento a medida que lo vamos desarrollando.

¿QUE ES PAGINA WEB?

Es el nombre de un documento o información electrónica adaptada para la World Wide Web y que puede ser accedida mediante un navegador .

DREAWEAWER

Es una aplicación en forma de estudio (basada en la forma de estudio de Adobe Flash) que está destinada a la construcción, diseño y edición de sitios, videos y aplicaciones Web basados en estándares.

La gran ventaja de este editor sobre otros es su gran poder de ampliación y personalización del mismo, puesto que en este

programa, sus rutinas (como la de insertar un hipervínculo, una imagen o añadir

un comportamiento) están hechas en JavaScript, lo que le ofrece una gran

flexibilidad en estas materias.

HP

Es un lenguaje de programación de uso general de código del lado del servidor originalmente diseñado para el desarrollo web de contenido dinámico. Fue uno de los primeros lenguajes de programación del lado del servidor que se podían incorporar directamente en el documento HTML en lugar de llamar a un archivo externo que procese los datos.

PHP

MYSQL

 Es un sistema de gestión de bases de datos relacional, multihilo y multiusuario con más de seis millones de instalaciones.1 MySQL AB —desde enero de 2008 una subsidiaria de Sun Microsystems y ésta a su vez de Oracle Corporación desde abril de 2009— desarrolla MySQL como software libre en un esquema de licenciamiento dual.

BASE DE DATOS

Es un conjunto de datos pertenecientes a un mismo contexto y almacenados sistemáticamente para su posterior uso.

Actualmente, y debido al desarrollo tecnológico de campos como la informática y la electrónica, la mayoría de las bases de datos están en formato digital (electrónico), y por ende se ha desarrollado y se ofrece un amplio rango de soluciones al problema del almacenamiento de datos.

Existen programas denominados sistemas gestores de bases de datos, abreviado SGBD, que permiten almacenar y posteriormente acceder a los datos de forma rápida y estructurada. Las propiedades de estos SGBD, así como su utilización y administración, se estudian dentro del ámbito de la informática.

Las aplicaciones más usuales son para la gestión de empresas e instituciones públicas. También son ampliamente utilizadas en entornos científicos con el objeto de almacenar la información experimental.