Aplicación para guiar al usuario en el desarrollo de modelos de origami usando procesado de imagen y Realidad Aumentada.
Video demo: https://youtu.be/l9iLr0pp29Y
(1) The document provides guidelines for designing user interfaces for iOS platforms that emphasize deference to content, clarity in UI elements, and using depth cues to communicate hierarchy. It discusses colors, fonts, layout, navigation, and various other UI components.
(2) It also covers technologies like 3D Touch, Live Photos, Wallet, Apple Pay, HealthKit, extensions, HomeKit, multitasking, notifications, and accessing user data. Guidelines are given for sounds, accessibility with VoiceOver, and various UI elements like bars, buttons, and controls.
(3) The document stresses testing apps thoroughly and following standard iOS paradigms so that users instantly understand how to interact with the interface. Overall,
Desarrollo de una aplicación Flash mediante control de movimiento usando técn...Cristina Urdiales
Este proyecto se centra en emplear gestos naturales para controlar una animación Flash. De esa forma, se puede interactuar con un ordenador o con proyecciones sin necesidad de hardware específico. Para ello se captura la mano del usuario, se segmenta de la imagen y se procesa hasta obtener la forma de los dedos. En función de la posición relativa de los dedos respecto a la pantalla y entre ellos se determina el gesto y el punto de interacción y se sustituye por el cursor y el evento correspondiente de la animación Flash en ejecución.
Implementación de aplicaciones en Nintendo DS a partir de un fichero XML con ...Cristina Urdiales
Sistema para creación automática de aplicaciones tipo video-aventura para Nintendo DS basado en un archivo XML como descriptor de escenas, elementos e interacción entre estos
Generacion de un entorno virtual para un robot autonomo movil (J.J. Moreno Lu...Cristina Urdiales
El documento describe un proyecto para generar un entorno virtual que simule el comportamiento de las cámaras de un robot autónomo móvil. El simulador permitirá integrarse con el entorno de desarrollo del robot, modificar parámetros y generar imágenes a alta velocidad. El sistema calcula las proyecciones de los vértices de los objetos en la imagen de la cámara virtual y ordena los obstáculos antes de representarlos con iluminación y colores.
Caracterización del tráfico en ciudad mediante un smartphone (Pablo Fuentes)Cristina Urdiales
Sistema basado en smartphone (Android) que emplea el acelerómetro y el GPS del dispositivo para obtener la velocidad y aceleración en el plano paralelo al suelo. A partir de esta información se hace una estimación de riesgo en función de los perfiles de las curvas y se representa en Google Maps
Este documento describe los posibles resultados del uso del Aprendizaje Basado en Proyectos (PBL) en la enseñanza. Explica brevemente qué es el PBL y sus ventajas, como fomentar habilidades de trabajo en equipo y aprendizaje autónomo. Luego, detalla algunos desafíos potenciales como la decepción con los resultados del proyecto o examen, conflictos entre estudiantes, y la inestabilidad emocional que pueden experimentar los profesores durante la implementación del PBL.
(1) The document provides guidelines for designing user interfaces for iOS platforms that emphasize deference to content, clarity in UI elements, and using depth cues to communicate hierarchy. It discusses colors, fonts, layout, navigation, and various other UI components.
(2) It also covers technologies like 3D Touch, Live Photos, Wallet, Apple Pay, HealthKit, extensions, HomeKit, multitasking, notifications, and accessing user data. Guidelines are given for sounds, accessibility with VoiceOver, and various UI elements like bars, buttons, and controls.
(3) The document stresses testing apps thoroughly and following standard iOS paradigms so that users instantly understand how to interact with the interface. Overall,
Desarrollo de una aplicación Flash mediante control de movimiento usando técn...Cristina Urdiales
Este proyecto se centra en emplear gestos naturales para controlar una animación Flash. De esa forma, se puede interactuar con un ordenador o con proyecciones sin necesidad de hardware específico. Para ello se captura la mano del usuario, se segmenta de la imagen y se procesa hasta obtener la forma de los dedos. En función de la posición relativa de los dedos respecto a la pantalla y entre ellos se determina el gesto y el punto de interacción y se sustituye por el cursor y el evento correspondiente de la animación Flash en ejecución.
Implementación de aplicaciones en Nintendo DS a partir de un fichero XML con ...Cristina Urdiales
Sistema para creación automática de aplicaciones tipo video-aventura para Nintendo DS basado en un archivo XML como descriptor de escenas, elementos e interacción entre estos
Generacion de un entorno virtual para un robot autonomo movil (J.J. Moreno Lu...Cristina Urdiales
El documento describe un proyecto para generar un entorno virtual que simule el comportamiento de las cámaras de un robot autónomo móvil. El simulador permitirá integrarse con el entorno de desarrollo del robot, modificar parámetros y generar imágenes a alta velocidad. El sistema calcula las proyecciones de los vértices de los objetos en la imagen de la cámara virtual y ordena los obstáculos antes de representarlos con iluminación y colores.
Caracterización del tráfico en ciudad mediante un smartphone (Pablo Fuentes)Cristina Urdiales
Sistema basado en smartphone (Android) que emplea el acelerómetro y el GPS del dispositivo para obtener la velocidad y aceleración en el plano paralelo al suelo. A partir de esta información se hace una estimación de riesgo en función de los perfiles de las curvas y se representa en Google Maps
Este documento describe los posibles resultados del uso del Aprendizaje Basado en Proyectos (PBL) en la enseñanza. Explica brevemente qué es el PBL y sus ventajas, como fomentar habilidades de trabajo en equipo y aprendizaje autónomo. Luego, detalla algunos desafíos potenciales como la decepción con los resultados del proyecto o examen, conflictos entre estudiantes, y la inestabilidad emocional que pueden experimentar los profesores durante la implementación del PBL.
Tarea integrada, utilizando dispositivos minIpad con la app iMovie, para grabar y editar un vídeo. Implementada dentro de la secuencia didáctica "Emozioen ZOOlogikoa"
Este documento presenta información sobre las aplicaciones móviles (apps). Define las apps como programas que realizan funciones específicas en dispositivos móviles como juegos, calculadoras y directorios. Explica que las apps se pueden descargar e instalar en smartphones y tabletas con sistemas operativos como iOS, Android y Windows. Además, proporciona ejemplos de apps útiles para la arquitectura como AutoCAD 360, MagicPlan y Photo Measures.
Este documento presenta App Inventor, una herramienta gratuita desarrollada por el MIT que permite crear aplicaciones móviles de forma visual sin necesidad de conocimientos de programación. Explica que App Inventor usa bloques de programación para diseñar y desarrollar apps, y muestra ejemplos simples como una app de saludo y otra de preguntas sobre películas. Además, indica que las apps creadas con App Inventor se pueden publicar en Google Play y compartir con otros, pero no exportar el código a otros ent
Aplicaciones móviles para el uso en arquitecturaRafa Peña
Este documento resume varias aplicaciones móviles útiles para arquitectos. Incluye apps para medir espacios como MagicPlan y PhotoMeasures, apps para crear planos como AutoCAD 360 y FloorPlanCreator, apps para modelado 3D como Graphisoft BIMx, y apps para dibujar y tomar notas como Sketchbook y Adobe Ideas. También presenta apps para consultar catálogos de materiales y ver información histórica de edificios.
El siguiente trabajo muestra el contenido sobre el tema: "LAS APPS". Elaborado como uno de los puntos importantes de un trabajo final. Esperando sirva de apoyo academico.
Aplicaciones móviles para el uso en arquitecturaRafa Peña
Aplicaciones moviles que pueden llegar a servir a otros arquitectos para que les puedan ayudar en su trabajo del día a día, aplicaciones para sacar plantas, para sacar fotos de 360º, para apuntar medidas en fotos...
iOnRoad es una aplicación que utiliza la cámara y los sensores del teléfono inteligente para mejorar la seguridad durante la conducción mediante la detección de objetos frente al vehículo y alertando al conductor de posibles colisiones. Proporciona advertencias de distancia de seguridad, salida de carril y localización del vehículo. Se instala gratis en PlayStore y requiere acceso a la cámara, ubicación y otros sensores para funcionar.
Este documento resume las características y usos de las aplicaciones móviles o "apps". Define las apps como pequeños programas diseñados para realizar funciones específicas como juegos, calculadoras o programas educativos. Explica que requieren un dispositivo móvil con acceso a Internet para descargarlas desde tiendas de aplicaciones. También cubre el costo de las apps, que varía desde $30-60 para aplicaciones básicas hasta $80-200 para aplicaciones más complejas. Finalmente, menciona algunas apps populares para diseño como Autoc
Las aplicaciones móviles (apps) son programas que se instalan en dispositivos como teléfonos o tabletas para acceder a contenido de forma instantánea. Algunas características clave de las apps exitosas son que sean sencillas, funcionales, atractivas visualmente y estén disponibles en múltiples plataformas. Las apps de arquitectura como AutoCAD 360 permiten ver, modificar y compartir planos de forma gratuita en cualquier lugar.
El documento describe los conceptos básicos de las imágenes digitales, incluyendo que están compuestas de píxeles con valores numéricos, los tipos de imágenes de mapa de bits y vectoriales, y los métodos comunes para capturar imágenes digitales como cámaras digitales y escáneres. También explica características clave de las cámaras digitales como la resolución, el zoom y los formatos de almacenamiento de imágenes comunes.
El documento describe las características y herramientas para desarrollar aplicaciones nativas para iPhone OS, incluyendo el uso de Animation Core, Location Core, Cocoa Touch y MVC. También cubre el programa de desarrolladores de iPhone, herramientas como Xcode e Instruments, y nuevas APIs en iPhone OS 3.0 como In-App Purchase y notificaciones push.
El iPad como herramienta de productividad profesional #Productivity #iPadProEDVenan Llona
Taller-demo "El iPad como herramienta de productividad profesional" presentado por Venan Llona (@vllona) el 6 de diciembre de 2014 en la primera Araba Encounter #AE01 organizado por Enpresa Digitala de SPRI.
Este documento presenta las soluciones de marketing digital interactivo de GoiDigi, incluyendo iPhotocall (un photocall interactivo con realidad aumentada) y xApps (aplicaciones móviles de experiencias). Describe lo que son, cómo funcionan, sus beneficios, ejemplos y opciones de configuración y precios.
La propuesta resume un futuro móvil para gestores audaces y visionarios a través del desarrollo de aplicaciones móviles. Ofrece servicios como el desarrollo de aplicaciones para iPhone, iPad, Android y otras plataformas, así como proyectos personalizados. Su metodología incluye conceptos, co-creación, producción, activación y análisis de datos.
Este documento presenta App Inventor, una herramienta gratuita desarrollada por el MIT que permite crear aplicaciones para Android mediante programación visual. Explica que App Inventor permite diseñar aplicaciones en una página web sin necesidad de conocimientos de programación, usando bloques para conectar componentes visuales y funcionalidades. También brinda algunos ejemplos básicos de aplicaciones que se pueden crear y recursos disponibles para aprender a usar esta herramienta.
Este documento describe diferentes aplicaciones móviles (apps) relacionadas con la arquitectura. Explica brevemente qué son las apps, de dónde viene el término, y características comunes como proveer acceso a contenido sin conexión a Internet y estar diseñadas para pantallas pequeñas. Luego presenta ejemplos específicos de apps como mapas interiores de Google, herramientas de diseño 3D, juegos con arquitecturas imposibles, y calculadoras para arquitectos.
Las aplicaciones móviles (apps) son programas diseñados para realizar funciones específicas en dispositivos móviles como teléfonos inteligentes y tabletas. Las apps exitosas resuelven necesidades prácticas de los usuarios, son fáciles de usar e invitan a compartir contenido. El documento también describe algunas apps populares para arquitectura como AutoCAD 360, Drawvis y myPANTONE, que permiten ver y modificar planos, realizar anotaciones y acceder a bibliotecas de colores.
The Formula Behind programa de facturacion tango gratisronald9donkey
Este documento describe un accesorio motorizado para iPhone que permite girar y mover la cámara del teléfono de forma remota u automática a través de una aplicación o navegador web. El accesorio ofrece giros de hasta 200 grados por segundo y permite grabar video de forma controlada para usos como vigilancia o videoconferencia. Se controla emparejando el accesorio con otro dispositivo iOS o una página web para ver la imagen en tiempo real. El accesorio incluye batería, montura para trípode y cargador para iPhone,
Este documento describe las aplicaciones móviles (apps) y algunas características de las apps exitosas. Explica que las apps son programas que se instalan en dispositivos móviles como teléfonos o tabletas. También describe algunas apps populares para arquitectura como AutoCAD 360, Corel CAD, Rhino 3D, Autodesk Formit y Graphisoft BIMx.
Desarrollo de una interfaz interactiva para museos (Silvia Moral)Cristina Urdiales
Desarrollo de una aplicación para interactuar con una proyección en un museo con gestos de las manos utilizando un dispositivo Kinect.
La aplicación se probó en el MUPAM (Málaga) para recorrer el trazado de la ciudad de Málaga desde sus inicios hasta la actualidad, con posibilidad de manejar información 2D y 3D.
Video de la instalación en las Noches en Blanco 2015 y 2016 aquí:
https://youtu.be/70vxJ9OehdQ
Este documento propone un sistema de control híbrido para microbots que combina un nivel deliberativo ejecutado en un PC y un nivel reactivo implementado en el microbot. El sistema permitiría dotar de autonomía al microbot para navegar por un entorno evitando obstáculos a través de esta arquitectura de control híbrida distribuida.
Mais conteúdo relacionado
Semelhante a Origam-i: Juego basado en Realidad Aumentada para iPhone (Santiago García Guillén)
Tarea integrada, utilizando dispositivos minIpad con la app iMovie, para grabar y editar un vídeo. Implementada dentro de la secuencia didáctica "Emozioen ZOOlogikoa"
Este documento presenta información sobre las aplicaciones móviles (apps). Define las apps como programas que realizan funciones específicas en dispositivos móviles como juegos, calculadoras y directorios. Explica que las apps se pueden descargar e instalar en smartphones y tabletas con sistemas operativos como iOS, Android y Windows. Además, proporciona ejemplos de apps útiles para la arquitectura como AutoCAD 360, MagicPlan y Photo Measures.
Este documento presenta App Inventor, una herramienta gratuita desarrollada por el MIT que permite crear aplicaciones móviles de forma visual sin necesidad de conocimientos de programación. Explica que App Inventor usa bloques de programación para diseñar y desarrollar apps, y muestra ejemplos simples como una app de saludo y otra de preguntas sobre películas. Además, indica que las apps creadas con App Inventor se pueden publicar en Google Play y compartir con otros, pero no exportar el código a otros ent
Aplicaciones móviles para el uso en arquitecturaRafa Peña
Este documento resume varias aplicaciones móviles útiles para arquitectos. Incluye apps para medir espacios como MagicPlan y PhotoMeasures, apps para crear planos como AutoCAD 360 y FloorPlanCreator, apps para modelado 3D como Graphisoft BIMx, y apps para dibujar y tomar notas como Sketchbook y Adobe Ideas. También presenta apps para consultar catálogos de materiales y ver información histórica de edificios.
El siguiente trabajo muestra el contenido sobre el tema: "LAS APPS". Elaborado como uno de los puntos importantes de un trabajo final. Esperando sirva de apoyo academico.
Aplicaciones móviles para el uso en arquitecturaRafa Peña
Aplicaciones moviles que pueden llegar a servir a otros arquitectos para que les puedan ayudar en su trabajo del día a día, aplicaciones para sacar plantas, para sacar fotos de 360º, para apuntar medidas en fotos...
iOnRoad es una aplicación que utiliza la cámara y los sensores del teléfono inteligente para mejorar la seguridad durante la conducción mediante la detección de objetos frente al vehículo y alertando al conductor de posibles colisiones. Proporciona advertencias de distancia de seguridad, salida de carril y localización del vehículo. Se instala gratis en PlayStore y requiere acceso a la cámara, ubicación y otros sensores para funcionar.
Este documento resume las características y usos de las aplicaciones móviles o "apps". Define las apps como pequeños programas diseñados para realizar funciones específicas como juegos, calculadoras o programas educativos. Explica que requieren un dispositivo móvil con acceso a Internet para descargarlas desde tiendas de aplicaciones. También cubre el costo de las apps, que varía desde $30-60 para aplicaciones básicas hasta $80-200 para aplicaciones más complejas. Finalmente, menciona algunas apps populares para diseño como Autoc
Las aplicaciones móviles (apps) son programas que se instalan en dispositivos como teléfonos o tabletas para acceder a contenido de forma instantánea. Algunas características clave de las apps exitosas son que sean sencillas, funcionales, atractivas visualmente y estén disponibles en múltiples plataformas. Las apps de arquitectura como AutoCAD 360 permiten ver, modificar y compartir planos de forma gratuita en cualquier lugar.
El documento describe los conceptos básicos de las imágenes digitales, incluyendo que están compuestas de píxeles con valores numéricos, los tipos de imágenes de mapa de bits y vectoriales, y los métodos comunes para capturar imágenes digitales como cámaras digitales y escáneres. También explica características clave de las cámaras digitales como la resolución, el zoom y los formatos de almacenamiento de imágenes comunes.
El documento describe las características y herramientas para desarrollar aplicaciones nativas para iPhone OS, incluyendo el uso de Animation Core, Location Core, Cocoa Touch y MVC. También cubre el programa de desarrolladores de iPhone, herramientas como Xcode e Instruments, y nuevas APIs en iPhone OS 3.0 como In-App Purchase y notificaciones push.
El iPad como herramienta de productividad profesional #Productivity #iPadProEDVenan Llona
Taller-demo "El iPad como herramienta de productividad profesional" presentado por Venan Llona (@vllona) el 6 de diciembre de 2014 en la primera Araba Encounter #AE01 organizado por Enpresa Digitala de SPRI.
Este documento presenta las soluciones de marketing digital interactivo de GoiDigi, incluyendo iPhotocall (un photocall interactivo con realidad aumentada) y xApps (aplicaciones móviles de experiencias). Describe lo que son, cómo funcionan, sus beneficios, ejemplos y opciones de configuración y precios.
La propuesta resume un futuro móvil para gestores audaces y visionarios a través del desarrollo de aplicaciones móviles. Ofrece servicios como el desarrollo de aplicaciones para iPhone, iPad, Android y otras plataformas, así como proyectos personalizados. Su metodología incluye conceptos, co-creación, producción, activación y análisis de datos.
Este documento presenta App Inventor, una herramienta gratuita desarrollada por el MIT que permite crear aplicaciones para Android mediante programación visual. Explica que App Inventor permite diseñar aplicaciones en una página web sin necesidad de conocimientos de programación, usando bloques para conectar componentes visuales y funcionalidades. También brinda algunos ejemplos básicos de aplicaciones que se pueden crear y recursos disponibles para aprender a usar esta herramienta.
Este documento describe diferentes aplicaciones móviles (apps) relacionadas con la arquitectura. Explica brevemente qué son las apps, de dónde viene el término, y características comunes como proveer acceso a contenido sin conexión a Internet y estar diseñadas para pantallas pequeñas. Luego presenta ejemplos específicos de apps como mapas interiores de Google, herramientas de diseño 3D, juegos con arquitecturas imposibles, y calculadoras para arquitectos.
Las aplicaciones móviles (apps) son programas diseñados para realizar funciones específicas en dispositivos móviles como teléfonos inteligentes y tabletas. Las apps exitosas resuelven necesidades prácticas de los usuarios, son fáciles de usar e invitan a compartir contenido. El documento también describe algunas apps populares para arquitectura como AutoCAD 360, Drawvis y myPANTONE, que permiten ver y modificar planos, realizar anotaciones y acceder a bibliotecas de colores.
The Formula Behind programa de facturacion tango gratisronald9donkey
Este documento describe un accesorio motorizado para iPhone que permite girar y mover la cámara del teléfono de forma remota u automática a través de una aplicación o navegador web. El accesorio ofrece giros de hasta 200 grados por segundo y permite grabar video de forma controlada para usos como vigilancia o videoconferencia. Se controla emparejando el accesorio con otro dispositivo iOS o una página web para ver la imagen en tiempo real. El accesorio incluye batería, montura para trípode y cargador para iPhone,
Este documento describe las aplicaciones móviles (apps) y algunas características de las apps exitosas. Explica que las apps son programas que se instalan en dispositivos móviles como teléfonos o tabletas. También describe algunas apps populares para arquitectura como AutoCAD 360, Corel CAD, Rhino 3D, Autodesk Formit y Graphisoft BIMx.
Semelhante a Origam-i: Juego basado en Realidad Aumentada para iPhone (Santiago García Guillén) (20)
Desarrollo de una interfaz interactiva para museos (Silvia Moral)Cristina Urdiales
Desarrollo de una aplicación para interactuar con una proyección en un museo con gestos de las manos utilizando un dispositivo Kinect.
La aplicación se probó en el MUPAM (Málaga) para recorrer el trazado de la ciudad de Málaga desde sus inicios hasta la actualidad, con posibilidad de manejar información 2D y 3D.
Video de la instalación en las Noches en Blanco 2015 y 2016 aquí:
https://youtu.be/70vxJ9OehdQ
Este documento propone un sistema de control híbrido para microbots que combina un nivel deliberativo ejecutado en un PC y un nivel reactivo implementado en el microbot. El sistema permitiría dotar de autonomía al microbot para navegar por un entorno evitando obstáculos a través de esta arquitectura de control híbrida distribuida.
Simulador RFID para localización de objetos móvilesCristina Urdiales
PFC del alumno Gilberto Rodríguez para la obtención del título de Ingeniero de Telecomunicación. Sistema para actualización dinámica de una base de datos con la ubicación de objetos portables etiquetados mediante RFID usando un lector portátil. Orientado a personas con problemas de visión o transtornos cognitivos.
Modelado automático 3d de entornos mediante realidad aumentada orientado a ex...Cristina Urdiales
Sistema de Virtualidad Aumentada para reemplazar el fondo de una escena por un entorno virtual sin utilizar croma y empleando cámaras en movimiento. El sistema se basa en ubicar marcas artificiales en puntos del entorno para tener siempre ubicada la cámara dentro del espacio, que se modela automáticamente mediante planos de fondo para proceder a una substracción automática de fondo con respecto al fotograma que se procesa en cada instante. El fotograma modificado incluye en entorno virtual renderizado desde el punto de vista de la cámara, más todos los elementos móviles o que no forman parte del fondo en el entorno.
Visualización aumentada de modelos 3D para diseño arquitectónico (A. Ruiz Agu...Cristina Urdiales
Este documento describe un sistema de realidad aumentada para el diseño arquitectónico que permite visualizar modelos 3D. El sistema utiliza posicionamiento basado en marcas para alinear objetos virtuales con el mundo real y detección de gestos de la mano para manipular los modelos. El sistema detecta la mano mediante segmentación por color y los dedos a través del análisis de curvatura, logrando un posicionamiento preciso y permitiendo la interacción con los modelos 3D para asistir el proceso de diseño arquitectónico.
Sistema de información móvil basado en GPS (B. Prieto)Cristina Urdiales
App development system for mobile phones in Java. The system is designed to work in a PC using a graphic editor. Hotspots are added to a Google Maps interface to indicate where the resulting app will provide information to the end user. The designer can generate the app automatically without programming.
Pizarra Digital Interactica mediante el uso del Wiimote (F. Morabet)Cristina Urdiales
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.
Enlace radio bidireccional PC-MICROBOT (E. Rodriguez Regidor)Cristina Urdiales
Este documento describe el diseño e implementación de un enlace radio bidireccional entre un PC y microbots para permitir la transmisión de comandos y datos de sensores. Se especifican los requisitos del sistema, se analizan alternativas de diseño y se presentan diagramas de bloques. Finalmente, se detallan las pruebas realizadas y los resultados obtenidos, concluyendo que el prototipo funciona correctamente cumpliendo los objetivos planteados.
Interfaz de usuario para el desarrollo de contenidos en guías turísticas orie...Cristina Urdiales
Interfaz de usuario para desarrollar aplicaciones tipo videoaventura sobre Nintendo DS mediante la generación de un fichero descriptor XML que lista escenas, elementos e interacción entre ellos. Se encarga de dejar en el formato adecuado todos los elementos multimedia necesarios para la videoconsola. La idea básica de este proyecto es aislar la labor del programador de la del diseñador de contenidos.
Sistema de localización visual por color (M. Dominguez Duran)Cristina Urdiales
Sistema para localizarse visualmente en un entorno a partir de una imagen. El sistema construye una topología basada en la situación física y descriptores del color de los distintos elementos que constituyen la escena y los compara con las topologías correspondientes de los panoramas de que dispone en su base de datos. Se admiten distorsiones, cambios de iluminación, perspectiva, elementos dinámicos, etc trabajando con invariantes y con estadística.
Coordinación por visión de equipos de robots móviles (J. Cebolla)Cristina Urdiales
Sistema de coordinación de tareas basado en localización visual por triangulación de robots. Las posiciones de cada uno se actualizan a partir de las distancias relativas al resto. A partir de dichas posiciones, cada robot aprende la tarea correspondiente al grupo.
Plataforma inalámbrica para la monitorización y teleasistencia domiciliaria u...Cristina Urdiales
Desarrollo de una plataforma de teleasistencia con soporte para dispositivos biométricos Bluetooth y Zigbee e interfaz web basada en un PC con conexión WiFi
Interfaz gráfico de usuario con control táctil para juegos musicales multijug...Cristina Urdiales
Videojuego GPL en la línea del Freats on Fire que permite analizar cualquier canción en formato audio digital, extraer el ritmo y transformarlo en una secuencia de notas de complejidad variable para una interfaz tipo Guitar Hero.
Bóveda celeste usando Realidad Aumentada (D. Berrocal)Cristina Urdiales
Este proyecto se centra en el desarrollo de un planisferio celeste mediante Realidad Aumentada (usando proyector o gafas). Para ello se estima la posición del usuario mediante marcas en la superficie de proyección y se añaden las estrellas que estarían visibles con respecto a esta. Usando una marca tipo puntero se pueden seleccionar estrellas para resaltar a qué constelación pertenecen, su nombre y otros datos.
Algoritmo de resolucion automatica de puzzles (J.O. Merry)Cristina Urdiales
Este documento describe un algoritmo desarrollado para resolver puzzles de forma automática. El algoritmo procesa la imagen original para segmentarla en piezas individuales, caracterizar las piezas basado en la curvatura de sus contornos para diferenciar sus lados, clasificar los lados, emparejar las piezas y montar el puzzle resuelto. El objetivo es simular el comportamiento humano en la resolución de puzzles de forma automática y portable.
Sistema de comunicacion via radio entre PC y Microbot (M. Gonzalez Martin)Cristina Urdiales
Este documento describe el diseño e implementación de un sistema de comunicación vía radio entre un ordenador personal y un microbot. El sistema permite enviar comandos de forma unidireccional desde el PC hasta el microbot para controlar su movimiento. El documento explica los bloques del sistema, las pruebas realizadas y concluye que el prototipo cumple los objetivos planteados y podría ampliarse en el futuro para permitir comunicaciones bidireccionales o entre varios microbots.
Inmersión en entornos virtuales mediante Realidad Aumentada (Begoña Sagredo)Cristina Urdiales
Sistema de Virtualidad Aumentada. Utiliza técnicas de posicionamiento basado en marcas y de sustracción de fondo para ubicar al usuario en un entorno distinto al que se encuentra. Para ello se modela automáticamente en entorno mediante planos que se detectan usando marcas tipo ARToolkit y después, una vez posicionado el usuario respecto a las marcas, se resta lo que está viendo del renderizado del modelo, quedando únicamente los objetos móviles, que pasan a ubicarse en el mundo virtual seleccionado.
Sistema de aprendizaje para el coloreado de dibujo (Jose Manuel Benicio)Cristina Urdiales
Aplicación para smartphone Android orientada a detectar colores del entorno e indicar cómo obtenerlos mezclando pigmentos de una paleta real comercial (óleos, acuarelas, acrílicos, etc). También permite calcular los complementarios, suplementarios, triádicos, etc del color elegido, así como calcular qué color encaja más con los que ya se tienen en el dibujo.
Plataforma de informacion geolocalizada para Android (Antonio Lopez Garcia)Cristina Urdiales
El documento describe el desarrollo de una plataforma de información geolocalizada para Android. Incluye un gestor de contenidos web para administrar la información y una aplicación Android para visualizarla en un mapa. La plataforma permite insertar, editar y previsualizar marcadores con datos como imágenes, audio y texto para ser mostrados a usuarios cuando se encuentren en una ubicación determinada. El sistema fue probado en diferentes dispositivos y navegadores y cumple con el objetivo de proporcionar información dinámica y flexible de forma accesible para
ESPERAMOS QUE ESTA INFOGRAFÍA SEA UNA HERRAMIENTA ÚTIL Y EDUCATIVA QUE INSPIRE A MÁS PERSONAS A ADENTRARSE EN EL APASIONANTE CAMPO DE LA INGENIERÍA CIVIŁ. ¡ACOMPAÑANOS EN ESTE VIAJE DE APRENDIZAJE Y DESCUBRIMIENTO
Los puentes son estructuras esenciales en la infraestructura de transporte, permitiendo la conexión entre diferentes
puntos geográficos y facilitando el flujo de bienes y personas.
Origam-i: Juego basado en Realidad Aumentada para iPhone (Santiago García Guillén)
1. Origam-i:
Juego basado en procesado de imagen para iPhone
Realizado por: Santiago Garc´ıa Guill´en
Dirigido por: Cristina Urdiales Garc´ıa
Escuela T´ecnica Superior de Ingenier´ıa de Telecomunicaci´on
Universidad de M´alaga
19 Mayo 2014
2. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
1 Introducci´on a los dispositivos m´oviles
2 Caracter´ısticas del problema: iOS y origami
3 Estudio de procesado de imagen aplicado a Origam-i
4 Aplicaciones desarrolladas
5 Conclusiones y trabajo futuro
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
3. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Explosi´on de los dispositivos m´oviles
Dispositivos m´oviles del ahora: Smartphones y tabletas
Desde ∼2009: explosi´on de ventas. Llegada al usuario medio
Reducci´on de precio
Aparici´on de la tecnolog´ıa 3G
Mejora de sus capacidades y perif´ericos
CPU
Pantalla t´actil
Videoc´amara y GPU
Sistema de sonido
GPS
Aceler´ometros
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
4. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Explosi´on de los dispositivos m´oviles
Dispositivos m´oviles del ahora: Smartphones y tabletas
Desde ∼2009: explosi´on de ventas. Llegada al usuario medio
Reducci´on de precio
Aparici´on de la tecnolog´ıa 3G
Mejora de sus capacidades y perif´ericos
CPU
Pantalla t´actil
Videoc´amara y GPU
Sistema de sonido
GPS
Aceler´ometros
Mercado se compartimenta seg´un plataforma
iOS de Apple: iPhone y iPad
Android de Google junto a diferentes compa˜n´ıas
Blackberry
Windows Phone (Microsoft + Nokia)
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
5. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Aplicaciones para smartphones
Un tel´efono ya no sirve solo para llamar: aplicaciones (apps)
Smartphone: ordenador en la palma de la mano
Movilidad, maniobrabilidad, ergonom´ıa,...
Tiendas virtuales: App Store, Google Play
Aplicaciones de todo tipo
Utilidades
Comunicaciones y redes sociales
Ofim´atica
M´usica
Juegos
Telemedicina
Educativas
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
6. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Aplicaciones para smartphones
Aplicaciones educativas: Sistemas interactivos tutorizados
Simbiosis perfecta con sistemas m´oviles
Tutorizaci´on mediante realimentaci´on usuario–m´ovil
Un smartphone es un ordenador en la palma de la mano
Siempre encima
Maniobrabilidad
M´as ameno que leer un manual
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
7. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Smartphones: evoluci´on
A lifetime of Apps. IEEE Spectrum Sep 2012 c James Provost
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
8. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
¿Qu´e vamos a hacer?
Sistema interactivo tutorizado
Aportar know-how acad´emico
Desarrollar una aplicaci´on que permita probar las ventajas que
ofrecen los smartphones
Crear un ejemplo de aplicaci´on interactiva tutorizada
Tutor: tiene el conocimiento
Usuario: realiza el aprendizaje
Programador: a´ısla el conocimiento del tutor y lo ofrece al
usuario
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
9. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
¿Qu´e vamos a hacer?
Sistema interactivo tutorizado
Aportar know-how acad´emico
Desarrollar una aplicaci´on que permita probar las ventajas que
ofrecen los smartphones
Crear un ejemplo de aplicaci´on interactiva tutorizada
Tutor: tiene el conocimiento
Usuario: realiza el aprendizaje
Programador: a´ısla el conocimiento del tutor y lo ofrece al
usuario
Origam-i: Juego basado en procesado de imagen para iPhone
Captura del entorno: videoc´amara
Realimentaci´on hacia el usuario: Pantalla t´actil
Alto consumo de CPU/GPU: procesado en directo
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
10. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Realidad Aumentada
Versi´on mejorada de la realidad superponiendo informaci´on digital
Toma de datos del entorno, procesado y representaci´on
No es imprescindible, pero se ajusta perfectamente
Forma m´as intuitiva de ense˜nar: mostrar en directo
Aplicaciones de altos requerimientos
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
11. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Elecci´on de plataforma: iPhone y iOS
iOS: iPhone OS, lanzado en 2007
Versi´on actual: iPhone 5S/5C y iOS 7.0
¿Por qu´e iPhone? Pocos dispositivos, pocas versiones SO
Programaci´on en Objective-C
Extensi´on POO del lenguaje C. Sintaxis propia
SDK y entorno de desarrollo proporcionado por Apple
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
12. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Arquitectura l´ogica iOS
Capas L´ogicas en iOS
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
13. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Patrones de dise˜no
Patr´on de dise˜no (templates): Soluci´on reutilizable a problemas comunes
Modelo–Vista–Controlador (MVC)
Paso de mensajes: NSNotificationCenter
Delegaci´on
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
14. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Caracter´ısticas del origami
La papiroflexia —u origami en japon´es— es el arte de plegar un
papel para obtener figuras de formas variadas
Caracter´ısticas:
Cada figura se compone de diferentes pasos ordenados
Cada paso tiene una forma ´unica
Entre paso y paso se realiza un doblez
El papel usado tiene dos colores: frente y dorso
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
15. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Tipos de dobleces
Valle
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
16. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Tipos de dobleces
Inside Reverse o Hueco
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
17. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Tipos de dobleces
Apertura
¡No es plano!
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
18. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Limitaciones
No se pueden tener pasos tridimensionales
Easy Origami: Solo 2D
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
19. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Limitaciones
No se pueden tener pasos tridimensionales
Easy Origami: Solo 2D
Es necesario aislar caracter´ısticas que identifiquen la forma
Existen zonas de sombra y el color no es constante
Procesado de imagen: detecci´on de esquinas, color
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
20. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Limitaciones
No se pueden tener pasos tridimensionales
Easy Origami: Solo 2D
Es necesario aislar caracter´ısticas que identifiquen la forma
Existen zonas de sombra y el color no es constante
Procesado de imagen: detecci´on de esquinas, color
Es necesario diferenciar Frente, Dorso y color de fondo
Imponer el uso de tres colores planos y diferentes
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
21. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Limitaciones
No se pueden tener pasos tridimensionales
Easy Origami: Solo 2D
Es necesario aislar caracter´ısticas que identifiquen la forma
Existen zonas de sombra y el color no es constante
Procesado de imagen: detecci´on de esquinas, color
Es necesario diferenciar Frente, Dorso y color de fondo
Imponer el uso de tres colores planos y diferentes
El doblez se identifica mediante varios par´ametros
Es una recta: al menos dos puntos
Es un tipo concreto de doblez: ¿qu´e parte se dobla?
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
22. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Limitaciones
No se pueden tener pasos tridimensionales
Easy Origami: Solo 2D
Es necesario aislar caracter´ısticas que identifiquen la forma
Existen zonas de sombra y el color no es constante
Procesado de imagen: detecci´on de esquinas, color
Es necesario diferenciar Frente, Dorso y color de fondo
Imponer el uso de tres colores planos y diferentes
El doblez se identifica mediante varios par´ametros
Es una recta: al menos dos puntos
Es un tipo concreto de doblez: ¿qu´e parte se dobla?
Los pasos deben ser almacenados correctamente
Base de datos
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
23. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Estudiando el problema en conjunto...
Sistema interactivo tutorizado
Dispositivo m´ovil
Origami
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
24. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Estudiando el problema en conjunto...
Sistema interactivo tutorizado
Dispositivo m´ovil
Origami
Plataforma que genera nuevas aplicaciones
Tutor–Programador: Aplicaci´on del desarrollador
Programador–Usuario: Aplicaci´on de usuario final
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
25. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Divisi´on del proyecto en dos aplicaciones
Diferentes usuarios, diferentes necesidades
El usuario final quiere feedback r´apido: flujo de video
El tutor ya sabe los pasos: fotograf´ıas
Diferentes escenarios, diferentes procesados
Al crear la base de datos, el visto bueno lo da el tutor
Al usar la base de datos, la aplicaci´on da el visto bueno
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
26. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Divisi´on del proyecto en dos aplicaciones
Diferentes usuarios, diferentes necesidades
El usuario final quiere feedback r´apido: flujo de video
El tutor ya sabe los pasos: fotograf´ıas
Diferentes escenarios, diferentes procesados
Al crear la base de datos, el visto bueno lo da el tutor
Al usar la base de datos, la aplicaci´on da el visto bueno
Aislar creaci´on y distribuci´on
Crear diferentes bases de datos para comercializar
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
27. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Divisi´on del proyecto en dos aplicaciones
Diferentes usuarios, diferentes necesidades
El usuario final quiere feedback r´apido: flujo de video
El tutor ya sabe los pasos: fotograf´ıas
Diferentes escenarios, diferentes procesados
Al crear la base de datos, el visto bueno lo da el tutor
Al usar la base de datos, la aplicaci´on da el visto bueno
Aislar creaci´on y distribuci´on
Crear diferentes bases de datos para comercializar
Dos aplicaciones sobre iOS
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
28. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
¿Qu´e procesado de imagen?
Procesado en color
Mejora de la calidad de imagen: Iluminaci´on, sombras
Extracci´on de esquinas
Identificaci´on de la forma de la figura: Esquinas
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
29. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
¿Qu´e sabemos de las sombras?
¿Qu´e provoca las sombras?
Elementos externos
La propia figura: bordes
Reducci´on de luz:
Oscurecimiento de una zona
de la imagen
¿Podemos aclarar un color?
Gracias a la representaci´on
en espacio de color
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
30. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Espacios de color
RGB: ¡No es f´acil moverse! HSV: Basta variar V
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
31. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Procesado de color
Transformaci´on RGB→HSV→RGB
Ecuaciones complejas: Lentas
Tabular los resultados (Look-Up Table) ()
Memoria: 256 × 256 × 256 × 3 × 4 ≈ 192Mbytes
iPhone 4: 512 Mbytes de RAM
Usar disco: P´erdida de velocidad
Diezmado: P´erdida de precisi´on
Agrupaci´on de colores ()
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
32. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Procesado de color
Transformaci´on RGB→HSV→RGB
Ecuaciones complejas: Lentas
Tabular los resultados (Look-Up Table) ()
Memoria: 256 × 256 × 256 × 3 × 4 ≈ 192Mbytes
iPhone 4: 512 Mbytes de RAM
Usar disco: P´erdida de velocidad
Diezmado: P´erdida de precisi´on
Agrupaci´on de colores ()
Acudir a transformaciones aproximadas y r´apidas (!)
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
33. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Procesado de color
Transformaci´on RGB→HSV→RGB
Transformada r´apida RGB-HSV
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
34. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Detecci´on de esquinas
¿Qu´e caracter´ısticas debe tener un detector de esquinas?
Debe detectar todas las esquinas
No debe detectar esquinas donde no las hay
Tiene que ser robusto ante el ruido
Debe ser preciso en la localizaci´on de una esquina
¿Qu´e problemas podemos encontrar en la imagen?
Sombras
Desenfoque o imagen borrosa
Exceso o defecto de iluminaci´on
Fallos hardware
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
35. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Extracci´on de esquinas
Algoritmos de extracci´on de esquinas
FAST(-er)
C´odigo liberado en C++
Usa escala de grises
fastn y fastn non max
non max suppression: Supresi´on de no m´aximos locales
Medida de Harris
Desarrollo matem´atico
Gran cantidad de c´alculos: uso de GPU y flujo de video
Basado en intensidad lum´ınica de varios p´ıxeles
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
36. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Extracci´on de esquinas
Extracci´on de esquinas: escala de grises
Mapear un universo tridimensional en uno unidimensional
PAL/Apple (FAST): Y = 0,299 × R + 0,587 × G + 0,114 × B
ITU-R BT.709 (Harris): Y = 0,2125 × R + 0,7154 × G + 0,0721 × B
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
37. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Extracci´on de esquinas
Extracci´on de esquinas: escala de grises
Mapear un universo tridimensional en uno unidimensional
PAL/Apple (FAST): Y = 0,299 × R + 0,587 × G + 0,114 × B
ITU-R BT.709 (Harris): Y = 0,2125 × R + 0,7154 × G + 0,0721 × B
Colisiones en colores complejos
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
38. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Extracci´on de esquinas en app del tutor: FAST
FAST
Par´ametro clave: Contig¨uidad de n p´ıxeles
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
39. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Extracci´on de esquinas en app del tutor: FAST
fast10 fast10 non max
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
40. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Extracci´on de esquinas en app del tutor: FAST
fast10 fast11
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
41. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Extracci´on de esquinas en app del tutor: FAST
Modelo h´ıbrido
fast10
Contig¨uidad 10px sobre circunferencia 16px
Algoritmo de supresi´on de duplicados propio
fastn non max elimina esquinas que no debe
Rcluster = 0,03 ·
√
W · H
Ajuste fino manual aprovechando la pantalla t´actil
Borrar es m´as f´acil que a˜nadir
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
42. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
FAST: Rendimiento
M´odulo/funci´on Tiempo de proceso ¯t (ms)
Obtenci´on del mapa de bits (CG) ≈ 690
RGB2HSVRapido (C++) ≈ 270
Giro de la imagen (CG) ≈ 670
Image2Grayscale (CG) ≈ 100
fast10 (C++) ≈ 17
Simplificar cl´uster /10u (C++) ≈ 6
Superposici´on RA /1u (UIKit) ≈ 5
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
43. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
FAST: Rendimiento
M´odulo/funci´on Tiempo de proceso ¯t (ms)
Obtenci´on del mapa de bits (CG) ≈ 690
RGB2HSVRapido (C++) ≈ 270
Giro de la imagen (CG) ≈ 670
Image2Grayscale (CG) ≈ 100
fast10 (C++) ≈ 17
Simplificar cl´uster /10u (C++) ≈ 6
Superposici´on RA /1u (UIKit) ≈ 5
Tiempo total ≈ 2s
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
44. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Extracci´on de esquinas en app de usuario: Medida Harris
Medida Harris
Par´ametro clave: variaci´on de la intensidad en ambas dimensiones
Robert Collins. Harris Corner Detector, 2007
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
45. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Extracci´on de esquinas en app de usuario: Medida Harris
Trabajo con flujo de video: Procesado Harris
OpenGL ES
Fragment Shaders
Vertex Shaders
Librer´ıa GPUImage
Cadena de procesado (filtros)
Escala de grises (ITU-R BT.709): dot
Derivada discreta: 2×convoluci´on 2D con operador Prewitt
Gx =
−1 0 1
−1 0 1
−1 0 1
∗ I , Gy =
1 1 1
0 0 0
−1 −1 −1
∗ I
Limpieza: Desenfoque gaussiano
Medida Harris: R = R(Ix , Iy , Ixy , k)
Supresi´on de puntos no m´aximos locales (non max suppression)
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
46. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Extracci´on de esquinas en app de usuario: Medida Harris
Proceso en GPU: destructivo
El resultado del procesado
Harris no est´a en la CPU
La informaci´on est´a dispersa
por el mapa de bits
P´erdida de rendimiento
(iPhone 4, iOS 6):
Leer con glReadPixels()
≈ 90ms
Leer imagen p´ıxel a p´ıxel
≈ 30ms
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
47. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Extracci´on de esquinas en app de usuario: Medida Harris
Proceso en GPU: destructivo
El resultado del procesado
Harris no est´a en la CPU
La informaci´on est´a dispersa
por el mapa de bits
P´erdida de rendimiento
(iPhone 4, iOS 6):
Leer con glReadPixels()
≈ 90ms
Leer imagen p´ıxel a p´ıxel
≈ 30ms
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
48. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Detecci´on de figura correcta: Emparejado
Hay un flujo de video: movimientos
No puede ser emparejado perfecto
Esquinas de m´as o menos
Ligeras rotaciones y variaciones de perspectiva
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
49. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Detecci´on de figura correcta: Emparejado
Hay un flujo de video: movimientos
No puede ser emparejado perfecto
Esquinas de m´as o menos
Ligeras rotaciones y variaciones de perspectiva
Algoritmo propio
Fijar dos puntos extremos de la escena
Escalar distancias y calcular ´angulos respecto de ´estos
Buscar parejas punto a punto
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
50. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Detecci´on de figura correcta: Emparejado
Hay un flujo de video: movimientos
No puede ser emparejado perfecto
Esquinas de m´as o menos
Ligeras rotaciones y variaciones de perspectiva
Algoritmo propio
Fijar dos puntos extremos de la escena
Escalar distancias y calcular ´angulos respecto de ´estos
Buscar parejas punto a punto
El paso ha sido realizado correctamente si durante 4
fotogramas de los ´ultimos 5 al menos un ratio mayor del 80 %
de los n elementos de la base de datos son emparejados sobre
los k elementos obtenidos del procesado en directo con no
m´as de un elemento del procesado no emparejado
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
51. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Base de datos
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
52. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Base de datos
nombreFigura: Demo
numeroFigura: 1
numeroPaso: 1
P1: x=85, y=162
P2: x=85, y=339
P3: x=263, y=331
P4: x=262, y=163
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
53. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Base de datos
nombreFigura: Demo
numeroFigura: 1
numeroPaso: 1
P1: x=85, y=162
P2: x=85, y=339
P3: x=263, y=331
P4: x=262, y=163
+Doblez:
x1=26
x2=418
xe=298
y1=133
y2=537
ye=2581
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
54. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Base de datos
nombreFigura: Demo
numeroFigura: 1
numeroPaso: 1
P1: x=85, y=162
P2: x=85, y=339
P3: x=263, y=331
P4: x=262, y=163
+Doblez:
x1=26
x2=418
xe=298
y1=133
y2=537
ye=2581
nombreFigura: Demo
numeroFigura: 1
numeroPaso: 2
P1: x=58, y=76
P2: x=354, y=377
P3: x=43, y=373
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
55. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Base de datos
nombreFigura: Demo
numeroFigura: 1
numeroPaso: 1
siguientePaso: Paso2
P1: x=85, y=162
P2: x=85, y=339
P3: x=263, y=331
P4: x=262, y=163
+Doblez:
x1=26
x2=418
xe=298
y1=133
y2=537
ye=2581
nombreFigura: Demo
numeroFigura: 1
numeroPaso: 2
anteriorPaso: Paso1
P1: x=58, y=76
P2: x=354, y=377
P3: x=43, y=373
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
56. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Divisi´on del proyecto en dos aplicaciones
Tutor — Programador — Usuario
Origam-i dev.app
Aplicaci´on del desarrollador
Reconocimiento de esquinas
Adici´on de informaci´on a ddbb
Interacci´on manual (edici´on)
Uso de fotograf´ıas
Realidad aumentada
Origam-i.app
Aplicaci´on del usuario
Decisi´on sobre la forma
Lectura de la base de datos
Feedback visual
Uso del flujo de video
Realidad aumentada
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
57. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Origam-i dev.app resumen
Origam-i dev.app
Amplio espacio de visualizaci´on
Esquinas y doblez: Realidad Aumentada
Pantalla t´actil: botones y edici´on manual
Botones para el uso de funciones
Tocar para a˜nadir
Ajuste fino con deslizamiento
Base de datos: CoreData
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
58. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Origam-i dev.app resumen
Origam-i dev.app
1 Indicaci´on de comienzo
2 Toma de fotograf´ıa / Carga desde carrete
3 Eliminaci´on de sombras:
RGB→HSV→V=1→RGB
4 Detecci´on de esquinas (FAST)
5 Visualizaci´on
6 Seleccionar doblez e introducir texto
7 Almacenamiento
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
59. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Origam-i dev.app: Integraci´on del procesado
Imagen Original Value=1
Detecci´on esquinas
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
60. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
La aplicaci´on del usuario final: Origam-i.app
Inicio Selecci´on de figuras Principal
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
61. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Origam-i.app: Flujo de uso
1 Selecci´on de figura
Carga desde la ddbb
2 Procesado continuo del flujo de v´ıdeo
C´alculo Harris en GPU
Detecci´on forma correcta/incorrecta: Matching
C´alculo RA
3 Visualizaci´on: fotograma + RA
4 Interacci´on del usuario (interrupci´on)
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
62. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Origam-i.app: Realidad Aumentada
Mostrar texto de ayuda
Mostrar esquinas detectadas
Botones OK/Atr´as
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
63. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Origam-i.app: Realidad Aumentada
Mostrar texto de ayuda
Mostrar esquinas detectadas
Botones OK/Atr´as
Mostrar doblez
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
64. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Origam-i.app: Realidad Aumentada
El problema del doblez
La escena tiene perspectiva
diferente al original
Nuevo sistema de coordenadas
Transformaci´on lineal a
partir de dos puntos
emparejados
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
65. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Origam-i.app: Realidad Aumentada
Mostrar texto de ayuda
Mostrar esquinas detectadas
Mostrar im´agenes
superpuestas
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
66. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Control de estado de red
Sin conexi´on Conexi´on WiFi Conexi´on red m´ovil
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
67. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Conclusiones
Juego educativo de origami con Realidad Aumentada para iOS
Estudiar caracter´ısticas de smartphone. Test ante apps exigentes
Divisi´on en dos aplicaciones: desarrollador y usuario
Crear diferentes aplicaciones cambiando la base de datos
Uso de lo ofrecido por Apple: frameworks, librer´ıas,...
FAST obtienen buenos resultados y es r´apido
Medida Harris permite usar OpenGL ES (GPU)
GPU–RAM es cuello de botella
Realidad Aumentada mediante CoreGraphics
Uso de redes sociales permite autopromoci´on
Internacionalizaci´on y Localizaci´on de manera simple
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014
68. Introducci´on Caracter´ısticas Procesado de imagen Aplicaciones Conclusiones
Trabajos futuros
Paso a la tercera dimensi´on: m´as figuras
Comercializaci´on de la aplicaci´on
Mejoras de rendimiento: emparejado, doblez
Portar la app a otros sistema m´ovil: Windows Phone/Android
Aumentar la virtualidad de la escena
Origam-i: Juego basado en procesado de imagen para iPhone Santiago Garc´ıa Guill´en Mayo 2014