INFORME FINAL DE TESIS DE PROYECTO PAGINA WEB

CAPITULO I 1. DESCRIPCION DE LA INSTITUCION a. UBICACIÓN • Distrito

: Lamay

• Provincia

: Calca

• Departamento

: Cusco.

• Razón social

: Institución Educativa N° 50162”Chumpe-Poques

• Representante

: Director de la Institución Educativa N° 50162 Prof. Jessica Y. Flores Huamantica

b. NATURALEZA Luego de haber efectuado las indagaciones correspondientes, tanto en fuentes documentales, bibliográficas y entrevistas a personas y autoridades comunales se puede asegurar que el funcionamiento de ésta Institución Educativa se remonta todavía a los años de 1978. La creación y funcionamiento de ésta Institución se da en virtud a la Resolución Departamental-Zonal Nº 0567 de fecha 5 de noviembre del año de 1978. A la fecha viene cumpliendo 27 años de servicio educativo a favor de la población de Chumpe-Poques. Y desde el año 2009 ha ampliado la cobertura del servicio educativo en el nivel secundario mediante la modalidad de Gestión Comunal y Municipal. c. MISION Para el año 2015 aspiramos ser una institución educativa que articula el servicio en los niveles de primaria y secundaria promoviendo la práctica intercultural, la práctica de valores y el desarrollo de capacidades investigativas, productivas, emprendedoras, críticas y asertivas, contando con proyectos productivos y con acceso a los medios tecnológicos de la información y comunicación.

Página | 1

d. VISION Los agentes educativos de la I.E. Nº 50162 de Chumpe-Poques brindamos una Educación Intercultural en valores fortaleciendo la identidad, promoviendo el desarrollo sostenible de sus recursos con equidad, rescatando y valorando su patrimonio cultural.

Página | 2

CAPITULO II 2. NOMBRE DEL PROYECTO “Implantación de un Portal Web Informativo para la Institución Educativa N° 50162 de Lamay”

3. DESCRIPCIÓN DEL PROYECTO El proyecto consiste en implementar un portal web informativo, que permita dar a conocer las diversas actividades que se desarrollan en la Institución Educativa N ° 50162 de Chumpe-Poques de Lamay. El sistema portal web informativo cuenta con una base de datos que almacenara las actividades cívicas, culturales y deportivas del que hacer educativo. El desarrollo de la página web está básicamente realizado en el lenguaje PHP HTMLY CSS .Que hacen que la página sea dinámica. Con estas aplicaciones nos permite mejorar el aspecto que deben presentar todos los contenidos en la página. Para el desarrollo de la página es de mucha importancia realizar un diagrama de manera que podamos plasmar la idea clara, como es que se quisiera que la página se muestre al final.

La aplicación de portal web, contiene los siguientes elementos:  PORTADA: es donde se muestra los diferentes menús contextuales que permitirá el acceso y navegación a los diferentes servicios y recursos que tiene este portal web, también mostramos los enlace a las redes sociales y un buscador, que facilita la búsqueda dentro de esta página. Donde mostramos las siguientes pestañas:  INICIO  Portada principal que muestra la Misión, Visión, Objetivos y Calendario  ACERCA 

Reseña Histórica.



Calendario Escolar



Documentos Institucionales.

 PRIMARIA Página | 3



Personal.  Aulas  Estudiantes  Padres

 SECUNDARIA 

Personal.  Aulas.  Estudiantes

 CONTACTO  Formulario de contacto  ENLACES DE INTERES  Búsqueda de alumnos  Búsqueda de padres  Juegos didácticos  Unidades de Aprendizaje  Materiales de Aprendizaje   DIRECCION  SIGUIENOS  ACCESO A INTRANET  Administrador de contenidos 

Mantenimiento de Tablas 

Aulas



Padres de familia



Alumnos



Eventos



eventos

 ENLACES PANGINAS WEB INSTITUCIONALES 4. DIAGNOSTICO Actualmente la Institución Educativa antes mencionada no cuenta con un sistema de portal web informativo , que permita mostrar las actividades más resaltantes de la institución, y a través de ella también brindar recursos y servicios, como paginas educativas, docentes, estudiantes, padres de familia Página | 4

