Pgina | 1

CAPITULO I

1. DESCRIPCION DE LA INSTITUCION

a. UBICACIN

Distrito : Lamay

Provincia : Calca

Departamento : Cusco.

Razn social : Institucin Educativa N 50162Chumpe-Poques

Representante : Director de la Institucin Educativa N 50162

Prof. Jessica Y. Flores Huamantica

b. NATURALEZA

Luego de haber efectuado las indagaciones correspondientes, tanto en

fuentes documentales, bibliogrficas y entrevistas a personas y autoridades

comunales se puede asegurar que el funcionamiento de sta Institucin

Educativa se remonta todava a los aos de 1978.

La creacin y funcionamiento de sta Institucin se da en virtud a la

Resolucin Departamental-Zonal N 0567 de fecha 5 de noviembre del ao de

1978. A la fecha viene cumpliendo 27 aos de servicio educativo a favor de la

poblacin de Chumpe-Poques. Y desde el ao 2009 ha ampliado la cobertura

del servicio educativo en el nivel secundario mediante la modalidad de

Gestin Comunal y Municipal.

c. MISION

Para el ao 2015 aspiramos ser una institucin educativa que articula el

servicio en los niveles de primaria y secundaria promoviendo la prctica

intercultural, la prctica de valores y el desarrollo de capacidades

investigativas, productivas, emprendedoras, crticas y asertivas, contando con

proyectos productivos y con acceso a los medios tecnolgicos de la

informacin y comunicacin.

Pgina | 2

d. VISION

Los agentes educativos de la I.E. N 50162 de Chumpe-Poques brindamos

una Educacin Intercultural en valores fortaleciendo la identidad, promoviendo

el desarrollo sostenible de sus recursos con equidad, rescatando y valorando

su patrimonio cultural.

Pgina | 3

CAPITULO II

2. NOMBRE DEL PROYECTO

Implantacin de un Portal Web Informativo para la Institucin Educativa N

50162 de Lamay

3. DESCRIPCIN DEL PROYECTO

El proyecto consiste en implementar un portal web informativo, que permita dar a

conocer las diversas actividades que se desarrollan en la Institucin Educativa N

50162 de Chumpe-Poques de Lamay.

El sistema portal web informativo cuenta con una base de datos que almacenara

las actividades cvicas, culturales y deportivas del que hacer educativo. El

desarrollo de la pgina web est bsicamente realizado en el lenguaje PHP

HTMLY CSS .Que hacen que la pgina sea dinmica. Con estas aplicaciones

nos permite mejorar el aspecto que deben presentar todos los contenidos en la

pgina. Para el desarrollo de la pgina es de mucha importancia realizar un

diagrama de manera que podamos plasmar la idea clara, como es que se

quisiera que la pgina se muestre al final.

La aplicacin de portal web, contiene los siguientes elementos:

PORTADA: es donde se muestra los diferentes mens contextuales que

permitir el acceso y navegacin a los diferentes servicios y recursos que

tiene este portal web, tambin mostramos los enlace a las redes sociales y un

buscador, que facilita la bsqueda dentro de esta pgina.

Donde mostramos las siguientes pestaas:

INICIO

Portada principal que muestra la Misin, Visin, Objetivos y

Calendario

ACERCA

Resea Histrica.

Calendario Escolar

Documentos Institucionales.

PRIMARIA

Pgina | 4

Personal.

Aulas

Estudiantes

Padres

SECUNDARIA

Personal.

Aulas.

Estudiantes

CONTACTO

Formulario de contacto

ENLACES DE INTERES

Bsqueda de alumnos

Bsqueda de padres

Juegos didcticos

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 Institucin Educativa antes mencionada no cuenta con un

sistema de portal web informativo , que permita mostrar las actividades ms

resaltantes de la institucin, y a travs de ella tambin brindar recursos y

servicios, como paginas educativas, docentes, estudiantes, padres de familia

Pgina | 5

y eventos programados durante el ao, fotografas que permitan motivar

realizar publicaciones a toda la comunidad educativa.

5. JUSTIFICACIN

El presente proyecto busca publicar y dinamizar las actividades a travs de

un sistema web informativo tiene como finalidad, dar a conocer las

actividades ms resaltantes dentro de la Institucin Educativa I.E. N 50162

de Chumpe Poques de Lamay realizando el portal web dinmica y de fcil uso

y acceso para el pblico en general. As mismo brindar informacin de inters

para los docentes, alumnos y padres de familia al mismo tiempo a toda la

poblacin de la provincia de Calca.

6. OBJETIVOS

6.1 . OBJETIVO GENERAL

Disear e implementar un sitio web informativo para la Institucin

Educativa I.E. N 50162 de Chumpe Poques de Lamay, que permita

dar a conocer las actividades realizadas dentro la institucin.

6.2 . OBJETIVOS ESPECFICOS

