Diseño y desarrollo de el Generador de Tiendas virtuales usando Líneas de Diseño de productos

Transcripción

1 Pontificia Universidad Javeriana Informe Final Proyecto Dirigido Diseño y desarrollo de el Generador de Tiendas virtuales usando Líneas de Diseño de productos Autor: Luis Gabriel Rodríguez Profesora: Luisa Fernanda Rincón Facultad de Ingeniería Departamento de Electrónica y Ciencias de la Computación 16 de diciembre de 2014

2 Índice 1. Modelo Características seleccionadas Diagrama de Características Diseño Componentes General del generador de tiendas Componentes Detallado Componentes Detallado Tienda Generada Diagrama de Secuencia Diagrama de Clases Generador de Tienda Diagrama de Clases Tienda Virtual Modelos de entidad Relación Generador de Tiendas Tienda Generada con todas las características Tabla con todas las características activadas Tienda Generada con algunas las características Tienda implementada como catálogo Diagrama de Despliegue

3 3. Implementación Software y Frameworks utilizados CSS Jquery CakePHP MySql Resultados Administrador de Características Generador de Características Validación de restricciones Tienda generada Activación de plugins Relación entre Plugins y características Requisitos de Instalación IDEs y Software utilizados Conclusiones 29 2

4 Justificación Con el fin de documentar el proyecto del curso, el cual buscaba generar una línea de productos de software empleando el paradigma de programación orientada a características, se realiza este documento donde se explica detalladamente el proceso de desarrollo de dicha aplicación, explicar su funcionamiento y modelar mediante el uso de UML sus principales componentes y funcionalidades. 3

5 1. Modelo El modelo desarrollado fue pensado con el fin de poder generar tiendas virtuales a partir de unos componentes comunes, habitualmente encontrados en la industria del comercio electrónico y aplicaciones para venta de productos en internet. Como precedente principal se tomo el hecho de que el comercio electrónico requiere de diferentes funcionalidades dependiendo de su publico objetivo y el alcance de distribucion de sus productos. Con esto en mente se tomo la determinación de que funcionalidades eran comunmente encontradas en la mayoría de tiendas virtuales de las cuales ya se tenia algún conocimiento previo gracias al trabajo realizado en el área de desarrollo de aplicaciones web Características seleccionadas Productos Categorías Marcas Calificación de productos Inventario Comparativo de productos Carrito de compras Pagos Consignación Contraentrega PSE Sistema manejador de contenido (CMS) Galería de imágenes Chat en línea 4

6 Banners Social media Registro de usuarios Registro manual Registro por redes sociales Búsqueda 1.2. Diagrama de Características El presente gráfico presenta el modelo de carácteristicas seleccionado a partir del cual se desarrollaŕa el modelo de líneas de producción de software para tiendas virtuales. 5

7 2. Diseño El diseño para el generador de líneas de productos buscó generar una serie componentes independientes que pudieran ser de fácil acoplamiento entre si, para ello se tuvo presente a la hora de diseñar la aplicacion que esta fuera lo mas módular posible. Se trabajó paralelamente en dos aplicaciones, la primera fue una tienda virtual con todas las posibles características existentes dentro del modelo de características; esto con el fin de poder probar que todas las funcionalidades estuvieran presentes y trabajaran de la manera apropiada. La segunda es la aplicación que se encargaba de validar las restricciones establecidas en el modelo de características. Una vez validadas las opciones escogidas, la aplicación copia los componentes necesarios a la tienda generada. 6

8 2.1. Componentes General del generador de tiendas 7

9 2.2. Componentes Detallado 8

10 2.3. Componentes Detallado Tienda Generada 9

11 2.4. Diagrama de Secuencia 10

12 2.5. Diagrama de Clases Generador de Tienda 11

13 2.6. Diagrama de Clases Tienda Virtual 12

14 2.7. Modelos de entidad Relación Generador de Tiendas Para el generador de tiendas solo es necesaria una tabla la cual se usa para almacenar la información de las características, así como también las restricciones incluyentes de las características. 13

15 Tienda Generada con todas las características 14

16 Tabla con todas las características activadas La tabla plugins almacena que plugins han sido implementados para asi mismo activarlos. 15

17 Tienda Generada con algunas las características 16

18 Tienda implementada como catálogo 17

19 2.8. Diagrama de Despliegue 3. Implementación Este proyecto se implementó usando una apliación web, que emplea el modelo Cliente-Servidor y la arquitectura MVC. Tanto la tienda virtual generada como el generador de tiendas estan escritos en el lenguaje de progración PHP. Adiconalmente se diseñó un modelo relacional en una base de datos donde se almacena las características disponibles. Esta base de datos también se encarga de almacenar las reglas de validación del modelo de características. El diseño de las características se desarrolló de manera modular donde fue posible, es decir cada una de las características fue desarrollada de manera independiente con el fin de facilitar su integración dentro de un sistema completo. 18