y eventos programados durante el año, fotografías que permitan motivar realizar publicaciones a toda la comunidad educativa. 5. JUSTIFICACIÓN El presente proyecto busca publicar y dinamizar las actividades a través de un sistema web informativo tiene como finalidad, dar a conocer las actividades más resaltantes dentro de la Institución Educativa I.E. Nº 50162 de Chumpe Poques de Lamay realizando el portal web dinámica y de fácil uso y acceso para el público en general. Así mismo brindar información de interés para los docentes, alumnos y padres de familia al mismo tiempo a toda la población de la provincia de Calca.

6. OBJETIVOS 6.1 . OBJETIVO GENERAL Diseñar e implementar un sitio web informativo para la Institución Educativa I.E. Nº 50162 de Chumpe Poques de Lamay, que permita dar a conocer las actividades realizadas dentro la institución.

6.2 . OBJETIVOS ESPECÍFICOS  Buscar y seleccionar información significativa en base a entrevistas y encuestas.  Hacer uso correcto de sistema portal web para informar las actividades académicas.  Publicar el portal web informativo en un dominio y hosting propio  Crear una interfaz dinámica para actualizar los eventos académicos, culturales y deportivos de la Institución

7. RESULTADOS ESPERADOS 

Con el sistema portal web informativo mejoraremos los medios de comunicación.



Será de fácil acceso a Docentes, Alumnos y público en general.



La información que se brinda en sistema web informativo es muy útil para el público en general (como: Docentes, Alumnos, APAFA, etc.).

Página | 5



La publicación de actividades académicas y culturales aprovechando medios digitales en formatos auditivos y audiovisuales.

Página | 6

CAPITULO III 8. ANALISIS DEL PROYECTO 8.1. RECOLECCIÓN DE INFORMACIÓN Este proceso se llevó a cabo durante el desarrollo de sistema portal web informativa, donde se realizó la encuesta a Docentes y entrevistas a los Alumnos de la Institución, se tomaron fotografías de las diferentes actividades que se ha venido desarrollando durante el presente año, se sostuvo un dialogo con el Directora de la Institución, donde me informaron sobre la misión y visión de la I.E. Nº 50162 de Chumpe Poques y llegamos a la conclusión de que era importante la implementación de un sistema portal web informativo, que permita a la plana Docente, Alumnos y APAFA. Acceder a una información detallada del plantel, ya que este portal web informativo es uno de los requisitos muy importante para incluir a la Institución Educativa a la vanguardia de la tecnología web. Las fotografías tomadas del plantel no fueron suficientes así que tuve que recurrir a docentes que están más de cinco a más años en la institución, quienes me facilitaron fotografías y detalles sobre el crecimiento de la institución. 8.2. ORGANIZACIÓN DE SISTEMA PORTAL WEB INFORMATIVA. La organización de la información se realizó con la información recaudada de la recopilación que se realiza durante el desarrollo de portal web informativo. Para lo cual se ha visto lo siguiente: I.

Primero: se realizó una entrevista con la Directora, para la elaboración de portal web informativa

II.

Segundo : Se hizo la encuesta correspondiente a docentes y entrevista a los alumnos de la institución, del cual tuve los siguientes resultados:

Página | 7

Docentes y Alumnos

CUADRO Nª 1

¿ Le gustaria que la institución cuente una pagina pagina web y informativa y dinamica? 100% 90% 80% 70% 60% 50% 40% 30% 20% 10% 0% SI

NO

N/S

CUADRO Nª 2

¿ estaria dispuesto a apoyarme y colaborar con este proyecto para elaborar la pagina web para la institucion? SI NO N/S

III.

Tercero: Teniendo la aprobación de la comunidad educativa se empieza a recolectar la información, como: PEI, reseña histórica, Actividades cívicas, culturales y deportivas, las fotografías, videos, etc.

IV.

Cuarto: En base a la información encontrada se empieza con el diseño sistema web informativo aprovechando la tecnología CSS.

Página | 8

8.3. Diseño de la base de datos de portal web informativo Diagrama entidad – relación

8.4. Descripción de las tablas TABLA DE PADRES NOMBRE DE LA TABLA Nombre del Campo CodPadre Nombres

Página | 9

