INSTITUTO TECNOLOGICO SUPERIOR DE RIOVERDE

PROGRAMACION WEB

INSTITUTO TECNOLOGICO SUPERIOR DE RIOVERDE

PROGRAMACION WEB

INGENIERIA EN SISTEMAS COMPUTACIONALES

PROYECTO
ENVIO DE PAQUTES

ING. BERNARDO MARTINEZ SANTIAGO

ABEL MARTINEZ MTZ

JOAN GARCIA RESENDIZ

08 DE OCTUBRE DEL 2010

PROYECTO: ENVIO DE PAQUETES 1

ABEL MARTINEZ MTZ
JOAN SEBASTIAN GARCIA RESENDIZ
 INSTITUTO TECNOLOGICO SUPERIOR DE RIOVERDE
PROGRAMACION WEB

INDICE

Contenido
ARQUITECTURA DE DESARROLLO DEL PROYECTO ........................................................................ 3
LENGUAJE PARA LA PROGRAMACIÓN DEL SERVIDOR ................................................................. 5

PHP ........................................................................................................... 5
Características de PHP............................................................................................................... 5
Ventajas ................................................................................................................................. 5
Inconvenientes ...................................................................................................................... 5
HTML ......................................................................................................................................... 6

........................................................................................................ 6
JUSTIFICACION .............................................................................................................................. 7
HERRAMIENTAS PARA EL DESARROLLO DEL PROYECTÓ............................................................... 8

............................................................................................................ 9
MySQL Workbench........................................................................................................................ 9
Sistema operativo utilizado en el proyecto................................................................................... 9
METODOLOGIA............................................................................................................................ 10
DISEÑO DE ENTORNO GRAFDICO , NAVEGACION Y DIAGRAMA DE LA BASE DE DATOS ............ 11
SEGURIDAD DE PROYECTO .......................................................................................................... 16

PROYECTO: ENVIO DE PAQUETES 2

ABEL MARTINEZ MTZ
JOAN SEBASTIAN GARCIA RESENDIZ
 INSTITUTO TECNOLOGICO SUPERIOR DE RIOVERDE
PROGRAMACION WEB

ARQUITECTURA DE DESARROLLO DEL PROYECTO

Una breve explicación sobre la arquitectura seria la siguiente para poder saber o
poder definir en que arquitectura encajaría el proyecto a desarrollar.

