LICEO LATINOAMERICANO

SANTA ANA

PROYECTO DE INVESTIGACIN
TEMA
CREACIN E IMPLEMENTACIN DE UN SITIO WEB PARA LA INSTITUCIN
EDUCATIVA LICEO LATINOAMERICANO
DOCENTE
KAREN ELIZABETH RAMN MORALES
PRESENTADO POR
RODRIGO FERNANDO LPEZ PREZ
MANUEL ALEJANDRO MOLINA SALGUERO
MARA FERNANDA MOLINA

NDICE
CAPITULO I

DESCRIPCIN DEL PROBLEMA

FORMULACIN DEL PROBLEMA

JUSTIFICACIN

OBJETIVOS

ALCANCES Y LIMITES

CAPITULO II

MARCO HISTRICO

10

MARCO TERICO

12

CAPITULO I
PLANTEAMIENT
O DEL
PROBLEMA

DESCRIPCIN DEL PROBLEMA

En la actualidad la herramienta de comunicacin e intercambio de

informacin ms demandada a nivel internacional es Internet. Una red
con una gran capacidad que nadie hasta la fecha ha podido sustituir, la
cual, cada da ms personas, empresas e instituciones hacen uso de
ella; ya que por medio de esta herramienta se puede conocer nuevas
personas y los ltimos inventos que los expertos estn creando para el
bienestar de la humanidad. Las empresas e instituciones han optado por
usar sta tecnologa para dar a conocer sus productos y servicios al
mercado, en sectores tales como: la comunicacin, educacin,
entretenimiento, salud, entre otros.
Los sitios web se han convertido en una de las opciones de mayor
consulta y divulgacin para la sociedad actual, como tambin uno de los
medios de comunicacin rpidos y entretenidos. Es as que hemos visto
la necesidad de dar a conocer los diferentes procesos de formacin
pedaggica que se dan en la Institucin Educativa Liceo
Latinoamericano, diseando un sitio web, donde se observara una
descripcin relacionada de los diferentes espacios que hacen parte de la
institucin.
Tambin, un sitio web permitira atraer y mantener una constante
comunicacin con los integrantes de la comunidad, ex alumnos y
personas particulares que de una u otra forma harn aportes en
beneficio de los procesos de formacin de los integrantes de la
comunidad educativa.
Es as, como hemos visto la necesidad de disear este sitio para que sea
visitado en la red, con el fin de promover y fortalecer a travs de la
comunicacin interactiva los procesos de formacin pedaggicos e
incursionar en el uso de la comunicacin a travs de medios
tecnolgicos y, de esta manera, contribuir al fortalecimiento de la
educacin de nuestra institucin.

FORMULACIN DEL PROBLEMA

Cmo utilizar las distintas herramientas, en

implementacin de un Sitio Web para la Institucin
medio de comunicacin interactiva para promocionar
procesos de formacin pedaggica de la institucin
Latinoamericano de Santa Ana?

la creacin e
Educativa como
y fortalecer los
educativa Liceo

JUSTIFICACIN
Debido a los beneficios que la tecnologa nos brinda, se ha visto la
necesidad de crear una sitio web que permita que los estudiantes
utilicen los medios que proporcionan las TIC en el desarrollo de las
clases y actividades que la Institucin brinda, llevando a que el
estudiante se interese ms por manipular estos medios.
Es necesario sensibilizar a las personas del uso inadecuado que hasta el
momento se ha tenido de los medios tecnolgicos al alcance de la
Institucin y los beneficios que brindara para estar al alcance de una
mejor comunicacin. La Institucin necesita recopilar la informacin de
la comunidad educativa para mostrarla a travs de un medio donde
todos puedan acceder a sta. El desarrollo de este proyecto permitir a
la comunidad educativa:

Conocer y comprender los cambios que significan en una comunidad

educativa las nuevas tecnologas de la informacin y las
consecuencias educativas de stos.

Utilizar los medios tecnolgicos para tener un acceso rpido y

actualizado a informacin referida a la Institucin objeto de esta
investigacin.

Fortalecer los procesos de formacin pedaggica

En relacin con los alumnos, les permitir mantenerse actualizados

de los cambios y acontecimientos institucionales, fortaleciendo la
comunicacin.

El uso de nuevas tecnologas de comunicacin permitir una

interaccin ms asertiva entre la institucin y sus integrantes.

Reducir costos.

La finalidad del proyecto es dar a la Institucin una herramienta

tecnolgica comunicativa, que le permita mejorar la comunicacin entre
la comunidad y promoverla a nivel regional, utilizando adecuadamente
los recursos informticos de comunicacin existentes.
Por todo lo antes expuesto, es conveniente que la institucin disponga
de una pgina web, con el fin de publicar y distribuir informacin
dinmica. A su vez, es posible la actualizacin contina y una mayor