T_PADRE Tipo

Descripción

ENTERO – AUTONUMERICO VARCHAR(80)

Código del Padre Nombres Completos de los padres

TABLA DE ALUMNOS

NOMBRE DE LA TABLA Nombre del Campo CodAlumno NroOrden

T_ALUMNO

Nombres Sexo CodAula CodPadre

VARCHAR(80) VARCHAR(1) (F/M) ENTERO ENTERO

Tipo

Descripción

VARCHAR(14) ENTERO

Código del Alumno – SIAGIE Número de orden del alumno – SIAGIE Nombres Completos del alumno Genero del alumno Código del aula Código del Padre

TABLA DE AULA NOMBRE DE LA TABLA Nombre del Campo CodAula

T_ALUMNO

Nivel

Nivel de aula (Primaria, Secundaria) VARCHAR(5) Modalidad (EBR = Educación Básica Regula) VARCHAR(1) (M/T) Turno (Mañana, Tarde) VARCHAR(1) (1,2,3,4,5,6) Grado (1ro, 2do, 3ro, 4to, 5to, 6to) VARCHAR (1) (A, Sección del aula (A, B, C, D, B,C,D,E,F) E,…)

Modalidad Turno Grado Sección

Tipo

Descripción

ENTERO AUTONUMÉRICO VARCHAR(1) (P/S)

Código del Aula

TABLA DE EVENTOS NOMBRE DE LA TABLA Nombre del Campo CodEvento Fecha Descripción Ubicar Foto

Página | 10

T_EVENTO Tipo

Descripción

ENTERO AUTONUMÉRICO FECHA VARCHAR(3000) VARCHAR(100)

Código del Evento Fecha de realización del Evento Descripción del Evento Ubicación de la fotografía relacionada al evento

TABLA DE USURIO NOMBRE DE LA TABLA Nombre del Campo CodUsuario Password Nombres A Paterno A Materno

T_USUARIO Tipo VARCHAR(20) VARCHAR(20) VARCHAR(80) VARCHAR(80) VARCHAR(80)

Descripción Código del Usuario (Login) Contraseña del Usuario Nombre del Usuario Apellido Paterno del Usuario Apellido Materno del Usuario

8.5. DISEÑO DE PORTAL WEB INFORMATIVA. En el diseño de portal web informativo vamos a ver, el modelo o diagrama de cómo va estar la página web, donde el dominio es:

Página | 11

“MAPA DE DISTRIBUCIÓN DE LA PORTADA PRINCIPAL”

Nombre de la I.E-Lugar

INICIO

NOSOTROS

PRIMARIA

SECUNDARIA

CONTACTO

IMAGEN MISION

VISIÓN

OBJETIVOS

AVISOS

BIENVENIDA ENLACES DIRECCION Página | 12

CALENDARIO

SIGUENOS

INTRANET

8.6. CONSTRUCCIÓN DE PORTAL WEB INFORMATIVA. La elaboración se inicia a partir de la primera semana de febrero del 2014, ya teniendo todo el material listo para la elaboración de portal web informativa para la institución. Ahora vamos a indicar de manera dinámica como se ha realizado el portal web para la Institución educativa. 8.6.1. Diseño a partir de una plantilla CSS CABECERA DE LA PÁGINA

MENÚ DE LA PÁGINA

PIE DE PÁGINA DE LA WEB

Página | 13

PLANTILLA PRE DISEÑADA

8.6.2. Diseño modificado acorde al modelo propuesto

Página | 14

1.

Mostraremos los enlaces principales que corresponden a la portada principal. -

Insertar

páginas

web

de

primaria

estudiantes y padres de familia.

Página | 15

y

secundaria

con

-

Insertar páginas web de aulas y eventos que están programadas

-

2.

Página | 16

Contáctenos

Interfaz de acceso a la intranet de mantenimientos

2.6.

APLICACIÓNES WEB DE LA INTRANET.

2.6.1. Interfaz de administrador de contenidos: Módulo Menú

Página | 17

8.6.2.- Interfaz de administrador de contenidos: Módulo Aulas

8.6.3.- Interfaz de administrador de contenidos: Módulo padres de familia

Página | 18

