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

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.

Teniendo en cuenta las características del Servidor de Desarrolla a utilizar en Pulsar Project que fueron brevemente descritas en anteriores entradas (Pulsar Project : Servidor Desarrollo) se procedió a realizar la instalación básica del servidor que cumpliera con la mayoría de estas.

Requisitos :

• VirtualBox 3.2.4 o versión mas actualizada previamente instalada
  http://www.virtualbox.org/wiki/Downloads
• CD o archivo ISO de instalacion del Ubuntu Server 10.04
  (Para la guia se utilizara el archivo iso)
  http://www.ubuntu.com/server/get-ubuntu/download

Pasos :

• Iniciar Virtual Box
• Crear Maquina Virtual :
  • Crear una nueva maquina virtual
  • Seguir los pasos del Wizard
  • Seleccionar el tipo de sistema operativo Linux ya l version Ubuntu
  • Se puede dejar los 512 MB de memoria RAM (se recomienda aumentarlo a 1024)
  • Crear un disco virtual con la información por defecto (8 GB de espacio)
  • Finalizar la creación de la maquina virtual
• Cambios en la Configuración Inicial :
  • Presionar el botón Settings
  • Habilitar el PAE/NX en la sección Processor de System
  • Ir a Settings -> Storage
  • Remover el disco duro del arbol de dispositivos, seleccionarlo y utilizar el boton con el menos
  • Remover el controlador SATA dando click sobre el Storage Controller ya que este no se utilizara
  • Adicionar el disco duro como IDE haciendo click sobre el controlador y adicionando un nuevo disco
• Montar CD de instalación :
  • Seleccionar en la pantalla el CD Empty
  • Adicionar el archivo iso al manejador de medios virtuales
  • Enlazarlo al CD
• Iniciar la Maquina
• Instalación de Ubuntu Server
  • Seleccionar el idioma
  • Presionar la tecla F4 y seleccionar minimal virtual machine
  • Seleccionar la opción Install Ubuntu Server
  • Seleccionar el idioma de instalación
  • Seleccionar el Pais
  • Detectar la distribución del teclado
  • Suministrar el nombre del servidor : pulsarproject
  • Configurar la zona horaria
  • Particionar el disco utilizando la opción guiada
  • Se realiza la instalación base del sistema
  • Suministrar información del usuario
    • Nombre de usuario : pulsar
    • Clave : pulsar2010
    • No encriptar directorio home
  • No realizar actualizaciones automáticas
  • Seleccionar el Software a Instalar :
    • Basic Ubuntu Server
    • LAMP Server
    • Mail Server
    • OpenSSH Server
  • Suministrar la clave de administrador de MySQL
  • Configurar servidor de correo como Internet Site con el nombre pulsarproject
  • Instalar el GRUB
  • Terminar la instalación
  • Reiniciar (Recuerde quitar el archivo ISO como archivo del CD)

La imagen de disco creado por VirtualBox es de 845 MB para esta maquina virtual.

Esta guía cubre los pasos de una forma breve y sencilla, para mayor información acerca de la instalación del servidor de desarrollo se realizo un vídeo el cual contiene imágenes de todos los pasos realizados durante la instalación.

El servidor de desarrollo para el Pulsar Project esta destinado como plataforma para el desarrollo de las herramientas y aplicaciones para el apoyo a la educación en los mundos virtuales, este debe contar con el software necesario para permitir el desarrollo, así como tambien para realizar pruebas de las mismas, por este motivo el servidor debe contar con las siguientes caracteristicas :

• Poderse mover de una maquina a otra para no depender de una maquina o una única instalación
• Servir de linea base para la documentación de instalación y configuración de servicios
• Permitir volver a versiones anteriores del estado del servidor
• Facilitar el proceso de pruebas de las herramientas desarrolladas, permitiendo el cambio de configuraciones y componentes instalados
• Permitir a otros usuarios la descarga desde Internet del servidor para que estos prueben las herramientas desarrolladas
• Ser muy liviano para ejecutarse en maquinas con pocos recursos
• Tener un tamaño pequeño para permitir la descarga rápida desde Internet o su copia entre maquinas
• Ser software libre lo que permita su utilización sin requerimientos de licencia por parte de los usuarios.

Al analizar todas las características del servidor se tomaron las siguientes decisiones :

