lunes, 20 de junio de 2011

documento ejecutivo ReAl Invaders

ReAl invaders
Video juego de realidad aumentada con fines de incentivar el turismo interactivo de la ciudad de Manizales y sus sitios de importancia. Implementando tracking paralelo y mapeo por visión de computador utilizando Flash para dispositivos Android.

¿QUE ES?
Un aplicativo para dispositivos móviles enfocado al incentivo turístico de la ciudad de Manizales bajo parámetros de realidad aumentada sin marcadores, lenguaje de videojuego y adaptación a iconos de la ciudad.
El proyecto ReAl Invaders, fue elaborado durante una duración de dos semestres académicos, en los cuales fue soportado teóricamente y ejecutado en su producto, este último fue bastante complejo, debido a variables tecnológicas, las cuales fueron finalmente llevadas a buen término.

¿POR QUE?
Para el incentivo turístico de la ciudad de Manizales, manejando conceptos de interacción, inmersión y tecnologías en dispositivos móviles, como ventana hacia la realidad aumentada.
El proyecto que se ha realizado en el área de profundización digital se centra en una simbiosis generada entre el entorno físico y digital, reconociendo al primero como la constitución visual y fenoménica que afectara al objeto digital, dando como resultado una interacción de estos medios sin recurrir a la simulación del espacio físico. Siendo que este proyecto trata en cierta medida de eliminar la interfaz virtual y sacar el elemento digital de la consola y él ordenador para llevarlo al mundo real, la plataforma elegida para esto son los dispositivos móviles, versátiles en cuanto a su naturaleza liviana y compacta, también son los que a hoy poseen la tecnología que permite la relación entre lo físico y lo digital que se busca para este proyecto. Para la visualización y estructuración del aplicativo se recurre al video juego, ya que este se puede definir como una simulación de sucesos físicos, además, este permite flexibilidad en cuanto al manejo de la interacción y la interfaz mayor que otro tipo de aplicación o estructura interactiva.
El videojuego escogido fue “space invaders”, como un homenaje al clásico árcade diseñado por Toshihiro Nishikado de la empresa Taíto, logrando con esto la metáfora ideal para el proyecto, reflejada en los invasores espaciales, tomando el espacio, como el entorno de la ciudad de Manizales y más específicamente el de la torre del cable, y los invasores, como los personajes del videojuego, los cuales llegan a los sitios para recorrerlos, dando una visión al usuario de total inmersión y retroalimentación con los componentes mismos de la aplicación, su naturalidad de interacción y la información de la cual esta lo provee.
¿PARA QUE?
La principal necesidad a satisfacer fue la de proyectar el turismo de Manizales hacia ámbitos digitales, proporcionando en sus entornos turísticos interactividad, más allá de la que se obtiene con un plegable o con una página web, formando un lazo totalmente estrecho con los iconos de ciudad y generando recorridos visuales a través de su propia arquitectura.

PROBLEMAS
Un importante problema a resolver fue el tecnológico, pues dada la naturaleza del producto, y su sustentación teórica, hacían de su desarrollo algo complejo en el ámbito del diseño, los problemas principales fueron la visualización de realidad aumentada sin marcadores impresos, la arquitectura de la ciudad como marcador, interactividad de videojuego, y computación ubicua; lo anterior lleva a una conclusión preliminar de la necesidad de la adaptación de distintos programas y su compleja articulación para fin de crear un prototipo exitoso. En la exploración tecnológica se encontró una herramienta que se caracteriza por tener todos los elementos necesarios para cumplir los requerimientos técnicos sin llegar a la estructuración con diferente software. Dada la complejidad del programa desarrollado enteramente en lenguaje de programación C#, se opto por conseguir la asesoría de un ingeniero de sistemas, que cuenta con conocimiento más profundo en el tema, igualmente se contacto el desarrollador Robert Castle, para conocer más de esta herramienta, la respuesta recibida por este fue pronta; durante el proceso de estudio y exploración con apoyo constante del ingeniero, se determina que en las características de este software tan complejo y extenso, hay muchas cuestiones en cuanto a los niveles de interacción logrados con la realidad aumentada y adaptación a dispositivos por desarrollar.

