JavierSuela SistemaSocialDeELearning

u
Universidad Rey Juan Carlos
Escuela Tcnica Superior de Ingeniera de Telecomunicacin

Ingeniera de Telecomunicacin
Proyecto Fin de Carrera
Sistema social de e-Learning: Diseo e implementacin de una plataforma inteligente Android con soporte Web y control de uso de redes sociales como apoyo externo educativo
Autor: Javier Suela Plaza Tutor: Gregorio Robles Martnez
Curso Acadmico 2013/2014
Proyecto Fin de Carrera

Sistema social de e-Learning: Diseo e implementacin de una plataforma inteligente Android con soporte Web y control de uso de redes sociales como apoyo externo educativo
Autor
Javier Suela Plaza
Tutor
Gregorio Robles Martnez
La defensa del presente Proyecto Fin de Carrera se realiz el da de , siendo evaluada por el siguiente tribunal: de
Presidente:
Vocal:
Secretario:
y habiendo obtenido la siguiente Calificacin:
Fuenlabrada, a
de
de
Copyright c 2013 Javier Suela Plaza Este documento se publica bajo la licencia Creative Commons Reconocimiento-CompartirIgual 3.0 Espaa
http://creativecommons.org/licenses/by-sa/3.0/es
(Ver Apndice C.)
A mis padres y mi hermana
Agradecimientos
Este proyecto supone la culminacin de mi etapa universitaria. Son numerosas las personas a las que me gustara dar las gracias por su apoyo en este largo recorrido.
En el mbito acadmico son numerosos los profesores a los que tengo que agradecer que hayan contribuido en mi formacin. En especial mi tutor, Gregorio, al que considero que ha sido el mejor profesor que he tenido a lo largo de la carrera. Gracias a su ayuda y apoyo ha sido posible la realizacin de este proyecto.
Me gustara dar las gracias a todas las personas que han empleado su valioso tiempo en formar parte de las pruebas realizadas de forma desinteresada aportndonos valiosa informacin, muchas gracias.
Tengo suerte de poder contar con compaeros de clase a los que puedo considerar amigos, gracias a ellos se han hecho ms llevaderas las largas maanas y tardes pasadas en la universidad. Sera una larga lista la que tendra que escribir, por lo que si no estas en este prrafo y eres uno de ellos, muchas gracias. Requieren especial mencin dos de las personas con las que comenc esta andadura: Cristina y Carolina, sin ellas todo este camino habra sido distinto, gracias por haber estado siempre ah. Muchas han ido apareciendo ms tarde, y por ello no son menos importantes. Jorge y Cristina, siempre me han tendido una mano cuando lo necesitaba, ellos siempre han sabido como sacarme una sonrisa. Rawan y Laura, no me imagino los laboratorios sin vuestras risas, gracias por haber sido un gran apoyo en esta etapa. No me quiero olvidar de mis amigos de Talavera, quienes siempre me han apoyado cuando lo he necesitado, ellos saben quienes son.
Quiero agradecer tambin a quienes considero mi familia de Fuenlabrada, a mis compaeros de piso Fran, Nacho, David y Rawan. Ellos han hecho ms llevadero y divertido mi da a da. En especial debo agradecer a Rawan y David la impagable ayuda que me han brindado estos ltimos meses con este proyecto. Y Bea, que aunque no hayamos convivido la considero de mi familia Fuenlabrea, gracias por tu inmensa ayuda.
Y por ltimo, mi familia. Gracias a ellos he llegado hasta aqu. En especial a mis abuelos, gracias por vuestro apoyo y conanza en m. Mi hermana Gema, siempre disponible para escucharme, dndome los mejores consejos, gracias por tu apoyo incondicional. Y qu decir de mis padres, sin ellos todo esto no habra sido posible, gracias por vuestros consejos y por haber conado siempre en m, gracias a vosotros soy quin soy hoy.
A todos vosotros, gracias.
Contenido
Resumen Abreviaciones 1. Introduccin
1.1. 1.2. 1.3. Motivacin Objetivos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Estructura de la memoria
xiii xv
1
1 2 3
2. Estado de la ciencia
2.1. Aplicaciones Cliente-Servidor 2.1.1. 2.1.2. 2.2. . . . . . . . . . . . . . . . . . . . . . . . . Servidor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Cliente . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
5
5 5 6 6 7 7 8 9 9 13 13 14 15 15
Tecnologas web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2.2.1. 2.2.2. 2.2.3. HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
HighCharts
2.3.
Android 2.3.1.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Google Cloud Messaging for Android . . . . . . . . . . . . . . . .
2.4.
Python y Django . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2.4.1. 2.4.2. Python . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Django . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
2.5.
Control de versiones 2.5.1. GitHub
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
3. Diseo e implementacin
3.1. 3.2. 3.3. Introduccin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Idea y diseo nal del sistema . . . . . . . . . . . . . . . . . . . . . . . . Diseo e implementacin del servidor . . . . . . . . . . . . . . . . . . . . 3.3.1. 3.3.2. 3.3.3. 3.3.4. 3.4. Modelo de datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
17
17 19 22 22 23 25 25 25 25
Arquitectura REST
Implementacin . . . . . . . . . . . . . . . . . . . . . . . . . . . . Servidor web . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Diseo e implementacin del cliente web . . . . . . . . . . . . . . . . . . 3.4.1. Introduccin . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
xi
xii / CONTENIDO
3.4.2. 3.4.3. 3.5.
Diseo de la interfaz web
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
26 27 35 35 35 43 43 45
Implementacin de la interfaz web
Diseo e implementacin del cliente Android . . . . . . . . . . . . . . . . 3.5.1. 3.5.2. Diseo de la aplicacin Android . . . . . . . . . . . . . . . . . . . Implementacin de la aplicacin Android . . . . . . . . . . . . . .
3.6.
Servicios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3.6.1. Servicio
Android
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
3.7.
Conclusiones del diseo e implementacin
4. Despliegue y resultados
4.1. 4.2. 4.3. Introduccin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Pruebas internas Prueba real . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
47
47 47 48
5. Conclusiones
5.1. 5.2. 5.3. 5.4. Anlisis del trabajo realizado . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Estimacin del trabajo realizado Lneas futuras . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Valoracin nal . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
55
55 59 61 61
Apndices A. Resultados de la encuesta B. Publicacin del cdigo C. Licencia Creative Commons

C.1. Deniciones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . C.2. Lmites de los derechos . . . . . . . . . . . . . . . . . . . . . . . . . . . . C.3. Concesin de licencia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . C.4. Restricciones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
65 69 71
71 74 74 75 76 77 77 77 78
C.5. Exoneracin de responsabilidad . . . . . . . . . . . . . . . . . . . . . . . C.6. Limitacin de responsabilidad . . . . . . . . . . . . . . . . . . . . . . . . C.7. Finalizacin de la licencia . . . . . . . . . . . . . . . . . . . . . . . . . .
C.8. Miscelnea . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . C.9. Aviso de Creative Commons . . . . . . . . . . . . . . . . . . . . . . . . .
Bibliografa ndice de guras
79 82
Resumen
La evolucin de los terminales mviles ha desencadenado multitud de funcionalidades hasta ahora nunca vistas en un dispositivo mvil. Como resultado de estos avances han surgido las conocidas aplicaciones mviles o
apps.
Entre ellas las ms consumidas por
los usuarios son las aplicaciones destinadas al ocio y entretenimiento, tales como juegos o redes sociales.
Estas aplicaciones van adquiriendo mayor importancia en nuestro da a da. Llegando en ciertas ocasiones a resultar un problema de distraccin si abusamos de ellas. Debido al uso extendido de estas nuestro
smartphone
apps
estamos llegando a un punto en el que slo asociamos
al ocio y entretenimiento.
Por ello, se cree que se deben explotar otras posibilidades que nos ofrecen estos potentes terminales mviles. Podemos utilizar nuestro dispositivo para algo ms que chatear o consultar nuestras redes sociales.
Con este Proyecto Fin de Carrera se pretende disear, implementar y probar un sistema que intente favorecer el aprendizaje a la vez que intenta controlar nuestro uso de aplicaciones que pueden llegar a suponer un problema si nos excedemos en su consumo.
Para ello, se ha provisto al sistema de una aplicacin mvil y una interfaz web. La aplicacin mvil tendr entre otras funciones la de controlar el tiempo de uso de aplicaciones de ocio, penalizando con la realizacin de una pregunta al usuario si sobrepasa un lmite impuesto. La interfaz web nace como soporte para la aplicacin mvil conformando entre ambos un sistema completo con el que se pretende que el usuario tome conciencia a la vez que aprende o recuerda conceptos.
La solucin propuesta se ha desarrollado para terminales
Android, ayudndonos de
diversas tecnologas para lograr un sistema completo. Tras el proceso de desarrollo se han llevado a cabo pruebas para comprobar el correcto funcionamiento del mismo, sirvindonos tambin para la mejora de algunos aspectos.
xiii
Abreviaciones
HTML CSS OHA SDK API GCM MVC FAQ JSON OS USB VCS REST Hyper Text Markup Language Cascading Style Sheet Open Handset Alliance Software Development Kit Application Programming Interface Google Cloud Messaging Modelo Vista Controlador Frequently asked questions JavaScript Object Notation Operating System Universal Serial Bus Version Control System REpresentational State Transfer
xv
Captulo 1
Introduccin
El Proyecto Final de Carrera supone la culminacin de la etapa ms larga e importante de mi vida. El presente proyecto nace de una idea propia. Dicha idea fue expuesta al que ha sido mi tutor, l supo moldearla perfectamente hasta llegar al trabajo realizado. Por esta razn el proceso se ha realizado con mayor ilusin y expectacin que si hubiese elegido alguno de los proyectos ofrecidos por alguno de los profesores de la Escuela de Telecomunicacin.
En este primer captulo se describe cul fue la motivacin para llevar a cabo el proyecto. En segundo lugar se exponen los objetivos y, por ltimo, se describe la estructura que va a seguir la memoria.
1.1. Motivacin
Hoy en da debido al avance sufrido en el mundo de las comunicaciones, prcticamente todo el mundo dispone de un telfono mvil, y ms an si nos referimos al pblico joven. Hemos convertido a dicho terminal en un objeto que forma parte de nuestra vida cotidiana.
En un principio, el uso principal del terminal mvil es el de poder realizar y recibir llamadas. Pero en los ltimos aos, debido a la evolucin sufrida por los terminales, las posibilidades de uso del terminal se han multiplicado. A raz de esta evolucin han surgido numerosas aplicaciones mviles, la mayora de ellas relacionadas con el ocio, como pueden ser juegos o redes sociales. Debido a esto, el tiempo de uso que le dedicamos al terminal ha aumentado notablemente.
Tenemos en nuestras manos una herramienta llena de posibilidades, de la cual se est explotando en mayor grado todo lo relacionado con el entretenimiento. Sin embargo, el lado menos explotado es el de la educacin y el aprendizaje. Podramos utilizar nuestro terminal mvil como un nuevo canal de enseanza y as fomentar el
/ Introduccin (C. 1)
aprendizaje electrnico mvil, tambin conocido como
mobile-learning
m-learning.
Por lo que aunando que la mayora de las aplicaciones de las que disponemos son de ocio, y que cada vez le dedicamos ms tiempo al uso del telfono (y por tanto a dichas aplicaciones mviles), el telfono mvil puede pasar de ser una herramienta til y beneciosa a convertirse en una herramienta desventajosa e inductora a la distraccin. Todo esto se puede ver acentuado si se trata de pblico adolescente, el cual suele tener ms facilidad para ser inducido a la distraccin.
De ah nace la idea principal de desarrollar una aplicacin mvil y web que fomente la formacin y que intente controlar el tiempo que dedicamos a aplicaciones de ocio.
Por tanto partiremos de la idea principal de que la aplicacin monitorizar el tiempo de conexin a aplicaciones de entretenimiento, penalizando con preguntas al alumno si el tiempo es excesivo.
1.2. Objetivos
El objetivo de este proyecto nal de carrera es, por tanto, desarrollar una aplicacin mvil y una aplicacin web que intente mitigar el uso de las aplicaciones de entretenimiento y ocio, y de forma paralela fomentar la formacin y educacin.
As pues, podemos denir dos objetivos nales:
Concienciar al usuario del tiempo gastado en aplicaciones de ocio, y por consiguiente, intentar reducir el nmero de minutos de uso de stas.
Conseguir que el usuario aprenda o repase conceptos de forma entretenida.
Con estos dos grandes objetivos, el reto propuesto es que el usuario mediante la ayuda de una aplicacin mvil y web sea capaz de combinar ocio con aprendizaje y as llegar a un equilibrio entre ambas. Para conseguir estos objetivos nales, necesitamos cumplir primero los siguientes objetivos generales:
Estudio del problema y diseo de la solucin. Crear una base de datos en la cual se almacenar toda la informacin manejada por el sistema.
Disponer de una aplicacin web para la introduccin de nuevas preguntas y la recoleccin de estadsticas a partir de los datos obtenidos de monitorizar a los alumnos.
Puesta en marcha de un servidor para poder dar alojamiento a la aplicacin web y servicio a la aplicacin mvil.
Disponer de una aplicacin
Android
para la monitorizacin de los alumnos, obte-
niendo datos de tiempos de conexin a aplicaciones de entretenimiento.
Estructura de la memoria / 3
Disponer de una aplicacin
Android
para recibir preguntas y enviar respuestas.
Tras la realizacin del sistema, comprobar el funcionamiento en un entorno real con alumnos, y vericar el correcto funcionamiento mediante la recepcin de comentarios.
Tambin podemos marcar como objetivos imprescindibles el aprendizaje de programacin en
Android, el uso de herramientas como HighCharts o Google Cloud Messaging,
AT X. as como aprender a escribir en L E
1.3. Estructura de la memoria

Con la nalidad de facilitar la lectura de este proyecto nal de carrera, es conveniente explicar de forma breve su estructura. El presente captulo es el primero, en el que se ha mostrado la motivacin de este proyecto, as como los objetivos impuestos para su realizacin. En el captulo
Estado de la ciencia se describir de forma breve las principales tec-
nologas utilizadas para el desarrollo de este proyecto, y la justicacin de la eleccin de estas tecnologas y no otras. En el captulo
Diseo e implementacin se tratar de presentar y explicar la arqui-
tectura completa de la aplicacin desarrollada. En
Despliegue y resultados se presentar las pruebas realizadas con los correspondienConclusiones

analizaremos el trabajo realizado compro-
tes anlisis de los resultados obtenidos. As podremos comprobar el nivel de aceptacin generado en un entorno real. Por ltimo, en el captulo
bando si alcanzamos los objetivos impuestos, se realizar una estimacin del trabajo realizado, y por ltimo se vern las lneas futuras de trabajo.
Captulo 2
Estado de la ciencia
En este segundo captulo se ver a grandes rasgos las tecnologas, metodologas y herramientas relacionadas con el proyecto.
2.1. Aplicaciones Cliente-Servidor

Dentro de la computacin distribuida, la arquitectura cliente-servidor es un modelo de aplicacin en el que las tareas se reparten entre dos actores. Por un lado estn los clientes, y por otro el servidor.
El trmino cliente-servidor implica que va a existir una comunicacin sncrona entre estas dos entidades que realizan acciones diferentes de forma asimtrica. El cliente ser el encargado de originar el dilogo entre las entidades y el servidor de prestar un servicio al cliente tras haber existido ese dilogo peticin-respuesta.
Si hacemos una abstraccin de la arquitectura de una aplicacin distribuida clienteservidor, vemos como la capa de presentacin suele residir en el cliente, sin embargo la lgica de negocio puede establecerse en el servidor o en el cliente, e incluso puede establecerse parte en el servidor y parte en el cliente. La capa de servicios aunque suele tener ms peso en la parte del servidor, suele ser compartida.
2.1.1. Servidor
El servidor es la parte de la aplicacin que va a prestar una serie de servicios al cliente. Por tanto, se encargar de gestionar y almacenar la informacin de la aplicacin, y dar acceso a dicha informacin de forma parcial o total a los clientes.
El servidor espera a recibir peticiones provenientes de los clientes. Una vez recibidas, son procesadas y se ofrece una respuesta al cliente.
El servidor posee ciertas restricciones a tener en cuenta. En cuanto a prestaciones, el servidor va a estar limitado cuando queremos que un nmero elevado de clientes lo usen. Queremos que sea lo ms able posible, ya que a diferencia del cliente, si el servidor
/ Estado de la ciencia (C. 2)
falla, el sistema entero falla. En trminos de escalabilidad nuestro propsito debe ser que el sistema pueda aumentar el nmero de clientes cuando se requiera. Adems, nuestro servidor no debe comprometer la seguridad de la informacin almacenada.
Por otro lado, el servidor no tiene restricciones especiales en lo que se reere a la ergonoma, ya que, a diferencia del cliente, ste debe ser controlado por un administrador experto.
2.1.2. Cliente
El cliente es la parte de la aplicacin que interacciona con el usuario. A diferencia del servidor, el cliente no comparte sus recursos con otros clientes.
El cliente es el que toma la iniciativa de comenzar el dilogo con el servidor enviando peticiones. De cada peticin que sea enviada al servidor, el cliente debe recibir una respuesta.
El
cliente
tiene
algunas
restricciones
que
habr
que
considerar.
En
trminos
de ergonoma, el cliente debe adaptarse a la interaccin con el usuario. Y tambin en cuanto a seguridad, el cliente no debe comprometer la seguridad de otras aplicaciones.
Sin embargo el cliente no tiene restricciones especiales en cuanto a abilidad, es decir, si tiene problemas, no afecta al resto del sistema, por lo que dicho sistema puede seguir funcionando con normalidad.
Por qu una aplicacin Cliente-Servidor?

La eleccin de este tipo de aplicaciones viene dada por la facilidad y escalabilidad que ofrece a la hora del diseo y desarrollo, ya que tenemos diferenciados el lado servidor y cliente. Ms an si tenemos en cuenta que en este proyecto el cliente puede ser un navegador web o un terminal
Android.
Tambin
de
esta
forma
conseguimos
tener
mayor
seguridad
en
la
aplicacin,
manteniendo los datos e informacin en el servidor.
2.2. Tecnologas web

