Diseño E Implementacion DE UNA Pagina WEB A LA Empresa Pardos Pizza PDF

Preview

Summary

XXXXXXXXXXXXXXXXXXXXXX...

Description

DISEÑO E IMPLEMENTACION DE UNA PAGINA WEB A LA EMPRESA PARDOS PIZZA

LAURA BRIÑES SOSA CARMEN EMILIA MERCADO BARAHONA LUZ MARINA SANCHEZ RODRIGUEZ

CENTRO INDUSTRIAL Y DESARROLLO TECNOLOGICO ANALISIS Y DESARROLLO DE SISTEMAS DE INFORMACION SERVICIO DE NACIONAL DE APRENDIZAJE BARRANCABERMEJA 2020

DISEÑO E IMPLEMENTACION DE UNA PAGINA WEB A LA EMPRESA PARDOS PIZZA

LAURA BRIÑES SOSA CARMEN EMILIA MERCADO BARAHONA LUZ MARINA SANCHEZ RODRIGUEZ

Director: ING. JORGE LUIS RAMIREZ GARCIA Ingeniero de Sistemas

CENTRO INDUSTRIAL Y DESARROLLO TECNOLOGICO ANALISIS Y DESARROLLO DE SISTEMAS DE INFORMACION SERVICIO DE NACIONAL DE APRENDIZAJE BARRANCABERMEJA 2020

Nota de aceptación:

Aprobado por el Equipo Ejecutor en Cumplimiento de los requisitos exigidos Por el Centro industrial y del Desarrollo Tecnológico para optar al título de Análisis y Desarrollo de Sistemas de Información.

___________________________________ Jurado

___________________________________ Jurado

Barrancabermeja, Mes día del 2020

DEDICATORIA

Primero a Dios por darme la fortaleza e inteligencia para cumplir este trabajo de proyecto de grado.

A mi familia que con su paciencia me demuestran su apoyo en cada paso que avanzo en la vida.

A mis padres Pablo Mercado y Dubis Barahona, quienes me enseñaron desde pequeña a luchar para alcanzar mis metas.

A mi compañero Juan Carlos Arrieta Rangel por brindarme su apoyo incondicional, dándome animo a cada instante para seguir adelante en el cumplimiento de mi objetivo en este proyecto de grado.

A mis hijos Juan Sebastián y Alexander, quienes son el motor en esta grandiosa vida, los amo demasiado.

Carmen Emilia Mercado Barahona

DEDICATORIA

Primero a Dios por darme la fortaleza e inteligencia para cumplir este trabajo de proyecto de grado.

A mi familia que con su paciencia me demuestran su apoyo en cada paso que avanzo en la vida.

A mis padres Simeon Briñez y Nubia Sosa, por ser la fuente de inspiración constante en todos los proyectos de mi vida.

Laura Briñez Sosa.

DEDICATORIA

Primero a Dios por darme la fortaleza e inteligencia para cumplir este trabajo de proyecto de grado.

A mi familia que con su paciencia me demuestran su apoyo en cada paso que avanzo en la vida.

A mi madre, Nubia Rodríguez, con su amor incondicional, me llena de fuerzas y energías para luchar en cada paso que doy en mi vida.

A mi esposo John Barba por su apoyo constante en todas mis actividades.

A mi hijo Nicolás Matías, por ser mi razón de existir y la fuente de inspiración en cada paso que doy en mi vida.

A Marta Rangel, quien me apoyo en este proceso formativo, me brindo su amistad y confianza para seguir.

Luz Marina Sánchez Rodríguez

