BOSQUEJO DEL SITIO

La pgina principal del Sitio Web se compondr de una barra de mens en la parte inferior central de la
pantalla la cual contendr el men Inicio, Artculos, Galera y Contacto estas le permitirn al usuario
trasladarse a las otras secciones del sitio web, tambin contendr una pequea seccin de bsqueda en la
cual se podr realizar una bsqueda rpida, y a su vez esta mandara a otra ventana donde se desglosara la
informacin de la bsqueda ms a detalle. Y a su vez tambin contendr otra seccin con informacin
relevante, mostrando los productos y servicios ms novedosos de la Direccin Regional de Transportes y
Comunicaciones.
Y en la parte inferior derecha contendr una serie de link de otros sitios como los son Facebook, YouTube,
entre otras.

ESCENARIOS

Se pretende realizar una investigacin sobre los diferentes tipos de usuarios que pudieran acceder al sitio de
la Direccin de Regional de Transportes Y Comunicaciones, con el fin de conocer ms sobre las reas
de inters de los mismos para as poder crear una apariencia del sitio ms agradable para ellos con las
secciones de mayor inters, as como tambin conocer el tipo de tecnologa que utilizan como lo pudiera ser
el navegador, capacidad de la computadora, ya que depende de la capacidad de cada una para definir si es
posible ingresar al sitio desde estas, si se pone lenta o no, as como tambin se utilizara la Web 2.0 para
utilizar algunas de las funciones que esta ofrece para atraer ms a los visitantes del sitio.
En la pgina se puede ingresar accediendo de dos formas diferentes, tanto como administrador de la pgina
as como usuario de la misma. En este caso el administrador es el que cuenta con el permiso de poder
ingresar a la pgina y aadir nuevas actualizaciones a la pgina, podr cambiar la documentacin del mismo
as como podr tener acceso a los nuevos productos y servicios. El usuario ser la persona la cual slo podr
ingresar a la pgina y ver los nuevos productos con los que cuenta la pgina, as como podr buscar y
navegar dentro de la misma slo accediendo a la informacin interna de la misma.
Como los dems Escenarios tambin contendr en la parte inferior central del inicio de la pgina una
serie de botones que lo trasladaran a nuevas secciones del mismo sitio, como lo son inicio, galera, contacto y
artculos.
El usuario puede acceder a la pgina a visitar y conocer ms sobre los documentos de gestin de la
institucin que se mostraran en algunas imgenes sobre el sitio, las instalaciones institucin, as como
tambin se muestra informacin sobre las promociones con las que cuenta actualmente la Institucin. Y
tambin se muestran algunos videos sobre concurso certmenes y ceremonias con el fin de atraer a los
usuarios a visitar nuestra Web.
Tambin como en las dems secciones o escenarios tambin puede transportarse a las diferentes secciones
de la Pgina, por medio de los mens situados en la parte inferior central del escenario. Y por medio del:
Men 1.- Puede entrar a visitar la pgina de inicio.
Men 2.- Puede conocer sobre los artculos.
Men 3.- Sobre la galera de fotos.
Men 4.- Sobre el contacto para enviar algn mensaje.
Men 5.- Puede tener acceso al portal de Transparencia
En esta seccin se muestra la informacin de la bsqueda, pero para poder realizar la bsqueda puede
realizarlo desde cualquier seccin de la Pgina, ya que todas cuentan con una pequea seccin para buscar,
la cual se encuentra en la parte Superior Izquierda de cada Escenario.

ESTRUCTURACIN Y ORGANIZACIN

Nuestro objetivo es organizar todos los elementos de nuestro sitio Web en partes que sean
independientes, Comenzando con el tema o palabras clave desplcese hacia abajo por las pginas web hacia
una mayor y ms detallada el contenido.
La pgina no contendr pgina de inicio ya que a los usuarios no les interesa perder aunque sea
poco tiempo por un bonito diseo donde solamente se presentara el logo de la Institucin.

Se tratara de realizarla lo ms organizada posible con el fin de que el usuario no se pierda entre la
informacin.
Estructura en Web: Estas estructuras imponen pocas restricciones en el patrn de la informacin.
En este caso el objetivo es imitar el pensamiento asociativo y la libre circulacin de ideas; los
usuarios siguen sus intereses en una secuencia nica para cada usuario del Sitio.

ESQUEMA JERRQUICO DEL DESARROLLO WEB

RECURSOS

Los recursos a utilizar sern:

Compra de Hosting y Dominio
Costo de diseo
Duracin
COMPRA DOMINIO Y HOSTING
Descripcin de un Dominio y Hosting
DOMINIO.-Es el nombre de la institucin y la extensin que llevara ya puede ser:
.pe,
.gob
.com
.gob.pe
HOSTING.- Es el almacenamiento de la web donde estar almacenado (servidor del proveedor). Este punto
es muy importante porque tenemos que realizar la compra de un Hosting por la seguridad de los virus que
eliminan Pagina Web desarrolladas.

COSTO DEL PROYECTO

El proyecto no tendr ningn precio por que se desarrollara por la oficina de informtica para el beneficio de la
institucin.
DURACIN
El proyecto tendr una duracin de 5 meses modificables para el inicio y final lo cual la oficina de informtica
ser la responsable de su implementacin y desarrollo. Para lo cual pedimos su apoyo incondicional al enviar
la informacin necesaria que solicitaremos

Leer ms: http://www.monografias.com/trabajos95/proyecto-implementacion-diseno-y-desarrollo-paginaweb/proyecto-implementacion-diseno-y-desarrollo-pagina-web.shtml#ixzz3KrW5Zolq

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

5. IMPLEMENTACIN

5.1 Tecnologas utilizadas en el desarrollo del proyecto

5.1.1 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 y que permite publicar informacin de forma
global".
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.

5.1.2 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.
5.1.3 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.
5.1.4 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.
A continuacin har un resumen del trabajo realizado. El primer paso
que tom fue establecer los
requisitos que deba cumplir el sistema reunindome con la directora del
centro educativo. En
segundo lugar, realiz los modelos oportunos en UML para que me
sirvieran de gua durante la
implementacin. Como escog utilizar la arquitectura de tres capas, el
diseo de las distintas capas
que conforman la aplicacin fue el siguiente paso. A continuacin, llev
a cabo la etapa a la que
ms tiempo dediqu, la implementacin del prototipo. En esta ltima
etapa podra distinguir cuatro

fases: la del diseo de la web (primera aproximacin de la hoja de

estilos), la de la implementacin
de la intranet del administrador, la de la implementacin de la intranet
del usuario alumno/padre y la
de la implementacin de la intranet del usuario profesor. Por ltimo y
para comprobar el correcto
funcionamiento de todo el sistema, llev a cabo las pruebas de la
aplicacin.