Buscar y seleccionar informacin significativa en base a

entrevistas y encuestas.

Hacer uso correcto de sistema portal web para informar las

actividades acadmicas.

Publicar el portal web informativo en un dominio y hosting propio

Crear una interfaz dinmica para actualizar los eventos

acadmicos, culturales y deportivos de la Institucin

7. RESULTADOS ESPERADOS

Con el sistema portal web informativo mejoraremos los medios de

comunicacin.

Ser de fcil acceso a Docentes, Alumnos y pblico en general.

La informacin que se brinda en sistema web informativo es muy til para el

pblico en general (como: Docentes, Alumnos, APAFA, etc.).

Pgina | 6

La publicacin de actividades acadmicas y culturales aprovechando medios

digitales en formatos auditivos y audiovisuales.

Pgina | 7

CAPITULO III

8. ANALISIS DEL PROYECTO

8.1. RECOLECCIN DE INFORMACIN

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 Institucin, se tomaron fotografas de las diferentes

actividades que se ha venido desarrollando durante el presente ao, se

sostuvo un dialogo con el Directora de la Institucin, donde me informaron

sobre la misin y visin de la I.E. N 50162 de Chumpe Poques y

llegamos a la conclusin de que era importante la implementacin de un

sistema portal web informativo, que permita a la plana Docente, Alumnos

y APAFA. Acceder a una informacin detallada del plantel, ya que este

portal web informativo es uno de los requisitos muy importante para incluir

a la Institucin Educativa a la vanguardia de la tecnologa web.

Las fotografas tomadas del plantel no fueron suficientes as que tuve que

recurrir a docentes que estn ms de cinco a ms aos en la institucin,

quienes me facilitaron fotografas y detalles sobre el crecimiento de la

institucin.

8.2. ORGANIZACIN DE SISTEMA PORTAL WEB INFORMATIVA.

La organizacin de la informacin se realiz con la informacin recaudada de la

recopilacin 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 elaboracin

de portal web informativa

II. Segundo : Se hizo la encuesta correspondiente a docentes y

entrevista a los alumnos de la institucin, del cual tuve los siguientes

resultados:

Pgina | 8

Docentes y Alumnos

CUADRO N 1

CUADRO N 2

III. Tercero: Teniendo la aprobacin de la comunidad educativa se

empieza a recolectar la informacin, como: PEI, resea histrica,

Actividades cvicas, culturales y deportivas, las fotografas, videos, etc.

IV. Cuarto: En base a la informacin encontrada se empieza con el diseo

sistema web informativo aprovechando la tecnologa CSS.

0%

10%

20%

30%

40%

50%

60%

70%

80%

90%

100%

SI NO N/S

Le gustaria que la institucin cuente una paginapagina web y informativa y dinamica?

estaria dispuesto a apoyarme y colaborar coneste proyecto para elaborar la pagina web para lainstitucion?

SI

NO

N/S

Pgina | 9

8.3. Diseo de la base de datos de portal web informativo

Diagrama entidad relacin

8.4. Descripcin de las tablas

TABLA DE PADRES

NOMBRE DE LA TABLA

T_PADRE

Nombre del Campo

Tipo Descripcin

CodPadre ENTERO AUTONUMERICO Cdigo del Padre

Nombres VARCHAR(80) Nombres Completos de los padres

Pgina | 10

TABLA DE ALUMNOS

NOMBRE DE LA TABLA

T_ALUMNO

Nombre del Campo

Tipo Descripcin

CodAlumno VARCHAR(14) Cdigo del Alumno SIAGIE NroOrden ENTERO Nmero de orden del alumno

SIAGIE

Nombres VARCHAR(80) Nombres Completos del alumno

Sexo VARCHAR(1) (F/M) Genero del alumno

CodAula ENTERO Cdigo del aula

CodPadre ENTERO Cdigo del Padre

TABLA DE AULA

NOMBRE DE LA TABLA

T_ALUMNO

Nombre del Campo

Tipo Descripcin

CodAula ENTERO AUTONUMRICO

Cdigo del Aula

Nivel VARCHAR(1) (P/S) Nivel de aula (Primaria, Secundaria)

Modalidad VARCHAR(5) Modalidad (EBR = Educacin Bsica Regula)

Turno VARCHAR(1) (M/T) Turno (Maana, Tarde)

Grado VARCHAR(1) (1,2,3,4,5,6) Grado (1ro, 2do, 3ro, 4to, 5to, 6to)

Seccin VARCHAR (1) (A, B,C,D,E,F)

Seccin del aula (A, B, C, D, E,)

TABLA DE EVENTOS

NOMBRE DE LA TABLA

T_EVENTO

Nombre del Campo

Tipo Descripcin

CodEvento ENTERO AUTONUMRICO

Cdigo del Evento

