[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":3,"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":39,"gJbpPG5D0A82ooOESQbSqeidQ8reP_ht-esE6n8-puA":75,"I6BoqHfNm76wPZ_uh9Q1-_kNpCPp4MsY1ptpuv4UOt4":192,"_apollo:default":235},{"menu":4},{"__typename":5,"id":6,"name":7,"items":8},"Menu","footer","Fußzeile",[9,24,29,34],{"__typename":10,"id":11,"title":12,"description":13,"url":14,"langcode":15,"internal":20,"expanded":21,"attributes":22},"MenuItem","e2873307-b50a-4aab-b6b2-1950fd99c72e","Impressum",null,"/impressum",{"__typename":16,"id":17,"name":18,"direction":19},"Language","de","German","ltr",true,false,{"__typename":23,"class":13},"MenuItemAttributes",{"__typename":10,"id":25,"title":26,"description":13,"url":27,"langcode":15,"internal":20,"expanded":21,"attributes":28},"2cd9b7c9-142a-4ea3-b898-a0952c54a195","Datenschutz","/datenschutz",{"__typename":23,"class":13},{"__typename":10,"id":30,"title":31,"description":13,"url":32,"langcode":15,"internal":20,"expanded":21,"attributes":33},"a5effba3-5a8c-4125-8d78-0cdba09824db","AGB","/agb",{"__typename":23,"class":13},{"__typename":10,"id":35,"title":36,"description":13,"url":37,"langcode":15,"internal":21,"expanded":21,"attributes":38},"114bf071-bdbb-44cf-85c1-69e9d9e0777d","Newsletter","https://liechtenecker.at/newsletter-subscribe",{"__typename":23,"class":13},{"menu":40},{"__typename":5,"id":41,"name":42,"items":43},"nuxt-main-menu","Nuxt Hauptmenü",[44,50,55,60,65,70],{"__typename":10,"id":45,"title":46,"description":13,"url":47,"langcode":48,"internal":20,"expanded":21,"attributes":49},"9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1","Blog","/know-how",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":23,"class":13},{"__typename":10,"id":51,"title":52,"description":13,"url":53,"langcode":48,"internal":20,"expanded":21,"attributes":54},"1c7a5430-8a42-4b24-9544-252adabc2f4c","Projekte","/projekte",{"__typename":23,"class":13},{"__typename":10,"id":56,"title":57,"description":13,"url":58,"langcode":48,"internal":20,"expanded":21,"attributes":59},"9c4feedc-79e4-4fbf-b68c-065f33ebfe4c","Sparring","/workshop-ux-sparring-fuer-unternehmen",{"__typename":23,"class":13},{"__typename":10,"id":61,"title":62,"description":13,"url":63,"langcode":48,"internal":20,"expanded":21,"attributes":64},"3b77a27b-272a-489f-843e-53e23ed07741","Trainings","/liechtenecker-ux-academy",{"__typename":23,"class":13},{"__typename":10,"id":66,"title":67,"description":13,"url":68,"langcode":48,"internal":20,"expanded":21,"attributes":69},"ce0bb82b-e1ee-4036-be95-f693a62e9f4a","Über uns","/about",{"__typename":23,"class":13},{"__typename":10,"id":71,"title":72,"description":13,"url":73,"langcode":48,"internal":20,"expanded":21,"attributes":74},"04a19381-81a9-4694-8653-182d8855d2b5","Kontakt","/kontakt",{"__typename":23,"class":13},{"route":76},{"__typename":77,"entity":78},"RouteInternal",{"__typename":79,"id":80,"title":81,"changed":82,"created":88,"langcode":91,"path":92,"promote":21,"status":20,"sticky":21,"metatag":93,"postCategory":113,"postContentElements":13,"evergreen":13,"tags":138,"postWpBody":160,"wpHeaderImage":13,"wpHeaderImageOld":163,"wpHeaderImageOldSmall":176,"wpOgImage":13,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":13,"wpYoastHead":185,"author":186},"NodeWpPost","826","Augmented Reality: Die Technik",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1554794763,"UTC","+00:00","2019-04-09T07:26:03+00:00",{"__typename":83,"timestamp":89,"timezone":85,"offset":86,"time":90},1521302442,"2018-03-17T16:00:42+00:00",{"__typename":16,"id":17,"name":18,"direction":19},"/blog/augmented-reality-die-technik",[94,101,108],{"__typename":95,"tag":96,"attributes":97},"MetaTagValue","meta",{"__typename":98,"name":99,"content":100},"MetaTagValueAttributes","title","Augmented Reality: Die Technik | Liechtenecker UX Design Studio",{"__typename":102,"tag":103,"attributes":104},"MetaTagLink","link",{"__typename":105,"href":106,"hreflang":13,"rel":107,"media":13,"sizes":13,"type":13},"MetaTagLinkAttributes","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/blog/augmented-reality-die-technik","canonical",{"__typename":109,"tag":96,"attributes":110},"MetaTagProperty",{"__typename":111,"property":112,"content":81},"MetaTagPropertyAttributes","og:title",{"__typename":114,"id":115,"name":116,"path":117,"status":20,"weight":118,"description":119,"langcode":123,"changed":124,"metatag":127},"TermCategories","7","Technologie","/kategorie/technologie",0,{"__typename":120,"processed":121,"format":122},"Text","Development Themen sowie zukünftige Technologien, mit denen wir uns auseinandersetzen. ","wp_html",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":83,"timestamp":125,"timezone":85,"offset":86,"time":126},1713772777,"2024-04-22T07:59:37+00:00",[128,131,135],{"__typename":95,"tag":96,"attributes":129},{"__typename":98,"name":99,"content":130},"Technologie | Liechtenecker UX Design Studio",{"__typename":95,"tag":96,"attributes":132},{"__typename":98,"name":133,"content":134},"description","Development Themen sowie zukünftige Technologien, mit denen wir uns auseinandersetzen.",{"__typename":102,"tag":103,"attributes":136},{"__typename":105,"href":137,"hreflang":13,"rel":107,"media":13,"sizes":13,"type":13},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/kategorie/technologie",[139,144,148,152,156],{"__typename":140,"id":141,"name":142,"path":143,"weight":118},"TermTags","100","AR","/tag/ar",{"__typename":140,"id":145,"name":146,"path":147,"weight":118},"113","Augmented Reality","/tag/augmented-reality",{"__typename":140,"id":149,"name":150,"path":151,"weight":118},"254","Computer Vision","/tag/computer-vision",{"__typename":140,"id":153,"name":154,"path":155,"weight":118},"1370","unity","/tag/unity",{"__typename":140,"id":157,"name":158,"path":159,"weight":118},"1371","Unreal Engine","/tag/unreal-engine",{"__typename":161,"processed":162,"format":122,"summary":13},"TextSummary","\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Vor mittlerweile fast acht Jahren hat \u003Ca href=\"/augmented-realitylations/\">Susanne hier im Blog\u003C/a>\u003C/span>\u003Cspan style=\"font-weight: 400;\">  das erste Mal über Augmented Reality geschrieben und uns darin ihre Vision für die Zukunft von AR näher gebracht. Seit damals haben unzählige Innovationen die Möglichkeiten, die AR bietet, stetig vergrößert. In diesem Blogbeitrag möchte ich auf die heutigen, technischen Möglichkeiten und Entwicklungen eingehen und einen kurzen Überblick über die Entwicklung einer AR-App geben.\u003C/span>\u003C/p>\n\u003Cp> \u003C/p>\n\u003Ch2>\u003Cspan style=\"font-weight: 400;\">Was ist AR?\u003C/span>\u003C/h2>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Augmented Reality ist neben Virtual Reality eines der größten Hypethemen der letzten Jahre. Die deutsche Übersetzung ‘Erweiterte Realität’ beschreibt die Grundidee von AR schon sehr gut: \u003C/span>\u003Cspan style=\"font-weight: 400;\">reale Elemente, meist von einer Kamera gefilmt, werden durch digitale Zusatzinformationen ergänzt.\u003C/span>\u003C/p>\n\u003Cp>\u003Cstrong>Beispiele für Einsatzszenarien sind dabei vielfältig:\u003C/strong>\u003Cbr>\n\u003Cspan style=\"font-weight: 400;\">America Airlines hilft sich in Flughäfen schneller zu Recht zu finden, indem sie in einer App den optimalen Weg zum Gate anzeigen. Angereichert wird diese Hilfe durch dynamische Informationen wie Infos zu Cafes und Restaurants, die am Weg liegen sowie durch dynamische Informationen zu Wartezeiten beim Sicherheitscheck\u003C/span>\u003C/p>\n\u003Cp>\u003Ciframe width=\"500\" height=\"281\" src=\"https://www.youtube.com/embed/zohRwHzu9gA?feature=oembed\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen>\u003C/iframe>\u003Cbr>\n \u003Cbr>\n\u003Cspan style=\"font-weight: 400;\">Auch im Bildungsbereich gibt es unzählige Beispiele für interaktive, auf AR basierende Lernhilfen. \u003Ca href=\"http://(https://itunes.apple.com/at/app/complete-anatomy-2018-courses/id1054948424?mt=8)\" target=\"_blank\" rel=\"noopener noreferrer\">Complete Anatomy \u003C/a>\u003C/span>\u003Cspan style=\"font-weight: 400;\"> lässt Benutzer hochdetaillierte Modelle des menschlichen Körpers vor die Kamera des iPads projizieren. \u003Ca href=\"https://itunes.apple.com/at/app/jigspace/id1111193492?mt=8\" target=\"_blank\" rel=\"noopener noreferrer\">JigSpace\u003C/a>\u003C/span>\u003Cspan style=\"font-weight: 400;\"> bietet die Möglichkeit, dreidimensionale Modelle aller Art – die Bandbreite reicht dabei von Anatomie über Maschinen bis hin zum Aufbau des Erdmantels – auseinanderzunehmen um dabei die Funktionsweise besser zu verstehen.\u003C/span>\u003C/p>\n\u003Ch2>\u003Cspan style=\"font-weight: 400;\">Welche Geräte unterstützen AR-Anwendungen?\u003C/span>\u003C/h2>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Historisch gibt es vor allem für Smartphone und Tablets die meisten Anwendungen für AR-Applikationen, da hier von Anfang an besonders viel Einsatz und Know How in die für AR wichtigsten Technologien gelegt wurde: Kamera und Rechenleistung.\u003C/span>\u003C/p>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Besonders Rechenleistung ist in AR-Applikationen nicht unerheblich, weil das Bild, das über die Kamera aufgezeichnet wird, ständig analysiert werden muss um dann passend dazu das gewünschte 3D-Modell im Bild einzufügen.\u003C/span>\u003C/p>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Eine weitere, primär für den Einsatz von AR entwickelte Technologie sind Datenbrillen. Besonders bekannt weil sie für großen Aufschrei in der Bevölkerung gesorgt hat war dabei Google Glass, die nach einem mehrfach verschobenen Marktstart 2014 auf den Markt kam und nur ein Jahr später wieder eingestellt wurde. Auch wenn sich die große Ablehnung gegen das Produkt vor allem auf die eingebaute Kamera bezog, konnte die Idee der immer vorhandenen Möglichkeiten der erweiterten Realität das Projekt nicht retten.\u003C/span>\u003C/p>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Einen etwas anderen Weg schlägt Microsoft mit der HoloLens ein und umschifft dabei die sozialen Probleme, die Google Glass aufgebracht hat. Statt eine Datenbrille zur täglichen Verwendung im Alltag entwickelt Microsoft mit der HoloLens eine spezialisierte Brille für den professionellen Einsatz in kommerziellen Applikationen und Bildungseinrichtungen.\u003C/span>\u003C/p>\n\u003Cp>\u003Ciframe width=\"500\" height=\"281\" src=\"https://www.youtube.com/embed/cvLdbpICVGk?feature=oembed\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen>\u003C/iframe>\u003Cbr>\n\u003Cspan style=\"font-weight: 400;\">Der Fokus von Microsoft liegt dabei vor allem auf der Möglichkeit der HoloLens, gemeinsam mit anderen Personen an einem Projekt – sei es professionelle Designstudien für Autos, Architekturmodelle oder zur Planung von medizinischen Eingriffen – zu arbeiten.\u003C/span>\u003C/p>\n\u003Cp>\u003Ciframe width=\"500\" height=\"281\" src=\"https://www.youtube.com/embed/7d59O6cfaM0?feature=oembed\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen>\u003C/iframe>\u003Cbr>\n\u003Cspan style=\"font-weight: 400;\">Während die Forschung an AR-Kontaktlinsen und Datenbrillen für Endbenutzer weiter stark vorangetrieben wird, zeigt Neil Harbisson, was in Zukunft möglich sein wird. Harbisson, ein 33 Jahre alter Künstler aus Spanien wurde farbenblind geboren und ließ sich deshalb eine Antenne ins Gehirn implantieren, mit der u.a. Farben – durch Schwingungen – hören kann.\u003C/span>\u003C/p>\n\u003Ch2>\u003Cspan style=\"font-weight: 400;\">Wie wird Augmented Reality entwickelt?\u003C/span>\u003C/h2>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Wie und womit AR-Apps entwickelt werden, hängt natürlich stark von der Zielplattform ab. Microsoft stellt für die Entwicklung für HoloLens eigene Development-Kits zur Verfügung, Google und Apple haben eigene Frameworks für die Entwicklung von AR-Apps für Smartphones entwickelt: Google \u003Ca href=\"https://developers.google.com/ar/discover/\" target=\"_blank\" rel=\"noopener noreferrer\">ARCore\u003C/a> und Apples \u003Ca href=\"https://developer.apple.com/arkit/\" target=\"_blank\" rel=\"noopener noreferrer\">ARKit\u003C/a>\u003C/span>\u003Cspan style=\"font-weight: 400;\">.\u003C/span>\u003C/p>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Generell kann die Arbeit, die in einer AR-App zur Laufzeit passiert in zwei große Themenblöcke aufgeteilt werden können:\u003C/span>\u003C/p>\n\u003Ch3>\u003Cspan style=\"font-weight: 400;\">Raumposition berechnen und Elemente erkennen\u003C/span>\u003C/h3>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Die zuvor angesprochenen Frameworks unterstützen Entwickler, aufwendige Berechnungen, die für die Anzeige von Inhalt nötig sind, zur vereinfachen und den Entwickler damit zu entlasten. Grundsätzlich ist es zunächst wichtig zu wissen, wie das Gerät im Raum positioniert ist, wo sich der Boden befindet und wie es vom Benutzer im Raum rotiert und bewegt wird. Hat das Gerät genug Daten aus den zweidimensionalen Daten der Kamera gesammelt, um sich ein dreidimensionales Bild vom Raum zu machen, können Objekte in diesem Raum positioniert werden.\u003C/span>\u003C/p>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Zusätzlich unterstützen viele Frameworks Entwickler bei der Umsetzung weiterer, aufwendiger Berechnungen wie z.b. der Erkennung bestimmter Referenzbilder (die zuvor vom Entwickler spezifiziert werden) oder Gesichter, um dann darauf basierende Filter oder Effekte zu generieren. Ein Beispiel hierfür sind z.b. \u003Ca href=\"https://www.snapchat.com/l/de-de/create\" target=\"_blank\" rel=\"noopener noreferrer\">‘Linsen’ bei Snapchat\u003C/a>.\u003C/span>\u003C/p>\n\u003Ch3>\u003Cspan style=\"font-weight: 400;\">Inhalt einfügen\u003C/span>\u003C/h3>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Ist die Position des Geräts im Raum gefunden geht es an den eigentlichen Inhalt der AR-App. Soll ein dreidimensionaler Inhalt – also z.B. wie in den Beispielen weiter oben ein Modell des menschlichen Körpers oder ein Concept-Car – angezeigt werden, kommt eine 3D-Engine zum Einsatz. \u003C/span>\u003C/p>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Da viele AR-Apps für Smartphone sowohl für iOS als auch für Android entwickelt werden, werden oft Cross-Plattform-Spiele-Engines für diese Zwecke benutzt. Die bekanntesten Vertreter dabei sind die \u003Ca href=\"https://www.unrealengine.com/en-US/what-is-unreal-engine-4\" target=\"_blank\" rel=\"noopener noreferrer\">Unreal Engine\u003C/a>\u003C/span>\u003Cspan style=\"font-weight: 400;\"> und \u003Ca href=\"https://unity3d.com/de\">Unity\u003C/a>\u003C/span>\u003Cspan style=\"font-weight: 400;\">.\u003C/span>\u003C/p>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Stark verkürzt gesagt handelt es sich bei den angesprochenen Engines um komplette Entwicklungsumgebungen für 3D Inhalte und Spiele aller Art. Sie kombinieren viele Aspekte, die auch für die Entwicklung von AR-Inhalten wichtig sind und bieten damit die ideale Basis für die Anzeige von dreidimensionalen Inhalten.\u003C/span>\u003C/p>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Es muss natürlich nicht immer ein dreidimensionales Modell sein, dass in das bestehende Bild eingefügt wird. \u003C/span>\u003C/p>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">\u003Ca href=\"https://en.wikipedia.org/wiki/Word_Lens\" target=\"_blank\" rel=\"noopener noreferrer\">WordLens\u003C/a>, eine AR-Übersetzungsapp, die Schilder und andere Texte in eine gewünschte Sprache übersetzt, in dem man das Smartphone auf den betreffenden Text hält, und Google Lens, eine visuelle Bildersuche, die Objekte erkennt und dann auf Google danach suchen lässt, sind weitere Beispiele für die vielfältigen Einsatzmöglichkeiten von Augmented Reality im Alltag.\u003C/span>\u003C/p>\n\u003Ch3>\u003Cspan style=\"font-weight: 400;\">Zusammenführung\u003C/span>\u003C/h3>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Beide Schritte, also die Berechnung der Raumposition und das Einfügen der Inhalte werden miteinander kombiniert und für jedes Bild, dass das Gerät macht, neu berechnet. In der Engine wird die Position des AR-Gerätes mit einer virtuellen Kamera verknüpft.\u003C/span>\u003C/p>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Diese Kombination erlaubt es dann, sich frei im Raum zu bewegen und so das dreidimensionale Modell von allen Seiten zu betrachten.\u003C/span>\u003C/p>\n\u003Ch2>\u003Cspan style=\"font-weight: 400;\">Die Zukunft\u003C/span>\u003C/h2>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Technisch steht AR auf viel breiteren Beinen als noch vor wenigen Jahren. Sowohl Google als auch Apple bauen die Möglichkeiten, die Geräte mit iOS oder Android bieten weiter massiv aus und stellen Entwickler immer neue, spannende Hardwareentwicklungen für den Einsatz von AR zur Verfügung.\u003C/span>\u003C/p>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Ein Beispiel dafür sind neuere Kamerasysteme in der Plus-Linie von iPhones, die auch Tiefeninformation generieren können, um so ein noch genauere Raum-Berechnung zu ermöglichen.\u003C/span>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n",{"__typename":164,"id":165,"excludeFromScreenreader":13,"mediaImage":166,"name":172,"path":175,"status":20},"MediaImage","1292",{"__typename":167,"url":168,"width":169,"height":170,"alt":171,"title":172,"size":173,"mime":174},"Image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2018/03/augmented_reality_bild_1920x500_2018-1.png",1920,500,"Augmented Reality - die Technik","augmented_reality_bild_1920x500_2018",13053,"image/png","/media/1292/edit",{"__typename":164,"id":177,"excludeFromScreenreader":13,"mediaImage":178,"name":182,"path":184,"status":20},"1293",{"__typename":167,"url":179,"width":180,"height":181,"alt":171,"title":182,"size":183,"mime":174},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2018/03/augmented_reality_bild_922x519_2018-1.png",922,519,"augmented_reality_bild_922x519_2018",11885,"/media/1293/edit","\u003C!-- This site is optimized with the Yoast SEO plugin v15.7 - https://yoast.com/wordpress/plugins/seo/ -->\n\u003Cmeta name=\"description\" content=\"Augmented Reality gibt es nicht erst seit wenigen Jahren. Wie funktioniert die Technik, die zukünftig unser Leben grundlegend verändern soll.\" />\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://legacy.liechtenecker.dev/blog/augmented-reality-die-technik/\" />\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Augmented Reality: Die Technik - Liechtenecker\" />\n\u003Cmeta property=\"og:description\" content=\"Augmented Reality gibt es nicht erst seit wenigen Jahren. Wie funktioniert die Technik, die zukünftig unser Leben grundlegend verändern soll.\" />\n\u003Cmeta property=\"og:url\" content=\"https://legacy.liechtenecker.dev/blog/augmented-reality-die-technik/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2018-03-17T17:00:42+00:00\" />\n\u003Cmeta property=\"article:modified_time\" content=\"2019-04-09T09:26:03+00:00\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" />\n\u003Cmeta name=\"twitter:label1\" content=\"Geschätzte Lesezeit\">\n\t\u003Cmeta name=\"twitter:data1\" content=\"6 Minuten\">\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https://legacy.liechtenecker.dev/#website\",\"url\":\"https://legacy.liechtenecker.dev/\",\"name\":\"Liechtenecker\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https://legacy.liechtenecker.dev/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"WebPage\",\"@id\":\"https://legacy.liechtenecker.dev/blog/augmented-reality-die-technik/#webpage\",\"url\":\"https://legacy.liechtenecker.dev/blog/augmented-reality-die-technik/\",\"name\":\"Augmented Reality: Die Technik - Liechtenecker\",\"isPartOf\":{\"@id\":\"https://legacy.liechtenecker.dev/#website\"},\"datePublished\":\"2018-03-17T17:00:42+00:00\",\"dateModified\":\"2019-04-09T09:26:03+00:00\",\"author\":{\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/b24fd61d8a4acf49d8c56f320617f6ec\"},\"description\":\"Augmented Reality gibt es nicht erst seit wenigen Jahren. Wie funktioniert die Technik, die zuk\\u00fcnftig unser Leben grundlegend ver\\u00e4ndern soll.\",\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://legacy.liechtenecker.dev/blog/augmented-reality-die-technik/\"]}]},{\"@type\":\"Person\",\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/b24fd61d8a4acf49d8c56f320617f6ec\",\"name\":\"Stephan\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https://legacy.liechtenecker.dev/#personlogo\",\"inLanguage\":\"de-DE\",\"url\":\"https://secure.gravatar.com/avatar/400d5f8c531afb609b81aa66c8d56f01?s=96&d=mm&r=g\",\"caption\":\"Stephan\"}}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"__typename":187,"id":188,"myRole":189,"name":190,"nickname":191},"User","23","langgedienter Frontend-Veteran","s-fletzberger","Stephan",{"latestKnowhow":193},[194,210,223],{"__typename":79,"id":195,"title":196,"path":197,"wpTeaserText":198,"wpPromotedTeaserImage":13,"wpHeaderImage":199},"1619","Behind the scenes: Ein Barrierefreiheits-Audit","/blog/behind-scenes-ein-barrierefreiheits-audit","”Entspricht unsere Website den gesetzlichen Anforderungen und wenn nicht, was genau müssen wir ändern?”\r\nDiese Frage lieben wir. Echt! Und so sieht unsere Antwort aus.",{"__typename":164,"id":200,"excludeFromScreenreader":13,"mediaImage":201,"name":208,"path":209,"status":20},"3364",{"__typename":167,"url":202,"width":203,"height":204,"alt":205,"title":13,"size":206,"mime":207},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-04/Headerbilder%20Blogartikel%20Behind%20the%20scene%20Accessibility%20Audit.jpg",2880,1300,"Headline mit Sujet: Tastatur mit Symbolen für Barrierefreiheit im Fokus auf hellem  Hintergrund",838204,"image/jpeg","Headerbilder Blogartikel Behind the scene Accessibility Audit.jpg","/media/3364/edit",{"__typename":79,"id":211,"title":212,"path":213,"wpTeaserText":214,"wpPromotedTeaserImage":13,"wpHeaderImage":215},"1616","Agentic KI trifft Design-System: Wie unser Presentation Maker entstand.","/blog/agentic-ki-trifft-design-system-wie-unser-presentation-maker-entstand","Nein, wir wollen euch jetzt nicht erzählen, was KI alles kann. Aber wir möchten euch zeigen, wie wir mit KI umgehen. \r\n",{"__typename":164,"id":216,"excludeFromScreenreader":13,"mediaImage":217,"name":221,"path":222,"status":20},"3355",{"__typename":167,"url":218,"width":203,"height":204,"alt":219,"title":13,"size":220,"mime":207},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-03/BLOG_Presentation%20Tool_TITEL-2880x1300px_1.jpg","Lukas und Daniel  arbeiten an Computern im Büro.",2621988,"BLOG_Presentation Tool_TITEL-2880x1300px.jpg","/media/3355/edit",{"__typename":79,"id":224,"title":225,"path":226,"wpTeaserText":13,"wpPromotedTeaserImage":13,"wpHeaderImage":227},"1606","UI Trends 2026","/blog/ui-trends-2026",{"__typename":164,"id":228,"excludeFromScreenreader":21,"mediaImage":229,"name":233,"path":234,"status":20},"3303",{"__typename":167,"url":230,"width":203,"height":204,"alt":231,"title":13,"size":232,"mime":207},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-01/BLOG_Trendbericht%202026.jpg","UI Trends 2026, gelber Hintergrund, schwarze Schrift.",4700748,"BLOG_Trendbericht 2026.jpg","/media/3303/edit",{"Language:de":236,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":237,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":241,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":244,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":247,"Menu:footer":250,"ROOT_QUERY":260,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":276,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":279,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":282,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":285,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":288,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":291,"Menu:nuxt-main-menu":294,"TermCategories:7":308,"TermTags:100":319,"TermTags:113":320,"TermTags:254":321,"TermTags:1370":322,"TermTags:1371":323,"MediaImage:1292":324,"MediaImage:1293":326,"User:23":328,"NodeWpPost:826":329,"MediaImage:3364":360,"NodeWpPost:1619":362,"MediaImage:3355":365,"NodeWpPost:1616":367,"MediaImage:3303":370,"NodeWpPost:1606":372},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",238,"internal",20,"expanded",21,"attributes",240],{"__ref":239},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",242,"internal",20,"expanded",21,"attributes",243],{"__ref":239},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",245,"internal",20,"expanded",21,"attributes",246],{"__ref":239},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",248,"internal",21,"expanded",21,"attributes",249],{"__ref":239},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",251],[252,254,256,258],{"__ref":253},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":255},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":257},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":259},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",261,"menu({\"name\":\"FOOTER\"})",262,"menu({\"name\":\"NUXT_MAIN_MENU\"})",264,"route({\"path\":\"/blog/augmented-reality-die-technik\"})",266,"latestKnowhow({\"excludeId\":\"826\",\"limit\":3})",269],"Query",{"__ref":263},"Menu:footer",{"__ref":265},"Menu:nuxt-main-menu",["null","__typename",77,"entity",267],{"__ref":268},"NodeWpPost:826",[270,272,274],{"__ref":271},"NodeWpPost:1619",{"__ref":273},"NodeWpPost:1616",{"__ref":275},"NodeWpPost:1606",["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",277,"internal",20,"expanded",21,"attributes",278],{"__ref":239},["null","__typename",23,"class",13],["null","__typename",10,"id",51,"title",52,"description",13,"url",53,"langcode",280,"internal",20,"expanded",21,"attributes",281],{"__ref":239},["null","__typename",23,"class",13],["null","__typename",10,"id",56,"title",57,"description",13,"url",58,"langcode",283,"internal",20,"expanded",21,"attributes",284],{"__ref":239},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",286,"internal",20,"expanded",21,"attributes",287],{"__ref":239},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",289,"internal",20,"expanded",21,"attributes",290],{"__ref":239},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",292,"internal",20,"expanded",21,"attributes",293],{"__ref":239},["null","__typename",23,"class",13],["null","__typename",5,"id",41,"name",42,"items",295],[296,298,300,302,304,306],{"__ref":297},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":299},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":301},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":303},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":305},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":307},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",114,"id",115,"name",116,"path",117,"status",20,"weight",118,"description",309,"langcode",310,"changed",311,"metatag",312],["null","__typename",120,"processed",121,"format",122],{"__ref":239},["null","__typename",83,"timestamp",125,"timezone",85,"offset",86,"time",126],[313,315,317],["null","__typename",95,"tag",96,"attributes",314],["null","__typename",98,"name",99,"content",130],["null","__typename",95,"tag",96,"attributes",316],["null","__typename",98,"name",133,"content",134],["null","__typename",102,"tag",103,"attributes",318],["null","__typename",105,"href",137,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",140,"id",141,"name",142,"path",143,"weight",118],["null","__typename",140,"id",145,"name",146,"path",147,"weight",118],["null","__typename",140,"id",149,"name",150,"path",151,"weight",118],["null","__typename",140,"id",153,"name",154,"path",155,"weight",118],["null","__typename",140,"id",157,"name",158,"path",159,"weight",118],["null","__typename",164,"id",165,"excludeFromScreenreader",13,"mediaImage",325,"name",172,"path",175,"status",20],["null","__typename",167,"url",168,"width",169,"height",170,"alt",171,"title",172,"size",173,"mime",174],["null","__typename",164,"id",177,"excludeFromScreenreader",13,"mediaImage",327,"name",182,"path",184,"status",20],["null","__typename",167,"url",179,"width",180,"height",181,"alt",171,"title",182,"size",183,"mime",174],["null","__typename",187,"id",188,"myRole",189,"name",190,"nickname",191],["null","__typename",79,"id",80,"title",81,"changed",330,"created",331,"langcode",332,"path",92,"promote",21,"status",20,"sticky",21,"metatag",333,"category",340,"contentElements",13,"evergreen",13,"tags",342,"wpBody",353,"wpHeaderImage",13,"wpHeaderImageOld",354,"wpHeaderImageOldSmall",356,"wpOgImage",13,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",13,"wpYoastHead",185,"author",358],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",89,"timezone",85,"offset",86,"time",90],{"__ref":239},[334,336,338],["null","__typename",95,"tag",96,"attributes",335],["null","__typename",98,"name",99,"content",100],["null","__typename",102,"tag",103,"attributes",337],["null","__typename",105,"href",106,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",109,"tag",96,"attributes",339],["null","__typename",111,"property",112,"content",81],{"__ref":341},"TermCategories:7",[343,345,347,349,351],{"__ref":344},"TermTags:100",{"__ref":346},"TermTags:113",{"__ref":348},"TermTags:254",{"__ref":350},"TermTags:1370",{"__ref":352},"TermTags:1371",["null","__typename",161,"processed",162,"format",122,"summary",13],{"__ref":355},"MediaImage:1292",{"__ref":357},"MediaImage:1293",{"__ref":359},"User:23",["null","__typename",164,"id",200,"excludeFromScreenreader",13,"mediaImage",361,"name",208,"path",209,"status",20],["null","__typename",167,"url",202,"width",203,"height",204,"alt",205,"title",13,"size",206,"mime",207],["null","__typename",79,"id",195,"title",196,"path",197,"wpTeaserText",198,"wpPromotedTeaserImage",13,"wpHeaderImage",363],{"__ref":364},"MediaImage:3364",["null","__typename",164,"id",216,"excludeFromScreenreader",13,"mediaImage",366,"name",221,"path",222,"status",20],["null","__typename",167,"url",218,"width",203,"height",204,"alt",219,"title",13,"size",220,"mime",207],["null","__typename",79,"id",211,"title",212,"path",213,"wpTeaserText",214,"wpPromotedTeaserImage",13,"wpHeaderImage",368],{"__ref":369},"MediaImage:3355",["null","__typename",164,"id",228,"excludeFromScreenreader",21,"mediaImage",371,"name",233,"path",234,"status",20],["null","__typename",167,"url",230,"width",203,"height",204,"alt",231,"title",13,"size",232,"mime",207],["null","__typename",79,"id",224,"title",225,"path",226,"wpTeaserText",13,"wpPromotedTeaserImage",13,"wpHeaderImage",373],{"__ref":374},"MediaImage:3303"]