¿COMO SE LOGRA?
Analizando los resultados durante el tiempo de proposición y ejecución, se logro lo siguiente: identificación de diferentes programas que trabajan con realidad aumentada bajo distintos parámetros, como geolocalización, por tracking de color, de forma, de bordes, de movimiento y mapeado por visión de computador. Escogiendo el más adecuado a la aplicación realizada, se considero finalmente un software desarrollado por Robert Castle en la universidad de Oxford, el PTAM1 (parallel tracking and mapping) ó mapeo y escaneo paralelo, que lleva a cabo escaneo de un espacio que se tenga enfocado a través de la cámara y tomando puntos de referencia para realizar un mapa virtual que consecuentemente es adoptado como escenario de proyección para la realidad aumentada. Dado que esta herramienta se acomoda perfectamente para desarrollo en dispositivos móviles de última generación y el desarrollo de videojuegos en esta plataforma. ____________________________
1 PTAM: http://www.robots.ox.ac.uk/~gk/PTAM/
CONCLUSIONES
Se obtuvo un análisis completo de lo que significa la realidad aumentada hoy en día, que parámetros de interacción y de inmersión se obtienen, al proponerse como un modo de presentar la información turística.
Se consiguió la eliminación de marcadores como principal aspecto de rompimiento en la interacción y como agente externo a los entornos de la ciudad.
Se reestructuro la arquitectura de un videojuego clásico, mostrando así el contraste entre realidad y virtualidad, redefiniendo los modos de interacción con entornos urbanos de una ciudad.
Se estudio conceptos de jugabilidad adheridos a parámetros de turismo, noción de inmersión en computación ubicua y diseño centrado en el jugador.
Se consiguió enriquecer los entornos ambientales de la ciudad, con elementos virtuales que sin duda potenciaran e impulsaran la disposición de información en dichos puntos con un alto grado de inmersión.
Se realizó un video prototipo del videojuego en su funcionalidad total, aplicado al turismo de Manizales.
Se creó una estrategia de diseño en cuanto a la promoción dentro de ámbitos turísticos en la ciudad.

ReAl invaders
Alejandra González
Santiago López

Universidad de caldas
Programa de Diseño Visual
Profundización en digital
2010 - 2011

interfaz ReAl invaders

menú principal

Misión completada

Misión escogida y parámetros para completarla

Instrucciones

Misión: mapa de Manizales y sitios turísticos 

lunes, 30 de mayo de 2011

Avance Mayo ::PTAM::

Las características de portabilidad y expansión que tiene PTAM, ya que está disponible para múltiples plataformas y no solo soluciona las limitaciones de la realidad aumentada “convencional”, la visualización de RA en un espacio sin necesitar de marcadores impresos o mapas predeterminados, sino también, edición de características espaciales y formales de la RA en tiempo real, el desarrollo de animación, uso de texturas, imágenes bidimensionales en función de menus, desarrollo de videojuegos y aplicativos en dispositivos móviles, como se muestra en la cantidad de ejemplos encontrados en internet. Dando al videojuego ReAl Invaders, la posibilidad de un desarrollo más fluido, permitiendo la atención en el problema del diseño.




En el proceso de acercamiento a la herramienta de tracking y mapeo para la visualización de realidad aumentada en espacios de trabajo pequeños o PTAM, donde se necesita de programación en lenguaje C. Dado que esta herramienta está desarrollada enteramente en código, se necesita un programa compilador que maneje este lenguaje, que permita la edición y visualización de la aplicación. Ya que este es un proceso de complejidad que necesita de recolección de información y aplicación de conocimientos avanzados de programación no solo en C++, sino también en java, se decide optar por una versión ya precomplidada de PTAM encontrada online, que ya cuenta con las librerías y dependencias instaladas y los archivos ejecutables de PTAM y el calibrador de la cámara soportado con librería de visión de computador openCV. 



Los pasos a realizar para correr PTAM son



