INSTITUTO DE EDUCACION

SUPERIOR TECNOLOGICO
GILDA LILIANA
BALLIVIAN ROSADO

AREA ACADEMICA: COMPUTACION E
INFORMATICA.

DISEO E IMPLEMENTACIN DE UNA PAGINA WEB
COMO MEDIO DE COMUNICACION INTERACTIVA PARA
FORTALECER LOS PROCESOS DE FORMACION
PEDAGOGICOS DE LA INSTITUCION EDUCATIVA 7081
JOSE MARIA ARGUEDA DE SAN JUAN DE MIRAFLORES.

PARA OBTENER EL TTULO DE PROFESIONAL TCNICO EN
COMPUTACIN E INFORMTICA

AUTOR:
CONDO QUISPE RONNY
ASESOR:
MG.LIC: JESUS ESPINOZA ATAHUAMAN

S.J.M LIMA PERU
2014













AGRADECIMIENTO

Por medio de este presente proyecto damos a conocer nuestro sincero
agradecimiento, primeramente al ser supremo, por iluminarnos durante este
trabajo y finalizarlos con xito, pero no menos a nuestros queridos padres por
brindarnos su apoyo y el esfuerzo tambin a nuestro profesor Jess Espinoza
Atahuaman por su oportuna precisa e instruida orientacin para el logro del
presente trabajo.






















DEDICATORIA
Este trabajo esta dedicado en primer lugar a Dios, ya que gracias a su voluntad me brindo
la inteligencia y paciencia necesarias para realizar este proyecto.
Dedico tambin a mis padres y mis profesores por ser quienes me educaron, y me
formaron a lo largo de esta etapa de mi vida para poder ser una persona ntegra e
independiente manteniendo los valores y la tica que se necesita para alcanzar grandes
metas.













PRESENTACIN
En las siguientes pginas usted estar relacionado con respecto
intercomunicacin. Los cuales estarn divididos es Tres capitulo los cuales son:
Problema.- el cual su alcance ser a gran medida en cmo se elaborara
comunicacin institucionalizado que promocione sus avances e innovaciones en
los procesos de formacin pedaggica y permita el uso de la comunicacin a
travs de los medios tecnolgicos modernos como una pgina web.
Plan de trabajo.- en este captulo nos centraremos en crear un plan de trabajo, las
etapas que dividirn el trabajo, la metodologa que se ha de usar, el cronograma y
el informe del avance.
Recursos.- Veremos en cmo se organiza el I.E 7081 Jos Mara Arguedas, su
junta directiva y su organigrama. Adems el presupuesto que se usaran en la
investigacin y el plan de funcionamiento.















RESUMEN
El presente trabajo de Investigacin, diseo e implementacin de una pgina web como
medio de comunicacin interactiva para fortalecer los procesos de formacin
pedaggicos de la institucin educativa 7081 Jos Mara Arguedas de san juan de
Miraflores, tuvo como objetivo general: elaborar una pgina web para mayor
comunicacin entre miembros de esta institucin y la sociedad.
Se eligi un problema, el cual era la carencia de un diseo de pgina web para la
Institucin, para darle una solucin prctica.
Para hacer un anlisis para una pgina Web se deber de tener en cuenta una serie de
requerimientos como la organizacin de la informacin que va a contener la pgina,
objetivos por los cuales se va a realizar la pgina y la visualizacin que esta va a tener.
La investigacin se desarrollara en tres etapas.
Etapa 1: se realizara el proceso de bsqueda, seleccin, anlisis y redaccin de la
informacin necesaria para realizar el marco terico, metodolgico, as como tambin
documentacin sobre diseo web.
Etapa 2: se llevara a cabo el desarrollo del marco metodolgico en lo que se refiere a
disear, aplicar y recolectar los instrumentos a una muestra seleccionada para dicho fin.
Etapa3: se presentaran los resultados que arrojan los instrumentos con sus respectivas
conclusiones y su influencia en la comunidad educativa.
Una vez terminado el anlisis y el diseo nos encargamos de la puesta en marcha, las
correcciones y ajustes finales, se debe de asegurar que todo funcione bien, haciendo la
prueba de los enlaces y verificar si funcionan todos los elementos Multimedia.












NDICE
Contenido

1. PROBLEMA ................................................................................................ 7
1.1 ELECCIN DEL TEMA .............................................................................. 7
1.2 FORMULACIN DEL PROBLEMA ............................................................. 7
1.3 MARCO TERICO .................................................................................... 8
1.3.1 DEFINICION DE UNA PAGINA WEB ................................................... 8
1.3.2 Historia de la Web ............................................................................ 9
1.3.3 TIPOS DE PAGINA WEB ..................................................................... 9
1.3.4 Elementos de una pgina Web ....................................................... 10
1.4 JUSTIFICACIN ..................................................................................... 11
1.5 Objetivos de la investigacin/innovacin tecnolgica .......................... 12
1.5.1 OBJETIVO GENERAL. ....................................................................... 12
1.5.2 OBJETIVOS ESPECIFICOS. ................................................................ 12