ARQUITECTURA 3 CAPAS
Capa de presentación: es la que ve el usuario (también se la denomina "capa de
usuario"), presenta el sistema al usuario, le comunica la información y captura la
información del usuario en un mínimo de proceso También es conocida como interfaz
gráfica y debe tener la característica de ser "amigable

Capa de negocio: es donde residen los programas que se ejecutan, se reciben las
peticiones del usuario y se envían las respuestas tras el proceso. Se denomina capa de
negocio porque es aquí donde se establecen todas las reglas que deben cumplirse. Esta
capa se comunica con la capa de presentación, para recibir las solicitudes y presentar los
resultados, y con la capa de datos, para solicitar al gestor de base de datos

Capa de datos: es donde residen los datos y es la encargada de acceder a los mismos.
Está formada por uno o más gestores de bases de datos que realizan todo el
almacenamiento de datos, reciben solicitudes de almacenamiento o recuperación de
información desde la capa de negocio.

En el proyecto a desarrollar cuenta o encaja bien en esta arquitectura por lo

siguiente que tendrá un entorno grafico para la vista hacia el usuario sea cliente o
administrador o personal dependiendo de cual sea el proyecto en este caso contara con
la vista grafica hacia el publico que quiera consultar sobre el envió de un paquete que
envío o recibirá

En esta capa se contara con la programación que abra de tras del servidor y del
cliente para su intersección con la peticiones que se hagan ala siguiente capa que será
donde se contenga el gestor de datos en donde podrás manipular la información en su
respectiva base de datos

En la capa de datos también contara con ella por que en ella abra otro usuario
quien será quien interactuara con la base de datos ingresando datos eliminando en si
manipulando la información que se contendrá en la base de datos para responder a las
peticiones en este caso las consultas que hagan algunos usuarios

PROYECTO: ENVIO DE PAQUETES 3

ABEL MARTINEZ MTZ
JOAN SEBASTIAN GARCIA RESENDIZ
 INSTITUTO TECNOLOGICO SUPERIOR DE RIOVERDE
PROGRAMACION WEB
este diagrama seria su representación para una mejor explicación en el sepueden ver y
entender mejor las capas

PROYECTO: ENVIO DE PAQUETES 4

ABEL MARTINEZ MTZ
JOAN SEBASTIAN GARCIA RESENDIZ
 INSTITUTO TECNOLOGICO SUPERIOR DE RIOVERDE
PROGRAMACION WEB

LENGUAJE PARA LA PROGRAMACIÓN DEL SERVIDOR

PHP

PHP es un lenguaje de programación interpretado, diseñado originalmente para la

creación de páginas Web dinámicas. Es usado principalmente en interpretación del lado
del servidor (server-side scripting) pero actualmente puede ser utilizado desde una
interfaz de línea de comandos o en la creación de otros tipos de programas incluyendo
aplicaciones con interfaz gráfica usando las bibliotecas Qt o GTK+.

PHP es un acrónimo recursivo que significa PHP Hypertext Pre-processor (inicialmente

PHP Tools, o, Personal Home Page Tools). Fue creado originalmente por Rasmus
Lerdorf en 1994; sin embargo la implementación principal de PHP es producida ahora
por The PHP Group y sirve como el estándar de facto para PHP al no haber una
especificación formal. Publicado bajo la PHP License, la Free Software Foundation
considera esta licencia como software libre.

Características de PHP

Ventajas

 Es un lenguaje multiplataforma.
 Completamente orientado al desarrollo de aplicaciones web dinámicas con
acceso a información almacenada en una Base de Datos.
 El código fuente escrito en PHP es invisible al navegador y al cliente ya que es
el servidor el que se encarga de ejecutar el código y enviar su resultado HTML
al navegador. Esto hace que la programación en PHP sea segura y confiable.
 Capacidad de conexión con la mayoría de los motores de base de datos que se
utilizan en la actualidad, destaca su conectividad con MySQL y PostgreSQL.
 Capacidad de expandir su potencial utilizando la enorme cantidad de módulos
(llamados ext's o extensiones).
 Posee una amplia documentación en su página oficial, entre la cual se destaca
que todas las funciones del sistema están explicadas y ejemplificadas en un
único archivo de ayuda.
 Es libre, por lo que se presenta como una alternativa de fácil acceso para todos.
 Permite aplicar técnicas de programación orientada a objetos.
 Biblioteca nativa de funciones sumamente amplia e incluida.
 No requiere definición de tipos de variables aunque sus variables se pueden
evaluar también por el tipo que estén manejando en tiempo de ejecución.
 Tiene manejo de excepciones (desde PHP5).

Inconvenientes

 La ofuscación de código es la única forma de ocultar las fuentes.

PROYECTO: ENVIO DE PAQUETES 5

ABEL MARTINEZ MTZ
JOAN SEBASTIAN GARCIA RESENDIZ
 INSTITUTO TECNOLOGICO SUPERIOR DE RIOVERDE
PROGRAMACION WEB
HTML

1. Introducción
El HTMLno es más que una aplicación del SGML (Standard Generalizad Markup
Language), un sistema para definir tipos de documentos estructurados y lenguajes de
marcas para representar esos mismos documentos. El término HTML se suele referir a
ambas cosas, tanto al tipo de documento como al lenguaje de marcas.
A medida que nos afianzamos en el manejo de Internet cada uno de nosotros pasa por
tres etapas diferentes: Al principio solamente conocemos unas pocas páginas, luego nos
damos cuenta que existen buscadores lo cual lo hace más interesante y por último nos
damos cuenta que en Internet no solamente se puede ver la información sino que
también se puede publicar. ¿y qué otra manera más fácil y más sencilla? Si Internet
tiene acceso a todos los rincones del mundo.

Para que varias personas se comuniquen es necesario que éstas hablen un mismo
idioma. El lenguaje que utilizan las computadoras que están conectadas a Internet es
HTML.

4. Creación de páginas web con lenguaje HTML

Para crear una página web se pueden utilizar varios programas especializados en esto,
como por ejemplo, el Microsoft Front Page o el Macromedia Dreamweaver 3. Otra
forma de diseñar un archivo.html, es copiar todo en el Bloc de Notas del Windows, ya
que este sencillo programa cumple con un requisito mínimo que es la posibilidad de
trabajar con las etiquetas con las que trabaja este lenguaje.

A continuación les mostraremos las etiquetas más comunes que deben aprenderse para
hacer una página Web.
Estructura de los documentos de HTML

Si se tiene en cuenta el contenido del documento, todos los documentos de HTML bien
escritos comparten una estructura en común. Un documento de HTML empieza con la
etiqueta <HTML>, que es la que encerrará el documento actual. Contiene dos secciones
primordiales: la cabecera y el cuerpo encerrados respectivamente por los elementos
<HEAD> cabeza y <BODY> cuerpo.

La cabecera puede contener información y siempre contiene el titulo del documento

encerrado por el elemento <TITLE>.
En el cuerpo se encuentra todo el contenido del documento, ya sea, texto, imágenes,
sonidos,hipervínculos,etc.
Un documento escrito en HTML contiene las siguientes etiquetas en el siguiente orden:

PROYECTO: ENVIO DE PAQUETES 6

ABEL MARTINEZ MTZ
JOAN SEBASTIAN GARCIA RESENDIZ
 INSTITUTO TECNOLOGICO SUPERIOR DE RIOVERDE
PROGRAMACION WEB

JUSTIFICACION
El por que el uso de estos dos programas para la realización son los siguientes

HTML . este lenguaje de programación para paginas web es muy censillo es por
eso que se decidió el uso de este para llevar acabo la elaboración del entorno de el
cliente por así nombrar a este usuario .

Por su sencilles sera una ventaja para la elaboración de nuestro proyecto ya que
es muy simple en cuanto a su entendimiento y no es una programación muy compleja
con esto se tiene pensado que se ahorre tiempo al momento de su desarrollo practico

PHP este lenguaje se ha escojido para la realización de la programación del lado

del servidor en este caso sera nuestro servidor que esta enlazado ala base de datos

Este lenguaje se escojio por su ventajas acuanto a su programación ya que es

multiplataforma , que es uno de los mas usados para la realización de pagina web
dinamicas , de que su codigo fuente no puede ser visto mas que por el servidor asi que
nos ofrece un sierto punto de seguridad acuanto al diseño o elaboración de nuestra
pagina web.

PROYECTO: ENVIO DE PAQUETES 7

ABEL MARTINEZ MTZ
JOAN SEBASTIAN GARCIA RESENDIZ
 INSTITUTO TECNOLOGICO SUPERIOR DE RIOVERDE
PROGRAMACION WEB

HERRAMIENTAS PARA EL DESARROLLO DEL PROYECTÓ

Para desarrollar la página Web elegimos el software DreamWeaver, ya que este es de

muy fácil manejo y entendimiento, te da la mayoría de las herramientas solo consta de
introducir los datos y no es necesario meterte en tantas aplicaciones o visualizaciones

El programa DreamWeaver es una herramienta de desarrollo profesional de sitios Web,

que cuenta con características novedosas y ofrece un panorama amplio de opciones de
diseño, indispensable para los diseñadores expertos y principiantes de Web.

DreamWeaver puede utilizarse para crear sitios Web en forma visual, con una interfaz
gráfica de fácil manejo que permite visualizar los cambios efectuados al mismo tiempo
se realizan.

Durante el desarrollo del proyecto se verá el proceso de creación de una página Web: la
definición de una estrategia y unos objetivos del sitio, el diseño (en el que se define el
aspecto y el funcionamiento del sitio), la fase de producción y desarrollo (durante la
cual se crea el sitio); la comprobación de la funcionalidad para ver si se cumplen los
objetivos establecidos y, al final, la publicación del sitio.

Para crear la base de datos del proyecto utilizaremos al herramienta Workbench por su

Esta también es un software de apoyo muy útil, te d ala la mayoría de las herramienta
ya predefinidas para desarrollar una base de datos, esto ara mas sencillo y optimo el
desarrollo del trabajo.

PROYECTO: ENVIO DE PAQUETES 8

ABEL MARTINEZ MTZ
JOAN SEBASTIAN GARCIA RESENDIZ
 INSTITUTO TECNOLOGICO SUPERIOR DE RIOVERDE
PROGRAMACION WEB

MySQL Workbench
MySQL Workbench es un software creado por la empresa informática Sun
Microsystems, esta herramienta permite modelar diagramas de entidad-relación para
bases de datos MySQL. Puede utilizarse para diseñar el esquema de una base de datos
nueva, documentar una ya existente o realizar una migración compleja.

La aplicación elabora una representación visual de las tablas, vistas, procedimientos

almacenados y claves foráneas de la base de datos. Además, es capaz de sincronizar el
modelo en desarrollo con la base de datos real, ingeniería inversa para importar el
esquema de una base de datos ya existente el cual haya sido guardado o hecho copia de
seguridad con MySql Administrator.

MySQL Workbench también puede generar el guión necesario para crear la base de
datos que se ha dibujado en el esquema; es compatible con los modelos de base de datos
de DBDesigner 4 y soporta las novedades incorporadas en MySQL 5.

Sistema operativo utilizado en el proyecto

El sistema operativo que utilizaremos será UBUNTU, porqué?
Porque es con el que mas estamos familiarizados, tenemos más conocimientos con sus
herramientas de apoyo, con su funcionamiento, con sus aplicaciones etc.
Y también porque es con el que se ha estado trabajando los últimos meses realizando
practicas con servidores, por su seguridad.

Es una distribución Linux basada en Debian GNU/Linux que proporciona un sistema

operativo actualizado y estable para el usuario medio, con un fuerte enfoque en la
facilidad de uso y de instalación del sistema. Al igual que otras distribuciones se
compone de múltiples paquetes de software normalmente distribuidos bajo una licencia
libre o de código abierto. Estadísticas web sugieren que el porcentaje de mercado de
Ubuntu dentro de las distribuciones Linux es de aproximadamente 50%,y con una
tendencia a subir como servidor web.

Está patrocinado por Canonical Ltd., una compañía británica propiedad del empresario
sudafricano Mark Shuttleworth que en vez de vender la distribución con fines
lucrativos, se financia por medio de servicios vinculados al sistema operativo y
vendiendo soporte técnico.

PROYECTO: ENVIO DE PAQUETES 9

ABEL MARTINEZ MTZ
JOAN SEBASTIAN GARCIA RESENDIZ
 INSTITUTO TECNOLOGICO SUPERIOR DE RIOVERDE
PROGRAMACION WEB

METODOLOGIA

OBJETIVO DEL SITIO WEB.

Su objetivo es el que la empresa tenga un mejor control de información de u
base de datos de envio de paquetes a diferentes sitios en donde el cual el personal podra
acceder desde donde este se encuentre

PUBLICO OBJETIVO

El publico objetivo seria tanto como empleados , como clientes que deseen saber
o tener mas información sobre la seguridad de su producto u objetos enviados por la
empresa

CAMPO DEL NEGOCIO

El campo de la empresa de donde se realizara la pagina web o sitio web abarca
mas que nada el area de paquetería por asi clasificarlo ya que en ella se lleva acabo el
envio de paquetes y se llevara un contro de que camion y que conductor lo lleva asta
que hora fue su partida

CLASIFICACION DE USUARIOS

PERSONAL ADMINISTRATIVO :
Este usuario sera aquel trabajador administrativo de la empresa quien podra ser
quien este a cargo de la asignación de los repartidores, camiones, y destinos de estos ,
por asi decirse tendra acceso a la base de datos ala manipulación de estos, abarcando
todo alo que se refiere actualizacion de estos , la eliminación, la inserción de estos a la
base.

PERSONAL DE REPARTO:

Este usuario es aquel que se en cargara de realizar el servicio de la empresa que

sera la repartición de los paquetes este usuario solo podra ver los datos de la base de
datos para poder consultar sobre cual es su próximo paquete a trasladar

CLIENTE O USUARIO EXTERNO

este usuario sera aquel cliente quen envie o vaya a recibir un paquete por medio
de los servicios de la compañía y quiera estar informado a cuanto ala información de su
traslado

PROYECTO: ENVIO DE PAQUETES 10

ABEL MARTINEZ MTZ
JOAN SEBASTIAN GARCIA RESENDIZ
 INSTITUTO TECNOLOGICO SUPERIOR DE RIOVERDE
PROGRAMACION WEB

DISEÑO DE ENTORNO GRAFDICO , NAVEGACION Y

DIAGRAMA DE LA BASE DE DATOS
ahora se continuara con el diseño grafico hacia los usuarios asi como su diseño de
navegación con sus respectivos diagramas y explicaciones.

el siguiente diagrama sera el de la pagina principal este es solo un ejemplo de cómo

podria ser nuestro diseño aun sin detalles graficos o de estetica.

en esta pagina el usuario que acceda dara clic en su respectivo boton en caso de ser
usuario abrira una nueva ventana donde se logeara con su respectivo nombre y
contraseña con los cuales se sabra que tipo de usuario administrativo es

PROYECTO: ENVIO DE PAQUETES 11

ABEL MARTINEZ MTZ
JOAN SEBASTIAN GARCIA RESENDIZ
 INSTITUTO TECNOLOGICO SUPERIOR DE RIOVERDE
PROGRAMACION WEB

al averse logueado el administrativo estara en esta vista donde el tendra acceso ala base
de datos para consultas asi como para su manipulación de la introducción, eliminación
y actualizacion de ellos

PROYECTO: ENVIO DE PAQUETES 12

ABEL MARTINEZ MTZ
JOAN SEBASTIAN GARCIA RESENDIZ
 INSTITUTO TECNOLOGICO SUPERIOR DE RIOVERDE
PROGRAMACION WEB

Aquí podra hacer consultas para tener información a cuanto a los envios en caso de
sellecionar la otra pestaña el usuario sera enviado ala consola o al lenguaje donde se
encuentre el gestor de base de datos en ella podra actualisar e insertar los nuevos envios
para que el usuario de reparto pueda tener la información de sus próximas salidas de
reparto.

Ahora en el caso de entrar como de reparto el usuario al momento de ingresar se

abrigar una ventana con un reporte en forma de consulta con ingresar el nombre del
camionero y su idCAMIONERO

PROYECTO: ENVIO DE PAQUETES 13

ABEL MARTINEZ MTZ
JOAN SEBASTIAN GARCIA RESENDIZ
 INSTITUTO TECNOLOGICO SUPERIOR DE RIOVERDE
PROGRAMACION WEB

Ahora en el usuario cliente o externo el podra hacer consultas con los datos que puede
conoser solo el como la provincia, descripción del paquete y su nombre del destinatario
su vista seria la siguiente y después al dar el reporte se le abrira una pagina similar ala
que se abre para el camionero

PROYECTO: ENVIO DE PAQUETES 14

ABEL MARTINEZ MTZ
JOAN SEBASTIAN GARCIA RESENDIZ
 INSTITUTO TECNOLOGICO SUPERIOR DE RIOVERDE
PROGRAMACION WEB

el siguiente es el diagrama de caso - uso de la base de datos

Crea aquí la Manipulación Repartición de

pagina Consulta datos paquetes
de la BD

Gestión de la
base de datos

Administrador camionero

Envía paquetes
Consulta datos
De envió

cliente Obtiene
información sobre
su paquete a recibir
o enviado

PROYECTO: ENVIO DE PAQUETES 15

ABEL MARTINEZ MTZ
JOAN SEBASTIAN GARCIA RESENDIZ
 INSTITUTO TECNOLOGICO SUPERIOR DE RIOVERDE
PROGRAMACION WEB

SEGURIDAD DE PROYECTO
La seguridad que vamos a emplear en el proyecto están bajo los protocolos HTTP por
que utilizar este protocolo, una porque es una de las más utilizadas o sino es que las más
utilizada otra, .

El propósito del protocolo http es permitir la transferencia de archivos principalmente,

en formato html. Entre un navegador el cliente y un servidor web

Lo que a continuación se muestra es como trabaja el http que es la solicitud y respuesta

Solicitud

1.-El navegador realiza una solicitud HTTP a que se refiere esto Una solicitud http es un
conjunto de líneas que el navegador envía al servidor. Le enviara lo siguiente una línea
de solicitud, los campos del encabezado y el cuerpo,

A) Una línea de solicitud: es una línea que especifica el tipo de documento solicitado.
La línea está formada por tres elementos que deben estar separados por un espacio: el
método, la dirección url, la versión del protocolo utilizada.

B) Los campos del encabezado de solicitud: es un conjunto de líneas opcionales que

permiten aportar información adicional sobre la solicitud y/o el cliente. Cada una de
estas líneas está formada por un nombre que describe el tipo de encabezado, seguido de
dos puntos y el valor del encabezado.

C) El cuerpo de la solicitud: es un conjunto de líneas opcionales que deben estar

separadas de las líneas precedentes por una línea en blanco y, por ejemplo, permiten que
se envíen datos por un comando post durante la transmisión de datos al servidor
utilizando un formulario.

JUSTIFICACION

El por que el uso de este protocolo es que permite la transferencia de mensajes con
encabezados que describen el contenido de los mensajes mediante la codificación y es
uno de los mas comunes entre los sitios web en la mayoría de las situaciones que se
desarrolla una pagina web

PROYECTO: ENVIO DE PAQUETES 16

ABEL MARTINEZ MTZ
JOAN SEBASTIAN GARCIA RESENDIZ