Camaleon : Controles a Partir de Imágenes

Continuando con el desarrollo del proyecto Nodos (Ambiente Distribuidos para la Creación Colaborativa) se han realizado pruebas para que la aplicación Camaleon (Interface Multimodal para Controlar Servicios Multimedia) dibuje los controles a partir de imágenes, lo cual permite crear diferentes aspectos de los controles y adicionando la posibilidad de crear temas que dibujen los controles con diferentes aspectos.

Repositorio : 

Para el desarrollo de esta nueva característica se creo una rama dentro el repositorio de fuentes del proyecto (camaleon/branches/visualizacion)  que contiene las versiones para Java, Android e iOS a las cuales se les adicionara la nueva visualización, Ver Repositorio

Desarrollo :

Se adiciono la clase NO2ImageControlsRender que hereda de la clase NO2BasicControlsRender que actualmente se encarga del dibuja de los controles, esto con el fin de usar el dibujado básico de controles cuando no exista todavía la versión con imágenes, estas clases a su vez implementan la interface NO2ControlsRender que contiene la definicion de los metodos para el dibujado de los controles.

La clase NO2ImageControlsRender es la encargada de cargar las imágenes a utilizar al momento de pintar los controles, por el momento se están cargando las imágenes como recursos dentro de un paquete de la aplicación (resources/skin1) el cual debe ir incluido en el archivo .jar de la aplicación, pero se debe pensar en un futuro en cargar dinamicamente un archivo con el "tema" desde una ubicación especifica. Actualmente se han realizado pruebas con los controles PushButton, ToggleButton y el Slider con una propuesta visual desarrollada por el grupo de Diseño Visual de la Universidad de Caldas dentro del Laboratorio Sensor. Para las pruebas iniciales simplemente se cambio la asignación del render en NO2Player para que use el render basado en imágenes.

Se realizaron los mismos cambios en la versión Android de la aplicación donde también se adicionaron las imágenes a usar como un paquete  y se implemento la carga de las imágenes usando la clase Bitmap, se uso inicialmente solo la visualización de la imagen para el control PushButton.

Camaleon : Controles como Imagenes en Android

Tareas : 

• Especificar por cada control las imágenes a usar, con sus partes y tamaños para evitar que los controles pierdan el aspecto cuando se modifica su tamaño.
• Adicionar pruebas para los controles adicionales para probar su funcionamiento.

Enlaces : 

• Pagina Oficial del Proyecto
  http://www.sensorlab.org/nodos

Vivox es una compañía americana que desde su nacimiento en el 2005 viene trabajando con soluciones de voz sobre IP y que en el 2007 realizo una alianza con SecondLife para proveer el servicio de voz para este mundo virtual.

Gracias a la popularidad que han tenido los mundos virtuales basados en OpenSim, la compañia Vivox comenzó a proveer el servicio a los proveedores de mundos virtuales y ahora es posible solicitar el servicio de voz para nuestro propio mundo virtual, solamente nos debemos registrar y recibiremos una cuenta en los servidores de Vivox y las instrucciones para adicionar el servicio a nuestro mundo virtual.

Solicitud del Servicio en Vivox :

• Solicitar el servicio de Voz Gratuito para Mundos Virtuales aquí :
  http://support.vivox.com/opensim
• En el correo que se registro llega un enlace para confirmar la solicitud
• Después de confirmar la dirección de correo llega un correo con la información de configuración de Vivox

Configuración de OpenSim :

• Si tenemos un solo servidor es muy sencillo
• Editar el archivo OpenSim.ini
• Al final del archivo adicionar la información de configuración enviada por Vivox
• Ejemplo (cambiar el usuario y la clave por los suministrados por Vivox) :
  [VivoxVoice]
  enabled = true
  vivox_server = www.osp.vivox.com
  vivox_sip_uri = osp.vivox.com
  vivox_admin_user = <usuario>
  vivox_admin_password = <clave>
