DEDICATORIA

En primer lugar a DIOS, porque él es quien nos da la

vida y nos guía en nuestro camino Hoy, Mañana y
Siempre.

A nuestros padres y familiares que

Con esfuerzo y sacrificio han logrado que seamos
Profesionales.

Los Autores.

1
 AGRADECIMIENTO

A Dios, A nuestros padres y familiares por compartir

Nuevos e inolvidables momentos en nuestras vidas
y a nuestra alma mater, por la formación
Académica recibida.

2
INTRODUCCIÓN

En la actualidad, la sociedad de la información y de la comunicación juega un papel

muy importante en el desarrollo de la sociedad. Diariamente la información digital, es
manejada por millones de personas sin importar su rango de edad, raza o religión.
Los usuarios necesitan enfrentarse a la reducción de problemas, no solo como
usuarios sino también proyectarse hacia un futuro, donde la creatividad y la innovación
sean el enlace hacia su vida cotidiana, por eso la necesidad de crear instrumentos que
ayuden a superar estos inconvenientes, teniendo en cuenta la importancia de las
nuevas tecnologías en el mundo globalizado,
La empresa T&C Contratistas y Servicios S.R.L en coordinación con un grupo de
alumnos del I.E.S.T.P. “ALTO MAYO”, han detectado la problemática que presenta esta
empresa al no poseer una página web y la utilidad que esta brindaría.
El hecho de tener una página web es muy importante porque como institución con
énfasis en las nuevas tecnologías es fundamental el poseer y manejar los recursos
tecnológicos; ya que actualmente es indispensable manejar las TIC´S en todos los
campos de acción.

3
I. TÍTULO DEL PROYECTO
Implementación de una página web para el colegio “ESCULA REPUBLICA DEL
BRASAIL”

II. DIAGNÓSTICO Y JUSTIFICACIÓN

2.1. DIAGNÓSTICO
Existen múltiples antecedentes de investigaciones acerca del desarrollo y
aplicación de páginas web enfocados y desarrollados a la mejora de las
empresas a nivel mundial, nacional y regional.
En la actualidad tener una página web es la manera más barata de darse a
conocer de manera continua, sin hacer un gran esfuerzo de inversión en otro
tipo de publicidad, logrando el reconocimiento y prestigio, ya que hoy en día
toda empresa de cualquier tamaño se ve en la necesidad de tener una
presencia en internet para dar una buena imagen de prosperidad y futuro.
Debido a los avances tecnológicos en que se encuentra en la actualidad la
corporación mundial, estos han diseñado plataformas que permitan integrar
las soluciones de manera globalizada. En la actualidad esta herramienta lo
conocemos como el internet herramienta que permite a las organizaciones,
ofrecer y vender sus servicios y productos.
Es por ello que mediante el presente proyecto lo que se trata es de brindar
una solución a una de las áreas más importantes del desarrollo de los
países, facilitar a los clientes la información de la empresa a través del
internet, motivo por el cual desarrollaremos una página web para la empresa
T&C "Contratistas y Servicios Generales SRL”; que permita mejorar el
desarrollo de sus actividades (informar a sus clientes los eventos que se
realizarán u ofertas que puedan ofrecer) e integrar con los clientes una mejor
comunicación informándoles constantemente de sus nuevos productos y
servicios sin la molestia de otro tipo de publicidad más agresiva.
Analizando actualmente de cómo se encuentra la empresa hemos podido
identificar los siguientes problemas con que cuenta:

4
 No cuenta con un marketing específico: Y qué mejor forma de solucionar
este problema creando la página web para aumentar espectacularmente el
reconocimiento de su empresa o negocio por un inmenso número de
empresas y personas (clientes potenciales), no solo locales, sino nacionales
e incluso de todo el mundo.
Ausencia de publicación de los servicios que ofrece: Esto es uno de los
temas más preocupantes debido a que no tienen información publicada en
ningún tipo de web para que la sociedad sepa y este informado de las
actividades u ofrecimientos que puedan realizar como empresa.

2.2. JUSTIFICACIÓN
El presente proyecto productivo surge como una necesidad de la empresa
T&C "Contratistas y Servicios Generales SRL”, de contar con una página
web que le permita atraer clientes; ya que una página web es la mejor carta
de presentación para cualquier empresa; puede ser en muchos casos el
mejor vendedor, ya que será visitada por millones de usuarios las 24 horas
del día, obteniendo un costo de mantenimiento muy bajo a comparación con
otros medios publicitarios.
En el marco del desarrollo se pretende tener bien informado a todos los
usuarios que interactúan con la página web, brindándoles información
confiable y validada. Mejorando de este modo la imagen de la empresa
principalmente a nivel del distrito, provincia y departamento.

III. RESPONSABLES DEL PROYECTO

 Jose Enrique Huanca Calsina

IV. BREVE DESCRIPCIÓN DEL PROYECTO

El desarrollo e implementación del presente proyecto será el resultado de los
conocimientos adquiridos durante la formación técnica profesional y la experiencia
adquirida en cada una de las prácticas pre profesionales.

Es por ello que el proyecto consiste en la creación de una página web

implementado con la información básica y necesaria para el COLEGIO

5
REPUBLICA DEL BRASIL

La página web en la parte principal está estructurada con un encabezado con el

nombre deL colegio, y los accesos directos a las redes sociales, seguido de una
barra de menú donde irá el logo del colegio y los botones de: Inicio, incripciones,
institucion. Cada cual con su respectivo link..

4.1. HISTORIA DE LA WEB

En un principio las páginas web eran sólo texto, pero a medida que ha
evolucionado la tecnología, tanto los ordenadores como las redes de
telecomunicaciones, se ha generado nuevas formas de desarrollar la web.

La inclusión de imágenes fue la evolución más significativa, pero también

debemos mencionar el video y la animación, o los espacios 3D, lo que
aporta valores estilísticos, de diseño y de interactividad jamás imaginados
antes. El diseño de páginas web se ha desarrollado a medida que ha
evolucionado el internet. En 1992 sólo había alrededor de 50 sitios web. Las
últimas estadísticas nos confirmaban que actualmente rondan los 8,000
millones de sitios web, a los que diariamente se les suma a raíz de 4400 por
día.

Rápidamente, su importancia alcanzará las mismas cuotas que la televisión

o el teléfono. Datos recientes estiman que hay alrededor de 2 mil millones de
páginas colgadas y se espera que en los próximos años llegue a los 8 mil

6
 millones, excediendo el número de habitantes del planeta. Sin embargo, sólo
una fracción de este número es visitado habitualmente por la mayoría de los
usuarios (sólo alrededor de 15.000 sitios webs, el 0,4% del total).

A partir de estos datos se puede entender la necesidad de concentrar los

esfuerzos para atraer y mantener la atención de los usuarios. Junto con un
desarrollo efectivo de la estructura web y del contenido, el diseño y el uso
del color son la llave para atraer y ser identificados.

Formando vínculos en el subconsciente del usuario y generar esquemas

para captar y fidelizar a nuevos visitantes.

Al mismo tiempo que la evolución de los aparatos y de su introducción en los

hogares, también ha aumentado la calidad de las transmisiones a través
internet y ha bajado su precio. A medida que la tecnología ha solventado
estas dificultades, ya no nos encontramos con problemas de forma sino de
contenido.

4.2. WEB
La World Wilde Web (literalmente telaraña de alcance mundial), es un
sistema de documentos de hipertexto o híper-medios enlazados y accesibles
a través de Internet. Con un navegador web, un usuario visualiza sitios web
compuestos de páginas web que pueden contener texto, imágenes, videos u
otros contenidos multimedia, y navegar a través de ellas usando
hiperenlaces.

4.3. PÁGINA WEB

Una página web es un sitio en internet al cual se accede a través de una
dirección electrónica denominada URL y en el cual una empresa o institución
muestra sus servicios o características a poténciales visitantes de acuerdo al
interés de los mismos.

7
4.4. INTERNET
Es un conjunto descentralizado de redes de comunicación interconectadas
que utilizan la familia de protocolos TCP/IP, garantizando que las redes
físicas heterogéneas que la componen funcionen como una red lógica única,
de alcance mundial; y los exploradores son las herramientas que nos
permiten ingresar al internet. Los principales navegadores:

4.4.1. FIREFOX MOZILLA.-

Mozilla Firefox es un navegador de Internet libre y de código abierto
descendiente de Mozilla Application Suite, desarrollado por la
Corporación Mozilla, la Fundación Mozilla y un gran número de
voluntarios externos.

Firefox es un navegador multiplataforma y está disponible en varias

versiones de Microsoft Windows, Mac OS X, GNU/Linux y algunos
sistemas basados en Unix. Su código fuente es software libre,
publicado bajo una triple licencia GPL/LGPL/MPL.

Cuenta con el 22,47% del mercado de navegadores web en julio de

2009, por lo que es el segundo navegador más popular en todo el
mundo, después de Internet Explorer.

4.4.2. GOOGLE CHROME

Es un navegador web desarrollado por Google y compilado con base
en componentes de código abierto como el motor de renderizado
WebKit y su estructura de desarrollo de aplicaciones (framework),
disponible gratuitamente bajo condiciones de servicio específicas.
Cuenta con más de 310 millones de usuarios, y dependiendo de la
fuente de medición global, puede ser considerado el navegador más
usado de Internet.

8
 4.4.3. INTERNET EXPLORE
Es el navegador de Internet más utilizado de la actualidad. Sin
embargo no siempre es elegido como el mejor ya que se le reconocen
falencias frente a otras opciones de exploradores Web.

Este explorador gratuito de Microsoft está integrado a Windows y a

medida que nuevas versiones fueron apareciendo, fue modernizándose
e incorporando funciones innovadoras de sus competidores (como la
tecnología RSS, o la exploración con pestañas rápidas, etc.). En cuanto
al uso de pestañas debemos resaltar que es posible mostrar las
miniaturas de las páginas de las pestañas que se encuentren abiertas y
también es posible crear grupos de pestañas de manera fácil para abrir
todo el conjunto cada vez que lo queramos. Si bien se anuncian mejoras
en cuanto a la protección de datos no está catalogado como uno de los
más seguros para el resguardo de información.

4.5. DOMINIO DE INTERNET

Un dominio de Internet es un nombre de equipo que proporciona nombres

más fácilmente recordados en lugar de la IP numérica. Permiten a cualquier
servicio moverse a otro lugar diferente en la topología de Internet, que tendrá
una dirección IP diferente.
Un dominio se compone normalmente de tres partes: en
www.masadelante.com, las tres “W” (www), el nombre de la organización
(más adelante) y el tipo de organización (com).
Tipos de organización: Son .com, .net, edu, gob, y .org, que se refieren a
comercial, network, gobierno, y organización.
(Originalmente sin ánimo de lucro, aunque ahora cualquier persona puede
registrar un dominio .org).
Puesto que Internet se basa en direcciones IP, y no en nombres de dominio,
cada servidor web requiere de un servidor de nombres de dominio (DNS)
para traducir los nombres de los dominios a direcciones IP. Cada dominio

9
 tiene un servidor digamos que cada máquina (ordenador personal o servidor)
que está conectada a Internet es identificada mediante un número único
llamado “dirección IP” (IP son las siglas en inglés de “Internet Protocolo” o
“Protocolo de Internet”).

4.6. DOMINIO
Es una red de identificación asociada a un grupo de dispositivos o equipos
conectados a la red Internet.
El propósito principal de los nombres de dominio en Internet y del sistema de
nombres de dominio (DNS), es traducir las direcciones IP de cada nodo
activo en la red, a términos memorizables y fáciles de encontrar. Esta
abstracción hace posible que cualquier servicio (de red) pueda moverse de
un lugar geográfico a otro en la red Internet, aun cuando el cambio implique
que tendrá una dirección IP diferente.1
Sin la ayuda del sistema de nombres de dominio, los usuarios de Internet
tendrían que acceder a cada servicio web utilizando la dirección IP del nodo
(por ejemplo, sería necesario utilizar http://192.0.32.10 en vez de
http://example.com). Además, reduciría el número de webs posibles, ya que
actualmente es habitual que una misma dirección IP sea compartida por
varios dominios.

10
4.7. HOSTING O ALOJAMIENTO WEB

El alojamiento web (en inglés web hosting) es el servicio que provee a los
usuarios de Internet a un sistema para poder almacenar información,
imágenes, vídeo, o cualquier contenido accesible vía Web. Los Web Host
son compañías que proporcionan espacio de un servidor a sus clientes.
4.7.1. TIPOS DE ALOJAMIENTO WEB
El alojamiento web se divide en seis tipos: gratuitos, compartidos,
revendedores, servidores virtuales, servidores dedicados y de
colocación.

 ALOJAMIENTO GRATUITO.- El alojamiento gratuito es

extremadamente limitado cuando se lo compara con el alojamiento
de pago. Estos servicios generalmente agregan publicidad en los
sitios y tienen un espacio y tráfico limitado.
 ALOJAMIENTO COMPARTIDO.- (sharedhosting).- En este tipo de
servicio se alojan clientes de varios sitios en un mismo servidor,
gracias a la configuración del programa servidor web. Resulta una
alternativa muy buena para pequeños y medianos clientes, es un
servicio económico y tiene buen rendimiento.
 ALOJAMIENTO DE IMÁGENES.- Este tipo de hospedaje se
ofrece para guardar tus imágenes en internet, la mayoría de estos
servicios son gratuitos y las páginas se valen de la publicidad
colocadas en su página al subir la imagen.
 ALOJAMIENTO REVENDEDOR.- (reseller).- Este servicio de
alojamiento está diseñado para grandes usuarios o personas que
venden el servicio de Hosting a otras personas. Estos paquetes
cuentan con gran cantidad de espacio y de dominios disponibles
para cada cuenta.
 SERVIDORES VIRTUALES.- (VPS, Virtual Private Server).-
mediante el uso de una máquina virtual, la empresa ofrece el
control de un ordenador aparentemente no compartido. Así se

11
 pueden administrar varios dominios de forma fácil y económica,
además de elegir los programas que se ejecutan en el servidor. Por
ello, es el tipo de producto recomendado para empresas de diseño
y programación web.
 ALOJAMIENTO DEDICADOS.- El término servidor dedicado se
refiere a una forma avanzada de alojamiento web en la cual el
cliente alquila o compra un ordenador completo, y por tanto tiene e
el control completo y la responsabilidad de administrarlo. El cuidado
físico de la máquina y de la conectividad a Internet es tarea de la
empresa de alojamiento, que suele tenerlo en un centro de datos.
 COLOCACIÓN (O HOUSING).- Este servicio consiste
básicamente en vender o alquilar un espacio físico de un centro de
datos para que el cliente coloque ahí su propio ordenador. La
empresa le da la corriente y la conexión a Internet, pero el
ordenador servidor lo elige completamente el usuario (hasta el
hardware).

4.8. LENGUAJE DE PROGRAMACION WEB

Es un idioma artificial diseñado para expresar procesos que pueden ser

llevadas a cabo por máquinas como las computadoras. Pueden usarse para
crear programas que controlen el comportamiento físico y lógico de una
máquina, para expresar algoritmos con precisión, o como modo de
comunicación humana. Está formado por un conjunto de símbolos y reglas
sintácticas y semánticas que definen su estructura y el significado de sus
elementos y expresiones. Al proceso por el cual se escribe, se prueba, se
depura, se compila y se mantiene el código fuente de un programa
informático se le llama programación.

12
4.9. PRINCIPALES LENGUAJES DE PROGRAMACIÓN WEB

4.9.1. HTML
HyperText Markup Language («lenguaje de marcado de
hipertexto»), hace referencia al lenguaje de marcado predominante
para la elaboración de páginas web que se utiliza para describir y
traducir la estructura y la información en forma de texto, así como
para complementar el texto con objetos tales como imágenes. El
HTML se escribe en forma de «etiquetas», rodeadas por corchetes
angulares (<,>). HTML también puede describir, hasta un cierto punto,
la apariencia de un documento, y puede incluir un script (por ejemplo
JavaScript), el cual puede afectar el comportamiento de navegadores
web y otros procesadores de HTML.

4.9.2. PHP
Personal Home Page – PHP, es un lenguaje de programación de uso
general de script del lado del servidor originalmente diseñado para el
desarrollo web de contenido dinámico. Fue uno de los primeros
lenguajes de programación del lado del servidor que se podían
incorporar directamente en el documento HTML en lugar de llamar a
un archivo externo que procese los datos. El código es interpretado

13
 por un servidor web con un módulo de procesador de PHP que
genera la página Web resultante. PHP ha evolucionado por lo que
ahora incluye también una interfaz de línea de comandos que puede
ser usada en aplicaciones gráficas independientes. PHP puede ser
usado en la mayoría de los servidores web al igual que en casi todos
los sistemas operativos y plataformas sin ningún costo.

4.9.3. JAVA SCRIPT

JavaScript es el lenguaje de programación más popular en internet y
trabaja en todos los navegadores más importantes, tales como
Internet Explorer, Firefox, cromo, Opera y Safari.Se utiliza
principalmente del lado del cliente (es decir, se ejecuta en nuestro
ordenador, no en el servidor) permitiendo crear efectos atractivos y
dinámicos en las páginas web. Los navegadores modernos
interpretan el código JavaScript integrado en las páginas web.

4.9.4. ASP.NET
ASP.NET es un framework para aplicaciones web desarrollado y
comercializado por Microsoft. Es usado por programadores para
construir sitios web dinámicos, aplicaciones web y servicios web XML.
Esta construido sobre el Common Language Runtime, permitiendo a
los programadores escribir código ASP.NET usando cualquier
lenguaje admitido por el .NET Framework.

4.10. SERVIDOR WEB

Un servidor web es un programa que se ejecuta continuamente en un

computador, manteniéndose a la espera de peticiones de ejecución que le
hará un cliente o un usuario de Internet. El servidor web se encarga de
contestar a estas peticiones de forma adecuada, entregando como resultado
una página web o información de todo tipo de acuerdo a los comandos
solicitados.

14
4.10.1. TIPOS DE SERVIDORES WEB
 Apache: Este es el más común y más utilizado en todo el mundo.
Además, es gratuito (cómo no), y de código abierto, así que
podríamos decir que corre sobre cualquier plataforma.
 Microsoft IIS: Sólo funciona sobre sistemas Windows.
Si quieres empalarlo sobre otro sistema, tendrás que utilizar una
máquina virtual.
 Sun Java System Web Server: Este producto pertenece a la
casa Sun, y suele empalarse sobre entorno de este sistema.
Sin embargo, como Apache, es multiplataforma, y recientemente
Sun ha decidido distribuirlo con licencias de código abierto (BSD)
concretamente).
 Ngnix: Este es un servidor Web muy ligero y corre sobre sistemas