20 Las características relacionadas con la interfaz gráfica que no requieran interacción con el servidor se modelaron empleando el lenguaje de programación javascript, que se ejecuta del lado del cliente Software y Frameworks utilizados CSS Se utiliza para dar formato a las etiquetas HTML, comprende todo lo relacionado con colores, tamaño de letra, diagramación del sitio, entre otros Jquery Es un framework que utliza el lenguaje e programación Javascript, facilita la implementación de aplicaciones web permitiendo que estas se comporten de manera asíncrona (sin recargar el la página) tal como aplicaciones de escritorio. Se ejecuta del lado del cliente en el navegador web CakePHP Este framework escrito en PHP tiene como característica principal la facilidad para agilizar el desarrollo de aplicaciones web. Emplea el patrón arquitectónico MVC( Modelo Vista Controlador), esto permite la separación del software en diferentes capas. El modelo se encarga de interacturar con la base de datos, es una representación de las tablas dentro de la aplicación, son modelados como objetos con los métodos básicos de interacción de los datos crear, actualizar, borrar y consultar. Los controladores son los encargados de llevar a cabo toda la lógica de negocio, reciben las peticiones del cliente proveniente de las vistas, y se encarga de interactuar con el modelo para manipular los datos de alguna manera. 19

21 Las vistas presentan la información al usuario, reciben las peticiones y se las trasladan al controlador. Los Plugins son pequeñas aplicaciones escritas en CakePHP con la característica principal de que pueden ser instaladas dentro de una aplicación mas grande y robusta sin interferir su funcionamiento. Esta funcionalidad permite que se puedan adicionar funcionalidades de manera rápida y sencilla. De esta forma se desarrollaron algunos de los componentes empleados en la aplicación de la tienda virtual. Las aplicaciones que se copian en la carpeta Plugins de cakephp pueden ser accedidos de forma inmediata a través del navegador web MySql Motor de base de datos empleado para almacenar los registros tando de la apliación generadora de tiendas virtuales como de las tiendas generadas a partir de las características. 20

22 4. Resultados Administrador de Características 21

23 Generador de Características Validación de restricciones Para validar las relaciones de obligatoriedad se adicionó un campo a cada característica, en la cual se insertaban los identificadores de las caracteristíscas requeridas. 22

24 Solo se deben seleccionar de el listado características disponibles las que son obligatorias. Los identificadores de las características con depencia son almacenados en la base de datos, y se insertan dentro de un atributo especial de cada checbox en la interface gráfica del generador. 23

25 24

26 Tienda generada Activación de plugins Para activar los plugins de una tienda, es necesario validar si se encuentran o no habilitados, para ello se implementó un módulo manejador de plugins que permite hacer una consulta a la base de datos y dar una respuesta de si se encuentra o no en la aplicación. 25

27 Figura 1: Tabla donde se almacenan los plugins. Figura 2: Función que valida que un plugin este activado o no. Figura 3: Llamado de la función de validación desde la aplicación. 26

28 Relación entre Plugins y características Feature Módulo que lo implementa Tipo Búsqueda Productos Server Side CMS/Banners Banners Server Side CMS/Chats Plugin independiente Client Side Galería de imágenes de usuarios Pictures Server Side Social Media Social Client Side Carrito de compras Cart Server Side Pago con tarjeta de credito Cart Client Side Cotizaciones Cart Server Side Historial de Compras Cart Server Side Pago en cosignación Cart Server Side Pago a contra entrega Cart Server Side Inventario Cart Server Side Calificación de productos Ratings Client Side Categorías Categories Server Side Comparativo de productos Products Client Side Marcas marcas Server Side Registro de usuarios Manual Users Server Side Registro de usuario social media Users Client Side 27

29 5. Requisitos de Instalación Para llevar a cabo la implementación tanto del generador de tiendas virtales como de la tienda generada son necesarios los siguientes requerimientos: Apache Server 2.0, con el módulo de reescritura de urls activado (mod rewrite) PHP 5.2 o superior CakePHP 2.0 o superior MySql 5.0 o superior Jquery 6. IDEs y Software utilizados Netbeans 8.0: Codificación, transferencia de archivos (FTP) Eclipse 3.8 con plugin FeatureIDE: Diseño y validación del modelo de características PhpMyAdmin: Administrador de la base de datos Filezilla: Transferencia de archivos 7. Dirección Gihub 28

30 8. Conclusiones Las Líneas de Productos de Software pueden ser difíciles de implementar si no se cuenta con un amplio conocimiento de las capacidades y alcances de los diferentes lenguajes de programación disponibles actualmente. Depende mucho de la estructura que tengan los diferentes lenguajes y frameworks para ejecutar sus instrucciones, de la organización de las dependencias y de sus respectivas librerias. Con base en el paradigma de programación orientada a características fue posible abstraer los conceptos presentados para llevar a cabo un desarrollo donde se pudieron plasmar los elementos que comprenden este tema utilizando el framework de programacion CakePHP, el cual gracias a la posibilidad de generar componentes independientes bajo la figura de Plugins, facilita la implementación del líneas de productos orientados en aplicaciones web. Aunque puede llevar un tiempo más largo desarrollar una aplicación desde una Línea de Productos de Software; las ventajas después de terminado el proceso se hacen notables a la hora de llevar a cabo el mantenimiento del código fuente e implementación de nuevas funcionalidades. Es necesario e indispensable pensar en los Productos generados a partir de una Línea de Productos de Software como aplicaciones modulares de las cuales se espera que cada módulo individual funcione de manera independiente de los otros componentes que hacen parte de toda la aplicación. Las herramientas de validación de modelos de líneas de productos son una gran ayuda a la hora de verificar y establecer relaciones entre las diferentes características, pero no son una herramienta de generación de código fuente lo suficientemente robusta para delegar la tarea de generación automática de código cuya finalidad sea la confección de aplicaciones en la vida real. 29