• Reiniciar el servidor de OpenSim

Nota :

• Siendo Vivox el servicio de voz usado por SecondLife este posee todas las características de espacializacion que otros servicios no ofrecen ademas de integrase muy bien con los visores.
• Esta solución funciona muy bien si nuestro servidor y clientes tienen acceso a Internet, si estamos en una red privada sin acceso a Internet podemos usar FreeSwitch como solución alternativa

Enlaces :

• Pagina Oficial de Vivox
  http://www.vivox.com
• Noticia con el anuncio del servicio gratuito de Vivox
  http://www.hypergridbusiness.com/2011/12/free-vivox-for-all

Diva Distribution es una version especial de OpenSim (la version libre del servidor de mundos virtuales compatible con Second Life) que adiciona una interface web que permite la administración básica de un servidor desde un navegador, permitiendo acceder a información como el numero de usuarios que están actualmente en el mundo virtual, el numero de regiones, el numero total de usuarios, la cantidad de usuarios activos los últimos 30 días, como también permite el registro de nuevos usuarios, obtener información del inventario.

En este caso estaremos instalado una version completa de Diva la cual contiene el OpenSim y esta pre configurada para crear cuatro regiones por defecto, también existe una version que se puede instalar sobre un servidor de OpenSim que se tenga con anterioridad o también puede ser configurada para administrar toda una Grid de servicios basada en OpenSim.

Interface Web de Diva para OpenSim

Pasos de Instalación :

• Abrir una terminal en el servidor donde se quiere instalar y entrar como super usuario
• Instalar Mono si no se tiene instalado
  sudo apt-get install libmono-microsoft8.0-cil libmono-sqlite2.0-cil mono-gmcs libmono-system-web2.0-cil
• Instalar MySQL si no se tiene instalado
  sudo apt-get install mysql-server
  Asignar la clave de administrador
• Crear la base de datos y el usuario opensim, ejecutando los siguientes comandos :
  mysql -u root -p
  create database opensim;
  grant usage on *.* to opensim@localhost identified by 'opensim';
  grant all privileges on opensim.* to opensim@localhost ;
  \q
• Crear un usuario donde se instalara el software de OpenSim y suministrar la clave y demás datos :
  sudo adduser opensim
• Autenticarse como el usuario recién creado y suministrar la clave :
  su - opensim
• Descargar la distribucion de Diva de la pagina oficial de OpenSim
  esta en la pagina principal al lado derecho en la lista de Downloads
  http://opensimulator.org
  en nuestro caso descargaremos la version Diva distro (0.7.3). Binary, all OSs
• Ejecutar el siguiente comando para descargar dicha version
  wget https://github.com/downloads/diva/d2/diva-r18222-c.zip
• Descomprimir el archivo
  unzip diva-r18222-c.zip
• Cambiar el nombre del directorio a diva
  mv diva-r18222-c diva
• Ir al directorio de archivos binarios
  cd diva/bin
• Configurar el servidor ejecutando el comando
  mono Configure.exe
• Suministrar :
• Nombre de la base de datos : opensim
• Nombre del usuario de la base de datos : opensim
• Clave del usuario de la base de datos
• IP del servidor
• Plataforma en la que ejecutamos el servidor (2 para Linux)
• Nombre administrador de Wifi : wifi
• Apellido administrador de Wifi : admin
• Clave del administrador de Wifi
• Email del administrador de Wifi : opensim@localhost.com
• Modo de creacion de las cuentas
  o (Abierto), c (Controlado)
• Nombre del usuario en GMail para la notificacion
• Clave del usuario de GMail
• Ejecutar la primera vez el servidor de OpenSim para crear la base de datos y las regiones
  mono OpenSim.exe
