1. 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 MANARE
MODALIDAD DE INFORMÁTICA Y MANTENIMIENTO DE COMPUTADORES
PAZ DE ARIPORO (CASANARE)
GRADO ONCE
2013

2. 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 MANARE
MODALIDAD DE INFORMÁTICA Y MANTENIMIENTO DE COMPUTADORES
PAZ DE ARIPORO (CASANARE)
GRADO ONCE
2013

3. 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………………………………………..

4. 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.

5. 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.

6. 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?.

7. 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.

8. 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.

9. 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.

10. 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.
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.
La mitad de las personas conocen, la utilidad que tiene el sitio web,
por consiguiente es necesario seguir con el proceso de mantenerla
actualizada.
0
10
20
SI NO
19
1
N°depersonas
¿Tiene acceso a un computador una vez
a la semana?
0
5
10
SI NO
10 10
N°depersonas
¿Sabe para que es utilizada la página web
del Instituto Técnico Nuestra Señora de
Manare?

11. Grafica 3. Análisis a la pregunta 3.
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
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.
0
2
4
6
8
10
12
SIEMPRE ALGUNAS VECES POCAS VECES NUNCA
0
2
7
11
personas
¿Alguna vez ha entrado a la pagina web del Instituto
Tecnico Nuestra Señora de Manare?
0
10
20
SI NO
18
2
Ndepersonas
¿Consideras que es importante estar actualizando
constantemente la pagina web del Instituto Tecnico
Nuestra Señora de Manare?

12. Grafica 5. Análisis a la pregunta 5.
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.
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.
0
10
1 1
4 4
10
Ndepersonas
¿Que tipo de informaciòn le pareceria
importante para publicar en la pagina web
del Instituto Tecnico Nuestra Señora de
Manare?
0
10
20
SI NO
18
2
N°depersonas
¿Consideras que la pagina web de la
Institucion, ayuda a mejorar la
comunicaciòn con la comunidad educativa?

13. Grafica 7. Análisis a la pregunta 7.
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.
0
5
10
15
SI NO
14
6
N°depersonas
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
usted .
0
5
10
15
SI A VECES NO
2
7
11
Nªdepersonas
Incentiva a sus compañeros para que indagen
en la pàgina del Instituto Tecnico Nuestra
Señora de Manare

14. 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 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.
0
5
10
15
20
El diseño grafico El montaje Los colores Otro
18
1 1
Nªdepersonas
¿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?
0
2
4
6
8
10
A: 1 B: 2 C: 3 D: 4 E: 5
3
2
4
9
2
Nªdepersonas
Si ha entrado a la pagina web del Instituto Tecnico
Nuestra Señora de Manare , califique de 1-5 el
diseño de la pagina web del Instituto

15. 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.

16. 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

17. 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.

18. ¿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
servidororiginalmente 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

19. 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.