• Author / Uploaded
• diana_ale89

• Categories
• Php
• Página web
• Red mundial
• Tecnología
• HTML

Citation preview

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:

Example



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