Desde la aparicin de Internet, se han desarrollado de forma paralela un conjunto de tecnologas web que hacen ms fcil el desarrollo e implementacin de aplicaciones. A continuacin se describen algunas de las cuales han sido necesarias para el desarrollo de este proyecto.
Tecnologas web / 7
2.2.1. HTML
HTML son las siglas de
Hyper Text Markup Language.
Es un lenguaje de marcado
basado en etiquetas que describen el contenido del documento. Un documento HTML es aqul que contiene etiquetas y texto plano. A este tipo de documento tambin se le denomina pgina web. Es decir, si tenemos un texto y queremos convertirlo en una pgina web hemos de ir aadindole marcas que identiquen qu es cada cosa y cmo debe ser mostrada.
HTML tiene como virtud, entre otras, la de poder ser implementado por cdigo de otros lenguajes como
JavaScript
que amplan y mejoran su capacidad original.
El lenguaje HTML utiliza el cdigo ASCII puro o UTF/Unicode que se puede escribir en cualquier editor bsico, para posteriormente ser interpretado secuencialmente por un objeto cliente denominado navegador que visualiza el resultado en pantalla.
Web Consortium. Nace para corregir errores e incorporar algunos cambios a la revisin
HTML4 en vez de la nueva versin HTML5.
HTML 4.1 es una especicacin del lenguage HTML aprobada por el
World Wide
de HTML 4.0. La versin 4.1 es soportada por la mayora de los navegadores, por lo que en caso de que queramos llegar a un mayor nmero de usuarios, es mejor utilizar
Compatilibilidad de los principales navegadores con HTML5. Junio de 2013. Fuente: http://caniuse.com
Figura 2.1.
Si observamos la gura 2.1, en la seccin
current
podemos comprobar como ningn
navegador soporta todas las caractersticas de HTML5 hoy en da. Adems vemos que para un futuro ms o menos cercano tampoco se podrn disfrutar al cien por cien todas sus caractersticas.
2.2.2. CSS
Debido a las limitaciones que presenta HTML y sus etiquetas a la hora de dar formato a una pgina, nacieron las Hojas de Estilo en Cascada (
Cascading Style Sheet ) o estilos
CSS. CSS est diseado principalmente para facilitar la separacin entre el documento con el contenido del documento del formato. Como resultado, conseguimos que la comprensin del cdigo sea ms sencilla.
Actualmente se trabaja con la versin 3 de CSS, ya que la gran mayora de los navegadores lo aceptan. Esta versin surgi debido al gran avance que ha sufrido el sector del diseo web, incorporando nuevas opciones para cubrir las necesidades del diseo web actual. Opciones que van desde sombreado y redondeado, hasta transformacin y movimiento.
Por qu HTML y CSS?

