INSTITUTO TECNOLOGICO SUEPERIOR DE RIOVERDE

Proyecto de Pagina Web

Pastelería
Asesor: Ing. Bernardo Martínez Santiago

Hecho por:
Alejandra Lizzeth González Cervantes
Diana Alejandra Herrera Herrera

[08/10/2010]
 Proyecto de Pagina Web

8 de octubre de 2010

Índice

Definición de la arquitectura sobre la que se trabajara................................................................ 3

Bajo que lenguaje del lado del lado del servidor será desarrollado ............................................. 5

Bajo que lenguaje del lado del lado del cliente será desarrollado ............................................... 6

Metodología de desarrollo de la pagina Web ........................................................................ 9

Por su audiencia ............................................................................................................... 13

Por su apertura ................................................................................................................. 13

Por sus objetivos .............................................................................................................. 13

Seguridad en tu Web ............................................................................................................... 14

Conclusiones ............................................................................................................................. 15

[Pastelería] Página 2
 Proyecto de Pagina Web

8 de octubre de 2010

Definición de la arquitectura sobre la que se trabajara

En el diseño de sistemas informáticos actual se suele usar las arquitecturas

multinivel o programación por capas. En dichas arquitecturas a cada nivel se le
confía una misión simple, lo que permite el diseño de arquitecturas escalables
(que pueden ampliarse con facilidad en caso de que las necesidades
aumenten).
El diseño más en boga actualmente es el diseño en tres niveles (o en tres
capas).
Cada arquitectura cuenta con las capas o niveles principales de presentación,
de datos y de negocio.
Capa de presentación: es la que ve el usuario, presenta el sistema al usuario,
le comunica la información y captura la información del usuario dando un
mínimo de proceso (realiza un filtrado previo para comprobar que no hay
errores de formato). Esta capa se comunica únicamente con la capa de
negocio.

Capa de negocio: es donde residen los programas que se ejecutan, recibiendo

las peticiones del usuario y enviando las respuestas tras el proceso. Se
denomina capa de negocio (e incluso de lógica del negocio) pues 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 sistema administrador
de base de datos para almacenar o recuperar datos.

Capa de datos: es donde residen los datos. Está formada por uno o más
sistemas administradores de bases de datos que realiza todo el
almacenamiento de datos, reciben solicitudes de almacenamiento o
recuperación de información desde la capa de negocio.

Arquitectura de tres capas

Es un diseño reciente que introduce una capa intermedia en el proceso. Cada
capa es un proceso separado y bien definido corriendo en plataformas
separadas. En la arquitectura tradicional de tres capas se instala una interfaz
de usuario en la computadora del usuario final (cliente). La arquitectura basada
en Web transforma la interfaz de búsqueda existente (el explorador de Web),
en la interfaz del usuario final.

[Pastelería] Página 3
 Proyecto de Pagina Web

8 de octubre de 2010

La ventaja principal de este estilo es que el desarrollo se puede llevar a cabo

en varios niveles y, en caso de que sobrevenga algún cambio, sólo se ataca al
nivel requerido sin tener que revisar entre código mezclado. Un buen ejemplo
de este método de programación sería el modelo de interconexión de sistemas
abiertos.

¿El por que de esta decisión?

Se escogió esta arquitectura ya que se parece mucho al modelo que se tiene

para el sistema de pedidos de pasteles. Es una manera sencilla y practica de
creación de una página web. Es la arquitectura mas común para

La arquitectura de tres capas es la mas utilizada en todas la paginas Web aun

que dependiendo del diseño y de el tipo de información que contenga; o el fin
para lo que va destinada puede ser o cambiar de tres capas a cuatro capas.

[Pastelería] Página 4
 Proyecto de Pagina Web

8 de octubre de 2010

Bajo que lenguaje del lado del lado del servidor será
desarrollado

Hyper Text Markup Language (lenguaje de marcas hipertextuales), lenguaje de

marcación diseñado para estructurar textos y presentarlos en forma de
hipertexto, que es el formato estándar de las páginas web. Gracias a Internet y
a los navegadores del tipo Internet Explorer, Opera, Firefox o Netscape, el
HTML se ha convertido en uno de los formatos más populares que existen para
la construcción de documentos y también de los más fáciles de aprender.

Ventajas:

 Es el lenguaje de formateo para los navegadores web.

 Es fácil de entender y utilizar
 Su uso es muy extendido
 Texto estructurado (etiquetas).
 Archivos pequeños.
 Fácil aprendizaje.

Desventajas:

 Estático.
 Interpretación diferente dependiendo del navegador.
 Exceso de etiquetas.

¿El por que de esta decisión?

HTML es el lenguaje mas usado para la creación de paginas web, por su fácil y
sencilla estructura usando etiquetas muy entendibles, son formatos fáciles de
entender casi no hay dificultad HTML tiene una estructura base; ya que si se le
quiere agregar algo es cuestión del programador. Aunque la actualización de
una pagina web con HTML debe ser constante.