AGRADECIMIENTO Queremos expresar nuestros más sinceros agradecimientos: Primero a Dios por estar siempre presente en nuestras vidas. A los instructores de Centro Industrial y del Desarrollo Tecnológico, por permitirnos ser parte de la gran familia SENA Barrancabermeja. Al Ingeniero de Sistemas, JORGE LUIS RAMIREZ GARCIA, instructor líder del programa de formación Análisis y Desarrollo de Sistema de Información, ADSI, por brindarnos su apoyo y su confianza. Al ingeniero de sistemas, DIEGO FERNANDO NIEVES ACEVEDO, por enseñarnos en esta de formación con sus consejos y paciencia. A la ingeniera de sistema, MONICA RONDON, que con su paciencia y carisma nos guio en este proyecto. A los instructores, DURIS DURAN NIETO, GERMAN QUIÑONEZ, DIANA LOPEZ, NASLY VELASQUEZ, CARLOS VASQUEZ, quienes nos llenaron de conocimiento en este proceso formativo con su dedicación y experiencia. A Jonathan Pardos, por permitir que nuestros conocimientos adquiridos quedaran plasmados en este proyecto de grado y su gran aporte que le hicimos a su empresa. Gracias por depositar en nosotros su confianza. A cada uno de los amigos y compañeros, que siempre estuvieron ahí para apoyarnos.

TABLA DE CONTENIDO

Contenido GLOSARIO

10

RESUMEN

12

ABSTRACT

13

1.

INTRODUCCION

14

2.

OBJETIVOS

15

2.1 OBJETIVOS GENERAL

15

2.2 OBJETIVOS ESPECIFICOS

15

3. PLANTEAMIENTO DEL PROBLEMA

16

4. JUSTIFICACION

17

5. MARCO REFERENCIAL

18

6. MARCO TEORICO

19

MySQL

19

PAGINA WEB

19

7. DISEÑO METODOLÓGICO

21

7.1 DISEÑO RAPIDO DE APLICACIÓN. DRA

21

7.2 CARACTERISTICAS DEL MODELO

21

7.3 FASES

22

7.4 VENTAJAS

23

7.5 DESVENTAJAS

23

8. FASE DE INICIO

24

8.1 CRONOGRAMAS DE ACTIVIDADES

24

8.2 PRESUPUESTO

25

8.3 REQUERIMIENTOS FUNCIONALES

25

8.4 REQUERIMIENTOS NO FUNCIONALES

26

9. DISEÑO DEL SISTEMA

27

9.1 CASOS DE USOS

27

9.2 Diagrama de Casos de Uso

28

9.3 Diagrama de Secuencias

33

BIBLIOGRAFIA

35

LISTA DE TABLAS

Tabla 1. Cronograma de actividades Tabla 2. Presupuestos

GLOSARIO Actores: los actores son los usuarios de un sistema. Atributo: Define las propiedades del elemento. Arquitectura del Software: La arquitectura de un programa o sistema de computación es la estructura o estructuras del sistema, que están compuestas de componentes software, de las propiedades visibles de esos componentes, y las relaciones entre ellos. Base de Datos: Es un conjunto de datos pertenecientes a un mismo contexto y almacenados sistemáticamente para su posterior uso. Caso de Uso: Es una descripción de las acciones de un sistema desde el punto de vista del usuario. Es una herramienta valiosa dado que es una técnica de aciertos y errores para obtener los requerimientos del sistema, justamente desde el punto de vista del usuario. Ciclo de Vida del Software: El conjunto de procesos sistemáticos que tienen lugar durante la existencia del producto, desde su concepción inicial hasta que la organización decide no continuar manteniéndolo. CSS (Cascading Style Sheets): Las hojas de estilo en cascada, son un lenguaje formal usado para definir la presentación de un documento estructurado escrito en HTML o XML. Dominio: Nombre que identifica un sitio web. HTML (HyperText Markup Language): (Lenguaje de Marcado de Hipertexto), es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para completar el texto con objetos tales como imágenes. Hosting: Espacio de un servidor donde se publican los archivos de un sitio web, puede ser gratuito o pago. Interfaz: Parte del programa informático que permite el flujo de información entre varias aplicaciones o entre el propio programa y el usuario. Java: Es un lenguaje de programación con el que se puede realizar cualquier tipo de programa. Es un lenguaje muy extendido y cada vez cobra más importancia tanto en el ámbito de internet como en la informática en general. JavaScript: Es un lenguaje interpretado utilizado principalmente en páginas web, con unas sintaxis semejantes a la del lenguaje Java. Es más bien un lenguaje basado en prototipos, ya