Una de las razones por la que se ha escogido trabajar con HTML y CSS es el conocimiento previo de nociones bsicas de ambas tecnologas gracias a algunas asignaturas de la carrera.
En el caso de HTML, la razn principal de su eleccin es debido a que es el lenguaje predominante para la elaboracin de pginas web. Y, en adicin, con CSS conseguiremos tener de forma separada el diseo y el contenido.
2.2.3. HighCharts
Highcharts es una librera para la creacin de grcas escrita en HTML5/
JavaScript,
con la cual podremos aadir grcas intuitivas e interactivas a nuestro sitio web.
La principal ventaja que obtenemos de la librera es la compatibilidad con la mayora de los navegadores modernos, incluyendo navegadores mviles, ya que no utiliza tecnologas como
Java o Flash que no estn soportadas por todos los navegadores o terminales.
Otra de las ventajas es que se trata de cdigo abierto. Podemos editarlo dndole as una mayor exibilidad al poder personalizar todas sus caractersticas.
Por qu HighCharts?
Tras un pequeo estudio de las herramientas ms conocidas para la elaboracin de grcas, la elegida fue HighCharts.
Entre alguna de las razones para su eleccin encontramos que posee una API bien documentada, facilitndonos el manejo de esta tecnologa. Ofrece interaccin con el usuario, el cual podr mostrar los datos que l quiera y ocultar los que no le interesen, as como la opcin de descargar la grca o hacerla ms atractiva mediante pequeas animaciones. Tambin el formato de los datos de entrada ayud a la eleccin, ya que utiliza JSON, con el cual ya estamos familiarizados.
Android / 9
A todo lo mencionado se le suma que se trata de una tecnologa gratuita, ya que en nuestro caso, al tratarse de una aplicacin no comercial, el coste por su utilizacin es nulo.
2.3. Android
Android
es una plataforma software que incluye un sistema operativo destinado a desarrollado por Google, Handset Alliance ). dispositivos mviles, y cuyo kernel est basado en los sistemas Linux. Inicialmente fue aunque en la actualidad es desarrollado por la OHA (
Open
El desarrollo de aplicaciones mviles para el sistema operativo podemos hacerlo a travs
un
IDE Eclipse, para la cual se proporciona SDK (Software Development Kit ), y otras APIs, se pueden fabricar aplicaciones utilizando el lenguaje de programacin Java.
de distintas plataformas, siendo la ms conocida
plugin
para facilitar el trabajo. Junto la
Android
ha recorrido un largo camino desde las primera versin beta desde nales
del ao 2007. Cada versin del sistema operativo
Android
aade ms habilidades a
la plataforma y nuevas caractersticas que los desarrolladores pueden explotar. No obstante, el principal problema con el que tienen que sortear los desarrolladores es asegurar la compatibilidad hacia delante y hacia atrs, limitando en muchas ocasiones algunas caractersticas. Para ayudarnos en este camino, cuando se lanza una versin del sistema operativo que contiene cambios que afectan a los desarrolladores, se dene un nuevo nivel de API. En el instante de escritura de este proyecto el nivel API es 17. En el futuro, se habla del desarrollo de aplicaciones en
Android
utilizando HTML5.
Esto ya es posible debido a la existencia de APIs especializadas. Aunque actualmente su impacto es menor, el desarrollo de este tipo de aplicaciones sera muy similar para todos los sistemas operativos.
2.3.1. Google Cloud Messaging for Android Google Cloud Messaging (GCM) es un framework para la entrega de noticaciones de forma asncrona desde Internet (cloud ) hacia dispositivos Android, conocidas como noticaciones push.
En ciertas ocasiones, las aplicaciones mviles necesitan contar con la capacidad de noticar al usuario determinados eventos ocurridos.
Para conseguir esto se nos podran ocurrir varias soluciones, por ejemplo, que cada cierto tiempo la aplicacin mvil busque en el servidor nuevas noticaciones. Esto se denomina
polling,
y conlleva el uso excesivos de recursos, y la posibilidad de que se
produzca una noticacin y transcurra demasiado tiempo hasta su consulta.
Para dar solucin a este problema de utilizar noticaciones
push, o lo que es lo mismo, el servidor va a ser el que iniciar
Google cre a partir de la versin 2.2 la posibilidad
el proceso de noticacin, pudiendo de esta forma noticar en el mismo instante en el
10
que se produce el evento.
Todo esto es posible a la introduccin de un nuevo actor en la comunicacin, un servidor de mensajera
push
cloud to device,
que se encuentra entre nuestro propio
servidor y la aplicacin mvil. Su misin ser recibir las noticaciones enviadas desde nuestro servidor y hacerlas llegar a las aplicaciones mviles instaladas en los dispositivos correspondientes. Todo esto necesita de un protocolo para la autorizacin y registro de los distintos actores inmersos en dicho proceso. El proceso que sigue GCM para el registro de usuarios y el envo de mensajes queda resumido en la gura 2.2.
La gura 2.2 reeja el protocolo seguido para el registro y envo de mensajes mediante el uso de GCM. De forma resumida, el protocolo comienza cuando un cliente
Android
enva una peticin al servidor GCM, ste le responder con el identicador nico que se le ha asignado. El cliente
Android
tendr que ser el actor que avise a nuestro servidor
de cual ha sido el identicador que le ha asignado el servidor GCM, por tanto enviar a nuestro servidor su identicador que ser almacenado en la base de datos. Cuando nuestro servidor quiera enviar una noticacin
push
al cliente
Android, enviar al servidor GCM
el mensaje, y ste ser el encargado de enviar al dispositivo el mensaje.
Diagrama explicativo del protocolo de registro y envo de mensajes de GCM. Fuente: http://www.sgoliver.net
Figura 2.2.
Utilizando GCM, por tanto, se consigue ahorro de batera, de intercambio de datos, y tambin se reduce el tiempo de ejecucin del cdigo de la aplicacin.
Aplicacin nativa o HTML5?

La primera decisin que se tuvo que tomar, y la ms importante, fue elegir si la aplicacin mvil se iba a desarrollar como aplicacin nativa o por el contrario con HTML5. Para ello estudiamos las ventajas y desventajas principales que en mayor grado podran afectar a este proyecto. Algunas de las ventajas de utilizar HTML5 son:
Desarrollando en HTML5 conseguimos que sea multiplataforma, ya que funciona generalmente en todos los dispositivos mviles modernos.
Android / 11
Programar en HTML5 es ms sencillo, puesto que resulta ms cmodo darle forma al contenido usando HTML y CSS que utilizando las bibliotecas nativas como las de
iOS
Android.
Con HTML5 es posible efectuar cambios sobre la marcha en la aplicacin, a diferencia de las nativas que en algunos casos necesitan incluso ser actualizadas por el usuario.
Por contra, algunas de las desventajas que tiene el uso de HTML 5 son:
No podemos explotar todas las prestaciones integradas de los dispositivos como son la agenda, cmara, calendario, y as un largo etctera. Entre ellas una que ser clave en el desarrollo de este proyecto, como es el conocimiento del nombre de la aplicacin que se est ejecutando en cada momento para conseguir monitorizar el uso de redes sociales o aplicaciones de entretenimiento.
Ausencia de noticaciones
push. Por lo que no se puede avisar al usuario de ciertos

1
cambios cuando estos ocurran, algo imprescindible en el desarrollo del presente proyecto. Teniendo que ser el propio usuario el que cada cierto tiempo consulte si ha surgido alguna noticacin nueva.
Por otro lado, las aplicaciones nativas nos ofrecen:
Explotar al mximo las prestaciones integradas en los terminales Android, tales como agenda de contactos, o en nuestro caso el disponer del nombre de la aplicacin mvil que se ejecuta en primer plano.
Noticaciones proyecto.
push. Imprescindibles en ciertas aplicaciones, como es el caso de este
Creacin de aplicaciones optimizadas, ya que estn construidas especcamente para la plataforma, y ms ecientes, ya que aprovechamos mejor las funciones del
hardware. Conseguiremos por tanto bajo consumo y alto rendimiento.
Mejor experiencia de usuario, debido a que la interfaz no tiene que cargarse junto con el resto de datos, lo que se traduce en una sensacin de mayor uidez.
Sin embargo las aplicaciones nativas tambin tienen alguna desventaja:
Se necesita una aplicacin para cada plataforma si nuestro n es que llegue a todo el mercado.
El desarrollo e implementacin de la aplicacin posee mayor dicultad. Si queremos que la aplicacin est disponible en la tienda de aplicaciones de la plataforma, deber cumplir todos los requisitos impuestos por las respectivas compaas.
Existe alguna bilbioteca como Pusher: Simple Realtime Notications For HTML5 Apps [11], pero su implementacin es tediosa.
12
Tras recopilar y estudiar todas las ventajas y desventajas ofrecidas por cada una de las dos opciones, se eligi nalmente el desarrollo e implementacin de la aplicacin mvil como aplicacin nativa. Entre las razones que dictaminaron la decisin nal destacan la necesidad de acceder a determinadas funciones del dispositivo que HTML5 no era capaz de suministrarlas, como por ejemplo, noticaciones
push
o detectar
cual es la aplicacin que se est ejecutando en cada momento. Adems construyendo una aplicacin nativa obtendremos una aplicacin potente y eciente, aprovechando plenamente los recursos ofrecidos por el dispositivo mvil.
Por qu Android?
En la actualidad en el mercado de dispositivos mviles destacan cinco grandes sistemas operativos mviles:
Android iOS
de
Apple
Windows Phone Symbian

OS OS
Blackberry
Por tanto, una vez decidido que el desarrollo de la aplicacin iba a ser como aplicacin nativa, el siguiente paso era decidir con qu plataforma queramos trabajar.
Uno de los objetivos era llegar al mayor nmero de personas posible, para ello, si hacemos uso de las estadsticas encontramos que hay un sistema operativo mvil que destaca por encima de los dems. En la gura 2.3 podemos comprobar como el mercado de terminales mviles que utilizan
Android
es superior a las dems plataformas.
Android,
al tratarse de
software Google
libre y cdigo abierto, nos permite adems poder
instalar la aplicacin en los dispositivos mviles sin tener que alojarla en la tienda de aplicaciones y, por tanto, que revise el contenido.
Otra ventaja de desarrollar la aplicacin con lenguaje de programacin
Java, lo cual nos facilitar la construccin de la aplicacin.
Android
es el conocimiento previo del
Por tanto, tras tener en cuenta las ventajas citadas, el presente proyecto se desarrollar para
Android.
Por qu Google Cloud Messaging for Android? Al tratarse de una aplicacin slo para dispositivos Android, no era necesario un servicio de noticaciones push multiplataforma. Teniendo esto en cuenta la mejor opcin fue elegir Google Cloud Messaging for Android.
Python y Django / 13
Figura 2.3.
Cuota de mercado de los principales sistemas operativos mviles. Principales sistemas operativos mviles en junio de 2013 en Espaa. Fuente: http://gs.statcounter.com
Se trata de una herramienta que no slo permite la comunicacin del servidor a los usuarios, sino que tambin permite la comunicacin en sentido contrario. Es rpida, robusta y completamente gratuita, sin importar la envergadura de las necesidades de mensajera que necesitamos.
2.4. Python y Django

2.4.1. Python
Python
es un lenguaje de programacin interpretado, es decir, al ser ejecutado mediante un intrprete conseguimos mayor exibilidad que con los lenguajes compilados, aunque por contra, pueden resultar ms lentos.
Python es multiparadigma, esto signica que permite varios estilos: programacin orientada a objetos, programacin imperativa y programacin funcional. Tambin, mediante el uso de extensiones puede soportar otros paradigmas.
Entre sus principales ventajas destacan que se trata de un lenguaje multiplataforma, pudiendo utilizarlo en todos los sistemas operativos. Y tambin que se trata de un lenguaje que utiliza tipado dinmico, permitiendo que una misma variable pueda tomar valores de distintos tipos durante el ujo de ejecucin, dndonos as una mayor exibilidad.
14
Software Foundation License, la cual es compatible con la licencia GPL.
Python se distribuye bajo una licencia de cdigo abierto, denominada
Python
2.4.2. Django
Django
es un
framework
de desarrollo web de cdigo abierto escrito en
en un principio para la gestin de varias pginas orientadas a noticias de la
Company de Lawrence, Kansas, fue liberado al pblico bajo una licencia BSD en 2005.
A
Python. Creado World
Django
se le puede considerar como un entorno Modelo Vista Controlador
(MVC). El paradigma Modelo Vista Controlador es un modelo de abstraccin de desarrollo software en el que encontramos por separado los datos de la aplicacin, la interfaz de usuario y la lgica de negocio.
Django
no se cie estrictamente a este
paradigma, pero se asemeja bastante encontrando pequeas diferencias por lo que en realidad se convierte en un entorno Modelo Plantilla Vista (MPV). En las FAQ de
Django se puede encontrar ms informacin sobre el seguimiento del paradigma MVC. [1]
El
framework
integra un servidor web ligero ideal para la fase de desarrollo. A la
hora de implantar la aplicacin web en un entorno de produccin se recomienda el uso de Apache. Tambin soporta diversos sistemas de bases de datos entre los que se encuentra SQLite, MySQL o PostgreSQL.
Por tanto
Django
nos permite crear aplicaciones web dinmicas y medianamente
complejas, de forma rpida y sencilla.
Por qu Python y Django?

Para programar la parte del servidor existen numerosos lenguajes vlidos como son
Java, Python
Ruby.
La principal razn para la eleccin de
Python
Django
fue el conocimiento
previo de los mismos. De esta forma se consigue reducir el tiempo de desarrollo al ser menor el tiempo empleado para la formacin. No obstante,
Python
posee ciertas
caractersticas que lo convierten en el lenguaje idneo para el desarrollo de nuestro servidor. Es sencillo, limpio, reutilizable, est bien documentado y posee una sintaxis sencilla.
Una vez elegido el lenguaje
Python, se estim oportuno la utilizacin de un framework frameworks

existentes para
en lugar de desarrollar directamente. De esta forma conseguamos reducir ligeramente la dicultad y el tiempo de desarrollo. De entre los
Django
Python,
fue el candidato elegido, por su gran cantidad y excelente documentacin,
as como por la exibilidad y escalabilidad ofrecida gracias a su arquitectura MPV mencionada anteriormente.
Control de versiones / 15
2.5. Control de versiones

Cuando nos encontramos ante el desarrollo de un proyecto de gran envergadura, debemos plantearnos como vamos a realizar la gestin de los cambios que realicemos en l.
Podemos ser arriesgados y disponer nicamente de una versin del proyecto, es decir, trabajar slo con una copia. Otra de las soluciones que se suele llevar a cabo son las copias manuales, almacenando copias cada cierto tiempo o cuando hay cambios signicativos en discos duros externos, USBs o utilizando servicios de almacenaje de archivos en la nube como
Dropbox. Con esto lo nico que se suele conseguir, sino se sigue un orden
o unas pautas jas, es obtener multitud de copias, que suele ser elevada segn el proyecto va tomando forma, con nombres que pueden llegar a ser incluso confusos o repetitivos.
La opcin ms inteligente es utilizar alguna tecnologa para gestionar los cambios de cheros, como puede ser un Sistema de Control de Versiones, tambin conocidos como VCSs.
Por tanto se ha credo oportuno para la gestin de los cambios en este proyecto el uso del VCS realizadas.
Git,
facilitando as la gestin y administracin de las distintas versiones
2.5.1. GitHub
GitHub es un sistema para alojar proyectos utilizando el Sistema de Control de Versiones Git. El cdigo se almacena de forma pblica, aunque existe la posibilidad de hacerlo de
forma privada mediante la adquisicin de una cuenta de pago.
Entre las caractersticas de
GitHub
se encuentra la existencia de una pgina web
para cada proyecto. Dentro de la cual existe una
Wiki,
as como la existencia de un
grco para ver cmo los desarrolladores trabajan en los repositorios. Tambin sigue una estructura parecida a la de una red social, ya que incorpora funcionalidades como la existencia de seguidores.
Por qu GitHub?
GitHub
utiliza el sistema de control de versiones
Git,
que sigue una arquitectura
distribuida de almacenamiento, a diferencia de otros sistemas como siguen una arquitectura centralizada.
Subversion
que
La ventaja de seguir una arquitectura distribuida es que al no requerir normalmente una conexin a un repositorio central, conseguimos una mayor autonoma, exibilidad y rapidez. Esto se consigue con hechos tales como que aunque caiga el repositorio remoto los usuarios puede seguir trabajando, ya que cada usuario dispone de su propio rplica
16
en local.
Una vez decidido el uso de Porque pese a que
Git
Git,
se busc un sitio donde alojar el repositorio
Git.
es descentralizado y no necesita de un servidor para subir los
cambios, resulta til la existencia de algn servidor donde alojar el repositorio de cdigo. El ms extendido es libre como
GitHub. Es el servicio elegido por proyectos de software jQuery, Ruby on Rails y otros muchos. Parte de culpa de su popularidad
viene dada a que se trata de un excelente servicio de alojamiento de repositorios de
software con Git, que lejos de quedarse en esta funcionalidad, ofrece adems un conjunto
de caractersticas muy tiles para el trabajo en equipo.
Captulo 3
Diseo e implementacin
En este captulo se exponen los aspectos ms relevantes que forman parte del diseo y arquitectura del sistema realizado.
3.1. Introduccin
Antes de todo, hay que poner en conocimiento cul es el problema detectado y cul es la propuesta que se realiza para llegar a una posible solucin. Una vez entendido, se proceder a explicar el diseo realizado para llegar a esa posible solucin.
La evolucin de los terminales mviles ha conseguido la creacin de potentes dispositivos, como los conocidos
smartphones.
Ha sido tal su evolucin que hay veces
que se nos olvida cul era la funcionalidad bsica para la que fueron creados, la de realizar llamadas. Hoy en da prcticamente todo el mundo tiene acceso a un con acceso a Internet.
smartphone
Son muchos los estudios que existen con estadsticas sobre usos del telfono mvil, uso de redes sociales, tiempo que empleamos en Internet, etctera. En las guras 3.1 y 3.2 se muestran fragmentos de una infografa que resume ciertos aspectos que son de inters para este proyecto.
En la gura 3.1 vemos datos tan sorprendentes como que de media una persona es capaz de emplear 2.7 horas al da en redes sociales accediendo a travs de su dispositivo mvil. Sorprendentemente el 91 por ciento de los accesos que se realizan a Internet desde el mvil es para socializarnos, en comparacin con el 79 por ciento en ordenadores porttiles y equipos de sobremesa.
Si nos jamos en la gura 3.2, observamos una grca donde vienen los porcentajes con las actividades para las que utilizamos nuestro terminal mvil. Observamos como el uso que se hace del terminal es mayoritariamente para el acceso a redes sociales y aplicaciones de ocio en general.
Para ms informacin sobre estas estadsticas se puede consultar [2] donde se
17
18
/ Diseo e implementacin (C. 3)
Cunto tiempo empleamos en el uso de nuestro telfono mvil? Fragmento de la infografa The Growth of Mobile Marketing and Tagging. Fuente: http://tag.microsoft.com/
Figura 3.1.
Qu uso damos a nuestro telfono mvil? Fragmento de la infografa The Growth of Mobile Marketing and Tagging. Fuente: http://tag.microsoft.com/
Figura 3.2.
Idea y diseo nal del sistema / 19

recogen datos de 200 estadsticas sobre
social media
e Internet.
Tras el anlisis de estas estadsticas, se detecta que nuestro terminal mvil puede llegar a convertirse en un problema si no se toman ciertas medidas, ya que el principal uso que le damos es para el ocio.
Se encontr una posible solucin para poder enmendar este problema. La solucin se basa en la idea principal de crear una aplicacin que monitoriza las aplicaciones que utiliza el usuario, para que cuando detecte un uso elevado de las mismas avise al usuario de su uso excesivo, y le multe con una pregunta tipo test. As de esta forma, el usuario podr tomar conciencia y de paso se le da la oportunidad de que aprenda conceptos de forma poco molesta.
Posteriormente se han aadido multitud de funcionalidades adicionales, tanto a la parte web como a la parte mvil, que aportan un mayor atractivo al sistema. Estas funcionalidades se irn explicando a lo largo de este captulo.
3.2. Idea y diseo nal del sistema

En esta seccin se tratar que el lector tenga una idea general del sistema y conozca el diseo nal propuesto para resolver el problema detectado. Tras tener el bosquejo de la aplicacin web y mvil, fue necesario el diseo especco de toda la plataforma. Podemos denir el sistema de forma muy abstracta con la gura 3.3.
Figura 3.3.
Esquema general del diseo del sistema.
Se deni que la aplicacin mvil
Android
iba a estar orientada a jvenes en edad
20
escolar o universitaria. Por tanto, para hacer la aplicacin ms escalable, cuando un nuevo usuario quiera darse de alta en la plataforma, ste deber indicar su colegio o universidad, y una vez puesto en conocimiento, deber elegir de entre las materias o asignaturas propuestas cules quiere que le realicen preguntas cuando sea penalizado por el uso excesivo de aplicaciones mviles ociosas.
El usuario o alumno puede estar dado de alta en varias materias simultneamente, pudiendo cambiar de una a otra en la aplicacin en cualquier momento.
Una vez dado de alta, podr tener acceso a un
ranking
donde se muestra la
puntuacin de todos los alumnos inscritos en esa materia. Esta puntuacin se calcula en base al nmero de aciertos y fallos realizados al responder preguntas.
Con la presencia de un
ranking
de alumnos se pretende mediante la competitividad
fomentar el aprendizaje. En adicin, para hacer ms atractiva la aplicacin al pblico joven, el usuario tiene la opcin de pedir preguntas extra para as poder escalar puestos
ranking de alumnos. De la misma forma, puede intentar hacer descender en el ranking a compaeros suyos, mediante el envo de preguntas amistosas.
en el
puestos
La aplicacin tambin dispone de una seccin en la cual el usuario, mediante noticaciones
push,
recibe informacin sobre la materia, como pueden ser avisos,
noticias o pequeas lecciones. Del mismo modo el usuario puede hacer llegar a la persona responsable de la asignatura (normalmente el profesor encargado de impartir la materia) cualquier tipo de comentario, mediante el envo de un formulario.
Adems, dispone de una seccin para la consulta de las preguntas respondidas, donde se puede consultar los errores o aciertos cometidos, pudiendo de esta forma revisar los conceptos vistos para evitar cometerlos de nuevo.
En la interfaz web, habr que hacer distincin si el que accede es profesor o un alumno. Cuando acceda un profesor, en la pgina web podr disfrutar de las siguientes opciones:
Ranking:
Aqu podr consultar el
ranking
de los usuarios matriculados en su
asignatura. Tambin podr controlar los usuarios que se matriculan en su materia, con la posibilidad de editar la lista, evitando as usuarios no deseados.
Mis preguntas:
en esta seccin podremos crear nuevas preguntas tipo test, re-
llenando un formulario. Tambin se podr consultar el listado completo de las preguntas almacenadas anteriormente.
Estadsticas: el profesor podr consultar en este apartado informacin relativa a

sus alumnos mediante el uso de grcas. La informacin a consultar ser: Aciertos vs. fallos de las preguntas respondidas por los alumnos.
Idea y diseo nal del sistema / 21

Tipo de preguntas realizadas por cada alumno. Ya que se dispone de varias categoras:
Pregunta obligada: impuesta como penalizacin por el uso excesivo de aplicaciones de ocio. Pregunta extra: pregunta obtenida de forma voluntaria por el alumno. Pregunta recibida amistosa: preguntas recibidas a causa de retos lanzados por algn compaero de materia. Pregunta enviada amistosa: preguntas enviadas como reto a algn compaero de la asignatura.
Ranking puntos: forma grca de consultar el
ranking.
Tiempo ocioso: en esta zona se podr consultar una grca temporal con el nmero aproximado de minutos dedicados al da por los alumnos a las aplicaciones de ocio.
Mis lecciones: en esta seccin encontramos tres subsecciones:

Nueva leccin: desde esta seccin se crearn nuevas lecciones o cualquier tipo de noticacin, las cuales sern recibidas por todos los alumnos inscritos en dicha materia. Lecciones: lugar para la consulta del listado de lecciones o noticaciones ya realizadas. Comentario: espacio dedicado para la recepcin de los comentarios o sugerencias enviadas por los alumnos desde sus terminales mviles.
Mi cuenta: zona donde podr realizar el cambio de su contrasea o tambin cerrar

su sesin.
La interfaz web vista por un alumno se compone de forma similar. Existen algunas diferencias, que se mencionan a continuacin, dependiendo de la seccin en la que nos encontremos:
Ranking:
Dispondr del listado de materias matriculadas y eligiendo alguna de
ellas visionar el
ranking
de dicha materia. El alumno no dispondr de acceso para
la edicin de la lista de alumnos matriculados en ninguna de las materias.
Mis preguntas:
pendientes.
aqu podr consultar las preguntas ya realizadas, as como las
Estadsticas:
una vez escogida alguna de las materias matriculadas, se le
mostrarn dos opciones a gracar: Aciertos vs. fallos. Grca donde poder observar el nmero de aciertos y fallos realizados. Tipo de preguntas realizada. Grca donde consultar el tipo y nmero de preguntas recibidas o enviadas a compaeros.
22
Mis lecciones:
eligiendo la materia deseada se podr consultar las lecciones y
noticaciones recibidas por el profesor de la materia.
Mi cuenta: al igual que la interfaz web para el profesor, es el lugar donde poder
modicar la contrasea o cerrar nuestra sesin.
Tras esta necesaria descripcin para comprender mejor las funcionalidades deseadas, procedemos a conocer de qu manera se ha hecho posible su desarrollo.
3.3. Diseo e implementacin del servidor

En el caso del diseo del servidor, podemos diferenciar dos partes. Por un lado, necesitamos un modelo de datos y, por otro, las funciones propias del servidor. Comenzamos exponiendo el modelo de datos utilizado, para posteriormente explicar el diseo del servidor web.
3.3.1. Modelo de datos

El modelo de datos est organizado siguiendo una estructura relacional. Cabe decir que no se ha explotado al mximo esta caracterstica dado a los continuos cambios sufridos en el modelo de datos. Esto es debido a que no disponamos de un modelo jo impuesto al comienzo de la implementacin e ir aadiendo nuevas caractersticas y funcionalidades a lo largo del desarrollo del sistema.
Cuando se cree un usuario, se le asignar si es
sta
o no, pudiendo de esta
forma restringir el acceso a determinados recursos, y poder as diferenciar alumnos de profesores.
Para la administracin de las preguntas se ha estimado oportuno la creacin de varias tablas:
Preguntas completas: cuando el profesor cree nuevas preguntas se aadirn a esta tabla teniendo toda la informacin sobre esa pregunta.
Preguntas pendientes: aqu se encontrarn todas las preguntas que al alumno le queden por responder. Es decir, se encontrarn todas las preguntas que le restan por responder a un alumno, pudiendo ser visibles o no por el usuario.
Preguntas visibles: en esta tabla estn las preguntas que son visibles al alumno, ya sea por uso excesivo de aplicaciones ociosas, enviada por algn compaero, o simplemente pedida como pregunta extra por el mismo usuario.
Preguntas respondidas: una vez respondida una pregunta, se almacenar en esta tabla si se realiz correctamente o no, as como la respuesta dada por el usuario, para posteriormente poder consultar sus preguntas realizadas y as no cometer los mismos errores.
Diseo e implementacin del servidor / 23
Puntuaciones: con este modelo conseguiremos recoger bastante informacin sobre el alumno, ya que no slo recoge datos de la puntuacin, sino que tambin recoge informacin sobre el nmero de preguntas realizadas de entre los distintos tipos de preguntas existentes, as como el nmero de preguntas contestadas correctamente e incorrectamente.
En cuanto al usuario podemos hacer una breve descripcin del por qu de cada tabla.
Persona, en esta tabla guardamos la informacin bsica de cada alumno. Cdigos GCM: esta tabla es necesaria para el almacenamiento y actualizacin de los identicadores nicos de cada usuario para el uso de
Google Cloud Messaging.
Asignaturas Alumno: aqu se almacenar las asignaturas en las que cada usuario se ha matriculado.
Medida ocio diaria: se recoge la informacin sobre el tiempo dedicado diariamente a las aplicaciones de entretenimiento por cada usuario.
Comentarios: aqu quedan recogidos las opiniones, comentarios o avisos realizados por los alumnos hacia los profesores.
Aparte de estos modelos, se necesit para el completo funcionamiento otros modelos:
Tips: en esta tabla se almacenan los avisos y lecciones realizadas por el profesor hacia sus alumnos.
Colegios: esta tabla se utiliza para tener un listado completo de los colegios registrados cuando el alumno se da de alta.
Asignaturas: para obtener el listado de asignaturas por colegio.
Implementacin
La implementacin del modelo de datos se ha realizado utilizando el gestor de bases de datos relacionales SQLite. En la versin 3, la utilizada en este proyecto, SQLite permite bases de datos de hasta 2 Terabytes, por lo que ser ms que suciente teniendo en cuenta que trabajamos con bloques pequeos de informacin.
3.3.2. Arquitectura REST

Para el estilo arquitectural de la web se ha utilizado REST,
Transfer.
REspresentational State
Es un estilo arquitectural para sistemas distribuidos ampliamente extendido
en la web esttica (cheros), y parcialmente en la web dinmica (aplicaciones web).
Est basado en un conjunto de normas: 1. Cada recurso debe tener una URL nica, entendiendo por recurso cualquier tipo de informacin que quiere hacerse visible en la web, tales como documentos, imgenes o servicios.
24
2. Los recursos tienen hiperenlaces a otros recursos. 3. Conjunto limitado y estndar de mtodos HTTP (GET, PUT, POST y DELETE). 4. Mltiples representaciones por recurso. 5. Comunicacin sin estado. Las peticiones contendrn toda la informacin necesaria para ser procesada, ya que el cliente guarda su estado, lo que permite que la lgica del servidor sea ms simple. Por consiguiente, conseguiremos una serie de ventajas:
Aumento de la escalabilidad. Maximiza la reutilizacin, ya que cada recurso cuenta con un identicador nico. Minimiza el acoplamiento. Permite la evolucin. Elimina condiciones de fallo parcial.
Este proyecto ha seguido las pautas ms signicativas y restrictivas de este estilo de arquitectura, por lo que podemos considerarlo una aplicacin REST: 1. Cada recurso de la aplicacin cuenta con una URL nica. 2. Los recursos contienen hiperenlaces que permiten navegar por la aplicacin desde el raz sin necesidad de recurrir a la barra de direcciones del navegador. 3. La aplicacin hace uso nicamente de los mtodos GET y POST para la solicitud y el envo de datos respectivamente. Los mtodos PUT y DELETE no han sido implementados, ya que un gran porcentaje de los navegadores actuales no los soportan, junto a que suelen ser rechazados por seguridad y usos malintencionados. 4. La aplicacin permite comunicacin sin estado: el cliente mantiene el estado de su sesin por medio de
rewalls
para prevenir problemas de
cookies, que son almacenadas y enviadas en cada peticin que
es realizada al servidor. Como se ha podido comprobar, la aplicacin cumple cuatro de los cinco requisitos que propone la arquitectura REST. El nico que no se ha seguido es la disposicin de todos los recursos en mltiples representaciones (HTML, JSON, XML, texto plano, etc.), ya que las necesidades de la aplicacin no requeran la implementacin de estas extensiones. De las cinco caractersticas de REST, sta puede ser considerada como la menos estricta, ya que su no cumplimiento no implica que la aplicacin no pueda ser catalogada como
REST application.
Por tanto podemos considerar este proyecto como un aplicacin que sigue la arquitectura REST.
Diseo e implementacin del cliente web / 25
3.3.3. Implementacin
Python y Django, con una base de datos SQLite3. Para lograrlo, se parti de la creacin de un nuevo proyecto Django donde se crearon los archivos necesarios para
ha utilizado el correcto funcionamiento. La puesta en marcha del servidor se realiz a travs de una mquina virtual facilitada por el tutor, y se us un servidor Apache. Como se coment en el captulo anterior, para la implementacin de la aplicacin web se
3.3.4. Servidor web

A la hora de seleccionar el servidor de aplicaciones, se tuvieron varios factores en cuenta: efectividad, tiempo de resolucin de incidencias por parte del proveedor y de la comunidad, coste de la licencia, etc. Pero quizs la razn de mayor peso fue el grado de utilizacin en el mbito general. Es conocido que Apache es uno de los servidores ms utilizados, por lo que con este proyecto se crey que era la oportunidad ideal para estudiar y conocer el funcionamiento y puesta en marcha de un servidor Apache.
El proyecto se encuentra alojado en una mquina virtual que se encuentra ubicada en una mquina fsica del departamento de Sistemas Telemticos y Computacin (GSyC) de la URJC en Fuenlabrada (Madrid).
La mquina virtual cuenta con sistema operativo Debian (Linux), a la cual se ha accedido mediante el protocolo de comunicaciones
ssh, para su uso y conguracin. La
mquina virtual fue creada para la puesta en produccin del presente proyecto, por lo tanto, hubo que congurarla desde cero.
Como parte de esta conguracin, se ha tenido que congurar un servidor web para que todo el sistema desarrollado sea accesible a terceros, con el n de realizar un periodo de pruebas del sistema por usuarios que quedar recogido en el siguiente captulo.
3.4. Diseo e implementacin del cliente web

Tras haber realizado un estudio del diseo e implementacin del servidor, pasamos ahora a analizar la interfaz de usuario, mediante la cual se permitir al usuario interactuar con el sistema.
Primero veremos el cliente web, es decir, cuando el usuario utilice como interfaz de comunicacin un navegador web. Posteriormente, se estudiar el diseo e implementacin del cliente
Android.
3.4.1. Introduccin
La existencia de una interfaz web que nos comunique con el servidor se puede justicar por el hecho de que ser la forma ideal para que los profesores o encargados de la materia procedan de forma ms rpida y sencilla a la creacin de preguntas, lecciones, avisos, etc., as como la consulta de estadsticas y monitorizacin de los tiempos de conexin de
26
los alumnos a aplicaciones de entretenimiento. Los alumnos tambin podrn tener acceso a ciertas funciones. Por tanto habr que diferenciar dos vistas para la interfaz web: 1. Vista profesor 2. Vista alumno En las siguiente pginas veremos como se dise e implemento este cliente web. La parte de diseo ser breve y concisa, puesto que ya se anticip al principio del captulo, mientras que en la implementacin haremos mayor hincapi explicando aspectos bsicos de la aplicacin. Para explicar la implementacin nos ayudaremos de diferentes guras de la apariencia de la interfaz web para hacer ms fcil su comprensin.
3.4.2. Diseo de la interfaz web

A la hora de disear la interfaz web se plantearon varios aspectos a tener en cuenta para poder hacer el sistema ms slido. Uno de estos aspectos era poder conseguir que tanto la interfaz web como la interfaz
Android
estuviesen claramente relacionadas en cuanto al
formato, para hacer al usuario ms fcil el aprendizaje del manejo de ambas aplicaciones.
Otro aspecto en su diseo ha sido intentar ofrecer al usuario una interfaz simple, intuitiva y atractiva. Para ello se escogi una estructura que mantuviese ciertas partes de forma esttica en los diferentes recursos. As, conseguimos una navegacin ms sencilla y uida teniendo los recursos principales a nuestro alcance en cualquier momento. En la gura 3.4 queda representado un diseo esquemtico de la interfaz web.
Figura 3.4.
Diseo esquemtico de la interfaz web.
Android. Estas diferencias se irn descubriendo a lo largo del captulo.
Aunque comparten muchas caractersticas, la interfaz web se diferencia de la interfaz

No hay que olvidar que uno de los mayores objetivos de este proyecto es controlar e intentar moderar el uso de aplicaciones de ocio, por ello, para el alumno es imprescindible que tenga instalada la aplicacin
Android en su terminal. existe versin para el profesor de la interfaz Android.
Cabe mencionar que no
Uno de los motivos por los que se estim que era innecesario el desarrollo de una aplicacin nativa para el profesor fue que se consider que funciones como las de monitorizar el uso de aplicaciones no era imprescindible en el caso del profesorado. El profesor podr llevar a cabo todas sus acciones desde la interfaz web, ya sea desde un navegador de un equipo de escritorio, o desde el propio navegador de su mvil.
Podemos armar que aunque ambas interfaces mantengan grandes similitudes, ninguna puede reemplazar a la otra.
Los objetivos principales que debe cumplir esta interfaz web son los que se enumeran a continuacin:
Que un profesor pueda crear preguntas, lecciones y avisos. Tambin monitorizar el tiempo de uso de aplicaciones de entretenimiento, as como consulta de estadsticas de los alumnos.
Que un alumno pueda acceder a las preguntas pendientes, turas, ver sus resultados y consultar estadsticas bsicas.
ranking
de sus asigna-
Teniendo en cuenta los aspectos que deseamos que posea la interfaz web veremos a continuacin como se ha implementado.
3.4.3. Implementacin de la interfaz web

Para la implementacin de esta interfaz web se han utilizado una serie de pginas HTML. Para conseguir un diseo atractivo y sencillo se han utilizado hojas de estilo CSS.
Acceso
Cualquiera que desee acceder a la aplicacin deber autenticarse (vase gura 3.5), por lo que, sino dispone de una cuenta podr crear una rellenando un sencillo formulario como el mostrado en la gura 3.6 para poder formar parte del sistema. El nico problema al que podra enfrentarse un alumno es no encontrar su colegio o universidad en el listado. Dado el caso, se le sugiere que avise a su profesor para poder darlo de alta.
En un principio se dise el sistema para utilizarlo para una nica materia. Posteriormente se crey necesario, aunque esto aumentase la complejidad del desarrollo, que pudiesen coexistir varias asignaturas, y para hacerlo an ms escalable, que puedan participar varios colegios o universidades.
28
Figura 3.5.
Pgina de acceso.
(a) Pgina de registro para profesores

Figura 3.6.
(b) Pgina de registro para alumnos
Pginas de registro.

Ser el profesor de la asignatura el encargado de registrar su asignatura, y su centro de trabajo en caso de que no se encuentre en el listado. Para poder registrarse como profesor, y poder as disfrutar de ciertos permisos y caractersticas en el sistema, el profesor deber introducir una clave al registrarse que le ser entregada por el administrador del sistema.
Vista para profesor

Como ya se ha mencionado anteriormente, la interfaz web variar dependiendo si el usuario autenticado es un profesor o un alumno. En esta seccin veremos la vista para un profesor.
Lo primero que veremos al autenticarnos es algo similar a lo que se aprecia en la gura 3.7.
Figura 3.7.
Pgina de inicio para un profesor.
Escuela. Se aprecia como lo primero que vemos es el ranking de sus alumnos. Podemos observar tambin la opcin de editar lista de alumnos, dndole la posibilidad al profesor
casos de usuarios que molestan o intrusos, y no tener que depender as del administrador del sistema.
En este ejemplo, el profesor es
rawanprofesora
e imparte la asignatura
Teleco-
de poder eliminar los usuarios que el crea conveniente, ya que siempre se pueden dar
En la barra superior vemos cmo podemos acceder directamente a distintas secciones, algunas de ellas se encuentran en un men desplegable que obtendremos al pasar el ratn por encima, o al hacer
click
como se aprecia en la gura 3.8.
En la seccin
nueva pregunta
el profesor podr crear nuevas preguntas tipo test
30
(a) Ejemplo de men desplegable
(b) Otro ejemplo de men desplegable

Figura 3.8.
Ejemplos de mens desplegables.
rellenando el breve formulario que aparece en la gura 3.9.
Figura 3.9.
Formulario para la creacin de nuevas preguntas.
El profesor tambin podr consultar el listado completo de las preguntas ya creadas, obteniendo algo similar a lo visto en la gura 3.10.
En el apartado
Estadsticas,
el profesor podr obtener informacin muy til sobre
los alumnos. La ms importante es quizs el poder conocer de forma aproximada el tiempo que le dedica el alumno a las aplicaciones de entretenimiento diariamente. Con esta poderosa informacin el profesor puede detectar casos de alumnos que malgastan demasiado tiempo con este tipo de aplicaciones y, de esta forma, intentar poner remedio a un problema cada vez ms comn hoy en da.
Figura 3.10.
Los datos recogidos en este apartado de estadsticas es mostrado de forma sencilla y atractiva mediante el uso de
HighCharts. Podemos ver un ejemplo del tiempo empleado
por un alumno en el uso de redes sociales en la gura 3.11.
Figura 3.11.
Grca del tiempo de uso de aplicaciones de entretenimiento por un alumno.
Tambin podremos consultar otros datos como el tipo de preguntas realizadas por cada alumno (gura 3.12), el nmero de preguntas acertadas y falladas (gura 3.13) y el
ranking
de forma grca (gura 3.14).
Al tratarse de grcas interactivas podremos obtener ms detalles si pasamos el ratn por encima de las barras o puntos (gura 3.15 (a)), o por el contrario, ocultar informacin si lo deseamos.
32
Figura 3.12.
Grca del tipo de preguntas realizadas por cada alumno.
Figura 3.13.
Grca nmero de aciertos y fallos por cada alumno.
Figura 3.14.
Grca ranking.

Tambin dispone de un men en el cual podremos ordenar la impresin de la grca o en que formato queremos descargarnos la grca (gura 3.15(b)).
(a) Detalle informacin adicional de la grca (b) Men para imprimir o descargar grca. al situar el puntero del ratn por encima de la barra.
Figura 3.15.
Otras funcionalidades ofrecidas por las grcas.
El apartado
Mis lecciones, tiene a la vez tres secciones:
Nueva leccin : donde el profesor podr introducir una nueva leccin, consejo o aviso, el cual recibir el alumno instantneamente gracias al servicio de noticaciones
push.
Lecciones : aqu tendr acceso a todos los avisos, lecciones o consejos ya dados. El
profesor obtendr un listado similar al que aparece en la gura 3.16.
Figura 3.16.
Vista de la seccin
lecciones.
34
Comentarios : en esta seccin el profesor podr consultar los avisos o comentarios

realizados por los alumnos, y en especial para este proyecto, tambin se utiliz para que los alumnos que participaron en la prueba real avisasen de fallos detectados en la aplicacin. Mediante su consulta el profesor obtiene la informacin presentada como muestra la gura 3.17.
Figura 3.17.
Vista de la seccin
comentarios.
Encontraremos una ltima seccin llamada
Mi cuenta, donde podremos realizar las
acciones de modicar nuestra contrasea o cerrar sesin.
Vista para alumno

El alumno va a disponer de una interfaz web prcticamente idntica a la de un profesor, aunque con algunas diferencias mencionadas ya al principio del captulo, por lo que no nos detendremos demasiado en este punto.
Slo cabe destacar que al tratarse de alumnos, no van a tener acceso para la modicacin de los alumnos inscritos en una asignatura. Tampoco podrn crear preguntas, ya que slo tiene acceso a ello el profesor de la materia.
Cabe destacar que el alumno no podr responder las preguntas que tenga pendientes desde la interfaz web, as como retar a alguno de sus compaeros, o pedir preguntas extras. La razn principal es que la interfaz web fue creada en un principio para el profesorado, y as obtener una mayor comodidad sobre todo a la hora de introducir preguntas. La interfaz web para el alumno se ide principalmente para que el alumno tuviese un lugar para la consulta de resultados y estadsticas, dejando la parte interactiva para la aplicacin mvil.
Diseo e implementacin del cliente Android / 35
3.5. Diseo e implementacin del cliente Android

En secciones anteriores hemos visto como se dise e implement el servidor y el cliente web. El tercer elemento fundamental dentro de nuestro sistema es la interfaz
Android,
que permitir que dispositivos que posean este sistema operativo, puedan acceder a las funcionalidades denidas. Su diseo e implementacin es lo que estudiaremos en este apartado.
3.5.1. Diseo de la aplicacin Android

El diseo de la aplicacin se ha realizado bajo la principal premisa de que debera ser compatible con la mayor parte de los dispositivos para as llegar al mayor pblico posible.
Tambin, la aplicacin debera cumplir las siguientes condiciones, manteniendo que sea una aplicacin de fcil manejo:
La aplicacin debe ser capaz de conectarse al servidor, realizar peticiones e interpretar las respuestas, utilizando el formato JSON.
La aplicacin debe poseer un mecanismo para detectar un uso excesivo de aplicaciones de ocio.
La aplicacin debe proveer de un mecanismo de noticaciones municacin instantnea.
push
para una co-
Estas deban ser las especicaciones mnimas que ofreciera nuestra aplicacin al alumno. Por ello, se dise una aplicacin simple pero que cumple estas especicaciones. Podemos observar en la gura 3.18 el diseo esquemtico de la interfaz diseada. En el siguiente apartado se estudiar como se ha implementado la aplicacin de forma breve, pero explicando en detalle los puntos que sean necesarios para entender el proceso.
3.5.2. Implementacin de la aplicacin Android

Para la implementacin de la aplicacin
Android
se utiliz el
IDE Eclipse,
tal como
vimos en el captulo anterior. Siendo una de nuestras metas conseguir que sea compatible con la mayor cantidad de dispositivos
Android
posibles se utiliza la API 8 del SDK, con
lo cual nos aseguramos que se cumpla, ya que garantiza la compatibilidad con cualquier dispositivo que posea
Android 2.3
o superior. Comprobamos lo citado anteriormente
revisando algunos datos recogidos en la pgina web destinada a desarrolladores de aplicaciones para
Android. [3], cuya informacin resumimos con la gura 3.19. SDK,
Al igual que en el apartado anterior, nos apoyaremos en diferentes guras que se han obtenido del emulador que nos proporciona el entendimiento. para hacer ms fcil su
36
Figura 3.18.
Diseo esquemtico de la aplicacin mvil.
Figura
3.19.
Dashboards
Android
ca con informacin sobre el porcentaje de uso distintas versiones de la plataforma Android. http://developer.android.com/about/dashboards/index.html
Developers.
Grde las Fuente:
Acceso
Una vez instalada la aplicacin, cuando la iniciemos por primera vez, nos tendremos que autenticar (gura 3.20 (a)). Si no nos hemos dado de alta desde la interfaz web, podemos hacerlo desde la aplicacin mvil, rellenando el formulario que vemos en la gura 3.20 (b).
(a) Acceso a la aplicacin (b) Formulario para regismvil. tro en aplicacin mvil
Figura 3.20.
Acceso y registro en la aplicacin Android.
cookies cookie
La autenticacin resulta imprescindible puesto que el servidor realiza a travs de la gestin de sesiones, como vimos que debe hacer un servidor que siga la
losofa REST. Por tanto, tendremos que en las peticiones del cliente debe existir una para hacer posible que exista el concepto de sesin.
Durante el proceso de autenticacin tambin se le asigna al usuario su ID nico para disfrutar del servicio de
Google Cloud Messaging, siendo nuevo si es la primera vez push
que se registra, o actualizando el ID en caso de que el usuario ya hubiese utilizado la aplicacin en otro terminal mvil. As el usuario podr recibir noticaciones dispositivo. en su
Una vez que nos hemos autenticado, si se trata de la primera vez qu utilizamos la aplicacin, deberemos elegir en que asignaturas de nuestro colegio o universidad deseamos matricularnos. El listado de asignaturas disponibles que se mostrar al usuario ser como el mostrado en la gura 3.21.
Men principal
Tras habernos matriculado de las asignaturas que deseemos, elegimos una de las asignaturas matriculadas para as llegar al men principal, el cual se muestra en la gura 3.22. Hemos elegido implementar el men con un men de pestaas
TabHost
TabHost.
es un tipo de men con el cual los usuarios suelen estar familiarizados, ya que
38
Figura 3.21.
Men para la matriculacin de asignaturas.
es usado por aplicaciones como
Twitter. Con l conseguimos tener una interfaz sencilla
y con todas las principales funciones a un solo paso.
Figura 3.22.
Men principal de la aplicacin Android.
Como apreciamos en la gura 3.22, tenemos cinco pestaas principales:
Ranking :
nos muestra una lista ordenada por puntos de los compaeros de la
asignatura en la que nos encontramos.
Pendiente : nos presenta las preguntas que tenemos a la espera de responder. Realizado, encontramos un listado de las preguntas realizadas. Avisos : nos ofrece el listado de lecciones, avisos o consejos recibidos por el profesor
de la asignatura.
Actualizar : refresca el contenido de la aplicacin.

Apreciamos tambin en la parte superior una barra con un men de navegacin, en el cual encontramos un botn con el nombre de la asignatura. Pulsndolo podremos cambiar a otra de las asignaturas que tengamos matriculadas. A su lado, se encuentra un icono con forma de carpeta, mediante el cual podremos matricularnos de nuevas asignaturas. Por ltimo, se encuentra otro icono, el cual si lo pulsamos, nos dar la ayuda necesaria para comprender el funcionamiento de la aplicacin.
En las siguientes cinco secciones veremos una a una las pestaas disponibles en la aplicacin.
Ranking
En esta pestaa se encuentra el listado de alumnos de la asignatura en la que nos encontramos con su correspondiente puntuacin. La puntuacin se calcula en base al nmero de aciertos registrados por un alumno y el tipo de pregunta realizada. La informacin sobre el valor de cada tipo de pregunta viene detallada en la seccin de informacin (Figura 3.23).
Figura 3.23.
droid.
Ventana con informacin bsica sobre la aplicacin
An-
Tambin apreciamos en la gura 3.22 que existe el botn
Reta a un amigo.
Si
pulsamos este botn, la aplicacin mostrar una nueva lista mostrando todos los alumnos inscritos en esa asignatura. Seleccionando un compaero y pulsando el botn
Enviar pregunta a... retaremos con una nueva pregunta al compaero elegido. El nmero
de preguntas que se pueden enviar a compaeros viene limitada, avisando al usuario si ha enviado demasiadas preguntas a compaeros suyos. En la gura 3.24 vemos el proceso seguido desde que un compaero (en este ejemplo Gema) enva una pregunta a otro compaero (en este ejemplo David) hasta que ste ltimo la responde.
40
(a) El usuario gema enva (b) El usuario david una pregunta para retar a recibe la noticacin de david. que un usuario le ha enviado una pregunta.
(c) Al abrir la noticacin se le muestra al usuario que tiene preguntas pendientes.
(d) Pulsando sobre la pre- (e) Resultado de la res- (f) Tras responder la apligunta, podremos respon- puesta dada. cacin muestra la pestaa derla. Realizado.
Proceso seguido desde que un usuario enva una pregunta a un compaero hasta que ste la responde.
Figura 3.24.
Toda la informacin recibida en el terminal mvil, tales como las listas de los alumnos, se reciben en formato JSON. Esta informacin se convierte en de la aplicacin, y se muestra por pantalla la informacin recibida.
objetos
dentro
El problema se planteaba a la hora de avisar al compaero de que tena una nueva pregunta por responder enviada por otro compaero. Para solventarlo se utiliz
Cloud Messaging.
Google
As, conseguimos avisar al compaero de forma instantnea que ha
sido retado por un compaero.
La informacin no se almacena en el terminal mvil, se guarda en la base de datos del

servidor. De esta forma no perderemos datos e informacin si el usuario desea cambiar de terminal mvil. Al tratarse de volmenes de datos muy pequeos no supondr un coste excesivo en el uso de datos por parte del tminal mvil, ni tampoco en el tiempo de adquisicin de los datos desde el servidor. De esta forma, tambin conseguimos descongestionar el dispositivo mvil al no tener que almacenar informacin en l.
Pendiente
Presionando sobre la pestaa
Pendiente,
el alumno podr consultar si tiene todava
alguna pregunta por responder.
Esta pestaa ser lo primero que veamos tras recibir una noticacin, ya sea porque un compaero nos ha enviado un reto, o bien porque hemos malgastado demasiado tiempo en aplicaciones de entretenimiento.
Una vez que pulsemos sobre la pregunta pendiente de realizar, el proceso para responderla y obtener el veredicto de si es correcta o no, es anlogo al visto en la seccin anterior, por lo que no entraremos ms en detalle.
En esta pestaa disponemos adems del botn
Pide una pregunta extra,
mediante
el cual obtendremos una pregunta extra para que el usuario pueda escalar puestos en el
ranking.
Al igual que para enviar retos a los compaeros, esta funcin tambin est
limitada. Si el usuario pide demasiadas preguntas extra en un corto periodo de tiempo, no se le suministrarn nuevas preguntas al alumno. Estas limitaciones fueron impuestas tras experimentar mediante las pruebas con alumnos reales. Algunos de ellos no pararon de pedir preguntas extras hasta terminar con todas las existentes en la base de datos.
Para recibir la informacin del servidor tambin se emplea el formato JSON. Cuando el usuario enve informacin al servidor lo har mediante el mtodo POST, el cual procesar el servidor para recibir la informacin deseada, y devolviendo al cliente una respuesta. En este caso, nos dir si la pregunta realizada ha sido o no respondida correctamente.
Realizado
Disponemos del listado de preguntas respondidas en esta pestaa (Figura 3.25). De esta forma el alumno puede consultar los aciertos o fallos cometidos al responder preguntas, puede repasar conceptos cuando lo desee y puede evitar de esta forma cometer los mismos errores de nuevo.
Avisos
La pestaa
Avisos
ser la encargada de recoger todos los consejos, avisos o lecciones
recibidas por el profesor. Cuando consultemos una noticacin recibida de un nuevo
42
Figura 3.25.
Android.
Pestaa con las preguntas respondidas en la aplicacin
aviso (gura 3.26 (a)), ser la pestaa que se abrir de nuestra aplicacin automticamente (gura 3.26 (b)).
(a) Notiacin de un nue- (b) Pestaa con todos los vo aviso. avisos recibidos
Figura 3.26.
Noticacin y consulta de avisos en la aplicacin Android.
La recepcin de los avisos de forma instantnea en nuestro terminal mvil se realiza gracias a
Google Cloud Messaging, avisando mediante una noticacin al usuario de que Enva comentario al profesor.
tiene un nuevo aviso.
Dentro de esta pestaa encontramos la opcin
travs de la cual el alumno puede enviar un comentario, sugerencia o simplemente pedir nuevas preguntas a su profesor. Tambin se dise esta opcin como herramienta
Servicios / 43
para dar
feedback
durante el periodo de pruebas con alumnos reales. De esta forma el
alumno, al detectar cualquier problema o error en la aplicacin puede avisar de forma rpida y sencilla mediante un comentario.
Actualizar
Pulsando sobre este botn conseguiremos actualizar la aplicacin si el usuario lo desea, pudiendo as por ejemplo actualizar el la aplicacin.
ranking
de los compaeros sin tener que salir de
Con esto, hemos visto las pestaas de las que se compone la aplicacin
Android, y por
tanto sus funciones principales. A continuacin se ve de que forma se han implementado los servicios ms relevantes que hacen posible que trabajen ciertas funcionalidades.
3.6. Servicios
La ms importante y costosa, sin duda, fue encontrar una implementacin para poder controlar el tiempo que el usuario gasta en el uso de aplicaciones de ocio. La dicultad aumentaba dado que al comienzo de la realizacin de este proyecto, no conocamos el funcionamiento interno de un terminal
Android. Fueron muchas las horas invertidas en
la investigacin para poder encontrar una solucin para este problema. Finalmente, tras una larga bsqueda, se dise una solucin viable.
Android
Esta solucin consiste en el despliegue de un servicio
Android.
Un servicio en
es utilizado para llevar a cabo una accin en segundo plano, es decir, que no
requiera una interaccin directa con el usuario, pero que queremos que permanezca activo aunque el usuario cambie de actividad.
3.6.1. Servicio
Android
Facebook, Twitter e Instagram,
La tarea principal del servicio diseado es detectar cundo se utilizan aplicaciones de ocio (para la realizacin de las pruebas se establecieron
pudindose aadir todas las que deseemos). Para ello, el servicio chequea cada 60 segundos qu aplicacin es la que se encuentra activa y est siendo mostrada por la pantalla. Cuando el servicio detecte que sobrepasa un tiempo establecido como mximo usando aplicaciones de entretenimiento (para la realizacin de las pruebas se estableci 30 minutos), pasar a actuar. La actuacin pasa por noticar al usuario que ha dedicado demasiado tiempo a aplicaciones de entretenimiento, y multarle con una pregunta tipo test como castigo. De esta forma creemos que el usuario tomar conciencia del tiempo malgastado y de paso recordar o aprender conceptos de las asignaturas en las que se encuentra matriculado.
44
En la gura 3.27 vemos un ejemplo en el que a un usuario, que est pasando demasiado tiempo utilizando la aplicacin de
Facebook,
se le avisa mediante una
noticacin de que ha dedicado mucho tiempo al ocio, y por lo tanto, que tiene una pregunta tipo test esperando a ser respondida. En un principio se baraj la idea de que emergiera la pregunta directamente y no permitirle seguir con el uso de aplicaciones ociosas hasta que fuese respondida. Se consider demasiado entrometido, por lo que se descart.
(a) Usuario utilizando (b) Noticacin recibida una app de ocio recibe por dedicar demasiado una noticacin. tiempo a aplicaciones de entretenimiento.
Noticacin de uso excesivo de aplicaciones de ocio en la aplicacin Android.

Figura 3.27.
Uno de los principales problemas fue mantener activo el servicio, ya que la gestin de procesos y servicios que lleva a cabo el sistema operativo
Android, haca que el servicio
detuviese su funcionamiento. Por lo que hubo que averiguar e indicar que nuestro servicio deba estar siempre activo. Otro posible problema que hubo que tener en cuenta fue que el servicio no consumiese batera en exceso. Comprobamos que apenas afectaba al uso de la batera, ya que no llega a aparecer en la herramienta para ver el uso de batera, donde se encuentran las aplicaciones que ms batera han usado. El uso de preguntas tipo test se excusa en la facilidad para ser respondidas, evitando tener que hacer uso del teclado, haciendo la respuesta ms gil y rpida. Tambin hace ms fcil la correccin de la pregunta, evitando que el servidor tenga que hacer complejas comparaciones.
Servicio GCM
El otro servicio necesario para el funcionamiento pleno de la aplicacin GCM. Este servicio viene denido por
Google,
Android
es
siendo necesaria su conguracin tanto
en la parte del servidor como en la aplicacin mvil para su correcto funcionamiento. Aunque en la pgina web de la herramienta [4] podemos encontrar mucha informacin, no ha resultado sencilla la implementacin del servicio GCM, tanto en la parte del
Conclusiones del diseo e implementacin / 45

servidor como la del cliente.
El principal problema que se encontr en la implementacin de la parte del servidor fue que no existe apenas documentacin sobre cmo implementarlo utilizando
Django.
En la parte del cliente fue la creacin de las noticaciones tras la recepcin de mensajes por parte del servidor GCM.
Tras sortear los problemas encontrados conseguimos obtener un servicio de noticaciones
push
e intercambio de mensajes able, rpido y seguro.
3.7. Conclusiones del diseo e implementacin

A lo largo de estas pginas se ha intentado que el lector comprenda de una manera sencilla y clara cmo se ha diseado e implementado el presente proyecto sin excedernos en explicaciones demasiado tcnicas, para hacer ms accesible su lectura. Para ms detalle, cuenta el lector con el cdigo fuente.
Han sido muchas las horas empleadas en el diseo y la implementacin hasta lograr lo aqu presentado. Tras esto nos dispusimos a realizar una serie de pruebas, las cuales se exponen en el siguiente captulo.
Captulo 4
Despliegue y resultados
Una vez llevado a cabo todo el desarrollo, lleg el momento de poner en funcionamiento la aplicacin para poder comprobar el rendimiento del sistema diseado. En este captulo se presentan las pruebas y resultados obtenidos de la puesta en marcha y despliegue de nuestro sistema.
4.1. Introduccin
A lo largo de los primeros meses de trabajo la aplicacin se ha probado de forma interna hasta que ha podido ser utilizado en un escenario real con usuarios externos al proyecto.
Estas pruebas, como se ver a lo largo de este captulo, han sido de gran utilidad, para darnos cuenta de pequeos errores o para reforzar aspectos valorados por los usuarios.
As pues, tambin nos servirn para dictaminar si el sistema ideado ha cumplido los objetivos por los que fue diseado.
4.2. Pruebas internas

Entre las pruebas internas, aparte de las realizadas durante su desarrollo para la comprobacin del correcto funcionamiento, cabe destacar la realizada con personas de mi entorno.
Esta primera prueba fue llevada a cabo por mis compaeros de piso (en total tres participantes). Esta prueba sirvi para enmendar pequeos errores existentes en el sistema, la mayora de ellos de compatibilidad. El mayor problema encontrado de compatibilidad fue que en versiones ms recientes del sistema operativo
Android
no podamos realizar peticiones HTTP GET ni POST desde el hilo principal de la aplicacin. Esto es debido a que las versiones ms recientes son ms estrictas en cuanto al uso abusivo del hilo principal, por lo que hubo que crear nuevos hilos cada vez que
47
48
/ Despliegue y resultados (C. 4)
queramos realizar una peticin HTTP GET o POST.
Esto nos sirvi para darnos cuenta de que aunque hubisemos desarrollado utilizando la API 8 de SDK, no habamos logrado la compatibilidad con todos los dispositivos. Por esta razn, se volvieron a realizar pruebas con emuladores de las principales versiones de
Android
que podran ser utilizadas, para evitar problemas de compatibilidad en la
prueba real.
Esta prueba tambin nos sirvi para realizar mejoras en cuanto al diseo, logrando hacerla ms atractiva e intuitiva al usuario. Pero adems sirvi para darnos cuenta de que habamos logrado desarrollar una aplicacin que resultaba interesante al usuario que la utilizaba.
Tras la realizacin de todas estas pruebas se crey adecuado hacer una prueba real con personas ajenas a mi entorno cercano.
4.3. Prueba real

Una vez enmendados los errores descubiertos en las pruebas internas, nos dispusimos a realizar la prueba real. Esta prueba tuvo una duracin nal de algo ms de un mes, concretamente se realiz desde el da 21 de abril de 2013 hasta el da 25 de mayo de 2013.
Posteriormente se ha detectado que algunos alumnos han seguido utilizando la aplicacin por lo que deducimos que han quedado satisfechos.
Participantes
Para el desarrollo de la prueba fue necesario el reclutamiento de personas dispuestas a formar parte de ella. Esta tarea fue complicada llevarla a cabo debido a las fechas en las que se decidi realizarla. La fecha prevista para el inicio fue el 21 de abril. Con el periodo de exmenes cerca la gente en un principio no se mostr muy entusiasmada con la idea de participar en un prueba real, pero tras explicarles y ponerles en conocimiento de lo que tratara su labor y de las funcionalidades del sistema se mostraron dispuestos a formar parte de este despliegue. Incluso algunos pensaron que poda beneciarles, ya que les servira para no dedicarle demasiado tiempo a las aplicaciones de entretenimiento durante la poca de exmenes.
La nica labor que deban realizar era la descarga e instalacin de la aplicacin en su terminal
Android,
una vez descargado slo deban utilizar la aplicacin de forma
natural. El reclutamiento se llev a cabo mediante el aviso por correo a compaeros de clase que dispusiesen de un terminal
Android, aunque tambin el boca a boca entre los
mismos ayud a la captacin de ms alumnos. Finalmente se consigui reclutar a doce personas. Todo un logro teniendo en cuenta el periodo elegido para probar el sistema. De estas doce personas dos quedaron descolgadas durante el perodo de pruebas debido
Prueba real / 49
a problemas tcnicos con sus terminales y no disponer de otro dispositivo con sistema operativo
Android.
Se puso en conocimiento a los alumnos mediante correo electrnico el enlace para la descarga e instalacin de la aplicacin. Finalmente se comenz con la prueba el da 21 de abril de 2013.
Contenido
Debido a que los alumnos que participaron en la prueba estudiaban todos ellos Ingeniera de Telecomunicacin, para el despliegue del sistema se crearon dos asignaturas relacionadas con los contenidos vistos a lo largo de la carrera.
Las asignaturas creadas fueron:
Teleco-Escuela, esta asignatura revisa conceptos relacionados con el rea de teora de la seal.
No shell, aqu el alumno repasa conceptos relacionados con la
Shell
de UNIX.
Se crearon las asignaturas con estos nombres, tratando de resultar divertidos, para hacerlas ms atractivas al alumno a la hora de matricularse.
La forma de revisar los conceptos es mediante la realizacin de preguntas tipo test como ya se ha mencionado anteriormente. Para la realizacin de la prueba se comenz aproximadamente con alrededor de 60 preguntas elaboradas por el encargado de la asignatura. Para la realizacin de la prueba yo he sido el encargado de ambas asignaturas, y por consiguiente, el encargado de introducir las preguntas tipo test a travs de la interfaz web. El principal motivo fue el escaso tiempo disponible para encontrar a profesores que estuviesen interesados en participar en la prueba, aunque tambin se pens que de esta forma sera ms rpida la deteccin de problemas, y por tanto su solucin tambin sera encontrada con mayor soltura.
Posteriormente
se
fueron
introduciendo
nuevas
preguntas
debido
diferentes
causas. La primera de ellas fue que debido a la no limitacin de pedidos de preguntas extra, algunos alumnos terminaron con la primera tanda de preguntas introducidas rpidamente. Tras solucionar este problema, se introdujeron de nuevo preguntas por dos motivos. El primero de ellos era por la peticin de algunos alumnos mediante la herramienta para enviar comentarios al profesor en la cual manifestaban el deseo de poder obtener nuevas preguntas. El otro motivo fue que tras la asistencia a ciertas asignaturas, cre conveniente aadir preguntas con lo visto recientemente en clase, y de esta forma refrescar la memoria con lo visto en clase al realizar la pregunta.
Tras la nalizacin de la prueba se contabilizaron que fueron almacenadas 116 preguntas tipo test entre las dos asignaturas creadas.
50
Herramienta de feedback
Dado que el principal objetivo que perseguamos tras montar el despliegue del sistema era comprobar su correcto funcionamiento y obtener informacin sobre la experiencia del usuario, se estim necesario el desarrollo de una herramienta de
feedback.
Con esto conseguimos que el usuario pueda mostrar su opinin, hacer una sugerencia, informar de un error o simplemente hacer una pregunta al profesor de la asignatura sin que el usuario tenga que salir de la aplicacin. Evitando de esta forma el uso de otros sistemas para establecer una comunicacin con el encargado de la asignatura.
Tras la nalizacin de la prueba llevada acabo, mostramos en la gura 4.1 algunos de los comentarios que los alumnos enviaron.
Figura 4.1.
naturas.
Comentarios realizados por los alumnos en una de las asig-
Algunos de ellos sirvieron para arreglar pequeos errores no detectados durante la realizacin de las pruebas internas.
Encuestas de evaluacin nal

Nos resultaba esencial conocer el grado de satisfaccin de los usuarios que haban probado el sistema, por lo que una va para conocer lo que opinaban fue mediante la realizacin de una encuesta.
Era importante que se realizase de forma annima, as el usuario poda expresarse libremente, por lo que algunos de los participantes completaron una encuesta
Google Drive.
online
va
Prueba real / 51
Ocho de los participantes emplearon su tiempo en completar un breve cuestionario compuesto por 11 preguntas. Con estas preguntas se ha intentado extraer la mxima informacin posible sobre la opinin que han creado tras la utilizacin del sistema.
A continuacin se listan los resultados ms frecuentes de las preguntas tipo test realizadas en la encuesta:
La aplicacin mvil es intuitiva y sencilla de utilizar (escala Likert de 5 niveles): Totalmente de acuerdo.
La aplicacin web es intuitiva y sencilla de utilizar (escala Likert de 5 niveles): Totalmente de acuerdo.
Me gusta la opcin de retar a compaeros (escala Likert de 5 niveles): Totalmente de acuerdo.
Te ha resultado pesada la aplicacin mvil?: No. Te ha ayudado a reaccionar ante el uso excesivo de aplicaciones de ocio?: Mismo nmero de respuesta para siempre y a veces.
Te ha estimulado para estudiar?: Casi siempre. Me ha ayudado a refrescar conocimientos (escala Likert de 5 niveles): Totalmente de acuerdo.
Te has sentido incmodo por la competitividad?: No. Grado de satisfaccin global (escala Likert de 5 niveles): Mismo nmero de respuesta para totalmente de acuerdo y de acuerdo.
Estos son de forma resumida los resultados de algunas de las preguntas realizadas en la encuesta.
Adicionalmente, se incluan dos cuadros de texto donde podan incluir las sugerencias o comentarios que consideraran oportunos. En el primero de ellos se le preguntaba al usuario que si pudiera cambiar algo de la interfaz, que sera lo que cambiara. La mayora comentaban que si pudiesen le daran ms colorido a la aplicacin.
El otro cuadro merece mayor atencin, ya que se le peda al usuario que realizase cualquier sugerencia, comentario o valoracin que desease realizar sobre la aplicacin. Las respuestas fueron de lo ms variado, por lo que procedemos a mostrar los comentarios obtenidos:
Alumno 1: El funcionamiento y la lgica de la
app
ha sorprendido muy positi-
vamente. Es un divertido mtodo de aprender y controlar cuanto tiempo dedicas al ocio en tu
smartphone. Como sugerencia, creo que sera mejor si las preguntas
salieran con ms frecuencia.
52
Alumno 2: De alguna manera tenemos que cortar con el tiempo que le dedicamos a las redes sociales y esta aplicacin a la par que entretener sirve para avisarte del uso excesivo de estas redes.
Alumno 3: Me ha gustado mucho, til y sencilla. Alumno 4: Me gusta mucho. Ms asignaturas estara bien. Alumno 5: Me ha resultado una aplicacin fcil de usar, en ocasiones he usado la aplicacin sin ningn tipo de uso excesivo de redes sociales. Pero quizs para darle ms emocin a la aplicacin pondra un tiempo de respuesta, por el contrario, el lmite de retos, preguntas extra est bastante bien.
Alumno 6: Me ha gustado mucho la idea, sobre todo porque casi todos somos adictos al mvil, as somos conscientes del tiempo que pasamos con las redes sociales.
Alumno 7: Faltan preguntas de PSSM ;).
Alumno 8: Me parece muy til para aplicarla adems a otros campos. Una opcin que creo que sera muy interesante es integrarla con redes sociales como
Twitter
Facebook,
y as dotarla de una mayor componente social.
Con la recoleccin de toda la informacin recibida a travs de este cuestionario, hemos conseguido detectar aquezas del sistema, que quedarn recogidos en el siguiente captulo donde se propondrn posibles mejoras.
Si se desea obtener ms informacin sobre los resultados de esta encuesta, podemos encontrar recogida toda la informacin obtenida en la seccin de Apndices del presente documento.
Anlisis de resultados
Tras todo lo expuesto anteriormente, los resultados tras las pruebas han sido muy satisfactorios, por lo que podemos armar estar contentos del trabajo desarrollado. Ms an viendo como una idea propuesta a mi tutor ha crecido convirtindose en un gran sistema slido y til.
Si echamos la vista atrs y comprobamos si ha cumplido alguno de los objetivos por la cual fue diseada, deducimos con la informacin de los propios alumnos con sus respuestas que se ha logrado:
Concienciar al usuario del tiempo gastado en aplicaciones de ocio. Conseguir que el usuario aprenda o repase conceptos de forma entretenida.
El alumno se reere a la asignatura Procesamiento de Seal en Sistemas Mviles impartida por el departamento de Teora de la Seal y Comunicaciones de la Universidad Rey Juan Carlos.
Prueba real / 53
En cuanto a objetivos tecnolgicos, los usuarios tambin han valorado de forma muy positiva su uso en general y la interfaz tanto mvil como web.
Por todo esto, creemos que hemos cubierto las expectativas y se ha conseguido poner en produccin un sistema til, entretenido y able. De esta forma podemos concluir que los resultados de las pruebas han sido muy positivos para este Proyecto Fin de Carrera.
Captulo 5
Conclusiones
Con este captulo se cierra esta memoria, y por ello tiene el n de mostrar al lector un resumen del trabajo realizado. Para ello, en primer lugar evaluar los objetivos marcados al comienzo del proyecto, continuando con una estimacin del tiempo empleado para llevarlo a cabo y un listado de posibles lineas futuras de trabajo. Por ltimo, esta memoria se cerrar con una valoracin nal de carcter personal de todo el trabajo empleado para el desarrollo del proyecto.
5.1. Anlisis del trabajo realizado