• Teniendo de antemano el patrón de calibración (ajedrez) impreso, se ejecuta el calibrador de la cámara (ya compilado en un .exe), lo que hace es verificar que la configuración de la cámara y la visión de computadora funcionan correctamente. al apuntar la cámara al patrón lo que el programa hace es buscar esquinas cuadradas y enlazarlas, que se muestra en los cuadros azules que se muestran en la pantalla. se toman 4 o más fotos desde distintas posiciones, lo que permite un reconocimiento espacial más amplio y menor margen de error. Se presiona el botón optimizar para calcular los parámetros de la cámara, al ajustarse los cálculos del programa al patrón se guarda y se cierra el calibrador. 



• Al correr PTAM el tracker se activa cuando el usuario, presionando barra espaciadora una vez y trasladando la cámara (apuntando a un espacio preferiblemente plano), el programa dibuja las líneas bases de lo que consecuentemente será “aumentado”, se presiona barra espaciadora una vez mas, se crea un mapa que es la línea base donde se ubica la realidad aumentada.






• Ya para mostrar la RA se presiona el botón Draw AR. La realidad aumentada aparece únicamente donde se realizo el mapeo.



Los modelados deben estar alojados una librería de XML, por lo que se debe subir el modelado a internet. 

Esta versión de PTAM es aún básica para las necesidades del proyecto, observando la complejidad y extensión de la herramienta en su totalidad, esta versión precompilada no tiene características para un desarrollo de interacción amplio, mas que la visualización de RA estática. También la cuestión de reconocimiento de formas predeterminadas (los sitios turísticos de Manizales), uno de los objetivos del proyecto, no está definido entre los ejemplos vistos, lo que se precisa como otro elemento a considerar en el desarrollo con esta herramienta.

martes, 24 de mayo de 2011

Primer ensayo con demo para ReAl invaders







En la exploración del programa de mapeo y tracking paralelo para espacios de realidad aumentada pequeños o PTAM, se han encontrado versiones del programa precompilados que pueden funcionar a un nivel básico. Se está buscando como adaptar demos preexistentes de PTAM a lo que se necesita para el proyecto.

jueves, 19 de mayo de 2011

ReAl Invaders con PTAMM para la creacion del demo en PTAMM para Windows se ha modelado los personajes principales en la exención correspondiente .3DS

invader padre

ReAl invader hijo



animacion de destruccion de un ReAl invader


Para la instalación de PTAM o PTAMM para Windows se necesitan instaladas unas dependencias


BLAS
Sub-programas básicos de algebra lineal es una interfaz de programación de aplicaciones estándar para publicar librerías que realicen operaciones de algebra lineal como vectores y multiplicación de matrices.


LAPACK
Paquete de algebra lineal es una librería para algebra lineal numérica. Construcción y ubicación de elementos tridimensionales manteniendo sus proporciones


POSIX Threads,
O pthreads, es un estándar para secuencias de instrucciones independiente o procedimiento que funcionan relativamente de forma independiente al resto del programa


GLEW
Librería para permitir mecanismos eficientes de rendimiento para determinar que extenciones de librerías de gráficos o openGL


1394camera645
Permite rendimiento y velocidad de obtención de imágenes en una cámara web


JPEG
Método estándar de compresión de imágenes en gris y a todo color. Este está destinado a imágenes de “mundo real”


LibPNG
Librería para leer o crear imágenes en formato PNG


Zlib
Librería de compresión de datos orientada a imágenes libpng


TooN
Tom's Object-oriented numerics library o librería numérica orientada a objetos de Tom. Se encarga de de manejar de forma eficiente gran cantidad de pequeños vectores, también matrices y grandes vectores.


LibCVD
Librería de alto rendimiento para visión por computador y procesamiento de imagen y video.


Gvars3
Librería de sistema de configuración proyecto subsidiario para libCVD


LIB3DS
Librería para administrar archivos de 3-D Studio “.3DS”


Características al utilizar PTAMM


Para que funcione el traqueo se debe calibrar la cámara con un patrón de cuadrados en ajedrez desde varias vistas.
Para tracking de espacios el usuario debe apuntar la cámara a un espacio plano y trasladar la cámara hacia distintas vistas de ese punto.
La cámara debe ser wide-angle para permitir mejor rendimiento en la captura de las imágenes, también se debe desaturar o desenfocar la imagen de la cámara porque hay objetos en el entorno que pueden generar ruido.

