DEPARTAMENTO DE TEORA DE LA SEAL, TELEMTICA Y

COMUNICACIONES.UNIVERSIDAD DE GRANADA

Proyecto Final de Carrera

Desarrollo de una aplicacin en HTML5
de Gymkhana Telematizada
Ignacio Gzquez Navarrete, 76625564-y
Octubre de 2013

Este primer documento trata, ligeramente por encima, de mostrar las ideas principales y
objetivos a alcanzar en el desarrollo del proyecto final de carrera.

Proyecto Final de Carrera

La gymkhana es una competicin compuesta de numerosas pruebas y juegos en el que
gana el grupo de personas (equipo) que sabe resolver de la forma ms ingeniosa y satisfactoria
los retos o desafos que se le proponen. Es una actividad que suele desarrollarse al aire libre,
generalmente en un entorno urbano, en la que los competidores tendrn la necesidad de
desplazarse entre diferentes localizaciones para poder superar esos retos. Especificando, cada
equipo deber desplazarse a una localizacin distinta por reto propuesto, ya que no ser
posible resolver el reto sin encontrarse emplazado en la localizacin a la que va asociada el
reto.
Los jueces (que gestionan tambin la actividad) sern encargados de evaluar las
soluciones que los diferentes equipos han propuesto a los retos que se le plante. De la suma
de las calificaciones de los diferentes retos resueltos por un equipo se obtendr la calificacin
total. Esta se comparar con las calificaciones totales de los restantes equipos, para as, poder
clasificar a los equipos en un ranking y poder obtener un ganador.
La idea de este proyecto es dar un salto en el desarrollo de esta actividad, dndole un
carcter nuevo (evolucionado). Las tecnologas de la comunicacin que usamos a diario nos
pueden servir para que, actividades como la gymkhana, puedan dar un salto cualitativo en
cuanto al desarrollo de sus bases, ampliando sus caractersticas y dndole un formato
novedoso que puede incentivar a nuevos participantes a involucrarse en esta actividad de
interaccin con personas, retos y entornos. Este proyecto puede ser la prueba (como ya lo han
sido otros) de que las tecnologas de las comunicaciones pueden desarrollarse para poner de
acuerdo a diferentes y numerosos colectivos para desempear tareas y llevar un control de
todo ello mediante la comunicacin entre los activos y los dirigentes, a travs de la
geolocalizacin y el intercambio de informacin multimedia.
Es sin duda, un proyecto de gran envergadura, y que su desarrollo solo es posible en
manos de personas que tengan conocimiento de ingeniera (inventar y desarrollar) y de las
tecnologas de la informacin y de la comunicacin: ingenieros de informtica o
telecomunicaciones.
Aplicar tecnologas de ltima generacin (HTML5, an en modo experimental) nos
ayuda a realizar un sistema actualizable y lejos an de quedarse obsoleto, y lo hace compatible
con la mayora de dispositivos porttiles. El nico requisito que tendrn que tener ser
disponer una conexin a internet. Ejemplo de ello son los smartphones, porttiles y tablets,
que a da de hoy estn al alcance de la gran mayora.
Desarrollar una idea de estas caractersticas como proyecto final de carrera parece un
motivo ms que suficiente para dar sentido a un trabajo que verdaderamente pone de
manifiesto las cualidades que debe tener un ingeniero de telecomunicaciones para merecerse
ese ttulo.

Proyecto Final de Carrera

El proyecto

La idea es simple: crear una aplicacin en la cual se pueda gestionar el desarrollo de

una gymkhana, tanto por las partes que participan (jugadores, equipos) como por la parte
encargada de monitorizar y evaluar la labor desarrollada por los participantes.
Se pretende usar HTML5 para montar este sistema debido a sus numerosas
propiedades, entre ellas, las bsicas que nos sirven para poder desarrollar la actividad:
intercambio de informacin de geolocalizacin, intercambio de informacin multimedia e
interfaz adaptable (en funcin del tamao del monitor del dispositivo). Un primer boceto de la
estructura fsica a implementar es la siguiente:
Administradores