Al inicio de esta memoria se presentaron una serie de objetivos generales que deba cumplir este proyecto para alcanzar dos objetivos nales de los cuales hablaremos ms adelante. Presentbamos los siguientes:
Estudio del problema y diseo de la solucin. Crear una base de datos en la cual se almacenar toda la informacin manejada por el sistema. Disponer de una aplicacin web para la introduccin de nuevas preguntas y la recoleccin de estadsticas a partir de los datos obtenidos de monitorizar a los alumnos.
Puesta en marcha de un servidor, para poder dar alojamiento a la aplicacin web y servicio a la aplicacin mvil. Disponer de una aplicacin
Android Android
para la monitorizacin de los alumnos, obte-
niendo datos de tiempos de conexin a aplicaciones de entretenimiento. Disponer de una aplicacin para recibir preguntas y enviar respuestas.
Tras la realizacin del sistema, comprobar el funcionamiento en un entorno real con alumnos, y vericar el correcto funcionamiento mediante la recepcin de comentarios.
55
56
/ Conclusiones (C. 5)
A lo largo de la presente memoria hemos tratado de mostrar cmo se han alcanzado cada uno de estos objetivos. Analicemos individualmente cada uno de ellos para saber hasta que punto se ha logrado cumplir estos objetivos.
Objetivo 1. Estudio del problema y diseo de la solucin.

