{"id":15096,"date":"2020-12-15T11:05:54","date_gmt":"2020-12-15T09:05:54","guid":{"rendered":"http:\/\/design-toolkit.recursos.uoc.edu\/?p=15096"},"modified":"2021-03-09T11:31:57","modified_gmt":"2021-03-09T09:31:57","slug":"realidad-aumentada","status":"publish","type":"post","link":"http:\/\/design-toolkit-test.uoc.edu\/es\/realidad-aumentada\/","title":{"rendered":"Realidad aumentada"},"content":{"rendered":"<h2>Introducci\u00f3n<\/h2>\n<p>La realidad aumentada es una tecnolog\u00eda que a\u00f1ade elementos virtuales, ya sean visuales, sonoros o de otro tipo, a una percepci\u00f3n de la realidad o, dicho de otro modo, introduce informaci\u00f3n generada por ordenador en un entorno real y crea una nueva forma de realidad m\u00e1s rica que la original.<\/p>\n<p>Se atribuye la primera utilizaci\u00f3n de esta expresi\u00f3n a Thomas Caudell y David Mitzell, quienes en 1992 prototiparon en Boeing unas gafas que superpon\u00edan diagramas de cableado generados por ordenador al fuselaje de un avi\u00f3n. Seg\u00fan sus palabras: \u00abesta tecnolog\u00eda se utiliza para aumentar el campo visual del usuario con informaci\u00f3n necesaria para realizar la tarea en curso\u00bb.<\/p>\n<h3>Realidad aumentada y realidad virtual<\/h3>\n<p>Inicialmente, Caudell y Mitzell diferenciaban la <a href=\"http:\/\/design-toolkit-test.uoc.edu\/es\/realidad-virtual\/\" target=\"_blank\" rel=\"noopener noreferrer\"><u>realidad virtual<\/u><\/a>\u00a0de la realidad aumentada por la \u00abcomplejidad de los objetos gr\u00e1ficos proyectados\u00bb; pero, dos a\u00f1os m\u00e1s tarde, Paul Milgram y Fumio Kishino propon\u00edan un modelo (figura siguiente) con una aproximaci\u00f3n distinta que sigue siendo vigente actualmente.<\/p>\n<p>En este modelo se sit\u00faan los conceptos llamados de <em>realidad mixta<\/em> o <em>h\u00edbrida<\/em> en un espectro que va desde un entorno real en un extremo a un entorno totalmente virtual en el otro (donde toda la informaci\u00f3n es generada por ordenador, como en un videojuego tradicional).<\/p>\n<div id=\"attachment_12283\" style=\"width: 622px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-12283\" loading=\"lazy\" class=\"my-image wp-image-12283 size-full\" src=\"\/wp-content\/uploads\/2020\/12\/26414_amp41.jpg\" alt=\"\" width=\"612\" height=\"118\" \/><p id=\"caption-attachment-12283\" class=\"wp-caption-text\">Continuo realidad\u2013virtualidad de Milgram y Kishino. Diagrama tomado de Wikipedia. <br \/>Fuente: <a href=\"https:\/\/en.wikipedia.org\/wiki\/Reality%E2%80%93virtuality_continuum#\/media\/File:Virtuality_Continuum_2.jpg\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/en.wikipedia.org\/wiki\/Reality%E2%80%93virtuality_continuum#\/media\/File:Virtuality_Continuum_2.jpg<\/a>.<\/p><\/div>\n<p>La realidad aumentada quedar\u00eda, pues, en un t\u00e9rmino medio entre el entorno real y el puramente virtual.<\/p>\n<p>Partiendo de esta idea, se considera que hay tres aspectos clave en la realidad aumentada:<\/p>\n<ul>\n<li>El usuario percibe el entorno real combinado con elementos virtuales.<\/li>\n<li>Complementa la realidad, en lugar de sustituirla totalmente.<\/li>\n<li>El realismo no es necesariamente un objetivo.<\/li>\n<\/ul>\n<h2>Sistemas de realidad aumentada<\/h2>\n<p>Bas\u00e1ndose en los aspectos perceptuales y tecnol\u00f3gicos, se pueden encontrar varios tipos de sistemas de realidad aumentada. Los m\u00e1s usuales son los que exponemos a continuaci\u00f3n.<\/p>\n<h3>Sistemas HMD<\/h3>\n<p>Los HMD (<em>head-mounted display<\/em>) son dispositivos de visualizaci\u00f3n que incorporan una pantalla \u00f3ptica que se sit\u00faa muy cercana a un ojo (monocular) o a ambos (binocular).<\/p>\n<p>Las gafas Google Glass, de Google, lanzadas en 2013, o las HoloLens de Microsoft son ejemplos recientes de HMD. Ambos dispositivos son gafas (monoculares en el caso de Glass, y binoculares en HoloLens) con un miniproyector que permite superponer im\u00e1genes generadas por ordenador a la realidad.<\/p>\n<div id=\"attachment_12281\" style=\"width: 653px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-12281\" loading=\"lazy\" class=\"my-image wp-image-12281\" src=\"\/wp-content\/uploads\/2020\/12\/26414_amp42-1024x768-1.jpg\" alt=\"\" width=\"643\" height=\"483\" \/><p id=\"caption-attachment-12281\" class=\"wp-caption-text\">Google Glass. Foto de Dan Leveille licenciada bajo CC BY-SA 3.0. <br \/>Fuente: <a href=\"https:\/\/commons.wikimedia.org\/wiki\/File:Google_Glass_photo.JPG\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/commons.wikimedia.org\/wiki\/File:Google_Glass_photo.JPG<\/a> y <a href=\"https:\/\/twitter.com\/danlev\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/twitter.com\/danlev<\/a>.<\/p><\/div>\n<p>Un ejemplo de aplicaci\u00f3n es el sistema <em>Sidekick<\/em> para HoloLens de la NASA. Este proyecto experimental permite, entre otras funciones, que un operador de tierra ayude a la tripulaci\u00f3n de la Estaci\u00f3n Espacial Internacional haciendo anotaciones en tiempo real sobre lo que ve un astronauta en sus gafas.<\/p>\n<p>Si bien estos sistemas siguen sin ser populares para el uso dom\u00e9stico y parece que est\u00e1n encontrando mejor aceptaci\u00f3n en entornos profesionales, existen multitud de aplicaciones pendientes de explorar, como muestran los v\u00eddeos promocionales de los fabricantes.<\/p>\n<p><iframe title=\"Microsoft HoloLens: What is a hologram?\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/MVXH5V8MVQo?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p style=\"font-size: 17px; line-height: 17px;\">V\u00eddeo promocional de Microsoft mostrando varios prototipos y demos t\u00e9cnicas de aplicaciones de realidad aumentada.<br \/>\nFuente: <a href=\"https:\/\/www.youtube.com\/watch?v=MVXH5V8MVQo\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.youtube.com\/watch?v=MVXH5V8MVQo<\/a>.<\/p>\n<h3>Dispositivos port\u00e1tiles<\/h3>\n<p>Los dispositivos port\u00e1tiles con c\u00e1mara y pantalla (m\u00f3viles, tabletas, c\u00e1maras digitales, etc.) son una de las formas m\u00e1s accesibles hoy en d\u00eda de experiencias de realidad aumentada.<\/p>\n<p>El videojuego Pok\u00e9mon Go puede que sea uno de los casos m\u00e1s paradigm\u00e1ticos y populares de este tipo de experiencias.<\/p>\n<p>El juego consiste, b\u00e1sicamente, en capturar criaturas virtuales, pero, a diferencia de los juegos originales en los que se basa, en Pok\u00e9mon Go las criaturas, los <em>pokemon<\/em>, se encuentran en el mundo real. El jugador puede verlos en un mapa en su m\u00f3vil a medida que se desplaza f\u00edsicamente por su entorno y, cuando quiere iniciar una captura, ve el <em>pokemon <\/em>superpuesto a la realidad.<\/p>\n<div id=\"attachment_12279\" style=\"width: 247px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-12279\" loading=\"lazy\" class=\"my-image wp-image-12279 size-full\" src=\"\/wp-content\/uploads\/2020\/12\/26414_amp43.jpg\" alt=\"\" width=\"237\" height=\"421\" \/><p id=\"caption-attachment-12279\" class=\"wp-caption-text\">Captura de pantalla de Pok\u00e9mon Go, por JayTurnr, tomada de Wikipedia. <br \/>Fuente: <a href=\"https:\/\/en.wikipedia.org\/wiki\/File:Pok%C3%A9mon_Go_AR_Mode,_Dec_2017.png\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/en.wikipedia.org\/wiki\/File:Pok%C3%A9mon_Go_AR_Mode,_Dec_2017.png<\/a>.<\/p><\/div>\n<p>Si bien el uso de la realidad aumentada en el momento de la captura puede parecer puramente anecd\u00f3tico, se debe tener presente que el juego genera todo un universo virtual superpuesto a la realidad: con gimnasios<em> pokemon <\/em>que son foco de luchas entre facciones, eventos a los que acuden multitud de jugadores desplaz\u00e1ndose f\u00edsicamente hasta ellos, etc.<\/p>\n<p>Otros tipos de experiencias cada vez m\u00e1s extendidas son las que encontramos en el mundo de la moda y la est\u00e9tica mediante aplicaciones que permiten a los usuarios simular c\u00f3mo se ver\u00edan con cierta ropa, accesorios, maquillajes, etc.<\/p>\n<div align=\"center\">\n<blockquote class=\"instagram-media\" style=\"background: #FFF; border: 0; border-radius: 3px; box-shadow: 0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin:1 auto!important; max-width: 350px; min-width: 240px; padding: 0; width: calc(100% - 2px);\" data-instgrm-permalink=\"https:\/\/www.instagram.com\/p\/BsiecR1Fw5v\/?utm_source=ig_embed&amp;utm_campaign=loading\" data-instgrm-version=\"13\">\n<div style=\"padding: 16px;\">\n<div style=\"display: flex; flex-direction: row; align-items: center;\">\n<div style=\"background-color: #f4f4f4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px; text-align: center;\"><\/div>\n<div style=\"display: flex; flex-direction: column; flex-grow: 1; justify-content: center;\">\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;\"><\/div>\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;\"><\/div>\n<\/div>\n<\/div>\n<div style=\"padding: 19% 0;\"><\/div>\n<div style=\"display: block; height: 50px; margin: 0 auto 12px; width: 50px;\"><\/div>\n<div style=\"padding-top: 8px;\">\n<div style=\"color: #3897f0; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: 550; line-height: 18px;\">Ver esta publicaci\u00f3n en Instagram<\/div>\n<\/div>\n<div style=\"padding: 12.5% 0;\"><\/div>\n<div style=\"display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;\">\n<div>\n<div style=\"background-color: #f4f4f4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);\"><\/div>\n<div style=\"background-color: #f4f4f4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;\"><\/div>\n<div style=\"background-color: #f4f4f4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);\"><\/div>\n<\/div>\n<div style=\"margin-left: 8px;\">\n<div style=\"background-color: #f4f4f4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;\"><\/div>\n<div style=\"width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg);\"><\/div>\n<\/div>\n<div style=\"margin-left: auto;\">\n<div style=\"width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);\"><\/div>\n<div style=\"background-color: #f4f4f4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);\"><\/div>\n<div style=\"width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);\"><\/div>\n<\/div>\n<\/div>\n<div style=\"display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;\">\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;\"><\/div>\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;\"><\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<p style=\"color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; line-height: 17px; margin-bottom: 0; margin-top: 8px; overflow: hidden; padding: 8px 0 7px; text-align: center; text-overflow: ellipsis; white-space: nowrap;\"><a style=\"color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 17px; text-decoration: none;\" href=\"https:\/\/www.instagram.com\/p\/BsiecR1Fw5v\/?utm_source=ig_embed&amp;utm_campaign=loading\" target=\"_blank\" rel=\"noopener noreferrer\">Una publicaci\u00f3n compartida de Electric Runway | #FashionTech (@electric_runway)<\/a><\/p>\n<\/div>\n<\/blockquote>\n<\/div>\n<p><script async src=\"\/\/www.instagram.com\/embed.js\"><\/script><\/p>\n<p style=\"font-size: 17px; line-height: 17px;\">V\u00eddeo de Electric Runway mostrando el uso de una aplicaci\u00f3n de cambio de estilo en el CES 2019.<br \/>\nFuente: <a href=\"https:\/\/www.instagram.com\/electric_runway\/p\/BsiecR1Fw5v\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.instagram.com\/electric_runway\/p\/BsiecR1Fw5v\/<\/a>.<\/p>\n<h3>Pantallas est\u00e1ticas<\/h3>\n<p>En algunos casos, los dispositivos de realidad aumentada son est\u00e1ticos y no se mueven con el usuario. Se trata habitualmente de pantallas con c\u00e1maras situadas en puntos estrat\u00e9gicos.<\/p>\n<p>Este tipo de dispositivos han sido populares para acciones de marketing en puntos de venta o eventos, aunque hoy en d\u00eda funcionalmente no presentan diferencias significativas respecto a lo que est\u00e1 disponible en dispositivos port\u00e1tiles como los tel\u00e9fonos m\u00f3viles.<\/p>\n<h3>Sistemas de proyecci\u00f3n y hologr\u00e1ficos<\/h3>\n<p>Estos sistemas proyectan im\u00e1genes en la realidad en lugar de superponerlas mediante una pantalla, de manera que permite interactuar con ellas mediante modelos de interacci\u00f3n <a href=\"http:\/\/design-toolkit-test.uoc.edu\/es\/manipulating\/\" target=\"_blank\" rel=\"noopener noreferrer\"><u>manipulativos<\/u><\/a>.<\/p>\n<p>Un ejemplo de este sistema es el <a href=\"http:\/\/www.yinscorp.com\/count.html\" target=\"_blank\" rel=\"noopener noreferrer\">proyector Count<\/a>, de Yinscorp. Una de sus aplicaciones permite crear representaciones animadas de animales cuando se presentan ciertas cartas, lo que orienta en este caso la experiencia a herramienta de juego y aprendizaje infantil.<\/p>\n<p><iframe title=\"AR playing card game enabled by Count Projector (Generation 1)\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/mQ1tc6TF5NA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p style=\"font-size: 17px; line-height: 17px;\">V\u00eddeo mostrando el juego de cartas de animales del proyector Count.<br \/>\nFuente: <a href=\"https:\/\/www.youtube.com\/watch?v=mQ1tc6TF5NA\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.youtube.com\/watch?v=mQ1tc6TF5NA<\/a>.<\/p>\n<h2>Referencias<\/h2>\n<p><strong>Caudell, T. P.; Mizell, D. W.<\/strong> (enero, 1992). \u00abAugmented reality: An application of heads-up display technology to manual manufacturing processes\u00bb. <em>Proceedings of the twenty-fifth Hawaii international conference on system sciences<\/em> (vol. 2, p\u00e1gs. 659-669). IEEE.<\/p>\n<p><strong>Je\u0159\u00e1bek, T.; Rambousek, V.; Wildov\u00e1, R.<\/strong> (2015). \u00abPerceptual specifics and categorisation of augmented reality systems\u00bb. <em>Procedia-Social and Behavioral Sciences<\/em> (n\u00fam. <em>191<\/em>, p\u00e1gs. 1740-1744).<\/p>\n<p><strong>Milgram, P.; Kishino, F.<\/strong> (1994). \u00abA taxonomy of mixed reality visual displays\u00bb. <em>IEICE Transactions on Information and Systems<\/em> (n\u00fam. <em>77<\/em> (12), p\u00e1gs. 1321-1329).<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introducci\u00f3n La realidad aumentada es una tecnolog\u00eda que a\u00f1ade elementos virtuales, ya sean visuales, sonoros o de otro tipo, a una percepci\u00f3n de la realidad o, dicho de otro modo, introduce informaci\u00f3n generada por ordenador en un entorno real y crea una nueva forma de realidad m\u00e1s rica que la original. Se atribuye la primera [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":18347,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[24],"tags":[],"_links":{"self":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/15096\/"}],"collection":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/"}],"about":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/types\/post\/"}],"author":[{"embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/users\/4\/"}],"replies":[{"embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/comments\/?post=15096"}],"version-history":[{"count":6,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/15096\/revisions\/"}],"predecessor-version":[{"id":18319,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/15096\/revisions\/18319\/"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/media\/18347\/"}],"wp:attachment":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/media\/?parent=15096"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/categories\/?post=15096"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/tags\/?post=15096"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}