difusin de la misma.

OBJETIVOS

OBJETIVO GENERAL
Crear e implementar un sitio web mediante el uso de distintas
herramientas para promocionar y fortalecer la comunicacin y los
procesos de formacin pedaggica de la Institucin.

OBJETIVOS ESPECIFICOS

Identificar las necesidades bsicas de comunicacin de la comunidad

educativa para permitir la elaboracin del sitio web.

Motivar a la comunidad educativa en el manejo adecuado y

provechoso de las pginas web.

Crear un ambiente que facilite el proceso de enseanza y de

aprendizaje.

Dar a conocer la importancia de poseer un sitio web para una

institucin, a los estudiantes del Liceo Latinoamericano.

Exhibir la institucin educativa Liceo Latinoamericano a nivel regional

y nacional.

Crear un espacio donde puedan interactuar docentes y alumnos.

Evaluar los beneficios que el Sitio Web traer a la comunidad

educativa.

ALCANCES Y LIMITES
ALCANCES

Con la ejecucin de este proyecto de investigacin se beneficiar a la

comunidad del centro educativito Liceo Latinoamericano.

Se conocer y se describir la importancia que un sitio web tiene para

una institucin.

Se investigarn herramientas que ayuden a la creacin de una pgina

web.

Con la informacin obtenida identificaremos los mayores beneficios

que la comunidad educativa recibe del sitio web.

LIMITES

Este trabajo de investigacin tiene un plazo meta de 7 meses.

Se utilizarn los recursos econmicos con los que cuenta la

institucin educativa.

CAPITULO II
MARCO
TERICO

MARCO HISTRICO
Internet comenz como un experimento de redes de computacin
fundado por el gobierno de Estados Unidos. Los inicios de Internet fueron
concebidos primero por Bob Taylor cuando era director de investigacin
en computacin en la Agencia del Proyecto de Investigacin Avanzada
(ARPA: Advance Research Project Agency) del Departamento de Defensa.
Internet fue diseada para abordar la necesidad de que sistemas de
computadoras de diferentes fabricantes y en diferentes ubicaciones
pudieran compartir datos. La red resultante fue llamada ARPANET.
Los sitios originales que se pusieron en red eran bases militares,
universidades y compaas con contratos del Departamento de Defensa.
Conforme creci el tamao de esta red experimental, lo mismo sucedi
con las preocupaciones por la seguridad. Las mismas redes usadas por
las compaas y las universidades para contratos militares se estaban
volviendo cada vez ms accesibles al pblico.
Como resultado, en 1984, ARPANET se dividi en dos redes separadas
pero interconectadas. El lado militar fue llamado MILNET. El lado
educativo todava era llamado tcnicamente ARPANET, pero cada vez se
hizo ms conocida como Internet.

EVOLUCIN
A principios de la dcada de 1990, se concibi WWW (World Wide Web)
como una forma de compartir informacin visual en una situacin de
trabajo en grupo. Sin embargo, pronto se hizo evidente que el mismo
mecanismo permitira que el usuario promedio usara con facilidad
Internet. Con Web, los usuarios novatos podran tener un poder

tremendo para hallar y tener acceso a la riqueza de informacin

localizada en sistemas de cmputos individuales a travs de todo el
mundo. Los servicios bsicos ofrecidos ahora por Internet son correo
electrnico, noticias en red, acceso a computadoras remotas y sistemas
de adquisicin de datos, y la capacidad para transferir informacin entre
computadoras remotas. En mayo de 1995, entre 35 y 45 millones de
personas estaban usando Internet y este nmero estaba creciendo un
estimado del 10 al 15% cada mes. Las estimaciones actuales colocan al
nmero de personas en Internet para enero de 1997 en 62 millones de
usuarios individuales. Muchas naciones se estn apresurando a instalar
la infraestructura necesaria para soportar a Internet. Son necesarias
lneas telefnicas y computadores modernos para soportar el ancho de
bando amplio de Internet. Sin embargo, con el advenimiento de
tecnologa de computacin y de redes de bajo costo y alta disponibilidad
muchos pases en desarrollo ven que pueden entrar al siglo XXI sin tener
que pasar un perodo de industrializacin. Las grandes empresas que
usan redes para comunicaciones internas eficientes a menudo usan
Internet para extender sus comunicaciones a todo el mundo.
En estos 30 aos Internet ha tenido una evolucin que se podr
simplificar mediante las siguientes etapas:
1. En un primer lugar la etapa experimental, que comprendera
desde sus inicios hasta el 1983. Internet se trataba entonces de
una pequea red que conectaba a unos cientos de usuarios. stos
participaban activamente en el desarrollo de la red y de sus
herramientas, y tenan un conocimiento elevado de los
mecanismos que se utilizaban. Al finalizar esta etapa se estimaba
que estaran conectados unos 2,000 sistemas.
2. Entre los aos 1984 hasta 1992, tuvo lugar la etapa Internet en
que los sistemas se estabilizaron y se universalizaron. Los usuarios
dependan de herramientas que suplantasen su desconocimiento
del funcionamiento interno de la red. En esta etapa aparecieron las
primeras compaas privadas que realizaban desarrollos tcnicos
en el rea. La etapa finalizaba con la conexin, en 9 aos, de 1
milln de computadoras a Internet.
3. La tercera fase, llamada etapa de la universalidad, iniciada en el
ao 1993, es la de la universalizacin global de Internet. El
trmino globalizacin se refiere a que Internet entra
aceleradamente en las empresas y en las casas de todo el mundo,
gracias a que dispone de herramientas comerciales y un conjunto
de servicios muy extenso y en continua evolucin. De esta forma
Internet se convierte en un medio de comunicacin global.