martes, 10 de mayo de 2011

portafolio santiago lopez cañon http://santiagolopezdv.com

LAS LEYES DE LA SIMPLICIDAD aplicadas al portafolio.
John Maeda.

Las leyes de la simplicidad de John Maeda reflejan una ruta a seguir en cuanto al diseño se refiere, estas rutas o pasos, no están estrictamente diseñados para seguirlos a la perfección, pero si para tomarlos como un referente de una buena composición de elementos en el plano de la interfaz; el plano como todo en la naturaleza es medible, así como también los elementos inmersos en su interior, estos determinan pesos los cuales hacen de una interfaz simple o no, dicha reducción se aplico al portafolio de manera ideal, quitando elementos que no transmitían información vital para el desenvolvimiento del usuario, y que solo significaban ornamentación dentro del plano.


La organización también es parte fundamental del portafolio, pues muestra de una manera jerárquica todos los elementos, permitiendo que el usuario encuentre lo que mas le interesa, y haciendo sencilla para su lectura los componentes de la misma; este portafolio presenta un ahorro de tiempo identificado en los no mas de cuatro niveles que posee, haciéndolo muy simple en cuestión de permanencia del usuario en la interfaz.


El dinamismo del portafolio esta determinado por sus formas y tipografía, las cuales estarán establecidas por animaciones en cada una de las interacciones.


Dada la importancia del contexto para diseñar el portafolio se pudo analizar que este como puerta de entrada hacia la vida laboral de una persona, necesitaba una clara lectura del mensaje a comunicar, dicho mensaje esta proporcionado por la misma naturaleza de los productos mostrados en el y su pregnancia en el usuario mas que su propio fondo, por esto la simplicidad del mismo.


La emoción que se quiere dar es mediante el perfecto manejo de la forma, la tipografía y el color, pues son estos en ultimas los que permiten al usuario juzgar mediante su interacción la simpleza del mismo y la facilidad en llegar a su objetivo.


El fracaso fue un factor fundamental, el ensayo y el error como sus componentes, demostraron que los elementos dispuestos en el plano pueden ser o no pertinentes, y sacando emociones de lado se puede llegar a una propuesta gráficamente y conceptualmente mucho mejor.

lunes, 9 de mayo de 2011

wikispace ReAl Invaders

¡AQUI! puedes encontrar todo lo referente al proyecto ReAl Invaders, cronograma, actividades 2010, 2011, pdf, informacion, desarrollo tecnologico y mucho mas!  WIKISPACE                                           REAL  INVADERS






http://real-invaders.wikispaces.com/

proyecto paralelo: videoinstalacion pintando con luz.

Mi Wiki !

Mi Wiki !
en el puedes encontrar todo lo referente al proyecto de digital.

John Maeda: Looking for Superman

videoprototipo ReAl invaders*

registro video*prototyping

registro video*prototyping
mediante el papel y la grafica se quiso dar unidad al video en su parte visual.

Correccion del portafolio!

Correccion del portafolio!
Menú ilustración: correccion de elementos compositivos y manejo de fondo.

visualizacion de imagenes y videos : composicion en el plano con respecto a los demas elementos, solucion a las formas anteriormente dispuestas.

Prueba de prototipo de videoinstalacion interactiva

LAS LEYES DE LA SIMPLICIDAD aplicadas al portafolio.

John Maeda.

Las leyes de la simplicidad de John Maeda reflejan una ruta a seguir en cuanto al diseño se refiere, estas rutas o pasos, no están estrictamente diseñados para seguirlos a la perfección, pero si para tomarlos como un referente de una buena composición de elementos en el plano de la interfaz; el plano como todo en la naturaleza es medible, así como también los elementos inmersos en su interior, estos determinan pesos los cuales hacen de una interfaz simple o no, dicha reducción se aplico al portafolio de manera ideal, quitando elementos que no transmitían información vital para el desenvolvimiento del usuario, y que solo significaban ornamentación dentro del plano.

