Cómo hacer una pantalla digital interactiva

Cómo hacer una pantalla digital interactiva

Hace algún tiempo, el equipo de Como Lo Hago fue invitado a participar en un proyecto de la Escuela de Computación e Informática de la Universidad Mayor, con el patrocinio de la Facultad de Ingeniería de la misma institución. En este proyecto se buscaba desarrollar una pantalla digital interactiva similar a las ofrecidas hoy en el mercado pero que presentara otras ventajas (portabilidad, precios, etc).

Es así como investigando, nos encontramos con la famosa saga de “Wii Remote Projects” de Johnny Chung Lee, en donde se presenta una alternativa para cumplir ese objetivo de manera relativamente rápida y sencilla.

Pues bien, hoy en Como Lo Hago (mediante previa autorización del propio Johnny Chung Lee) pondremos a disposición de Uds. un completo tutorial paso a paso, junto a un video de demostración, para que puedan confeccionar su propia pantalla digital interactiva en la comodidad de sus hogares, realizando una inversión muy baja de tiempo, y aún menor de dinero.

Como ya es tradición, todo el detalle de este proyecto, después del salto.

Cómo hacer una pantalla digital interactiva


Antes de comenzar:

Nota: El siguiente tutorial está basado en el proyecto de Johnny Chung Lee. El equipo de Como Lo Hago, a partir de los contenidos entregados por él, ha desarrollado todo el proceso y documentación que se presenta a continuación. Queremos agradecer cordialmente a Johnny Chung Lee por permitirnos desarrollar el proyecto y compartir los resultados en CLH. Thanks Johnny!

Como es clásico, antes de partir con el procedimiento, veamos los materiales que necesitamos:

Implementos necesarios:

  1. 1 Lápiz infrarojo (el procedimiento de construcción ya lo hemos cubierto hace algunos días en este tutorial).
  2. 1 control de Nintendo Wii (valor aproximado: $29.990 pesos chilenos - $45 USD).
  3. 1 dispositivo Bluetooth (valor aproximado: $5.990 pesos chilenos - $9 USD).
  4. El software BlueSoleil (pueden descargarlo desde este enlace).
  5. El software Wiimote Whiteboard (pueden descargarlo gratuitamente en su versión para Windows desde el sitio de Johnny Chung Lee , en su versión para Mac desde este enlace y la versión multiplataforma desde este enlace).
  6. 1 proyector (opcionalmente podemos utilizar la misma pantalla de nuestro computador en caso de que no poseamos proyector).
  7. 1 computador (de escritorio o portátil).

El proyector es opcional debido a que podemos utilizar cualquier superficie para disponerla de pantalla interactiva. El uso del proyector nos permite, valga la redundancia, “proyectar” la imagen sobre superficies más amplias para mayor comodidad. Vale la pena mencionar que no es necesario utilizar un telón para proyectar la imagen, ya que funciona sobre cualquier superficie plana (paredes, techo, suelo, etc).

Antes de entrar de lleno al tutorial, vamos con una pequeña explicación de como funciona esto:

¿Cómo funciona?

Es bastante sencillo. El control de Nintendo Wii es un dispositivo que cuenta con una característica bien especial, y es que está habilitado para realizar transmisiones/recepciones mediante 2 tecnologías: Infrarojo y Bluetooth. Por un lado, el control cuenta con 4 leds (ampolletas pequeñas) que reciben y emiten señales infrarojas y por otro lado cuentan con un pequeño dispositivo bluetooth capaz de emitir y recibir señales inalámbricas desde y hacia otros dispositivos.

Lo que se hace básicamente es conectar el control de Nintendo Wii al computador por Bluetooth y realizar una calibración con el Software Wiimote Whiteboard, el cual captará las señales infrarojas emitidas por el lápiz hacia el control y las transmitirá al software, el cual calibrará la posición y realizará posteriormente un seguimiento de todos los pasos que realizemos al mover el lápiz y presionar el botón, el cual es equivalente al click izquierdo del mouse.