MARCO TERICO
Los sitios web son esencialmente un grupo de archivos asociados que se
muestran a travs de un navegador web. Los navegadores web pueden
leer diversos tipos de lenguajes de programacin, sin embargo, los sitios
ms comunes estn escritos en lenguaje de marcado de hipertexto
(HTML) y se analizan y se muestran a travs de un navegador web. La
pgina web ms simple puede ser un archivo HTML, mientras que los
sitios web ms avanzados pueden consistir en un nmero infinito de
archivos relacionados entre s.
Es un gran espacio documental organizado que la mayora de las veces
est tpicamente dedicado a algn tema particular o propsito
especfico. Cualquier sitio web puede contener hiperenlaces a cualquier
otro sitio web, de manera que la distincin entre sitios individuales,
percibido por el usuario, puede ser a veces borrosa. No debemos
confundir sitio web con pgina web; esta ltima es slo un archivo HTML,
una unidad HTML, que forma parte de algn sitio web. Al ingresar una
direccin web, como por ejemplo www.wikipedia.org, siempre se est
haciendo referencia a un sitio web, el que tiene una pgina HTML inicial,
que es generalmente la primera que se visualiza. La bsqueda en

Internet se realiza asociando el DNS ingresado con la direccin IP del

servidor que contiene el sitio web en el cual est la pgina HTML
buscada.
Mientras que pgina web es una fuente de informacin adaptada para la
WWW y se visualiza a travs de un navegador de internet o cliente web.
Est compuesta por multitud de archivos que pueden ser de imagen, de
video y por supuesto el archivo del cdigo fuente. Dicho cdigo est
escrito en lenguaje HTML, indicando con l donde colocar cada texto,
imagen o video y la forma de stos al colocarse en la pgina.

CMO SE COMPONE UN SITIO WEB

Una pgina web no es un elemento unitario, ya que con este trmino
nos solemos referir a uno o ms ficheros. Este conjunto incluye como
mnimo un fichero de cdigo HTML y puede incluir uno o varios ficheros
CSS, JavaScript, imgenes, etc. An as, una pgina web puede contener
muchos ms elementos.
Siguiendo esta divisin y buscando un ejemplo simple, nos podemos
encontrar, como mnimo, tres elementos:
1. Un fichero de definicin de la estructura y del contenido.
Este fichero es un documento HTML que incluye la informacin de
texto as como la estructura de la informacin: cabeceras, ttulos,
pies de pgina, mens, etc.
Este documento se guarda en un archivo con extensin .htm
.html

Bsicamente los documentos escritos en HTML constan de texto y

etiquetas. Las etiquetas permiten definir el formato del texto, el
ttulo que mostrar en la barra de ttulo del navegador, los
elementos multimedia que aparecern incrustados en el
documento pero que se almacenan en archivos externos, etc.
Todo documento HTML tiene la siguiente estructura: cabecera y
cuerpo del documento. Las tres etiquetas que describen su
estructura general son:

<html>: indica que se inicia el documento.

<head>: incluye el ttulo de la pgina (<title>) que se

muestra en la barra de ttulo del navegador.

<body>: contiene la informacin visible.

2. Un fichero con informacin sobre la visualizacin del

contenido. Se trata de un documento CSS (Hojas de estilos en
cascada) que utilizamos para definir la posicin de los diversos
bloques de informacin as como colores, estilos, imgenes y otros
aspectos visuales.
3. Un fichero de interaccin. Lo habitual es que se trate de un
documento JavaScript que define las funciones que determinan el
comportamiento del contenido a partir de las acciones del usuario.
Por su puesto podemos encontrar muchos ms materiales, pero con
estos elementos podemos crear un sitio web completo y complejo.

SERVICIOS NECESARIOS PARA LA CREACIN DE UNA PGINA

WEB

Hosting
Es la computadora donde se guarda toda la informacin de tu
pgina, correos, bases de datos y mucho ms.

Cuando entras a una pgina en Internet (por ejemplo sta), tu

computadora se conecta con otra computadora en internet para

descargar la informacin que va a mostrar, a sta otra

computadora se le llama Servidor, porque es la encargada de
brindar la informacin, y a tu computadora se le llama Cliente,
porque es quien recibe la informacin.
El servidor es el encargado de brindar el Web Hosting que es todo
lo necesario para que se pueda acceder a una pgina y ser
utilizada desde internet, tiene varios servicios, como son:

Espacio en la computadora para almacenar la pgina

Espacio para guardar los correos electrnicos
Recibir y enviar correos electrnicos
Guardar y administrar bases de datos
Guardar estadsticas sobre las visitas a la pgina de internet

Dependiendo del Hosting contratado, los servicios pueden variar.

Dominio
Los dominios son los "nombres" de las pginas en internet, as de
simple. Cuando quieres entrar a una pgina, normalmente
escribes el nombre, por ejemplo: www.google.com.
El nombre de dominio est compuesto por dos partes:
o El nombre:
El nombre que llevar tu pgina
o TLD:
La terminacin. Que puede ser .com, .com.sv, .org, .net y
muchas otras opciones. sta terminacin ayuda a indicar el
giro
de
tu
empresa
y
ubicacin: .com->
comercial; .com.mx ->
comercial
en
Mxico; .org->
asociacin civil u organizacin sin fines de lucro; .tv -> canal
de televisin o televisora.

HERRAMIENTAS

Servidor Local
No es indispensable, pero puede ahorrarnos ms de un dolor de
cabeza con los enlaces situados en nuestras pginas. Un servidor
local permitir que podamos acceder a nuestro sitio en forma local

(en nuestro ordenador) pero como si estuviramos accediendo a l

a travs de internet, es decir, con una direccin tipo
http://misitio/paginas.html. Si adems vas a desarrollar pginas
con PHP el servidor local es imprescindible. Aunque en el mercado
existen muchos programas para montar tu servidor local, el ms
extendido es el Apache.

Editor de pginas web

Aunque un editor de textos es suficiente para escribir una pgina
web, no est de ms contar con un programa especfico que
adems te dar otras prestaciones enfocadas al mantenimiento de
un sitio completo, como comprobacin y actualizacin de enlaces,
cambios en mltiples pginas, plantillas, etc.

Editor de imgenes
En otro apartado de esta gua se dice que las imgenes son
prcticamente imprescindibles en las pginas web, razn por la
cual no est de ms disponer de un editor de imgenes. Con l
podrs optimizar las imgenes, cambiar su formato o crear
imgenes propias para botones o barras de navegacin. Existen
muchos programas que pueden serte tiles en este apartado,
como por ejemplo Photoshop (de Adobe).

Cliente FTP
Es necesario un cliente FTP, es decir, un programa que te permita
enviar las pginas que hayas creado a donde hayas alojado tu sitio
web. Habitualmente es un programa que te conecta a tu
alojamiento mostrndote lo que all tienes almacenado (directorio
remoto), al mismo tiempo te muestra lo que tienes en tu sitio
local. Mediante algn botn o comando sencillo te permite como
mnimo enviar ficheros a tu directorio remoto o recogerlos para
traerlos a tu disco local. Hay algunos gratuitos como FileZilla
FTP o smartFTP.

TIPOS DE SITIO WEB

Existen distintas clasificaciones de sitios web, en nuestro caso solo nos
enfocaremos en la clasificacin de los sitios web del rea educativa.

Sitios web
educativos

Formativos

Sitios web
educativos

Informativo
s

Pedaggico

Didctico

Web
Institucion
al

Web
Recursos

Web
Institucion
al

Web Clase

Web de la
clase

Web
Docente

Web
recursos

Web
Docente

Web
Asignatur
a

Web
teleforma
ci

Web
Asignatur
a

CAPITULO III
HIPTESIS
Y OPERACIONALIZACI
ON.

A mayor utilizacin de la pgina web mayor ser el rendimiento

acadmico de los estudiantes de la institucin educativa liceo
latinoamericano.
A mayor implementacin de una pgina web mayor ser la proyeccin a
nivel regional de la institucin educativa liceo latinoamericano.
La utilizacin de forma correcta de la pgina web supondr un mayor
ahorro econmico para los estudiantes menos gastos en papelera.