Asignatura: TFG – Comunicación visual y creativa
Consultor y profesor: Tona Monjo Palau y Laia Blasco Soplon
Introducción
El proyecto realizado incluye el diseño del interfaz del portal web, la maquetación HTML/CSS del mismo, así como la programación necesaria para su funcionamiento, compuesta por un gestor de contenidos mediante el cual los administradores pueden añadir, editar o eliminar los elementos de cada una de las páginas editables. Asimismo, también se ha añadido una galería multimedia, el script [MediaWiki] y un foro, integrando las tareas de login de toda la página en este último y permitiendo una experiencia de uso del portal sin interrupciones ni problemas, a pesar de estar formado tanto por código propio como por diferentes scripts externos.
Etapas y retos
1. Estudio de mercado
Antes de comenzar el proyecto fue necesario desarrollar un estudio de mercado para conocer la competencia existente, con los objetivos de comprobar el estado del nicho de mercado y aprender del resto de portales del sector. Esta fase comenzó al comprobar no existía ninguna comunidad de jugadores de habla hispana totalmente dedicada al videojuego que nos ocupa, [Everquest 2], ya que no existía ninguna página independiente que tuviera información en nuestro idioma, y aunque el portal oficial contenía dos foros de habla hispana, éstos estaban únicamente dedicados al soporte técnico. Por esta razón, se llegó a la conclusión de que el proyecto podía tener bastante aceptación y éxito entre la comunidad hispanohablante de jugadores, por lo que se procedió a la siguiente fase.
2. Brainstorming
Posteriormente se contó con la colaboración de varios compañeros del sector multimedia y se formó un grupo de trabajo para realizar el proceso de Brainstorming, consistente en la aportación de ideas, para su posterior evaluación, eligiendo aquéllas que sean factibles para el proyecto.
3. Diseño del interfaz
A continuación se llevó a cabo el desarrollo de la interfaz web, para lo cual se tuvieron en cuenta las fortalezas y debilidades encontradas en los portales de la competencia y la página oficial del juego, así como las ideas planteadas en las fases anteriores. Para ello, se efectuaron los prototipos de baja y alta fidelidad y se realizaron los correspondientes test de usuarios, con el fin de depurar los posibles fallos cometidos en el diseño inicial.
Una vez finalizada esta fase, se prosiguió con la fase de diseño, en la que se creó una versión en HTML y CSS de la página inicial, la cual se utilizaría como plantilla del resto del sitio durante el proceso de programación e integración de scripts.
3. Programación e integración de scripts
Esta fase del desarrollo fue la más compleja y la que más dificultades presentó. El proceso se inició con la creación de la base de datos, incluyendo la normalización de las relaciones hasta la tercera regla normal (3FN). Una vez realizada la base de datos, se continuó con el proceso de programación de las secciones dinámicas en PHP5, el cual se planteó como una serie de páginas donde mostrar la información contenida en la base de datos, así como los vínculos a sus páginas hermanas o hijas, permitiendo crear subsecciones. Asimismo, se creó el panel de administración, desde el que se podría añadir, editar o eliminar contenidos, además de poder gestionarlos adecuadamente.
Tras estos pasos se prosiguió con la integración de scripts. Puesto que el foro iba a ser el pilar principal del portal, debido a que en él recaería la responsabilidad del login de los usuarios, fue el primer script en ser incorporado. En este caso, se instaló el foro [vBulletin] ya que poseía la licencia del mismo que a pesar de ser antigua era válida y, aunque por limitaciones del diseño del foro no se pudo integrar su diseño dentro de la plantilla madre que está presente en el resto del portal, sí se pudieron vincular las páginas de programación propia con el sistema de login del foro sin demasiados problemas, tras lo cual se continuó con la integración del resto de scripts.
Los inconvenientes surgieron al momento de vincular la galería multimedia y el script [MediaWiki] con el foro. En el primer caso, se eligió la galería [Coppermine] por ser de código abierto y gratuita, por lo que la integración probablemente sería más simple; sin embargo, la versión del plugin que contenía la galería estaba preparada para versiones más recientes de [vBulletin], y actualizar la licencia del foro habría resultado en un desembolso considerable de dinero, por lo que opté por modificar el plugin disponible, consiguiendo una vinculación óptima tras algún tiempo. En el caso del script [MediaWiki], la solución no fue tan sencilla, ya que su sistema permitía un login desde un origen externo, en este caso el foro, pero mantenía la comprobación de login al margen; es decir, el usuario podía loguearse en el sistema Wiki con el usuario y contraseña registrado en el foro, pero no aparecería logueado automáticamente en el resto del portal, sino que debería loguearse dos veces: una en el portal, el foro o la galería; y otra en el sistema Wiki. Se intentó resolver este problema modificando también el plugin suministrado con el script [MediaWiki], pero no se pudo encontrar la solución, por lo que tuve que dejarlo en ese estado de integración intermedia.
4. Publicación del sitio
Para la publicación de la página web se contrató un hosting y se registró un nombre de dominio, siendo http://www.everquest2.es la URL del portal.
Modificaciones posteriores:
Una vez finalizada la entrega del trabajo de final de Grado, sin tiempo límite ni presión, pude dedicarme a optimizar el portal y corregir los problemas encontrados, como el caso del login mediante [MediaWiki]. Para ello, y tras comprobar la imposibilidad de llevar a cabo un trabajo adecuado con un script propietario del que carecía de licencia actualizada, como era [vBulletin], tomé la decisión de cambiar el foro por uno de código abierto, ya que existen varias opciones muy populares y con gran soporte técnico en sus respectivas comunidades de usuarios.
Cuando comprobé dos de los scripts más famosos, [SMF] y [phpBB] me decanté por el primero debido a su facilidad de modificación y seguridad demostradas, por lo que llevé a cabo el proceso de desinstalación del foro [vBulletin], para lo cual, primero tuve que desactivar toda vinculación desde cualquiera de los otros dos scripts, continuando con la instalación del script SMF 2.0 a posteriori. A continuación llegó el momento de repetir los pasos anteriormente dados con el foro anterior, siendo en este caso mucho más fácil y satisfactoria la integración gráfica, ya que fue posible modificar el diseño del foro hasta conseguir incluirlo dentro de la plantilla madre utilizada para el resto del portal, sin ningún tipo de problema. Tras esto, se prosiguió con la parte que prometía ser más tediosa: la integración con los otros dos scripts. No obstante, también resultó notablemente más sencillo, ya que la galería [Coppermine] contenía un plugin de vinculación con SMF 2.0, permitiéndome en este caso una integración rápida y fácil. Asimismo, en el caso del script [MediaWiki], pude utilizar su correspondiente plugin de integración con login externo, consiguiendo en esta ocasión una integración perfecta, tanto al momento de loguearse con los datos del usuario obtenidos del script [SMF], como al mantenerse logueado en todas las secciones del portal.
Conclusiones
En resumen, este trabajo me ha permitido adoptar diferentes roles en el proceso de creación de un portal, desde arquitecto de la información, diseñador, maquetador web, programador, etc, poniendo en práctica los diferentes conocimientos que he obtenido a lo largo del Grado Multimedia.
En referencia a las herramientas empleadas, he podido observar las diferencias entre trabajar con software propietario y con software libre. Al menos en el campo web, las diferencias, en mi opinión, son evidentes, y utilizar la segunda opción me ha permitido mucha más libertad de acción y modificación.
Por otro lado, también me he dado cuenta de que es posible realizar cualquier proyecto con tiempo y paciencia por muy complejo que pueda parecer o muchos problemas que puedan surgir en el transcurso de su creación, por lo que mi valoración final es sumamente positiva. Estoy orgullosa del resultado obtenido gracias a mi esfuerzo. Asimismo, la complejidad del proyecto manifiesta la importancia del trabajo en equipo de cara a proyectos profesionales que requieren de la participación de diferentes perfiles.
Todas las imágenes pertenecientes al videojuego Everquest2© son propiedad de SOE© (Sony Online Enternainment)
Cita recomendada: YBÁÑEZ DOMÍNGUEZ, Ainhoa. Creación de una comunidad online. Mosaic [en línea], junio 2012, no. 98. ISSN: 1696-3296. DOI: https://doi.org/10.7238/m.n98.1223.