Con todo eso claro, vamos, manos a la obra:

Procedimiento:

1.- Lo primero que haremos, será mostrar un esquema de como deben ir acomodados los distintos componentes para que este proyecto funcione:

Esquema de organización - Click para agrandar

El control de Nintendo Wii puede ir tanto a la izquierda como a la derecha, lo que debemos fijarnos es que cuando estemos delante o frente a la pizarra, no hagamos un bloqueo a la señal, de lo contrario se perderá la calibración y no funcionará. Además, debemos tener en cuenta que el control de Nintendo Wii tiene un ángulo de captación de señal infraroja de aproximadamente unos 45º, es por esto que va en diagonal hacia la superficie donde proyectemos, para que pueda captar todos los movimientos sin problemas.

Y finalmente, es bueno inclinar levemente el extremo frontal del control para que pueda captar todos los puntos de la superficie, desde el más inferior al más superior.

2.- Luego de tener todos nuestros materiales necesarios para el proyecto, lo que haremos será conectar nuestro control de Nintendo Wii en nuestro Computador todo gracias a nuestro dispositivo Bluetooth. Para esto podemos tomar como guía el siguiente tutorial , el cual nos explica como conectar nuestro teléfono móvil a nuestro computador mediante Bluetooth. (Para que nuestro computador detecte el control de Nintendo Wii debemos mantener presionadas las teclas 1 y 2 de nuestro control).

3.- Una vez que esté conectado nuestro control al computador, nos aparecerá algo como esto:

Control detectado por BlueSoleil

Si tenemos eso, debemos hacer click en el ícono en el que aparece un mouse. Con esto se activarán los servicios a utilizar con el control de Nintendo Wii.

4.- Procedemos a ubicar el control de Wii en el lugar estratégico y lo dejamos ahí, sin mover.

5.- Ahora, ejecutamos el Wiimote Whiteboard, y nos aparecerá algo como esto:

6.- Hacemos click en el botón Calibrate Location (Wiimote A) o bien, presionamos A en nuestro control de Nintendo Wii, con lo que se abrirá esta ventana:

Esta ventana corresponde a la calibración de 4 puntos, necesaria para detectar los movimientos del lápiz infrarojo.

7.- Con el lápiz IR, nos situamos en el primer punto y apretamos el botón (simulando un click) haciendo que el punto rojo desaparezca y aparezca otro en la esquina contraria. Repetimos la operación con ese y los 2 puntos. Si todo salió bien, el programa se minimizará.

Y después de eso, empezamos a mover nuestro lápiz IR, clickeamos como locos y tenemos a nuestra disposición una simple y entretenida pantalla digital interactiva.

Si, en serio, eso era todo :)

Pero no creerán que solo pondremos algunas fotos sobre este proyecto. Hemos preparado el siguiente video demostrativo para uds:

De cualquier manera, aún no hemos terminado. En Como Lo Hago queremos que su proyecto resulte de buena forma a la primera, por lo que hemos añadido algunas especificaciones técnicas:

Especificaciones técnicas:

1.- Para la imagen:

  • Pantalla de PC común y corriente, independiente de si es CRT (Caja) o LCD (Plano).
  • Proyector, sin importar su resolución.

2.- Para el lápiz:

  • Se recomienda un diodo infrarojo de 940nm de frecuencia de onda.
  • Diodo que soporte al menos unos 100mA de corriente. (Vishay TSAL6400).
  • Siempre es importante ante la elección de un diodo, saber su voltaje máximo, corriente máxima que aguante y que voltaje será nuestra fuente (pila de 1,5V en el caso de pilas alcalinas o 1,2V en caso de ser recargable).
  • Usar una resistencia en caso de que se desee usar un voltaje de fuente superior al voltaje máximo que soporta el diodo. Para ello se debe saber como mínimo la Ley de Ohm, o en caso contrario, hacer uso del siguiente enlace.

