UNIVERSIDAD NACIONAL DEL ALTIPLANO

FACULTAD DE INGENIERA MECNICA ELCTRICA, ELECTRNICA Y SISTEMAS

ESCUELA PROFESIONAL DE INGENIERA DE

SISTEMAS

TRABAJO ENCARGADO
CURSO:

TALLER DE PROGRAMACIN DE

APLICACIONES

TEMA:
PROYECTO DE ELABORACIN
DE LA PGINA WEB DE LA IES SAN
FRANCISCO DE BORJA

DOCENTE: Ing. Marga Isabel Ingaluque

Arapa

INTEGRANTES:
Arestegui Cahuana Saul

TTULO: ELABORACIN DE LA PGINA WEB DE LA IES

SAN FRANCISCO DE BORJA
1. Planteamiento del problema
El desarrollo del sitio web est orientado a ofrecer diversos
contenidos

funcionalidades

que

ayuden

poder

obtener

informacin sobre los servicios de los que dispone el colegio al

usuario annimo y a obtener informacin sobre alumnos y profesores
al usuario registrado. En la aplicacin se diferencian, por tanto, dos
partes bastante claras: la pblica y la privada. La parte pblica
(portal) ser accesible por todo el mundo y tendr informacin
general sobre el colegio. La parte privada (intranet) ser para uso
exclusivo de usuarios registrados y contendr informacin ms
especfica. Es por eso que se tiene la necesidad deelaborar una
pagiana web para el colegio SAN FRANCISCO DE BORJA de Yunguyo.
2. Justificacin
Presente proyecto web se realizado con la finalidad de desarrollar un
sitio web para IES SAN FRANCISCO DE BORJA, situado en la localidad
de Yunguyo (Departamento de Puno). Dicha web brindara una
informacin completa sobre el colegio y los servicios de los que
dispone, as como proporcionar una serie de funcionalidades a los
alumnos y profesores del centro educativo.
La web es accesible desde cualquier navegador por Internet y tiene
informacin referente a su localizacin, sus miembros (alumnos y
profesores) y su proyecto educativo. Se trata de dar una visin lo ms
completa posible de la institucin y de su funcionamiento.
3. Objetivos
a. Objetivo General
Elaborar una pgina web para la IES SAN FRANCISCO DE BORJA de la
ciudad de Yunguyo

b. Objetivos Especficos
Facilitar la interaccin entre las pginas web y sus usuarios a
travs del uso de mens y el diseo de una interfaz amigable e
intuitiva.
Mostrar informacin general del centro.
Permitir a los alumnos realizar consultas sobre sus asignaturas
y profesores.
Permitir a los profesores realizar consultas sobre sus alumnos.
Permitir al administrador de la web gestionar los datos del
sistema.
4. Marco terico
4.1. Definiciones, siglas y abreviaturas

Sitio web: Conjunto de archivos electrnicos y pginas web

referentes a un tema en particular que incluye una pgina inicial de
bienvenida, con un nombre de dominio y direccin en Internet
especficos.
Interfaz: Parte del programa informtico que permite el flujo de
informacin entre varias aplicaciones o entre el propio programa y el
usuario.
Intranet: Parte privada de la aplicacin donde slo tendrn acceso a
la informacin los usuarios que estn registrados.
Navegador: Permite al usuario recuperar y visualizar pginas web a
travs de Internet.
Servidor web: Se trata de un programa que implementa el protocolo
HTTP (HyperText Transfer Protocol). Este protocolo est diseado para
transferir lo que llamamos hipertextos, pginas web o pginas HTML:
textos complejos con enlaces, figuras, formularios, botones y objetos
incrustados como animaciones o reproductores de msica.
Centro: Sitios donde se imparten los niveles de educacin primaria.
Etapa educativa: Cada uno de los tramos en los que se estructura el
sistema educativo espaol.

Proyecto curricular: Documento donde se indican los objetivos,

estrategias y contenidos en la prctica docente.
Curso: Unidad de imparticin de la enseanza.
4.2. Referencias

ANSI/IEEE Std. 830 1984. Gua del IEEE para la especificacin

de requerimientos software.
Una gua para la realizacin y supervisin de proyectos final de
carrera en el mbito de la web.
Apuntes de las asignaturas ISG.
Ejemplos de otros proyectos.
4.3. Restricciones

Al tratarse de una aplicacin web, se requiere un ordenador con un

navegador convencional y una conexin a Internet bsica.
4.4. Tecnologas utilizadas en el desarrollo del proyecto

a) HTML y XHTML
HTML, siglas de HyperText Markup Language (Lenguaje de Marcado
de Hipertexto), es el lenguaje de marcado predominante para la
elaboracin de pginas web. Es usado para describir la estructura y el
contenido en forma de texto, as como para complementar el texto
con objetos tales como imgenes. HTML se escribe en forma de
"etiquetas", rodeadas por corchetes angulares (<,>).
El lenguaje HTML es un estndar reconocido en todo el mundo y
cuyas normas define un organismo sin animo de lucro llamado World
Wide Web Consortium, ms conocido como W3C.
Como se trata de un estndar reconocido por todas las empresas
relacionadas con el mundo de Internet, una misma pgina HTML se
visualiza de forma muy similar en cualquier navegador de cualquier
sistema operativo. El propio W3C define el lenguaje HTML como "un
lenguaje