Puesto que no se trataba de un proyecto ofertado por un profesor de la Escuela de Telecomunicacin, la primera etapa del proyecto fue tras la identicacin de un problema real, tratar de buscar una solucin para mitigar dicho problema. Por tanto, ste era el primer objetivo que se deba cumplir. Cierto es que el diseo sufri modicaciones a lo largo de su desarrollo, siempre con el n de poder aadir mejoras y nuevas funcionalidades para hacer de ste un proyecto ms completo. Quizs existan soluciones alternativas, pero consideramos que la solucin adoptada es la mejor posible.
As pues, tras considerar que este objetivo haba quedado cubierto, tenamos va libre para lograr alcanzar los dems propuestos.
Objetivo 2. Creacin de una base de datos.

Quizs este haya sido el objetivo ms difcil de cumplir, no tanto por la creacin en s de una base de datos, sino por obtener una estructura ja desde el principio. Han sido numerosos los cambios efectuados en el diseo a lo largo del desarrollo del proyecto, por lo que la reestructuracin de la base de datos era una tarea difcil con la que convivir. Por esta razn puede que la arquitectura nal de la base de datos no sea la ptima, pero s podemos armar que se trata de una base de datos plenamente funcional.
Objetivo 3. Disponer de una aplicacin web.

Uno de los objetivos era la creacin de una interfaz web como soporte a la aplicacin mvil. Se ha logrado construir una aplicacin web til para el alumno e indispensable para el profesor.
A travs de ella el alumno tiene una experiencia ms completa, pudiendo entre otras cosas, consultar estadsticas e informacin recogida sobre su actuacin en la aplicacin mvil o su estimacin diaria de conexin a aplicaciones de ocio.
En el caso del profesor, resulta una herramienta indispensable para llevar las tareas asociadas dentro del sistema construido. Entre ellas destacamos dos. La primera de ellas es la introduccin de preguntas tipo test, y la segunda llevar un control de su alumnado mediante la consulta del apartado estadsticas.
Adems, los resultados de la encuesta reejan que se ha logrado crear una interfaz intuitiva y sencilla de utilizar.
Anlisis del trabajo realizado / 57