3.- Para el Bluetooth:

  • Listado de los dispositivos Bluetooth compatibles, tanto internos (Notebooks) como externos, disponibles en el siguiente enlace.

4.- Para el Software: De las aplicaciones más comunes para controlar dispositivos Bluetooth, podemos destacar:

  • Software original que viene instalado por defecto en Windows (Si tu dispositivo es reconocido inmediatamente por tu equipo, significa que puedes usarlo sin problemas).
  • BlueSoleil, usado y recomendado por CLH, viene con un sinnúmero de dispositivos externos. Se recomienda el uso de la versión v.6.2.227 en adelante, ya que en las más antiguas se han presentado conflictos con el Sistema Operativo.
  • Widcomm, software fabricado por Broadcom. Es más dificil de sincronizar con el Wiimote, pero uno de los más estables.
  • Software propietario Toshiba/Dell/Hp/etc, en general es el mismo software fabricado por Broadcom.

Y finalmente, les dejamos algunas recomendaciones de Software para usar con su pantalla interactiva:

Así que ya estamos, no hay excusas para no tener nuestra propia pantalla digital interactiva, solo nos hace falta un poco de tiempo y las ganas. El resultado será increible, se los aseguramos.

Como siempre este tutorial ha sido desarrollado, probado y documentado por el equipo de Como Lo Hago, por lo que cuenta con nuestro Sello de Garantía. Cualquier duda, consulta o comentario, pueden dejarnos unas líneas en el área habilitada a continuación e iremos en su ayuda de inmediato.

Esperamos que este tutorial haya sido de mucha utilidad para Uds.

Agradecemos nuevamente la gentileza de Johnny Chung Lee por permitirnos llevar a cabo este proyecto y compartir con Uds. la experiencia y resultados.

Thanks Johnny for leting us share this experience with our visitors.

Muchas gracias por leer y será hasta una próxima oportunidad

Staff CLH

Tutoriales relacionados:

MalenaMaomaRegulequeWendyFantabuloso (1 votos, promedio: 5,00 de 5)
Loading ... Loading ...