que las nuevas clases se generan clonando las clases base (prototipos) y extendiendo su funcionalidad. MYSQL: Es un sistema de gestión de base de datos relacional, multihilo y multiusuario con más de seis millones de instalaciones. MySQL AB desarrolla MYSQL como software libre en un esquema de licenciamiento dual. Navegador: Permite al usuario recuperar y visualizar páginas web a través de Internet. PHP: Es un lenguaje interpretado de propósito general ampliamente usado, diseñado especialmente para desarrollo web y que puede ser incrustado dentro de código HTML. Generalmente se ejecuta en un servidor web, tomando el código en PHP como su entrada y creando páginas web como salida. Servidor Web: Se trata de un programa que implementa el protocolo HTTP (HyperText Transfer Protocol). Este protocolo está diseñado para transferir lo que llamamos hipertextos, páginas web o página HTML: textos complejos con enlaces, figuras, formularios, botones y objetos incrustados como animaciones o reproductores de música. Sitio Web: Conjunto de archivos electrónicos y páginas web referentes a un tema en particular que incluye una página inicial de bienvenida, con un nombre de dominio y dirección en Internet específicos. SQL (Structured query Language): Es un lenguaje declarativo de acceso a bases de datos relacionales que permite especificar diversos tipos de operaciones sobre las mismas. TIC: Siglas de Tecnologías de la información y la comunicación.

RESUMEN Este proyecto de grado tiene por objetivo el diseño e implementación de una página web para la Empresa Pardos Pizzas de Barrancabermeja, con contenido informativo, dinámico y sencillo para la población Barranqueña. Este proyecto surge de la necesidad de ingresar a un mercado competitivo ante los usos de las nuevas herramientas tecnológicas que se vive en el mundo actual. En este documento se describen las metodologías, arquitecturas y estructuras funcionales implementadas para llevar a cabo el levantamiento de la información, análisis y desarrollo de la página web. También se ha tenido en cuenta el ciclo de vida del software en cada una de sus etapas: requerimientos, análisis y diseño, creación del software, prueba del software, implementación, mantenimiento y actualización del software. En la actualidad conocemos muchas páginas web para pizzerías, la importancia de este proyecto no radica en la innovación tecnológica, sino en el beneficio que proporciona a la empresa Pardos Pizzas a mejorar su imagen corporativa y el aumento de sus clientes que le llegará la información, y la mejora de los procesos internos de su empresa, entre otros aspectos.

ABSTRACT This degree Project aims to design and implement a website for the Pardos Pizzas Company of Barrancabermeja, with informative, dynamic and simple content for the Barranqueña population. This project arises from the need to enter a competitive market in the face of the uses of the new technological tools that are lived in today's world. This document describes the methodologies, architectures and functional structures implemented to carry out the survey of information, analysis and development of the website. The software lifecycle has also been taken into account at each stage: requirements, analysis and design, software creation, software testing, software deployment, maintenance, and software upgrade. Today we know many websites for pizzerias, the importance of this project lies not in technological innovation, but in the benefit that it provides to the company Pardos Pizzas to improve its corporate image and the increase of its customers that will receive the information, and the improvement of the internal processes of your company, among other aspects.

1. INTRODUCCION Estamos en un mundo cambiante que vivimos de acuerdo como la tecnología avanza. Los recursos tecnológicos, las nuevas formas de mercadotecnia, el mercado virtual al que estamos afrontando hoy, llevan a las empresas a innovar, cambiar su forma metódica de actuar o proceder a un mundo ágil y versátil. La empresa Pardo’s Pizza como es tradicional en el mercado de Barrancabermeja, se ha destacado en la calidad de sus productos y servicios, y al igual que otras empresas de este mismo sector, también quiere acceder a las nuevas tecnologías que están en el mercado. Muchas personas con el uso de las innovaciones tecnológicas acceden a comprar sus productos de consumo y necesidades a través de los portales virtuales. Por esta razón la empresa Pardo’s Pizza quiere crear su propia página web para que sus clientes potenciales y nuevos clientes tengan una oportunidad de acceder a sus productos y servicios de forma ágil, fácil y segura.

