FanJam, red social para buscar e integrar talentos en la industria musical

Transcripción

1 FanJam, red social para buscar e integrar talentos en la industria musical Trabajo de Grado DOCUMENTO DE ESPECIFICACION DE LA ARQUITECTURA 15 de Octubre de 2012 V 2.3 Juan Sebastián Ruiz Juan David Cadena Pontificia Universidad Javeriana Facultad Ingeniería Carrera Ingeniera de Sistema Bogotá D.C 2012

2 HISTORIAL DE CAMBIOS Sección del Versión Fecha documento Descripción de cambios Responsable modificada 1.0 Sept 22 y 23 de Elaboración de Diagrama de componentes Juan Sebastián Ruiz 1.5 Sept 24 y 25 de Elaboración de Diagrama de despliegue Juan Sebastián Ruiz 2.0 Sept 30 Y Oct 31 de , 2.3, 2.4 Elaboración de Atributos de calidad (Seguridad, escalabilidad, desempeño y disponibilidad) Juan Sebastián Ruiz 2.3 Oct 6 y 7 de , 3 Elaboración de Atributos de calidad (Mantenibilidad) y Comparación de Tecnologías (PHP vs Java) Juan Sebastián Ruiz

3 TABLA DE CONTENIDO HISTORIAL DE CAMBIOS... 2 LISTA DE ILUSTRACIONES... 4 LISTA DE TABLAS... 5 DESCRIPCION DE LA ARQUITECTURA Diagrama de paquetes Diagrama de despliegue... 7 ATRIBUTOS DE CALIDAD Seguridad Escalabilidad y desempeño Disponibilidad Mantenibilidad ARBOL DE NAVEGACIÓN BIBLIOGRAFIA... 18

4 LISTA DE ILUSTRACIONES ILUSTRACIÓN 1 - DIAGRAMA DE PAQUETES... 6 ILUSTRACIÓN 2 - DIAGRAMA DE DESPLIEGUE... 7 ILUSTRACIÓN 3 - ÁRBOL DE NAVEGACIÓN ILUSTRACIÓN 4 - PANTALLA LOGIN Y REGISTRO ILUSTRACIÓN 5 - PANTALLA CONOCER MÁS ILUSTRACIÓN 6 - PANTALLA PERFIL ILUSTRACIÓN 7 - PANTALLA INFORMACIÓN ILUSTRACIÓN 8 - PANTALLA AMIGOS ILUSTRACIÓN 9 - PANTALLA AMIGO ILUSTRACIÓN 10 - PANTALLA FOTOS ILUSTRACIÓN 11 - PANTALLA MUSICA Y VIDEOS ILUSTRACIÓN 12 - PANTALLA EVENTOS ILUSTRACIÓN 13 - PANTALLA NOTICIAS ILUSTRACIÓN 14 - PANTALLA BÚSQUEDA AVANZADA... 18

5 LISTA DE TABLAS TABLA 1 - DOCUMENTACIÓN DIAGRAMA DE PAQUETES... 6 TABLA 2 - DOCUMENTACIÓN DIAGRAMA DE DESPLIEGUE... 8

6 DESCRIPCIÓN DE LA ARQUITECTURA 1. Diagrama de paquetes Ilustración 1 - Diagrama de paquetes Paquete Interfaz grafica de usuario Lógica Comunicación Seguridad Persistencia Descripción Este paquete tiene como objetivo contener todos los archivos html y css, para permitir al usuario visualizar de manera agradable toda la información. Este paquete tiene como objetivo contener toda la lógica de negocio de la red social, además éste hará uso de paquetes como el de la comunicación y la seguridad. Este paquete tiene como objetivo controlar toda la comunicación de correos electrónicos, notificaciones e integración con los demás sistemas involucrados en la red social, como YouTube, goear y entidades bancarias. Este paquete tiene como objetivo manejar todos los asuntos relacionados con la seguridad de la pagina web, como por ejemplo ataques de SQL Injection, Cross-site Scripting Attacks entre otros Este paquete tiene como objetivo manejar la comunicación entre la base de datos y el sistema. Tabla 1 - Documentación diagrama de paquetes