Por todo lo mencionado en este punto se puede considerar que el objetivo se ha cumplido de manera ptima.
Objetivo 4. Puesta en marcha de un servidor.

Con este objetivo se persegua la necesidad de dar alojamiento a la aplicacin web y servicio a la aplicacin mvil. Esta tarea fue difcil de llevar a cabo debido a la falta de conocimientos para la puesta en produccin de un servidor real.
Sin la superacin de este objetivo habra sido imposible la puesta en marcha de todo el sistema para la realizacin de las pruebas realizadas. En especial, en el caso de la prueba real con alumnos.
Tras la realizacin de la prueba real y debido a que no se obtuvieron problemas derivados de la puesta en produccin del servidor, podemos concluir que el objetivo se ha logrado alcanzar plenamente.
Objetivo 5. Disponer de una aplicacin los alumnos.
Android
para la monitorizacin de
Este objetivo, junto con el objetivo 6 quizs hayan sido los ms complejos de llevar a cabo, puesto que no se tena conocimientos previos en la creacin de aplicaciones mviles para dispositivos
todo lo necesario para el desarrollo de aplicaciones
Android. Por lo que fue necesario invertir tiempo en el aprendizaje de Android.
Entre los objetivos que deba cumplir la aplicacin mvil se encontraba lograr monitorizar el tiempo de conexin que los alumnos empleaban en aplicaciones de ocio o entretenimiento como, por ejemplo, las redes sociales. Para llevar a cabo esta tarea, se idearon varios mecanismos, nalmente se decidi que se llevara a cabo mediante la utilizacin de servicios de
Android, ya explicados anteriormente.
Tras las pertinentes pruebas se ha comprobado su correcto funcionamiento. Tambin, quedaron recogidas en la encuesta las opiniones vertidas por los alumnos sobre algunos aspectos relacionados con la monitorizacin de su uso de aplicaciones de entretenimiento. Recordando los resultados recogidos, el cien por cien de los alumnos no consider pesada o molesta la aplicacin. Adems, la mayora de alumnos reconocan que la aplicacin les haba ayudado a reaccionar ante el uso excesivo de aplicaciones de ocio.
De esta manera, podemos concluir que este objetivo tambin se ha superado con xito.
58
Objetivo 6. Disponer de una aplicacin guntas.
Android
para la realizacin de pre-
Como parte del resultado de la monitorizacin del tiempo de uso de aplicaciones de ocio del usuario, se dispuso que se impondra una pequea sancin para que el usuario reaccionase ante su elevada dedicacin a aplicaciones de ocio. Esta pequea sancin se estableci que sera mediante preguntas tipo test. Ms adelante se aadieron ms funcionalidades a la aplicacin en las cuales tambin tomaban un papel relevante las preguntas, como es el caso del envo de preguntas amistosas a compaeros de asignatura.
De esta forma, tambin se pretenda que el alumno aprendiese o recordase conceptos de forma divertida bajo un entorno de competitividad, promovida como un juego entre compaeros.
Se ha comprobado en todas estas funcionalidades que el comportamiento de la aplicacin es el apropiado. Si nos ayudamos de la encuesta realizada para decidir si se ha logrado cumplir el objetivo, comprobamos que la mayor parte de los alumnos est de acuerdo en que les ha ayudado a refrescar conocimientos, as como que en determinadas ocasiones les ha estimulado para estudiar. Tambin les ha gustado la opcin de poder retar a sus compaeros mediante el envo de preguntas amistosas. La encuesta tambin recoge que el cien por cien de los alumnos declara que no se han sentido incmodos por la competitividad debido a la existencia de un
ranking de puntuacin.
Con todos estos datos aqu mostrados podemos dictaminar que este objetivo tambin se ha conseguido alcanzar.
Objetivo 7. Realizacin de una prueba real.

Puede que se trate de uno de los puntos ms importantes y delicados del proyecto, ya que en este punto es donde se evala si realmente el trabajo realizado ha servido para cumplir los grandes objetivos marcados al comienzo de su diseo. Este objetivo se considera cumplido, tal y como se present en el captulo Despliegue y Resultados, donde vimos que mediante la realizacin de las dos pruebas, fuimos capaces de mejorar el sistema creado y conocer la opinin de los usuarios en base a los comentarios vertidos.
En resumen, podemos considerar que el sistema que presentamos cumple los objetivos generales que nos impusimos. No olvidemos que estos objetivos generales perseguan dos objetivos nales, los cuales recordamos a continuacin.
Estimacin del trabajo realizado / 59
Objetivos nales
Durante el diseo del sistema supusimos que cumpliendo estos objetivos generales, podramos llegar a cumplir los dos grandes objetivos con los que nos retamos con este proyecto:
Concienciar al usuario del tiempo gastado en aplicaciones de ocio, y por consiguiente, intentar reducir el nmero de minutos de uso de stas.
Conseguir que el usuario aprenda o repase conceptos de forma entretenida.
Mediante la superacin de los objetivos generales estimamos que estos dos grandes retos nales quedaran superados, y qu mejor informacin para comprobar si ha sucedido que la que nos proporciona la encuesta realizada a los usuarios. Dado que estos dos objetivos tratan de aspectos subjetivos difciles de valorar por nuestra parte, la informacin recibida de forma annima a travs del formulario posee un gran valor informativo.
Para el primer objetivo, no estamos muy seguros que el usuario haya reducido el uso de aplicaciones de entretenimiento, ya que la mayor parte de las grcas que recogen los tiempos de uso de estas aplicaciones se mantiene bastante lineal a lo largo del mes de prueba. Pero lo que si que obtuvimos mediante la encuesta fue que a gran parte de los usuarios les haba ayudado a reaccionar ante el uso excesivo. Por tanto creemos que la aplicacin si que puede ayudar a que el usuario por lo menos sea consciente del tiempo empleado en aplicaciones de ocio.
El segundo objetivo impuesto tambin creemos haberlo superado, ya que la mayora de los alumnos respondieron que les haba ayudado a refrescar conocimientos y que la aplicacin les haba estimulado para estudiar.
Como hemos visto a lo largo de estas pginas todos estos objetivos marcados se han cumplido, por lo que podemos decir que el sistema realiza el trabajo para el que fue diseado de forma correcta.
5.2. Estimacin del trabajo realizado

Llegados a este punto, se cree oportuno realizar un balance del tiempo empleado en el desarrollo de este proyecto. De esta forma, se ayudar al lector a comprender el volumen de trabajo que ha supuesto la implementacin de todo este sistema.
Es importante mencionar que durante algunos de los meses de desarrollo se ha combinado esta actividad con la realizacin de algunas de las ltimas asignaturas de la carrera, por lo que la implementacin de este proyecto ha supuesto mayor esfuerzo, un motivo por el cual se alcanza una mayor satisfaccin.
60
La planicacin expuesta a continuacin cuantica el trabajo realizado en nmero de horas de forma aproximada.
1. Estudio de objetivos y aprendizaje de los conocimientos bsicos sobre
Android
(julio 2012- septiembre 2012). En esta fase de estudio, documentacin y primeras pruebas, se emple una media de 4 horas diarias, por lo que considerando 65 das de trabajo real, supone alrededor de 260 horas de trabajo.
2. Desarrollo (octubre 2012-marzo 2013). Esta fase es la que mayor dedicacin ha demandado, y la ms difcil de llevar a cabo, ya que requera ser compaginada con las asignaturas que tena pendiente por cursar. Por lo que en esta etapa han existido intervalos intermitentes, aunque se ha tratado ser lo ms constante posible. Para contabilizar de forma aproximada el nmero de horas empleado en este periodo, diremos que de media se empleaban 5 horas al da, alrededor de tres das a la semana. Por lo que de forma aproximada se calcula que se han empleado unas 375 horas en esta fase de desarrollo.
3. Pruebas del sistema (abril-mayo 2013). La prueba tom algo ms de un mes de duracin, tiempo durante el cual no se dedicaron muchas horas al proyecto. Slo para la correccin de algunos fallos, y para la introduccin de nuevas preguntas. Parte del tiempo de este perodo fue dedicado a las gestiones para el reclutamiento de participantes, unido a la elaboracin y anlisis de las encuestas. Por lo que podemos imputar alrededor de 5 horas de trabajo.
4. Escritura de la memoria (julio-agosto 2013). Tras las pruebas y una poca de exmenes de por medio, lleg el momento de plasmar todo lo relacionado con el proyecto realizado en esta memoria. Podemos estimar que se ha empleado aproximadamente 3 horas al da en un periodo aproximado de 33 das, resultando alrededor de 100 horas.
5. ltimos detalles (septiembre-octubre 2013). Esta fase compone, la preparacin del cdigo as como la preparacin de la presentacin, lo que se estima que supondr un total de 30 horas de trabajo.
Estos apuntes realizados son valoraciones aproximadas del tiempo empleado, ya que no se ha llevado un control estricto del tiempo empleado en cada fase.
El trabajo se ha tratado de desarrollar de forma continua, evitando que existiesen demasiados picos de trabajo ya que disponamos de aproximadamente un ao para la elaboracin del proyecto.
El resultado de las estimaciones realizadas en este apartado, hace un total de 770 horas de trabajo para el desarrollo de este Proyecto Fin de Carrera.
Lneas futuras / 61
5.3. Lneas futuras

Tras el desarrollo de este proyecto, se han encontrado diferentes lneas de desarrollo que podran mejorar este sistema, o aadir nuevas funcionalidades.
Una de ellas la encontramos gracias a la opinin vertida por uno de los alumnos que form parte de la prueba real. Este alumno nos comentaba: Me parece muy til para aplicarla adems a otros campos. Una opcin que creo que sera muy interesante es integrarla con redes sociales como
Facebook, Twitter
y as dotarla de una mayor
componente social . La idea resulta interesante ya que existen diferentes facetas que podran ser explotadas siguiendo la idea propuesta.
Por otro lado, en algunos centros educativos ya existen plataformas que sirven como herramienta escolar, con funciones como el envo de noticaciones de los profesores hacia los padres. Por tanto, otra lnea futura podra ser la integracin de este sistema o parte de l con alguno ya existente y que conformen de esta forma una potente herramienta escolar, pudindose detectar mediante la monitorizacin casos de alumnos con problemas de atencin.
Otra posible lnea futura que se propone es la sincronizacin de nuestra herramienta con el calendario escolar y con el horario del alumno, para intentar evitar de esta forma el acceso a aplicaciones de ocio durante el desarrollo de las clases, mediante el aviso al profesor o simplemente mediante la sancin al alumno, ya sea en el el envo de un mayor nmero de preguntas.
ranking
o mediante
Otro lnea importante a estudiar sera el desarrollo de la aplicacin mvil para el profesorado. Esto no supondra mucho tiempo de desarrollo puesto que muchas funciones ya existen o son muy parecidas en la versin del alumno.
stas son slo algunas de las lineas de desarrollo encontradas, existiendo multitud de lneas de desarrollo abiertas muy interesantes, lo cual es un buen sntoma, pues se deduce que nuestro sistema puede seguir creciendo y evolucionando.
5.4. Valoracin nal