La organización también es parte fundamental del portafolio, pues muestra de una manera jerárquica todos los elementos, permitiendo que el usuario encuentre lo que mas le interesa, y haciendo sencilla para su lectura los componentes de la misma; este portafolio presenta un ahorro de tiempo identificado en los no mas de cuatro niveles que posee, haciéndolo muy simple en cuestión de permanencia del usuario en la interfaz.

El dinamismo del portafolio esta determinado por sus formas y tipografía, las cuales estarán establecidas por animaciones en cada una de las interacciones.

Dada la importancia del contexto para diseñar el portafolio se pudo analizar que este como puerta de entrada hacia la vida laboral de una persona, necesitaba una clara lectura del mensaje a comunicar, dicho mensaje esta proporcionado por la misma naturaleza de los productos mostrados en el y su pregnancia en el usuario mas que su propio fondo, por esto la simplicidad del mismo.

La emoción que se quiere dar es mediante el perfecto manejo de la forma, la tipografía y el color, pues son estos en ultimas los que permiten al usuario juzgar mediante su interacción la simpleza del mismo y la facilidad en llegar a su objetivo.

El fracaso fue un factor fundamental, el ensayo y el error como sus componentes, demostraron que los elementos dispuestos en el plano pueden ser o no pertinentes, y sacando emociones de lado se puede llegar a una propuesta gráficamente y conceptualmente mucho mejor.

Nuevo portafolio digital santiago lopez.

Nuevo portafolio digital santiago lopez.
intro

home; (portafolio, quien soy, contacto)

menu portafolio; ( video y animación, ilustración, interactivos, impresos)

menú, ilustración.

Visualización imagenes.

VIDEOINSTALACIÓN INTERACTIVA PUBLICITARIA PARA LA SEPTIMA MUESTRA MONOGRAFICA DE MEDIA ART.

JUSTIFICACIÓN. PROYECTO PARALELO.
Al tratarse el Festival Internacional de la Imagen de uno de los eventos más importantes a nivel latinoamericano y mundial en reunir a teóricos y especialistas alrededor de la imagen desde el arte, el diseño y la ciencia, es importante promocionar este, más concretamente la 7 muestra monográfica de media art convocando a artistas y diseñadores a participar en esta; para ello se pretende incursionar en métodos de comunicación que se acoplen correctamente a la naturaleza misma del evento. Es por ello que se plantea generar mediante una videoinstalación interactiva para dar a conocer esta convocatoria, de forma informativa a nivel nacional e internacional; haciendo uso de herramientas digitales y audiovisuales aplicadas a espacios tridimensionales, donde se conjuguen estas para ofrecer información de carácter comercial e interactivo sobre dicha convocatoria a partir de los nuevos medios.
Es de vital importancia estructurar la información desde un concepto específico dentro de un formato que permita al usuario asumir un alto grado de interacción y así mismo recepción de los datos. La parte referente a la interfaz será elegida de acuerdo al modelo escogido y su relación con el usuario.

OBJETIVOS
Comunicara artistas y diseñadores acerca de la convocatoria para la muestra monográfica de media art.
Dar a conocer tanto la convocatoria como la misma muestra monográfica de media art a nivel nacional e internacional para artistas y diseñadores.
Proponer una forma alternativa de publicitar la muestra monográfica de media art a partir de la utilización de pocos recursos y un alto nivel conceptual e interactivo.
Generar una videoinstalación eficaz para comunicar sobre tal convocatoria acoplándose a los nuevos requerimientos comunicativos e interactivos.
Innovar en el sustrato utilizado para la difusión de la convocatoria de la muestra monográfica de media art a partir de modelos dinámicos de comunicación
Trascender en la utilización de los medios alternativos de comunicación.
Este proyecto es realizado en conjunto con:

Análisis portafolio Juan Camilo Valencia

El blog a analizar presenta una composición simple donde prima la muestra de elementos audiovisuales organizados en navegación vertical, el banner dispuesto, no presenta relación compositiva formal ni conceptual, con los demás elementos como tipografía y color. ademas de haber varios tipos de fuentes, estas están demasiado contrastadas con su fondo, atrayendo la mirada del espectador y distrayendo de su principal objetivo, los trabajos audiovisuales.
Aunque se pretende destacar los productos audiovisuales estos se ven afectados por la interfaz del reproductor de "youtube", el cual le da menos importancia a los elementos que se tuvieron en cuenta en el momento de realizar el portafolio o blog.