7 2. Diagrama de despliegue Ilustración 2 - Diagrama de despliegue

8 Unidad de despliegue PC usuario Firewall Balanceador de cargas Servidor de bases de datos Servidor de correo Servidor web (Presentación) Servidor de aplicaciones Sistema YouTube Sistema GoEar Descripción Representa a los usuarios que ingresan al sistema Está conformada por los siguientes componentes: Web browser El browser se encuentra en el pc del usuario que accede al sistema, es el encargado de desplegar la lógica de presentación (interfaz gráfica) para la interacción con la aplicación. Permite controlar el acceso no autorizado de individuos al sistema, conjuntamente de controlar el tráfico hacia el servidor primario. Tiene como objetivo gestionar las solicitudes de un número elevado de usuarios, busca lograr un uso eficiente de los recursos del sistema repartiendo las solicitudes entre los nodos que tengan menor carga de trabajo o se encuentren libres de trabajo. Almacena toda la información (canciones, videos, eventos, comentarios, etc.) de los usuarios que se registran en la red social de música. Se utiliza la base de datos NEO4J, base de datos orientada a grafos. Encargado de enviar los correos a los usuarios registrados en la red social de músicos bien sea para notificaciones de solicitudes de amistad, invitación a eventos, entre otros. Es el encargado de tener toda la lógica de presentación (Paginas web) para que el usuario pueda interactuar con los controles de la aplicación web. Es el encargado de tener toda la lógica de negocio de la aplicación web y la integración con las páginas web como YouTube y con GoEar para la subida de vídeos y canciones. Interacción con el sistema YouTube el cual provee el servicio para la subida de vídeos por parte de los usuarios. Interacción con el sistema GoEar el cual provee el servicio para la subida de canciones por parte de los usuarios. Tabla 2 - Documentación diagrama de despliegue

9 ATRIBUTOS DE CALIDAD 1. Seguridad El framework de Symphony2 soporta la seguridad, esto quiere decir que el desarrollador no tiene por qué preocuparse por tanto detalle al momento de implementar la seguridad en la red social. El propósito de la seguridad es evitar que un usuario ingrese a un recurso al cual no debería tener acceso. La seguridad es un proceso de dos etapas, el primer paso del proceso es que el sistema debe identificar quien es el usuario, para esto el usuario tendrá que ingresar algún tipo de identificación, llamándose esto autenticación. Después de que ya se sepa quien es el usuario, se debe realizar la autorización, esto es determinar a que recurso tiene acceso el usuario para realizar una determinada acción. Sabiendo lo anterior Symfony2 tiene el componente Security, esta es una biblioteca PHP independiente la cual se puede usar dentro de cualquier proyecto PHP, en este caso para ser usada dentro de la red social de músicos. Tiene herramientas para manejar la seguridad como [1]: Autenticación o Autenticación HTTP o Cortafuegos o Formulario de acceso o Certificados X.509 o Atreves de Facebook Control de acceso (autorización): Puede ser para una URL, un modelo de objetos, llamada a un método, entre otros o Manejo de roles o Protegiendo patrones de URL especificas o Protegiendo por IP o Protegiendo por canal o Protegiendo un controlador o Lista de control de acceso (ACL), protegiendo objetos individuales de base de datos