Servidor

Clientes

Toda intercambio de informacin entre el servidor y cualquiera de las partes se hace a

travs de una conexin de internet (flechas azules). El intercambio de informacin entre
clientes, administradores, o entre ambos, tambin tendr como punto medio en el camino al
servidor (y como testigo y encargado de recoger esa informacin).
Para simplificar an ms el esquema (que no el desarrollo de la idea), vamos a situar
administradores y clientes en el mismo lado. Vamos a crear una interfaz para ambos, en la que
vare los permisos y las funciones segn sea cliente o administrador. Esta interfaz estar en el
servidor, y se tendr acceso a ella a travs de la conexin a internet. Por tanto, todo el trabajo
(todo el proyecto) ser desarrollar esa interfaz y su motor de funcionamiento en el servidor.
Todo el trabajo desarrollado, es decir, el producto final, quedar confinado en el servidor, y en
ninguna parte ms.
Por tanto, el requerimiento indispensable de este es que sea capaz de procesar
multitud de peticiones y transferencia de datos multimedia a la vez sin enlentecerse, y por
tanto, perjudicar la calidad de experiencia del administrador y, principalmente, del usuario. Es
necesario que tenga una mnima potencia de procesamiento, y suficiente espacio para
almacenar toda esa informacin.

Proyecto Final de Carrera

2.1 Descripcin de interfaz y funciones. Usuario y Administrador
Qu queremos que nuestro sistema haga? Cmo queremos que el usuario
interacte? Qu esperamos de l? Y an ms importante Qu es atractivo aadir al sistema
para que el usuario lo use (frente a otros)? Qu es necesario en la aplicacin para que sea un
xito?
Aportar las claves del xito a priori, saber que se va a hacer una herramienta y que esta
va a triunfar sin haber an desarrollado un trabajo, predecir cuales van a ser los puntos fuertes
que van a hacer que el usuario no se despegue de su uso Son aspectos muy difciles de
conseguir (casi imposibles), pero alcanzables si se somete al sistema a versiones de prueba y
evaluacin por parte de los usuarios en condiciones de usar versiones de prueba.
Las funciones del sistema en principio se van a basar en las caractersticas que el
desarrollador quiere o cree que son buenas implementar en l, que haran que el sistema
tuviera una probabilidad considerable de que fuera un xito, segn su opinin.
En primer lugar vamos a describir las funciones principales del sistema en funcin de lo
que un usuario (cliente) podra hacer en l. Tras ello, se quedarn en el tintero funciones que
el usuario percibi, pero que fueron gestionadas por administradores. Veremos tambin su
parte.
INTERFAZ CLIENTE. FUNCIONES DEL USUARIO:
Lo primero que va a ver el usuario cuando acceda a la pgina web por primera vez (s,
nuestra interfaz ser web) ser hacer un proceso de registro, en el que incluir sus datos
personales. Tras esto, tendr dos opciones:
- Ser observador: Podr seguir el curso de las competiciones en tiempo real, datos
multimedia expuestos en la pgina web por los administradores o usuarios (con
permiso de los administradores), clasificaciones, datos (pblicos) de los usuarios,
premios, foros, etc
- Ser activo: Para serlo, deber pertenecer a un equipo. Lo podr hacer unindose a
uno vigente o creando uno. El equipo deber tener al menos 5 usuarios
(componentes), para que el usuario perteneciente a un equipo sea reconocido como
activo. Los equipos no podrn tener ms de 8 componentes, y debern tener un
capitn del equipo (usuario administrador).
o

Adems de tener las ventajas que tiene ser observador, podr disponer de
la posibilidad de apuntarse a futuras convocatorias de gymkhanas
(propuestas por los administradores) y poder usar parte de la aplicacin
que estar disponible el da que se celebre esta para poder resolver los
retos (chat entre los usuarios del grupo, restantes participantes y
administradores para recibir asistencia tcnica, e intercambio de
informacin multimedia para resolver los retos, tales como imgenes,
videos, grabaciones de sonido, geolocalizaciones)