reconocido

universalmente

informacin de forma global".

que

permite

publicar

Por convencin, los archivos de formato HTML usan la extensin .htm

o .html.
XHTML es el sucesor de HTML. XHTML, acrnimo ingls de eXtensible
Hypertext Markup Language (lenguaje extensible de marcado de
hipertexto), es el lenguaje de marcado pensado para sustituir a HTML
como estndar para las pginas web. XHTML es la versin XML de
HTML, por lo que tiene, bsicamente, las mismas funcionalidades,
pero cumple las especificaciones, ms estrictas, de XML.
XHTML tiene como objetivo avanzar en el proyecto del W3C de lograr
una web semntica, donde la informacin, y la forma de presentarla
estn claramente separadas. En este sentido, XHTML servira
nicamente

para

transmitir

la

informacin

que

contiene

un

documento, dejando para hojas de estilo y JavaScript su aspecto y

diseo en distintos medios.
b) CSS
Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un
lenguaje formal usado para definir la presentacin de un documento
estructurado escrito en HTML o XML (y por extensin en XHTML). El
W3C es el encargado de formular la especificacin de las hojas de
estilo que servir de estndar para los agentes de usuario o
navegadores.
La idea que se encuentra detrs del desarrollo de CSS es separar la
estructura de un documento de su presentacin. La informacin de
estilo puede ser adjuntada tanto como un documento separado o en
el mismo documento HTML. En este ltimo podran definirse estilos
generales en la cabecera del documento o en cada etiqueta particular
mediante el atributo "style".
Las ventajas de utilizar CSS (u otro lenguaje de estilo) son:

 Control centralizado de la presentacin de un sitio web

completo, con lo que se agiliza de forma considerable la
actualizacin del mismo.
Los navegadores permiten a los usuarios especificar su propia
hoja de estilo local que ser aplicada a un sitio web remoto, con
lo que aumenta considerablemente la accesibilidad.
Una pgina puede disponer de diferentes hojas de estilo segn
el dispositivo que la muestre.
El documento HTML en s mismo es ms claro de entender y se
consigue reducir considerablemente su tamao.
c) JavaScript, jQuery y AJAX
JavaScript es un lenguaje interpretado utilizado principalmente en
pginas web, con una sintaxis semejante a la del lenguaje Java. Sin
embargo, al contrario que Java, JavaScript no es un lenguaje
orientado a objetos propiamente dicho, ya que no dispone de
herencia. Es ms bien un lenguaje basado en prototipos, ya que las
nuevas clases se generan clonando las clases base (prototipos) y
extendiendo su funcionalidad.
Todos los navegadores interpretan el cdigo JavaScript integrado
dentro de las pginas web. Para interactuar con una pgina web se
provee al lenguaje JavaScript de una implementacin del DOM
(Modelo de Objetos del Documento). JavaScript se ejecuta en el
agente de usuario al mismo tiempo que las sentencias van
descargndose junto con el cdigo HTML. jQuery es una biblioteca o
framework de JavaScript que permite simplificar la manera de
interactuar con los documentos HTML, manipular el arbol DOM,
manejar eventos, desarrollar animaciones y agregar interaccin con la
tecnologa AJAX a pginas web.
jQuery,

al

igual

que

otras

bibliotecas,

ofrece

una

serie

de

funcionalidades basadas en JavaScript que de otra manera requeriran

de mucho ms cdigo, es decir, con las funciones propias de esta
biblioteca se logran grandes resultados en menos tiempo y espacio.

AJAX, acrnimo de Asynchronous JavaScript And XML (JavaScript

asncrono y XML), es una tcnica de desarrollo web para crear
aplicaciones interactivas o RIA (Rich Internet Applications).
Estas aplicaciones se ejecutan en el cliente, es decir, en el navegador
de los usuarios mientras se mantiene la comunicacin asncrona con
el servidor en segundo plano. De esta forma es posible realizar
cambios sobre las pginas sin necesidad de recargarlas, lo que
significa aumentar la interactividad, velocidad y usabilidad en las
aplicaciones.
d) PHP
PHP es un lenguaje interpretado de propsito general ampliamente
usado, diseado especialmente para desarrollo web y que puede ser
incrustado dentro de cdigo HTML. Generalmente se ejecuta
En un servidor web, tomando el cdigo en PHP como su entrada y
creando pginas web como salida. Puede ser desplegado en la
mayora de los servidores web y en casi todos los sistemas operativos
y plataformas sin costo alguno. PHP se encuentra instalado en ms de
20 millones de sitios web y en un milln de servidores. Es tambin el
mdulo Apache ms popular entre las computadoras que utilizan
Apache como servidor web.
El gran parecido que posee PHP con los lenguajes ms comunes de
programacin estructurada, como C y Perl, permiten a la mayora de
los programadores crear aplicaciones complejas con una curva de
aprendizaje