10 Entre otros 2. Escalabilidad y desempeño Para manejar un buen desempeño en la página de la red social, Symfony2 cuenta con herramientas y estrategias que ayudan a solucionar esto haciendo uso de la memoria caché. Symfony2 es muy útil a la hora de implementar una aplicación web ya que responde de manera inmediata a los usuarios, pero cuando la cantidad de usuarios crece y las peticiones al servidor son muchas, es necesario afrontar el problema de otra forma. Como se dijo anteriormente, el uso de la memoria caché es una de las soluciones a este problema. Este tipo de memoria se convierte en un intermediario entre el cliente y la aplicación web. Cuando el cliente realiza una petición, la memoria caché guarda información obtenida que puede ser reutilizable, permitiendo adquirirla sin necesidad de recurrir a la aplicación web, haciendo más rápida la respuesta. Esto se conoce como pasarela de caché Además de esto se puede hacer uso de Varnish, un acelerador HTTP escrito en C que almacena los datos en la memoria virtual. Puede crear nuevos threads bajo demanda y eliminarlos cuando la carga total se reduce, igualmente es muy útil para picos de tráfico y puede servir como un balanceador de cargas para mejorar la respuesta a los usuarios finales. [2] 3. Disponibilidad Para tener una buena disponibilidad de la aplicación e intentar alcanzar el 100% de su funcionalidad, es necesario recurrir a la implementación de ciertas técnicas de arquitectura más que a la selección de una tecnología a utilizar (Symfony2). De lo anterior se puede decir que el método más utilizado para mejorar la disponibilidad, es el uso de la técnica de replicación de la base de datos o mirroring, esto significa que al momento de registrar nuevos datos a la base de datos principal, se hará una copia periódicamente a una segunda base de datos. Si la base de datos principal sufre una falla de cualquier índole, esta segunda base de datos servirá como respaldo y empezara a remplazar a la principal mientras se repara.

11 También cabe aclarar que esta técnica no solamente aplica a las bases de datos, también es posible aplicarlo a los servidores web, donde se alojan las paginas o la lógica de negocio, siendo necesario al momento de actualizar la aplicación web, bien sea por presentación y/o por lógica de negocio. Sin embargo, tiene un costo y es el uso de mayor cantidad de maquinas. [3] 4. Mantenibilidad El framework Symfony2 provee facilidades para implementar el patrón MVC cuyo objetivo es la separación de responsabilidades. Esto da ventajas como: Un desarrollo rápido Un desarrollo estructurado Reutilización de código Disminuir el esfuerzo en el desarrollo Todo esto para concentrarse directamente en la solución del problema. [4] Esto permite que la mantenibilidad acoplamiento de los mismos. de cada componente se facilite, debido al bajo El modelo de aplicación será una arquitectura multitired distribuida, en donde existe una clara separación de la lógica de presentación, la lógica de negocio y los datos en diferentes servidores, lo cual permite añadir nuevas funcionalidades fácilmente sin afectar el funcionamiento de la aplicación. Además de lo anterior Symfony2 cuenta con módulos o componentes (llamados Bundles en Symfony2) ya existentes que evitan que se reinvente la rueda aumentando la extensibilidad de la aplicación de forma rápida y sencilla. [5] Se realizo un documento que compara las tecnologías Java con PHP y Bases de datos relacional con bases de datos de grafos con el fin de poder visualizar de forma mas clara los beneficios que trae cada una. (Ver Comparación de tecnologías).

12 ARBOL DE NAVEGACIÓN Ilustración 3 - Árbol de navegación

13 Ilustración 4 - Pantalla Login y Registro Ilustración 5 - Pantalla Conocer más

14 Ilustración 6 - Pantalla Perfil Ilustración 7 - Pantalla Información

15 Ilustración 8 - Pantalla Amigos Ilustración 9 - Pantalla Amigo

16 Ilustración 10 - Pantalla Fotos Ilustración 11 - Pantalla Musica y Videos

17 Ilustración 12 - Pantalla Eventos Ilustración 13 - Pantalla Noticias

18 Ilustración 14 - Pantalla Búsqueda Avanzada BIBLIOGRAFIA [1] Symfony Seguridad 14 de Junio, 2012 [Available]: [2] Caching en Symfony2 - Escalabilidad 20 de Abril, 2012 [Available]: [3] Alta Disponibilidad: Que es y cómo se logra 19 de Agosto, 2008 [Available]: [4] What is Symfont2? 25 de Octubre, 2011 [Available]: [5] Introducción a Symfony2 3 de Febrero, 2011[Available]: