67
PIZARRA DIGITAL INTERACTIVA MEDIANTE EL USO DEL WIIMOTE Realizado por Firdaous Morabet Dirigido por Cristina Urdiales García

Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Embed Size (px)

DESCRIPTION

Desarrollo de una pizarra digital/pantalla interactiva empleando una Wiimote y un puntero equipado con dos LEDs infrarrojos. A partir de la posición y el parpadeo de los LEDs la Wiimote reconoce la ubicación del puntero y un conjunto de acciones, como click, doble click, drag & drop ... Aparte de su uso natural como ratón, se ha implementado para testearlo un programa de dibujo sobre una proyección en la pared.

Citation preview

Page 1: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

PIZARRA DIGITAL INTERACTIVA MEDIANTE EL USO DEL WIIMOTE

Realizado por Firdaous MorabetDirigido por Cristina Urdiales García

Page 2: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Motivación

Page 3: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Motivación

Page 4: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Índice

• Introducción

• PDI y Wiimote

• Arquitectura de la PDI propuesta

• La PDI, su IRPen y el demostrador Drawing Win

• Resultados

• Conclusiones

• Líneas de investigación futuras

Page 5: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Índice

• Introducción

• PDI y Wiimote

• Arquitectura de la PDI propuesta

• La PDI, su IRPen y el demostrador Drawing Win

• Resultados

• Conclusiones

• Líneas de investigación futuras

Page 6: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Estado del arte

Introducción

Origen de las PDIs:

-1987 : XeroX Parc-1991 : SMART

