CAPITULO I 1. DESCRIPCION DE LA INSTITUCION a. UBICACIÓN • Distrito
: Lamay
• Provincia
: Calca
• Departamento
: Cusco.
• Razón social
: Institución Educativa N° 50162” 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” 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
Página | 3
ACERCA
Reseña Histórica.
Calendario Escolar
Documentos Institucionales.
PRIMARIA
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 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 web informativo en un dominio 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 de fácil acceso acceso a Docentes, Alumnos y público en general.
La información información que se brinda en sistema web informativo informativo es muy útil para el el público en general (como: Docentes, Alumnos, APAFA, etc.).
Página | 5
La publicación publicación de actividades académicas y culturales culturales aprovechando aprovechando medios 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 encuesta a Docentes Docentes y entrevistas 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 encuesta correspondiente correspondiente a docentes 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 gust gustar aria ia qu que e la inst instit ituc ució ión n cuen cuente te un una a pa pagi gina na pagin pagina a we web b y info informa rmativ tiva a y din dinam amic ica? a? 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 este proy proyec ecto to pa para ra elab elabor orar ar la pa pagi gina na we web b pa para ra la institucion? SI NO N/S
III.
Tercero: Teniendo la aprobación de la comunidad comunidad educativa se empieza a recolectar la información, como: PEI, reseña histórica, Actividades cívicas, cívicas, culturales y deportivas, las fotografías, videos, 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
T_PADRE Tipo
Descripción
CodPadre Nombres
ENTERO – ENTERO – AUTONUMERICO VARCHAR(80)
Código del Padre Nombres Completos de los padres
Página | 9
TABLA DE ALUMNOS NOMBRE DE LA TABLA Nombre del Campo CodAlumno NroOrden
T_ALUMNO Tipo
Descripción
VARCHAR(14) ENTERO
Nombres Sexo CodAula CodPadre
VARCHAR(80) VARCHAR(1) (F/M) ENTERO ENTERO
Código del Alumno – Alumno – SIAGIE SIAGIE Número de orden del alumno – 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 Nivel Modalidad Turno Grado Sección
T_ALUMNO Tipo
Descripción
ENTERO AUTONUMÉRICO AUTONUMÉRICO VARCHAR(1) (P/S)
Código del Aula
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,…)
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 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 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 Contraseñ a del Usuario Nombre del Usuario Apellido Paterno del Usuario Apellido Materno del Usuario
8.5. DISEÑO DE PORTAL 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
CALENDARIO
SIGUENOS
INTRANET
Página | 12
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
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 y secundaria con estudiantes y padres de familia.
Página | 15
-
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 administrador de contenidos: contenidos: Módulo Menú 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: W EB: 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 el diseño del portal web informativa? Mucho 5%
0% 5%
90%
Página | 23
Poco
CUADRO Nº 4
¿Usted cree que se mejoro la comunicacion de la inst instit ituc ucio ion? n? 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 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 EQUIPO DE DESARROLLO s a
s n
Fases
m o sr
et Í p
Recolección de la información.
u p a m ci o t á e
1
e
mr of
l a nI n oi s ef or P
S/.
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
c at
Hora
Día Semana
Costo
10.00
ói
n
S/.
e
n
C
Monto
80.00
SUBTOTAL
1,740.00
Unidad
P.U
Costo
9.2 costo en equipos y herramientas
EQUIPOS Y HERRAMIENTAS HERRAMIENTAS
Descripción
Cantidad
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
Recopilación de la Información.
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
3
4
x
x
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 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. 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 contenida en el sitio web informativa informativa es un consolidado de las aportaciones hechas por las personas entrevistadas.
El portal web informativa ayuda ayuda a la institución a mejorar sus medios de información.
El portal web informativa informativa permite que el Alumno, Docente Docente y comunidad en general, este mas informado sobre las actividades que realiza el plantel.
El portal web informativa informativa es muy fácil y dinámico que tiene tiene acceso acceso para todo el público en general.
13. RECOMENDACIONES
Mantener siempre actualizado actualizado el portal web informativo. informativo.
Para evitar que la información información contenida contenida en el el sitio web web llegue a estar obsoleta y para evitar incongruencia incongruencia
dentro de la
Institución, se sugiere sugiere designar a una persona para administrar todos los aspectos
relacionados con la gestión de la
información contenida contenida en el sitio, provenientes provenientes de las diferentes 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 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 “IMPLANTACIÓN DE UN PORTAL WEB W EB 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 entiende por por página web Ud.? Ud.? …………………………………………………………………………………… …………………………………………………………………………………… 2. ¿le gustaría que la institución institución educativa 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 página web de su su institución educativa? educativa? …………………………………………………………………………………. 4. ¿qué actividades de la institución desearas desearas publicadas en esta página página web. …………………………………………………………………………………… …………………………………………………………………………………… 5. ¿cree usted que una página web web trae ventaja y desventaja? …………………………………………………………………………………… …………………………………………………………………………………… ¿Cuál? ventaja:………………………………………………………………………… ………………….………………………………………………………………. desventaja:……………………………………………………………………… …………………………………………………………………………………… 6. ¿Estaría dispuesta(o) dispuesta(o) a apoyarme apoyarme y colaborarme colaborarme con este 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 encuesta realizada en la institución. institución.
2. Haciendo entrega el sistema portal web informativa informativa a la Directora
Página | 32
3. Dando a conocer institución.
Página | 33
El portal web informativa los alumnos de la