REDISEÑO, DESARROLLO E IMPLEMENTACION DEL EL SITIO WEB DEL
INSTITUTO TECNICO NUESTRA SEÑORA DE MANARE
WWW.COLMANARE.EDU.CO...
REDISEÑO, DESARROLLO E IMPLEMENTACION DEL EL SITIO WEB DEL
INSTITUTO TECNICO NUESTRA SEÑORA DE MANARE
WWW.COLMANARE.EDU.CO...
TABLA DE CONTENIDO
Pág.
1. INTRODUCCIÓN………………………………………………………………
2. PAGINA WEB INSTITUCIONAL ……………………………………………
2.1 DELIMITA...
1. INTRODUCCIÓN
La página web es un recurso de información, tanto educativa como recreativa.
La información presente, es e...
2. PÁGINA WEB INSTITUCIONAL
Rediseño, desarrollo e implementación del el sitio web del instituto técnico nuestra
señora de...
3. PLANTEAMIENTO DEL PROBLEMA
3.1 DESCRIPCIÓN DEL PROBLEMA O NECESIDAD
Se identificó con la comunidad manarense la necesid...
3.4 SISTEMATIZACIÓN DEL PROBLEMA
La página web del instituto es una herramienta virtual, que nos proporciona
información d...
4 .JUSTIFICACIÓN DEL PROBLEMAO NECESIDAD
El sitio web de la institución nos permite dar a conocer nuestra institución a to...
5. OBJETIVOS
5.1 Objetivo general:
Rediseñar, desarrollar e implementar el sitio web de Instituto Técnico
Nuestra Señora d...
MARCO TEORICO
ANÁLISIS DE LAS ENCUESTAS APLICADAS A LA COMUNIDAD MANARENSE
DEL INSTITUTO TÉCNICO NUESTRA SEÑORA DE MANARE:...
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 q...
Grafica 5. Análisis a la pregunta 5.
En esta pregunta se refleja la importancia de cada una de las actividades
que se real...
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 institu...
La gran parte de lacomunidad educativa no motiva a las personas para que visiten la página, por
eso se ve la necesidad de ...
Para la mayoría de las personas La página web está en un rango alto de calificación y por estas
circunstancias es necesari...
El World Wide Web (WWW) es un sistema que contiene una cantidad de
información casi infinita. Pero esta información debe e...
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 WW...
¿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...
MYSQL
Es un sistema de gestión de bases de datos relacional, multihilo y multiusuario
con más de seis millones de instalac...
Próxima SlideShare
Cargando en…5
×

Proyecto leidy 11

263 visualizaciones

Publicado el

Publicado en: Tecnología
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
263
En SlideShare
0
De insertados
0
Número de insertados
100
Acciones
Compartido
0
Descargas
2
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Proyecto leidy 11

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

×