Fecha FECHA Fecha de realizacin del Evento

Descripcin VARCHAR(3000) Descripcin del Evento

Ubicar Foto VARCHAR(100) Ubicacin de la fotografa relacionada al evento

Pgina | 11

TABLA DE USURIO

NOMBRE DE LA TABLA T_USUARIO

Nombre del Campo Tipo Descripcin

CodUsuario VARCHAR(20) Cdigo del Usuario (Login)

Password VARCHAR(20) Contrasea del Usuario

Nombres VARCHAR(80) Nombre del Usuario

A Paterno VARCHAR(80) Apellido Paterno del Usuario

A Materno VARCHAR(80) Apellido Materno del Usuario

8.5. DISEO DE PORTAL WEB INFORMATIVA.

En el diseo de portal web informativo vamos a ver, el modelo o diagrama de

cmo va estar la pgina web, donde el dominio es:

Pgina | 12

MAPA DE DISTRIBUCIN DE LA PORTADA

PRINCIPAL

INICIO

Nombre de la I.E-Lugar

IMAGEN

NOSOTROS

PRIMARIA

SECUNDARIA

CONTACTO

MISION VISIN OBJETIVOS CALENDARIO

BIENVENIDA AVISOS

ENLACES DIRECCION SIGUENOS INTRANET

Pgina | 13

8.6. CONSTRUCCIN DE PORTAL WEB INFORMATIVA.

La elaboracin se inicia a partir de la primera semana de febrero del

2014, ya teniendo todo el material listo para la elaboracin de portal

web informativa para la institucin. Ahora vamos a indicar de manera

dinmica como se ha realizado el portal web para la Institucin

educativa.

8.6.1. Diseo a partir de una plantilla CSS

CABECERA DE LA PGINA

MEN DE LA PGINA

PIE DE PGINA DE LA WEB

Pgina | 14

PLANTILLA PRE DISEADA

8.6.2. Diseo modificado acorde al modelo propuesto

Pgina | 15

1. Mostraremos los enlaces principales que corresponden a la

portada principal.

- Insertar pginas web de primaria y secundaria con

estudiantes y padres de familia.

Pgina | 16

- Insertar pginas web de aulas y eventos que estn

programadas

- Contctenos

2. Interfaz de acceso a la intranet de mantenimientos

Pgina | 17

2.6. APLICACINES WEB DE LA INTRANET.

2.6.1. Interfaz de administrador de contenidos: Mdulo Men

Pgina | 18

8.6.2.- Interfaz de administrador de contenidos: Mdulo Aulas

8.6.3.- Interfaz de administrador de contenidos: Mdulo padres

de familia

Pgina | 19

8.6.4.- Interfaz de administrador de contenidos: Mdulo Alumnos

8.6.5.- Interfaz de administrador de contenidos: Mdulo Eventos

Pgina | 20

NUEVO EVENTO: Esta interfaz permite agregar un nuevo evento y

registrarlo en la Base de Datos.

Pgina | 21

MODIFICAR EVENTO: Esta interfaz permite modificar los datos de un

evento registrado en la Base de Datos.

Pgina | 22

ELIMINAR EVENTO: Esta interfaz permite eliminar los datos de un evento

registrado en la Base de Datos.

Pgina | 23

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 atencin e importancia

que dan los Docentes Alumnos y Pblico en General, quienes dan el

visto bueno. De quienes se tom en cuenta las opiniones y

sugerencias.

DIRECCION WEB DE LA PGINA WEB:

http://www.50162-chumpe-poques.edu.pe

Durante la evolucin 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 institucin.

Tambin se realiz una encuesta, para mejorar el portal web tomando

en cuenta las opiniones y sugerencias de los Docentes y alumnos de

la institucin, teniendo el siguiente resultado:

CUADRO N 3

5%

90%

5% 0%

Que le parece el diseo del portal webinformativa?

Mucho Poco

Pgina | 24

CUADRO N 4

2.7. CAPACITACIN

Se capacit al personal que la Institucin Educativa, especficamente a

la directora como evidenciamos en la siguiente fotografa.

Podemos observar que el Prof. Jessica.Y.Florez Huamantica Est

trabajando en ingreso de informacin a la pgina.

5%

90%

5% 0%

Usted cree que se mejoro la comunicacionde la institucion?

Mucho Poco

Pgina | 25

Dinamizacin del sistema portal web informativo.

Estrategias:

1. Realizar entrevistas a los principales actores de la institucin a

la Directora:

- Entrevistas 1 docente de rea:

- Alcalde Municipio Escolar

2.- Publicaciones:

- Docentes

- Alumnos.

- Aulas

- Eventos del calendario cvico

3.- Enlaces de inters

4.- Fotografas clasificadas

Pgina | 26

9. PRESUPUESTO DEL PROYECTO

9.1 costo en mano de obra