Proyecto Final de Carrera

o

Participarn en las clasificaciones globales por equipos, teniendo derecho

a recibir premios propuestos por los administradores por victorias
conseguidas.

Podrn retar (desafos especiales) y ser retados de forma no oficial (no

gestionada por los administradores de la aplicacin) a equipos en concreto
para poder conseguir mritos y distinciones que les beneficie en su perfil,
clasificacin o rango (nivel del equipo) dentro de la aplicacin.

Por lo que se puede distinguir de estos aspectos tcnicos, podemos describir la esencia
de la idea que se quiere desarrollar:
El sistema se forma por equipos de usuarios, que pueden interactuar entre s (como si
de una red social se tratase). Cuando los administradores convocan gymkhanas (para una
fecha y lugar de partida concretos), los equipos se pueden apuntar para participar, siempre
incentivados a hacerlo con un premio por ganar (puntos en la clasificacin, regalos). Ese da,
los administradores organizan para todos los equipos retos, que podrn resolver recibiendo
esas pruebas en sus dispositivos porttiles (con conexin a internet). Conforme vayan
resolviendo las pruebas (en funcin de la localizacin en la que se encuentren), los usuarios
tendrn que ir mandando la resolucin de sus retos a travs del envi de informacin
multimedia (texto, video, fotos, grabacin de audio, geolocalizacin lo que les pida el reto).
Cuando la gymkhana haya finalizado (el tiempo de realizacin de las pruebas haya
expirado o el equipo haya terminado de resolver sus retos), los equipos tienen que volver al
punto de partida para dar por concluida su participacin. Tras un tiempo de deliberacin de los
administradores y jueces de la prueba (horas, das), este proceder a dar la clasificacin por
puntos de los equipos, determinar un ganador de la gymkhana y sumar los puntos a los puntos
del ranking global del sistema por equipos.
Al final de temporada, se podr determinar un equipo ganador del ao, y otorgar
premios. Se contempla la posibilidad de hacerlo tambin en funcin de criterios de evaluacin,
para dar otros premios tales como el de originalidad, menores tiempos empleados, distancias
recorridas
Esto es todo lo que un usuario podra percibir del sistema. Desde un punto de vista
pragmtico quedara como si el cliente pudiera usar una red social, en la que tambin tendra
que interactuar en la vida real para verse involucrado en ella.

Proyecto Final de Carrera

INTERFAZ ADMINISTRADOR. FUNCIONES DE LOS ORGANIZADORES:
La persona (o personas), encargadas de la realizacin o elaboracin de las pruebas de
las gymkhanas tendrn permiso especial de administrador. Ellos podrn elaborar dichas
pruebas en funcin del tipo de prueba:
-

Geolocalizacin de una prueba en concreto a desarrollar

Asignacin de las pruebas a los equipos
Elegir el tipo de prueba, los enunciados de las pruebas, y el tipo de fichero
respuesta que se pide de retorno (video, imagen, sonido, texto)
Elegir los incentivos

Como restantes, tambin tendrn asignadas otras funciones:

-

Administrar a los usuarios de la plataforma

Obtener todo tipo de archivos multimedia que los equipos presentasen en sus
pruebas para ser evaluados
Evaluar y clasificar a los equipos
Convocar gymkhanas
Elaborar notificaciones privadas a los usuarios o grupos participantes, as como
administrar y moderar los foros de la plataforma
Gestionar las noticias de la pgina web

Los administradores no tienen por qu conocer las funciones internas del sistema. Su
perfil ya vendr definido en la plataforma como administrador y no tendrn que
preocuparse de su gestin interna. De eso se encargar el desarrollador de la aplicacin.

El proyecto en accin. Estado del arte, aplicaciones y modelo de negocio