[Pastelería] Página 5
 Proyecto de Pagina Web

8 de octubre de 2010

Bajo que lenguaje del lado del lado del cliente será
desarrollado

¿Qué es PHP?

PHP es un preprocesador de hipertextos, pero ¿qué significa?

Para ilustrar esto podemos ver un simple ejemplo:

<html>
<head>
<title>Example</title>
</head>
<body>
<?php echo "Hi, Esto es un Script PHP";?>
</body>
</html>

Esto es muy parecido a cualquier otro Script escrito en Perl o C. El código de

PHP está incluido en tags especiales "<?,?>".

Lo que hace diferente a PHP es que el código que se deba ejecutar se ejecuta
siempre en el servidor.

Así, al ejecutar el script anterior, el cliente recibirá sólo los resultados de la

ejecución por lo que es imposible para el cliente acceder al código que generó
la página.

Ventajas:

Es un lenguaje de programación interpretado que fue diseñado

originalmente para la creación de páginas web dinámicas.

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.

[Pastelería] Página 6
 Proyecto de Pagina Web

8 de octubre de 2010

Permite las técnicas de Programación Orientada a Objetos y cuenta con

la Biblioteca nativa.

Lenguaje multiplataforma

Desventajas:

Se necesita instalar un servidor web.

Todo el trabajo es realizado en el servidor.
Se puede dificultar la lectura del código.

¿El por que de esta decisión?

PHP tiene la ventaja de interactuar con otro tipo de gestores de bases de

datos, en esta ocasión tenemos que trabajar en nuestra pagina web desde
otro administrador de bases de datos; es por eso que escogimos PHP.

PHP trabaja en conjunto con HTML; además nos brinda una gran seguridad
en nuestra pagina web PHP bloquea las entradas no admitidas para los
usuarios comunes; si algún usuario quisiera bloquear la seguridad PHP no lo
permite ya que utiliza las directivas doc_root y user_dir.

Estas directivas se utilizan en servidores Web que no disponen de la facilidad

del redireccionamiento. Supongamos que un script no se ejecuta
correctamente, en este caso, el código se muestra en pantalla y esto puede
violar la propiedad intelectual de ese script.

Para solucionar esto, se colocan todos los scripts PHP ejecutables en un

directorio, que indica la directiva doc_root asegurando así que todo lo que
esté en ese directorio será ejecutado y nunca mostrado al usuario.

Herramientas de desarrollo a utilizar

PayPal

Es una empresa estadounidense perteneciente al sector del comercio

electrónico por Internet que permite la transferencia de dinero entre usuarios
que tengan correo electrónico, una alternativa al tradicional método en papel
como los cheques o giros postales. PayPal también procesa peticiones de
pago en comercio electrónico y otros servicios webs, por los que cobra un
porcentaje. La mayor parte de su clientela proviene del sitio de subastas en
línea.

[Pastelería] Página 7
 Proyecto de Pagina Web

8 de octubre de 2010

Dreamweaver

Herramienta de diseño de páginas web.

Cumple perfectamente el objetivo de diseñar páginas con aspecto

profesional, y soporta gran cantidad de tecnologías, además muy fáciles de
usar:

 Hojas de estilo y capas

 Javascript para crear efectos e interactividades
 Inserción de archivos multimedia

Es un programa que se puede actualizar con componentes, que fabrica tanto

Macromedia como otras compañías, para realizar otras acciones.

El programa es realmente satisfactorio, incluso el código generado es de

buena calidad. La única pega consiste en que al ser tan avanzado, puede
resultar un poco difícil su manejo para personas menos experimentadas en el
diseño de Web.

¿Por que esta herramienta?

es la opción profesional para crear sitios Web y aplicaciones, proporciona una

potente combinación de herramientas visuales de diseño, funciones de
desarrollo de aplicaciones y soporte para la edición del código, todas ellas
permiten a los desarrolladores y diseñadores más expertos o menos expertos
crear rápidamente sitios Web y aplicaciones basados en estándares.

[Pastelería] Página 8
 Proyecto de Pagina Web

8 de octubre de 2010

Flash

¿Por que flash?

Es un programa de animación vectorial. Esto significa que se pueden crear

animaciones complejas aumentar y reducir elementos de la animación,
mover de posición estos objetos, y otras cosas sin que la animación ocupe
mucho espacio en el disco. Flash trabaja con siluetas que casi no ocupan
espacio y se pueden modificar fácilmente y sin gasto de memoria en disco.

MySQL Workbench

MySQL Workbench permite a un desarrollador de DBA, o arquitecto de datos

para diseñar visualmente, modelo, generar y gestionar bases de datos.
Incluye todo lo que un modelador de datos necesarios para la creación de
complejos modelos ER, hacia adelante y la ingeniería inversa, y también
ofrece funciones clave para llevar a cabo la gestión del cambio difícil y tareas
de documentación que normalmente requieren mucho tiempo y esfuerzo.