EQUIPO DE DESARROLLO t

em

s

pers

on

as

Fases Monto

Da Semana Costo

S/. Hora S/.

Pro

fes

ion

al e

n C

om

pu

tac

in

e

Info

rm

tic

a

1

Recoleccin de la

informacin. 10.00 2 2 2

80.00

Diseo de Base de Datos 10.00 2 2 1 40.00

Diseo de portal web 10.00 5 3 2 300.00

Construccin del portal web 15.00 5 4 4 1200.00

Implantacin del portal web 10.00 2 2 2 80.00

Publicacin y Capacitacin 10.00 2 2 2 80.00

SUBTOTAL 1,740.00

9.2 costo en equipos y herramientas

9.3. costo en materiales

EQUIPOS Y HERRAMIENTAS

Descripcin 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

MATERIALES

Descripcin Cantidad Unidad P.U Costo(S/.)

Papel A4 1 Millares S/.25.00 25.00

Impresiones 200 Unidad S/. 0.20 40.00

SUBTOTAL 65.00

Pgina | 27

Resumen de costos

COSTO SUBTOTALES

Costo de mano de obra S/. 1, 740.00

Costo de Equipos y Herramientas S/. 490.00

Costo de materiales y servicios S/. 65.00

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 conclusin, el financiamiento total

del presupuesto del proyecto ha sido garantizado al 100% y se considera

econmicamente factible.

10. CRONOGRAMA DE TRABAJO

ACTIVIDADES MARZO ABRIL MAYO

3 4 1 2 3 4 1 2 3 4

Recopilacin de la Informacin. x x

Diseo de la Base de datos X

Diseo de sistema portal web.

Informativa x x

Construccin sistema de portal

web informativa x x x

Implantacin de sistema web

informativa x x

Publicacin y capacitacin de

sistema portal web informativa. x x

Pgina | 28

11. EVALUACIN DEL PROYECTO

Buscar y seleccionar informacin 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 acadmica

La Institucin Educativa no se encuentra ajenos de la informacin de sus

calendarios de sus actividades con ingreso a tecnologas de Internet que

implica cambios e innovaciones.

Publicar el portal web informativo en un dominio y hosting propio

Se realiz la respectiva adquisicin de compra dominio y hosting para

publicar con esta direccin WWW.50162-CHUMPE-POQUES.EDU.PE

Crear una interfaz dinmica para actualizar los eventos acadmicos,

culturales y deportivos de la Institucin.

Se cumpli como una herramienta para implementar el currculum

global de la Institucin Educativa, que se realiz con aporte de los

docentes segn sugerencias

Pgina | 29

12. CONCLUSIONES

A fin de lograr resultados significativos se implementa el portal web

informativo, que pueda fomentar y publicar las actividades de la Institucin

Educativa 50162 Chumpe - Poques llega a las siguientes conclusiones:

La informacin contenida en el sitio web informativa es un

consolidado de las aportaciones hechas por las personas

entrevistadas.

El portal web informativa ayuda a la institucin a mejorar sus

medios de informacin.

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 fcil y dinmico que tiene acceso

para todo el pblico en general.

13. RECOMENDACIONES

Mantener siempre actualizado el portal web informativo.

Para evitar que la informacin contenida en el sitio web llegue a

estar obsoleta y para evitar incongruencia dentro de la

Institucin, se sugiere designar a una persona para administrar

todos los aspectos relacionados con la gestin de la

informacin contenida en el sitio, provenientes de las diferentes

actividades que realiza la instalacin.

Recomendamos a los docentes y estudiantes visitar

permanentemente al portal web informativo.

Publicar en la seccin de avisos los alumnos ms destacados el

docente del mes y el padre de familia que ms inters tiene por

la educacin de su hijo o hija.

Pgina | 30

14. BIBLIOGRAFIAS

http://www.joomlaspanish.org/

http://extensiones.joomlaspanish.org/

http://www.wikipedia.org/

http://www.facebook.com/

Pgina | 31

ANEXOS

IMPLANTACIN DE UN PORTAL WEB INFORMATIVO PARA INSTITUCIN 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 pgina web Ud.?

2. le gustara que la institucin educativa cuente una pgina web

informativa y dinmica?

a. s.

b. no.

c. n/s

3. qu te gustara publicar en la pgina web de su institucin educativa?

.

4. qu actividades de la institucin desearas publicadas en esta pgina

web.

5. cree usted que una pgina web trae ventaja y desventaja?

Cul?

ventaja:

..

desventaja:

6. Estara dispuesta(o) a apoyarme y colaborarme con este proyecto para

elaborar la pgina web para la institucin?

S.

No

Pgina | 32

1. Haciendo la respectiva firma de la encuesta realizada en la institucin.

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

Pgina | 33

3. Dando a conocer El portal web informativa los alumnos de la

institucin.