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

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.