2. OBJETIVOS 2.1 OBJETIVOS GENERAL Diseñar e implementar una página Web para la empresa Pardo’s Pizza en la ciudad de Barrancabermeja. 2.2 OBJETIVOS ESPECIFICOS  Diseñar la página Web de la empresa Pardo’s Pizza, según las necesidades que requiere el cliente.  Implementar la página Web, cumpliendo las expectativas del cliente.  Crear una base de datos en el cual el cliente tenga una relación de sus consumidores.  Diseñar e implementar una base de datos en la cual se ingresará toda la información de los productos de la empresa.

3. PLANTEAMIENTO DEL PROBLEMA La empresa Pardos Pizza dispone de sus sedes físicas para darse a conocer en Barrancabermeja, cuenta con una clientela que se ha ido ganando a través de sus visitas a las instalaciones cuando adquiere y conoce sus productos. Con las nuevas herramientas tecnológicas que el mundo está utilizando, el constante cambio en los usos de las tecnologías, permiten al ser humano adquirir los productos de una manera fácil y ágil por medio del internet. Esta ha sido uno de las razones que las empresas quieran evolucionar en el mercado y así mejorar la calidad de sus productos y ventas. La empresa Pardos Pizza quiere tener una página web que les permita a sus clientes: Acceder de una forma ágil, fácil y segura. Requieren de una página dinámica, atractiva para los jóvenes y adultos consumidores. Facilite a sus clientes conocer la carta de sus productos y a su vez hacer el pedido online. Conozcan su empresa y sus productos. Con base a los conocimientos adquiridos en la formación de Análisis y Desarrollo de Sistemas de Información, les diseñaremos e implementaremos una página web de acuerdo a los requerimientos de nuestro cliente.

4. JUSTIFICACION Actualmente la empresa no cuenta con una página web que le permita llegar a los consumidores de una manera más rápida y ágil. Teniendo en cuenta los avances de la tecnología queremos implementar un diseño de página web que ayude al cliente, el aumento de sus ventas, y que logre un reconocimiento a nivel de Barrancabermeja. Con la implementación de esta página el consumidor podrá acceder a sus productos con facilidad sin salir de sus casas. Asimismo, incursionará en el mundo virtual, siendo Pardos Pizza una empresa que sea reconocida por la calidad de sus productos.

5. MARCO REFERENCIAL Como se plantea en la descripción del problema lo que se busca con la implementación de la página web, es que les permita a sus clientes acceder de una forma ágil, fácil y segura a la información de la empresa Pardos Pizza. Una página dinámica, atractiva para sus consumidores, que les permita conocer sus productos y hacer pedidos de forma online. El uso de la tecnología de punta (TIC) ha revolucionado el mundo de las comunicaciones y en la forma en que se accede a la información, convirtiéndose para el hombre de hoy en actividades imprescindibles. De ahí que los sitios web son los que más se utilizan para brindar información ocupando un lugar privilegiado por lo que se pueda recibir desde cualquier lugar en el que tenga acceso a la red. (González,2011). 1 La web se ha convertido en el medio en el cual se exponen ideas, se ofrecen productos y servicios, entretenimiento o cualquier recurso visual o auditivo que sea llamativo para el internauta, es por esta razón que esta herramienta asociada a las tecnologías de la comunicación, se le está dando un grado alto de importancia en las instituciones, empresas, restaurantes, entre otras, facilitando el acceso a información que se expone en los sitios web.