• Crear un maquina virtual lo cual permite mover y ejecutar la maquina virtual en diferentes computadores de una forma fácil y rápida, como también permite volver a estados previamente almacenados y puede ser distribuida para que otros usuarios la puedan utilizar,
• Instalar en la maquina virtual con un Servidor Linux para lo cual se selecciono la plataforma Ubuntu Server 10.04 gracias a la gran experiencia que se tiene en el uso de esta plataforma y a que provee todas las herramientas necesarias para desarrollar el proyecto.
• Realizar una instalación mínima de maquina virtual la cual permite crear una maquina virtual que ocupa poco espacio en disco gracias a que solo instala los componentes necesarios para su ejecucion, ademas de tener un núcleo diseñado especialmente para ejecutarse en ambientes virtualizados.
• Se selecciono VirtualBox como plataforma de virtualizacion por su fácil, rápida y liviana instalación, ademas de ser multiplataforma lo que permite utilizar cualquier computadora como potencial servidor de pruebas.

En cuanto a la plataforma de desarrollo el servidor debe contar con los siguientes servicios y plataformas de desarrollo :

• Servidor Web para la publicación de la aplicación web de soporte a las herramientas de los mundos virtuales y aplicaciones de terceros que se comunicaran con las herramientas en los mundos virtuales.
• Servidor de base de datos para la aplicación web y las aplicaciones de terceros.
• Servidor de correo para permitir el envió local de mensajes entre aplicaciones.

Se han seleccionado las siguientes herramientas básicas para comenzar el desarrollo del proyecto, las cuales cumplen con las características necesarias para el desarrollo de proyecto.

• Servidor de Terminal Segura OpenSSH, el cual permite realizar conexiones seguras para la administración remota del servidor y el envió de archivos.
• Servidor de Base de Datos MySQL muy popular en el mundo del software libre y el cual utilizan muchas de las herramientas a utilizar dentro del proyecto.
• Servidor Web Apache2 con soporte para PHP, el cual permite desarrollar e instalar aplicaciones muy populares en el mundo del software libre.
• Servidor de Correo Postfix para el envío y recepción de correo.

Hasta el momento se han seleccionado las herramientas tecnológicas que responden en su mayoría a herramientas de software libre que pueden ser usadas y modificadas, así como también herramientas sencillas de manejar y ampliamente utilizadas en el mundo del desarrollo de software.

Kaleido es una herramienta basada en Processing que permite crear un representación visual del código del sketch que se esta desarrollando, esta herramienta tiene como objetivo permitir a los usuarios crear sus propias representaciones graficas del codigo que permienta facilmente identificar la estructura del codigo fuente y crear relaciones entre las partes de este.

Esta herramienta esta siendo desarrollada por Agnes Chang del Instituto Tecnologico de Massachusetts como parte de su trabajo de maestria Interfaces con Multiples Perspectivas para Ambientes de Desarrollo de Software (Multiple-perspective interfaces for software development environments)

Kaleido

Kaleido es una herramienta muy interesante ya que permite plasmar el modelo mental que los desarrolladores tienen del desarrollo de la solución antes de comenzar antes de comenzar a codificar, esto es como tener una herramienta para realizar el boceto de las ideas, componentes o descripcion de pasos que la aplicacion debe hacer, es tan amplia la herramienta que cualquier usuario puede dibujar la representacion de su solucion en la herramienta, algo asi como plasmar el Diseño. Despues de esto el usuario puede enlazar partes del codigo con los componentes del diagrama permitiendo identificar rapidamente a que parte del diseño corresponde.

Entre los usos propuestos dentro del sitio web de la herramienta tenemos :

• Creación de Anotaciones
  Adicionar notas al pie de los componentes del diagrama que expresen ideas, cosas por hacer, entre otras.
• Ilustrar :
  Realizar el diagrama de la solución que uno se imagina, no el que esta dictaminado por un estándar o una herramienta, permitiendo crear un representación personal y única de la solución.
• Planificar :
  Planificar el desarrollo de la aplicación antes de comenzar a escribir el código. y utilizar el resultado para navegar sobre la solución tanto en el código como en el diagrama.

Hace pocas semanas esta herramienta ha sido liberada y desafortunadamente esta disponible solo para la plataforma Mac, aunque en el sitio web se anuncian versiones para Windows y Linux en un futuro cercando.

Enlaces :

• Sitio Web Oficial :
  http://kaleido.media.mit.edu
• Video de la demostracion de Kaleido :
  http://vimeo.com/11064303
• Sitio Web de la Creadora de Kaleido :
  http://web.media.mit.edu/~achang