portafolio juan camilo valencia

Items diseño digital

TECNOLOGÍAS APROPIADAS

http://www.greenpeace.org/espana/tecnologias interactivas y multimedia en pro del desarrollo y sostenimiento medioambiental.

http://www.youtube.com/watch?v=YYS31ztxtQs
COMPUTADORES CON SENTIDO

http://portal.educar.org/foro/reciclajedecomputadoras
proceso en el cual organizaciones reciclan computadores y partes para instituciones educativas.

COMERCIO ELECTRÓNICO

mercadolibre.com
intercambio comercial de productos, a nivel monetario, integrando una interfaz limpia con informacion sobre los productos.

http://www.converse.com/

pagina web donde se muestran diferentes productos como ropa y zapatos, donde los usuarios encuentran la facilidad de comprar en linea.

APRENDIZAJE COTIDIANO

http://www.internenes.com/programas/categoria.php3?c=Infantil

mediante una interfaz facil de interpretar, se muestran diferentes procesos educativos infantiles.

www.escuelapnud.org

COMUNICACIÓN SENSIBLE

http://www.letsfcancer.com/home.html http://donate.unesco.org/es/Paginas/default.aspx?Programme=PAKISTAN

VIDA AUTOMATIZADA

www.automatedlife.com

muestra como es la vida, cuando se automatizan los procesos diarios, mostrando como ejemplo la casa inteligente.

http://www.youtube.com/watch?v=lUNzhBcy8Uc

LENGUAJE VISUAL

http://soytuaire.labuat.com/

LENGUAJE SONORO

http://www.kasabian.co.uk

mediante la interfaz se trata de destacar el sonido como principal caracteriztica de la pagina.

http://www.acdc.com/co/home

NARRACIÓN INTERACTIVA

http://www.thetruthiswhatyoubelieve.com/flash.html http://www.estacionweb.com/extreme.html http://www.calibreocho.com/menu.html

RECORRIDO VIRTUAL

recorridos virtuales de encarta

muestra mediante herramientas interactivas recorridos basados en planos reales, pero trasladados al mundo virtual.

http://www.virtualwalking.com.co/portafolio.php

permite avanzar, rotar y trasladarse en un plano virtual.

DIDÁCTICOS MULTIMEDIA

http://www.cuentosinteractivos.org/mundoalreves/pedroelmiedoso/pedroelmiedoso.html

UNIVERSIDAD VIRTUAL

http://www.uan.edu.co/index.php?option=com_content&view=section&id=13&Itemid=152

permite un acercamiento mas profundo al mundo academico, donde cualquier persona puede informarse y conocer acerca de su plantel educativo.

PLAYER URBANO IN SITU

http://www.youtube.com/watch?v=2lXh2n0aPyw

Portafolio 1

Portafolio 1
portafolio enfocado a la ilustracion.

analisis portafolio 1

En sus caracteres formales, presenta dos tipos de fuentes, su localizacion textual se encuentra a la izquierda, presenta composicion simple, modularidad en la presentacion de las imagenes, buen tamaño en la visualizacion y diferentes modos de navegacion, presenta siempre pie de foto explicativo.

Portafolio 2

Portafolio 2
portafolio enfocado a la ilustración y fotografia

Analisis portafolio 2

Presenta cuatro tipos de fuentes, la gama cromática no es lo suficientemente contrastante para la presentación de sus trabajos, existen ventanas emergentes para visualizar algunas imágenes, donde todas son de diferente proporción y no mantienen una modularidad.
No existe explicación o pie de foto en las imágenes presentadas, no presenta unidad formal ni conceptual.

Portafolio 3

Portafolio 3
pagina encaminada a mostrar los mejores trabajos en areas determinadas.

Análisis portafolio 3

Presenta dos tipos de fuentes, gama cromática contrastante, simplicidad en la composición, modularidad en las imágenes, un adecuado tamaño en las fotografías, explicación de las mismas, se da prioridad a los trabajos donde puede haber una selección aleatoria de los mismos.