1. PROBLEMA
La I.E. 7081 Jos Mara Arguedas Altamirano no cuenta con una pgina Web para
transmitir informacin necesaria a los estudiantes, as generando la incomunicacin
constante entre el alumno-profesor y tambin con los padres de familia.
A pesar de que la Institucin Educativa Jos Mara Arguedas Altamirano es conocida a
nivel regional y por su modalidad pedaggica, complementada con una variedad de
herramientas tecnolgicas como: una sala de informtica, e internet, las cuales son
asequibles por la comunidad, carece de un medio de comunicacin institucionalizado que
promocione sus avances e innovaciones en los procesos de formacin pedaggica y
permita el uso de la comunicacin a travs de los medios tecnolgicos modernos como un
sitio Web eso nos crea la principal problemtica de la comunicacin entre alumno-profesor
y la interaccin activa con la institucin educativa.

1.1 ELECCIN DEL TEMA
El desarrollo de la pgina web nos ser de gran importancia para la comunicacin
interactiva entre el alumno y profesor y entre los propios alumnos donde tambin se podr
publicar todo tipo de eventos notas etc.
Para poder mejorar la calidad de aprendizaje y dar a conocer la excelencia
educativa de la institucin.


1.2 FORMULACIN DEL PROBLEMA
Cul ser la influencia de la pagina web en la institucin educativa 7081 Jos mara
Arguedas de san juan de Miraflores?











1.3MARCO TERICO
1.3.1 DEFINICION DE UNA PGINA WEB
Una pgina web se define como un documento electrnico el cual contiene informacin
textual, visual y/o sonora que se encuentra alojado en un servidor y puede ser accesible
mediante el uso de navegadores. Una pgina web forma parte de una coleccin de otras
pginas webs dando lugar al denominado sitio web el cual se encuentra identificado bajo
el nombre de un dominio.
La creacin y desarrollo de una pgina web se realiza bajo un lenguaje de programacin
capaz de ser interpretados por los navegadores, lenguajes como el HTML, PHP, ASP,
JSP o RUBY son ejemplos entre otros. Al inicio de la era de internet accesible, sobre los
aos 90, era necesario el conocimiento de algn lenguaje de programacin para el
desarrollo de una web, siendo una tarea encomendada a personas con altos
conocimientos informticos, hoy en da contamos con software especializado capaz de
trabajar como un editor de texto ,estilo Word, que transforman toda la informacin
insertada en un lenguaje de programacin capaz de ser interpretado por los navegadores,
de esta forma se liberaliz y se globaliz la creacin de pginas webs con apenas unos
escasos conocimientos informticos, programas como Dreamweaver, Amaya, Sharepoint
Designer o Mozilla Composer son entre otros los denominados WYSIWYG (acrnimo del
ingls lo que ves es lo que obtienes) capaces de crear complejas pginas webs con el
entorno de un simple editor de texto.








1.3.2 Historia de la Web
En 1980, Tim Berners-Lee, un contratista independiente en la Organizacin Europea para
la Investigacin Nuclear (CERN por sus siglas en ingles), Suiza, desarrollo ENQUIRE,
como una base de datos personal de gente y modelos de software, pero tambin como
una forma de interactuar con el hipertexto; cada nueva pgina de informacin en
ENQUIRE deba estar enlazada a una pgina existente.
1

En 1984 Berners-Lee regresa al CERN, y consider los problemas de la presentacin de
informacin: los fsicos alrededor del mundo necesitaban compartir datos y sus
computadoras y software de presentacin eran diferentes. En marzo de 1989 l escribi
una propuesta para una gran base de datos de hipertexto con enlaces tipados, pero esto
gener poco inters. Su jefe Mike Sendall, alent a Berners-Lee a comenzar a
implementar su sistema sobre la recientemente adquirida estacin de trabajo NeXT.
4
El
consider varios nombres para su sistema, incluyendo InformationMesh, TheInformation
Mine,
5
(cuya abreviatura sera TIM, como su propio nombre) o Mine of Informacin (que
abreviado sera MOI que en francs significa yo), para finalmente quedarse con World
Wide Web.
Como la conectividad a Internet se vuelve omnipresente, los fabricantes han comenzado a
influenciar el poder de expansin de la computacin de sus dispositivos para aumentar su
usabilidad y capacidad. A travs de la conectividad a Internet, los fabricantes son ahora
capaces de interactuar con los dispositivos que han vendido a sus clientes, y los clientes
son capaces de interactuar con el fabricante (y otros proveedores) para acceder a
contenido nuevo.
1.3.3 Tipos de pgina web
Podemos agrupar o clasificar todas las pginas webs en 2 grandes grupos:
Webs estticas.
Webs dinmicas.
1.3.3.1 Las webs estticas: son aquellas cuya informacin no vara en un tiempo a medio
o a corto plazo, tambin se las reconoce puesto que no interactan con el usuario o
navegante, su lenguaje de programacin est basado en HTML y estn compuestas
principalmente de textos e imgenes.