1 González, A. Virgilio. (15 de marzo de 2011). Metodología para el diseño y elaboración de un sitio web. Recuperado de https://www.gestiopolis.com/metodologia-para-el-diseno-y-elaboracion-de-unsitio-web/

6. MARCO TEORICO MySQL

Un sistema de gestión de base de datos (SGBD), es un conjunto de programas que permiten el almacenamiento, modificación y extracción de la información en una base de datos, lo que permite el almacenamiento, manipulación y consulta de datos pertenecientes a una base de datos. La herramienta a utilizar es un sistema Manejador de Bases de Datos libre, gratuito, de los más utilizados y que está disponible para varios sistemas operativos llamados MySQL. PAGINA WEB Es un documento de información electrónica capaz de contener texto, sonido, video, programas, enlaces, imágenes y muchas otras cosas, adaptada para la llamada Word Wide Web (WWW) y que puede ser accedida mediante un navegador web. Esta información se encuentra en un formato HTML o XHTML, y puede proporcionar acceso a otras páginas web mediante enlaces de hipertexto. 2 Las páginas web pueden estar almacenadas en un equipo local o en un servidor web remoto. El servidor web puede restringir el acceso únicamente a redes privadas, por ejemplo, en una intranet corporativa, o puede publicar las páginas en la World Wide Web. El acceso a las páginas web es realizado mediante una transferencia desde servidores, utilizando el protocolo de transferencia de hipertexto (HTTP). Una página web está compuesta principalmente por información de un tema factible, así como hiperenlaces; además puede contener o asociar hoja de estilo, datos de estilos para especificar como debe visualizarse, también aplicaciones embebidas para así permitir interacción. Las páginas web son escritas en un lenguaje marcado que provee la capacidad de manejar e insertar hiperenlaces, generalmente HTML. Una página web es en esencia una tarjeta de presentación digital, ya sea para empresas, organizaciones, o personas, así como una manera de comunicar ideas, pensamientos, conocimientos, informaciones o teorías.3 2 Real Academia Española y Asociación de Academias de la Lengua Española (2005). «web». Diccionario panhispánico de dudas (1.ª edición). Consultado el 31 de agosto de 2015.

3 «Diseño web y como una web puede trasmitir ideas o información relevante». Consultado el 8 de mayo de 2018.

Página web estáticas: Son predeterminadas, al acceder el usuario, el servidor descarga simplemente un simple fichero con un contenido codificado en HTML que se visualiza a continuación en su navegador. Un proceso muy similar a la descarga de cualquier fichero, por ejemplo, un documento de PDF. Página web dinámicas: Se generan al momento de la visualización. No son un simple documento HTML, sino que están creadas en algún lenguaje interpretado. El ejemplo más popular es PHP, el lenguaje en el que están programadas aplicaciones muy populares como WordPress. Aquí la web interactúa con el usuario y es necesario que componga las páginas de manera dinámica.

7. DISEÑO METODOLÓGICO 7.1 DISEÑO RAPIDO DE APLICACIÓN. DRA

Es el proceso de desarrollo de software diseñado para facilitar y acelerar la creación de aplicaciones, que permite construir sistemas utilizables en poco tiempo, normalmente de 60 a 90 días. En conclusión, es una adaptación a “Alta Velocidad” en el que se logra el desarrollo rápido utilizando un enfoque de construcción basado en componentes. Si se comprenden bien los requisitos y se limita el ámbito del proyecto, el proceso DRA permite al equipo de desarrollo crear un “sistema completamente funcional” dentro de periodos cortos de tiempo.

7.2 CARACTERISTICAS DEL MODELO

Debido a que el software o aplicación se requiere lo más pronto posible no existe una especificación del sistema detallada.  El software no se desarrolla y utiliza en su totalidad, sino en una serie de incrementos, donde en cada incremento se incluyen nuevas funcionalidades al sistema.  A menudo se desarrollan las interfaces de usuario del sistema utilizando un sistema de desarrollo interactivo que permite que el diseño de la interfaz se ...