115 Comentarios a “ Cómo hacer una pantalla digital interactiva ”

  1. Benjamín Campos dice:                                                                                                                        #1

     Califica este comentario: Vota 0  Subtract rating 0  

    me parecio genial, es un gran aporte pues permite acceder a esta tecnología a bajo costo. en lo personal, estudio arquitectura y posiblemente ayude a ahorrar mucho papel pues permitira correguir directamente en la superficie del notebook o en la pared gracias a un proyector y así no se necesitara (al menos en las correcciones) plotear, lo cual tre un beneficio economico para el estudiante y un beneficio al medioambiente en la medida que se ahorrara muchos metros de papel y tinta.

    gracias por el aporte
    (intentare aplicarlo en alguna clase)

  2. Dexter dice:                                                                                                                        #2

     Califica este comentario: Vota 0  Subtract rating 0  

    @ Benjamín Campos
    Muchas gracias por los comentarios. Por favor cuentanos de tu experiencia cuando lo implementes.
    Saludos!!!

  3. juan pablo dice:                                                                                                                        #3

     Califica este comentario: Vota 0  Subtract rating 0  

    Hola
    Muy interesante el detalle, yo estoy casi casi con el proyecto, solo me falta el usb Bluetooth, pero no encuentro en la lista de compatuiblidad el usb conla tienda. podrian decirme donde comprar este adaptador. (o la marca y modelo)

    planeo probarlo con mis alumnos, creo que es genial
    Gracias por el detalle del tutorial..
    saludos
    Multix

  4. manuel vera dice:                                                                                                                        #4

     Califica este comentario: Vota 0  Subtract rating 0  

    tengo vista y todos lo programas no funcionan, saludos. manuel.vera

  5. Dexter dice:                                                                                                                        #5

     Califica este comentario: Vota 0  Subtract rating 0  

    @juan pablo
    Te recomiendo que revises este link donde se disponen los dispositivos Bluetooth compatibles.
    http://www.wiili.org/index.php/Compatible_Bluetooth_Devices
    Saludos

  6. manuel vera dice:                                                                                                                        #6

     Califica este comentario: Vota 0  Subtract rating 0  

    logre contectar el pc a wii, En primer lugar debe conectar el WiiMote a su PC a través de bluetooth antes de ejecutar el programa WiimoteWhite, otra cosa el programa Soleil, muchos han reportado problemas con ese software y solo te permite traspasar solo 2MB, no recomiendo cargar si tu pc ya tiene bluetooth incorporado con vista sin antes probar si funciona bien el wiimote.

    Favor me pueden mas informacion sobre el proyector, tipo, marca, etc..sldos.

  7. Juan Xabadu dice:                                                                                                                        #7

     Califica este comentario: Vota 0  Subtract rating 0  

    @manuel vera: Tal como está indicado en el tutorial, los pasos son:

    1.- Conexión del Wiimote al PC vía Bluetooth.
    2.- Ejecución de Wiimote Whiteboard.
    3.- Calibración.
    4.- Uso de la pantalla.

    Sobre el BlueSoleil, si, es cierto, la versión de evaluación pone un límite de transferencia de entre 2 a 5 MB (dependiendo de la versión). Afortunadamente nosotros al comprar el dispositivo Bluetooth nos regalaron una copia de BlueSoleil completa, por lo que hicimos las pruebas con ese SW y no tuvimos problemas.

    De cualquier forma, también utilizamos versiones de evaluación de BlueSoleil al probar, y con el límite de transferencia, obtuvimos un funcionamiento de aproximadamente 45 minutos a 1 hora sin problemas.

    Sobre el proyector, puede ser cualquiera, no es necesario un proyector en específico, y de hecho el proyector propiamente tal es opcional, ya que solo otorga la comodidad de proyectar la imagen sobre una superficie más grande. En caso de no tener proyector, puedes recrear la pantalla en el monitor de tu PC, Notebook o incluso en una TV, ya que quien hace la gracia no es el proyector si no el control de Wii.

    Saludos

  8. Lekaino dice:                                                                                                                        #8

     Califica este comentario: Vota 0  Subtract rating 0  

    ESPECTACULAR MUCHACHOS, YO KIERO UNO DE ESTOS!!!!

    MUCHAS GRACIAS POR EL APORTE, YO LOS VI EN TELETRECE ONLINE Y DE INMEDIATO ENTRE AL SITIO.

    UN ABRAZO.

  9. Juan Xabadu dice:                                                                                                                        #9

     Califica este comentario: Vota 0  Subtract rating 0  

    @Lekaino: Muchas gracias por tu comentario.

    Te animamos a construirla, es muy sencilla. Si tienes consultas o problemas, no dudes en decirnos y te ayudaremos ;).

    Saludos

  10. juan pablo dice:                                                                                                                        #10

     Califica este comentario: Vota 0  Subtract rating 0  

    Me puedes decir cual es tu Bluetooth, donde lo compro
    Gracias

  11. Gerardo Laya dice:                                                                                                                        #11

     Califica este comentario: Vota 0  Subtract rating 0  

    Hola, soy empresario y apadrino un Jardín infantil, donde me gustaria implementar esta pantalla interactiva, para motivar aun más a los peques. Me gustaría me contactara cualquiera de Uds. para que Ud. procedan a la implemenración. Definimos el valor de la puesta en marcha, y definamos el numero de equipos a implementarar. Me URGE esto, el tiempo en oro, y tiene valor para ambos. Espero su contacto a la brevedad.

    Saludos / Gerardo Laya

  12. Juan Xabadu dice:                                                                                                                        #12

     Califica este comentario: Vota 0  Subtract rating 0  

    @juan pablo: El adaptador Bluetooth que utilizamos es un CCK, puedes verlo en este enlace. Está disponible en la mayor parte de tiendas de artículos computacionales. De cualquier forma, muchas tiendas te permiten comprar uno de estos adaptadores y cambiarlo hasta 10 días después de la compra, así que ahí puedes ir probando.

    @Gerardo Laya: Te enviamos un correo para coordinar el tema.

    Saludos a ambos

  13. victoria dice:                                                                                                                        #13

     Califica este comentario: Vota 0  Subtract rating 0  

    Hola, quiero usarlo para ubuntu, pero no hay manera de instalar bluezSoleil, el whiteboard ya lo tengo instalado pero me pide conexion de bluetooth , he probado conectandolo con el software de bluetooth que trae ubuntu y otros y no va, pienso que solo ira con blueSoleil.

    Me podeis ayudar o probarlo a ver si os funciona, lo necesito y no tengo manera de encontrar la solucion.

    Gracias.

  14. Karol Fuentes Rubina dice:                                                                                                                        #14

     Califica este comentario: Vota 0  Subtract rating 0  

    esta evolusion de tecnolojia es una erramienta optima para la educacion de este tiempo yaque hay establesimientos educasionales que no contarian con este sistema si este no fuese mas acsequible.
    muchas grasias por aser mas asesible esta tecnologuia para personas con pocos recursos.

  15. Juan Xabadu dice:                                                                                                                        #15

     Califica este comentario: Vota 0  Subtract rating 0  

    @victoria: Independiente del software que utilices para conectar el dispositivo Bluetooth a tu equipo, debes habilitar servicios de mando o control remoto, quizás esa opción es la que te falte.

    De cualquier forma, investigaremos sobre alternativas para Ubuntu.

    Saludos

    @Karol Fuentes Rubina: Muchas gracias por tu comentario.

    Saludos

  16. victoria dice:                                                                                                                        #16

     Califica este comentario: Vota 0  Subtract rating 0  

    Juan Xabadu, muchas gracias por intentar investigar, me seria de gran ayuda llevo casi dos meses intentandolo, y no veo el fin …..

  17. abel dice:                                                                                                                        #17

     Califica este comentario: Vota 0  Subtract rating 0  

    Los felicitos me funciono a la primera y muy buena link o pagina se les agradece…
    saludos abel

  18. victoria dice:                                                                                                                        #18

     Califica este comentario: Vota 0  Subtract rating 0  

    Hola de nuevo sigo investigando, he vuelto a entrar al blog y leido todos los post, y queria preguntar que quieres decir con -debes habilitar servicios de mando o control remoto, quizás esa opción es la que te falte- , te refieres a conectar el mando por bluetooth?

  19. Juan Xabadu dice:                                                                                                                        #19

     Califica este comentario: Vota 0  Subtract rating 0  

    @victoria: Nos referimos a lo siguiente:

    Cuando tu conectas un dispositivo vía Bluetooth a un computador, además de realizar la conexión, uno debe habilitar los servicios que podrá realizar ese dispositivo en la conexión. Estos servicios pueden ser: envío y recepción de archivos, control remoto, auriculares, etc.

    Luego de la conexión debes asegurarte de habilitar el servicio de control remoto.

    Apenas tengamos una respuesta sobre el funcionamiento en Ubuntu lo postearemos aquí.

    Saludos

  20. BLeaCH dice:                                                                                                                        #20

     Califica este comentario: Vota 0  Subtract rating 0  

    Hola que tal, estoy en el desarrollo de esta pantalla interactiva, pero tengo una duda al respecto que me gustaia que me pudiecen responder.

    la duda va referente a la cantidad de wiimotes posibles a utilizar, segun el esquema que presentan se ven 2 wiimotes, pero en el video, solo lo realizan con uno, en la actualidad, ¿es posible realizar este proeycto con mas de una wiimote para una mejor calibracion de la pizarra?

  21. ToPHeR dice:                                                                                                                        #21

     Califica este comentario: Vota 0  Subtract rating 0  

    @BLeaCH: el software Wiimote Whiteboard solo aguanta 1 solo control wiimote, se que se esta trabajando (existen versiones Beta)en softwares para poder sumar controles y asi tener una mejor calibracion en la pantalla…saludos

  22. Andres dice:                                                                                                                        #22

     Califica este comentario: Vota 0  Subtract rating 0  

    hola muchacos, estoy realizando el proyecto pero tengo un problama. instale blue soleil y me reconocio el control nintendo tal como aparece en la foto. pero al ejetutar el programa wiimote whiteboard no aparece como el la foto.me aparece el programa todo en gris.
    si me pueden ayudar
    saludos

  23. Dexter dice:                                                                                                                        #23

     Califica este comentario: Vota 0  Subtract rating 0  

    @Andres
    Después de que Bluesoleil te reconoció el Wiimote, Le pusiste que se conectara a él?
    Haces click derecho sobre el ícono del Wiimote y pones conectar. Si ello funciona, notaras que se generará una linea punteada entre el ícono del wiimote y el balón amarillo del centro del programa Bluesoleil, por la cual irán unas pelotitas verdes si no me equivoco, con lo cual estarán conectados PC y Wiimote.
    Suerte!!

  24. Andrés dice:                                                                                                                        #24

     Califica este comentario: Vota 0  Subtract rating 0  

    hola Dexter

    eso ocurre, pero al ejecutar el programa wiimote whiteboard me aparece en gris y no puedo marcar los puntos en la pizarra.
    que puede ser?
    saludos y gracias

  25. Dexter dice:                                                                                                                        #25

     Califica este comentario: Vota 0  Subtract rating 0  

    @Andrés
    Descarta todos los posibles problemas.
    Vuelve a bajar el software del Whiteboard.
    Revisa de que el puntero infrarrojo este funcionando correctamente.
    Revisa las pilas del Wiimote. Esté el Wiimote en un ángulo correcto??
    Suerte y cualquier cosa no dudes en consultar.

  26. Andres dice:                                                                                                                        #26

     Califica este comentario: Vota 0  Subtract rating 0  

    Dexter:
    gracias por todo logre que funcione pero con otra versión del whiteboard. la encontre en la siguiente dirección.
    http://gizmologia.com/tag/wiimote-whiteboard/
    por si acaso.

    Andrés

  27. Juan Xabadu dice:                                                                                                                        #27

     Califica este comentario: Vota 0  Subtract rating 0  

    @Andrés:

    Gracias por tu aporte. La verdad optamos por poner la versión más reciente del software, pensando que ese presentaría menos problemas para todos, pero bueno, en la computación ocurren estas cosas :)

    Gracias nuevamente por tu aporte, saludos

  28. Andrés dice:                                                                                                                        #28

     Califica este comentario: Vota 0  Subtract rating 0  

    muchachos: estamos realizando pruebas, nos hemos encontrado con algunos problemitas. aparentemente estamos perdiendo comunicación del lapiz IR ya que al escribir en el paint solo hace lineas verticales u horizontales. tambien en un programa de simulación quiero trasladar un elemento solo lo hace en el comienzo y despues lo suelta. Quien me puede ayudar?
    gracias a todos

  29. BLeaCH dice:                                                                                                                        #29

     Califica este comentario: Vota 0  Subtract rating 0  

    @Andrés:

    Asegurate de ke estas calibrando de buena manera el puntero con el wiimote, que este en buen angulo, trata de comprobarlo con una camara, que este bien apegada al wiimote, para que puedas tener claro lo que mas menos ve la wiimote.

    @ToPHeR: Por casualidad, ¿Tienes alguna de estas versiones betas que soportan multiples wiimotes?

  30. Andrés dice:                                                                                                                        #30

     Califica este comentario: Vota 0  Subtract rating 0  

    ToPHeR:
    no tengo de estas versiones betas, tu sabes en donde lo puedo encontrar.

    saludos

Comenta