Metodología de desarrollo de la pagina Web

Tipos de usuarios

Administrador

Es aquel que se carga de la administración, actualización, de una página

Web así como aplicar mejoras en ella y satisfacer las necesidades del
cliente.

Cliente

Es aquel que ha solicitado un servicio a un distribuidor en este caso la pagina

Web será un distribuidor online (en línea)

Visitante

Es todo usuario que solo va de paso por la Web es decir, que visualiza lo que
le brinda esa pagina Web sin pedir o exigir algún servicio del distribuidor.

Roles de usuarios

[Pastelería] Página 9
 Proyecto de Pagina Web

8 de octubre de 2010

Un Rol es una clasificación mediante la cual se definen distintos privilegios de

operación para los usuarios del sistema.

Visitante: usuario que simplemente podrá leer o buscar en los contenidos y no

necesita autentificarse.

Administrador: es el responsable técnico y puede acceder a cualquiera de los

aspectos del sistema, configurando o modificando cualquier parámetro de éste.
Este usuario tiene control total sobre el sitio web, por lo que puede realizar
cualquier operación de configuración o mantenimiento sobre este.

Diagrama caso-uso

[Pastelería] Página 10
 Proyecto de Pagina Web

8 de octubre de 2010

Diseño de vista

Vista futura de la pagina Web

[Pastelería] Página 11
 Proyecto de Pagina Web

8 de octubre de 2010

Diseño de vistas

Se le muestra al cliente el tipo de productos con los que contara la página

Web. El cliente podrá checar el catalogo de pasteles para realizar su compra.

Se le mostraran las diferentes sucursales en donde se localiza la empresa o

tienda para satisfacción del cliente.

[Pastelería] Página 12
 Proyecto de Pagina Web

8 de octubre de 2010

La pagina Web contara tendrá el acceso a compras en línea, es por eso que
podrá pagar por la Web; y de no ser así podrá dejar sus datos para que la
empresa se contacte con el cliente.

Tipo de página web

Por su audiencia

 Extranet: Son Sitios limitados por el tipo de usuarios que pueden

acceder, por ejemplo los proveedores de una empresa
determinada, o los clientes.

Por su apertura

 Estructura abierta: Todos los documentos disponen de su

dirección y los usuarios pueden acceder a cualquier punto del
WebSite.

Por sus objetivos

 Comerciales: Están creados para promocionar los negocios de

una empresa. Su finalidad es económica. Su audiencia puede
estar formada por clientes (actuales y potenciales), inversores
(actuales y potenciales), empleados (actuales y potenciales) e
incluso la competencia y los medios de comunicación. Podemos a
su vez dividirlas en Corporativas (Informan sobre la empresa) y
Promocionales (promocionan productos).

[Pastelería] Página 13
 Proyecto de Pagina Web

8 de octubre de 2010

Seguridad en tu Web
El aspecto de seguridad es un punto muy importante a considerar ya que
será la seguridad que habrá en aplicación Web en cuanto al envió y entrega
de datos por medio de pauetes.

Protocolos de seguridad

Un protocolo de seguridad definen la sreglas que gobiernan estas

comunicaciones.

Diseñadas para que el sistema resista ataques maliciosos

IPSEC

Es un grupo de extensiones de la familia del protocolo IP pensados para

proveer servicios de seguridad a nivel red.

PPTP

Utiliza una conexión utiliza una conexión de control de PPTP para crear
mantener y terminar el túnel y una versión modificada para encapsular los
paquetes o frames PPP como datos para el túnel.

Secure sehll

SSH actúa basándose en la arquitectura cliente servidor, en este caso SSH

se ejecuta en el servidor por defecto en el puerto 22 ala espera de que
alguien utilizando el cliente SSH se conecte para ofrecerle una sección
segura encriptandola de extremo a extremo.

[Pastelería] Página 14
 Proyecto de Pagina Web

8 de octubre de 2010

Conclusiones
ALEJANDRA GONZÁLEZ CERVANTES

Escogimos esta página por gusto y me parece interésate el poder crear la

pagina y hacerla interactuar por medio de compras en línea ya que no lo he
hecho.

HTML es fácil de utilizar y la más practica así como PHP en cuanto a la

seguridad y el programa flash nos da la facilidad de crear una página
interactiva sin tener mucha experiencia.

DIANA ALEJANDRA HERRERA HERRERA

Este proyecto es en si el pedido de pasteles por una página web, este

proyecto se basa en una pastelería la cual permitirá al usuario interactuar
con la página y poder hacer sus pedidos por internet pagando con una tarjeta
de crédito.

Se escogió esta metodología porque fue la más convincente para una buena
realización del proyecto.

[Pastelería] Página 15