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

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

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

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

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

La publicacin de actividades acadmicas y culturales aprovechando medios

digitales en formatos auditivos y audiovisuales.

Pgina | 6

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

Docentes y Alumnos

CUADRO N 1

Le gustaria que la institucin 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 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.

Pgina | 8

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
Nombre del
Campo
CodPadre
Nombres

Pgina | 9

T_PADRE
Tipo

Descripcin

ENTERO AUTONUMERICO
VARCHAR(80)

Cdigo 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

Descripcin

VARCHAR(14)
ENTERO

Cdigo del Alumno SIAGIE

Nmero de orden del alumno
SIAGIE
Nombres Completos del alumno
Genero del alumno
Cdigo del aula
Cdigo 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 = Educacin
Bsica Regula)
VARCHAR(1) (M/T)
Turno (Maana, Tarde)
VARCHAR(1) (1,2,3,4,5,6) Grado (1ro, 2do, 3ro, 4to, 5to,
6to)
VARCHAR (1) (A,
Seccin del aula (A, B, C, D,
B,C,D,E,F)
E,)

Modalidad
Turno
Grado
Seccin

Tipo

Descripcin

ENTERO
AUTONUMRICO
VARCHAR(1) (P/S)

Cdigo del Aula

TABLA DE EVENTOS
NOMBRE DE
LA TABLA
Nombre del
Campo
CodEvento
Fecha
Descripcin
Ubicar Foto

Pgina | 10

T_EVENTO
Tipo

Descripcin

ENTERO
AUTONUMRICO
FECHA
VARCHAR(3000)
VARCHAR(100)

Cdigo del Evento

Fecha de realizacin del Evento
Descripcin del Evento
Ubicacin de la fotografa
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)

Descripcin
Cdigo del Usuario (Login)
Contrasea del Usuario
Nombre del Usuario
Apellido Paterno del Usuario
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 | 11

MAPA DE DISTRIBUCIN DE LA PORTADA

PRINCIPAL

Nombre de la I.E-Lugar

INICIO

NOSOTROS

PRIMARIA

SECUNDARIA

CONTACTO

IMAGEN
MISION

VISIN

OBJETIVOS

AVISOS

BIENVENIDA
ENLACES DIRECCION
Pgina | 12

CALENDARIO

SIGUENOS

INTRANET

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

PLANTILLA PRE DISEADA

8.6.2. Diseo modificado acorde al modelo propuesto

Pgina | 14

1.

Mostraremos los enlaces principales que corresponden a la

portada principal.
-

Insertar

pginas

web

de

primaria

estudiantes y padres de familia.

Pgina | 15

secundaria

con

Insertar pginas web de aulas y eventos que estn

programadas

2.

Pgina | 16

Contctenos

Interfaz de acceso a la intranet de mantenimientos

2.6.

APLICACINES WEB DE LA INTRANET.

2.6.1. Interfaz de administrador de contenidos: Mdulo Men

Pgina | 17

8.6.2.- Interfaz de administrador de contenidos: Mdulo Aulas

8.6.3.- Interfaz de administrador de contenidos: Mdulo padres

de familia

Pgina | 18

8.6.4.- Interfaz de administrador de contenidos: Mdulo Alumnos

8.6.5.- Interfaz de administrador de contenidos: Mdulo Eventos

Pgina | 19

NUEVO EVENTO: Esta interfaz permite agregar un nuevo evento y

registrarlo en la Base de Datos.

Pgina | 20

MODIFICAR EVENTO: Esta interfaz permite modificar los datos de un

evento registrado en la Base de Datos.

Pgina | 21

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

registrado en la Base de Datos.

Pgina | 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 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
Que le parece
informativa?

el

diseo

Mucho
5%

0%
5%

90%

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

Pgina | 24

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

9. PRESUPUESTO DEL PROYECTO

9.1 costo en mano de obra

Profesional en Computacin
e
Informtica

tems

personas

EQUIPO DE DESARROLLO
Monto
Da
S/.
Recoleccin de la
informacin.

Costo

Fases

Semana

Hora

S/.

10.00

Diseo de Base de Datos

10.00

40.00

Diseo de portal web

10.00

300.00

Construccin del portal web

15.00

1200.00

Implantacin del portal web

10.00

80.00

Publicacin y Capacitacin

10.00

80.00

SUBTOTAL

80.00

1,740.00

9.2 costo en equipos y herramientas

EQUIPOS Y HERRAMIENTAS
Descripcin

Cantidad

Unidad

P.U

Costo

Laptop/ Modem

Unidad

S/.120.00

S/.120.00

Hosting y Dominio

Unidad

S/. 370.00

S/. 370.00

SUBTOTAL S/ 490.00

9.3. costo en materiales

MATERIALES
Descripcin

Cantidad

Unidad

P.U

Papel A4

Millares

S/.25.00

25.00

Impresiones

200

Unidad

S/. 0.20

40.00

SUBTOTAL

Pgina | 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 conclusin, el financiamiento total
del presupuesto del proyecto ha sido garantizado al 100% y se considera
econmicamente factible.
10. CRONOGRAMA DE TRABAJO
MARZO

ABRIL

MAYO

ACTIVIDADES
3

Recopilacin de la Informacin. x

Diseo de la Base de datos

Diseo de sistema portal web.

Informativa
Construccin sistema de portal
web informativa
Implantacin de sistema web
informativa
Publicacin y capacitacin de
sistema portal web informativa.

Pgina | 27

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

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

los

docentes

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

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

Pgina | 30

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

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

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

Pgina | 32

3. Dando a conocer
institucin.

Pgina | 33

El portal web informativa los alumnos de la