8.6.4.- Interfaz de administrador de contenidos: Módulo Alumnos

8.6.5.- Interfaz de administrador de contenidos: Módulo Eventos

Página | 19

NUEVO EVENTO: Esta interfaz permite agregar un nuevo evento y registrarlo en la Base de Datos.

Página | 20

MODIFICAR EVENTO: Esta interfaz permite modificar los datos de un evento registrado en la Base de Datos.

Página | 21

ELIMINAR EVENTO: Esta interfaz permite eliminar los datos de un evento registrado en la Base de Datos.

Página | 22

8.7.- PUESTA A PRUEBA EL SISTEMA PORTAL WEB INFORMATIVA. La puesta a prueba del portal web se realiza a partir de la última semana de julio 2014, donde pude observar la atención e importancia que dan los Docentes Alumnos y Público en General, quienes dan el visto bueno. De quienes se tomó en cuenta las opiniones y sugerencias.

DIRECCION WEB DE LA PÁGINA WEB: http://www.50162-chumpe-poques.edu.pe

Durante la evolución de la portal web he estado viendo y tomando en cuenta para mejorar la este proyecto portal web informativa la sugerencia de los docentes y alumnos de la institución.

También se realizó una encuesta, para mejorar el portal web tomando en cuenta las opiniones y sugerencias de los Docentes y alumnos de la institución, teniendo el siguiente resultado:

CUADRO Nº 3 ¿Que le parece informativa?

el

diseño

Mucho 5%

0% 5%

90%

Página | 23

Poco

del

portal

web

CUADRO Nº 4 ¿Usted cree que se mejoro la comunicacion de la institucion? Mucho

Poco

5% 0% 5%

90%

2.7. CAPACITACIÓN Se capacitó al personal que la Institución Educativa, específicamente a la directora como evidenciamos en la siguiente fotografía.

Podemos observar que el Prof. Jessica.Y.Florez Huamantica Está trabajando en ingreso de información a la página.

Página | 24

Dinamización del sistema portal web informativo. Estrategias: 1. Realizar entrevistas a los principales actores de la institución a la Directora: - Entrevistas 1 docente de área: - Alcalde Municipio Escolar 2.- Publicaciones: - Docentes - Alumnos. - Aulas - Eventos del calendario cívico 3.- Enlaces de interés 4.- Fotografías clasificadas

Página | 25

9. PRESUPUESTO DEL PROYECTO 9.1 costo en mano de obra

Profesional en Computación e Informática

Ítems

personas

EQUIPO DE DESARROLLO Monto Día S/. Recolección de la información.

1

Costo

Fases

Semana

Hora

S/.

10.00

2

2

2

Diseño de Base de Datos

10.00

2

2

1

40.00

Diseño de portal web

10.00

5

3

2

300.00

Construcción del portal web

15.00

5

4

4

1200.00

Implantación del portal web

10.00

2

2

2

80.00

Publicación y Capacitación

10.00

2

2

2

80.00

SUBTOTAL

80.00

1,740.00

9.2 costo en equipos y herramientas

EQUIPOS Y HERRAMIENTAS Descripción

Cantidad

Unidad

P.U

Costo

Laptop/ Modem

1

Unidad

S/.120.00

S/.120.00

Hosting y Dominio

1

Unidad

S/. 370.00

S/. 370.00

SUBTOTAL S/ 490.00

9.3. costo en materiales MATERIALES Descripción

Cantidad

Unidad

P.U

Papel A4

1

Millares

S/.25.00

25.00

Impresiones

200

Unidad

S/. 0.20

40.00

SUBTOTAL

Página | 26

Costo(S/.)

65.00

Resumen de costos COSTO

SUBTOTALES S/. 1, 740.00

Costo de mano de obra

S/. 490.00

Costo de Equipos y Herramientas

S/. 65.00

Costo de materiales y servicios TOTAL

S/. 2,295.00

El costo total del proyecto es S/. 2,295.00 nuevos soles, lo cual ha sido asumido por el responsable del proyecto. En conclusión, el financiamiento total del presupuesto del proyecto ha sido garantizado al 100% y se considera económicamente factible. 10. CRONOGRAMA DE TRABAJO MARZO

ABRIL

MAYO

ACTIVIDADES 3

