Trabajo De Fin De Carrera
Total Page:16
File Type:pdf, Size:1020Kb
TRABAJO DE FIN DE CARRERA TÍTULO DEL TFC: VirtualEPSC, el mundo virtual 2.0 del Campus del Baix Llobregat TITULACIÓN: Ingeniería Técnica de Telecomunicación, especialidad en Telemática AUTORES: Luis Miguel Amorós Martínez Noemí Arbós Linio DIRECTOR: Toni Oller Arcas FECHA: 14 de julio de 2010 Título: VirtualEPSC, el mundo virtual 2.0 del Campus del Baix Llobregat Autores: Luis Miguel Amorós Martínez Noemí Arbós Linio Director: Toni Oller Arcas Fecha: 14 de julio de 2010 Resumen En las últimas décadas, se han producido cambios tecnológicos de gran envergadura que han provocado una ruptura brusca con las tecnologías existentes hasta el momento. Una de las más importantes es Internet, que se ha convertido en el entorno de comunicación más importante de la historia, con más de mil millones de usuarios en todo el mundo. Internet ha sufrido una serie de cambios en los últimos años y uno de los últimos conceptos que han surgido es el de web 2.0. Esta filosofía se basa en dar un rol más activo a los usuarios, por ejemplo, utilizando la colaboración de los usuarios en Internet, también llamado inteligencia colectiva; y en el diseño centrado en el usuario. Este trabajo describe los pasos seguidos para desarrollar una web 2.0 que aloja un mundo virtual que emula el Campus del Baix Llobregat. Se describe cómo son el diseño y la arquitectura del proyecto, y cómo se ha hecho la implementación de las diferentes partes. El resultado se denomina VirtualEPSC, una web 2.0 que aloja una aplicación multimedia en 2D que emula el Campus del Baix Llobregat, donde los usuarios podrán interactuar entre ellos. Esta plataforma permite promocionar el campus de una manera divertida y que las personas que quieran conocerlo puedan visitarlo de una manera virtual. Además, en la aplicación se ofrecen servicios relacionados con el campus y se proporciona la posibilidad de que usuarios registrados puedan crear sus propias zonas dentro del mundo virtual, incentivando aún más la participación de los usuarios. Title: VirtualEPSC, the virtual world 2.0 of Campus del Baix Llobregat Authors: Luis Miguel Amorós Martínez Noemí Arbós Linio Director: Toni Oller Arcas Date: July, 14th 2010 Overview In last decades there have been big technological changes which have caused a sharp break with existing technologies so far. One of the most important is Internet which has become the most important communications environment in history, with over one thousand millions of users worldwide. Internet has undergone several changes in recent years. One of the new concepts that have arisen is Web 2.0. This philosophy is based on giving a more active role to the users, for example, using the collaboration of Internet users, also called collective intelligence; and the user-centered design. This project describes the steps followed to develop a web 2.0 that provide a virtual world which emulates the Campus of the Baix Llobregat. It is described how the design and architecture is, and how the implementation to the different parts has done. The result is called VirtualEPSC, a web 2.0 hosting a multimedia application in 2D that emulates the Campus of the Baix Llobregat and where users will be able to interact to each other. This platform allows promoting the campus in a funny way and people who want to know how the campus looks like can visit it in a virtual way. In addition, the application offers some services related to the campus and provides the possibility for registered users to create their own areas inside the virtual world, encouraging the participations of users. ÍNDICE INTRODUCCIÓN .............................................................................................. 1 CAPÍTULO 1. MOTIVACIÓN Y OBJETIVOS.................................................... 3 1.1. CONCEPTOS BÁSICOS ..............................................................................................3 1.2. OBJETIVOS DE DESARROLLO .................................................................................4 1.3. WEB 2.0 .......................................................................................................................5 1.4. DIARIO DE UN ESTUDIANTE .....................................................................................6 CAPÍTULO 2. ESPECIFICACIONES ................................................................ 9 2.1. SITIO WEB ...................................................................................................................9 2.1.1. Tipos de Usuarios ...............................................................................................9 2.1.2. Funcionalidades ...............................................................................................10 2.2. APLICACIÓN DEL MUNDO VIRTUAL ......................................................................12 2.2.2. Avatares.............................................................................................................20 2.2.3. Red de amigos ..................................................................................................20 2.2.4. Miniperfil de usuario .........................................................................................21 2.2.5. Puntos Sociales ................................................................................................22 2.2.6. Servicio de mensajería instantánea ................................................................23 CAPÍTULO 3. DISEÑO Y ARQUITECTURA .................................................. 25 3.1. ARQUITECTURA GENERAL ....................................................................................25 3.2. SERVIDOR WEB .......................................................................................................27 3.2.1. Implementación ................................................................................................28 3.3. SISTEMA DE ALMACENAMIENTO DE DATOS .......................................................35 3.3.1. Implementación ................................................................................................36 3.4. OPENID ......................................................................................................................40 3.4.1. Implementación ................................................................................................41 3.5. MENSAJERÍA INSTANTÁNEA .................................................................................44 3.5.1. Implementación ................................................................................................45 3.6. APLICACIÓN DEL MUNDO VIRTUAL ......................................................................53 3.6.1. Implementación ................................................................................................54 3.7. APIS ...........................................................................................................................62 3.7.1. Añadir una nueva zona al mundo virtual ........................................................62 3.7.2. Juegos, subir la puntuación ............................................................................64 CAPÍTULO 4. OTRAS TECNOLOGIAS UTILIZADAS ................................... 67 4.1. MAVEN.......................................................................................................................67 4.2. JETTY WEB SERVER ...............................................................................................69 4.3. SUBVERSION ............................................................................................................71 CAPÍTULO 5. PLAN DEL PROYECTO .......................................................... 73 5.1. TIEMPO DE DEDICACIÓN ........................................................................................73 5.2. TAREAS .....................................................................................................................73 CAPÍTULO 6. CONCLUSIONES .................................................................... 77 BIBLIOGRAFÍA .............................................................................................. 81 ACRÓNIMOS, SIGLAS Y DEFINICIONES ..................................................... 85 ANEXOS ......................................................................................................... 89 A. FICHERO DE CONFIGURACIÓN DEL MAPA GENERAL ............................................89 B. APACHE WICKET .........................................................................................................91 C. APACHE CASSANDRA.................................................................................................94 C.1. Modelo de datos ...............................................................................................96 C.2. Arquitectura del clúster en Cassandra ...........................................................99 D. OPENID ........................................................................................................................ 102 D.1. Terminología ................................................................................................... 102 D.2. Tipos de identificadores................................................................................. 102 D.3. Como funciona OpenID .................................................................................. 103 D.4. Seguridad ........................................................................................................ 105 E. XMPP ..........................................................................................................................