Unix y Windows.
Se ha convertido en el 4º servidor HTTP más popular de la red y
también se distribuye bajo licencia BSD.
 Lighttp: Este servidor Web es otro de los más ligeros que hay en
el mercado. Está especialmente pensado para hacer cargas
pesadas sin perder balance, utilizando poca RAM y poca de CPU.
Algunas páginas populares que lo usan son Youtube, Wikipedia y
otras que soportan gran tráfico diariamente. También es gratuito y
se distribuye bajo licencia BSD.

4.10.2. CARACTERISTICAS DE LOS SERVIDORES WEB

 Servidor de archivos estáticos, índices y autoindexado.
 Proxy inverso con opciones de caché.
 Balance de carga.
 Tolerancia a fallos.
 Soporte de HTTP sobre SSL.
 Soporte para FastCGI con opciones de caché.

15
  Servidores virtuales basados en nombre y/o en dirección IP.
 Streaming de archivos FLV y MP4.8
 Soporte para autenticación.
 Compresión gzip.
 Habilitado para soportar más de 10.000 conexiones simultáneas.

4.10.3. WAMP
Es el acrónimo usado para describir un sistema de infraestructura de
internet que usa las siguientes herramientas:
 Windows, como sistema operativo;
 Apache, como servidor web;
 MySQL, como gestor de bases de datos;
 PHP (generalmente), Perl, o Python, como lenguajes de
programación.

El uso de un WAMP permite servir páginas html a internet, además