4

Recopilación de la Información. x

x

Diseño de la Base de datos

Diseño de sistema portal web. Informativa Construcción sistema de portal web informativa Implantación de sistema web informativa Publicación y capacitación de sistema portal web informativa.

Página | 27

1

2

3

x

x

4

1

2

x

x

x

3

4

X

x

x

x

x

11. EVALUACIÓN DEL PROYECTO Buscar y seleccionar información significativa en base a entrevistas y encuestas. Se cumplió porque se realizó entrevistas encuestas. Dichos documentos se adjuntan en el anexo. Hacer uso correcto de sistema portal web.

Para informar las

actividades académica La Institución Educativa no se encuentra ajenos de la información de sus calendarios de sus actividades con ingreso a tecnologías de Internet que implica cambios e innovaciones. Publicar el portal web informativo en un dominio y hosting propio Se realizó la respectiva adquisición de compra dominio y hosting para publicar con esta dirección WWW.50162-CHUMPE-POQUES.EDU.PE Crear una interfaz dinámica para actualizar los eventos académicos, culturales y deportivos de la Institución. Se cumplió como una herramienta para implementar el currículum global de la Institución Educativa, que se realizó con aporte de los docentes según sugerencias

Página | 28

12. CONCLUSIONES A fin de lograr resultados significativos se implementa el portal web informativo, que pueda fomentar y publicar las actividades de la Institución Educativa 50162 Chumpe - Poques llega a las siguientes conclusiones: 

La información contenida en el sitio web informativa es un consolidado de las aportaciones hechas por las personas entrevistadas.



El portal web informativa ayuda a la institución a mejorar sus medios de información.



El portal web informativa permite que el Alumno, Docente y comunidad en general, este mas informado sobre las actividades que realiza el plantel.



El portal web informativa es muy fácil y dinámico que tiene acceso para todo el público en general.

13. RECOMENDACIONES  Mantener siempre actualizado el portal web informativo.  Para evitar que la información contenida en el sitio web llegue a estar obsoleta y para evitar incongruencia

dentro de la

Institución, se sugiere designar a una persona para administrar todos los aspectos

relacionados con la gestión de la

información contenida en el sitio, provenientes de las diferentes actividades que realiza la instalación.  Recomendamos

a

los

docentes

y

estudiantes

visitar

permanentemente al portal web informativo.  Publicar en la sección de avisos los alumnos más destacados el docente del mes y el padre de familia que más interés tiene por la educación de su hijo o hija.

Página | 29

14. BIBLIOGRAFIAS  http://www.joomlaspanish.org/  http://extensiones.joomlaspanish.org/  http://www.wikipedia.org/  http://www.facebook.com/

Página | 30

ANEXOS “IMPLANTACIÓN DE UN PORTAL WEB INFORMATIVO PARA INSTITUCIÓN EDUCATIVA N° 50162 DE LAMAY” Encuestador: ADRIEL QUISPE QUISPE Docentes encuestados Apellidos y nombre: Edad : Especialidad : Distrito : lamay Provincia : calca. Departamento : cusco

1. ¿Qué entiende por página web Ud.? …………………………………………………………………………………… …………………………………………………………………………………… 2. ¿le gustaría que la institución educativa cuente una página web informativa y dinámica? a. sí. b. no. c. n/s 3. ¿qué te gustaría publicar en la página web de su institución educativa? …………………………………………………………………………………. 4. ¿qué actividades de la institución desearas publicadas en esta página web. …………………………………………………………………………………… …………………………………………………………………………………… 5. ¿cree usted que una página web trae ventaja y desventaja? …………………………………………………………………………………… …………………………………………………………………………………… ¿Cuál? ventaja:………………………………………………………………………… ………………….………………………………………………………………. desventaja:……………………………………………………………………… …………………………………………………………………………………… 6. ¿Estaría dispuesta(o) a apoyarme y colaborarme con este proyecto para elaborar la página web para la institución? Sí. No Página | 31

1. Haciendo la respectiva firma de la encuesta realizada en la institución.

2. Haciendo entrega el sistema portal web informativa a la Directora

Página | 32

3. Dando a conocer institución.

Página | 33

El portal web informativa los alumnos de la