Implementación De Framework De Desarrollo Web Durante Un Proyecto”
Total Page:16
File Type:pdf, Size:1020Kb
UNIVERSIDAD POLITÉCNICA DE SINALOA PROGRAMA ACADÉMICO DE INGENIERÍA EN INFORMÁTICA Tesina “Implementación de Framework de desarrollo web durante un proyecto” Para obtener la acreditación de las estadías profesionales y contar con los créditos para el grado de Ingeniero en Informática. Autor: Bernal Corral Daniel Asesor: M. C. Alejandro Pérez Pasten Borja Asesor OR: Ing. Omar Vidaña Peraza Mazatlán, Sinaloa 13 de Diciembre del 2019 Agradecimientos Agradezco a mis padres por brindarme todo su apoyo durante mis estudios, por darme las clases más importantes, por haber hecho posible que llegara a este momento, por enseñarme que no siempre todo sale perfecto y que debo esforzarme para obtener lo que quiero, por darme ánimos para seguir, por preocuparse por mí y esforzarse para que mi vida fuera mejor. A mi asesor por aconsejarme y corregir los errores que cometí durante el desarrollo de la tesina, por tomarse el tiempo para ver cada detalle y hacer recomendaciones, sugerir opciones, etc. A mi hermano por ayudarme a no rendirme, por asumir su rol de hermano mayor y tratar de guiar, por preocuparse por mí y ayudarme siempre que lo he necesitado. A los profesores que he tenido a lo largo de mis estudios y que me aportaron un poco de su conocimiento para enriquecer el mío. A todos mis compañeros que me ayudaron a hacer más amenas las clases. 6 ÍNDICE TEMÁTICO Índice de imágenes. 9 Resumen. ….. .11 Abstract. …. .11 Introducción. 11 Capítulo I. .. ... …12 1. Antecedentes. .. 13 1.1. Localización. .. ….. 13 1.2. Objetivos de la institución. …………….. 13 1.3. Visión. .14 1.4. Misión. 14 2. Planteamiento del problema. .. 14 2.1. Propuesta de investigación. .. .. ….14 2.2. Objetivos. 14 2.2.1. Objetivo General. .. 15 2.2.2. Objetivos Específicos. 15 2.3. Preguntas de investigación. .. 15 2.4. Hipótesis. .. .. ………. .. 15 2.5. Limitaciones y supuestos. .. ……. 15 2.6. Relevancia. .. …..16 Capítulo II. 17 3. Desarrollo Web………………………………………………. 18 3.1 Frontend.. …………….…………………….……….18 3.2 Backend………………………………………………...19 3.3 Framework……………………………………………...19 7 3.4 CodeIgniter……………………………………………...20 3.5. Laravel…………………………………………………..20 3.6 Open Source……………………………………………..21 3.7 Svelte……………………………………………….…...21 3.8 Materialize ……………………………………………...22 3.9 HTML ……………………………………………….…...23 3.10 CSS …………………………………………..…………...23 3.11 JavaScript ……………………………………………...24 3.12 PHP……………………………………………………...24 3.13 XAMPP……………………………………….…..…... 25 3.14 Visual Core Studio ……………………………………..26 3.15 Webpack ………………………………………..……..27 3.16 Ajax …………………………………………………...27 3.17 Jquery………………………………………….……... 27 3.18 Json Web Token……………………………………...28 3.19 Symfony……………………………………………... 28 3.20 ZendFramework……………………………………... 29 3.21 Phalcon …………………………………………….....30 3.22 CakePHP …………………………………………..…...30 3.23 Yii …………………………………………………….... 31 3.24 FuelPHP …………………………………………..…...31 Capítulo IIl. …. 33 4.Diseño. .34 5.Desarrollo. 34 5.1. Instalación de Framework. .34 5.2 CodeIgniter…………………………………………34 5.3. Svelte. ………………………………………. 36 8 5.3. Diseño de base de datos. .38 6.Resultados y discusión. .. 48 7.Conclusiones. .. .. 54 8.Bibliografía. 55 9.Anexos. 57 9.1. Glosario. 57 ÍNDICE DE IMÁGENES Imagen 1.1 - Ubicación de la empresa……………………..…….13 Imagen 2.1 – Estructura Desarrollo Web…………………………18 Imagen 2.2 – Logo CodeIgniter …………………………….. 20 Imagen 2.3 – Logo Laravel………………………..………... 20 Imagen 2.4 – Logo Open Souce…………………….…….. 21 Imagen 2.5 – Logo Svelte…………………………….…….. 22 Imagen 2.6 – Ejemplo de Login creado en Materialize……… . 23 Imagen 2.7 – Logo JavaScript…………………………….. 24 Imagen 2.8 – Logo PHP…………………………….. …….. ….... 25 Imagen 2.9 – Panel de Control Xampp…………….. ……..….. .25 Imagen 2.10 – Vista de Visual Core Studio………………. …..... 26 Imagen 2.11 – Logo Symfony…………………………….. ..…. 28 Imagen 2.12 – Logo ZendFramework…………………….. ..… . 29 Imagen 2.13 – Logo Phalcon…………………………….. ….... 30 Imagen 2.14 – Logo CakePHP……………………………….. 30 Imagen 2.15 – Logo Yii…………………………….. …….... ….. 31 Imagen 2.16 – Logo FuelPHP………………………………... .32 Imagen 3.1 – Descarga CodeIgniter………………….….. ..… . 34 9 Imagen 3.2 – Instalación CodeIgniter…………………….. … . 35 Imagen 3.3 – Instalación CodeIgniter …………………….. ... .35 Imagen 3.4 – Config.php ………………………………….. … . 36 Imagen 4.1 – Ejecutar Simbolo de Sistema…………….. … . ... 36 Imagen 4.2 – Generar Proyecto…………………………….. 37 Imagen 4.3 – Instalar Archivos………………………………. 37 Imagen 4.4 – Instalacion XAMPP…………………………….. 38 Imagen 4.5 – Instalacion XAMPP…………………………….. 39 Imagen 4.6 – Iniciar servicios de XAMPP………………………. 40 Imagen 4.7 – Crear Base de datos……………………………..…. 40 Imagen 4.8 – Crear Base de datos………………………………. 40 Imagen 4.9 – Crear Tabla……………………………………….……. 41 Imagen 4.10 – Crear Tabla…………………………………….…. 41 Imagen 5.1 – Catalogo.svelte…………………………………….…. 41 Imagen 5.2 – Catalogo de Usuarios………………………....……. 42 Imagen 5.3 – Text.svelte………………………………………..…. 42 Imagen 5.4 – Notificaciones.svelte…………………………………. 43 Imagen 5.5 – App.svelte………………………………….…………. 43 Imagen 5.6 – Routes.js……………………………………..………. 44 Imagen 5.7 – Config/config.php……………………………………. 44 Imagen 5.8 – Config/database.php………………………….………. 45 Imagen 5.9 – Vista/Auth.php…………………………………………. 46 Imagen 5.10 – Librerias/JWT.php……………………………..……. 46 Imagen 5.11 – Models/Users.php………………………………..…. 47 Imagen 5.12 – Vista/login………………………………………..…. 47 10 Resumen El presente documento ha sido realizado con la finalidad de acreditar la carrera de ingeniería en informática en la universidad politécnica de Sinaloa. El contenido expuesto en el presente trabajo hace mención a los Framework utilizados para el desarrollo web, los cuales son utilizados con la finalidad de facilitar el trabajo de los desarrolladores y unificar paqueterías. esto sirve para ahorrar tiempo a guiar los proyectos para que puedan seguir una estructura Abstract This document has been made with the purpose of accrediting the computer engineering career at the Polytechnic University of Sinaloa. The content presented in this work refers to the frameworks used for web development, which are used in order to facilitate the work of developers and unify packages. this serves to save time to guide the projects so that they can follow a structure Introducción En la actualidad existe una gran variedad de Framework que nos proporcionan muchas herramientas que facilitan el desarrollo, algunas de ellas son muy populares y utilizadas por los desarrolladores, estas ayudan a crear proyectos con mayor facilidad y además con más calidad ya que la arquitectura utilizada está muy bien organizada lo que permite identificar donde esta cada parte de los proyectos y así pueden adaptarse a él con mayor facilidad. 11 CAPÍTULO I ______________________________________________________ Antecedentes y planteamiento del problema 12 1. Antecedentes UPC Technologies nace con el fin de diversificar los servicios de la firma UPC y así ofrecer a sus clientes servicios adicionales, enfocados a soluciones en tecnologías de información. La finalidad de este concepto, es que el cliente encuentre la integración de las soluciones basadas en Tecnología, a la medida de su empresa en un solo lugar. Actualmente contamos con la capacidad de brindar estos servicios a sus clientes con experiencia, conocimiento y tecnología, de tal forma que sea más consistente y predecible, garantizando una óptima relación costo/beneficio. UPC es una firma de servicios profesionales, nos distinguimos por otorgar soluciones en las áreas de defensa Fiscal, Planeación Fiscal y Litigiosa, Tecnologías de Información, Desarrollo e implementación de Procesos Administrativos y Financieros. Nos concentramos en las soluciones que aporten ahorro y beneficio a las empresas, lo que nos permite dar excelentes resultados. Preocupados siempre por la capacitación de todos los que en ella colaboramos, con el fin de superar las expectativas de nuestros clientes. Estamos en constante crecimiento, siempre a la vanguardia de los cambios globales, generando más de 230 fuentes de empleo en 6 ciudades de la República Mexicana y 1 en el extranjero que trabajan para que usted sólo se preocupe por hacer negocios, buenos negocios. 1.1. Localización UPC Technologies se encuentra ubicada por la calle Sierra Rumorosa No. 321, Lomas de Mazatlán, Mazatlán, Sinaloa, México. Ubicación de la empresa Imagen 1.1 Fuente: Google Maps 1.2. Objetivos de la institución El Software para la facturación electrónica es un desarrollo de UPC Technologies con el objetivo de satisfacer las necesidades de las empresas, negocios y/o personas físicas que deseen implementar un control administrativo y financiero, además de poder emitir comprobantes digitales, por medios propios o por PAC. 13 1.3. Misión Contribuir con nuestro conocimiento y capital humano para proteger, brindar confianza y ofrecer seguridad jurídica en el fortalecimiento del patrimonio de nuestros clientes y sus plataformas de negocios. 1.4. Visión Ser una firma líder, reconocida nacional e internacionalmente, por la diversidad y alta calidad de servicios y desempeño exitoso, asegurando la protección y el crecimiento del capital de nuestros clientes. 2. Planteamiento del problema En la actualidad la mayoría de los proyectos son realizados utilizando un Framework ya que estos nos brindan una estructura estandarizada y organizada que nos facilitan el desarrollo web, una herramienta que nos aporta puede ser la inclusión de librerías que nos facilitan la interacción entre los componentes del proyecto. Existe una gran variedad de Framework que permiten y facilitan el desarrollo web, cada uno cuenta con características diferentes que aportan una ligera ventaja