muy

corta.

Tambin

les

permite

involucrarse con

aplicaciones de contenido dinmico sin tener que aprender todo un

nuevo grupo de funciones.
Aunque todo en su diseo est orientado a facilitar la creacin de
pgina web, es posible crear aplicaciones con una interfaz grfica
para el usuario, utilizando la extensin PHP-Qt o PHP-GTK.

Tambin puede ser usado desde la lnea de rdenes, de la misma

manera como Perl o Python pueden hacerlo; a esta versin de PHP se
la llama PHP-CLI (Command Line Interface).
Cuando el cliente hace una peticin al servidor para que le enve una
pgina web, el servidor ejecuta el intrprete de PHP. ste procesa el
script solicitado que generar el contenido de manera dinmica (por
ejemplo obteniendo informacin de una base de datos). El resultado
es enviado por el intrprete al servidor, quien a su vez se lo enva al
cliente. Mediante extensiones es tambin posible la generacin de
archivos PDF, Flash, as como imgenes en diferentes formatos.
Permite la conexin a diferentes tipos de servidores de bases de
datos tales como MySQL, Postgres, Oracle, ODBC, DB2, Microsoft SQL
Server, Firebird y SQLite.
PHP tambin tiene la capacidad de ser ejecutado en la mayora de los
sistemas operativos, tales como UNIX (y de ese tipo, como Linux o
Mac OS X) y Windows, y puede interactuar con los servidores de web
ms populares ya que existe en versin CGI, mdulo para Apache, e
ISAPI.
PHP es una alternativa a las tecnologas de Microsoft ASP y ASP.NET, a
ColdFusion de la compaa Adobe, a JSP/Java de Sun Microsystems, y
a CGI/Perl.
e) Adobe Dreamweaver
Adobe Dreamweaver es una aplicacin en forma de estudio enfocada
a la construccin y edicin de sitios y aplicaciones web basados en
estndares. Es el programa de este tipo ms utilizado en el sector del
diseo y la programacin web, por sus funcionalidades, su integracin
con otras herramientas como Adobe Flash y, recientemente, por su
soporte de los estndares del W3C. Su principal competidor es
Microsoft Expression Web y tiene soporte tanto para edicin de
imgenes como para animacin a travs de su integracin con otras.

Las versiones originales de la aplicacin se utilizaban como simples

editores WYSIWYG. Sin embargo, versiones ms recientes soportan
otras tecnologas web como CSS, JavaScript y algunos frameworks del
lado servidor. Esta aplicacin est disponible tanto para la platafoma
MAC como para Windows, aunque tambin se puede ejecutar en
plataformas basadas
5. Requerimientos
La

especificacin

de

requisitos

es

definir

cules

son

los

requerimientos que debe tener la aplicacin que se va a desarrollar y

describir la funcionalidad del usuario a lo largo de ella.
Debido a la metodologa empleada en el diseo de la aplicacin, el
portal web tiene un rendimiento del 100% independientemente del
hardware y software utilizado. Los nicos factores que pueden influir
son las velocidades de conexin del cliente y del servidor. En cuanto
al servidor, actualmente la mayora cuentan con velocidades de
subida ms que suficientes para nuestras necesidades.
Respecto al cliente, las velocidades ofrecidas actualmente por los ISP
tambin son ms que suficientes para la correcta transmisin de
datos entre el cliente y el servidor.
Otro aspecto que hemos tratado de cuidar especialmente es la
resolucin del monitor. La mejor resolucin para visualizar nuestra
aplicacin es 1280x800,
a. Hardware
Al tratarse de una aplicacin web, se podr visualizar sobre
cualquier sistema operativo.
b. Software
La

aplicacin

funcionar

en

cualquier

mquina

con

un

navegador web y conexin a Internet.

Las comunicaciones se efectuarn siguiendo el protocolo HTTP
mediante conexiones TCP/IP.

c. Recursos Humanos
Diseador web
d. Materiales de escritorio

Laptop
Mueble
Silla
Lpiz
Lapiceros
Resaltador
Papel

6. Financiamiento
El presente proyecto ser auto financiado por los elaboradores del
proyecto
7. Cronograma de actividades
ACTIVIDADES
Gestionar

la informacin existente de la IES

San Francisco de Borja

Disear la estructura dela pgina web
Implementar la pgina web
Testar la pgina web
Elaborar informe final

8. Bibliografa
- Apuntes de ISG, BDA, DBD y CDH.
- Pgina oficial de PHP
www.php.org
- Desarrollo Web
www.desarrolloweb.com
- Wikipedia, la enciclopedia libre
www.wikipedia.org
- PHP 6. Curso profesional de programacin

SEMANA
1 2 3

x
x

x
x

x
x

x
x

Edgar DAndrea
Ediciones InforBooks
- Una gua para la realizacin y supervisin de PFC en el mbito de la
Web
Felx Buenda Garca
Editorial Universidad Politcnica de Valencia
- Gua del IEEE para la especificacin de requerimientos software
ANSI/IEEE Std. 830 1984
9. Anexos

Interfaz De Usuario