Llegados a este punto de la presente memoria, es necesario evaluar el desarrollo de este Proyecto Fin de Carrera, reejando cules han sido las sensaciones durante su desarrollo y las conclusiones obtenidas tras su culminacin.
Desde el primer momento en el que me pregunt acerca del tema del que quera que tratase mi proyecto, saba que quera que fuese algo que pudiese probar con personas y que fuese prctico.
Cuando le propuse la idea al que ha sido mi tutor, Gregorio, tuve algo de miedo por si no era lo suciente como para poder presentarlo como Proyecto Fin de Carrera.
62
Pero l, a raz de esa idea bsica que le propuse, supo guiarme hasta la construccin del sistema implementado, por lo que ese miedo inicial fue desapareciendo a lo largo de todo este periodo.
Compaginar algunos meses de desarrollo con las labores como estudiante, ha requerido un esfuerzo adicional, prescindiendo de horas de ocio, debido a que los nes de semana era el momento en el que poda dedicar ms tiempo.
Durante el desarrollo de este proyecto me he enfrentado a situaciones en las que nunca me haba encontrado. La mayora han sido problemas, los cuales tuve que buscar una solucin sin disponer de unas pautas establecidas para su resolucin, que es a lo que solemos estar acostumbrados a encontrar en la mayora de prcticas realizadas durante la carrera.
Tambin se han tenido que tomar decisiones importantes de diseo o de eleccin de herramientas para su desarrollo derivadas de intensas labores de investigacin, para tratar de encontrar siempre la mejor solucin.
Por tanto el conocimiento adquirido tiene un valor incalculable, puesto que no slo hay que contabilizar el volumen de conocimientos tcnicos aprendidos, sino tambin la experiencia adquirida, la necesidad de aprender a tomar decisiones, a resolver cuestiones y plantear soluciones a situaciones reales.
El desarrollo de este proyecto, tambin me ha servido para poner en prctica numerosos conocimientos que he ido adquiriendo a lo largo de esta carrera, sintiendo una gran satisfaccin al darme cuenta de que lo aprendido en la carrera es de gran utilidad.
Una de las situaciones ante la cual estaba expectante a la par que senta miedo, era saber que la herramienta iba a tener que estar sometida a una prueba real. Sin duda alguna ha sido una de las mayores satisfacciones vividas el poder probar con gente real algo que he creado yo mismo. Es cierto, que al principio sent miedo porque no saba como iba a reaccionar la gente ante lo que haba supuesto mi trabajo durante un gran nmero de meses. Pero este miedo desapareci en cuanto vi la aceptacin que haba generado la herramienta y comprobar que la gente disfrutaba con algo que haba sido creado por m, salvo por los pequeos errores que hubo que solventar, esta ha sido con clara diferencia la mejor fase vivida del proyecto.
Tras esta larga etapa, y haber pasado por buenos y malos momentos, es hora de echar la vista atrs y darse cuenta que ha merecido la pena, como se espera que haya merecido la pena el tiempo que el lector ha dedicado a leer esta memoria y haya disfrutado de la misma forma que yo he disfrutado con su escritura.
Apndices
63
Apndice A
Resultados de la encuesta
En este primer apndice se incluyen los resultados completos de las encuestas que se les facilit a los participantes en la prueba.
Pregunta 1. La aplicacin mvil es intuitiva y sencilla de utilizar.
Pregunta 2. La aplicacin web es intuitiva y sencilla de utilizar.
65
66
/ Resultados de la encuesta (A)
Pregunta 3. Me gusta la opcin de retar a compaeros
Pregunta 4. Si pudieras cambiar algo de la interfaz, qu cambiaras?

Alumno 1: Quizs le dara algo ms de color. Alumno 2: En el botn Pide una pregunta extra o Reta a un amigo no se ve bien el texto.
Alumno 3: Tal vez un diseo ms elaborado como ms colores o disponer de una pantalla inicial.
Alumno 4: El colorido. Alumno 5: Quizs lo nico que cambiara sera el cambio de asignaturas que es poco intuitivo.
Alumno 6: Me gusta mucho la interfaz. Nada.
Pregunta 5. Te ha resultado pesada la aplicacin mvil?
Pregunta 6. Te ha ayudado a reaccionar ante el uso excesivo de aplicaciones de ocio?
Resultados de la encuesta (A) /
67
Pregunta 7. Te ha estimulado para estudiar?
Pregunta 8. Me ha ayudado a refrescar conocimientos.
Pregunta 9. Te has sentido incmodo por la competitividad?
Pregunta 10. Grado de satisfaccin global.
Pregunta 11. Escribe alguna sugerencia, comentario o valoracin que quieras hacer sobre al aplicacin.
Alumno 1: El funcionamiento y la lgica de la app ha sorprendido muy positivamente. Es un divertido mtodo de aprender y controlar cuanto tiempo dedicas
68
/ Resultados de la encuesta (A)
al ocio en tu smartphone. Como sugerencia, creo que sera mejor si las preguntas salieran con ms frecuencia.
Alumno 2: De alguna manera tenemos que cortar con el tiempo que le dedicamos a las redes sociales y esta aplicacin a la par que entretener sirve para avisarte del uso excesivo de estas redes.
Alumno 3: Me ha gustado mucho, til y sencilla. Alumno 4: Me gusta mucho. Ms asignaturas estara bien Alumno 5: Me ha resultado una aplicacin fcil de usar, en ocasiones he usado la aplicacin sin ningn tipo de uso excesivo de redes sociales. Pero quizs para darle ms emocin a la aplicacin pondra un tiempo de respuesta, por el contrario, el lmite de retos, preguntas extra est bastante bien.
Alumno 6: Me ha gustado mucho la idea, sobre todo porque casi todos somos adictos al mvil, as somos conscientes del tiempo que pasamos con las redes sociales.
Alumno 7: Faltan preguntas de PSSM ;).
Alumno 8: Me parece muy til para aplicarla adems a otros campos. Una opcin que creo que sera muy interesante es integrarla con redes sociales como
Twitter
Facebook,
y as dotarla de una mayor componente social.
El alumno se reere a la asignatura Procesamiento de Seal en Sistemas Mviles impartida por el departamento de Teora de la Seal y Comunicaciones de la Universidad Rey Juan Carlos.
Apndice B
Publicacin del cdigo

El cdigo desarrollado para la interfaz web se encuentra en el repositorio de
GitHub :
https://github.com/jsuela/pfcjsuela
El cdigo correspondiente a la aplicacin repositorio que se muestra a continuacin:
Android
lo podemos encontrar en el
https://github.com/jsuela/pfcjsuelaandroid
69
Apndice C
Licencia Creative Commons

CREATIVE COMMONS CORPORATION NO ES UN DESPACHO DE ABOGADOS Y NO PROPORCIONA SERVICIOS JURDICOS. LA DISTRIBUCIN DE ESTA LICENCIA NO CREA UNA RELACIN ABOGADO-CLIENTE. CREATIVE COMMONS PROPORCIONA ESTA INFORMACIN TAL CUAL (ON AN AS-IS BASIS). CREATIVE COMMONS NO OFRECE GARANTA ALGUNA RESPECTO DE LA INFORMACIN PROPORCIONADA, NI ASUME RESPONSABILIDAD ALGUNA POR DAOS PRODUCIDOS A CONSECUENCIA DE SU USO.
Licencia
LA OBRA O LA PRESTACIN (SEGN SE DEFINEN MS ADELANTE) SE PROPORCIONA BAJO LOS TRMINOS DE ESTA LICENCIA PBLICA DE CREATIVE COMMONS (CCPL O LICENCIA). LA OBRA O LA PRESTACIN SE ENCUENTRA PROTEGIDA POR LA LEY ESPAOLA NORMAS DE QUE PROPIEDAD RESULTEN
INTELECTUAL
Y/O
CUALESQUIERA
OTRAS
DE APLICACIN. QUEDA PROHIBIDO CUALQUIER USO DE LA OBRA O PRESTACIN DIFERENTE A LO AUTORIZADO BAJO ESTA LICENCIA O LO DISPUESTO EN LA LEY DE PROPIEDAD INTELECTUAL.
MEDIANTE EL EJERCICIO DE CUALQUIER DERECHO SOBRE LA OBRA O LA PRESTACIN, USTED ACEPTA Y CONSIENTE LAS LIMITACIONES Y OBLIGACIONES DE ESTA LICENCIA, SIN PERJUICIO DE LA NECESIDAD DE CONSENTIMIENTO EXPRESO EN CASO DE VIOLACIN PREVIA DE LOS TRMINOS DE LA MISMA. EL LICENCIADOR LE CONCEDE LOS DERECHOS CONTENIDOS EN ESTA LICENCIA, SIEMPRE QUE USTED ACEPTE LOS PRESENTES TRMINOS Y CONDICIONES.
C.1. Deniciones
a. La
obra
es la creacin literaria, artstica o cientca ofrecida bajo los trminos de
esta licencia. b. En esta licencia se considera una
prestacin
71
cualquier interpretacin, ejecucin,
72
/ Licencia Creative Commons (C)
fonograma, grabacin audiovisual, emisin o transmisin, mera fotografa u otros objetos protegidos por la legislacin de propiedad intelectual vigente aplicable. c. La aplicacin de esta licencia a una
coleccin
(denida ms adelante) afectar ni-
camente a su estructura en cuanto forma de expresin de la seleccin o disposicin de sus contenidos, no siendo extensiva a stos. En este caso la coleccin tendr la consideracin de obra a efectos de esta licencia. d. El
titular originario
es:
i. En el caso de una obra literaria, artstica o cientca, la persona natural o grupo
de personas que cre la obra.

ii. En el caso de una obra colectiva, la persona que la edite y divulgue bajo su
nombre, salvo pacto contrario.

iii. En el caso de una interpretacin o ejecucin, el actor, cantante, msico, o
cualquier otra persona que represente, cante, lea, recite, interprete o ejecute en cualquier forma una obra.
iv. En el caso de un fonograma, el productor fonogrco, es decir, la persona natural
o jurdica bajo cuya iniciativa y responsabilidad se realiza por primera vez una jacin exclusivamente sonora de la ejecucin de una obra o de otros sonidos.
v. En el caso de una grabacin audiovisual, el productor de la grabacin, es decir,
la persona natural o jurdica que tenga la iniciativa y asuma la responsabilidad de las jaciones de un plano o secuencia de imgenes, con o sin sonido.
vi. En el caso de una emisin o una transmisin, la entidad de radiodifusin. vii. En el caso de una mera fotografa, aquella persona que la haya realizado. viii. En el caso de otros objetos protegidos por la legislacin de propiedad intelectual
vigente, la persona que sta seale. e. Se considerarn
obras derivadas
aquellas obras creadas a partir de la licenciada,
como por ejemplo: las traducciones y adaptaciones; las revisiones, actualizaciones y anotaciones; los compendios, resmenes y extractos; los arreglos musicales y, en general, cualesquiera transformaciones de una obra literaria, artstica o cientca. Para evitar la duda, si la obra consiste en una composicin musical o grabacin de sonidos, la sincronizacin temporal de la obra con una imagen en movimiento (synching) ser considerada como una obra derivada a efectos de esta licencia. f. Tendrn la consideracin de
colecciones
la recopilacin de obras ajenas, de datos o
de otros elementos independientes como las antologas y las bases de datos que por la seleccin o disposicin de sus contenidos constituyan creaciones intelectuales. La mera incorporacin de una obra en una coleccin no dar lugar a una derivada a efectos de esta licencia. g. El
licenciador
es la persona o la entidad que ofrece la obra o prestacin bajo los
trminos de esta licencia y le concede los derechos de explotacin de la misma conforme a lo dispuesto en ella.
Licencia Creative Commons (C) /
73
h.
Usted
es la persona o la entidad que ejercita los derechos concedidos mediante esta
licencia y que no ha violado previamente los trminos de la misma con respecto a la obra o la prestacin, o que ha recibido el permiso expreso del licenciador de ejercitar los derechos concedidos mediante esta licencia a pesar de una violacin anterior. i. La
transformacin
de una obra comprende su traduccin, adaptacin y cualquier
otra modicacin en su forma de la que se derive una obra diferente. La creacin resultante de la transformacin de una obra tendr la consideracin de obra derivada. j. Se entiende por
reproduccin distribucin
la jacin directa o indirecta, provisional o perma-
nente, por cualquier medio y en cualquier forma, de toda la obra o la prestacin o de parte de ella, que permita su comunicacin o la obtencin de copias. k. Se entiende por la puesta a disposicin del pblico del original o de las
copias de la obra o la prestacin, en un soporte tangible, mediante su venta, alquiler, prstamo o de cualquier otra forma. l. Se entiende por
comunicacin pblica
todo acto por el cual una pluralidad de
personas, que no pertenezcan al mbito domstico de quien la lleva a cabo, pueda tener acceso a la obra o la prestacin sin previa distribucin de ejemplares a cada una de ellas. Se considera comunicacin pblica la puesta a disposicin del pblico de obras o prestaciones por procedimientos almbricos o inalmbricos, de tal forma que cualquier persona pueda acceder a ellas desde el lugar y en el momento que elija. m. La
explotacin
de la obra o la prestacin comprende la reproduccin, la distribucin,
la comunicacin pblica y, en su caso, la transformacin. n. Los
elementos de la licencia licencia equivalente

elementos de licencia. es:
son las caractersticas principales de la licencia segn
la seleccin efectuada por el licenciador e indicadas en el ttulo de esta licencia: Reconocimiento, CompartirIgual. . Una
i. Una versin posterior de esta licencia de Creative Commons con los mismos
ii. La misma versin o una versin posterior de esta licencia de cualquier otra ju-
risdiccin reconocida por Creative Commons con los mismos elementos de la licencia (ejemplo: Reconocimiento-CompartirIgual 3.0 Japn).
iii. La misma versin o una versin posterior de la licencia de Creative Commons
no adaptada a ninguna jurisdiccin ( licencia.

iv. Una
Unported ) con los mismos elementos de la

compatibles y que que ha aparece sido en
de
las
licencias
http://creativecommons.org/compatiblelicenses
aprobada
por Creative Commons como esencialmente equivalente a esta licencia porque, como mnimo: a. Contiene trminos con el mismo propsito, el mismo signicado y el mismo efecto que los elementos de esta licencia.
74
b. Permite explcitamente que las obras derivadas de obras sujetas a ella puedan ser distribuidas mediante esta licencia, la licencia de Creative Commons no adaptada a ninguna jurisdiccin (
Unported ) o una licencia de cualquier otra
jurisdiccin reconocida por Creative Commons, con sus mismos elementos de licencia.
C.2. Lmites de los derechos

Nada en esta licencia pretende reducir o restringir cualesquiera lmites legales de los derechos exclusivos del titular de los derechos de propiedad intelectual de acuerdo con la Ley de propiedad intelectual o cualesquiera otras leyes aplicables, ya sean derivados de usos legtimos, tales como la copia privada o la cita, u otras limitaciones como la resultante de la primera venta de ejemplares (agotamiento).
C.3. Concesin de licencia

Conforme a los trminos y a las condiciones de esta licencia, el licenciador concede, por el plazo de proteccin de los derechos de propiedad intelectual y a ttulo gratuito, una licencia de mbito mundial no exclusiva que incluye los derechos siguientes: a. Derecho de reproduccin, distribucin y comunicacin pblica de la obra o la prestacin. b. Derecho a incorporar la obra o la prestacin en una o ms colecciones. c. Derecho de reproduccin, distribucin y comunicacin pblica de la obra o la prestacin lcitamente incorporada en una coleccin. d. Derecho de transformacin de la obra para crear una obra derivada siempre y cuando se incluya en sta una indicacin de la transformacin o modicacin efectuada. e. Derecho de reproduccin, distribucin y comunicacin pblica de obras derivadas creadas a partir de la obra licenciada. f. Derecho a extraer y reutilizar la obra o la prestacin de una base de datos. g. Para evitar cualquier duda, el titular originario:
i. Conserva el derecho a percibir las remuneraciones o compensaciones previstas
por actos de explotacin de la obra o prestacin, calicadas por la ley como irrenunciables e inalienables y sujetas a gestin colectiva obligatoria.
ii. Renuncia al derecho exclusivo a percibir, tanto individualmente como mediante
una entidad de gestin colectiva de derechos, cualquier remuneracin derivada de actos de explotacin de la obra o prestacin que usted realice. Estos derechos se pueden ejercitar en todos los medios y formatos, tangibles o intangibles, conocidos en el momento de la concesin de esta licencia. Los derechos mencionados incluyen el derecho a efectuar las modicaciones que sean precisas tcnicamente para el ejercicio de los derechos en otros medios y formatos. Todos los derechos no concedidos
75
expresamente por el licenciador quedan reservados, incluyendo, a ttulo enunciativo pero no limitativo, los derechos morales irrenunciables reconocidos por la ley aplicable. En la medida en que el licenciador ostente derechos exclusivos previstos por la ley nacional vigente que implementa la directiva europea en materia de derecho sui generis sobre bases de datos, renuncia expresamente a dichos derechos exclusivos.
C.4. Restricciones
La concesin de derechos que supone esta licencia se encuentra sujeta y limitada a las restricciones siguientes:
a. Usted puede reproducir, distribuir o comunicar pblicamente la obra o prestacin solamente bajo los trminos de esta licencia y debe incluir una copia de la misma, o su Identicador Uniforme de Recurso (URI). Usted no puede ofrecer o imponer ninguna condicin sobre la obra o prestacin que altere o restrinja los trminos de esta licencia o el ejercicio de sus derechos por parte de los concesionarios de la misma. Usted no puede sublicenciar la obra o prestacin. Usted debe mantener intactos todos los avisos que se reeran a esta licencia y a la ausencia de garantas. Usted no puede reproducir, distribuir o comunicar pblicamente la obra o prestacin con medidas tecnolgicas que controlen el acceso o el uso de una manera contraria a los trminos de esta licencia. Esta seccin 4.a tambin afecta a la obra o prestacin incorporada en una coleccin, pero ello no implica que sta en su conjunto quede automticamente o deba quedar sujeta a los trminos de la misma. En el caso que le sea requerido, previa comunicacin del licenciador, si usted incorpora la obra en una coleccin y/o crea una obra derivada, deber quitar cualquier crdito requerido en el apartado 4.c, en la medida de lo posible.
b. Usted puede distribuir o comunicar pblicamente una obra derivada en el sentido de esta licencia solamente bajo los trminos de la misma u otra licencia equivalente. Si usted utiliza esta misma licencia debe incluir una copia o bien su URI, con cada obra derivada que usted distribuya o comunique pblicamente. Usted no puede ofrecer o imponer ningn trmino respecto a la obra derivada que altere o restrinja los trminos de esta licencia o el ejercicio de sus derechos por parte de los concesionarios de la misma. Usted debe mantener intactos todos los avisos que se reeran a esta licencia y a la ausencia de garantas cuando distribuya o comunique pblicamente la obra derivada. Usted no puede ofrecer o imponer ningn trmino respecto de las obras derivadas o sus transformaciones que alteren o restrinjan los trminos de esta licencia o el ejercicio de sus derechos por parte de los concesionarios de la misma. Usted no puede reproducir, distribuir o comunicar pblicamente la obra derivada con medidas tecnolgicas que controlen el acceso o uso de la obra de una manera contraria a los trminos de esta licencia. Si utiliza una licencia equivalente debe cumplir con los requisitos que sta establezca cuando distribuya o comunique pblicamente la obra derivada. Todas estas condiciones se aplican a una obra derivada en tanto que incorporada a una coleccin, pero no implica que sta tenga que estar sujeta a los trminos de esta licencia.
76
c. Si usted reproduce, distribuye o comunica pblicamente la obra o la prestacin, una coleccin que la incorpore o cualquier obra derivada, debe mantener intactos todos los avisos sobre la propiedad intelectual e indicar, de manera razonable conforme al medio o a los medios que usted est utilizando:
i. El nombre del autor original, o el seudnimo si es el caso, as como el del titular
originario, si le es facilitado.
ii. El nombre de aquellas partes (por ejemplo: institucin, publicacin, revista) que
el titular originario y/o el licenciador designen para ser reconocidos en el aviso legal, las condiciones de uso, o de cualquier otra manera razonable.
iii. El ttulo de la obra o la prestacin si le es facilitado. iv. El URI, si existe, que el licenciador especique para ser vinculado a la obra o la
prestacin, a menos que tal URI no se reera al aviso legal o a la informacin sobre la licencia de la obra o la prestacin.
v. En el caso de una obra derivada, un aviso que identique la transformacin de
la obra en la obra derivada (p. ej., traduccin castellana de la obra de Autor Original, o guin basado en obra original de Autor Original ).
Este reconocimiento debe hacerse de manera razonable. En el caso de una obra derivada o incorporacin en una coleccin estos crditos debern aparecer como mnimo en el mismo lugar donde se hallen los correspondientes a otros autores o titulares y de forma comparable a los mismos. Para evitar la duda, los crditos requeridos en esta seccin slo sern utilizados a efectos de atribucin de la obra o la prestacin en la manera especicada anteriormente. Sin un permiso previo por escrito, usted no puede armar ni dar a entender implcitamente ni explcitamente ninguna conexin, patrocinio o aprobacin por parte del titular originario, el licenciador y/o las partes reconocidas hacia usted o hacia el uso que hace de la obra o la prestacin.
d. Para evitar cualquier duda, debe hacerse notar que las restricciones anteriores (prrafos 4.a, 4.b y 4.c) no son de aplicacin a aquellas partes de la obra o la prestacin objeto de esta licencia que nicamente puedan ser protegidas mediante el derecho sui generis sobre bases de datos recogido por la ley nacional vigente implementando la directiva europea de bases de datos
C.5. Exoneracin de responsabilidad

