martes, 16 de diciembre de 2014

Juegos Serios Educativos

Los juegos serios (Serius games o games for Impact) se centran en el diseño, desarrollo, aplicación y uso de los juegos para otros fines que no son sólo el entretenimiento.

En la siguiente presentación profundizo en mayor medida en este tema.



Actualmente sabemos que el aprendizaje se ve reforzado a través del juego y en este ámbito se ha creado una serie de "Minijuegos" a través de la APP nativa para dispositivos Android que se ha desarrollado.




Está APP provee a los usuarios la capacidad de comunicarse con sus docentes y compañeros a través del denominado Chat Social.

Pero adicional al componente de comunicación se ha proveído la capacidad de aprender mientras se juega, a través de tres "Minijuegos":

¿Quién quier ser estudioso?




Este juego está ambientando en el Popular juego "¿Quién quiere se millonario?"  en este se le plantean una serie de inquietudes a los usuarios, las cual tienen que ver con sus asignaturas, de está manera alguna de las preguntas que responden pueden ser parte de algún cuestionario que en algún momento se les plantee.

El juego cuneta con las ayudas propias del juego como:


  • 50/50
  • Ayuda del público.
  • Cambiar de Pregunta. 



Así como un ranking de puntuación en donde se muestran los resultados de los usuarios, debido a que en el juego se les entrega una calificación en funciona de las preguntas que conteste.


Triqui UMB (Tic Tac Toe)


Juego en el cual el usuario buscará hacer "Triqui", la variante de este juego está relacionada al planteamiento de preguntas cuando el usuario hace la jugada, si la pregunta es contestada correctamente se marcará la jugada de lo contrario se le dará la oportunidad al otro jugador.

La actividad cuenta con 05 Modos de juego.

  1. Usuario Vs PC con preguntas.
  2. Usuario Vs PC sin preguntas.
  3. Usuario Vs PC con Inteligencia artificial (MiniMax) con preguntas .
  4. Usuario Vs PC con Inteligencia artificial (MiniMax) sin preguntas .


El quinto modo tiene que ver con la posibilidad de jugar don jugador en tiempo real, haciendo uso para tal fin de WebSockets.


Permitiendo de esta manera que el juego se desarrolle cooperativamente, y buscando la competencia entre los usuarios, ya que por cada jugada se deberá contestar una pregunta.


El laberinto




Esta actividad tiene como objetivo llevar una esfera de un punto a un hoyo final, a través de un escenario que cuenta con otros hoyos, el usuario al caer en uno de estos se le planteará una pregunta, si responde correctamente la misma, el hoyo desaparecerá, de lo contrario cambiará de color y si el usuario vuelve a caer en el mismo hoyo, perderá.

Este juego ha sido desarrollado haciendo uso de la librería conocida como Phaser.js, siguiendo el manual "Introduction to HTML5 Game Development with Phaser and the Device Orientation API" en el cual se plantea el desarrollo de este juego, haciendo uso para su movimiento de la orientación del dispositivo (acelerómetro)

Para esta actividad se desarrollo un editor de escenario con el cual es posible crear una gran variedad de mundos.


Como se dijo la dinámica del juego tiene un componente educativo debido a que el usuario deberá contestar preguntas en el caso que caiga en un hoyo no válido.




Estas actividades han ayudado a los usuarios a reforzar los conocimientos adquiridos en las asignaturas que se encuentren a través de los juegos.

Aún existe una gran cantidad de juegos que pueden ser aprovechados en los dispositivos móviles, estos tres son un ejemplo de ello.

Tecnología.

La APP está dentro de la categoría de las aplicaciones híbridas en la cual se hace uso de un componente nativo para interactuar con el dispositivo y un entorno web (WebView).

Esto ha permitido hacer uso de los estándares web para tal fin, haciendo uso de HTML5/CSS3/Javascript y nuevas tecnologías como Canvas y WebSockets


"Los juegos proporcionan un ambiente motivador y envolvente donde los jugadores "aprenden haciendo" a través de sus propios errores, gracias a desafíos adecuados a su nivel de competencia y a una retroalimentación constante."


Gracias.

Jorge Rubiano.

miércoles, 16 de julio de 2014

Vídeo llamadas Versión Móvil

Las nuevas tecnologías web han permitido el desarrollo de aplicaciones que antes requerían de software adicional (plugins) para su creación.

He tenido la fortuna de hacer uso de estás nuevas tecnologías, como WebSockets o WebRTC, ésta última representa una gran oportunidad para crear aplicaciones que ofrezcan un sistema de comunicación en tiempo real, enviado vídeo, audio y datos punto a punto.

Otro campo importante es la creación de aplicaciones para dispositivos móviles, destacándose tres categorías para lograrlo como son:

appsillustrated_nativewebhybrid.jpg



  1. Aplicaciones Nativas: Se construyen para una plataforma específica y con un lenguaje específico (por ejemplo, xCode / Objective-C ó Swift para iOS, Eclipse / Java para Android, Visual Studio / C # para Windows Phone).
  2. Aplicaciones Web (Web App): Es una versión de la web optimizada para su perfecta visualización en dispositivos móviles utilizando HTML5, CSS3 y Javascript.
  3. Aplicaciones Híbridas: Al igual que las aplicaciones nativas, se ejecutan en el dispositivo, están escritas con tecnologías web (HTML5, CSS3 y JavaScript), éstas aplicaciones son ejecutadas en un contenedor nativo denominado WebView. Por ser una aplicación que se ejecuta en el dispositivo puede tener acceso a APIS nativas del mismo como el Acelerómetro, notificaciones, almacenamiento local, funcionamiento offline, entre otras opciones.
native-v-hybrid.png

Anteriormente ya se ha realizado una aplicación móvil haciendo uso del tipo de aplicaciones Web o web APP, entregando opciones como:

  • Vista de contenidos.
  • Correo electrónico.
  • Calendario.
  • Vista de calificaciones.
  • Participantes del curso.
  • Y el sistema de Chat.
Éste último hace uso de WebSockets, en combinación de Node.js/Socket.io para su funcionamiento, a este sistema se le ha adicionado una nueva opción la cual es vídeo llamadas.

Con este sistema los usuarios de la versión móvil tiene la capacidad de establecer una vídeo llamada con los usuarios de la versión de escritorio y viceversa..





Para hacer esto posible se hace uso de WebRTC, tecnología que está presente en el mundo móvil de Android en Navegadores como Chrome y firefox.

Para el funcionamiento del sistema primero se establece si el usuario móvil tiene las capacidades para realizar el proceso, en este caso tan sólo en Android es posible realizarlo, igualmente en el escritorio los navegadores Chrome, Firefox y Opera permiten WebRTC, si se cumplen estas condiciones los usuarios podrán entablar su vídeo llamada:

  • De un equipo de escritorio a otro equipo.
  • De un equipo de escritorio a un móvil.
  • De un móvil a un equipo de escritorio
  • De un móvil a otro.






Próximas versiones.

Hoy en día las nuevas tecnologías web mejoran a pasos "agigantados" y en los dispositivos móviles igualmente, tecnologías como ServiceWorker, traen nuevas opciones para desarrollar y dotar a aplicaciones web (Web Apps) a la par de aplicaciones nativas.

Esta y otras tecnologías mejoran de forma considerable, pero aún dependen del navegador, un enfoque para una futura versión es la de hacer uso del tipo de aplicaciones Híbridas, que permiten hacer uso de lo mejor de los dos mundos, Phonegap, Xamarin, entre otros aprovechan está ventaja, dando la posibilidad de desarrollar en un sólo lenguaje y desplegar para diferentes dispositivos.

Por el momento tecnologías como WebRTC no están disponibles en todos los WebViews de Android (Sabemos que en iOS la inclusión de estás tecnologías aún están en veremos), pero en las actuales versiones de Android como Kitkat o "L" está disponible.


Esto abre una posibilidad de creación de sistemas híbridos que aprovechan aún más las capacidades nativas que ofrece el dispositivo.

jueves, 10 de abril de 2014

VirtualNet 2.0 - Mobile: Nuevas Funcionalidades

VirtualNet 2.0, es un sistema que cuenta con una versión para dispositivos móviles haciendo uso de una WebApp instalada, más no nativa.

En está WebApp, los usuarios pueden consultar información, como correo electrónico, notificaciones, hoja de calificaciones y ver contenido desplegado para este tipo de dispositivos.

Recientemente se han adicionado nuevas herramientas de comunicación para los usuarios como son:


  • Envío/respuesta de correos electrónicos.
  • Sistema de comentarios sobre los contenidos.
  • Sistema de Chat Social.

Envío/respuesta de correos electrónicos


El usuario podrá leer correos electrónicos del aula en que se encuentre, también podrá enviar nuevos correos y responder a otros correos.



Se podrá seleccionar múltiples usuarios para realizar  el envío, también se puede ver la cantidad de correos pendientes por leer, así como el número de correos enviados, por si se desea reenviar un correo.

Sistema de comentarios sobre los contenidos.

Cada contenido en el sistema podrá ser comentado por los usuarios, a su vez un comentario puede ser comentado, los usuarios tendrán un máximo de 400 caracteres para expresar sus opiniones.


El tipo de contenidos que es posible publicar van desde imágenes hasta vídeos, esto depende de las capacidades del navegado móvil en que se esté desplegando la aplicación.

Sistema de Chat Social.

Una de las herramientas de comunicación más importante con la que cuenta el sistema VirtualNet 2.0, es el relacionado al Chat Social, el cual permite realizar varias acciones como la comunicación pública, privada, grupal y a través de vídeo llamadas de los participantes de un aula, se ha llevado parte de esa experiencia a la versión móvil.

Seleccionar usuarios:



En la versión móvil los usuarios podrán entablar conversaciones tanto públicas como privadas, seleccionado el usuario o grupo (Chat Público) en el que quiera conversar, está conversación puede realizarla con otro usuario que se encuentre en otro móvil o en un equipo de escritorio.

Notificaciones.


Se mantiene el número de conversaciones enviadas a un usuario que estaba offline o que estaba conversando con otro usuario en el momento de recibir el mensaje, a través de la opción de notificaciones se muestra la sumatoria  de conversaciones pendientes, así como la cantidad por cada usuario.

Cambio de Estado



Un usuario puede establecer el tipo de estado en que se encuentra, podrá igualmente conversar con otros usuarios estando en estado "Inactivo".

Ir a otras salas (Cursos) de Chat


Es muy común que un usuario cuente con más de un curso, debido a que los chat se manejan a través de salas, en las cuales sólo las personas que hacen parte de un determinado grupo puede conversar entre si, para poder conversar en otros usuarios de otros cursos, el usuario podrá elegir el curso e ingresar a la conversación del mismo.

Estas nuevas funcionalidades buscan entregarle al usuario un mayor nivel de interactividad con sus compañeros del aula a través de los dispositivos móviles, debido a que es un WebAPP, ésta tan sólo requiere que el navegador web donde se despliegue cuente con los últimos estándares web (HTML5/CSS3/Javascript).

La tecnología detrás del chat es la misma utilizada para versión de escritorio, en esta se hace uso de los denominados WebSockets, así como el entrono de programación Node.js

En versiones posteriores se busca realizar aplicaciones nativas que aprovechen más aún los recursos que ofrecen en este tipo de dispositivos móviles.

Jorge Rubiano