de poder gestionar datos en ellas, al mismo tiempo un WAMP,
proporciona lenguajes de programación para desarrollar aplicaciones
web.
LAMP es el sistema análogo que corre bajo ambiente Linux
WAMP es el sistema análogo que corre bajo ambiente Windows
MAMP es el sistema análogo que corre bajo ambiente Macintosh
Wamp Server es un completísimo paquete de software que sirve
para instalar y configurar fácilmente en tu sistema el popular servidor
Web Apache, juntamente con el lenguaje de programación PHP y el
servidor de base de datos MySQL. Todo lo necesario para instalar
un servicio de base de datos web, reunido en una única aplicación

16
4.11. DISEÑO WEB.

Es una actividad que consiste en la planificación, diseño e implementación

de sitios web y páginas web.
El diseño de páginas web trata básicamente de realizar un documento con
información hiperenlazado con otros documentos y asignarle una
presentación para dispositivos de salida.
La nueva tendencia orienta a que las páginas Web no sean solo atractivas
para los internautas. También que sea popular entre ellos, una de las
formas más viables para esto es realizar un diseño interactivo y moderno a
la vanguardia y tratando de cubrir las necesidades de nuestros visitantes.
UTILIZANDO LAS SIGUIENTES HERRAMIENTAS:

4.11.1. CODEANYWHERE
Es un entorno de desarrollo web desde la nube, se trabaja en línea,
aunque también se puede descargarlo e instalarlo en un servidor
local; Esta aplicación en la nube ofrece versiones para usar en
dispositivos móviles Android y IOS. También ofrece una versión
para instalar en Google Chrome disponible desde la Chrome Web
Store. Esta aplicación esta creada en un modelo Freemium, esto
está disponible gratuitamente con algunas limitaciones. Ofrece otro
tipo de licencias según los recursos que necesites.
Codeanywhere te permite usar los siguientes lenguajes:

 PHP
 HMTL5
 Java
 Javascript
 Python
 Ruby
 C++.

17
 4.11.2. FIREWORKS CS5
Es un software que ayuda a crear en un instante y sin necesidad
de escribir un código, atractivos diseños para sitios web y apps
para dispositivos móviles. Ofrece imágenes de mapa bits y
vectoriales, bocetos, gráficos en 3D y contenido interactivo para las
tablets y los smartphones más conocidos.

4.11.3. ADOBE PHOTOSHOP

Es el nombre o marca comercial oficial que recibe uno de los
programas más populares de la casa Adobe Systems, junto con
sus programas hermanos Adobe Illustrator y Adobe Flash, y que se
trata esencialmente de una aplicación informática en forma de taller
de pintura y fotografía que trabaja sobre un "lienzo" y que está
destinado para la edición, retoque fotográfico y pintura a base de
imágenes de mapa de bits. Su nombre en español significa
literalmente "tienda de Fotos" pero puede interpretarse como "taller
de foto". Su capacidad de retoque y modificación de fotografías le
ha dado el rubro de ser el programa de edición de imágenes más
famoso del mundo.

V. OBJETIVOS
5.1. Objetivo General:
Implementar una página web para el colegio “ESCUELA REPUBLICA DEL
BRASIL”

5.2. Objetivos Específicos:

- Identificar los requerimientos de información a tener en cuenta en la
elaboración de la Página web.
- Agrupar y categorizar la información que será presentado como contenido
de Página Web.

18
VI. METAS, RESULTADOS Y EFECTOS ESPERADOS DEL PROYECTO
9.1. Metas
Con el desarrollo de este proyecto productivo se busca lograr que, El colegio
"Escula republica del brasil”, cuente con una página Web que permita
mejorar la imagen de la misma; así como también brindar información
validada de importancia, de tal forma tener una interactividad dinámica a
usuario.

9.2. Resultados
Contar con la página Web concluido eficientemente, en términos de diseño
y estructura que permita a la empresa consolidar su imagen institucional
acorde con las necesidades y expectativas de la sociedad.

9.3. Efectos
Que cualquier persona puede acceder a la información desde cualquier
lugar, sin la necesidad de ir a la empresa a cualquier hora.

VII. ANEXOS

19
20
21