A MENOS QUE SE ACUERDE MUTUAMENTE ENTRE LAS PARTES, EL LICENCIADOR OFRECE LA OBRA O LA PRESTACIN TAL CUAL (ON AN AS-IS BASIS) Y NO CONFIERE NINGUNA GARANTA DE CUALQUIER TIPO RESPECTO DE LA OBRA O LA PRESTACIN O DE LA PRESENCIA O AUSENCIA DE ERRORES QUE PUEDAN O NO SER DESCUBIERTOS. ALGUNAS JURISDICCIONES NO PERMITEN LA EXCLUSIN DE TALES GARANTAS, POR LO QUE TAL EXCLUSIN PUEDE NO SER DE APLICACIN A USTED.
77
C.6. Limitacin de responsabilidad

SALVO QUE LO DISPONGA EXPRESA E IMPERATIVAMENTE LA LEY APLICABLE, EN NINGN CASO EL LICENCIADOR SER RESPONSABLE ANTE USTED POR CUALESQUIERA DAOS RESULTANTES, GENERALES O ESPECIALES (INCLUIDO EL DAO EMERGENTE Y EL LUCRO CESANTE), FORTUITOS O CAUSALES, DIRECTOS O INDIRECTOS, PRODUCIDOS EN CONEXIN CON ESTA LICENCIA O EL USO DE LA OBRA O LA PRESTACIN, INCLUSO SI EL LICENCIADOR HUBIERA SIDO INFORMADO DE LA POSIBILIDAD DE TALES DAOS.
C.7. Finalizacin de la licencia

a. Esta licencia y la concesin de los derechos que contiene terminarn automticamente en caso de cualquier incumplimiento de los trminos de la misma. Las personas o entidades que hayan recibido de usted obras derivadas o colecciones bajo esta licencia, sin embargo, no vern sus licencias nalizadas, siempre que tales personas o entidades se mantengan en el cumplimiento ntegro de esta licencia. Las secciones 1, 2, 5, 6, 7 y 8 permanecern vigentes pese a cualquier nalizacin de esta licencia. b. Conforme a las condiciones y trminos anteriores, la concesin de derechos de esta licencia es vigente por todo el plazo de proteccin de los derechos de propiedad intelectual segn la ley aplicable. A pesar de lo anterior, el licenciador se reserva el derecho a divulgar o publicar la obra o la prestacin en condiciones distintas a las presentes, o de retirar la obra o la prestacin en cualquier momento. No obstante, ello no supondr dar por concluida esta licencia (o cualquier otra licencia que haya sido concedida, o sea necesario ser concedida, bajo los trminos de esta licencia), que continuar vigente y con efectos completos a no ser que haya nalizado conforme a lo establecido anteriormente, sin perjuicio del derecho moral de arrepentimiento en los trminos reconocidos por la ley de propiedad intelectual aplicable.
C.8. Miscelnea
a. Cada vez que usted realice cualquier tipo de explotacin de la obra o la prestacin, o de una coleccin que la incorpore, el licenciador ofrece a los terceros y sucesivos licenciatarios la concesin de derechos sobre la obra o la prestacin en las mismas condiciones y trminos que la licencia concedida a usted. b. Cada vez que usted realice cualquier tipo de explotacin de una obra derivada, el licenciador ofrece a los terceros y sucesivos licenciatarios la concesin de derechos sobre la obra objeto de esta licencia en las mismas condiciones y trminos que la licencia concedida a usted. c. Si alguna disposicin de esta licencia resulta invlida o inaplicable segn la Ley vigente, ello no afectar la validez o aplicabilidad del resto de los trminos de esta licencia y, sin ninguna accin adicional por cualquiera las partes de este acuerdo, tal disposicin se entender reformada en lo estrictamente necesario para hacer que tal disposicin sea vlida y ejecutiva.
78
d. No se entender que existe renuncia respecto de algn trmino o disposicin de esta licencia, ni que se consiente violacin alguna de la misma, a menos que tal renuncia o consentimiento gure por escrito y lleve la rma de la parte que renuncie o consienta. e. Esta licencia constituye el acuerdo pleno entre las partes con respecto a la obra o la prestacin objeto de la licencia. No caben interpretaciones, acuerdos o condiciones con respecto a la obra o la prestacin que no se encuentren expresamente especicados en la presente licencia. El licenciador no estar obligado por ninguna disposicin complementaria que pueda aparecer en cualquier comunicacin que le haga llegar usted. Esta licencia no se puede modicar sin el mutuo acuerdo por escrito entre el licenciador y usted.
C.9. Aviso de Creative Commons

Creative Commons no es parte de esta licencia, y no ofrece ninguna garanta en relacin con la obra o la prestacin. Creative Commons no ser responsable frente a usted o a cualquier parte, por cualesquiera daos resultantes, incluyendo, pero no limitado, daos generales o especiales (incluido el dao emergente y el lucro cesante), fortuitos o causales, en conexin con esta licencia. A pesar de las dos (2) oraciones anteriores, si Creative Commons se ha identicado expresamente como el licenciador, tendr todos los derechos y obligaciones del licenciador.
Salvo para el propsito limitado de indicar al pblico que la obra o la prestacin est licenciada bajo la CCPL, ninguna parte utilizar la marca registrada Creative Commons o cualquier marca registrada o insignia relacionada con Creative Commons sin su consentimiento por escrito. Cualquier uso permitido se har de conformidad con las pautas vigentes en cada momento sobre el uso de la marca registrada por Creative Commons, en tanto que sean publicadas su sitio web (website) o sean proporcionadas a peticin previa. Para evitar cualquier duda, estas restricciones en el uso de la marca no forman parte de esta licencia.
Puede contactar con Creative Commons en:
http://creativecommons.org/.
Bibliografa
[1] (ltima consulta Mayo 2013) Django FAQ. [Online]. Available: https: //docs.djangoproject.com/en/dev/faq/general/#django-appears-to-be-a-mvc-\ framework-but-you-call-the-controller-the-view-and-the-view-the-template-how-\ come-you-don-t-use-the-standard-names [2] (ltima tics consulta Julio 2012). 2013) 216 social media and internet statis-
(september
[Online].
Available:
http://thesocialskinny.com/
216-social-media-and-internet-statistics-september-2012/ [3] (ltima consulta Julio 2013) Dashboards sobre versiones de la plataforma Android. [Online]. Available: http://developer.android.com/about/dashboards/index.html [4] (ltima consulta Mayo 2013) Google Cloud Messaging for Android. [Online]. Available: http://developer.android.com/google/gcm/index.html [5] (ltima consulta Mayo 2013) Android developer. [Online]. Available: http:
//developer.android.com [6] (ltima consulta Mayo 2013) Python documentation. [Online]. Available:
http://developer.android.com [7] (ltima consulta Septiembre 2013) Git Website. [Online]. Available: http:
//git-scm.com [8] (ltima consulta Mayo 2013) HighCharts. [Online]. Available: http://www.
highcharts.com/ [9] (ltima consulta Mayo 2013) Apache documentation. [Online]. Available:
http://httpd.apache.org/docs/ [10] (ltima consulta Mayo 2013) Curso de desarrollo en Android para dispositivos mviles. Moodle ETSIT URJC. [Online]. Available: http://docencia.etsit.urjc.es/ moodle/course/view.php?id=186 [11] (ltima consulta Mayo 2013) Pusher. [Online]. Available: http://pusher.com/ tutorials/html5_realtime_push_notications
79
ndice de guras
2.1. Compatilibilidad de los principales navegadores con HTML5. Junio de 2013. Fuente: http://caniuse.com 2.2. . . . . . . . . . . . . . . . . . . . . . . 7
Diagrama explicativo del protocolo de registro y envo de mensajes de GCM. Fuente: http://www.sgoliver.net . . . . . . . . . . . . . . . . . . 10
2.3.
Cuota de mercado de los principales sistemas operativos mviles. Principales sistemas operativos mviles en junio de 2013 en Espaa. Fuente: http://gs.statcounter.com . . . . . . . . . . . . . . . . . . . . . . . . . . 13
3.1.
Cunto tiempo empleamos en el uso de nuestro telfono mvil? Fragmento de la infografa
The Growth of Mobile Marketing and Tagging. Fuente:

a nuestro telfono mvil? Fragmento de la
http://tag.microsoft.com/ 3.2. Qu uso damos
. . . . . . . . . . . . . . . . . . . . . . . . . . in-
18
fografa
The Growth of Mobile Marketing and Tagging.
Fuente: 18 19 26 28 28 29 30 30 31
http://tag.microsoft.com/ 3.3. 3.4. 3.5. 3.6. 3.7. 3.8. 3.9.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Esquema general del diseo del sistema.
Diseo esquemtico de la interfaz web. . . . . . . . . . . . . . . . . . . . Pgina de acceso. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Pginas de registro. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Pgina de inicio para un profesor. . . . . . . . . . . . . . . . . . . . . . . Ejemplos de mens desplegables. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
3.10. Formulario para la creacin de nuevas preguntas.
3.11. Grca del tiempo de uso de aplicaciones de entretenimiento por un alumno. 31 3.12. Grca del tipo de preguntas realizadas por cada alumno. . . . . . . . . 32 32 32 33 33 34 36
3.13. Grca nmero de aciertos y fallos por cada alumno. . . . . . . . . . . . 3.14. Grca
ranking.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
3.15. Otras funcionalidades ofrecidas por las grcas. . . . . . . . . . . . . . .
lecciones. . . 3.17. Vista de la seccin comentarios.

3.16. Vista de la seccin 3.19.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
3.18. Diseo esquemtico de la aplicacin mvil. . . . . . . . . . . . . . . . . .
Dashboards Android Developers.
Grca con informacin sobre el por-
centaje de uso de las distintas versiones de la plataforma
Android. Fuente:
http://developer.android.com/about/dashboards/index.html 3.20. Acceso y registro en la aplicacin
Android.
. . . . . .
36 37 38
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
3.21. Men para la matriculacin de asignaturas.
81
82
/ NDICE DE FIGURAS
3.22. Men principal de la aplicacin
Android.
. . . . . . . . . . . . . . . . . .
3.23. Ventana con informacin bsica sobre la aplicacin
Android.
38 39
. . . . . . .
3.24. Proceso seguido desde que un usuario enva una pregunta a un compaero
Android. 3.26. Noticacin y consulta de avisos en la aplicacin Android. . . .

3.25. Pestaa con las preguntas respondidas en la aplicacin 4.1.
hasta que ste la responde. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
40 42 42 44 50
3.27. Noticacin de uso excesivo de aplicaciones de ocio en la aplicacin Comentarios realizados por los alumnos en una de las asignaturas.
Android.
. . .

JavierSuela SistemaSocialDeELearning

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

JavierSuela SistemaSocialDeELearning

Uploaded by

Copyright:

Available Formats

u

Universidad Rey Juan Carlos

Escuela Tcnica Superior de Ingeniera de Telecomunicacin

Proyecto Fin de Carrera

Autor: Javier Suela Plaza Tutor: Gregorio Robles Martnez

Curso Acadmico 2013/2014

Proyecto Fin de Carrera

y habiendo obtenido la siguiente Calificacin:

A mis padres y mi hermana

A todos vosotros, gracias.

Google Cloud Messaging for Android . . . . . . . . . . . . . . . .

Python y Django . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2.4.1. 2.4.2. Python . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Control de versiones 2.5.1. GitHub

Implementacin . . . . . . . . . . . . . . . . . . . . . . . . . . . . Servidor web . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Diseo e implementacin del cliente web . . . . . . . . . . . . . . . . . . 3.4.1. Introduccin . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

3.4.2. 3.4.3. 3.5.

Diseo de la interfaz web

Implementacin de la interfaz web

Servicios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3.6.1. Servicio

Conclusiones del diseo e implementacin

Apndices A. Resultados de la encuesta B. Publicacin del cdigo C. Licencia Creative Commons

C.5. Exoneracin de responsabilidad . . . . . . . . . . . . . . . . . . . . . . . C.6. Limitacin de responsabilidad . . . . . . . . . . . . . . . . . . . . . . . . C.7. Finalizacin de la licencia . . . . . . . . . . . . . . . . . . . . . . . . . .

C.8. Miscelnea . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . C.9. Aviso de Creative Commons . . . . . . . . . . . . . . . . . . . . . . . . .

Bibliografa ndice de guras

Entre ellas las ms consumidas por

estamos llegando a un punto en el que slo asociamos

La solucin propuesta se ha desarrollado para terminales

aprendizaje electrnico mvil, tambin conocido como

As pues, podemos denir dos objetivos nales:

Conseguir que el usuario aprenda o repase conceptos de forma entretenida.

Disponer de una aplicacin

para la monitorizacin de los alumnos, obte-

niendo datos de tiempos de conexin a aplicaciones de entretenimiento.

Disponer de una aplicacin

para recibir preguntas y enviar respuestas.

Tambin podemos marcar como objetivos imprescindibles el aprendizaje de programacin en

Android, el uso de herramientas como HighCharts o Google Cloud Messaging,

AT X. as como aprender a escribir en L E

1.3. Estructura de la memoria

Estado de la ciencia se describir de forma breve las principales tec-

Diseo e implementacin se tratar de presentar y explicar la arqui-

tectura completa de la aplicacin desarrollada. En

Despliegue y resultados se presentar las pruebas realizadas con los correspondienConclusiones

2.1. Aplicaciones Cliente-Servidor

/ Estado de la ciencia (C. 2)

Por qu una aplicacin Cliente-Servidor?

manteniendo los datos e informacin en el servidor.

2.2. Tecnologas web

Hyper Text Markup Language.

que amplan y mejoran su capacidad original.

HTML 4.1 es una especicacin del lenguage HTML aprobada por el

Si observamos la gura 2.1, en la seccin

podemos comprobar como ningn

Cascading Style Sheet ) o estilos

/ Estado de la ciencia (C. 2)

Por qu HTML y CSS?

El desarrollo de aplicaciones mviles para el sistema operativo podemos hacerlo a travs

para facilitar el trabajo. Junto la

del ao 2007. Cada versin del sistema operativo

y conlleva el uso excesivos de recursos, y la posibilidad de que se

produzca una noticacin y transcurra demasiado tiempo hasta su consulta.

Para dar solucin a este problema de utilizar noticaciones

push, o lo que es lo mismo, el servidor va a ser el que iniciar

Bibliografa ndice de guras

As pues, podemos denir dos objetivos nales:

HTML 4.1 es una especicacin del lenguage HTML aprobada por el

Si observamos la gura 2.1, en la seccin

produzca una noticacin y transcurra demasiado tiempo hasta su consulta.

Para dar solucin a este problema de utilizar noticaciones

el proceso de noticacin, pudiendo de esta forma noticar en el mismo instante en el

Idea y diseo nal del sistema / 19

3.2. Idea y diseo nal del sistema

Se deni que la aplicacin mvil

La aplicacin tambin dispone de una seccin en la cual el usuario, mediante noticaciones

Idea y diseo nal del sistema / 21

Ranking puntos: forma grca de consultar el