{"id":1849,"date":"2025-06-24T09:33:45","date_gmt":"2025-06-24T07:33:45","guid":{"rendered":"https:\/\/me.efi.ohmportal.de\/blog\/?p=1849"},"modified":"2025-06-24T09:35:02","modified_gmt":"2025-06-24T07:35:02","slug":"vivian","status":"publish","type":"post","link":"https:\/\/me.efi.ohmportal.de\/blog\/2025\/06\/24\/vivian\/","title":{"rendered":"Vivian &#8211; Interaktiver Messestand"},"content":{"rendered":"<style>\n.vivian-container {<br \/>\n  max-width: 900px;<br \/>\n  margin: auto;<br \/>\n  color: #354f3f;<br \/>\n  font-family: sans-serif;<br \/>\n  line-height: 1.7;<br \/>\n  padding: 30px;<br \/>\n  background-color: #ffffff !important;<br \/>\n  border-radius: 10px;<br \/>\n  font-size: 0.95em;<br \/>\n}<br \/>\n.vivian-container img {<br \/>\n  max-width: 100%;<br \/>\n  border-radius: 10px;<br \/>\n  margin: 20px auto;<br \/>\n  display: block;<br \/>\n}<br \/>\n.vivian-container img.size-medium.wp-image-1906.aligncenter {<br \/>\n  width: 500px !important;<br \/>\n  height: auto !important;<br \/>\n}<br \/>\n.vivian-container h1 {<br \/>\n  color: #354f3f;<br \/>\n  font-weight: bold;<br \/>\n  font-size: 1.8em;<br \/>\n  text-align: center;<br \/>\n  margin-bottom: 1em;<br \/>\n  background-color: #ffffff;<br \/>\n  padding: 10px 0;<br \/>\n}<br \/>\n.vivian-container h2,<br \/>\n.vivian-container h3 {<br \/>\n  color: #354f3f;<br \/>\n  font-weight: bold;<br \/>\n  font-size: 1.3em;<br \/>\n  margin-top: 2em;<br \/>\n  margin-bottom: 0.5em;<br \/>\n  border-bottom: 1px solid #91ac9d;<br \/>\n  padding-bottom: 6px;<br \/>\n}<br \/>\n.vivian-container .subhead {<br \/>\n  font-weight: bold;<br \/>\n  font-size: 1.1em;<br \/>\n  color: #354f3f;<br \/>\n  margin-top: 2em;<br \/>\n  margin-bottom: 0.5em;<br \/>\n}<br \/>\n.vivian-grid {<br \/>\n  display: flex;<br \/>\n  flex-wrap: wrap;<br \/>\n  gap: 20px;<br \/>\n  margin-top: 20px;<br \/>\n}<br \/>\n.vivian-row {<br \/>\n  display: flex;<br \/>\n  flex-wrap: nowrap;<br \/>\n  gap: 20px;<br \/>\n  align-items: flex-start;<br \/>\n  margin-top: 20px;<br \/>\n}<br \/>\n.vivian-row img {<br \/>\n  width: 45%;<br \/>\n  border-radius: 10px;<br \/>\n}<br \/>\n.vivian-row .vivian-text {<br \/>\n  width: 55%;<br \/>\n  color: #354f3f;<br \/>\n}<br \/>\n.styled-card {<br \/>\n  background-color: #f6f8f7;<br \/>\n  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05);<br \/>\n  border-left: 5px solid #91ac9d;<br \/>\n  border-radius: 12px;<br \/>\n  padding: 20px;<br \/>\n  flex: 1 1 45%;<br \/>\n  min-width: 250px;<br \/>\n}<br \/>\n.styled-card h3 {<br \/>\n  color: #7b9d8b;<br \/>\n  font-size: 1.1em;<br \/>\n  font-weight: bold;<br \/>\n  margin-bottom: 1em;<br \/>\n  border-bottom: none;<br \/>\n}<br \/>\n.styled-card ul {<br \/>\n  list-style: disc;<br \/>\n  padding-left: 20px;<br \/>\n  margin: 0;<br \/>\n}<br \/>\n.styled-card li {<br \/>\n  margin-bottom: 0.8em;<br \/>\n  color: #2e4235;<br \/>\n  line-height: 1.6;<br \/>\n}<br \/>\n.function-list-dark {<br \/>\n  background-color: #354f3f;<br \/>\n  color: #ffffff;<br \/>\n  border-left: 5px solid #91ac9d;<br \/>\n  border-radius: 12px;<br \/>\n  padding: 20px;<br \/>\n  margin-top: 20px;<br \/>\n  font-size: 0.95em;<br \/>\n}<br \/>\n.function-list-dark h4 {<br \/>\n  color: #91ac9d;<br \/>\n  margin-bottom: 10px;<br \/>\n  font-size: 1.1em;<br \/>\n}<br \/>\n.function-list-dark p {<br \/>\n  margin: 20px 0;<br \/>\n  line-height: 1.7;<br \/>\n  text-align: justify;<br \/>\n}<br \/>\n<\/style>\n<div class=\"vivian-container\">\n<p><img decoding=\"async\" src=\"https:\/\/me.efi.ohmportal.de\/blog\/wp-content\/uploads\/2025\/06\/Vivian_Banner.jpeg\" alt=\"Vivian Projektbanner\" \/><\/p>\n<p>Unser Projekt pr\u00e4sentiert einen interaktiven Messestand f\u00fcr das Softwareframework Vivian. Mit Vivian lassen sich technische Ger\u00e4te bereits vor der physischen Fertigung mittels Augmented Reality (AR) und Virtual Reality (VR) erleben und testen. Ziel ist es, durch Vivian technische Ger\u00e4te so zu gestalten und zu evaluieren, dass potenzielle Usability-Probleme der technischen Ger\u00e4te fr\u00fchzeitig erkannt und Entwicklungsprozesse effizienter realisiert werden.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/me.efi.ohmportal.de\/blog\/wp-content\/uploads\/2025\/06\/viviain-logo-final-300x99.png\" alt=\"Vivian Logo\" width=\"300\" height=\"99\" \/><\/p>\n<p>Als Demonstrator haben wir einen Cocktailautomaten entwickelt \u2013 sowohl als virtuellen Prototyp in einer VR-Umgebung als auch als funktionierenden, realen Prototyp.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1906\" src=\"https:\/\/me.efi.ohmportal.de\/blog\/wp-content\/uploads\/2025\/06\/Automat_freigestellt-300x169.jpg\" alt=\"Cocktailautomat\" width=\"400\" height=\"225\" srcset=\"https:\/\/me.efi.ohmportal.de\/blog\/wp-content\/uploads\/2025\/06\/Automat_freigestellt-300x169.jpg 300w, https:\/\/me.efi.ohmportal.de\/blog\/wp-content\/uploads\/2025\/06\/Automat_freigestellt-1024x576.jpg 1024w, https:\/\/me.efi.ohmportal.de\/blog\/wp-content\/uploads\/2025\/06\/Automat_freigestellt-768x432.jpg 768w, https:\/\/me.efi.ohmportal.de\/blog\/wp-content\/uploads\/2025\/06\/Automat_freigestellt.jpg 1200w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/p>\n<h3>Projektkomponenten<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1860 size-full\" src=\"https:\/\/me.efi.ohmportal.de\/blog\/wp-content\/uploads\/2025\/06\/BannerBild-1.jpg\" alt=\"\" width=\"1536\" height=\"717\" srcset=\"https:\/\/me.efi.ohmportal.de\/blog\/wp-content\/uploads\/2025\/06\/BannerBild-1.jpg 1536w, https:\/\/me.efi.ohmportal.de\/blog\/wp-content\/uploads\/2025\/06\/BannerBild-1-300x140.jpg 300w, https:\/\/me.efi.ohmportal.de\/blog\/wp-content\/uploads\/2025\/06\/BannerBild-1-1024x478.jpg 1024w, https:\/\/me.efi.ohmportal.de\/blog\/wp-content\/uploads\/2025\/06\/BannerBild-1-768x359.jpg 768w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/><\/p>\n<div class=\"vivian-grid\">\n<div class=\"styled-card\">\n<h3>VR\/AR-Bereich<\/h3>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><strong>Virtueller Messestand<\/strong> in 3D erstellt<\/li>\n<li><strong>Cocktailautomat<\/strong> digital modelliert (Blender)<\/li>\n<li><strong>Interaktive Pr\u00e4sentation<\/strong> in VR\/AR<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/div>\n<div class=\"styled-card\">\n<h3>Physischer Cocktailautomat<\/h3>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><strong>Einzelteile<\/strong> im 3D-Druckverfahren gefertigt<\/li>\n<li><strong>Hardware<\/strong> individuell zusammengestellt<\/li>\n<li><strong>Holzelemente<\/strong> Laser bearbeitet und verarbeitet<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/div>\n<div class=\"styled-card\">\n<h3>Interface<\/h3>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><strong>Touchsteuerung <\/strong>\u00fcber Tablet<\/li>\n<li><strong>Eigene Benutzeroberfl\u00e4che<\/strong> (GUI)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/div>\n<div class=\"styled-card\">\n<h3>Framework: Vivian<\/h3>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><strong>Schnittstelle<\/strong> zwischen VR-Anwendung und realer Hardware<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<h3>Digitale und physische Umsetzung<\/h3>\n<h4 class=\"subhead\">Digitale Seite: AR\/VR-Messestand<\/h4>\n<p><img decoding=\"async\" src=\"https:\/\/me.efi.ohmportal.de\/blog\/wp-content\/uploads\/2025\/06\/MessestandVirtuell.jpg\" alt=\"Messestand virtuell\" \/><\/p>\n<p>Im Mittelpunkt der digitalen Umsetzung steht unser vollst\u00e4ndig in Blender modellierter Cocktailautomat. Dieses Modell wurde in eine interaktive, virtuelle Messestand-Umgebung eingebettet, die es erlaubt, Produkte realit\u00e4tsnah in AR und VR zu pr\u00e4sentieren und mit potentiellen Nutzer:innen zu testen.<\/p>\n<div class=\"function-list-dark\">\n<p><strong>Testbare Benutzeroberfl\u00e4che (UI\/UX):<\/strong><br \/>\nNutzer:innen k\u00f6nnen die Interaktion im digitalen Raum erproben und fr\u00fchzeitig Schwachstellen erkennen.<\/p>\n<p><strong>Realit\u00e4tsnahe Simulation:<\/strong><br \/>\nProdukterlebnisse ohne physischen Prototyp durch immersive VR-Darstellung.<\/p>\n<p><strong>Flexible Pr\u00e4sentation:<\/strong><br \/>\nDer virtuelle Messestand ist mobil, anpassbar und vielseitig einsetzbar, ideal f\u00fcr Messen.<\/p>\n<\/div>\n<h4 class=\"subhead\">Physische Seite: Der reale Cocktailautomat<\/h4>\n<div class=\"styled-card vivian-row\"><img decoding=\"async\" src=\"https:\/\/me.efi.ohmportal.de\/blog\/wp-content\/uploads\/2025\/06\/Mechanik.jpg\" alt=\"Mechanik\" \/><\/div>\n<div class=\"vivian-text\">\n<p><strong><br \/>\nMechanik<\/strong><\/p>\n<p>Fl\u00fcssigkeiten werden \u00fcber elektrisch gesteuerte Ventile ausgegeben, ein 270\u00b0-Servomotor sorgt f\u00fcr die Eisw\u00fcrfelausgabe.<\/p>\n<\/div>\n<\/div>\n<div class=\"styled-card vivian-row\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2069\" src=\"https:\/\/me.efi.ohmportal.de\/blog\/wp-content\/uploads\/2025\/06\/Gehausebau-237x300.jpg\" alt=\"\" width=\"237\" height=\"300\" srcset=\"https:\/\/me.efi.ohmportal.de\/blog\/wp-content\/uploads\/2025\/06\/Gehausebau-237x300.jpg 237w, https:\/\/me.efi.ohmportal.de\/blog\/wp-content\/uploads\/2025\/06\/Gehausebau.jpg 306w\" sizes=\"auto, (max-width: 237px) 100vw, 237px\" \/><\/p>\n<div class=\"vivian-text\">\n<p><strong><br \/>\nGeh\u00e4usebau<\/strong><\/p>\n<p>Der Automat wurde aus zugeschnittenen Holzplatten gebaut, die unter anderem mit Laser- und Plasmacutting-Verfahren bearbeitet wurden.<\/p>\n<\/div>\n<\/div>\n<div class=\"styled-card vivian-row\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2070\" src=\"https:\/\/me.efi.ohmportal.de\/blog\/wp-content\/uploads\/2025\/06\/3D-gedruckteTeile-237x300.jpg\" alt=\"\" width=\"237\" height=\"300\" srcset=\"https:\/\/me.efi.ohmportal.de\/blog\/wp-content\/uploads\/2025\/06\/3D-gedruckteTeile-237x300.jpg 237w, https:\/\/me.efi.ohmportal.de\/blog\/wp-content\/uploads\/2025\/06\/3D-gedruckteTeile.jpg 306w\" sizes=\"auto, (max-width: 237px) 100vw, 237px\" \/><\/p>\n<div class=\"vivian-text\">\n<p><strong><br \/>\n3D-gedruckte Teile<\/strong><\/p>\n<p>Wir haben eigene CAD-Modelle f\u00fcr Tanks, Halterungen, Ausl\u00e4sse und Eisw\u00fcrfelf\u00e4cher erstellt und gedruckt.<\/p>\n<\/div>\n<\/div>\n<div class=\"styled-card vivian-row\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2072\" src=\"https:\/\/me.efi.ohmportal.de\/blog\/wp-content\/uploads\/2025\/06\/Elektronik-237x300.jpg\" alt=\"\" width=\"237\" height=\"300\" srcset=\"https:\/\/me.efi.ohmportal.de\/blog\/wp-content\/uploads\/2025\/06\/Elektronik-237x300.jpg 237w, https:\/\/me.efi.ohmportal.de\/blog\/wp-content\/uploads\/2025\/06\/Elektronik.jpg 306w\" sizes=\"auto, (max-width: 237px) 100vw, 237px\" \/><\/p>\n<div class=\"vivian-text\">\n<p><strong><br \/>\nElektronik<\/strong><\/p>\n<p>Die Steuerung der Ventile, des Servomotors und des Touchscreens erfolgt durch einen Arduino-Mikrocontroller.<\/p>\n<\/div>\n<\/div>\n<h3>Team Cocktailautomat<\/h3>\n<p>Realisierung durch f\u00fcnf Studierende des Studiengangs Media Engineering:<br \/>\nDavid Fuhrmann, Isabella Nawratil, Christian Ulrich, Leon Schubert, Altan \u00c7er.<\/p>\n<p>Betreuung durch Prof. Dr. Patrick Harms vom Ohm UX Center, Spezialist f\u00fcr Usability Engineering und User Experience Design.<\/p>\n<div class=\"function-list-dark\">\n<h3>Framework Vivian von Prof. Dr. Patrick Harms<\/h3>\n<p><strong>GitLab-Repository: <\/strong><a href=\"https:\/\/gitlab.com\/usability-engineering-ar-mr-vr\/vivian-framework\" target=\"_blank\" rel=\"noopener\">Vivian auf GitLab<\/a><\/p>\n<p><strong>Forschungsprojekte am Ohm-UX Center: <\/strong><a href=\"https:\/\/www.th-nuernberg.de\/einrichtungen-gesamt\/kompetenzzentren\/ohm-user-experience-center-ohm-ux\/forschung\/forschungsprojekte\/\" target=\"_blank\" rel=\"noopener\">Projektseite<\/a><\/p>\n<p><strong>Betreuender Professor: <\/strong><a href=\"https:\/\/www.th-nuernberg.de\/person\/harms-patrick\/\" target=\"_blank\" rel=\"noopener\">Prof. Dr. Patrick Harms<\/a><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Unser Projekt pr\u00e4sentiert einen interaktiven Messestand f\u00fcr das Softwareframework Vivian. Mit Vivian lassen sich technische Ger\u00e4te bereits vor der physischen Fertigung mittels Augmented Reality (AR) und Virtual Reality (VR) erleben und testen. Ziel ist es, durch Vivian technische Ger\u00e4te so zu gestalten und zu evaluieren, dass potenzielle Usability-Probleme der technischen Ger\u00e4te fr\u00fchzeitig erkannt und Entwicklungsprozesse &hellip; <a href=\"https:\/\/me.efi.ohmportal.de\/blog\/2025\/06\/24\/vivian\/\" class=\"more-link\"><span class=\"screen-reader-text\">Vivian &#8211; Interaktiver Messestand<\/span> weiterlesen<\/a><\/p>\n","protected":false},"author":14,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[21,18,22,23,20,19],"class_list":["post-1849","post","type-post","status-publish","format-standard","hentry","category-allgemein","tag-3d-druck","tag-blender","tag-framework","tag-innovation","tag-virtuell","tag-vr-ar"],"_links":{"self":[{"href":"https:\/\/me.efi.ohmportal.de\/blog\/wp-json\/wp\/v2\/posts\/1849","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/me.efi.ohmportal.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/me.efi.ohmportal.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/me.efi.ohmportal.de\/blog\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/me.efi.ohmportal.de\/blog\/wp-json\/wp\/v2\/comments?post=1849"}],"version-history":[{"count":197,"href":"https:\/\/me.efi.ohmportal.de\/blog\/wp-json\/wp\/v2\/posts\/1849\/revisions"}],"predecessor-version":[{"id":2176,"href":"https:\/\/me.efi.ohmportal.de\/blog\/wp-json\/wp\/v2\/posts\/1849\/revisions\/2176"}],"wp:attachment":[{"href":"https:\/\/me.efi.ohmportal.de\/blog\/wp-json\/wp\/v2\/media?parent=1849"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/me.efi.ohmportal.de\/blog\/wp-json\/wp\/v2\/categories?post=1849"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/me.efi.ohmportal.de\/blog\/wp-json\/wp\/v2\/tags?post=1849"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}