• Suministrar .
• Nombre del Estado : OpenSim Estate
• Nombre del Administrador : opensim
• Clave del Administrador : admin
• Email del Administrador : opensim@localhost.com
• Asignar el estado OpenSim Estate a las cuatro regiones creadas por Diva
• Al terminar la instalacion se debe observar la consola de administracion del servidor
  Region (root) #
• Entrada al portal web, abrir la dirección en su navegador favorito :

  http://<IpServidor>:9000/wifi

• Descargue su visor de OpenSim favorito y recuerde usar la URL del servidor recién creado

Enlaces de Diva

Acceso al Inventario

Creacion de Usuario desde Web

Creación del Script de Inicio del Servidor :

• Si se quiere que el servidor se inicie de forma automática cada vez que se encienda la maquina se debe crear un script de inicio para el servicio
• Crear el archivo con el script para iniciar el servidor
  sudo vi /etc/init.d/opensim
• Copiar en el archivo los siguientes comandos
  #!/bin/bash
  cd /home/opensim/diva/bin/
  screen -d -S OpenSim.exe -m /usr/bin/mono OpenSim.exe
• Volver ejecutable el archivo
  sudo chmod +x /etc/init.d/opensim
• Habilitar el servicio para que este se inicie automaticamente cuando se ejecuta el servidor
  sudo update-rc.d opensim defaults

Acceso al Servidor desde el visor Imprudence

Enlaces :

• OpenSim
  http://www.opensimulator.org
• Pagina Oficial de Diva Canto
  https://github.com/diva

Ya se encuentran disponibles las primeras versiones publicas de las Aplicaciones para Nodos (Ambiente Distribuidos para la Creación Colaborativa) las cuales permiten controlar dispositivos que soporte el protocolo OSC (Open Sound Control) a través de una aplicación de escritorio o móvil a manera de control remoto, permitiendo el control de aplicaciones que permitan la comunicación con OSC, dispositivos como sintetizadores que soporten el protocolo y aplicaciones que sirvan de puente entre OSC y otros protocolos de control.

Camaleon Desktop Editor 0.7.1

Las aplicaciones de Nodos esta dividia en tres grandes productos :

• Camaleon Desktop Editor :
  Editor de interfaces graficas que pemite crear los archivos que contienen las descripciones de los controles a ser visualizados en la aplicación de control. Permite la creación de interfaces con controles como Sliders, PushButtons, ToggleButtons, XY, MultiSliders, MultiToggles, Rotary, Labels
  http://www.sensorlab.org/nodos/sitio/camaleon/desktop-editor
• Camaleon Desktop Player :
  Aplicación de Escritorio que hace las veces de control remoto para el manejo de las aplicaciones con soporte OSC. Utiliza las interfaces generadas por el editor para controlar diferentes aplicaciones y dispositivos.
  http://www.sensorlab.org/nodos/sitio/camaleon/desktop-player
• Camaleon Android Player :
  Aplicación para dispositivos moviles basados en la plataforma Android que pemite el control remoto de aplicaciones con soporte OSC que esten en la misma red inalambrica que el dispositivo movil.
  http://www.sensorlab.org/nodos/sitio/camaleon/android-player

Las versiones del Player y el Editor pueden ser ejecutadas rápidamente a través de Java Web Start (se necesita instalar Java para su funcionamiento)

Enlaces :

• Proyecto Nodos
  http://www.sensorlab.org/nodos

El Martes 15 de Marzo de 2011 se presentaron oficialmente los primeros prototipos al equipo de trabajo del proyecto Nodos con el fin de avanzar rápidamente en la definición de plataformas de desarrollo y en la creación de la estructura de cada proyecto para iniciar el proceso de desarrollo por parte de los estudiantes que colaboraran en el desarrollo de los clientes para el proyecto Nodos. Los prototipos presentados implementan la funcionalidad básica de dibujado de los controles en la pantalla y responden a la interacción con el usuario lo que permite entrar en una etapa de implementación de otros controles adicionales que vendran incluidos en la primera version de Camaleon.