Cuando el sistema est realizado, listo para su funcionamiento, la idea del

desarrollador es compartirlo con un grupo de personas especializadas en la realizacin de este
tipo de competiciones (una asociacin dedicada al desempleo de actividades de animacin
sociocultural). Ellas incluso pueden aportar ideas a aadir en el proyecto para hacerlo mejor o
ms cercano al usuario en funcin de la experiencia que ellos ya han tenido desarrollando este
tipo de actividad. En definitiva, asociarse con los futuros administradores de la plataforma para
llevar el proyecto adelante como modelo de negocio.
Un modelo de negocio en el que el atractivo que pueda tener, de cara a que una
empresa pague por el trabajo realizado por el desarrollador y sus asociados, es meter
publicidad en la plataforma, en los premios, o en el material empleado para desarrollar las
gymkhanas. Adems, se cuenta con percibir ganancias de un porcentaje del depsito que
puedan hacer los equipos por cada vez que se inscriben a una gymkhana (si no se presentan a
esta, no se le devuelve la cantidad).

Proyecto Final de Carrera

Estado del arte:
Como tal, as orientada, en Espaa no hay ninguna plataforma o aplicacin
desarrollada. La idea ms cercana es la desarrollada por el grupo LibreGeoSocial Project Team
y su proyecto LibreSoft Gymkhana. El proyecto se form de un grupo de Estudiantes de
ingeniera de Telecomunicaciones de la Universidad Rey Juan Carlos de Fuenlabrada.
El proyecto actualmente se encuentra obsoleto (desde hace dos aos), y no lleg a
alcanzar un mayor grado de xito ya que la plataforma no se explot. Este, en concreto, se
desarroll en el lenguaje de programacin Android.
La idea principal de este proyecto difiere de la diseada por este grupo de alumnos,
que se realiz con otra serie de aplicaciones, tal y como la de insertar elementos de realidad
aumentada, o no gestionar a tiempo real el desarrollo de la gymkhana (las pruebas ya estaban
puestas de siempre para que el usuario las pudiera ir haciendo cuando quisiera).
Atendiendo a los plazos de las fases de entrega de las partes del proyecto, si hay
tiempo, se pondr atender aspectos tales como la insercin de elementos de realidad
aumentada en la aplicacin.
Conclusin:
La idea a desarrollar es un conjunto de elementos que en su totalidad convierten al
proyecto en un logro ambicioso y difcil de alcanzar (con trabajo todo es posible). Para cumplir
con unos tiempos de entrega y desarrollo de la plataforma, era necesario que este documento
diera la esencia de esas ideas, pero no profundizase en todo, ya que dependiendo de cmo se
vaya desarrollando el trabajo, pueden ser que algunas partes queden definidas en mayor
medidas y otras menos. Los puntos que hay que esclarecer y dejar claros que deben realizarse
son los siguientes:
- Desarrollo de la plataforma en HTML5 (formato an novedoso y en fase
experimental, con el que pondremos a evaluacin las ventajas e inconvenientes de
su prematura puesta en escena), hacindola a su vez compatible con todo tipo de
dispositivo mvil (o porttil) para su funcionamiento a travs de una conexin a
internet.
- Desarrollo de la plataforma que intercambie todo tipo de informacin multimedia y
de geolocalizacin entre sus usuarios y administradores, de tal forma que sea capaz
de gestionar todas esas comunicaciones a la vez sin tener problemas de capacidad
de procesamiento o de gestin de la actividad.

El proyecto ha de ser completo, de calidad y fiable, de tal forma que no quede como
plataforma desarrollada que cumpla con sus requerimientos, pero luego muestre un
rendimiento bajo en cuanto a la calidad de experiencia de usuario. Todo ello es necesario si se
pretende darle una oportunidad comercial a la plataforma. Por tanto, su desarrollo tambin
conllevar al estudio de elementos que den un mejor rendimiento y que hagan factible que se
cumpla con lo dicho anteriormente.