1.3.3.2 Las webs dinmicas: son aquellas que son capaces de interactuar con el usuario o
navegante dado a que estn conectadas con bases de datos que permiten el desarrollo
de aplicaciones webs, su principal ventaja es la personalizacin de la web en funcin del
usuario as como la rapidez de modificacin de los contenidos. Este tipo de webs estn
desarrolladas bajo lenguajes de programacin como PHP, ASP, JSP o RUBY, el manejo
de dichos lenguajes requiere de ciertos conocimientos informticos.

1.3.4 Elementos de una pgina Web
Una pgina Web tiene contenido que puede ser visto o escuchado por el usuario final.
Estos elementos incluyen, pero no exclusivamente:
Texto: El texto editable se muestra en pantalla con alguna de las fuentes que el usuario
tiene instaladas (a veces se utiliza una tecnologa de fuentes incrustadas, con lo que
vemos en el monitor una fuente que realmente no poseemos, pero es poco frecuente.) El
texto editable puede marcarse con el ratn o el teclado y copiarse a otra aplicacin, como
el bloc de notas (muchos de los elementos textuales de las pginas, en especial los
ttulos, botones de navegacin, etc. son realmente grficos, y su texto no es editable.)
Imgenes: Son ficheros enlazados desde el fichero de la pgina propiamente dicho. Se
puede hablar de tres formatos casi exclusivamente:
GIF, JPG y PNG.
Audio, generalmente en MIDI, WAV y MP3.
Adobe Flash.
Adobe Shockwave.
Grficas Vectoriales (SVG - Scalable Vector Graphics).
Hipervnculos, Vnculos y Marcadores.
La pgina Web tambin puede traer contenido que es interpretado de
forma diferente dependiendo del navegador y generalmente no es mostrado
al usuario final.
Scripts, generalmente Java Script.
Meta tags.
Hojas de Estilo (CSS - Cascading Style Sheets).
Funcionamiento de la Web.

Una vez que el usuario est conectado a Internet, tiene que instalar un programa capaz
de acceder a pginas Web y de llevarte de unas a otras siguiendo los enlaces.
El programa que se usa para leer los documentos de hipertexto se llama navegador, el
browser, visualizador o cliente y cuando seguimos un enlace decimos que estamos
navegando por la Web.
As, no hay ms que buscar la informacin o la pgina deseada y comenzar a navegar por
las diferentes posibilidades que ofrece el sistema.
Navegar es como llaman los usuarios de la red a moverse de pgina en pgina por todo el
mundo sin salir de su casa.
Mediante los Navegadores modernos podemos, acceder a hojas de clculo, base de
datos, vdeo, sonido y todas las posibilidades ms avanzadas. Pero el diseo de pginas
debe mantener un equilibrio entre utilizar todas las capacidades y la posibilidad de ser
ledas por cualquier tipo de Navegador.

1.4 JUSTIFICACIN
La I.E. 7081 Jos Mara Arguedas Altamirano no cuenta con una pgina Web para
transmitir informacin necesaria a los estudiantes, as generando la incomunicacin
constante entre el alumno-profesor y tambin con los padres de familia.
Esa situacin me motiva a realizar el presente proyecto de investigacin que se justifica
por su importancia y contenido, que es el implementar una pgina web y su respectivo
intranet.
Considero que sta pgina Web ser de valiosa importancia ya que con la pgina web el
padre de familia podr consultar desde la comodidad de su hogar u oficina y en cualquier
horario las actividades diarias y obligaciones de sus hijos, notas acadmicas y los
compromisos de deudas.
Los profesores tendrn mayor comodidad para el ingreso de calificaciones y novedades
de las actividades diarias en sus clases, de una manera confiable y rpida.
Adems los alumnos y/o padres de familia no tendrn que ir hasta la I.E. para obtener
informacin de matrcula, asambleas, eventos, etc. Pues, en esta pgina se podr
encontrar toda la informacin bsica que se necesite.







1.5 OBJETIVOS DE LA INVESTIGACIN/INNOVACIN TECNOLGICA
1.5.1 OBJETIVO GENERAL.
Disear e implementar un sitio Web para optimizar y fortalecer la comunicacin entre los
profesores, alumnos y padres de familia en los procesos de formacin pedaggica de la
Institucin Educativa Institucin Educativa 7081 Jos Mara Arguedas.
Elaborar una pgina web para mayor comunicacin entre miembros de esta institucin y
la sociedad.

1.5.2 OBJETIVOS ESPECIFICOS.
Identificar y analizar tanto los requerimientos bsicos de comunicacin de la
institucin educativa como la implementacin de un recurso tecnolgico moderno.
Estructurar los contenidos necesarios para la elaboracin de la pgina web acorde
a las necesidades detectadas.
Implementar el sitio Web de la Institucin educativa en el internet para
promocionar y fortalecer los procesos de formacin pedaggica de la institucin.
Realizar pruebas con el sistema desarrollado, verificando y validando la integridad
de los datos del programa con el fin de garantizar la informacin de los usuarios o
entidades que as lo soliciten.