Los prototipos desarrollados fueron el cliente de escritorio desarrollado en la plataforma Java, el cliente para dispositivos móviles como teléfonos y tablets basados en la plataforma Android y el cliente para la plataforma iOS el cual permite la ejecución de la aplicación en dispositivos iPhone y iPad. El desarrollo de estos prototipos también sirvo para comprobar el funcionamiento de las herramientas de desarrollo a utilizar que incluyen el ambiente de desarrollo NetBeans para el desarrollo de la version de escritorio, Eclipse y el SDK de Android para la version para este sistema operativo y el Xcode para el desarrollo de la version para iOS.

Camaleon : Prototipo funcionado en Android

Con el fin de iniciar el desarrollo del cliente de Nodos se implementaron prototipos iniciales de la aplicación para escritorio en la plataforma Java, para teléfonos Android y para la plataforma iOS para el teléfono iPhone y la tablet iPad. Estos prototipos cumplen el propósito de crear un punto de partida para el desarrollo de los clientes en estas tres plataformas, permitiendo a los desarrolladores del proyecto comenzar a adicionar las nuevas caracteristicas a cada uno de los proyectos.

Prototipo Camaleon Desktop :

Implementacion inicial del cliente de Nodos desarrollado en la plataforma Java el cual sirve de base para el desarrollo de los proyectos en Android e iOS.

Camaleon : Prototipo Desktop

El prototipo esta basado en una serie de controles encontrados en las aplicaciones para el control de audio que se encuentran en muchas consolas de DJs y en la aplicación móvil TouchOSC que ha servido como base para la creación del cliente móvil de Nodos.

Este prototipo implementa los controles :

• NO2Slider (Deslizador, Horizontal o Vertical)
• NO2PushButton (Boton Pulsador)
• NO2ToggleButton (Boton de Estado)

Tambien implementa los contenedores :

• NO2WorkStation (Dispositivo Controlador)
• NO2Screen (Pantalla del Dispositivo)
• NO2Tab (Pestañas dentro de la Pantalla)

La información se lee desde un archivo xml que contiene la posición y tamaño de cada uno de los controles, así como también su nombre y los valores adicionales de cada control.

Prototipo Camaleon Android :

La version Android del prototipo reutiliza el código Java de la definición de los controles como tambien el lector del archivo XML con la información de los controles, lo que cambia es las primitivas para la visualización de los controles y el dibujado de cada uno de ellos ya que se utiliza un View en el cual se pinta sobre el canvas cada control y los métodos de este varían en la forma de construcción por lo que el código no es totalmente potable entre la version Java de escritorio y la version Android.

Este prototipo se probo en un teléfono Xperia X10 con Android 2.1 el cual visualizo correctamente el cliente permitiendo observar el funcionamiento de los controles ya en un dispositivo móvil.

Prototipo Camaleon iOS :

La version para la plataforma iOS se debió escribir en el lenguaje de programación Objective-C ya que este es el lenguaje utilizado para el desarrollo nativo de aplicaciones en las plataformas de Apple, se uso el ambiente de desarrollo Xcode con el SDK para iOS 4.2 el cual permite crear aplicaciones para telefonos iPhone y tablets iPad incluso el proyecto se creo bajo el esquema Universal que permite crear una misma aplicación para estos dos dispositivos compartiendo el código base.

El prototipo de la aplicación solo puede pintar los controles NO2ControlPushButton debido a que se invirtió mucho tiempo en la traducción del código Java a Objective-C respetando la estructura de los tres proyectos para seguir el mismo modelo de programacion.

Conclusiones :

El desarrollo de los tres prototipos se demoro 22 horas en el desarrollo de la version escritorio, 5 horas la version Android debido a que la gran mayoría de código se pudo reutilizar y 22 horas la version de iOS debido a la traducción a Objective-C, con esto ya es posible comenzar el desarrollo incremental del cliente de Nodos en las diferentes plataformas.