(DViT- (Digital Vision Touch)

-1992: SMART (585)

- …

Page 7: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Estado del arte

Tipos de PDIs:

- PDIs de gran formato

PDIs portátiles o portables-

Introducción

Page 8: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Introducción

Estado del arte

Elementos necesarios en una PDI:

- Control del puntero

- Comunicación entre los elementos

-Software

Page 9: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Introducción

Estado del arte

Elementos necesarios en una PDI:

- Control del puntero

- Comunicación entre los elementos

-Software

Page 10: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Introducción

Estado del arte

Elementos necesarios en una PDI:

- Control del puntero

- Comunicación entre los elementos

-Software

Page 11: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Introducción

Estado del arte

Elementos necesarios en una PDI:

- Control del puntero

- Comunicación entre los elementos

-Software

Page 12: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Introducción

Estado del arte

Tecnologías:

-Táctil

-Electromagnética

- Ultrasónica

-Óptica

- Capacitiva

- Resistiva -Activa

-Pasiva

-Infrarrojos

-Láser

Page 13: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Introducción

Estado del arte

Tecnologías:

-Táctil ≈ 4000 €

-Electromagnética > 1000 €

- Ultrasónica < 1000€

-Óptica ≈ 500 €

¡Pero sigue siendo caro!

Page 14: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Introducción

Estado del arte

Solución/Alternativa:

-Encontrar un dispositivo de funcionalidades similares a los de tecnología óptica, pero más asequible.

¿Es posible?

Page 15: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Introducción

Estado del arte

Solución/Alternativa:

-Encontrar un dispositivo de funcionalidades similares a los de tecnología óptica, pero más asequible.

¿Es posible?

¡Sí!

Usando una cámara normal + filtro de infrarrojos

Page 16: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Introducción

Metodología

Page 17: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Índice

• Introducción

• PDI y Wiimote

• Arquitectura de la PDI propuesta

• La PDI, su IRPen y el demostrador Drawing Win

• Resultados

• Conclusiones

• Líneas de investigación futuras

Page 18: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Índice

• Introducción

• PDI y Wiimote

• Arquitectura de la PDI propuesta

• La PDI, su IRPen y el demostrador Drawing Win

• Resultados

• Conclusiones

• Líneas de investigación futuras

Page 19: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

El Wiimote

PDI y Wiimote

Page 20: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

El Wiimote

PDI y Wiimote

Cámara de IR o Sensor MOT

Acelerómetro

Memoria EPROM

Chip Bluetooth

Page 21: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

El Wiimote: Sensor MOT

-PixArt

- Filtro de IR

-Seguimiento de hasta 4 objetos

-1024x768 pixels de resolución (128x96 de la cámara x8 del procesador interno)

-Sólo es accesible la información procesada, no las imágenes capturadas.

-33º Horizontal / 23ºVertical

PDI y Wiimote

Page 22: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

SW basado en el uso del Wiimote

- Smoothboard

-Java Wiimote IWB

-GTK Wiimote

-Wiimote Whiteboard

PDI y Wiimote

Page 23: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

SW basado en el uso del Wiimote

-Smoothboard

-Muchas funcionalidades

-Estabilidad

-Soporte

-S.O. Windows

PDI y Wiimote

Page 24: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

SW basado en el uso del Wiimote

PDI y Wiimote

-Java Wiimote IWB

-Diseñada para Mac

-Muchas funcionalidades

-Estabilidad (en Mac)

- Sin soporte

Page 25: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

SW basado en el uso del Wiimote

PDI y Wiimote

-GTK Wiimote

-Diseñada para Linux

-Varias funcionalidades

-Estabilidad

-Sin soporte

Page 26: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

SW basado en el uso del Wiimote

PDI y Wiimote

-Wiimote Whiteboard

-Diseñada para Windows

-Funcionalidad básica

- Poca estabilidad

-Sin soporte

- Estructura simple

-Código abierto

Page 27: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

SW basado en el uso del Wiimote

PDI y Wiimote

-Wiimote Whiteboard

-Diseñada para Windows

-Funcionalidad básica

- Poca estabilidad

-Sin soporte

- Estructura simple

-Código abierto

Page 28: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Índice

• Introducción

• PDI y Wiimote

• Arquitectura de la PDI propuesta

• La PDI, su IRPen y el demostrador Drawing Win

• Resultados

• Conclusiones

• Líneas de investigación futuras

Page 29: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Índice

• Introducción

• PDI y Wiimote

• Arquitectura de la PDI propuesta

• La PDI, su IRPen y el demostrador Drawing Win

• Resultados

• Conclusiones

• Líneas de investigación futuras

Page 30: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Software de partida: The Wiimote Whiteboard

Arquitectura de la PDI propuesta

- Adecuado para el objetivo del proyecto

- Autor Johnny Chung Lee

-C# (Microsoft Visual C# 2008 Express)

- Dispone de soporte de la librería Wiimotelib por Brian Peek

Page 31: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

The Wiimote Whiteboard: Interfaz

Arquitectura de la PDI propuesta

NIVEL DE BATERÍA

% UTILIZACIÓN

CALIBRACIÓN

SUAVIZADO

CONTROL DEL CURSOR

Page 32: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

The Wiimote Whiteboard: Funcionamiento

Arquitectura de la PDI propuesta

-Calibración

-Funcionalidad normal

- Acciones limitadas (sólo click izquierdo)

- No se puede usar como un “ratón”, sólo como puntero

Al final, no implementa una PDI

Page 33: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

IRPen original

Arquitectura de la PDI propuesta

Page 34: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Objetivos específicos para implementar la PDI

Arquitectura de la PDI propuesta

-Desplazamiento del cursor en la pantalla

-Click izquierdo de ratón ( también doble

click )

-Arrastre

-Click derecho de ratón

-IRPen acorde a los objetivos anteriores

Page 35: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Índice

• Introducción

• PDI y Wiimote

• Arquitectura de la PDI propuesta

• La PDI, su IRPen y el demostrador Drawing Win

• Resultados

• Conclusiones

• Líneas de investigación futuras

Page 36: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Índice

• Introducción

• PDI y Wiimote

• Arquitectura de la PDI propuesta

• La PDI, su IRPen y el demostrador Drawing Win

• Resultados

• Conclusiones

• Líneas de investigación futuras

Page 37: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

La aplicación final. Procedimiento por objetivos.

La PDI, su IRPen y el demostrador Drawing Win

“Conseguir una experiencia de usuario cuasi-idéntica a la del resto de PDIs comerciales”:

1- Emular cursor típico (desplazamiento en pantalla, arrastre, primer y segundo click de ratón).

2- Compromiso entre el área activa de trabajo y la resolución lograda, en función de la distancia entre el Wiimote y la superficie de trabajo.

Page 38: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

La aplicación final. Procedimiento por objetivos.

La PDI, su IRPen y el demostrador Drawing Win

-El Wiimote deberá colocarse a una distancia aproximadamente igual al doble de la altura de la pantalla de la PDI.

Page 39: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

La aplicación final. Procedimiento por objetivos.

La PDI, su IRPen y el demostrador Drawing Win

Subobjetivo 1:

- Desplazamiento del cursor

Necesidad de visibilidad continua de la fuente de IR, por lo que por defecto el estado normal deberá ser siempre ON

Page 40: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

La aplicación final. Procedimiento por objetivos.

La PDI, su IRPen y el demostrador Drawing Win

Subobjetivo 2:

- Emular Click izquierdo de ratón

- ON-OFF : Pulsar click izquierdo de ratón.

- OFF-ON : Soltar click izquierdo de ratón.

- ON-ON : No hacer nada.

- OFF-OFF: Nada.

Page 41: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

La aplicación final. Subobjetivo 2.

La PDI, su IRPen y el demostrador Drawing Win

Funcionalidad Original

Funcionalidad Modificada

Page 42: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

La aplicación final. Procedimiento por objetivos.

La PDI, su IRPen y el demostrador Drawing Win

Subobjetivo 3:

- Arrastre

- Solución directa

- Solución seleccionable

Page 43: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

La aplicación final. Procedimiento por objetivos.

La PDI, su IRPen y el demostrador Drawing Win

Subobjetivo 4:

- Emular el click derecho de ratón con IR

-No contemplada en la estructura del código origen

- No recomendada por otros desarrolladores

-Sin embargo, debe ser posible

Page 44: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

La aplicación final. Procedimiento por objetivos.

La PDI, su IRPen y el demostrador Drawing Win

Subobjetivo 4:

- Emular el click derecho de ratón con IR

- LED 1 ON, LED 2 OFF : Seguimiento LED 1

- LED 1 ON, LED 2 ON : Click derecho en LED 1 (x,y)

- LED 1 OFF, LED 2 OFF: Nada

- LED 1 OFF, LED 2 ON : Click izquierdo y derecho

Page 45: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

IRPen final: Desarrollo

La PDI, su IRPen y el demostrador Drawing Win

- Desplazamiento y click izquierdo

Page 46: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

IRPen final: Desarrollo

La PDI, su IRPen y el demostrador Drawing Win

-Desplazamiento y click izquierdo.

- Primer intento click derecho.

Page 47: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

IRPen final: Desarrollo

La PDI, su IRPen y el demostrador Drawing Win

-Para evitar reflexiones en superficies reflectivas (2 o 3 fuentes de IR cuando sólo hay 1…)

Forzar inclinación durante uso

Page 48: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

IRPen final: Desarrollo

La PDI, su IRPen y el demostrador Drawing Win

Page 49: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

IRPen final

La PDI, su IRPen y el demostrador Drawing Win

Page 50: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

La aplicación final. Visibilidad e Interferencias

La PDI, su IRPen y el demostrador Drawing Win

Page 51: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Drawing Win

La PDI, su IRPen y el demostrador Drawing Win

Page 52: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

La aplicación final. Interfaz

La PDI, su IRPen y el demostrador Drawing Win

Page 53: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Índice

• Introducción

• PDI y Wiimote

• Arquitectura de la PDI propuesta

• La PDI, su IRPen y el demostrador Drawing Win

• Resultados

• Conclusiones

• Líneas de investigación futuras

Page 54: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Índice

• Introducción

• PDI y Wiimote

• Arquitectura de la PDI propuesta

• La PDI, su IRPen y el demostrador Drawing Win

• Resultados

• Conclusiones

• Líneas de investigación futuras

Page 55: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Usabilidad

Resultados

Page 56: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Demo

Resultados

Page 57: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Análisis

Resultados

Implementación correcta de los objetivos específicos, y por tanto del objetivo principal del proyecto:

“Conseguir una experiencia de usuario cuasi idéntica a la del resto de PDIs comerciales”

Elevada usabilidad

Fácil aprendizaje

Especial atención a la necesidad de visión directa y posibles fuentes externas de IR

Page 58: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Ventajas

Resultados

- Bajo Coste

- Elementos accesibles

- Sencillez, no necesita aprendizaje previo para su uso.

- Portabilidad y flexibilidad (cualquier superficie puede ejercer de pantalla)

Page 59: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Desventajas

Resultados

- Alta sensibilidad a agentes externos (interferencias, reflexiones sobre superficies reflectivas...)

- IRPen para para personas diestras y zurdas.

- Inclinación en el uso del IRPen afecta a la fidelidad del seguimiento del cursor.

Page 60: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Índice

• Introducción

• PDI y Wiimote

• Arquitectura de la PDI propuesta

• La PDI, su IRPen y el demostrador Drawing Win

• Resultados

• Conclusiones

• Líneas de investigación futuras

Page 61: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Índice

• Introducción

• PDI y Wiimote

• Arquitectura de la PDI propuesta

• La PDI, su IRPen y el demostrador Drawing Win

• Resultados

• Conclusiones

• Líneas de investigación futuras

Page 62: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Conclusiones

- Importancia del proceso de aprendizaje

- Compromiso a la hora de partir de un código

- Dificultad inherente a la tecnología (Sensibilidad a interferencias, reflexiones...)

- Dificultad añadida a la solución elegida para implementar la PDI

- Sin embargo, fue posible completar los objetivos planteados

Page 63: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Índice

• Introducción

• PDI y Wiimote

• Arquitectura de la PDI propuesta

• La PDI, su IRPen y el demostrador Drawing Win

• Resultados

• Conclusiones

• Líneas de investigación futuras

Page 64: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Índice

• Introducción

• PDI y Wiimote

• Arquitectura de la PDI propuesta

• La PDI, su IRPen y el demostrador Drawing Win

• Resultados

• Conclusiones

• Líneas de investigación futuras

Page 65: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

Aplicaciones

Líneas futuras de investigación

- Uso en pacientes con problemas para comunicarse de forma verbal.

- Uso en guarderías y colegios.

- Uso en investigaciones realizadas con algunos animales.

Page 66: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

- 2 Wiimotes

- Reconocimiento de hasta 4 usuarios de forma independiente

- Soporte

- IRPen único (diestros y zurdos)

Líneas futuras de investigación

Page 67: Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)

. PIZARRA DIGITAL INTERACTIVA MEDIANTE EL USO DEL WIIMOTE

• Realizado por Firdaous Morabet• Dirigido por Cristina Urdiales

García