<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Soziotechnische Integration &#187; Multitouch</title>
	<atom:link href="https://test.soziotech.org/tag/multitouch/feed/" rel="self" type="application/rss+xml" />
	<link>https://test.soziotech.org</link>
	<description>Ein Projekt mit der Forschungsgruppe Kooperationssysteme an der Universität der Bundeswehr München</description>
	<lastBuildDate>Mon, 15 Jun 2015 15:24:48 +0000</lastBuildDate>
	<language>de-DE</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=4.2.38</generator>
	<item>
		<title>Multitouch-Entwicklung mit GestureWorks</title>
		<link>https://test.soziotech.org/multitouch-entwicklung-mit-gestureworks/</link>
		<comments>https://test.soziotech.org/multitouch-entwicklung-mit-gestureworks/#comments</comments>
		<pubDate>Mon, 16 Apr 2012 18:27:10 +0000</pubDate>
		<dc:creator><![CDATA[Sebastian Jung]]></dc:creator>
				<category><![CDATA[Adobe Flash / Flex]]></category>
		<category><![CDATA[Berichte]]></category>
		<category><![CDATA[Human Computer Interaction]]></category>
		<category><![CDATA[Largescreen]]></category>
		<category><![CDATA[Mobiles & Handhelds]]></category>
		<category><![CDATA[Natural User Interfaces]]></category>
		<category><![CDATA[Surface Computing]]></category>
		<category><![CDATA[Tabletops & Tablet PCs]]></category>
		<category><![CDATA[Ubiquitäre Natural User Interfaces]]></category>
		<category><![CDATA[Adobe Flash]]></category>
		<category><![CDATA[Adobe Flex]]></category>
		<category><![CDATA[Anwendungsentwicklung]]></category>
		<category><![CDATA[Framework]]></category>
		<category><![CDATA[Gestensteuerung]]></category>
		<category><![CDATA[Gesture Markup Language]]></category>
		<category><![CDATA[Gestureworks]]></category>
		<category><![CDATA[Multitouch]]></category>
		<category><![CDATA[Natural User Interface]]></category>
		<category><![CDATA[Open Exhibits]]></category>
		<category><![CDATA[Touchscreen]]></category>

		<guid isPermaLink="false">http://sevastyanova.cscwlab.de/?p=4856</guid>
		<description><![CDATA[<p><img src="https://test.soziotech.org/wp-content/uploads/cache/1068_crop_940x198_multitouch-polaroid.png" width="618" height="130" alt="Multitouch-Entwicklung mit GestureWorks" /></p>Der vorliegende Artikel ist der zweite Bericht aus der Einführungs-Serie für Multitouch-Entwicklungsumgebungen und stellt die kommerzielle Software GestureWorks vor. Mit diesem Framework können Adobe Flash Applikationen mit Multitouch-Unterstützung erstellt werden, wobei eine breite Palette von Multitouch-Hardware unterstützt wird. Das Spektrum &#8230; <a href="https://test.soziotech.org/multitouch-entwicklung-mit-gestureworks/">Weiterlesen <span class="meta-nav">&#8594;</span></a><img src="https://analytics.flottmedia.com/piwik/piwik.php?idsite=2&amp;rec=1&amp;url=https%3A%2F%2Ftest.soziotech.org%2Fmultitouch-entwicklung-mit-gestureworks%2F&amp;action_name=Multitouch-Entwicklung+mit+GestureWorks&amp;urlref=http%3A%2F%2Ffeeds.feedburner.com%2Fsoziotech" style="border:0;width:0;height:0" width="0" height="0" alt="" /><div class='yarpp-related-rss'>
<h3>Verwandte Artikel:</h3><ol>
<li><a href="https://test.soziotech.org/multitouch-entwicklung-mit-mt4j/" rel="bookmark" title="Multitouch-Entwicklung mit MT4j">Multitouch-Entwicklung mit MT4j </a></li>
<li><a href="https://test.soziotech.org/konzeption-eines-analyserasters/" rel="bookmark" title="Konzeption eines Analyserasters für die szenario-spezifische Eignungsfeststellung von Multitouch-Tablets">Konzeption eines Analyserasters für die szenario-spezifische Eignungsfeststellung von Multitouch-Tablets </a></li>
<li><a href="https://test.soziotech.org/alternative-moeglichkeiten-zur-interaktion-mit-grossen-vertikalen-displays/" rel="bookmark" title="Alternative Möglichkeiten zur Interaktion mit großen vertikalen Displays">Alternative Möglichkeiten zur Interaktion mit großen vertikalen Displays </a></li>
</ol>
</div>
]]></description>
				<content:encoded><![CDATA[<p><img src="https://test.soziotech.org/wp-content/uploads/cache/1068_crop_940x198_multitouch-polaroid.png" width="618" height="130" alt="Multitouch-Entwicklung mit GestureWorks" /></p><p><em>Der vorliegende Artikel ist der zweite Bericht aus der Einführungs-Serie <em>für Multitouch-Entwicklungsumgebungen und stellt die kommerzielle Software <a href="http://gestureworks.com/" target="_blank" class="link-external">GestureWorks</a> vor. Mit diesem Framework können Adobe Flash Applikationen mit Multitouch-Unterstützung erstellt werden, wobei eine breite Palette von Multitouch-Hardware unterstützt wird. Das Spektrum an unterstützten Gesten ist enorm, was sich u.a. auch in der von GestureWorks eingeführten <a href="http://gestureworks.com/features/open-source-gestures/" target="_blank" class="link-external">Gesture Markup Language</a> widerspiegelt. Im Folgenden wird eine kurze Einführung in die Plattform gegeben, einige vorgefertigte Beispiele gezeigt sowie ein kleine Anwendung selbst implementiert.<br />
</em></em></p>
<h2>Einführung</h2>
<ul>
<li>Framework zur Erstellung von Multitouch-Anwendungen mit Adobe Flash</li>
<li>Unterstützung aller Adobe Flash-Komponenten</li>
<li>Verwendung der Adobe Flash Rendering Engine</li>
<li>Implementierung basiert auf Adobe ActionScript</li>
<li>Anbindung beliebiger Hardware mit Windows 7 oder dem <a href="https://test.soziotech.org/glossar/tuio-2/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für TUIO zu springen." onmouseover="tooltip.show('TUIO ist ein Protokoll und eine API für Eingaben von Multitouch-Screens ');" onmouseout="tooltip.hide();">TUIO</a>-Protokoll</li>
<li>Über 100 verfügbare Gesten, assoziiert mit der Gesture Markup Language</li>
</ul>
<h3>Demo</h3>
<p>Um vor der Vorstellung der technischen Details einen ersten Eindruck  zu schaffen, demonstriert das folgende Beispielvideo die Funktionalität einer Applikation mit Flickr und Google Maps Integration:</p>
<p><iframe width="640" height="480" src="http://www.youtube.com/embed/b2nruh-EODU?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<h3>Historie</h3>
<p>Das Framework wird seit 2008 von dem  US-Unternehmen <a href="http://www.ideum.com/" title="Zur Website von Ideum" target="_blank" class="link-external">Ideum Inc. </a>entwickelt und steht derzeit in der Version 3.1  zur Verfügung. Es werden <a href="http://gestureworks.com/features/product-comparison-chart/" title="Zum Versionsvergleich auf der Herstellerseite" target="_blank" class="link-external">zwei Versionen</a> vertrieben. Zum einen als  Standard-Version für $149, welche auf fünf Gesten beschränkt ist und in  jeder Anwendung ein Logo enthält, und die unbeschränkte  Professional-Version für $349. Außerdem wird eine Demo-Version  bereitgestellt, bei der jede Anwendung auf 30 Minuten Laufzeit  eingeschränkt ist. Die Version 2 des Frameworks ist als über das <a href="http://openexhibits.org/software/" title="Zum Download der Open Source Version von Gesture Works auf Open Exhibits" target="_blank" class="link-external">Projekt Open Exhibits</a> als Open-Source  verfügbar.</p>
<h2>Komponenten und Aufbau</h2>
<p>Die nachfolgende Tabelle gibt einen Überblick über die technischen  Eigenschaften sowie bereitgestellten Gesten und Komponenten des  Frameworks:</p>
<table border="0" align="center">
<thead>
<tr>
<th>Eigenschaft</th>
<th>Ausprägung bei GestureWorks</th>
</tr>
</thead>
<tbody>
<tr>
<td>Programmiersprache</td>
<td>
<ul>
<li>Adobe Flash</li>
<li>Adobe Flex</li>
</ul>
</td>
</tr>
<tr>
<td>Rendering</td>
<td>
<ul>
<li>Adobe Flash Rendering Engine (Geräteabhängig)</li>
</ul>
</td>
</tr>
<tr>
<td>Hardware-Anbindung</td>
<td>
<ul>
<li>Unterstützt jede Hardware, auf der Windows 7 ausgeführt oder welche mit dem TUIO-Protokoll genutzt werden kann</li>
</ul>
</td>
</tr>
<tr>
<td>Multitouch-Gesten</td>
<td>
<ul>
<li>Über 100 vorhandene Gesten, assoziiert mit der GestureML, einer Markup-Sprache für Multitouch-Gesten
<ul>
<li><a href="https://test.soziotech.org/glossar/drag/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für Drag zu springen." onmouseover="tooltip.show('Das Ziehen von Objekten auf Multitouch-Screens (ähnlich Drag and Drop) ');" onmouseout="tooltip.hide();">Drag</a></li>
<li><a href="https://test.soziotech.org/glossar/rotate/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für Rotate zu springen." onmouseover="tooltip.show('Das Drehen von Objekten auf Multitouch-Screens mit einem oder zwei Fingern ');" onmouseout="tooltip.hide();">Rotate</a></li>
<li><a href="https://test.soziotech.org/glossar/anchor-rotate/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für Anchor Rotate zu springen." onmouseover="tooltip.show('Das Drehen von Objekten mit einem Finger und gleichzeitigem halten anderer Finger auf einem Multitouch-Screen ');" onmouseout="tooltip.hide();">Anchor Rotate</a></li>
<li><a href="https://test.soziotech.org/glossar/scale/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für Scale zu springen." onmouseover="tooltip.show('Das Vergrößern und Verkleinern (Zoom) von Objekten mit einer Fingergeste (z.B. pinchen) auf Multitouch-Screens ');" onmouseout="tooltip.hide();">Scale</a></li>
<li><a href="https://test.soziotech.org/glossar/anchor-scale/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für Anchor Scale zu springen." onmouseover="tooltip.show('Das Vergrößern und Verkleinern (Zoom) von Objekten mit einer Fingergeste bei gleichzeitigem halten anderer Finger auf einem Multitouch-Screen ');" onmouseout="tooltip.hide();">Anchor Scale</a></li>
<li><a href="https://test.soziotech.org/glossar/tap/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für Tap zu springen." onmouseover="tooltip.show('Das Auswählen eines Objekts durch Tippen auf Multitouch-Screens mit einem Finger (ähnlich einem Mausklick) ');" onmouseout="tooltip.hide();">Tap</a></li>
<li><a href="https://test.soziotech.org/glossar/anchor-tap/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für Anchor Tap zu springen." onmouseover="tooltip.show('Das Auswählen eines Objekts durch tippen eines Fingers und gleichzeitigem halten anderer Finger auf einem Multitouch-Screen ');" onmouseout="tooltip.hide();">Anchor Tap</a></li>
<li><a href="https://test.soziotech.org/glossar/double-tap/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für Double Tap zu springen." onmouseover="tooltip.show('Das Auswählen von Objekten durch doppeltes Antippen auf einem Multitouch-Screen (ähnlich einem Doppelklick) ');" onmouseout="tooltip.hide();">Double Tap</a></li>
<li><a href="https://test.soziotech.org/glossar/anchor-double-tap/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für Anchor Double Tap zu springen." onmouseover="tooltip.show('Das Auswählen von Objekten durch doppeltes Antippen mit einem Finger und gleichzeitigem halten anderer Finger auf einem Multitouch-Screen ');" onmouseout="tooltip.hide();">Anchor Double Tap</a></li>
<li><a href="https://test.soziotech.org/glossar/triple-tap/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für Triple Tap zu springen." onmouseover="tooltip.show('Das Auswählen von Objekten durch dreifaches Antippen mit einem Finger auf einem Multitouch-Screen (ähnlich einem Dreifach-Klick) ');" onmouseout="tooltip.hide();">Triple Tap</a></li>
<li><a href="https://test.soziotech.org/glossar/tap-and-hold/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für Tap and Hold zu springen." onmouseover="tooltip.show('Das Auswählen eines Objekts durch halten des Fingers auf einem Multitouch-Screen (ähnlich einem Rechtsklick) ');" onmouseout="tooltip.hide();">Tap and Hold</a></li>
<li><a href="https://test.soziotech.org/glossar/flick/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für Flick zu springen." onmouseover="tooltip.show('Eine Richtungsgeste durch kurzes Streichen des Fingers auf einem Multitouch-Screen ');" onmouseout="tooltip.hide();">Flick</a></li>
<li><a href="https://test.soziotech.org/glossar/anchor-flick/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für Anchor Flick zu springen." onmouseover="tooltip.show('Eine Richtungsgeste durch kurzes Streichen eines Fingers bei gleichzeitigem halten anderer Finger auf einem Multitouch-Screen ');" onmouseout="tooltip.hide();">Anchor Flick</a></li>
<li><a href="https://test.soziotech.org/glossar/scroll/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für Scroll zu springen." onmouseover="tooltip.show('Das nach oben oder unten verschieben von Bildschirminhalten (Bildlauf) mit einem Finger auf einem Multitouch-Screen (ähnlich dem Maus-Scrollrad) ');" onmouseout="tooltip.hide();">Scroll</a></li>
<li><a href="https://test.soziotech.org/glossar/split/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für Split zu springen." onmouseover="tooltip.show('Das Auseinanderziehen bzw. Trennen von Objekten mit einer entgegengesetzten Geste aus zwei Fingern auf einem Multitouch-Screen ');" onmouseout="tooltip.hide();">Split</a></li>
<li><a href="https://test.soziotech.org/glossar/gesture-draw/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für Gesture Draw zu springen." onmouseover="tooltip.show('Das Zeichnen von Symbolen (zum Beispiel Häckchen) auf einem Multitouch-Screen ');" onmouseout="tooltip.hide();">Gesture Draw</a></li>
</ul>
</li>
<li>Vorhandene Gesten können erweitert werden</li>
</ul>
</td>
</tr>
<tr>
<td>Bereitgestellte Komponenten</td>
<td>
<ul>
<li>Verwendung aller in Adobe Flash verfügbaren Komponenten möglich</li>
<li>Keine zusätzliche Bereitstellung von vorgefertigten Objekten</li>
<li>Unterstützung aller <a href="http://kb2.adobe.com/cps/402/kb402701.html" rel="nofollow" target="_blank" class="link-external">Formate</a>, welche durch Adobe Flash verwendet werden können
<ul>
<li>Bilder und Grafiken</li>
<li>Audio</li>
<li>Video</li>
</ul>
</li>
</ul>
</td>
</tr>
</tbody>
</table>
<h2>Installation</h2>
<p>Bevor die Installation starten kann, muss zunächst auf der <a href="https://gestureworks.com/download-process/" rel="nofollow" class="link-internal">Homepage</a> eine Version gekauft werden. Alternativ steht auf der gleichen Seite auch eine Evaluationsversion zur Verfügung.</p>
<ol>
<li>Die <a href="http://get.adobe.com/de/air/" rel="nofollow" target="_blank" class="link-external broken_link">Adobe Air Laufzeitumgebung</a> herunterladen und installieren</li>
<li>Die heruntergeladene Setup-Datei für GestureWorks ausführen</li>
<li>Den Installationsschritten folgen</li>
<li>Zum Ende der Installation die Lizenznummer eingeben und bestätigen</li>
<li>Nach der Installation öffnet sich der Windows Explorer und zeigt den Installationsordner. In diesem sind die Programm-Bibliotheken enthalten, die benötigt werden, um Multitouch-fähige Anwendungen mit Adobe Flash zu kompilieren. Es ist keine ausführbare Anwendung enthalten!</li>
</ol>

<div class="ngg-galleryoverview" id="ngg-gallery--48560">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-1075" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-0" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/anwendung-installieren_2012-01-14_16-09-43.png" title="
			Festlegen, mit welchen Optionen GestureWorks installiert werden soll.			"  >
								<img alt="Festlegen, mit welchen Optionen GestureWorks installiert werden soll." src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/thumbs/thumbs_anwendung-installieren_2012-01-14_16-09-43.png" width="126" height="100" class="colorbox-0" />
							</a>
			<p class=wp-caption-text>Installation Schritt 1</p>
		</div>
	</div>
			
	<div id="ngg-image-1076" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-0" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/anwendung-installieren_2012-01-14_16-18-31.png" title="
			Der Lizenzvertrag muss akzeptiert werden.			"  >
								<img alt="Der Lizenzvertrag muss akzeptiert werden." src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/thumbs/thumbs_anwendung-installieren_2012-01-14_16-18-31.png" width="126" height="100" class="colorbox-0" />
							</a>
			<p class=wp-caption-text>Installation Schritt 2</p>
		</div>
	</div>
			
	<div id="ngg-image-1077" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-0" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/gestureworks-3_2012-01-14_16-19-28.png" title="
			Der eigentliche Installer für das Framework.			"  >
								<img alt="Der eigentliche Installer für das Framework." src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/thumbs/thumbs_gestureworks-3_2012-01-14_16-19-28.png" width="126" height="100" class="colorbox-0" />
							</a>
			<p class=wp-caption-text>Installation Schritt 3</p>
		</div>
	</div>
			
	<div id="ngg-image-1078" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-0" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/gestureworks-3_2012-01-14_16-19-54.png" title="
			Auch hier muss der Lizenzvertrag akzeptiert werden.			"  >
								<img alt="Auch hier muss der Lizenzvertrag akzeptiert werden." src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/thumbs/thumbs_gestureworks-3_2012-01-14_16-19-54.png" width="126" height="100" class="colorbox-0" />
							</a>
			<p class=wp-caption-text>Installation Schritt 4</p>
		</div>
	</div>
			
	<div id="ngg-image-1079" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-0" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/gestureworks-3_2012-01-14_16-20-30.png" title="
			Es muss eine gültige Lizenznummer eingegeben werden.			"  >
								<img alt="Es muss eine gültige Lizenznummer eingegeben werden." src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/thumbs/thumbs_gestureworks-3_2012-01-14_16-20-30.png" width="126" height="100" class="colorbox-0" />
							</a>
			<p class=wp-caption-text>Installation Schritt 5</p>
		</div>
	</div>
			
	<div id="ngg-image-1080" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-0" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/gestureworks3_2012-01-14_16-31-47.png" title="
			Der Windows-Explorer zeigt das Installationsverzeichnis von GestureWorks an. Dieses enthält die Programm-Bibliothek.			"  >
								<img alt="Der Windows-Explorer zeigt das Installationsverzeichnis von GestureWorks an. Dieses enthält die Programm-Bibliothek." src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/thumbs/thumbs_gestureworks3_2012-01-14_16-31-47.png" width="126" height="100" class="colorbox-0" />
							</a>
			<p class=wp-caption-text>Installationsverzeichnis von GestureWorks</p>
		</div>
	</div>
		
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>


<h2>Einrichtung von Adobe Flash</h2>
<p>Um Anwendungen auf Basis von Adobe Flash und GestureWorks entwickeln zu können, wird die Entwicklungsumgebung <a href="http://www.adobe.com/de/products/flash.html" rel="nofollow" target="_blank" class="link-external broken_link">Adobe Flash Professional CS5+</a> benötigt. Im Folgenden wird erklärt, wie diese Anwendung eingerichtet werden muss, damit Applikationen mit GestureWorks erstellt werden können.</p>
<ol>
<li>Dieses vorbereitete <a href="../wp-content/uploads/2012/03/GestureWorks_Template.zip" class="link-zip">Template</a> herunterladen und entpacken. Es enthält die Ordnerstruktur, welche für jedes neue Projekt benötigt wird.</li>
<li>Anlegen eines neuen Adobe AIR Projekts unter &#8222;Datei&#8220; -&gt; &#8222;Neu&#8220; (Adobe AIR Projekt auswählen)</li>
<li>Abspeichern des Projekts unter beliebigem Namen in dem Template-Ordner</li>
<li>Neue Adobe ActionScript Klasse anlegen unter &#8222;Datei&#8220; -&gt; &#8222;Neu&#8220; (ActionScript 3.0 auswählen)</li>
<li>Die neue Klasse im &#8222;src&#8220;-Ordner abspeichern unter dem Name &#8222;Main&#8220;</li>
<li>ActionScript Einstellungen festlegen unter &#8222;Datei&#8220; -&gt; &#8222;ActionScript Einstellungen
<ol>
<li>Als Klassenname &#8222;Main&#8220; angeben</li>
<li>Neuen Quellpfad &#8222;.\src&#8220; erstellen</li>
<li>Bibliothekspfade hinzufügen. Alle GestureWorks-Projekte müssen mit den Bibliotheken  &#8222;GestureWorksCML.swc&#8220; und &#8222;GestureWorksGML.swc&#8220; verknüpft werden. Diese Dateien befinden sich im  &#8222;lib&#8220;-Ordner im Verzeichnis von GestureWorks und müssen mit dem Icon &#8222;SWC-Datei hinzufügen&#8220; je als neue Bibliothek eingefügt und aus dem GestureWorks-Ordner (C:\Users\&#8220;Name&#8220;\GestureWorks3\lib) ausgewählt werden.</li>
</ol>
</li>
<li>Veröffentlichungseinstellungen festlegen unter &#8222;Datei&#8220; -&gt; &#8222;Einstellungen für Veröffentlichungen&#8220;
<ol>
<li>Der Pfad für die Ausgabedatei (.swf) ist &#8222;.\bin\Main.swf&#8220;</li>
</ol>
</li>
<li>Nun kann der eigentliche Inhalt der Applikation implementiert werden. Dazu wird mit &#8222;Klassendefinition bearbeiten&#8220; von &#8222;Main&#8220; eine neue Klasse für ActionScript erstellt.</li>
</ol>

<div class="ngg-galleryoverview" id="ngg-gallery--48561">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-1085" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-1" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/einstellungen-fur-veroffentlichungen_2012-02-28_15-06-17.png" title="
			Festlegen des Ausgabepfades für die veröffentlichen Dateien (hier .swf).			"  >
								<img alt="Festlegen des Ausgabepfades für die veröffentlichen Dateien (hier .swf)." src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/thumbs/thumbs_einstellungen-fur-veroffentlichungen_2012-02-28_15-06-17.png" width="126" height="100" class="colorbox-1" />
							</a>
			<p class=wp-caption-text>Einstellungen für Veröffentlichungen</p>
		</div>
	</div>
			
	<div id="ngg-image-1083" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-1" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/erweiterte-actionscript-3.png" title="
			Festlegen des Klassennames und des Quellpfades.			"  >
								<img alt="Festlegen des Klassennames und des Quellpfades." src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/thumbs/thumbs_erweiterte-actionscript-3.png" width="126" height="100" class="colorbox-1" />
							</a>
			<p class=wp-caption-text>ActionScript-Einstellungen 1</p>
		</div>
	</div>
			
	<div id="ngg-image-1084" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-1" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/erweiterte-actionscript-31.png" title="
			Festlegen des Bibliothekspfades. Hier wird das GestureWorks Framework in Flash eingebunden.			"  >
								<img alt="Festlegen des Bibliothekspfades. Hier wird das GestureWorks Framework in Flash eingebunden." src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/thumbs/thumbs_erweiterte-actionscript-31.png" width="126" height="100" class="colorbox-1" />
							</a>
			<p class=wp-caption-text>ActionScript-Einstellungen 2</p>
		</div>
	</div>
			
	<div id="ngg-image-1086" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-1" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/main.png" title="
			Mit diesem Button kann der programmierte Inhalt der ActionScript-Datei bearbeitet werden.			"  >
								<img alt="Mit diesem Button kann der programmierte Inhalt der ActionScript-Datei bearbeitet werden." src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/thumbs/thumbs_main.png" width="126" height="100" class="colorbox-1" />
							</a>
			<p class=wp-caption-text>Klassendefinition bearbeiten</p>
		</div>
	</div>
			
	<div id="ngg-image-1087" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-1" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/mainwin.png" title="
			Die Entwicklungsumgebung Adobe Flash Professional CS5+ sollte für die Implementierung der Applikation wie folgt aussehen.			"  >
								<img alt="Die Entwicklungsumgebung Adobe Flash Professional CS5+ sollte für die Implementierung der Applikation wie folgt aussehen." src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/thumbs/thumbs_mainwin.png" width="126" height="100" class="colorbox-1" />
							</a>
			<p class=wp-caption-text>Adobe Flash Professional CS5+</p>
		</div>
	</div>
			
	<div id="ngg-image-1081" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-1" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/neues-dokument_2012-02-28_10-42-08.png" title="
			Es wird ein neues Adobe AIR 2 Projekt erstellt.			"  >
								<img alt="Es wird ein neues Adobe AIR 2 Projekt erstellt." src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/thumbs/thumbs_neues-dokument_2012-02-28_10-42-08.png" width="126" height="100" class="colorbox-1" />
							</a>
			<p class=wp-caption-text>Neues Adobe AIR Projekt</p>
		</div>
	</div>
			
	<div id="ngg-image-1082" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-1" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/neues-dokument_2012-02-28_10-51-53.png" title="
			Es wird eine neue ActionScript 3.0 Klasse angelegt.			"  >
								<img alt="Es wird eine neue ActionScript 3.0 Klasse angelegt." src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/thumbs/thumbs_neues-dokument_2012-02-28_10-51-53.png" width="126" height="100" class="colorbox-1" />
							</a>
			<p class=wp-caption-text>Neue ActionScript Klasse</p>
		</div>
	</div>
		
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>


<h2>Mitgelieferte Beispiele</h2>
<p>Die Beispielanwendungen für GestureWorks sind nicht in der Installation enthalten, sondern als Tutorial und Download auf der <a href="http://gestureworks.com/legacy-tutorials/" rel="nofollow" target="_blank" class="link-external">Webseite</a> verfügbar. Die Applikationen sind allesamt einfach gehalten und lassen sich mit der Anleitung auf der Webseite einfach nachvollziehen. Für die weitere Betrachtung werden die Applikationen in zwei Kategorien eingeteilt. Zum einen die Beispiele, welche die grundlegenden Touch-Gesten demonstrieren, und zum anderen erweiterte Anwendungen. Letztere haben einen größeren Funktionsumfang und geben einen Einblick in die reale Entwicklung.</p>
<p class="warningbox">Die derzeit auf der Homepage befindlichen Beispiele sind für die Version 2 von GestureWorks ausgelegt.</p>
<h3>Grundlegende Beispiele</h3>
<p>Diese Beispielanwendungen dienen vor allem zum Erlernen der  grundlegenden Touchgesten. Es werden jeweils nur wenige Geste mit  einfachen Objekt kombiniert, um die Funktionalität zu erlernen.</p>

<div class="ngg-galleryoverview" id="ngg-gallery--48562">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-1063" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-2" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/ball-flick.png" title="
			Der dargestellte rote Ball lässt sich durch die Flick-Geste nach links und rechts &quot;schubsen&quot;.			"  >
								<img alt="Der dargestellte rote Ball lässt sich durch die Flick-Geste nach links und rechts &quot;schubsen&quot;." src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/thumbs/thumbs_ball-flick.png" width="126" height="100" class="colorbox-2" />
							</a>
			<p class=wp-caption-text>Flick (Swipe)</p>
		</div>
	</div>
			
	<div id="ngg-image-1065" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-2" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/icon-drag.png" title="
			Die abgebildeten Münzen können mit Drag-Gesten verschoben werden.			"  >
								<img alt="Die abgebildeten Münzen können mit Drag-Gesten verschoben werden." src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/thumbs/thumbs_icon-drag.png" width="126" height="100" class="colorbox-2" />
							</a>
			<p class=wp-caption-text>Drag</p>
		</div>
	</div>
			
	<div id="ngg-image-1066" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-2" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/image-zoom.png" title="
			Das angezeigte Bild lässt sich durch eine Zoom-Geste vergrößern und verkleinern.			"  >
								<img alt="Das angezeigte Bild lässt sich durch eine Zoom-Geste vergrößern und verkleinern." src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/thumbs/thumbs_image-zoom.png" width="126" height="100" class="colorbox-2" />
							</a>
			<p class=wp-caption-text>Zoom</p>
		</div>
	</div>
			
	<div id="ngg-image-1068" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-2" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/multitouch-polaroid.png" title="
			Eine kleine Applikation zur Bildmanipulation. Die Bilder können bewegt, gedreht und gezoomt werden.			"  >
								<img alt="Eine kleine Applikation zur Bildmanipulation. Die Bilder können bewegt, gedreht und gezoomt werden." src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/thumbs/thumbs_multitouch-polaroid.png" width="126" height="100" class="colorbox-2" />
							</a>
			<p class=wp-caption-text>Move, Rotate, Scale</p>
		</div>
	</div>
			
	<div id="ngg-image-1071" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-2" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/tap-drum.png" title="
			Eine Trommel, welche mit einer einfachen Tap-Geste betätigt werden kann.			"  >
								<img alt="Eine Trommel, welche mit einer einfachen Tap-Geste betätigt werden kann." src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/thumbs/thumbs_tap-drum.png" width="126" height="100" class="colorbox-2" />
							</a>
			<p class=wp-caption-text>Tap</p>
		</div>
	</div>
			
	<div id="ngg-image-1073" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-2" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/vector-rotate.png" title="
			Das Windrad lässt sich durch eine Rotate-Geste manipulieren.			"  >
								<img alt="Das Windrad lässt sich durch eine Rotate-Geste manipulieren." src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/thumbs/thumbs_vector-rotate.png" width="126" height="100" class="colorbox-2" />
							</a>
			<p class=wp-caption-text>Rotate</p>
		</div>
	</div>
		
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>


<h3>Erweiterte Beispiele</h3>
<p>Anwendungen in dieser Kategorie sind für fortgeschrittene Entwickler  geeignet und zeigen wie man gewöhnliche Flash-Inhalte wie beispielsweise  Karten oder 3D-Objekte mit Multitouch-Gesten versehen kann.</p>

<div class="ngg-galleryoverview" id="ngg-gallery--48563">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-1064" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-3" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/gmap.png" title="
			Eine Applikation zur Darstellung von Karten aus Google Maps. Die Karte kann bewegt, gedreht und gezoomt werden.			"  >
								<img alt="Eine Applikation zur Darstellung von Karten aus Google Maps. Die Karte kann bewegt, gedreht und gezoomt werden." src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/thumbs/thumbs_gmap.png" width="126" height="100" class="colorbox-3" />
							</a>
			<p class=wp-caption-text>Google Maps App</p>
		</div>
	</div>
			
	<div id="ngg-image-1067" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-3" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/multitouch-flint.png" title="
			Eine Partikelsimulation mit der durch Touch-Berührung Effekte erzeugt werden können.			"  >
								<img alt="Eine Partikelsimulation mit der durch Touch-Berührung Effekte erzeugt werden können." src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/thumbs/thumbs_multitouch-flint.png" width="126" height="100" class="colorbox-3" />
							</a>
			<p class=wp-caption-text>Multitouch Flint App</p>
		</div>
	</div>
			
	<div id="ngg-image-1069" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-3" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/multitouch-sw2.png" title="
			Das angezeigt Gittermuster wird dazu verwendet, mithilfe von Multitouch-Gesten Töne in Echtzeit zu erzeugen. Daraus können durch Kombination der Gesten Melodien gespielt werden.			"  >
								<img alt="Das angezeigt Gittermuster wird dazu verwendet, mithilfe von Multitouch-Gesten Töne in Echtzeit zu erzeugen. Daraus können durch Kombination der Gesten Melodien gespielt werden." src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/thumbs/thumbs_multitouch-sw2.png" width="126" height="100" class="colorbox-3" />
							</a>
			<p class=wp-caption-text>StandingWave2 App</p>
		</div>
	</div>
			
	<div id="ngg-image-1070" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-3" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/multitouch-twitter.png" title="
			Eine Anwendung zur Darstellung von Twitter-Meldungen. Diese können durch Gesten bewegt, gedreht und gezoomt werden.			"  >
								<img alt="Eine Anwendung zur Darstellung von Twitter-Meldungen. Diese können durch Gesten bewegt, gedreht und gezoomt werden." src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/thumbs/thumbs_multitouch-twitter.png" width="126" height="100" class="colorbox-3" />
							</a>
			<p class=wp-caption-text>Twitter Touch App</p>
		</div>
	</div>
			
	<div id="ngg-image-1072" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-3" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/turtle-away3d.png" title="
			Diese Applikation stellt ein 3D-Modell einer Schildkröte dar, welches sich durch Multitouch-Gesten bewegen lässt.			"  >
								<img alt="Diese Applikation stellt ein 3D-Modell einer Schildkröte dar, welches sich durch Multitouch-Gesten bewegen lässt." src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-gestureworks/thumbs/thumbs_turtle-away3d.png" width="126" height="100" class="colorbox-3" />
							</a>
			<p class=wp-caption-text>Away3D Touch App</p>
		</div>
	</div>
		
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>


<h2>Minimalimplementierung</h2>
<p>Eine Anwendung mit GestureWorks zu implementieren ist sehr einfach. Es werden nur zwei Dateien und etwas Quellcode (Adobe ActionScript 3)  benötigt. Wie bei den anderen Beispielanwendungen für  Multitouch-Frameworks dieser Seite soll die Beispielanwendung Bilder darstellen und mit  entsprechenden Gesten (Drag, Scale, Rotate) manipulieren können. Für  die Applikation wird zunächst ein neues Flash-Projekt benötigt. Dieses muss, wie bereits oben gezeigt, konfiguriert und mit dem GestureWorks-Framework verknüpft werden. Das Minimal-Beispiel steht ebenfalls als fertiger <a href="https://test.soziotech.org/wp-content/uploads/2012/03/Soziotech_GestureWorks_Beispiel.zip" class="link-zip">Download</a> zur Verfügung.</p>
<p>Den eigentlichen Quellcode beinhaltet die &#8222;Main.as&#8220;-Datei. Diese besteht, wie bei objektorientierten  Programmiersprachen üblich aus verschiedenen Bestandteilen. Zunächst  werden die Grundfunktionen per Import-Anweisung eingebunden. Im  Anschluss wird die Klasse von &#8222;Application&#8220; abgeleitet und die  benötigten Methoden implementiert. Die Methode &#8222;initialize&#8220; enthält den  Hauptbestandteil der Anwendung. Im Folgenden der vollständige Code für das Minimal Beispiel:</p>
<pre class="brush:as3">package{
import com.gestureworks.core.GestureWorks;
import com.gestureworks.core.TouchSprite;
import flash.display.Bitmap;
import flash.display.BitmapData;
import flash.display.Loader;
import flash.events.Event;
import flash.net.URLRequest;

public class Main extends GestureWorks{
	private var loader:Loader;
	private var myDisplay:TouchSprite;

	public function Main():void{
		super();
		key = "KEY HIER EINFUEGEN";
	}

	override protected function gestureworksInit():void{
		trace("GestureWorks has initialized");

		myDisplay = new TouchSprite();
		loader = new Loader();
		myDisplay.x = (stage.stageWidth) / 2;
		myDisplay.y = (stage.stageHeight) / 2;
		myDisplay.scaleX = 0.2;
		myDisplay.scaleY = 0.2;

		myDisplay.gestureTouchInertia = true;
		myDisplay.gestureReleaseInertia = true;
		myDisplay.clusterEvents = true;
		myDisplay.gestureEvents = true;
		myDisplay.transformEvents = true;
		myDisplay.disableNativeTransform = false;

		var gList:Object = new Object;
		gList["pivot"] = true;
		gList["n-drag"] = true;
		gList["n-rotate"] = true;
		gList["n-scale"] = true;
		myDisplay.gestureList = gList;

		loader.contentLoaderInfo.addEventListener(Event.COMPLETE, loaderComplete);
		loader.load(new URLRequest("library/assets/pic.jpg"));

		myDisplay.addChild(loader);
		addChild(myDisplay);
	}

	private function loaderComplete(event:Event):void{
		loader.x = 0 - (loader.width / 2);
		loader.y = 0 - (loader.height / 2);
	}
}}</pre><img src="https://analytics.flottmedia.com/piwik/piwik.php?idsite=2&amp;rec=1&amp;url=https%3A%2F%2Ftest.soziotech.org%2Fmultitouch-entwicklung-mit-gestureworks%2F&amp;action_name=Multitouch-Entwicklung+mit+GestureWorks&amp;urlref=http%3A%2F%2Ffeeds.feedburner.com%2Fsoziotech" style="border:0;width:0;height:0" width="0" height="0" alt="" /><div class='yarpp-related-rss'>
<h3>Verwandte Artikel:</h3><ol>
<li><a href="https://test.soziotech.org/multitouch-entwicklung-mit-mt4j/" rel="bookmark" title="Multitouch-Entwicklung mit MT4j">Multitouch-Entwicklung mit MT4j </a></li>
<li><a href="https://test.soziotech.org/konzeption-eines-analyserasters/" rel="bookmark" title="Konzeption eines Analyserasters für die szenario-spezifische Eignungsfeststellung von Multitouch-Tablets">Konzeption eines Analyserasters für die szenario-spezifische Eignungsfeststellung von Multitouch-Tablets </a></li>
<li><a href="https://test.soziotech.org/alternative-moeglichkeiten-zur-interaktion-mit-grossen-vertikalen-displays/" rel="bookmark" title="Alternative Möglichkeiten zur Interaktion mit großen vertikalen Displays">Alternative Möglichkeiten zur Interaktion mit großen vertikalen Displays </a></li>
</ol>
</div>
]]></content:encoded>
			<wfw:commentRss>https://test.soziotech.org/multitouch-entwicklung-mit-gestureworks/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Multitouch-Entwicklung mit MT4j</title>
		<link>https://test.soziotech.org/multitouch-entwicklung-mit-mt4j/</link>
		<comments>https://test.soziotech.org/multitouch-entwicklung-mit-mt4j/#comments</comments>
		<pubDate>Thu, 23 Feb 2012 20:12:35 +0000</pubDate>
		<dc:creator><![CDATA[Sebastian Jung]]></dc:creator>
				<category><![CDATA[Berichte]]></category>
		<category><![CDATA[Human Computer Interaction]]></category>
		<category><![CDATA[Java]]></category>
		<category><![CDATA[Largescreen]]></category>
		<category><![CDATA[Natural User Interfaces]]></category>
		<category><![CDATA[Ubiquitäre Natural User Interfaces]]></category>
		<category><![CDATA[Anwendungsentwicklung]]></category>
		<category><![CDATA[Framework]]></category>
		<category><![CDATA[Gestensteuerung]]></category>
		<category><![CDATA[MT4j]]></category>
		<category><![CDATA[Multitouch]]></category>
		<category><![CDATA[Natural User Interface]]></category>
		<category><![CDATA[Touchscreen]]></category>

		<guid isPermaLink="false">http://sevastyanova.cscwlab.de/?p=3646</guid>
		<description><![CDATA[<p><img src="https://test.soziotech.org/wp-content/uploads/cache/891_crop_940x198_mt-application_2012-01-29_15-37-47.png" width="618" height="130" alt="Multitouch-Entwicklung mit MT4j" /></p>Dieser Artikel stellt den Auftakt einer Serie weiterer Berichte zu &#8222;ersten Schritten&#8220; mit aktuell verfügbaren Multitouch-Entwicklungsumgebungen dar. Innerhalb dieser Serie liefert der vorliegene Bericht einen Überblick über die Entwicklung von Multitouch-Anwendungen mit Multitouch for Java (MT4j). Das Framework bietet umfangreiche &#8230; <a href="https://test.soziotech.org/multitouch-entwicklung-mit-mt4j/">Weiterlesen <span class="meta-nav">&#8594;</span></a><img src="https://analytics.flottmedia.com/piwik/piwik.php?idsite=2&amp;rec=1&amp;url=https%3A%2F%2Ftest.soziotech.org%2Fmultitouch-entwicklung-mit-mt4j%2F&amp;action_name=Multitouch-Entwicklung+mit+MT4j&amp;urlref=http%3A%2F%2Ffeeds.feedburner.com%2Fsoziotech" style="border:0;width:0;height:0" width="0" height="0" alt="" /><div class='yarpp-related-rss'>
<h3>Verwandte Artikel:</h3><ol>
<li><a href="https://test.soziotech.org/konzeption-eines-analyserasters/" rel="bookmark" title="Konzeption eines Analyserasters für die szenario-spezifische Eignungsfeststellung von Multitouch-Tablets">Konzeption eines Analyserasters für die szenario-spezifische Eignungsfeststellung von Multitouch-Tablets </a></li>
<li><a href="https://test.soziotech.org/alternative-moeglichkeiten-zur-interaktion-mit-grossen-vertikalen-displays/" rel="bookmark" title="Alternative Möglichkeiten zur Interaktion mit großen vertikalen Displays">Alternative Möglichkeiten zur Interaktion mit großen vertikalen Displays </a></li>
<li><a href="https://test.soziotech.org/howto-erste-schritte-mit-javafx-2-0/" rel="bookmark" title="Howto &#8211; Erste Schritte mit JavaFX 2.0">Howto &#8211; Erste Schritte mit JavaFX 2.0 </a></li>
</ol>
</div>
]]></description>
				<content:encoded><![CDATA[<p><img src="https://test.soziotech.org/wp-content/uploads/cache/891_crop_940x198_mt-application_2012-01-29_15-37-47.png" width="618" height="130" alt="Multitouch-Entwicklung mit MT4j" /></p><p><em>Dieser Artikel stellt den Auftakt einer Serie weiterer Berichte zu &#8222;ersten Schritten&#8220; mit aktuell verfügbaren Multitouch-Entwicklungsumgebungen dar. Innerhalb dieser Serie liefert der vorliegene Bericht einen Überblick über die Entwicklung von Multitouch-Anwendungen mit <a href="http://www.mt4j.org" title="Zur Projekt-Website von MT4j" target="_blank" class="link-external">Multitouch for Java (<a class="glossaryLink" href="https://test.soziotech.org/glossar/mt4j/" title="Klicken Sie, um zum detaillierten Glossareintrag für MT4j zu springen." onmouseover="tooltip.show('\"Multitouch for Java\" ist ein Framework für die Entwicklung von Multitouch-Applikationen mit der objektorientierten Programmiersprache Java. ');" onmouseout="tooltip.hide();">MT4j</a>)</a>. Das Framework bietet umfangreiche Funktionalität für das Arbeiten mit Multitouch-Hardware und einfach adaptierbare Konzepte zur Entwicklung eigener Anwendungen. Im Folgenden wird nach einer kurzen Einführung die Einrichtung mit Eclipse erläutert, einige Beispielanwendungen vorgestellt sowie ein Minimal-Beispiel implementiert.</em></p>
<h2>Einführung</h2>
<ul>
<li>Java-Framework zur Entwicklung von Multitouch-Anwendungen</li>
<li>Verwendung verschiedener Komponenten (Bilder, Videos, 3D-Objekte)</li>
<li>Anbindung unterschiedlicher Hardware und Protokolle</li>
<li>10 vorhandene Multitouch-Gesten sowie Möglichkeit zur Erstellung von eigenen Gesten</li>
<li>Performante Darstellung durch <a href="https://test.soziotech.org/glossar/opengl/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für OpenGL zu springen." onmouseover="tooltip.show('Die \"Open Graphics Library\" ist eine programmiersprachenunabhängige Schnittstelle zur Entwicklung von 2D und 3D Grafiken. ');" onmouseout="tooltip.hide();">OpenGL</a></li>
</ul>
<h3>Demo</h3>
<p>Um vor der Vorstellung der technischen Details einen ersten Eindruck zu schaffen, demonstriert das folgende Beispielvideo die Funktionalität der mitgelieferten Kartenapplikation:</p>
<p><iframe width="640" height="480" src="http://www.youtube.com/embed/M9gpbl_26zY?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<h3>Historie</h3>
<p>Das MT4j-Framework wird vom <a href="http://www.iao.fraunhofer.de" title="Zum Internetauftritt des Fraunhofer-Instituts für Arbeitswirtschaft und Organisation" target="_blank" class="link-external">Fraunhofer-Institut für Arbeitswirtschaft und Organisation (<a class="glossaryLink" href="https://test.soziotech.org/glossar/iao/" title="Klicken Sie, um zum detaillierten Glossareintrag für IAO zu springen." onmouseover="tooltip.show('Fraunhofer-Institut für Arbeitswirtschaft und Organisation ');" onmouseout="tooltip.hide();">IAO</a>)</a> entwickelt und basiert (wie der Name schon sagt) auf der weit verbreiteten objektorientierten Programmiersprache Java. Im Herbst 2009 wurde das Framework unter Open Source-Lizenz veröffentlicht und wird seitdem durch die OpenSource-Gemeinde weiterentwickelt. Die Multitouch-Plattform übernimmt alle benötigten Aufgaben, wie beispielsweise die Erkennung von Multitouch-Gesten, deren Umsetzung in Events sowie die erforderliche Grafikausgabe. Es bietet eine umfangreiche Bibliothek mit  vorgefertigten Grafiken, Gesten und Schriften und ist sehr generisch  implementiert, sodass eigene Gesten und Grafiken problemlos hinzugefügt werden  können. Das Framework ist prinzipiell kompatibel zu allen Multitouch  Geräten, da es die Inputs der Hardware abstrahiert.  Als Grundlage hierfür wird die Anbindung an verschiedene <a href="https://test.soziotech.org/glossar/api/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für API zu springen." onmouseover="tooltip.show('Application Programming Interface (dt. Programmierschnittstelle)');" onmouseout="tooltip.hide();">APIs</a> (z.B. <a href="https://test.soziotech.org/glossar/tuio-2/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für TUIO zu springen." onmouseover="tooltip.show('TUIO ist ein Protokoll und eine API für Eingaben von Multitouch-Screens ');" onmouseout="tooltip.hide();">TUIO</a>) bereitgestellt, welche die Eingaben des Touchscreens interpretieren. Die Darstellung  erfolgt über die Grafikschnittstelle OpenGL, sodass die Anwendungen auf entsprechender Hardware  sehr performant sind.</p>
<h2>Komponenten und Aufbau</h2>
<p>Die nachfolgende Tabelle gibt einen Überblick über die technischen Eigenschaften sowie bereitgestellten Gesten und Komponenten des Frameworks:</p>
<table class="h-zebra" border="0" align="center">
<thead>
<tr>
<th class="header">Eigenschaft</th>
<th>Ausprägung bei MT4j</th>
</tr>
</thead>
<tbody>
<tr class="even">
<td class="header">Programmiersprache</td>
<td>
<ul>
<li>Java</li>
</ul>
</td>
</tr>
<tr class="odd">
<td class="header">Rendering</td>
<td>
<ul>
<li>OpenGL</li>
<li>Software-Rendering</li>
</ul>
</td>
</tr>
<tr class="even">
<td class="header">Hardware-Anbindung</td>
<td>
<ul>
<li>Hardwareabstraktion und Input Abstraktion</li>
<li>Es können beliebige Eingabegeräte integriert werden</li>
<li>Native Unterstützung von Windows 7 Multitouch-Features</li>
<li>Unterstützung des TUIO-Protokolls</li>
</ul>
</td>
</tr>
<tr class="odd">
<td class="header">Multitouch-Gesten</td>
<td>
<ul>
<li><a href="https://test.soziotech.org/glossar/drag/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für Drag zu springen." onmouseover="tooltip.show('Das Ziehen von Objekten auf Multitouch-Screens (ähnlich Drag and Drop) ');" onmouseout="tooltip.hide();">Drag</a></li>
<li><a href="https://test.soziotech.org/glossar/rotate/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für Rotate zu springen." onmouseover="tooltip.show('Das Drehen von Objekten auf Multitouch-Screens mit einem oder zwei Fingern ');" onmouseout="tooltip.hide();">Rotate</a></li>
<li><a href="https://test.soziotech.org/glossar/scale/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für Scale zu springen." onmouseover="tooltip.show('Das Vergrößern und Verkleinern (Zoom) von Objekten mit einer Fingergeste (z.B. pinchen) auf Multitouch-Screens ');" onmouseout="tooltip.hide();">Scale</a></li>
<li><a href="https://test.soziotech.org/glossar/tap/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für Tap zu springen." onmouseover="tooltip.show('Das Auswählen eines Objekts durch Tippen auf Multitouch-Screens mit einem Finger (ähnlich einem Mausklick) ');" onmouseout="tooltip.hide();">Tap</a></li>
<li><a href="https://test.soziotech.org/glossar/double-tap/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für Double Tap zu springen." onmouseover="tooltip.show('Das Auswählen von Objekten durch doppeltes Antippen auf einem Multitouch-Screen (ähnlich einem Doppelklick) ');" onmouseout="tooltip.hide();">Double Tap</a></li>
<li><a href="https://test.soziotech.org/glossar/tap-and-hold/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für Tap and Hold zu springen." onmouseover="tooltip.show('Das Auswählen eines Objekts durch halten des Fingers auf einem Multitouch-Screen (ähnlich einem Rechtsklick) ');" onmouseout="tooltip.hide();">Tap and Hold</a></li>
<li><a href="https://test.soziotech.org/glossar/arcball-rotate/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für Arcball Rotate zu springen." onmouseover="tooltip.show('Das dreidimensionale Drehen eines Objekts um einen festen Punkt mit einem Finger auf Multitouch-Screens ');" onmouseout="tooltip.hide();">Arcball Rotate</a></li>
<li><a href="https://test.soziotech.org/glossar/lasso-select/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für Lasso Select zu springen." onmouseover="tooltip.show('Die Auswahl von mehreren Objekten durch Aufspannen eines Auswahlfeldes mit einem Finger auf einem Multitouch-Screen (ähnlich dem selektieren mit einer Maus) ');" onmouseout="tooltip.hide();">Lasso Select</a></li>
<li><a href="https://test.soziotech.org/glossar/flick/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für Flick zu springen." onmouseover="tooltip.show('Eine Richtungsgeste durch kurzes Streichen des Fingers auf einem Multitouch-Screen ');" onmouseout="tooltip.hide();">Flick</a></li>
<li><a href="https://test.soziotech.org/glossar/gesture-draw/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für Gesture Draw zu springen." onmouseover="tooltip.show('Das Zeichnen von Symbolen (zum Beispiel Häckchen) auf einem Multitouch-Screen ');" onmouseout="tooltip.hide();">Gesture Draw</a></li>
</ul>
<ul>
<li>Eigene Gesten können definiert werden</li>
</ul>
</td>
</tr>
<tr class="even">
<td class="header">Bereitgestellte Komponenten</td>
<td>
<ul>
<li>Primitive Vektorgrafiken  <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-3646-1" href="#note-3646-1" onmouseover="tooltip.show('Vierecke, Ellipsen, Polygone, etc. .');" onmouseout="tooltip.hide();"><sup>1</sup></a></li>
<li>Schriften  <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-3646-2" href="#note-3646-2" onmouseover="tooltip.show('Standardschriftarten (True Type) und Vektor-basierte Schriftarten.');" onmouseout="tooltip.hide();"><sup>2</sup></a></li>
<li>Bilder  <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-3646-3" href="#note-3646-3" onmouseover="tooltip.show('Unterstützung gängiger Formate (.jpg, .png, .bmp).');" onmouseout="tooltip.hide();"><sup>3</sup></a></li>
<li>3D-Objekte  <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-3646-4" href="#note-3646-4" onmouseover="tooltip.show('.3ds und .obj Dateien mit Texturen.');" onmouseout="tooltip.hide();"><sup>4</sup></a></li>
<li>Videos  <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-3646-5" href="#note-3646-5" onmouseover="tooltip.show('Unterstützung gängiger Formate.');" onmouseout="tooltip.hide();"><sup>5</sup></a></li>
</ul>
</td>
</tr>
</tbody>
</table>
<h2>Installation</h2>
<p>Das MT4j Framework steht als quelloffener <a href="http://www.mt4j.org/mediawiki/index.php/Downloads" target="_blank" class="link-external">Download</a>, derzeit in Version 0.95 zur Verfügung und ist bereits als ein Eclipse-Projekt strukturiert.</p>
<p class="warningbox">MT4j  läuft derzeit nur mit der 32bit-Variante von Java. Soll ein 64bit System eingesetzt werden, muss trotzdem der 32bit <a href="https://test.soziotech.org/glossar/jdk/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für JDK zu springen." onmouseover="tooltip.show('Java Development Kit; ist eines der von Java-Entwicklern meistgenutzten Java-SDKs aus dem Hause Oracle, ehemals Sun Microsystems. ');" onmouseout="tooltip.hide();">JDK</a> installiert werden. Unter  Eclipse muss entsprechend die 32bit Variante von Java zum Ausführen  der MT4j Anwendungen ausgewählt werden!</p>
<ol>
<li><a href="http://www.oracle.com/technetwork/java/javase/downloads/index.html" target="_blank" class="link-external">Java Development Kit 32bit</a> (gekennzeichnet als x86) herunterladen und installieren</li>
<li>Die heruntergeladene <a href="https://test.soziotech.org/glossar/zip/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für ZIP zu springen." onmouseover="tooltip.show('Dateiformat für komprimierte Daten, in dem verschiedene Dateien in einer Containerdatei zusammengefasst werden können. ');" onmouseout="tooltip.hide();">ZIP</a>-Datei entpacken (MT4j 0.95 full release)</li>
<li>Im Paketexplorer von Eclipse mit Rechtsklick importieren wählen</li>
<li>In dem Importfenster ein &#8222;bereits existierendes Projekt&#8220; auswählen</li>
<li>Den unter 2. entpackten Ordner auswählen und importieren</li>
</ol>

<div class="ngg-galleryoverview" id="ngg-gallery--36464">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-931" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-4" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/import_2012-01-14_20-16-36_0.png" title="
			In dem Fenster ein &quot;bereits existierendes Projekt&quot; auswählen			"  >
								<img alt="In dem Fenster ein &quot;bereits existierendes Projekt&quot; auswählen" src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/thumbs/thumbs_import_2012-01-14_20-16-36_0.png" width="126" height="100" class="colorbox-4" />
							</a>
			<p class=wp-caption-text>Import Schritt 2</p>
		</div>
	</div>
			
	<div id="ngg-image-1010" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-4" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/import_2012-02-21_17-19-40.png" title="
			Die MT4j Ordner auswählen (&quot;mt4j-core&quot; und &quot;mt4j-desktop&quot;)			"  >
								<img alt="Die MT4j Ordner auswählen (&quot;mt4j-core&quot; und &quot;mt4j-desktop&quot;)" src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/thumbs/thumbs_import_2012-02-21_17-19-40.png" width="126" height="100" class="colorbox-4" />
							</a>
			<p class=wp-caption-text>Import Schritt 3</p>
		</div>
	</div>
			
	<div id="ngg-image-885" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-4" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/java-eclipse_2012-01-14_20-15-48.png" title="
			Im Paketexplorer von Eclipse importieren auswählen.			"  >
								<img alt="Im Paketexplorer von Eclipse importieren auswählen." src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/thumbs/thumbs_java-eclipse_2012-01-14_20-15-48.png" width="126" height="100" class="colorbox-4" />
							</a>
			<p class=wp-caption-text>Import Schritt 1</p>
		</div>
	</div>
			
	<div id="ngg-image-1011" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-4" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/java-eclipse_2012-02-21_17-23-16.png" title="
			Eclipse mit korrekt installierten MT4j			"  >
								<img alt="Eclipse mit korrekt installierten MT4j" src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/thumbs/thumbs_java-eclipse_2012-02-21_17-23-16.png" width="126" height="100" class="colorbox-4" />
							</a>
			<p class=wp-caption-text>Eclispe mit MT4j</p>
		</div>
	</div>
		
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>


<h2>Mitgelieferte Beispiele</h2>
<p>Das MT4j-Paket enthält 19 einfache Beispielanwendungen.  Diese sind unterteilt in die Pakete &#8222;basic&#8220; und &#8222;advanced&#8220; und sind im Ordner  &#8222;examples&#8220; zu finden. Die Basic Examples dienen zum Verstehen und Testen der  grundlegenden Techniken in sehr einfach gehaltenen Applikationen. Die Advanced Examples demonstrieren die Leistungsfähigkeit des Frameworks, indem  beispielsweise 3D Modelle verwendet werden. Jede Anwendung  befindet sich in einem eigenen Paket. Es ist keine weitere Konfiguration  erforderlich, da das Framework alle benötigte Komponenten automatisch sucht  und auswählt. Zum Starten ist jeweils eine &#8222;Start&#8230;Example.java&#8220;  Datei hinterlegt, die als &#8222;Java Application&#8220; in Eclipse ausgeführt werden kann.  Nach dem Start öffnet sich ein neues Fenster innerhalb dessen die  Multitouch-Interaktion möglich ist.</p>
<h3>Basic-Anwendungen</h3>

<div class="ngg-galleryoverview" id="ngg-gallery--36465">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-892" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-5" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/css.png" title="
			Einfache Anwendung zum Manipulieren von geometrischen Flächen mit Multitouch-Gesten			"  >
								<img alt="Einfache Anwendung zum Manipulieren von geometrischen Flächen mit Multitouch-Gesten" src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/thumbs/thumbs_css.png" width="126" height="100" class="colorbox-5" />
							</a>
			<p class=wp-caption-text>css</p>
		</div>
	</div>
			
	<div id="ngg-image-893" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-5" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/helloworld.png" title="
			Eine Applikation zur Manipulation des &quot;Hello World&quot; Schriftzuges			"  >
								<img alt="Eine Applikation zur Manipulation des &quot;Hello World&quot; Schriftzuges" src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/thumbs/thumbs_helloworld.png" width="126" height="100" class="colorbox-5" />
							</a>
			<p class=wp-caption-text>helloworld</p>
		</div>
	</div>
			
	<div id="ngg-image-894" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-5" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/javagui.png" title="
			Es lassen sich Java-eigene Formen einfügen, beliebig kombinieren und durch Mulittouch-Gesten bearbeiten			"  >
								<img alt="Es lassen sich Java-eigene Formen einfügen, beliebig kombinieren und durch Mulittouch-Gesten bearbeiten" src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/thumbs/thumbs_javagui.png" width="126" height="100" class="colorbox-5" />
							</a>
			<p class=wp-caption-text>javagui</p>
		</div>
	</div>
			
	<div id="ngg-image-895" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-5" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/mtgestures.png" title="
			Eine Zusammenfassung von möglichen Gesten, welche das Framework unterstützt			"  >
								<img alt="Eine Zusammenfassung von möglichen Gesten, welche das Framework unterstützt" src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/thumbs/thumbs_mtgestures.png" width="126" height="100" class="colorbox-5" />
							</a>
			<p class=wp-caption-text>mtgestures</p>
		</div>
	</div>
			
	<div id="ngg-image-896" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-5" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/scenes.png" title="
			Beispiel zur Verwendung von verschiedenen Scenen in einer einzigen Applikation			"  >
								<img alt="Beispiel zur Verwendung von verschiedenen Scenen in einer einzigen Applikation" src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/thumbs/thumbs_scenes.png" width="126" height="100" class="colorbox-5" />
							</a>
			<p class=wp-caption-text>scenes</p>
		</div>
	</div>
			
	<div id="ngg-image-897" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-5" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/svgexample.png" title="
			Ein Programm zur Manipulation von Vektorgrafiken mit verschiedenen Multitouch-Gesten			"  >
								<img alt="Ein Programm zur Manipulation von Vektorgrafiken mit verschiedenen Multitouch-Gesten" src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/thumbs/thumbs_svgexample.png" width="126" height="100" class="colorbox-5" />
							</a>
			<p class=wp-caption-text>svgexample</p>
		</div>
	</div>
		
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>


<h3>Advanced-Anwendungen</h3>

<div class="ngg-galleryoverview" id="ngg-gallery--36466">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-898" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-6" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/drawing.png" title="
			Ein &quot;Finger&quot;-Zeichenprogramm mit einfachen Optionen			"  >
								<img alt="Ein &quot;Finger&quot;-Zeichenprogramm mit einfachen Optionen" src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/thumbs/thumbs_drawing.png" width="126" height="100" class="colorbox-6" />
							</a>
			<p class=wp-caption-text>drawing</p>
		</div>
	</div>
			
	<div id="ngg-image-899" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-6" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/flickrmt.png" title="
			Eine Applikation zum Suchen und Darstellen von Bilder des Dienstes flickr			"  >
								<img alt="Eine Applikation zum Suchen und Darstellen von Bilder des Dienstes flickr" src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/thumbs/thumbs_flickrmt.png" width="126" height="100" class="colorbox-6" />
							</a>
			<p class=wp-caption-text>flickrmt</p>
		</div>
	</div>
			
	<div id="ngg-image-900" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-6" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/fluidsimulator.png" title="
			Ein Simulator, welcher flüssige Partikel anhand von Gesten darstellt			"  >
								<img alt="Ein Simulator, welcher flüssige Partikel anhand von Gesten darstellt" src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/thumbs/thumbs_fluidsimulator.png" width="126" height="100" class="colorbox-6" />
							</a>
			<p class=wp-caption-text>fluidsimulator</p>
		</div>
	</div>
			
	<div id="ngg-image-901" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-6" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/models3d.png" title="
			Es können 3D Modelle dargestellt, gezoomt und beliebig gedreht werden			"  >
								<img alt="Es können 3D Modelle dargestellt, gezoomt und beliebig gedreht werden" src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/thumbs/thumbs_models3d.png" width="126" height="100" class="colorbox-6" />
							</a>
			<p class=wp-caption-text>models3d</p>
		</div>
	</div>
			
	<div id="ngg-image-902" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-6" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/modestmapsmt.png" title="
			Eine Anwendung zur Arbeit mit verschiedenen Kartendiensten, wobei die Karte gezoomt und bewegt werden kann			"  >
								<img alt="Eine Anwendung zur Arbeit mit verschiedenen Kartendiensten, wobei die Karte gezoomt und bewegt werden kann" src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/thumbs/thumbs_modestmapsmt.png" width="126" height="100" class="colorbox-6" />
							</a>
			<p class=wp-caption-text>modestmapsmt</p>
		</div>
	</div>
			
	<div id="ngg-image-891" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-6" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/mt-application_2012-01-29_15-37-47.png" title="
			Eine Shell-Applikation mit dem geladenen 3D-Model Beispiel. In dieser Anwendung können verschiedene Applikationen ausgewählt und geladen werden.			"  >
								<img alt="Eine Shell-Applikation mit dem geladenen 3D-Model Beispiel. In dieser Anwendung können verschiedene Applikationen ausgewählt und geladen werden." src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/thumbs/thumbs_mt-application_2012-01-29_15-37-47.png" width="126" height="100" class="colorbox-6" />
							</a>
			<p class=wp-caption-text>mtShell</p>
		</div>
	</div>
			
	<div id="ngg-image-903" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-6" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/physics.png" title="
			Eine einfache Physiksimulation entsprechend der Multitouch-Gesten			"  >
								<img alt="Eine einfache Physiksimulation entsprechend der Multitouch-Gesten" src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/thumbs/thumbs_physics.png" width="126" height="100" class="colorbox-6" />
							</a>
			<p class=wp-caption-text>physics</p>
		</div>
	</div>
			
	<div id="ngg-image-904" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-6" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/puzzle.png" title="
			Geladene Bilder können in dieser Applikation in ein Puzzle verwandelt werden, welches sich dann zusammensetzen lässt			"  >
								<img alt="Geladene Bilder können in dieser Applikation in ein Puzzle verwandelt werden, welches sich dann zusammensetzen lässt" src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/thumbs/thumbs_puzzle.png" width="126" height="100" class="colorbox-6" />
							</a>
			<p class=wp-caption-text>puzzle</p>
		</div>
	</div>
			
	<div id="ngg-image-905" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-6" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/simpleparticles.png" title="
			Eine Partikelsimulation entsprechend der Multitouch-Eingaben			"  >
								<img alt="Eine Partikelsimulation entsprechend der Multitouch-Eingaben" src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/thumbs/thumbs_simpleparticles.png" width="126" height="100" class="colorbox-6" />
							</a>
			<p class=wp-caption-text>simpleparticles</p>
		</div>
	</div>
			
	<div id="ngg-image-906" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-6" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/space3d.png" title="
			Eine 3D Darstellung der Erde mit Mond, welche gezoomt und gedreht werden kann			"  >
								<img alt="Eine 3D Darstellung der Erde mit Mond, welche gezoomt und gedreht werden kann" src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/thumbs/thumbs_space3d.png" width="126" height="100" class="colorbox-6" />
							</a>
			<p class=wp-caption-text>space3d</p>
		</div>
	</div>
			
	<div id="ngg-image-907" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-6" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/touchtail.png" title="
			Diese Anwendung verwandelt Inputgesten in ein fortlaufendes Bewegungsbild			"  >
								<img alt="Diese Anwendung verwandelt Inputgesten in ein fortlaufendes Bewegungsbild" src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/thumbs/thumbs_touchtail.png" width="126" height="100" class="colorbox-6" />
							</a>
			<p class=wp-caption-text>touchtail</p>
		</div>
	</div>
			
	<div id="ngg-image-908" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-6" href="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/water.png" title="
			Eine einfache Wassersimulation, welche durch Berührung Wellen erzeugt			"  >
								<img alt="Eine einfache Wassersimulation, welche durch Berührung Wellen erzeugt" src="https://test.soziotech.org/wp-content/uploads/multitouch-mit-mt4j/thumbs/thumbs_water.png" width="126" height="100" class="colorbox-6" />
							</a>
			<p class=wp-caption-text>water</p>
		</div>
	</div>
		
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>


<h2>Minimalimplementierung</h2>
<p>Eine Multitouch-Anwendung mit MT4j zu schreiben ist denkbar einfach, da sie nur zwei Klassen (Scene und MTApplication) benötigt. Die folgenden beiden Abschnitte geben einen Überblick über die Implementierung eine einfachen Applikation zur  Bildmanipulation. Die Anwendung, die zum Selbsttest ebenfalls als <a href="https://test.soziotech.org/wp-content/uploads/2012/02/Soziotech_MT4j_Beispiel1.zip" class="link-zip">Download </a>verfügbar ist, ermöglicht es,  ein Bild anzuzeigen und dieses mit Standard-Multitouch-Gesten zu manipulieren.</p>
<h3>Scene</h3>
<p>Eine &#8222;Scene als erste benötigte Bestandteil der Anwendung muss die abstrakte Klasse  &#8222;AbstractScene&#8220; erweitern. In dieser Klasse wird festgelegt, welche Komponenten angezeigt werden. Es gibt viele vorgefertigte Elemente, die insbesondere Standard-Multitouch-Gesten bereits beherrschen.  Hierzu gehören beispielsweise Grafiken, Textfelder und Rahmen  für verschiedene andere Objekte. Für unser Minimalbeispiel benötigen wir folgenden Code für die Scene-Klasse:</p>
<pre class="brush:java">package MinimalExample;

import org.mt4j.MTApplication;
import org.mt4j.components.TransformSpace;
import org.mt4j.components.visibleComponents.widgets.MTImage;
import org.mt4j.input.gestureAction.InertiaDragAction;
import org.mt4j.input.inputProcessors.componentProcessors.dragProcessor.DragProcessor;
import org.mt4j.sceneManagement.AbstractScene;
import org.mt4j.util.math.Vector3D;

import processing.core.PImage;

public class PictureScene extends AbstractScene
{
  private String picturePath =  "MinimalExample" + MTApplication.separator + "data" + MTApplication.separator;

  public PictureScene (MTApplication mtApplication, String name)
  {
    super(mtApplication, name);

    MTApplication app = mtApplication;
    PImage img = app.loadImage(picturePath + "pic.jpg");
    MTImage image = new MTImage(img,app);
    image.setUseDirectGL(true);
    image.setPositionGlobal(new Vector3D(400,400,0));
    image.scale(0.2f, 0.2f, 0.2f, image.getCenterPointLocal(), TransformSpace.LOCAL);
    image.addGestureListener(DragProcessor.class, new InertiaDragAction());
    this.getCanvas().addChild(image);
  }

  @Override
  public void init() {}

  @Override
  public void shutDown() {}
}</pre>
<p>Datei ist zu beachten, dass sich das entsprechende Bild im Paket &#8222;MinimalExample.data&#8220; (gekennzeichnet als &#8222;picturePath&#8220;) befinden muss,  damit es geladen werden kann!</p>
<h3>MTApplication</h3>
<p>Die &#8222;Application&#8220;-Klasse dient zum Starten der Anwendung und muss die abstrakte  Klasse &#8222;MTApplication&#8220; erweitern. Die vorher beschriebene Scene wird lediglich  hinzugefügt. Anschließend wird die Anwendung mit dem Methodenaufruf &#8222;initialize()&#8220;  gestartet. Dazu sind lediglich die Folgenden Codezeilen erforderlich:</p>
<pre class="brush:java">package MinimalExample;

import org.mt4j.MTApplication;

public class StartMinimalExample extends MTApplication
{
  private static final long serialVersionUID = 1L;

  public static void main(String args[])
  {
    initialize();
  }

  @Override
  public void startUp()
  {
    this.addScene(new PictureScene(this, "Picture scene"));
  }
}</pre><img src="https://analytics.flottmedia.com/piwik/piwik.php?idsite=2&amp;rec=1&amp;url=https%3A%2F%2Ftest.soziotech.org%2Fmultitouch-entwicklung-mit-mt4j%2F&amp;action_name=Multitouch-Entwicklung+mit+MT4j&amp;urlref=http%3A%2F%2Ffeeds.feedburner.com%2Fsoziotech" style="border:0;width:0;height:0" width="0" height="0" alt="" /><div class="simple-footnotes"><h2 class="notes">Quellen und Fußnoten:</h2><ol><li id="note-3646-1">Vierecke, Ellipsen, Polygone, etc. . <a class="simple-footnote-backlink" href="#return-note-3646-1">&#8617;</a></li><li id="note-3646-2">Standardschriftarten (True Type) und Vektor-basierte Schriftarten. <a class="simple-footnote-backlink" href="#return-note-3646-2">&#8617;</a></li><li id="note-3646-3">Unterstützung gängiger Formate (.jpg, .png, .bmp). <a class="simple-footnote-backlink" href="#return-note-3646-3">&#8617;</a></li><li id="note-3646-4">.3ds und .obj Dateien mit Texturen. <a class="simple-footnote-backlink" href="#return-note-3646-4">&#8617;</a></li><li id="note-3646-5">Unterstützung gängiger Formate. <a class="simple-footnote-backlink" href="#return-note-3646-5">&#8617;</a></li></ol></div><div class='yarpp-related-rss'>
<h3>Verwandte Artikel:</h3><ol>
<li><a href="https://test.soziotech.org/konzeption-eines-analyserasters/" rel="bookmark" title="Konzeption eines Analyserasters für die szenario-spezifische Eignungsfeststellung von Multitouch-Tablets">Konzeption eines Analyserasters für die szenario-spezifische Eignungsfeststellung von Multitouch-Tablets </a></li>
<li><a href="https://test.soziotech.org/alternative-moeglichkeiten-zur-interaktion-mit-grossen-vertikalen-displays/" rel="bookmark" title="Alternative Möglichkeiten zur Interaktion mit großen vertikalen Displays">Alternative Möglichkeiten zur Interaktion mit großen vertikalen Displays </a></li>
<li><a href="https://test.soziotech.org/howto-erste-schritte-mit-javafx-2-0/" rel="bookmark" title="Howto &#8211; Erste Schritte mit JavaFX 2.0">Howto &#8211; Erste Schritte mit JavaFX 2.0 </a></li>
</ol>
</div>
]]></content:encoded>
			<wfw:commentRss>https://test.soziotech.org/multitouch-entwicklung-mit-mt4j/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Alternative Möglichkeiten zur Interaktion mit großen vertikalen Displays</title>
		<link>https://test.soziotech.org/alternative-moeglichkeiten-zur-interaktion-mit-grossen-vertikalen-displays/</link>
		<comments>https://test.soziotech.org/alternative-moeglichkeiten-zur-interaktion-mit-grossen-vertikalen-displays/#comments</comments>
		<pubDate>Fri, 02 Sep 2011 18:17:34 +0000</pubDate>
		<dc:creator><![CDATA[Tim Saldik]]></dc:creator>
				<category><![CDATA[Largescreen]]></category>
		<category><![CDATA[Mobiles & Handhelds]]></category>
		<category><![CDATA[Natural User Interfaces]]></category>
		<category><![CDATA[Surface Computing]]></category>
		<category><![CDATA[Ubiquitäre Natural User Interfaces]]></category>
		<category><![CDATA[Beyond Touch]]></category>
		<category><![CDATA[Brain-Computer Interface]]></category>
		<category><![CDATA[gerätevermittelt]]></category>
		<category><![CDATA[Gestensteuerung]]></category>
		<category><![CDATA[Gesture Recognition]]></category>
		<category><![CDATA[Imaginary Interface]]></category>
		<category><![CDATA[Light Space]]></category>
		<category><![CDATA[Magic Window]]></category>
		<category><![CDATA[Multitoe]]></category>
		<category><![CDATA[Multitouch]]></category>
		<category><![CDATA[Natural User Interface]]></category>
		<category><![CDATA[Remote Touch]]></category>
		<category><![CDATA[Second Light]]></category>
		<category><![CDATA[Sixth Sense]]></category>
		<category><![CDATA[Soap]]></category>
		<category><![CDATA[Touch Projector]]></category>
		<category><![CDATA[Wii]]></category>

		<guid isPermaLink="false">http://sevastyanova.cscwlab.de/?p=1666</guid>
		<description><![CDATA[<p><img src="https://test.soziotech.org/wp-content/uploads/cache/536_crop_940x198_sixthsense2.jpg" width="618" height="130" alt="Alternative Möglichkeiten zur Interaktion mit großen vertikalen Displays" /></p>Ein Großteil der Entwicklungen im Bereich der Natural User Interfaces basiert auf (Multi-)Touch Interfaces und der Steuerung durch Touchgesten. Da diese Form der natürlichen Benutzerschnittstellen beispielsweise bei sehr großen vertikalen Displays oder an für den Benuter nicht erreichbaren Displays nicht &#8230; <a href="https://test.soziotech.org/alternative-moeglichkeiten-zur-interaktion-mit-grossen-vertikalen-displays/">Weiterlesen <span class="meta-nav">&#8594;</span></a><img src="https://analytics.flottmedia.com/piwik/piwik.php?idsite=2&amp;rec=1&amp;url=https%3A%2F%2Ftest.soziotech.org%2Falternative-moeglichkeiten-zur-interaktion-mit-grossen-vertikalen-displays%2F&amp;action_name=Alternative+M%C3%B6glichkeiten+zur+Interaktion+mit+gro%C3%9Fen+vertikalen+Displays&amp;urlref=http%3A%2F%2Ffeeds.feedburner.com%2Fsoziotech" style="border:0;width:0;height:0" width="0" height="0" alt="" /><div class='yarpp-related-rss'>
<h3>Verwandte Artikel:</h3><ol>
<li><a href="https://test.soziotech.org/technik-state-of-the-art-alternative-verwendungsmoeglichkeiten/" rel="bookmark" title="Technik State-of-the-Art: Alternative Verwendungsmöglichkeiten">Technik State-of-the-Art: Alternative Verwendungsmöglichkeiten </a></li>
<li><a href="https://test.soziotech.org/militarische-lagekarte-auf-dem-microsoft-surface/" rel="bookmark" title="Militärische Lagekarte auf dem Microsoft Surface">Militärische Lagekarte auf dem Microsoft Surface </a></li>
<li><a href="https://test.soziotech.org/surface-bluetooth-mobile-manager/" rel="bookmark" title="Surface Bluetooth Mobile Manager">Surface Bluetooth Mobile Manager </a></li>
</ol>
</div>
]]></description>
				<content:encoded><![CDATA[<p><img src="https://test.soziotech.org/wp-content/uploads/cache/536_crop_940x198_sixthsense2.jpg" width="618" height="130" alt="Alternative Möglichkeiten zur Interaktion mit großen vertikalen Displays" /></p><p><em> Ein Großteil der Entwicklungen im Bereich der Natural User Interfaces basiert auf (Multi-)Touch Interfaces und der Steuerung durch Touchgesten. Da diese Form der natürlichen Benutzerschnittstellen beispielsweise bei sehr großen vertikalen Displays oder an für den Benuter nicht erreichbaren Displays nicht verwendet werden kann, besteht die Notwendigkeit, alternative natürliche Interaktionsmechanismen einzusetzen, die eine berührungslose Interaktion mit vertikalen Displays aus einer gewissen Entfernung ermöglichen. Um einen Überblick über bereits existierende Prototypen solcher über die Touchinteraktion hinausgehenden (Beyond Touch) Interaktionsmechnismen zu geben, werden nun einige dieser Prototypen vorgestellt.</em></p>
<p>Aus der Vielzahl der Prototypen von natürlichen Interaktionsmechanismen lassen sich einige gehäuft auftretende, grundlegende Bedienkonzepte identifizieren. So werden vermehrt Ansätze gewählt, bei denen es beispielsweise möglich ist auch aus einiger Entfernung durch Touchgesten in unteschiedlichen Ausprägungen zu interagieren. Andere Prototypen basieren auf mouseähnlichen tragbaren Eingabegeräten, die eine Bedienung auf intuitive und natürliche Weise anstreben. Andere Interaktionsmechanismen beruhen auf der Gestensteuerung und verzichten auf zusätzliche Eingabegeräte auf Nutzerseite. Des Weiteren wird hier auch ein sogenanntes Brain-Computer Interface vorgestellt, das eine Anwendungsnutzung allein durch Gehirnstrommessung ermöglicht. Zunächst werden nun einige Mechanismen beschrieben, die durch die Körperbewegungen des Nutzers gesteuert werden. Nach diesen gestenbasierten Interaktionsmechanismen werden die Remote-Touch Interaktionsmechanismen, die gerätevermittelten Interaktionsmechanismen und das Brain-Computer Interface vorgestellt.</p>
<h2>Gestenbasierte Interaktionsmechanismen</h2>
<p>Die natürlichste Form der <a href="https://test.soziotech.org/glossar/hci/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für HCI zu springen." onmouseover="tooltip.show('Die Human-Computer Interaction (dt. Mensch-Computer Interaktion) ist eine Disziplin der Informatik, die sich mit der Gestaltung, Evaluation und Implementierung von interaktiven Computersystemen zur Nutzung durch Menschen und den wesentlichen Phänomenen, die sie umgeben, befasst.');" onmouseout="tooltip.hide();">HCI</a> ist die Bedienung einer  Nutzerschnittstelle ohne die bewusste Nutzung eines  Interaktionsmechanismus zur Erreichung der Zielsetzung. Dies bedingt  einen vollständigen Verzicht auf Eingabegeräte auf Nutzerseite und die  Interaktion zwischen System und Nutzer auf Basis der dem Nutzer zur  Verfügung stehenden Kommunikationsmittel. Ebenso wie die Interaktion  zwischen Menschen kann der Nutzer dem System seine Absichten über die  Bemühung von Mimik, Gestik und Sprache mitteilen.  <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-1666-1" href="#note-1666-1" onmouseover="tooltip.show('Dahm, Markus  (2006): Grundlagen der Mensch-Computer-Interaktion. 1. Aufl., . München:  Pearson Studium, S. 112.');" onmouseout="tooltip.hide();"><sup>1</sup></a> Die Gesture Based Interfaces nutzen zur  Interaktion zwischen Mensch und Computer nur die Gestik zur Eingabe auf  Nutzerseite und visuelles oder akustisches Feedback durch den Computer.</p>
<h3>Magic Window</h3>
<p>Magic Window <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-1666-2" href="#note-1666-2" onmouseover="tooltip.show('Lee, Johnny C. (2008a): Hacking the Nintendo Wii Remote.  IEEE Pervasive Computing, 3/2008 (7). IEEE Computer Society, S.  39–45.');" onmouseout="tooltip.hide();"><sup>2</sup></a> ist ein Interaktionsmechanismus, der es dem Nutzer erlaubt  ohne die Zuhilfenahme von Eingabegeräten mit Bildmaterial zu  interagieren. Dazu wird die Position des Kopfes des Nutzers verfolgt  (Headtracking) indem die Position der an der Brille des Nutzers  befestigten Infrarot-<a href="https://test.soziotech.org/glossar/led/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für LED zu springen." onmouseover="tooltip.show('Elektronisches Halbleiter-Bauelement, auch Lumineszenz-Diode oder lichtemittierende Diode (englisch light-emitting diode). Fließt durch die Diode Strom in Durchlassrichtung, so strahlt sie Licht bzw. Infrarotstrahlung (als Infrarotleuchtdiode) oder auch Ultraviolettstrahlung mit einer vom Halbleitermaterial und der Dotierung abhängigen Wellenlänge ab. ');" onmouseout="tooltip.hide();">LED</a> von der Infrarotkamera einer Wii-Remote erfasst  wird. Da die Darstellung auf dem Display stets zum Nutzer ausgerichtet  wird, entsteht für diesen ein der Effekt, dass er den dargestellten  Inhalt wie durch ein Fenster betrachtet. Bewegt sich der Nutzer also  nach links, kann er mehr von der rechten Seite des Bildes sehen. Bewegt  er seinen Kopf nach unten, kann er mehr von der oberen Seite des Bildes  sehen. Nähert er sich dem Display, kann er mehr vom gesamten Bild sehen  usw. Diese Form der Interaktion ist sehr natürlich, da der Nutzer das  Prinzip der Paralaxe, also der scheinbaren Änderung der Position eines  Objektes, wenn der Beobachter seine eigene Position verschiebt, bereits  aus der im Alltag gesammelten Erfahrung kennt. Um der Interaktion  weitere Freiheitsgrade hinzuzufügen kann z.B. ein weiterer Wii-Remote  Controller in die Interaktion eingebunden werden.</p>

<div class="ngg-galleryoverview" id="ngg-gallery--16667">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-529" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-7" href="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/magicwindow1.jpg" title="
			Zur Interaktion mit Magic Window werden neben einem Rechner Infrarot-LEDs am Kopf des Nutzer (hier an der Brille), eine Infrarotkamera (Wii-Mote unter dem Fernseher) und ein Anzeigegerät (Fernseher) benötigt., Quelle: http://www.computer.org/portal/web/csdl/doi/10.1109/MPRV.2008.53.			"  >
								<img alt="Zur Interaktion mit Magic Window werden neben einem Rechner Infrarot-LEDs am Kopf des Nutzer (hier an der Brille), eine Infrarotkamera (Wii-Mote unter dem Fernseher) und ein Anzeigegerät (Fernseher) benötigt." src="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/thumbs/thumbs_magicwindow1.jpg" width="126" height="100" class="colorbox-7" />
							</a>
			<p class=wp-caption-text>MagicWindow benötigte Hardware <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-1666-3" href="#note-1666-3" onmouseover="tooltip.show('Bildquelle: http://www.computer.org/portal/web/csdl/doi/10.1109/MPRV.2008.53.');" onmouseout="tooltip.hide();"><sup>3</sup></a></p>
		</div>
	</div>
			
	<div id="ngg-image-530" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-7" href="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/magicwindow2.jpg" title="
			Die Darstellung auf dem Anzeigegerät wird immer auf den Nutzer ausgerichtet. Die Einbindung in eines Wii-Mote Controllers in die Interaktion schafft zusätzliche Freiheitsgrade., Quelle: http://www.computer.org/portal/web/csdl/doi/10.1109/MPRV.2008.53.			"  >
								<img alt="Die Darstellung auf dem Anzeigegerät wird immer auf den Nutzer ausgerichtet. Die Einbindung in eines Wii-Mote Controllers in die Interaktion schafft zusätzliche Freiheitsgrade." src="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/thumbs/thumbs_magicwindow2.jpg" width="126" height="100" class="colorbox-7" />
							</a>
			<p class=wp-caption-text>Interaktion mit MagicWindow  <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-1666-3" href="#note-1666-3" onmouseover="tooltip.show('Bildquelle: http://www.computer.org/portal/web/csdl/doi/10.1109/MPRV.2008.53.');" onmouseout="tooltip.hide();"><sup>3</sup></a></p>
		</div>
	</div>
		
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>


<h3>SixthSense</h3>
<p>SixthSense <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-1666-4" href="#note-1666-4" onmouseover="tooltip.show('Mistry, Pranav &amp; Maes, Pattie (2009): SixthSense: A Wearable Gestural Interface.  In: Anjyo, Ken (Hrsg.): ACM SIGGRAPH ASIA 2009 Sketches. New York, USA:  ACM Press, S. 11:1');" onmouseout="tooltip.hide();"><sup>4</sup></a> ist ein Interaktionsmechanismus der in die  Rubrik des Wearable Computing eingeordnet werden kann, da die Hardware  wie Kleidung am Körper getragen wird. Diese Hardware besteht aus einem  Projektor und einer Kamera, die vor der Brust getragen werden sowie  farbigen Markern an Daumen und Zeigefinger beider Hände. Somit können  Inhalte durch den Projektor auf jeder beliebigen Fläche dargestellt  werden und durch Handgesten manipuliert werden, die von der Kamera  aufgenommen werden. So kann der Nutzer beispielsweise jederzeit und  nahezu überall seinen Kalender anzeigen lassen, um seine Termine zu  verwalten, Skizzen oder Notizen machen, Kartenmaterial der Umgebung  betrachten oder gestengesteuert Fotos machen.</p>

<div class="ngg-galleryoverview" id="ngg-gallery--16668">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-535" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-8" href="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/sixthsense1.jpg" title="
			Ein Projektor und eine Kamera sowie farbige marker an den Fingern stellen die neben einem tragbaren Rechner die benötigte Hardware., Quelle: http://www.pranavmistry.com/projects/sixthsense/#PICTURES.			"  >
								<img alt="Ein Projektor und eine Kamera sowie farbige marker an den Fingern stellen die neben einem tragbaren Rechner die benötigte Hardware." src="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/thumbs/thumbs_sixthsense1.jpg" width="126" height="100" class="colorbox-8" />
							</a>
			<p class=wp-caption-text>Hardwarekomponenten von SixthSense <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-1666-5" href="#note-1666-5" onmouseover="tooltip.show('Bildquelle: http://www.pranavmistry.com/projects/sixthsense/#PICTURES.');" onmouseout="tooltip.hide();"><sup>5</sup></a></p>
		</div>
	</div>
			
	<div id="ngg-image-536" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-8" href="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/sixthsense2.jpg" title="
			Durch den am Körper getragenen Projektor kann jede Oberfläche als Interaktionsfläche dienen. So kann man sich Karten der Umgebung anschauen und mit natürlichen Gesten modifizieren., Quelle: http://www.pranavmistry.com/projects/sixthsense/#PICTURES.			"  >
								<img alt="Durch den am Körper getragenen Projektor kann jede Oberfläche als Interaktionsfläche dienen. So kann man sich Karten der Umgebung anschauen und mit natürlichen Gesten modifizieren." src="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/thumbs/thumbs_sixthsense2.jpg" width="126" height="100" class="colorbox-8" />
							</a>
			<p class=wp-caption-text>Gestensteuerung mit SixthSense <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-1666-5" href="#note-1666-5" onmouseover="tooltip.show('Bildquelle: http://www.pranavmistry.com/projects/sixthsense/#PICTURES.');" onmouseout="tooltip.hide();"><sup>5</sup></a></p>
		</div>
	</div>
		
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>


<h3>Imaginary Interface</h3>
<p>Imaginary Interface <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-1666-6" href="#note-1666-6" onmouseover="tooltip.show('Gustafson, Sean; Bierwirth, Daniel &amp; Baudisch, Patrick (2010): Imaginary Interfaces: Spatial Interaction with Empty Hands and without Visual Feedback.   In: Perlin, Ken; Czerwinski, Mary &amp; Miller, Rob (Hrsg.):   Proceedings of the 23nd Annual ACM Symposium on User Interface Software   and Technology. New York, USA: ACM Press, S. 3–12.');" onmouseout="tooltip.hide();"><sup>6</sup></a> ist ebenfalls  eine Wearable Computing Benutzerschnittstelle und nutzt eine Kamera zur  Erfassung von Handgesten, verzichtete aber anders als SixthSense  vollständig auf eine Darstellung von Inhalten und erlaubt daher eine  sehr kompakte Bauweise, da kein Anzeigegerät erforderlich ist. Durch  eine L-Geste mit der nichtdominanten Hand wird eine imaginäre  Eingabefläche aufgespannt, auf der dann durch das Zusammenführen von  Daumen und Zeigefinger gezeichnet oder geschrieben werden kann. So kann  der Nutzer jederzeit  Dokumente zu in seinem aktuellen Umfeld relevanten  Themen erstellen. Diese auf einfachen Gesten basierende Form der  Interaktion ist leicht erlernbar, jedoch sind komplexe Zeichnungen wegen  des fehlenden visuellen Feedbacks schwierig zu realisieren.</p>

<div class="ngg-galleryoverview" id="ngg-gallery--16669">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-525" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-9" href="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/imaginaryinterface1.jpg" title="
			Infrarotkamera und IR-LEDs zur Ausleuchtung des Bereichs vor dem Nutzer und Aufnahme der reflektierten Infrarotstrahlen, Quelle: http://portal.acm.org/citation.cfm?id=1866033.			"  >
								<img alt="Infrarotkamera und IR-LEDs zur Ausleuchtung des Bereichs vor dem Nutzer und Aufnahme der reflektierten Infrarotstrahlen" src="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/thumbs/thumbs_imaginaryinterface1.jpg" width="126" height="100" class="colorbox-9" />
							</a>
			<p class=wp-caption-text>Imaginary Interface Hardware <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-1666-7" href="#note-1666-7" onmouseover="tooltip.show('Bildquelle: http://portal.acm.org/citation.cfm?id=1866033.');" onmouseout="tooltip.hide();"><sup>7</sup></a></p>
		</div>
	</div>
			
	<div id="ngg-image-526" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-9" href="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/imaginaryinterface2.jpg" title="
			Die L-Geste mit der nichtdominanten Hand spannt die Eingabefläche auf, auf der dann mit der dominanten Hand gezeichnet werden kann., Quelle: http://portal.acm.org/citation.cfm?id=1866033.			"  >
								<img alt="Die L-Geste mit der nichtdominanten Hand spannt die Eingabefläche auf, auf der dann mit der dominanten Hand gezeichnet werden kann." src="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/thumbs/thumbs_imaginaryinterface2.jpg" width="126" height="100" class="colorbox-9" />
							</a>
			<p class=wp-caption-text>Skizze mit Imaginary Interface  <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-1666-7" href="#note-1666-7" onmouseover="tooltip.show('Bildquelle: http://portal.acm.org/citation.cfm?id=1866033.');" onmouseout="tooltip.hide();"><sup>7</sup></a></p>
		</div>
	</div>
		
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>


<h3>Multitoe</h3>
<p>Mit Multi Toe <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-1666-8" href="#note-1666-8" onmouseover="tooltip.show('Kaefer, Konstantin; Kanitz, Dorian; Meusel, René;    Fetzer, Caroline;  Augsten, Thomas; Stoff, Thomas; Holz, Christian  &amp;   Baudisch, Patrick  (2010): “Multi-Toe” Interaction with a High-Resolution Multi-Touch Floor.   Potsdam,  Germany, S. 1-6.');" onmouseout="tooltip.hide();"><sup>8</sup></a> kann der Benutzer eine Anwendung mit   den Füßen steuern. Dazu erfolgt die Interaktion auf einem   touchsensitiven Untergrund, der sich wiederum über einem Display   befindet. Bei dieser Form der Touchinteraktion treten einige   Besonderheiten auf. So hat der Nutzer nahezu dauerhaften Kontakt zur   Interaktionsoberfläche. Außerdem ist die Kontakfläche um einiges größer   als bei der Touchinteraktion mit Fingern, sodass ein Interaktionspunkt   an der Sohle des Benutzers identifiziert werden muss, um eine präzise   Bedienung zu gewährleisten. Allerdings bietet Multi Toe auch einige   Vorteile gegenüber einer herkömlichen Touchinteraktion mit Fingern. So   kann der Nutzer anhand des individuellen Profils seiner Schuhsohle   identifiziert werden. Außerdem kann eine Gewichtsverlagerung des Nutzers   erkannt werden, wodurch eine differenzierte Touchinterakion mit   zusätzlichen Freiheitsgraden erfolgen kann.</p>

<div class="ngg-galleryoverview" id="ngg-gallery--166610">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-531" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-10" href="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/multitoe1.jpg" title="
			Durch Rückprojektion können große Bodenflächen zur Interaktion genutzt werden., Quelle: http://portal.acm.org/citation.cfm?id=1866064.			"  >
								<img alt="Durch Rückprojektion können große Bodenflächen zur Interaktion genutzt werden." src="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/thumbs/thumbs_multitoe1.jpg" width="126" height="100" class="colorbox-10" />
							</a>
			<p class=wp-caption-text>Setting für großlächige MultiToe-Interaktion <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-1666-9" href="#note-1666-9" onmouseover="tooltip.show('Bildquelle: http://portal.acm.org/citation.cfm?id=1866064.');" onmouseout="tooltip.hide();"><sup>9</sup></a></p>
		</div>
	</div>
			
	<div id="ngg-image-532" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-10" href="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/multitoe2.jpg" title="
			Durch die Gewichtsverlagerung kann ein der Interaktionspunkt, Quelle: http://portal.acm.org/citation.cfm?id=1866064.			"  >
								<img alt="Durch die Gewichtsverlagerung kann ein der Interaktionspunkt" src="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/thumbs/thumbs_multitoe2.jpg" width="126" height="100" class="colorbox-10" />
							</a>
			<p class=wp-caption-text>Interaktion mit MultiToe <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-1666-9" href="#note-1666-9" onmouseover="tooltip.show('Bildquelle: http://portal.acm.org/citation.cfm?id=1866064.');" onmouseout="tooltip.hide();"><sup>9</sup></a></p>
		</div>
	</div>
		
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>


<h3>Wii Gesture Interface</h3>
<p>Wii Gesture Interface <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-1666-10" href="#note-1666-10" onmouseover="tooltip.show('Lin, Jiaqing; Nishino, Hiroaki; Kagawa, Tsuneo &amp; Utsumiya, Kouichi (2010): Free Hand Interface for Controlling Applications Based on Wii Remote IR Sensor.   In: Spencer, Stephen N. (Hrsg.): Proceedings of the 9th ACM SIGGRAPH   Conference on Virtual-Reality Continuum and its Applications in Industry   VRCAI 2010. New   York, USA: ACM Press, S. 139–142.');" onmouseout="tooltip.hide();"><sup>10</sup></a> ist ein  Interaktionsmechanismus zur Steuerung vertikaler Displays durch  natürliche Handgesten. Eine Platine mit einer Vielzahl von Infrarot-LED  leuchtet dazu den Raum vor dem Display aus. Die reflektierte  Infrarotstrahlung wird dann von der Infrarotkamera eines Wii-Remote  Controllers  in ein Bild umgewandelt, dass es ermöglicht die Hand des  Benutzers und ihre Bewegungen zu identifizieren. Somit können einfache  Gesten, wie eine Bewegung der Hand von links nach rechts genutzt werden,  um beispielsweise den nächsten Inhalt auszuwählen oder eine  Berührungsgeste, um einen Inhalt auszuwählen. Um dann weitere  Interaktionsmöglichkeiten zu schaffen und die Präzision der Interaktion  zu steigern, kann zusätzlich noch ein weiterer Wii-Remote Controller  eingebunden werden, dessen Tasten z.B. mit schwer durch Gesten  darstellbaren Aktionen belegt werden können.</p>

<div class="ngg-galleryoverview" id="ngg-gallery--166611">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-832" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-11" href="https://test.soziotech.org/wp-content/uploads/communityinteraction-framework/captured_image-png.png" title="
			Managed Library for Nintendo's Wiimote Test Application			"  >
								<img alt="Managed Library for Nintendo's Wiimote Test Application" src="https://test.soziotech.org/wp-content/uploads/communityinteraction-framework/thumbs/thumbs_captured_image-png.png" width="126" height="100" class="colorbox-11" />
							</a>
			<p class=wp-caption-text>WiiMote Test Application</p>
		</div>
	</div>
			
	<div id="ngg-image-607" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-11" href="https://test.soziotech.org/wp-content/uploads/communityinteraction-framework/img_0178.jpg" title="
			Teelichter auf den Monitoren dienen als IR Emitter			"  >
								<img alt="Teelichter auf den Monitoren dienen als IR Emitter" src="https://test.soziotech.org/wp-content/uploads/communityinteraction-framework/thumbs/thumbs_img_0178.jpg" width="126" height="100" class="colorbox-11" />
							</a>
			<p class=wp-caption-text>WiiMote in Aktion</p>
		</div>
	</div>
			
	<div id="ngg-image-728" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-11" href="https://test.soziotech.org/wp-content/uploads/communityinteraction-framework/remote_white.jpg" title="
			Die Fernbedienung der Spielekonsole Wii, Quelle: http://www.nintendo.com/wii/console/controllers.			"  >
								<img alt="Die Fernbedienung der Spielekonsole Wii" src="https://test.soziotech.org/wp-content/uploads/communityinteraction-framework/thumbs/thumbs_remote_white.jpg" width="126" height="100" class="colorbox-11" />
							</a>
			<p class=wp-caption-text>Nintendo WiiMote <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-1666-11" href="#note-1666-11" onmouseover="tooltip.show('Bildquelle: http://www.nintendo.com/wii/console/controllers.');" onmouseout="tooltip.hide();"><sup>11</sup></a></p>
		</div>
	</div>
			
	<div id="ngg-image-881" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-11" href="https://test.soziotech.org/wp-content/uploads/evaluation-von-natuerlichen-interaktionsmechanismen/wii-in-use.jpg" title="
			Eine Gruppe Nutzer mit je einer Wii-Mote vor dem Sensor., Quelle: http://www.joergspielt.de/?page_id=39.			"  >
								<img alt="Eine Gruppe Nutzer mit je einer Wii-Mote vor dem Sensor." src="https://test.soziotech.org/wp-content/uploads/evaluation-von-natuerlichen-interaktionsmechanismen/thumbs/thumbs_wii-in-use.jpg" width="126" height="100" class="colorbox-11" />
							</a>
			<p class=wp-caption-text>Wii Remote in Nutzung <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-1666-12" href="#note-1666-12" onmouseover="tooltip.show('Bildquelle: http://www.joergspielt.de/?page_id=39.');" onmouseout="tooltip.hide();"><sup>12</sup></a></p>
		</div>
	</div>
			
	<div id="ngg-image-512" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-11" href="https://test.soziotech.org/wp-content/uploads/logos/wii-logo.jpg" title="
			Wii-Logo			"  >
								<img alt="Wii-Logo" src="https://test.soziotech.org/wp-content/uploads/logos/thumbs/thumbs_wii-logo.jpg" width="126" height="100" class="colorbox-11" />
							</a>
			<p class=wp-caption-text>Wii-Logo</p>
		</div>
	</div>
			
	<div id="ngg-image-880" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-11" href="https://test.soziotech.org/wp-content/uploads/evaluation-von-natuerlichen-interaktionsmechanismen/wii-mote-plus.jpg" title="
			Neben den Lage- und Beschleunigungssensoren verfügt
die Wii-Remote auch über eine Infrarotkamera in der Spitze
des Gerätes. Zusammen mit der fest platzierten Infrarot LED-Leiste, auf deren linker und rechter Seite jeweils fünf Infrarot-LEDs angebracht sind, kann die Wii-Remote ihre Ausrichtung relative zu der LED-Leiste bestimmen., Quelle: http://www.pixmania.com/videogames-und-konsolen-wii-motion-plus-weis/chde7505394_jvart.html.			"  >
								<img alt="Neben den Lage- und Beschleunigungssensoren verfügt
die Wii-Remote auch über eine Infrarotkamera in der Spitze
des Gerätes. Zusammen mit der fest platzierten Infrarot LED-Leiste, auf deren linker und rechter Seite jeweils fünf Infrarot-LEDs angebracht sind, kann die Wii-Remote ihre Ausrichtung relative zu der LED-Leiste bestimmen." src="https://test.soziotech.org/wp-content/uploads/evaluation-von-natuerlichen-interaktionsmechanismen/thumbs/thumbs_wii-mote-plus.jpg" width="126" height="100" class="colorbox-11" />
							</a>
			<p class=wp-caption-text>Wii-Mote Plus <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-1666-13" href="#note-1666-13" onmouseover="tooltip.show('Bildquelle: http://www.pixmania.com/videogames-und-konsolen-wii-motion-plus-weis/chde7505394_jvart.html.');" onmouseout="tooltip.hide();"><sup>13</sup></a></p>
		</div>
	</div>
			
	<div id="ngg-image-509" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-11" href="https://test.soziotech.org/wp-content/uploads/labordokumentation/wiicontroller1.jpg" title="
			Der Nintendo Wii Controller ist ein Zubehörteil der Spielkonsole Nintendo Wii, kann aber auch als Alternative zur Maus am Computer verwendet werden			"  >
								<img alt="Der Nintendo Wii Controller ist ein Zubehörteil der Spielkonsole Nintendo Wii, kann aber auch als Alternative zur Maus am Computer verwendet werden" src="https://test.soziotech.org/wp-content/uploads/labordokumentation/thumbs/thumbs_wiicontroller1.jpg" width="126" height="100" class="colorbox-11" />
							</a>
			<p class=wp-caption-text>Nintendo Wii Controller</p>
		</div>
	</div>
			
	<div id="ngg-image-828" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-11" href="https://test.soziotech.org/wp-content/uploads/communityinteraction-framework/wiimote_ct_scan.jpg" title="
			WiiMote Anwendung für die Evaluation eines CT Scans, Quelle: http://hackawii.com/medical-wiimote-reporting-a-ct-scan/.			"  >
								<img alt="WiiMote Anwendung für die Evaluation eines CT Scans" src="https://test.soziotech.org/wp-content/uploads/communityinteraction-framework/thumbs/thumbs_wiimote_ct_scan.jpg" width="126" height="100" class="colorbox-11" />
							</a>
			<p class=wp-caption-text>WiiMote in der Medizin <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-1666-14" href="#note-1666-14" onmouseover="tooltip.show('Bildquelle: http://hackawii.com/medical-wiimote-reporting-a-ct-scan/.');" onmouseout="tooltip.hide();"><sup>14</sup></a></p>
		</div>
	</div>
		
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>


<h2>Remote-Touch Interaktionsmechanismen</h2>
<p>Diese Form der alternativen natürlichen Interaktionsmechanismen  erfordert keine Präsenz des Nutzers an einem vertikalen oder  horizontalen Touchscreen sondern verlagert die direkte Interaktion mit  dem System auf das vom Benutzer verwendete Gerät. Zwar erfolgt die  Interaktion mit dem verwendeten Interaktionsmechanismus wiederum durch  intuitive Touchgesten, jedoch ist der Nutzer nun nicht mehr dazu  gezwungen sich zur Interaktion in unmittelbarer Nähe des großen  vertikalen Displays aufzuhalten. Auf diese Weise können mehr Nutzer und  auch entfernt stehende Nutzer in die Interaktion einbezogen werden. Je  nach visuellem Feedback des genutzten Interaktionsmechanismus kann auch  eine uneingeschränkte Interaktion wie am großen vertikalen Touchscreen  selbst erfolgen. Außerdem ist es mit Remote Touch Interfaces möglich  auch Displays, die keine Touchscreen sind mittel touchbasierter  Nutzerinteraktion zu steuern.</p>
<h3>SecondLight</h3>
<p>SecondLight <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-1666-15" href="#note-1666-15" onmouseover="tooltip.show('Izadi, Shahram; Hodges, Steve; Taylor, Stuart; Rosenfeld, Dan;  Villar, Nicolas; Butler, Alex &amp; Westhues, Jonathan (2008): Going Beyond the Display: A Surface Technology with an Electronically Switchable Diffuser.  In: Cousins, Steve &amp; Beaudouin-Lafon, Michel (Hrsg.): Proceedings  of the 21st Annual ACM Symposium on User Interface Software and  Technology. New York, USA: ACM Press, S. 269–278.');" onmouseout="tooltip.hide();"><sup>15</sup></a> ist ein von Microsoft auf Basis der Technologie des MS Surface entwickelter Ansatz, der die gleichzeitige Projektion zweier unterschiedlicher Bilder auf die Oberfläche eines horizontalen Displays ermöglicht. Während das eine Bild wie gewohnt auf der Darstellungsfläche des Gerätes angezeigt wird, wird das zweite Bild durch diese Darstellungsfläche hindurch projiziert und kann durch weniger lichtdurchlässige Materialien sichtbar gemacht werden. Dies ermöglicht auch eine Projektion auf in einer geringen Entfernung über dem Gerät befindliche Oberflächen. Zusätzlich können auf diesen entfernten Oberflächen auch Touchinteraktion erfolgen.</p>

<div class="ngg-galleryoverview" id="ngg-gallery--166612">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-533" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-12" href="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/secondlight1.jpg" title="
			SecondLight nutzt ähnlich dem MS Surface eine Rückprojetktion für die Darstellung und Infrarotlicht und -kameras zur Touchidentifikation. Während das Surface eine statisch diffuse Oberfläche hat, kann Second Light die Oberfläche abwechselnd klar und diffus stellen, wodurch mit 2 Projektoren ein Bild auf die diffuse Oberfläche und ein Bild durch die Oberfläche hindurch projiziert werden kann. , Quelle: http://portal.acm.org/citation.cfm?id=1449715.1449760.			"  >
								<img alt="SecondLight nutzt ähnlich dem MS Surface eine Rückprojetktion für die Darstellung und Infrarotlicht und -kameras zur Touchidentifikation. Während das Surface eine statisch diffuse Oberfläche hat, kann Second Light die Oberfläche abwechselnd klar und diffus stellen, wodurch mit 2 Projektoren ein Bild auf die diffuse Oberfläche und ein Bild durch die Oberfläche hindurch projiziert werden kann. " src="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/thumbs/thumbs_secondlight1.jpg" width="126" height="100" class="colorbox-12" />
							</a>
			<p class=wp-caption-text>SecondLight Hardware <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-1666-16" href="#note-1666-16" onmouseover="tooltip.show('Bildquelle: http://portal.acm.org/citation.cfm?id=1449715.1449760.');" onmouseout="tooltip.hide();"><sup>16</sup></a></p>
		</div>
	</div>
			
	<div id="ngg-image-534" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-12" href="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/secondlight2.jpg" title="
			Eine Projektion erfolgt auf die Oberfläche, eine zweite durch die Oberfkäche hindurch auf diffuse Materialien über der Oberfläche. So können zwei Bilder gleichzeitig angezeigt werden., Quelle: http://portal.acm.org/citation.cfm?id=1449715.1449760.			"  >
								<img alt="Eine Projektion erfolgt auf die Oberfläche, eine zweite durch die Oberfkäche hindurch auf diffuse Materialien über der Oberfläche. So können zwei Bilder gleichzeitig angezeigt werden." src="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/thumbs/thumbs_secondlight2.jpg" width="126" height="100" class="colorbox-12" />
							</a>
			<p class=wp-caption-text> Zweier Bilder gleichzeitig mit SecondLight <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-1666-16" href="#note-1666-16" onmouseover="tooltip.show('Bildquelle: http://portal.acm.org/citation.cfm?id=1449715.1449760.');" onmouseout="tooltip.hide();"><sup>16</sup></a></p>
		</div>
	</div>
		
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>


<h3>Touch Projector</h3>
<p>Touch Projector <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-1666-17" href="#note-1666-17" onmouseover="tooltip.show('Boring, Sebastian; Baur, Dominikus; Butz, Andreas; Gustafson, Sean &amp; Baudisch, Patrick (2010): Touch Projector: Mobile Interaction Through Video.  In: Henry, Nathalie &amp; Tabard, Aurélien (Hrsg.): Proceedings of the  28th International Conference on Human Factors in Computing Systems.  Atlanta,  GA, USA: ACM Press, S. 2287–2296.');" onmouseout="tooltip.hide();"><sup>17</sup></a> ist ein Interaktionsmechanismus, der es erlaubt Inhalte auf gewöhnlichen Displays mittels Touchgesten zu manipulieren. Zu diesem Zweck wird das Echtzeitbild der Kamera eines <a href="https://test.soziotech.org/glossar/smartphone/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für Smartphone zu springen." onmouseover="tooltip.show('Mobiltelefon, das im Vergleich zu herkömmlichen Mobiltelefonen mehr Computerfunktionalität und -konnektivität zur Verfügung stellt. Aktuelle Smartphones lassen sich meist über zusätzliche Programme (sogenannte Apps) vom Anwender individuell mit neuen Funktionen aufrüsten. Häufig vefügt ein Smartphone über einen Touchscreen. ');" onmouseout="tooltip.hide();">Smartphones</a> genutzt. Die darauf sichtbaren Inhalte, die auf dem herkömmlichen Display dargestellt werden, können nun durch Touchgesten auf dem Display des Smartphones manipuliert werden. Anschließend wird die Veränderung auch auf die Darstellung auf dem herkömmlichen Display übertragen. Dabei werden alle Displays in der Umgebung und das Smartphone über eine Server synchronisiert, was auch das verschieben eines Inhalts von einem Display auf ein anderes ermöglicht. Durch diesen Mechanismus können auch für den Benutzer unzugängliche nicht touchfähige Displays via Touchgesten genutzt werden.</p>

<div class="ngg-galleryoverview" id="ngg-gallery--166613">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-539" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-13" href="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/touchprojector1.jpg" title="
			Das Echtzeitbild der Kamera eines Smartphones kann durch Touchevents manipuliert werden. Anschließend wird die Veränderung auf das Wanddisplay übertragen., Quelle: http://portal.acm.org/citation.cfm?id=1753326.1753671.			"  >
								<img alt="Das Echtzeitbild der Kamera eines Smartphones kann durch Touchevents manipuliert werden. Anschließend wird die Veränderung auf das Wanddisplay übertragen." src="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/thumbs/thumbs_touchprojector1.jpg" width="126" height="100" class="colorbox-13" />
							</a>
			<p class=wp-caption-text>TouchProjector  <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-1666-18" href="#note-1666-18" onmouseover="tooltip.show('Bildquelle: http://portal.acm.org/citation.cfm?id=1753326.1753671.');" onmouseout="tooltip.hide();"><sup>18</sup></a></p>
		</div>
	</div>
			
	<div id="ngg-image-540" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-13" href="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/touchprojector2.jpg" title="
			Mit TouchProjector können Inhalte durch Touchinteraktion von einem Display auf ein anderes verschoben werden., Quelle: http://portal.acm.org/citation.cfm?id=1753326.1753671.			"  >
								<img alt="Mit TouchProjector können Inhalte durch Touchinteraktion von einem Display auf ein anderes verschoben werden." src="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/thumbs/thumbs_touchprojector2.jpg" width="126" height="100" class="colorbox-13" />
							</a>
			<p class=wp-caption-text>Displayübergreifende Interaktion <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-1666-18" href="#note-1666-18" onmouseover="tooltip.show('Bildquelle: http://portal.acm.org/citation.cfm?id=1753326.1753671.');" onmouseout="tooltip.hide();"><sup>18</sup></a></p>
		</div>
	</div>
		
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>


<h3>Light Space</h3>
<p>Auf den ertsen Blick unterscheidet sich<strong> </strong>Light Space <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-1666-19" href="#note-1666-19" onmouseover="tooltip.show('Wilson, Andrew D. &amp; Benko, Hrvoje (2010): Combining Multiple Depth Cameras and Projectors for Interactions On , Above , and Between Surfaces. In: Perlin, Ken; Czerwinski, Mary &amp; Miller, Rob (Hrsg.): Proceedings of the 23nd Annual ACM Symposium on User Interface Software and Technology. New York, USA: ACM Press, S. 273–282.');" onmouseout="tooltip.hide();"><sup>19</sup></a> nicht wesentlich von andern natürlichen Benutzerschnittstellen. Es bietet sowohl eine horizontale als auch eine vertikale projizierte Darstellungsfläche, auf denen die gewohnten Touchgesten zur Manipulation von Bildinhalten ausgeführt werden können. Die Innovation liegt bei Light Space zwischen den Darstellungsflächen, denn ein dritter Projektor sowie drei  Kameras zur Entfernungsmessung erlauben eine Touchinteraktion auf gewöhnlichen Gegenständen aber auch eine Darstellungsübergreifende Interaktion mit den Inhalten. So kann ein Nutzer einen Inhalt auf der einen Darstelungsfläche berühren, danach die andere Darstellungsfläche berühren und so den Inhalt dorthin zu verschieben. Außerdem kann er einen Inhalt vom Rand der Darstellungsfläche auf seine Hand verschieben, wodurch der Inhalt im Sinne der Augmented Reality zu einem projizierten Ball wird, den der Nutzer auf seinem Arm umherrollen kann oder in die andere Hand bzw. auf einen Gegenstand legen kann. Berührt der Nutzer wiederum mit der Hand ohne Ball eine Darstellungsfläche, wird der durch den Ball repräsentierte Inhalt dorthin verschoben. Des Weiteren können durch die präzise Tiefenwahrnehmung der Anwendung Menüs im Raum platziert werden. Hält der Benutzer seine Hand über einen auf den Boden projizierten Menü Schriftzug, ändert sich die nun auf der Hand befindliche Darstellung je nach Höhe über dem Boden zu einem Menüpunkt, der dann durch das Entfernen der Hand ausgewählt werden kann.</p>

<div class="ngg-galleryoverview" id="ngg-gallery--166614">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-527" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-14" href="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/lightspace1.jpg" title="
			Inhalte können auf einer Darstellungsfläche berührt werden und durch das Berühren der anderen Darstellungsfläche dorthin verschoben werden. Dies funktioniert auch, wenn zwei Nutzer sich die Hand geben und mit der anderen Hand eine Darstellungsfläche berühren., Quelle: http://portal.acm.org/citation.cfm?id=1866029.1866073.			"  >
								<img alt="Inhalte können auf einer Darstellungsfläche berührt werden und durch das Berühren der anderen Darstellungsfläche dorthin verschoben werden. Dies funktioniert auch, wenn zwei Nutzer sich die Hand geben und mit der anderen Hand eine Darstellungsfläche berühren." src="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/thumbs/thumbs_lightspace1.jpg" width="126" height="100" class="colorbox-14" />
							</a>
			<p class=wp-caption-text>Displayübergreifende Mehrbenutzerinteraktion  <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-1666-20" href="#note-1666-20" onmouseover="tooltip.show('Bildquelle: http://portal.acm.org/citation.cfm?id=1866029.1866073.');" onmouseout="tooltip.hide();"><sup>20</sup></a></p>
		</div>
	</div>
			
	<div id="ngg-image-528" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-14" href="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/lightspace2.jpg" title="
			Drei Kameras und Projektoren sind an der Decke des Raumes befestigt und können so auf alle Oberflächen im Sichtfeld der Kameras projizieren und die Nutzerinteraktion registrieren., Quelle: http://portal.acm.org/citation.cfm?id=1866029.1866073.			"  >
								<img alt="Drei Kameras und Projektoren sind an der Decke des Raumes befestigt und können so auf alle Oberflächen im Sichtfeld der Kameras projizieren und die Nutzerinteraktion registrieren." src="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/thumbs/thumbs_lightspace2.jpg" width="126" height="100" class="colorbox-14" />
							</a>
			<p class=wp-caption-text>LightSpace Hardwaresetting <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-1666-20" href="#note-1666-20" onmouseover="tooltip.show('Bildquelle: http://portal.acm.org/citation.cfm?id=1866029.1866073.');" onmouseout="tooltip.hide();"><sup>20</sup></a></p>
		</div>
	</div>
		
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>


<h2>Gerätevermittelte Interaktionsmechanismen</h2>
<p>Zur  Interaktion mit den Device Mediated Interfaces benötigt der Nutzer ein zusätzliches  Eingabegerät, das er bei der Interaktion bei sich trägt oder in der Hand  hält. Entgegen der indirekten Manipulation mit einer gewöhnlichen Maus,  die nur über Sensoren zur Erfassung einer Positionsveränderung in einer  zweidimensionalen Ebene verfügt und diese auf den Zeiger überträgt,  können die für Device Mediated Interfaces genutzten  Interaktionsmechanismen ihre Position im Raum oder relative  Lageveränderungen durch zusätzliche optische, gyroskopische oder  Beschleunigungssensoren ermitteln. So kann der Nutzer direkt mit  Inhalten interagieren, denn wenn er mit dem Gerät auf einen Inhalt  zeigt, zeigt auch der <a href="https://test.soziotech.org/glossar/cursor/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für Cursor zu springen." onmouseover="tooltip.show('Ein Cursor (von lat. Läufer), auch Einfügemarke, Schreibmarke oder Eingabemarkierung markiert in einem Computerprogramm die aktuelle Bearbeitungsposition auf dem Display. ');" onmouseout="tooltip.hide();">Cursor</a> auf dieses Ziel. So wird die natürliche  Interaktion des Nutzers über die Sensorik der genutzten  Interaktionsmechanismen an den Computer übertragen und dort in  entsprechende Manipulationen umgesetzt. Der Interaktionsmechanismus  übernimmt sozusagen eine Mediatorrolle zwischen dem Nutzer und dem  genutzten System, da er die natürlichen Interaktionen des Nutzers in vom  System interpretierbare Manipulationen umwandelt. Außerdem bieten die  Zusatztasten des jeweiligen Interaktionsmechanismus die Option Shortcuts  für bestimmte Funktionen zu nutzen. Auf diese Weise muss der Nutzer  keine komplexen Muster von Manipulationen nachbilden, um das System zu  Steuern. Zur weiteren Steigerung der Effizienz der Interaktion sind  Device Mediated Interfaces ergonomisch gestaltet, sodass der Nutzer  gewissermaßen mit dem Gerät verschmilzt und das Gerät die natürliche  Interaktion des Nutzers nicht beeinträchtigt.</p>
<h3>Soap</h3>
<p>Soap <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-1666-21" href="#note-1666-21" onmouseover="tooltip.show('Baudisch, Patrick; Sinclair, Mike &amp; Wilson, Andrew (2007): Soap: A Pointing and Gaming Device for the Living Room and Anywhere else. In: Heart, John C. (Hrsg.): ACM SIGGRAPH 2007 Emerging Technologies. New York, USA: ACM Press, S. 17–20.');" onmouseout="tooltip.hide();"><sup>21</sup></a> ist ein Interaktionsmechanismus, der die Steuerung eines Zeigers zur Nutzung einer Anwendung auf großen vertikalen Wanddisplays ermöglicht. In einer flexiblen Kunststoffhülle befindet sich der optische Sensor einer Mouse sowie eine Taste auf der Rückseite der Platine, die durch die Kunsstoffhülle hindurch betätigt werden kann. Die Kunststoffhülle ist wiederum mit einem dehnbaren Stoffüberzug bespannt. Auf diese Weise kann eine Verschiebung der Stoffhülle durch den optischen Sensor registriert werden und so die Bewegung des Cursors gesteuert werden. Eine schnelle Verschiebung des Cursors hingegen ist in vertikale Richtung durch dauerhaftes fixieren des Gerätes durch Zusammendrücken von Daumen und Zeigefinger oder in horizontale Richtung durch Drehen des Gerätes um die Längsachse ähnlich einem nassen Stück Seife in der Handfläche möglich. Aufgrund dieser Seifenmetapher trägt der Mechanismus auch seinen Namen.</p>

<div class="ngg-galleryoverview" id="ngg-gallery--166615">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-537" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-15" href="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/soap1.jpg" title="
			In der Kunststoffhülle befindet sich die Platine einer optischen Mouse mit Sensor, eine Stromversorgung, eine Taste und eine Antenne zur Übertragung der Sensordaten., Quelle: http://portal.acm.org/citation.cfm?id=1278280.1278298.			"  >
								<img alt="In der Kunststoffhülle befindet sich die Platine einer optischen Mouse mit Sensor, eine Stromversorgung, eine Taste und eine Antenne zur Übertragung der Sensordaten." src="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/thumbs/thumbs_soap1.jpg" width="126" height="100" class="colorbox-15" />
							</a>
			<p class=wp-caption-text>Soap Hardware <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-1666-22" href="#note-1666-22" onmouseover="tooltip.show('Bildquelle: http://portal.acm.org/citation.cfm?id=1278280.1278298.');" onmouseout="tooltip.hide();"><sup>22</sup></a></p>
		</div>
	</div>
			
	<div id="ngg-image-538" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-15" href="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/soap2.jpg" title="
			Soap stellt eine alternative zur Steuerung von Anwendungen auf großen Wanddisplays dar., Quelle: http://portal.acm.org/citation.cfm?id=1278280.1278298.			"  >
								<img alt="Soap stellt eine alternative zur Steuerung von Anwendungen auf großen Wanddisplays dar." src="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/thumbs/thumbs_soap2.jpg" width="126" height="100" class="colorbox-15" />
							</a>
			<p class=wp-caption-text>Soap zur Steuerung großer Wanddisplays <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-1666-22" href="#note-1666-22" onmouseover="tooltip.show('Bildquelle: http://portal.acm.org/citation.cfm?id=1278280.1278298.');" onmouseout="tooltip.hide();"><sup>22</sup></a></p>
		</div>
	</div>
		
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>


<h3>Brain-Computer Interface</h3>
<p>Das Brain-Computer Interface <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-1666-23" href="#note-1666-23" onmouseover="tooltip.show('McFarland, Dennis J. &amp; Wolpaw, Jonathan R. (2011): Brain-Computer Interfaces for Communication and Control. Communications of the ACM, 5/2011 (54), S. 60-66.');" onmouseout="tooltip.hide();"><sup>23</sup></a> ist eine Form der Mensch-Computer Interaktion, die auf der Messung von Gehirnströmen basiert. Da dies über an der Kopfhaut platzierte Elektroden geschieht, ist dieser Interaktionsmechanismus im Gegensatz zu den bisher vorgestellten Mechanismen auch für Menschen mit eingeschränkter Bewegungsfähigkeit geeignet. Die Anwendung von McFarland und Wolpaw erlaubt z.B. eine Texteingabe ohne die Nutzung zusätzlicher Eingabegeräte. Auf einem Display wird dazu eine Matrix von Buchstaben angezeigt, von denen jeweils abwechselnde Gruppen aufleuchten. Der Nutzer muss während der Blinksequenz eine Buchstaben mit den Augen fixieren. Da jeder Buchstabe eine individuelle Blinksequenz hat und das Aufleuchten des fixierten Buchstaben mittels <a href="https://test.soziotech.org/glossar/eeg/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für EEG zu springen." onmouseover="tooltip.show('Die Elektroenzephalografie (von griechisch encephalon, Gehirn, gráphein) ist eine standardmäßige Untersuchungsmethode in der Neurologie bzw. der medizinischen Diagnostik zur Messung der summierten elektrischen Aktivität des Gehirns durch Aufzeichnung der Spannungsschwankungen an der Kopfoberfläche. ');" onmouseout="tooltip.hide();">EEG</a> gemessen werden kann, ist der vom Nutzer ausgewählte Buchstabe eindeutig bestimmbar. So wird eine Texteingabe allein durch das Anschauen der Buchstabenmatrix möglich. Allerdings ist durch die Dauer der Blinksequenz keine schnelle Eingabe möglich und die für diesen Interaktionsmechanismus benötigte Hardware ist im Vergleich zu den meisten zuvor beschriebenen Prototypen sehr teuer.</p>

<div class="ngg-galleryoverview" id="ngg-gallery--166616">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-523" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-16" href="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/braincomputer-interface1.jpg" title="
			Zur Nutzung des BCI ist das tragen einer Kappe mit Elektroden zur Messung von Gehirnströmen notwendig., Quelle: http://portal.acm.org/citation.cfm?id=1941506.			"  >
								<img alt="Zur Nutzung des BCI ist das tragen einer Kappe mit Elektroden zur Messung von Gehirnströmen notwendig." src="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/thumbs/thumbs_braincomputer-interface1.jpg" width="126" height="100" class="colorbox-16" />
							</a>
			<p class=wp-caption-text>Brain-Computer Interface in Nutzung <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-1666-24" href="#note-1666-24" onmouseover="tooltip.show('Bildquelle: http://portal.acm.org/citation.cfm?id=1941506.');" onmouseout="tooltip.hide();"><sup>24</sup></a></p>
		</div>
	</div>
			
	<div id="ngg-image-524" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-16" href="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/braincomputer-interface2.jpg" title="
			Buchstabenmatrix zur Eingabe, Kappe mit Elektroden und Rechner zur Nutzung der Anwendung, Quelle: http://portal.acm.org/citation.cfm?id=1941506.			"  >
								<img alt="Buchstabenmatrix zur Eingabe, Kappe mit Elektroden und Rechner zur Nutzung der Anwendung" src="https://test.soziotech.org/wp-content/uploads/beispiele-natuerlicher-interaktionsmechanismen/thumbs/thumbs_braincomputer-interface2.jpg" width="126" height="100" class="colorbox-16" />
							</a>
			<p class=wp-caption-text>Brain-Computer Interface Hardware <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-1666-24" href="#note-1666-24" onmouseover="tooltip.show('Bildquelle: http://portal.acm.org/citation.cfm?id=1941506.');" onmouseout="tooltip.hide();"><sup>24</sup></a></p>
		</div>
	</div>
		
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>


<h2>Fazit<strong><br />
</strong></h2>
<p>Fallende Preise<strong> </strong>durch die kommerzielle Massenfertigung von Sensortechnik wie der Wii-Remote oder der Microsoft Kinect aber auch sinkende Preise bei großen vertikalen Displays oder Projektoren haben dazu beigetragen, dass die Zahl neu entwickelter Interaktionsmechanismen zur Gestaltung der Schnittstelle zwischen Mensch und Computer zunimmt. Da gerade im Bereich der <a href="https://test.soziotech.org/glossar/nui/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für NUI zu springen." onmouseover="tooltip.show('Natürliche Benutzerschnittstellen sind eine neue Form der Human-Computer Interaction (Mensch-Maschine-Interaktion. Sie zeichnet sich dadurch aus, dass die Benutzerschnittstelle so gestaltet ist, dass existierende Fähigkeiten, die der Nutzer durch das Leben in seiner Umwelt erbworben hat, bei der Interaktion wiederverwendet werden. ');" onmouseout="tooltip.hide();">NUI</a> bisher nur wenig Forschungsarbeit im Bezug auf die Standardisierung solcher Nutzerschnittstellen und die Eignung eines Interaktionsmechanismus für die Nutzung in einem bestimmten Anwendungsumfeld oder für eine bestimmt Aufgabe erfolgt ist, müssen zukünftige Arbeiten weitere Erkenntnisse über die Leistungsfähigkeit und Nutzerakzeptanz natürlicher Interaktionsmechnismen liefern. Außerdem haben alle der in diesem Artikel vorgeschlagenen Kategorien von natürlichen Interaktionsmechnismen ihre Vor- und Nachteile, sodass eventuell eine Kombination der Merkmale existierender natürlicher Benutzerschnittstellen oder die Entwicklung neuer Ansätze zur Gestaltung dieser Schnittstellen einen Interaktionsmechnismus hervorbringen, der das Potential hat, eine ähnlich hohe Verbreitung und Nutzerakzeptanz zu erreichen, wie es heute bei Maus und Tastatur für die <a href="https://test.soziotech.org/glossar/gui/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für GUI zu springen." onmouseover="tooltip.show('Graphical User Interface zu deutsch auch grafische Benutzeroberfläche. Bezeichnung einer Software-Komponente, die dem Benutzer eines Computers die Interaktion mit der Maschine über grafische Symbole erlaubt. Die Darstellungen und Elemente (Arbeitsplatz, Symbole, Papierkorb, Menü) können meist unter Verwendung eines Zeigegerätes wie einer Maus gesteuert werden. ');" onmouseout="tooltip.hide();">GUI</a> der Fall ist.</p><img src="https://analytics.flottmedia.com/piwik/piwik.php?idsite=2&amp;rec=1&amp;url=https%3A%2F%2Ftest.soziotech.org%2Falternative-moeglichkeiten-zur-interaktion-mit-grossen-vertikalen-displays%2F&amp;action_name=Alternative+M%C3%B6glichkeiten+zur+Interaktion+mit+gro%C3%9Fen+vertikalen+Displays&amp;urlref=http%3A%2F%2Ffeeds.feedburner.com%2Fsoziotech" style="border:0;width:0;height:0" width="0" height="0" alt="" /><div class="simple-footnotes"><h2 class="notes">Quellen und Fußnoten:</h2><ol><li id="note-1666-1">Dahm, Markus  (2006): Grundlagen der Mensch-Computer-Interaktion. 1. Aufl., . München:  Pearson Studium, S. 112. <a class="simple-footnote-backlink" href="#return-note-1666-1">&#8617;</a></li><li id="note-1666-2">Lee, Johnny C. (2008a): <em>Hacking the Nintendo Wii Remote</em>.  IEEE Pervasive Computing, 3/2008 (7). IEEE Computer Society, S.  39–45. <a class="simple-footnote-backlink" href="#return-note-1666-2">&#8617;</a></li><li id="note-1666-3">Bildquelle: <a class="link-external" href="http://www.computer.org/portal/web/csdl/doi/10.1109/MPRV.2008.53" title="Go to external Source" >http://www.computer.org/portal/web/csdl/doi/10.1109/MPRV.2008.53</a>. <a class="simple-footnote-backlink" href="#return-note-1666-3">&#8617;</a></li><li id="note-1666-4">Mistry, Pranav &amp; Maes, Pattie (2009): <em>SixthSense: A Wearable Gestural Interface</em>.  In: Anjyo, Ken (Hrsg.): ACM SIGGRAPH ASIA 2009 Sketches. New York, USA:  ACM Press, S. 11:1 <a class="simple-footnote-backlink" href="#return-note-1666-4">&#8617;</a></li><li id="note-1666-5">Bildquelle: <a class="link-external" href="http://www.pranavmistry.com/projects/sixthsense/#PICTURES" title="Go to external Source" >http://www.pranavmistry.com/projects/sixthsense/#PICTURES</a>. <a class="simple-footnote-backlink" href="#return-note-1666-5">&#8617;</a></li><li id="note-1666-6">Gustafson, Sean; Bierwirth, Daniel &amp; Baudisch, Patrick (2010): <em>Imaginary Interfaces: Spatial Interaction with Empty Hands and without Visual Feedback</em>.   In: Perlin, Ken; Czerwinski, Mary &amp; Miller, Rob (Hrsg.):   Proceedings of the 23nd Annual ACM Symposium on User Interface Software   and Technology. New York, USA: ACM Press, S. 3–12. <a class="simple-footnote-backlink" href="#return-note-1666-6">&#8617;</a></li><li id="note-1666-7">Bildquelle: <a class="link-external" href="http://portal.acm.org/citation.cfm?id=1866033" title="Go to external Source" >http://portal.acm.org/citation.cfm?id=1866033</a>. <a class="simple-footnote-backlink" href="#return-note-1666-7">&#8617;</a></li><li id="note-1666-8">Kaefer, Konstantin; Kanitz, Dorian; Meusel, René;    Fetzer, Caroline;  Augsten, Thomas; Stoff, Thomas; Holz, Christian  &amp;   Baudisch, Patrick  (2010): <em>“Multi-Toe” Interaction with a High-Resolution Multi-Touch Floor</em>.   Potsdam,  Germany, S. 1-6. <a class="simple-footnote-backlink" href="#return-note-1666-8">&#8617;</a></li><li id="note-1666-9">Bildquelle: <a class="link-external" href="http://portal.acm.org/citation.cfm?id=1866064" title="Go to external Source" >http://portal.acm.org/citation.cfm?id=1866064</a>. <a class="simple-footnote-backlink" href="#return-note-1666-9">&#8617;</a></li><li id="note-1666-10">Lin, Jiaqing; Nishino, Hiroaki; Kagawa, Tsuneo &amp; Utsumiya, Kouichi (2010): <em>Free Hand Interface for Controlling Applications Based on Wii Remote IR Sensor</em>.   In: Spencer, Stephen N. (Hrsg.): Proceedings of the 9th ACM SIGGRAPH   Conference on Virtual-Reality Continuum and its Applications in Industry   VRCAI 2010. New   York, USA: ACM Press, S. 139–142. <a class="simple-footnote-backlink" href="#return-note-1666-10">&#8617;</a></li><li id="note-1666-11">Bildquelle: <a class="link-external" href="http://www.nintendo.com/wii/console/controllers" title="Go to external Source" >http://www.nintendo.com/wii/console/controllers</a>. <a class="simple-footnote-backlink" href="#return-note-1666-11">&#8617;</a></li><li id="note-1666-12">Bildquelle: <a class="link-external" href="http://www.joergspielt.de/?page_id=39" title="Go to external Source" >http://www.joergspielt.de/?page_id=39</a>. <a class="simple-footnote-backlink" href="#return-note-1666-12">&#8617;</a></li><li id="note-1666-13">Bildquelle: <a class="link-external" href="http://www.pixmania.com/videogames-und-konsolen-wii-motion-plus-weis/chde7505394_jvart.html" title="Go to external Source" >http://www.pixmania.com/videogames-und-konsolen-wii-motion-plus-weis/chde7505394_jvart.html</a>. <a class="simple-footnote-backlink" href="#return-note-1666-13">&#8617;</a></li><li id="note-1666-14">Bildquelle: <a class="link-external" href="http://hackawii.com/medical-wiimote-reporting-a-ct-scan/" title="Go to external Source" >http://hackawii.com/medical-wiimote-reporting-a-ct-scan/</a>. <a class="simple-footnote-backlink" href="#return-note-1666-14">&#8617;</a></li><li id="note-1666-15">Izadi, Shahram; Hodges, Steve; Taylor, Stuart; Rosenfeld, Dan;  Villar, Nicolas; Butler, Alex &amp; Westhues, Jonathan (2008): <em>Going Beyond the Display: A Surface Technology with an Electronically Switchable Diffuser</em>.  In: Cousins, Steve &amp; Beaudouin-Lafon, Michel (Hrsg.): Proceedings  of the 21st Annual ACM Symposium on User Interface Software and  Technology. New York, USA: ACM Press, S. 269–278. <a class="simple-footnote-backlink" href="#return-note-1666-15">&#8617;</a></li><li id="note-1666-16">Bildquelle: <a class="link-external" href="http://portal.acm.org/citation.cfm?id=1449715.1449760" title="Go to external Source" >http://portal.acm.org/citation.cfm?id=1449715.1449760</a>. <a class="simple-footnote-backlink" href="#return-note-1666-16">&#8617;</a></li><li id="note-1666-17">Boring, Sebastian; Baur, Dominikus; Butz, Andreas; Gustafson, Sean &amp; Baudisch, Patrick (2010): <em>Touch Projector: Mobile Interaction Through Video</em>.  In: Henry, Nathalie &amp; Tabard, Aurélien (Hrsg.): Proceedings of the  28th International Conference on Human Factors in Computing Systems.  Atlanta,  GA, USA: ACM Press, S. 2287–2296. <a class="simple-footnote-backlink" href="#return-note-1666-17">&#8617;</a></li><li id="note-1666-18">Bildquelle: <a class="link-external" href="http://portal.acm.org/citation.cfm?id=1753326.1753671" title="Go to external Source" >http://portal.acm.org/citation.cfm?id=1753326.1753671</a>. <a class="simple-footnote-backlink" href="#return-note-1666-18">&#8617;</a></li><li id="note-1666-19">Wilson, Andrew D. &amp; Benko, Hrvoje (2010): <em>Combining Multiple Depth Cameras and Projectors for Interactions On , Above , and Between Surfaces</em>. In: Perlin, Ken; Czerwinski, Mary &amp; Miller, Rob (Hrsg.): Proceedings of the 23nd Annual ACM Symposium on User Interface Software and Technology. New York, USA: ACM Press, S. 273–282. <a class="simple-footnote-backlink" href="#return-note-1666-19">&#8617;</a></li><li id="note-1666-20">Bildquelle: <a class="link-external" href="http://portal.acm.org/citation.cfm?id=1866029.1866073" title="Go to external Source" >http://portal.acm.org/citation.cfm?id=1866029.1866073</a>. <a class="simple-footnote-backlink" href="#return-note-1666-20">&#8617;</a></li><li id="note-1666-21">Baudisch, Patrick; Sinclair, Mike &amp; Wilson, Andrew (2007): <em>Soap: A Pointing and Gaming Device for the Living Room and Anywhere else</em>. In: Heart, John C. (Hrsg.): ACM SIGGRAPH 2007 Emerging Technologies. New York, USA: ACM Press, S. 17–20. <a class="simple-footnote-backlink" href="#return-note-1666-21">&#8617;</a></li><li id="note-1666-22">Bildquelle: <a class="link-external" href="http://portal.acm.org/citation.cfm?id=1278280.1278298" title="Go to external Source" >http://portal.acm.org/citation.cfm?id=1278280.1278298</a>. <a class="simple-footnote-backlink" href="#return-note-1666-22">&#8617;</a></li><li id="note-1666-23">McFarland, Dennis J. &amp; Wolpaw, Jonathan R. (2011): <em>Brain-Computer Interfaces for Communication and Control</em>. Communications of the ACM, 5/2011 (54), S. 60-66. <a class="simple-footnote-backlink" href="#return-note-1666-23">&#8617;</a></li><li id="note-1666-24">Bildquelle: <a class="link-external" href="http://portal.acm.org/citation.cfm?id=1941506" title="Go to external Source" >http://portal.acm.org/citation.cfm?id=1941506</a>. <a class="simple-footnote-backlink" href="#return-note-1666-24">&#8617;</a></li></ol></div><div class='yarpp-related-rss'>
<h3>Verwandte Artikel:</h3><ol>
<li><a href="https://test.soziotech.org/technik-state-of-the-art-alternative-verwendungsmoeglichkeiten/" rel="bookmark" title="Technik State-of-the-Art: Alternative Verwendungsmöglichkeiten">Technik State-of-the-Art: Alternative Verwendungsmöglichkeiten </a></li>
<li><a href="https://test.soziotech.org/militarische-lagekarte-auf-dem-microsoft-surface/" rel="bookmark" title="Militärische Lagekarte auf dem Microsoft Surface">Militärische Lagekarte auf dem Microsoft Surface </a></li>
<li><a href="https://test.soziotech.org/surface-bluetooth-mobile-manager/" rel="bookmark" title="Surface Bluetooth Mobile Manager">Surface Bluetooth Mobile Manager </a></li>
</ol>
</div>
]]></content:encoded>
			<wfw:commentRss>https://test.soziotech.org/alternative-moeglichkeiten-zur-interaktion-mit-grossen-vertikalen-displays/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Konzeption eines Analyserasters für die szenario-spezifische Eignungsfeststellung von Multitouch-Tablets</title>
		<link>https://test.soziotech.org/konzeption-eines-analyserasters/</link>
		<comments>https://test.soziotech.org/konzeption-eines-analyserasters/#comments</comments>
		<pubDate>Mon, 14 Mar 2011 13:43:51 +0000</pubDate>
		<dc:creator><![CDATA[Benjamin Hoffmann]]></dc:creator>
				<category><![CDATA[CommunityMirrors]]></category>
		<category><![CDATA[SI-Screen]]></category>
		<category><![CDATA[Studienarbeiten]]></category>
		<category><![CDATA[Tabletops & Tablet PCs]]></category>
		<category><![CDATA[Ubiquitäre Natural User Interfaces]]></category>
		<category><![CDATA[Analyseraster]]></category>
		<category><![CDATA[Bachelorarbeit]]></category>
		<category><![CDATA[Bewertung]]></category>
		<category><![CDATA[ELISA]]></category>
		<category><![CDATA[Multitouch]]></category>
		<category><![CDATA[Nutzwert]]></category>
		<category><![CDATA[Nutzwertanalyse]]></category>
		<category><![CDATA[szenario-spezifisch]]></category>
		<category><![CDATA[Tablet]]></category>

		<guid isPermaLink="false">http://sevastyanova.cscwlab.de/?p=467</guid>
		<description><![CDATA[<p><img src="https://test.soziotech.org/wp-content/uploads/cache/275_crop_940x198_analyseraster.png" width="618" height="130" alt="Konzeption eines Analyserasters für die szenario-spezifische Eignungsfeststellung von Multitouch-Tablets" /></p>Durch die immer größer werdende Anzahl an verschiedenen Multitouch-Tablet-Modellen, sowie deren Vielzahl an Einsatzmöglichkeiten in den unterschiedlichsten Szenarien, ist die Auswahl eines geeigneten Gerätes für einen konkreten Einsatzzweck in der heutigen Zeit schwierig und aufwendig. Die hier dargestellte Bachelorarbeit &#8222;Konzeption &#8230; <a href="https://test.soziotech.org/konzeption-eines-analyserasters/">Weiterlesen <span class="meta-nav">&#8594;</span></a><img src="https://analytics.flottmedia.com/piwik/piwik.php?idsite=2&amp;rec=1&amp;url=https%3A%2F%2Ftest.soziotech.org%2Fkonzeption-eines-analyserasters%2F&amp;action_name=Konzeption+eines+Analyserasters+f%C3%BCr+die+szenario-spezifische+Eignungsfeststellung+von+Multitouch-Tablets&amp;urlref=http%3A%2F%2Ffeeds.feedburner.com%2Fsoziotech" style="border:0;width:0;height:0" width="0" height="0" alt="" /><div class='yarpp-related-rss'>
<h3>Verwandte Artikel:</h3><ol>
<li><a href="https://test.soziotech.org/technik-state-of-the-art-aussergewoehnliche-geraeteformen/" rel="bookmark" title="Technik State-of-the-Art: Außergewöhnliche Geräteformen">Technik State-of-the-Art: Außergewöhnliche Geräteformen </a></li>
<li><a href="https://test.soziotech.org/technik-state-of-the-art-neuartige-eingabearten/" rel="bookmark" title="Technik State-of-the-Art: Neuartige Eingabearten">Technik State-of-the-Art: Neuartige Eingabearten </a></li>
<li><a href="https://test.soziotech.org/technik-state-of-the-art-alternative-verwendungsmoeglichkeiten/" rel="bookmark" title="Technik State-of-the-Art: Alternative Verwendungsmöglichkeiten">Technik State-of-the-Art: Alternative Verwendungsmöglichkeiten </a></li>
</ol>
</div>
]]></description>
				<content:encoded><![CDATA[<p><img src="https://test.soziotech.org/wp-content/uploads/cache/275_crop_940x198_analyseraster.png" width="618" height="130" alt="Konzeption eines Analyserasters für die szenario-spezifische Eignungsfeststellung von Multitouch-Tablets" /></p>
<p><em>Durch die immer größer werdende Anzahl an verschiedenen Multitouch-Tablet-Modellen, sowie deren Vielzahl an Einsatzmöglichkeiten in den unterschiedlichsten Szenarien, ist die Auswahl eines geeigneten Gerätes für einen konkreten Einsatzzweck in der heutigen Zeit schwierig und aufwendig. Die hier dargestellte Bachelorarbeit &#8222;Konzeption eines Analyserasters für die szenario-spezifische Eignungsfeststellung von Multitouch-Tablets&#8220; beschäftigt sich daher mit Szenario- und Geräte-Variablen, sowie deren Bedeutung und Einfluss auf die Eignungsfeststellung von Multitouch-Tablets. Dazu wird ein Analyseraster für einen einfach durchzuführenden und nachvollziehbaren Bewertungsprozess geschaffen, in dem verschiedene Geräte-Alternativen nach gewählten szenario-spezifischen Kriterien untersucht werden, um schließlich in einer Rangordnung platziert werden zu können.</em></p>
<h2>Problemstellung &amp; Zielsetzung</h2>
<p>Das Bedienkonzept und die in der Regel hohe Anpassungsfähigkeit scheinen Multitouch-Tablets zunächst für eine große Bandbreite an neuen Einsatzgebieten zu qualifizieren <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-1" href="#note-467-1" onmouseover="tooltip.show('TULLY, J., FEN, J., &amp; BARBER, J. (2010). Cool Vendors in Multitouch User Interface, 2010. Gartner, Inc.');" onmouseout="tooltip.hide();"><sup>1</sup></a>. Doch je nach Einsatzzweck unterscheiden sich die Ansprüche, die an das zu verwendende Gerät gestellt werden. Ziel des europäischen Forschungsprojektes <a href="https://test.soziotech.org/glossar/si/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für SI-Screen zu springen." onmouseover="tooltip.show('Social Interaction Screen ist ein Forschungsprojekt das mit Mitteln des Bundesministeriums für Bildung, und Forschung, sowie durch das Europäische AAL Joint Programm gefördert wird.');" onmouseout="tooltip.hide();">SI-Screen</a> (Social Interaction Screen) <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-2" href="#note-467-2" onmouseover="tooltip.show('Projekt-Homepage: http://www.si-screen.eu/');" onmouseout="tooltip.hide();"><sup>2</sup></a>  ist es, vor allem Senioren die Interaktion mit anderen Menschen zu  ermöglichen (beispielsweise über Facebook u. a.). Denkbar ist  dafür  beispielsweise der Einsatz eines Multitouch-Tablets. In der hier dargestellten Bachelorarbeit wird dieses konkrete Szenario  daher herangezogen und das geschaffene Analyseraster darauf angewendet, um  seine Praxistauglichkeit zu erproben.</p>
<p>Die heutigen Modelle unterscheiden sich teilweise sehr stark in ihren  Merkmalen und Eigenschaften, sodass eine sorgfältige Auswahl besonders  wichtig ist. Insbesondere in Szenarien, in denen konträre Aspekte  gegeneinander abgewogen werden müssen, ist dem Auswahlprozess ein hoher  Stellenwert zuzusprechen. Dieser Prozess gestaltet sich derzeit noch  schwierig, da man auf keine oder kaum Erfahrungen zurückgreifen kann,  welches Tablet für einen definierten Einsatz geeignet ist und es an  geeigneten Bewertungsschemata fehlt, die den Entscheidungsträger in  einer Auswahlsituation unterstützten könnte.</p>

<div class="ngg-galleryoverview" id="ngg-gallery--46717">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-62" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-17" href="https://test.soziotech.org/wp-content/uploads/gerate/1-11-11-rocketfish.jpg" title="
			Dient gleichzeitig als Tastatur, Ständer und Koffer, Quelle: http://www.rocketfishproducts.com/products/computers/RF-ICAP12.html.			"  >
								<img alt="Dient gleichzeitig als Tastatur, Ständer und Koffer" src="https://test.soziotech.org/wp-content/uploads/gerate/thumbs/thumbs_1-11-11-rocketfish.jpg" width="126" height="100" class="colorbox-17" />
							</a>
			<p class=wp-caption-text>Rocketfish iCapsule <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-3" href="#note-467-3" onmouseover="tooltip.show('Bildquelle: http://www.rocketfishproducts.com/products/computers/RF-ICAP12.html.');" onmouseout="tooltip.hide();"><sup>3</sup></a></p>
		</div>
	</div>
			
	<div id="ngg-image-42" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-17" href="https://test.soziotech.org/wp-content/uploads/gerate/20110127-15183976-alphyn-600-img37582.jpg" title="
			Eine in den Anzug eingelassene Halterung für ein Tablet, Quelle: http://www.engadget.com/2011/01/27/alphyn-industry-jackets-play-ipad-close-to-the-chest-stick-smar/.			"  >
								<img alt="Eine in den Anzug eingelassene Halterung für ein Tablet" src="https://test.soziotech.org/wp-content/uploads/gerate/thumbs/thumbs_20110127-15183976-alphyn-600-img37582.jpg" width="126" height="100" class="colorbox-17" />
							</a>
			<p class=wp-caption-text>Alphyn Industry PADX-1 Ledge <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-4" href="#note-467-4" onmouseover="tooltip.show('Bildquelle: http://www.engadget.com/2011/01/27/alphyn-industry-jackets-play-ipad-close-to-the-chest-stick-smar/.');" onmouseout="tooltip.hide();"><sup>4</sup></a></p>
		</div>
	</div>
			
	<div id="ngg-image-43" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-17" href="https://test.soziotech.org/wp-content/uploads/gerate/20110202-11535471-img3994.jpg" title="
			Ein alternatives on-screen Keyboard layout; erlaubt Bedienung mit den Daumen, Quelle: http://www.engadget.com/2011/02/02/touchtype-debuts-swiftkey-tablet-app-for-android-tablets/.			"  >
								<img alt="Ein alternatives on-screen Keyboard layout; erlaubt Bedienung mit den Daumen" src="https://test.soziotech.org/wp-content/uploads/gerate/thumbs/thumbs_20110202-11535471-img3994.jpg" width="126" height="100" class="colorbox-17" />
							</a>
			<p class=wp-caption-text>TouchType SwiftKey <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-5" href="#note-467-5" onmouseover="tooltip.show('Bildquelle: http://www.engadget.com/2011/02/02/touchtype-debuts-swiftkey-tablet-app-for-android-tablets/.');" onmouseout="tooltip.hide();"><sup>5</sup></a></p>
		</div>
	</div>
			
	<div id="ngg-image-1316" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-17" href="https://test.soziotech.org/wp-content/uploads/tablet-devices/771_crop_940x198_artikelbild.png" title="
			Moderne Android Tablet-Devices im Vergleich, Quelle: http://www.android.com/.			"  >
								<img alt="Moderne Android Tablet-Devices im Vergleich" src="https://test.soziotech.org/wp-content/uploads/tablet-devices/thumbs/thumbs_771_crop_940x198_artikelbild.png" width="126" height="100" class="colorbox-17" />
							</a>
			<p class=wp-caption-text>Artikelbild <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-6" href="#note-467-6" onmouseover="tooltip.show('Bildquelle: http://www.android.com/.');" onmouseout="tooltip.hide();"><sup>6</sup></a></p>
		</div>
	</div>
			
	<div id="ngg-image-66" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-17" href="https://test.soziotech.org/wp-content/uploads/gerate/alupen.jpg" title="
			Erlaubt die Steuerung des iPads mittels eines Stifts, Quelle: http://www.wired.com/gadgetlab/2011/01/fingers-on-with-the-chunky-alupen-ipad-stylus/.			"  >
								<img alt="Erlaubt die Steuerung des iPads mittels eines Stifts" src="https://test.soziotech.org/wp-content/uploads/gerate/thumbs/thumbs_alupen.jpg" width="126" height="100" class="colorbox-17" />
							</a>
			<p class=wp-caption-text>Alupen iPad Stylus <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-7" href="#note-467-7" onmouseover="tooltip.show('Bildquelle: http://www.wired.com/gadgetlab/2011/01/fingers-on-with-the-chunky-alupen-ipad-stylus/.');" onmouseout="tooltip.hide();"><sup>7</sup></a></p>
		</div>
	</div>
			
	<div id="ngg-image-171" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-17" href="https://test.soziotech.org/wp-content/uploads/gerate/clamcase-ipad.jpg" title="
			Tastatur-Erweiterung für das iPad lässt einen das iPad als Notebook wahrnehmen, Quelle: http://www.engadget.com/2010/12/21/clamcase-ipad-keyboard-case-stand-now-on-sale-ships-january-2/.			"  >
								<img alt="Tastatur-Erweiterung für das iPad lässt einen das iPad als Notebook wahrnehmen" src="https://test.soziotech.org/wp-content/uploads/gerate/thumbs/thumbs_clamcase-ipad.jpg" width="126" height="100" class="colorbox-17" />
							</a>
			<p class=wp-caption-text>Clamcase iPad Tastatur <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-8" href="#note-467-8" onmouseover="tooltip.show('Bildquelle: http://www.engadget.com/2010/12/21/clamcase-ipad-keyboard-case-stand-now-on-sale-ships-january-2/.');" onmouseout="tooltip.hide();"><sup>8</sup></a></p>
		</div>
	</div>
			
	<div id="ngg-image-45" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-17" href="https://test.soziotech.org/wp-content/uploads/gerate/compenionlaptopconcept_thumb.jpg" title="
			Ein Konzept für ein veränderliches Multiscreen-Tablet, Quelle: http://it-tech.org/concept-compenion-laptop/.			"  >
								<img alt="Ein Konzept für ein veränderliches Multiscreen-Tablet" src="https://test.soziotech.org/wp-content/uploads/gerate/thumbs/thumbs_compenionlaptopconcept_thumb.jpg" width="126" height="100" class="colorbox-17" />
							</a>
			<p class=wp-caption-text>Felix Schmidbergers Compenion Konzept <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-9" href="#note-467-9" onmouseover="tooltip.show('Bildquelle: http://it-tech.org/concept-compenion-laptop/.');" onmouseout="tooltip.hide();"><sup>9</sup></a></p>
		</div>
	</div>
			
	<div id="ngg-image-497" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-17" href="https://test.soziotech.org/wp-content/uploads/potenziale-und-nutzungskozepte-interaktiver-touchscreens/connected-devices-2.jpg" title="
			Übersicht über die Nutzungszwecke von Tablets, eReaders und Smartphones., Quelle: http://blog.nielsen.com/nielsenwire/?p=27702.			"  >
								<img alt="Übersicht über die Nutzungszwecke von Tablets, eReaders und Smartphones." src="https://test.soziotech.org/wp-content/uploads/potenziale-und-nutzungskozepte-interaktiver-touchscreens/thumbs/thumbs_connected-devices-2.jpg" width="126" height="100" class="colorbox-17" />
							</a>
			<p class=wp-caption-text>Tablets vs. eReaders vs. Smartphones <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-10" href="#note-467-10" onmouseover="tooltip.show('Bildquelle: http://blog.nielsen.com/nielsenwire/?p=27702.');" onmouseout="tooltip.hide();"><sup>10</sup></a></p>
		</div>
	</div>
			
	<div id="ngg-image-621" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-17" href="https://test.soziotech.org/wp-content/uploads/tablet-devices/eee-pad.jpg" title="
			Asus EeePad Transformer TF101 incl. Keydock mit Android Betriebssystem, Quelle: http://www.asus.de/Eee/Eee_Pad/Eee_Pad_Transformer_TF101/.			"  >
								<img alt="Asus EeePad Transformer TF101 incl. Keydock mit Android Betriebssystem" src="https://test.soziotech.org/wp-content/uploads/tablet-devices/thumbs/thumbs_eee-pad.jpg" width="126" height="100" class="colorbox-17" />
							</a>
			<p class=wp-caption-text>Asus EeePad Transformer TF101 <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-11" href="#note-467-11" onmouseover="tooltip.show('Bildquelle: http://www.asus.de/Eee/Eee_Pad/Eee_Pad_Transformer_TF101/.');" onmouseout="tooltip.hide();"><sup>11</sup></a></p>
		</div>
	</div>
			
	<div id="ngg-image-1155" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-17" href="https://test.soziotech.org/wp-content/uploads/elisa/elisa_content_based_gui_0.jpg" title="
			Die grafische Benutzerschnittstelle von elisa sieht eine horizontale Navigation zwischen den Inhaltsseiten vor., Quelle: http://www.si-screen.eu.			"  >
								<img alt="Die grafische Benutzerschnittstelle von elisa sieht eine horizontale Navigation zwischen den Inhaltsseiten vor." src="https://test.soziotech.org/wp-content/uploads/elisa/thumbs/thumbs_elisa_content_based_gui_0.jpg" width="126" height="100" class="colorbox-17" />
							</a>
			<p class=wp-caption-text>elisa User Interface <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-12" href="#note-467-12" onmouseover="tooltip.show('Bildquelle: http://www.si-screen.eu.');" onmouseout="tooltip.hide();"><sup>12</sup></a></p>
		</div>
	</div>
			
	<div id="ngg-image-1166" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-17" href="https://test.soziotech.org/wp-content/uploads/elisa/elisa_device_1.png" title="
			Konzeptdesign des ersten Prototypen von elisa., Quelle: http://www.si-screen.eu.			"  >
								<img alt="Konzeptdesign des ersten Prototypen von elisa." src="https://test.soziotech.org/wp-content/uploads/elisa/thumbs/thumbs_elisa_device_1.png" width="126" height="100" class="colorbox-17" />
							</a>
			<p class=wp-caption-text>elisa Tablet-Computer <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-12" href="#note-467-12" onmouseover="tooltip.show('Bildquelle: http://www.si-screen.eu.');" onmouseout="tooltip.hide();"><sup>12</sup></a></p>
		</div>
	</div>
			
	<div id="ngg-image-1167" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-17" href="https://test.soziotech.org/wp-content/uploads/elisa/elisa_device_2.png" title="
			Ein integrierter Standfuß und Tragegriff sorgen für Stabilität sowohl während der Bedienung am Tisch, als auch für einen sicheren Transport bei der Mitnahme des Tablets., Quelle: http://www.si-screen.eu.			"  >
								<img alt="Ein integrierter Standfuß und Tragegriff sorgen für Stabilität sowohl während der Bedienung am Tisch, als auch für einen sicheren Transport bei der Mitnahme des Tablets." src="https://test.soziotech.org/wp-content/uploads/elisa/thumbs/thumbs_elisa_device_2.png" width="126" height="100" class="colorbox-17" />
							</a>
			<p class=wp-caption-text>elisa Standfuß <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-12" href="#note-467-12" onmouseover="tooltip.show('Bildquelle: http://www.si-screen.eu.');" onmouseout="tooltip.hide();"><sup>12</sup></a></p>
		</div>
	</div>
			
	<div id="ngg-image-1168" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-17" href="https://test.soziotech.org/wp-content/uploads/elisa/elisa_device_3.png" title="
			Mit der Tragetasche kann elisa auch über längere Distanzen transportiert werden., Quelle: http://www.si-screen.eu.			"  >
								<img alt="Mit der Tragetasche kann elisa auch über längere Distanzen transportiert werden." src="https://test.soziotech.org/wp-content/uploads/elisa/thumbs/thumbs_elisa_device_3.png" width="126" height="100" class="colorbox-17" />
							</a>
			<p class=wp-caption-text>elisa Tragetasche <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-12" href="#note-467-12" onmouseover="tooltip.show('Bildquelle: http://www.si-screen.eu.');" onmouseout="tooltip.hide();"><sup>12</sup></a></p>
		</div>
	</div>
			
	<div id="ngg-image-173" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-17" href="https://test.soziotech.org/wp-content/uploads/gerate/elliptic-labs-2010-12-22-599.jpg" title="
			Erweitert das iPad um Gestensteuerung, Quelle: http://www.engadget.com/2010/12/22/elliptic-labs-set-to-save-your-ipad-from-smudges-with-3d-gesture/.			"  >
								<img alt="Erweitert das iPad um Gestensteuerung" src="https://test.soziotech.org/wp-content/uploads/gerate/thumbs/thumbs_elliptic-labs-2010-12-22-599.jpg" width="126" height="100" class="colorbox-17" />
							</a>
			<p class=wp-caption-text>iPad Gesture Control <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-13" href="#note-467-13" onmouseover="tooltip.show('Bildquelle: http://www.engadget.com/2010/12/22/elliptic-labs-set-to-save-your-ipad-from-smudges-with-3d-gesture/.');" onmouseout="tooltip.hide();"><sup>13</sup></a></p>
		</div>
	</div>
			
	<div id="ngg-image-71" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-17" href="https://test.soziotech.org/wp-content/uploads/gerate/evigroup-paddle-pro-20110113.jpg" title="
			Steuerung eines Tablets mittels der Pupillen, Quelle: http://www.engadget.com/2011/01/13/evigroup-paddle-pros-steamy-demo-gives-you-head-tracking-hot-f/.			"  >
								<img alt="Steuerung eines Tablets mittels der Pupillen" src="https://test.soziotech.org/wp-content/uploads/gerate/thumbs/thumbs_evigroup-paddle-pro-20110113.jpg" width="126" height="100" class="colorbox-17" />
							</a>
			<p class=wp-caption-text>Evigroup Paddle Pro <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-14" href="#note-467-14" onmouseover="tooltip.show('Bildquelle: http://www.engadget.com/2011/01/13/evigroup-paddle-pros-steamy-demo-gives-you-head-tracking-hot-f/.');" onmouseout="tooltip.hide();"><sup>14</sup></a></p>
		</div>
	</div>
			
	<div id="ngg-image-46" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-17" href="https://test.soziotech.org/wp-content/uploads/gerate/eyesight-gestures-02-02-2011.jpg" title="
			Gestenkontrolle erlaubt den Einsatz eines Geräts auch in unwirtlichen Umgebungen (in diesem Fall mit fettigen Händen), Quelle: http://www.engadget.com/2010/06/08/eyesights-hand-waving-gesture-based-ui-now-available-for-andro/.			"  >
								<img alt="Gestenkontrolle erlaubt den Einsatz eines Geräts auch in unwirtlichen Umgebungen (in diesem Fall mit fettigen Händen)" src="https://test.soziotech.org/wp-content/uploads/gerate/thumbs/thumbs_eyesight-gestures-02-02-2011.jpg" width="126" height="100" class="colorbox-17" />
							</a>
			<p class=wp-caption-text>eyeSight Gestenerkennung <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-15" href="#note-467-15" onmouseover="tooltip.show('Bildquelle: http://www.engadget.com/2010/06/08/eyesights-hand-waving-gesture-based-ui-now-available-for-andro/.');" onmouseout="tooltip.hide();"><sup>15</sup></a></p>
		</div>
	</div>
			
	<div id="ngg-image-98" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-17" href="https://test.soziotech.org/wp-content/uploads/gerate/flingces2011header02.jpg" title="
			Nutzung des iPads via Joystick, Quelle: http://www.engadget.com/2011/01/07/fling-ipad-joystick-thumbs-on/.			"  >
								<img alt="Nutzung des iPads via Joystick" src="https://test.soziotech.org/wp-content/uploads/gerate/thumbs/thumbs_flingces2011header02.jpg" width="126" height="100" class="colorbox-17" />
							</a>
			<p class=wp-caption-text>iPad Joystick <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-16" href="#note-467-16" onmouseover="tooltip.show('Bildquelle: http://www.engadget.com/2011/01/07/fling-ipad-joystick-thumbs-on/.');" onmouseout="tooltip.hide();"><sup>16</sup></a></p>
		</div>
	</div>
			
	<div id="ngg-image-764" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-17" href="https://test.soziotech.org/wp-content/uploads/tablet-devices/flyer_frontl_20110118_dt_neu_ds.jpg" title="
			HTC Flyer 7 Zoll Display mit Stylus mit Android Betriebssystem, Quelle: http://www.geeknews.eu/2011/04/04/htc-flyer-spater-mit-honeycomb-update/.			"  >
								<img alt="HTC Flyer 7 Zoll Display mit Stylus mit Android Betriebssystem" src="https://test.soziotech.org/wp-content/uploads/tablet-devices/thumbs/thumbs_flyer_frontl_20110118_dt_neu_ds.jpg" width="126" height="100" class="colorbox-17" />
							</a>
			<p class=wp-caption-text>HTC Flyer <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-17" href="#note-467-17" onmouseover="tooltip.show('Bildquelle: http://www.geeknews.eu/2011/04/04/htc-flyer-spater-mit-honeycomb-update/.');" onmouseout="tooltip.hide();"><sup>17</sup></a></p>
		</div>
	</div>
			
	<div id="ngg-image-673" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-17" href="https://test.soziotech.org/wp-content/uploads/touchscreens/fotolia_20233616_subscription_xl.jpg" title="
			a male hand holding a touchpad pc which a cooking website shows in front of a modern kitchen, one finger touches the touchpad			"  >
								<img alt="a male hand holding a touchpad pc which a cooking website shows in front of a modern kitchen, one finger touches the touchpad" src="https://test.soziotech.org/wp-content/uploads/touchscreens/thumbs/thumbs_fotolia_20233616_subscription_xl.jpg" width="126" height="100" class="colorbox-17" />
							</a>
			<p class=wp-caption-text>Touchpad PC Shows A Cooking Website</p>
		</div>
	</div>
			
	<div id="ngg-image-683" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail wp-caption" >
			<a rel="lightbox-17" href="https://test.soziotech.org/wp-content/uploads/touchscreens/fotolia_25192269_subscription_xl.jpg" title="
			Closeup of a businessman accessing his digital tablet PC			"  >
								<img alt="Closeup of a businessman accessing his digital tablet PC" src="https://test.soziotech.org/wp-content/uploads/touchscreens/thumbs/thumbs_fotolia_25192269_subscription_xl.jpg" width="126" height="100" class="colorbox-17" />
							</a>
			<p class=wp-caption-text>Businessman with digital tablet PC</p>
		</div>
	</div>
		
	<!-- Pagination -->
 	<div class='ngg-navigation'><span class="current">1</span><a class="page-numbers" href="https://test.soziotech.org/konzeption-eines-analyserasters/?nggpage=2">2</a><a class="page-numbers" href="https://test.soziotech.org/konzeption-eines-analyserasters/?nggpage=3">3</a><a class="next" id="ngg-next-2" href="https://test.soziotech.org/konzeption-eines-analyserasters/?nggpage=2">&#9658;</a></div> 	
</div>


<p>In der dargestellten Arbeit wird nun ein Analyseraster geschaffen, mit dessen Hilfe es möglich sein soll, geeignete Multitouch-Tablets für ein konkretes Szenario zu identifizieren. Die Eigenschaften eines Gerätes sollen dabei anhand einer szenario-spezifischen Bewertungsgrundlage bewertet werden, um so schließlich eine nachvollziehbare und begründete Empfehlung für ein oder gegebenenfalls mehrere Geräte aussprechen zu können.</p>
<h2>Konzeption eines generischen Analyserasters</h2>
<p>In diesem Abschnitt werden die Gesichtspunkte angerissen, die zur Konzeption des Analyserasters notwendig sind. Dazu werden die Fragen einer allgemeinen Bewertungssituation aufgegriffen und besprochen.</p>
<h3>Aspekte einer Bewertungssituation</h3>
<p>In einer allgemeinen Bewertungssituation stellen sich die Fragen nach dem Bewertungsziel, dem Bewertungsobjekt, dem Bewertungszeitpunkt, dem Bewertungsverfahren, dem Bewertungsträger und dem Bewertungsmaßstab  <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-18" href="#note-467-18" onmouseover="tooltip.show('PIETSCH, T. (2003). Bewertung von Informations- und Kommunikationssystemen: ein Vergleich betriebswirtschaftlicher Verfahren. Berlin, Erich Schmidt.');" onmouseout="tooltip.hide();"><sup>18</sup></a>. Um das Analyseraster so simpel wie möglich zu halten, sollen diese Fragen, so weit möglich, bereits beantwortet werden. Der Durchführende hat die Aufgabe die Spezifikationen des konkreten Szenarios in das generische Analyseraster einzuarbeiten.</p>
<div class="ngg-singlepic ngg-center wp-caption">
<a rel="lightbox" href="https://test.soziotech.org/wp-content/uploads/analyseraster-multitouch-tablets/bewertungsaspekte_0.png" title="
			Grafik ist angelehnt an Thomas Pietsch: Bewertung von Informations- und Kommunikationssystemen. Erich Schmidt, Berlin, 2. Auflage, 2003.			" 

 >
	<img src="https://test.soziotech.org/wp-content/uploads/cache/282__520x_bewertungsaspekte_0.png" alt="Aspekte einer Bewertungssituation" title="Aspekte einer Bewertungssituation" />
</a>
			<p class="wp-caption-text">Aspekte einer Bewertungssituation</p>
</div>

<p>Das allumfassende Bewertungsziel wird im Analyseraster in der Szenario-Beschreibung aufgegriffen und muss hier individuell beantwortet werden. Die Frage nach dem Zeitpunkt der Durchführung des Analyserasters, sowie die nach dem Bewertungsträger stellen sich an dieser Stelle nicht. Dies sind dem Analyseraster vorgelagerte Fragen, die bereits beantwortet worden sind, wenn mit der Durchführung des Analyserasters begonnen wird. Das Bewertungsobjekt wird hier grob auf die Klasse der Multitouch-Tablets eingegrenzt. Welche Modelle konkret bewertet werden, muss jeweils beim Anwenden des Analyserasters festgelegt werden. Die komplexeren Fragen nach dem Bewertungsverfahren und dem Bewertungsmaßstab werden durch die Vorgabe eines (groben) Schemas beantwortet.</p>
<h3>Die Nutzwertanalyse als Basis für das Analyseraster</h3>
<p>Als Basis des Analyserasters dient ein Verfahren der Entscheidungstheorie, die sogenannte Nutzwertanalyse. Sie ist ein multikriterielles Verfahren  <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-19" href="#note-467-19" onmouseover="tooltip.show('ZANGEMEISTER, C. (1976). Nutzwertanalyse in der Systemtechnik: e. Methodik zur multidimensionalen Bewertung u. Auswahl von Projektalternativen. München, Wittemann.');" onmouseout="tooltip.hide();"><sup>19</sup></a>, sodass gleichzeitig mehrere unterschiedliche Aspekte berücksichtigt und bewertet werden können, was bei Szenarien, die in der Regel verschiedenartige Bewertungskriterien vorgeben, unumgänglich ist. Zudem hat sie sich früh als praxistauglich erwiesen  <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-20" href="#note-467-20" onmouseover="tooltip.show('BECHMANN, A. (1978). Nutzwertanalyse, Bewertungstheorie und Planung. Bern, P. Haupt.');" onmouseout="tooltip.hide();"><sup>20</sup></a> und kann strukturiert und nachvollziehbar durchgeführt werden. Dabei wird ein hierarchisches Zielsystem erstellt, in dem sich in der untersten Ebene die Bewertungskriterien eingliedern. Eine Zielertragsmatrix gibt an, welche konkreten Ausprägungen das jeweilige Kriterium für jede Alternative hat. In der Zielerfüllungsmatrix wird auf einer Skala angegeben, inwieweit die Ausprägung einer Eigenschaft für das Ziel von Nutzen ist. Zusammen mit einer Gewichtung jedes Kriteriums können dann die Nutzwerte berechnet werden, welche den Nutzen jeder Alternative hinsichtlich des Zielsystems angeben. Die Nutzwertanalyse darf dabei allerdings nicht als feststehendes Ablaufschema verstanden werden, da es eine allgemeingültige Schrittabfolge, die für jede Situation passt, nicht geben kann  <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-19" href="#note-467-19" onmouseover="tooltip.show('ZANGEMEISTER, C. (1976). Nutzwertanalyse in der Systemtechnik: e. Methodik zur multidimensionalen Bewertung u. Auswahl von Projektalternativen. München, Wittemann.');" onmouseout="tooltip.hide();"><sup>19</sup></a>. Aufgrund dieser Eigenschaft kann sie im Folgenden im Sinne der Zielsetzung der dargestellten Arbeit angepasst werden.</p>
<div class="ngg-singlepic ngg-center wp-caption">
<a rel="lightbox" href="https://test.soziotech.org/wp-content/uploads/analyseraster-multitouch-tablets/nutzwertanalyse.png" title="
			Phasen nach Arnim Bechmann. Nutzwertanalyse, Bewertungstheorie und Planung. Haupt, Bern, Stuttgart, 1. Auflage, 1978. ISBN 3258026947.			" 

 >
	<img src="https://test.soziotech.org/wp-content/uploads/cache/274__618x_nutzwertanalyse.png" alt="Phasen der Nutzwertanalyse" title="Phasen der Nutzwertanalyse" />
</a>
			<p class="wp-caption-text">Phasen der Nutzwertanalyse</p>
</div>

<h3>Von der Nutzwertanalyse zum Analyseraster</h3>
<p>Aufbauend auf die Nutzwertanalyse wird das Analyseraster entworfen. Jede Phasen der Nutzwertanalyse wird besprochen und an die Gegebenheiten einer Bewertungssituation von Multitouch-Tablets angepasst. Die unten stehende Abbildung zeigt die dabei entstehenden Phasen, welche wiederum teilweise aufeinander aufbauen, aber ebenfalls nicht als starres Ablaufschema verstanden werden dürfen. Der folgende Abschnitt geht näher auf die einzelnen Phasen des in der Arbeit entworfenen Analyserasters ein.</p>
<div class="ngg-singlepic ngg-center wp-caption">
<a rel="lightbox" href="https://test.soziotech.org/wp-content/uploads/analyseraster-multitouch-tablets/analyseraster.png" title="
						" 

 >
	<img src="https://test.soziotech.org/wp-content/uploads/cache/275__618x_analyseraster.png" alt="Phasen des Analyserasters" title="Phasen des Analyserasters" />
</a>
			<p class="wp-caption-text">Phasen des Analyserasters</p>
</div>

<h2>Das Analyseraster</h2>
<p>Im Folgenden werden die Bestandteile des Analyserasters dargestellt, wie sie auch in der oben stehenden Grafik zu sehen sind.</p>
<h3>Szenario-Beschreibung</h3>
<p>Die Szenario-Beschreibung dient zunächst der Beantwortung der Frage, aus welchem Grund das Analyseraster durchgeführt werden soll. Außerdem werden die verschiedenen Eigenschaften des konkreten Szenarios dargestellt. Zur besseren Strukturierung werden diese in die Kategorien Ort/Lage, Nutzergruppe und Nutzungskontext eingeteilt <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-21" href="#note-467-21" onmouseover="tooltip.show('Einteilung der Kategorien nach: STEWART, J. (2005). Context Perspectives for Scenarios and Research Development in Mobile Systems. In Mobile World, Computer Supported Cooperative Work, Pages 161-194. Springer London.');" onmouseout="tooltip.hide();"><sup>21</sup></a>, sodass die Gefahr gemindert wird, wichtige Szenario-Eigenschaften zu übersehen. Die Grafik zeigt mögliche Merkmale eines Szenarios <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-22" href="#note-467-22" onmouseover="tooltip.show('Merkmale aus: DE SÁ, M., &amp; CARRICO, L. (2008). Defining scenarios for mobile design and evaluation. In CHI’08 Extended Abstracts on Human Factors in Computing Systems, Pages 2847-2852, New York, New York, USA.');" onmouseout="tooltip.hide();"><sup>22</sup></a>, die je nach Notwendigkeit erweitert werden können. Die Feststellung der Szenario-Eigenschaften soll auch eine Überleitung zu den Aggregaten darstellen, um eine Grundlage für deren Auswahl zu schaffen.</p>
<div class="ngg-singlepic ngg-center wp-caption">
<a rel="lightbox" href="https://test.soziotech.org/wp-content/uploads/analyseraster-multitouch-tablets/szenarioeigenschaften.png" title="
						" 

 >
	<img src="https://test.soziotech.org/wp-content/uploads/cache/276__580x_szenarioeigenschaften.png" alt="Szenario-Eigenschaften" title="Szenario-Eigenschaften" />
</a>
			<p class="wp-caption-text">Szenario-Eigenschaften</p>
</div>

<h3>Aggregate</h3>
<p>Aggregate sind in diesem Kontext eine Zusammenfassung von Kriterien zu abstrakteren Kriterien <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-23" href="#note-467-23" onmouseover="tooltip.show('SCHOLLES, F. (2006). Die Nutzwertanalyse und ihre Weiterentwicklung. URL http://www.laum.uni-hannover.de/ilr/lehre/Ptm/Ptm_BewNwa.htm. Retrieved: 29.11.2010.');" onmouseout="tooltip.hide();"><sup>23</sup></a>. Die Geräte-Eigenschaften sind hier also zu sinnvollen Gruppen zusammengefasst, welche als Aggregate bezeichnet werden. Bei konkreter Anwendung des Analyserasters kann so von den festgestellten Szenario-Eigenschaften zunächst auf die Aggregate geschlossen werden. Dies soll es dem Anwender erleichtern vom Szenario auf die letztlich zu bewertenden Kriterien zu schließen und kann als Zwischenschritt angesehen werden. Aggregate können darüber hinaus auch bei der späteren Gewichtung der Kriterien eine Rolle spielen. Um eine Hilfestellung für die Auswahl von passenden Aggregaten zu geben, zeigt die unten stehende Grafik eine Auswahl an möglichen Aggregaten. Diese kann individuell erweitert werden.</p>
<div class="ngg-singlepic ngg-center wp-caption">
<a rel="lightbox" href="https://test.soziotech.org/wp-content/uploads/analyseraster-multitouch-tablets/aggregate.png" title="
						" 

 >
	<img src="https://test.soziotech.org/wp-content/uploads/cache/277__520x_aggregate.png" alt="Mögliche Aggregate" title="Mögliche Aggregate" />
</a>
			<p class="wp-caption-text">Mögliche Aggregate</p>
</div>

<h3>Zu bewertende Kriterien</h3>
<p>Theoretisch ließen sich bereits die festgelegten Aggregate bewerten, was in den meisten Fällen aber wohl zu grobkörnig wäre. Daher wird im Folgenden ein Überblick über die allgemeinen Eigenschaften und Merkmale von Multitouch-Tablets gegeben. Je nach Szenario können die Eigenschaftsausprägungen eines Gerätes zur Eignung beitragen. Die Abbildung zeigt exemplarisch eine kleine Auswahl an Eigenschaften von Multitouch-Tablets. Diese wurden direkt den Aggregaten zugeordnet, um das Schließen von Aggregaten auf Eigenschaften zu vereinfachen. Eigenschaften können dabei mehreren Aggregaten zugeordnet sein. Zu beachten ist, dass auch die in der Arbeit dargestellte Charakteristik von Multitouch-Tablets nicht als vollständig angesehen werden darf und weitere Eigenschaften eingepflegt werden können. Auch die Zuordnung von Eigenschaften zu Aggregaten sollte nicht als feststehend angenommen werden, sondern je nach Szenario an die eigenen Bedürfnisse angepasst werden. Weiterhin lässt sich der Detailgrad vieler Kriterien noch erhöhen. Dies muss ebenfalls bei Bedarf für ein gegebenes Szenario geschehen.</p>
<div class="ngg-singlepic ngg-center wp-caption">
<a rel="lightbox" href="https://test.soziotech.org/wp-content/uploads/analyseraster-multitouch-tablets/geraeteeigenschaften.png" title="
						" 

 >
	<img src="https://test.soziotech.org/wp-content/uploads/cache/278__618x_geraeteeigenschaften.png" alt="Auswahl an Aggregaten mit zugeordneten Geräte-Eigenschaften" title="Auswahl an Aggregaten mit zugeordneten Geräte-Eigenschaften" />
</a>
			<p class="wp-caption-text">Auswahl an Aggregaten mit zugeordneten Geräte-Eigenschaften</p>
</div>

<h3>Gewichtung</h3>
<p>Die Gewichtung von Kriterien ist von entscheidender Bedeutung, insbesondere bei Vorhandensein von Kriterien, die in Konflikt zueinander stehen <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-24" href="#note-467-24" onmouseover="tooltip.show('YEH, C.-H., WILLIS, R. J., DENG, H., &amp; PAN, H. (1999). Task oriented weighting in multi-criteria analysis.European Journal of Operational Research. 119, 130.');" onmouseout="tooltip.hide();"><sup>24</sup></a>. Dabei sind mehrere Verfahren für den Gewichtungsprozess möglich. In der Rregel wird bei allen Verfahren von 100 zu verteilenden Gewichtungspunkten ausgegangen <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-25" href="#note-467-25" onmouseover="tooltip.show('SCHIERENBECK, H. (2000). Grundzüge der Betriebswirtschaftslehre [Hauptbd.]. München, Oldenbourg');" onmouseout="tooltip.hide();"><sup>25</sup></a>  <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-20" href="#note-467-20" onmouseover="tooltip.show('BECHMANN, A. (1978). Nutzwertanalyse, Bewertungstheorie und Planung. Bern, P. Haupt.');" onmouseout="tooltip.hide();"><sup>20</sup></a>, sodass die relative Relevanz jedes Kriteriums anhand der ihm zugeteilten Gewichtspunkte abgelesen werden kantn. Die Kriteriengewichtung ist ein komplexer Vorgang, sodass hier oftmals Fehler entstehen, die sich auf das Ergebnis eines Bewertungsprozesses auswirken <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-26" href="#note-467-26" onmouseover="tooltip.show('YEH, C.-H., WILLIS, R. J., DENG, H., &amp; PAN, H. (1999). Task oriented weighting in multi-criteria analysis. European Journal of Operational Research. 119, 130.');" onmouseout="tooltip.hide();"><sup>26</sup></a>. Daher wird hier die Präferenzmatrix-Methode für diesen Prozess vorgeschlagen <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-27" href="#note-467-27" onmouseover="tooltip.show('Die Methode dem folgenden Werk entsprechend dargestellt: SCHIERENBECK, H. (2000). Grundzüge der Betriebswirtschaftslehre [Hauptbd.]. München, Oldenbourg.');" onmouseout="tooltip.hide();"><sup>27</sup></a>. Dabei wird jedes Kriterium paarweise mit den anderen verglichen und in einer Matrix vermerkt, welches Kriterium das relevantere in Hinsicht der Zielsetzung des Bewertungsvorganges ist. Anhand der Matrix lässt sich dann für jedes Kriterium das jeweilige Gewicht errechnen. Bei sehr vielen Kriterien ist es auch denkbar, schrittweise zunächst die Gewichtung der Aggregate zu bestimmen (Grobgewichtung), daraufhin die Gewichtung der Kriterien innerhalb jedes Aggregates (Feingewichtung) und daraus die Gewichtung jedes Kriteriums zu berechnen (Gesamtgewichtung des jeweiligen Kriteriums). Die Abbildung zeigt ein examplarisch durchgeführtes Gewichtungsverfahren mit Hilfe einer Präferenzmatrix. Dabei werden einem höher bewerteten Kriterium zwei Punkte, einem niedriger bewerteten Kriterium null Punkte zugeordnet. Gleichwertige Kriterien bekommen einen Punkt. Anhand der Nennungen eines Kriteriums wird dann sein Gewicht errechnet.</p>
<div class="ngg-singlepic ngg-center wp-caption">
<a rel="lightbox" href="https://test.soziotech.org/wp-content/uploads/analyseraster-multitouch-tablets/gewichtung.png" title="
						" 

 >
	<img src="https://test.soziotech.org/wp-content/uploads/cache/279__400x_gewichtung.png" alt="Exemplarische Darstellung des Präferenzmatrix-Verfahrens" title="Exemplarische Darstellung des Präferenzmatrix-Verfahrens" />
</a>
			<p class="wp-caption-text">Exemplarische Darstellung des Präferenzmatrix-Verfahrens</p>
</div>

<h3>Bewertungsgrundlage</h3>
<p>In einem weiteren Schritt ist festzulegen, anhand welcher Bewertungsgrundlage die Kriterien bewertet werden sollen. Für das Analyseraster wird eine dreistufige Skala mit den Zielwerten 0 („schlecht“), 1 („zufriedenstellend“) und 2 („gut“) gewählt. Diese Auswahl wird getroffen, um die Komplexität des Bewertungsvorganges nicht weiter zu erhöhen. Eine noch feinere Unterteilung würde den Anwender vor die Herausforderung stellen, Eigenschaftsausprägungen sehr fein skalieren zu müssen. Für jedes zu bewertende Kriterium muss nun geklärt werden, welche Eigenschaftsausprägungen welchen Zielwert erhalten. Dies wird anhand der möglichen Ausprägungen und der Szenario-Eigenschaften beziehungsweise den Aggregaten ermittelt. Ist in einem Szenario beispielsweise das Aggregat Ergonomie von Bedeutung und soll infolgedessen die Gerätegröße bewertet werden, so kann aus Gründen der Handhabung einem große Gerät eine höhere Punktzahl zugeordnet werden als einem kleinen Gerät. Ist dagegen das Aggregat Mobilität festgelegt worden und es soll daraufhin ebenfalls die Geräte-Größe bewertet werden, so wird eher dem kleinen Gerät eine höher Punktzahl zugeordnet. Dieses Beispiel zeigt auch, dass das selbe Kriterium mehrfach im Bewertungsprozess vorkommen kann (hier: wenn die Geräte-Größe in Hinsicht Ergonomie \underline{und} Mobilität bewertet werden soll). In solch einem Fall kommt insbesondere die Gewichtung zum tragen.</p>
<div class="ngg-singlepic ngg-center wp-caption">
<a rel="lightbox" href="https://test.soziotech.org/wp-content/uploads/analyseraster-multitouch-tablets/bewertungsgrundlage.png" title="
						" 

 >
	<img src="https://test.soziotech.org/wp-content/uploads/cache/280__618x_bewertungsgrundlage.png" alt="Beispiel für eine Bewertungsgrundlage in tabellarischer Form" title="Beispiel für eine Bewertungsgrundlage in tabellarischer Form" />
</a>
			<p class="wp-caption-text">Beispiel für eine Bewertungsgrundlage in tabellarischer Form</p>
</div>

<h3>Ermittlung der Alternativen</h3>
<p>Die Alternativen sind in einem Entscheidungsprozess oftmals vorgegeben <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-28" href="#note-467-28" onmouseover="tooltip.show('NITZSCH, R. V. (2006). Entscheidungslehre. Aachen, Verlagshaus Mainz GmbH.');" onmouseout="tooltip.hide();"><sup>28</sup></a>, wie es zum Beispiel bei Standort- oder Produktalternativen der Fall ist. Da hier letzteres zutrifft, kann davon ausgegangen werden, dass die Alternativenfindung für das Analyseraster zunächst nur die Frage nach der Verfügbarkeit von Geräten bedarf. Dazu sollte eine aktuelle Marktübersicht genügen. Kommen dabei zu viele Geräte zur Bewertung in Frage ist es möglich an dieser Stelle Anspruchniveaus zu definieren, welches eine Grenze der Ausprägung für ein ausgewähltes Kriterium festlegt <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-28" href="#note-467-28" onmouseover="tooltip.show('NITZSCH, R. V. (2006). Entscheidungslehre. Aachen, Verlagshaus Mainz GmbH.');" onmouseout="tooltip.hide();"><sup>28</sup></a>. Eine Gerät wird dann nicht weiter betrachtet, wenn seine Merkmalsausprägung diese gesetzte Grenze nicht über- beziehungsweise unterschreitet. Sind weiterhin zu viele Geräte zu bewerten, kann die Grenze restriktiver gesetzt werden oder es werden weitere Anspruchniveaus für weitere Kriterien festgelegt.</p>
<h3>Berechnung der Nutzwerte</h3>
<p>Nun können die Nutzwerte der Geräte anhand ihrer Eigenschaftsausprägungen und deren Zuordnung zur Bewertungsgrundlage errechnet werden. Dazu werden für jedes Gerät separat die erhalten erhaltenen Punkte für ein jeweiliges Kriterium mit der Gewichtung für das Kriterium multipliziert und anschließend diese Teilnutzwerte zum Gesamtnutzwert addiert. Die Alternative mit dem höchsten Gesamtnutzwert kann als die optimale Alternative betrachtet werden <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-29" href="#note-467-29" onmouseover="tooltip.show('INGERFELD, M. (2006). Technologieerwerb Alternativen &#8211; Ziele &#8211; Entscheidungsverfahren. Erlangen, Nürnberg, Univ., Diss., 2006.');" onmouseout="tooltip.hide();"><sup>29</sup></a>. Zur besseren Darstellung, können die Geräte anhand ihrer Nutzwerte noch in einer Rangordnung dargestellt werden. Abbildung zeigt eine exemplarische Berechnung von Nutzwerten. Die Punktwerte wurden anhand einer (fiktiven) Bewertungsgrundlage vergeben.</p>
<div class="ngg-singlepic ngg-center wp-caption">
<a rel="lightbox" href="https://test.soziotech.org/wp-content/uploads/analyseraster-multitouch-tablets/nutzwerte.png" title="
						" 

 >
	<img src="https://test.soziotech.org/wp-content/uploads/cache/281__590x_nutzwerte.png" alt="Exemplarische Berechnung von Nutzwerten" title="Exemplarische Berechnung von Nutzwerten" />
</a>
			<p class="wp-caption-text">Exemplarische Berechnung von Nutzwerten</p>
</div>

<h2>Schwachpunkte</h2>
<p>Die Schwachpunkte des dargestellten Analyserasters lassen sich auf die Schwachpunkte der Nutzwertanalyse zurückführen. So baut der Bewertungsvorgang oftmals auf vorher gemachte Annahmen und Folgerungen auf, die immer auf der Interpretation des Durchführenden beruhen. Dementsprechend ist die letztlich gemachte Bewertung subjektiv <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-18" href="#note-467-18" onmouseover="tooltip.show('PIETSCH, T. (2003). Bewertung von Informations- und Kommunikationssystemen: ein Vergleich betriebswirtschaftlicher Verfahren. Berlin, Erich Schmidt.');" onmouseout="tooltip.hide();"><sup>18</sup></a>, was das Einschätzen der Qualität schwierig gestaltet. Indem man allerdings die Forderung nach Begründbarkeit stellt und so jede Annahme und Entscheidung nachvollziehbar rechtfertigt, kann die vorgeworfene Subjektivität gemindert werden <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-20" href="#note-467-20" onmouseover="tooltip.show('BECHMANN, A. (1978). Nutzwertanalyse, Bewertungstheorie und Planung. Bern, P. Haupt.');" onmouseout="tooltip.hide();"><sup>20</sup></a>. Ein weiteres Problem kann die Interpretation des Gesamtergebnisses sein. Die Ergebnisse sind nur als relativ zueinander anzusehen, da sie aus Vergleichen entstanden sind <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-30" href="#note-467-30" onmouseover="tooltip.show('NIKLAS, C. &amp; BUCHER, J. (2004). NWA &#8211; Nutzwertanalyse als Entscheidungshilfe mit Beispielen. URL http://community.easymind.info/page-76.htm. Retrieved: 04.11.2010.');" onmouseout="tooltip.hide();"><sup>30</sup></a>. Es lässt sich daher nicht unbedingt eine Aussage darüber treffen, wie gut ein Gerät zu einem Szenario passt. Bestehen Zweifel an den Ergebnissen eines durchgeführten Analyserasters, so kann eine Anwendung der sogenannten Sensibilitätsanalyse sinnvoll sein <a class="simple-footnote" title="Klicken Sie, um zur Fußnote zu springen oder Links in der Fußnote zu folgen." id="return-note-467-29" href="#note-467-29" onmouseover="tooltip.show('INGERFELD, M. (2006). Technologieerwerb Alternativen &#8211; Ziele &#8211; Entscheidungsverfahren. Erlangen, Nürnberg, Univ., Diss., 2006.');" onmouseout="tooltip.hide();"><sup>29</sup></a>, bei der geprüft wird, wie sich Variationen von Annahmen auf das Gesamtergebnis auswirken.</p>
<h2>Zusammenfassung &amp; Ausblick</h2>
<p>In der dargestellten Arbeit wird ein Analyseraster zur Durchführung einer einfachen und nachvollziehbaren Bewertung verschiedener Geräte-Alternativen für Szenarien konzipiert und besprochen. Für die zu untersuchenden Multitouch-Tablets werden dabei hinsichtlich der Szenario-Merkmale Kriterien gewählt, der Ausprägung für jedes Gerät überprüft wird. Die Geräte können anhand entsprechend erhaltener Punktwerte in eine Rangfolge gebracht werden. Diese trifft eine Aussage darüber, welches der Geräte am geeignetsten für ein Szenario ist und hilft so bei der Auswahl eines entsprechenden Geräte-Modells.</p>
<p>Das Ergebnis kann als richtungweisend, nicht aber als über alle Zweifel erhaben angesehen werden. Da das Analyseraster eher auf dem Papier stattfindet und wohl auch selten alle zu bewertenden Geräte zum Testen zur Verfügung stehen, liegt der Schwerpunkt auf einem der Anschaffung vorausgehenden Bewertungsprozess. Vor Erwerb einer unter Umständen größeren Stückzahl an Geräten, sollte das jeweilige Modell auf Praxistauglichkeit geprüft werden.</p>
<p>Für einen mathematisch berechenbaren Bewertungsprozess ist das Analyseraster nicht geeignet. Um dies zu gewährleisten, hätte als Basis zum Beispiel der Analytische Hierarchieprozess (AHP) gewählt werden müssen, der mathematisch deutlich fundierter ist. Denkbar wäre, beide Verfahren, Nutzwertanalyse und Analytischer Hierarchieprozess, als Basis zu kombinieren und so die Stärken beider Verfahren im Analyseraster zu vereinen. Allerdings ist dabei zu beachten, dass ein höherer Anteil der Schematisierung in diesem Fall deutlich zu Lasten der Verständlichkeit geht und weniger Freiheiten lässt. Das kann je nach Anwendung natürlich gewünscht sein. Eine solche Anpassung könnte Teil zukünftiger Arbeiten sein.</p>
<p>In Hinsicht auf die Zukunftstauglichkeit des Analyserasters kann festgestellt werden, dass diese durchaus sichergestellt ist. Zunächst ist sie gerade nicht auf ein konkretes Szenario festgelegt und kann auf beliebige, auch zukünftige, Szenarien angewendet werden. Auch die durch die fortlaufende Entwicklung neu hinzukommenden Geräte-Eigenschaften können problemlos in das Analyseraster eingepflegt werden, während die Struktur des Analyserasters selbst nicht verändert werden muss.</p>
<h2>Danksagung</h2>
<p>Dieser Beitrag steht im Zusammenhang mit dem Forschungsprojekt SI-Screen, das mit Mitteln des Bundesministeriums für Bildung, und Forschung (Förderkennzeichen 16SV3982), sowie durch das Europäische <a href="https://test.soziotech.org/glossar/aal-2/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für AAL zu springen." onmouseover="tooltip.show('Ambient Assisted Living bzw. umgebungsunterstütztes Leben umfasst Methoden, Konzepte, (elektronische) Systeme, Produkte sowie Dienstleistungen, welche das alltägliche Leben älterer und auch benachteiligter Menschen situationsabhängig und unaufdringlich unterstützen.');" onmouseout="tooltip.hide();">AAL</a> Joint Programm (AAL-2009-2-088) gefördert wird. Das Vorhaben wird von der innovationsmanufaktur GmbH (ehemals SportKreativWerkstatt GmbH) koordiniert und gemeinsam mit der Universität der Bundeswehr München realisiert. Weiterführende Informationen sind verfügbar unter <a href="http://www.si-screen.eu" title="SI-Screen" target="_blank" class="link-external broken_link">http://www.si-screen.eu</a>.</p>
<p><code> </code></p><img src="https://analytics.flottmedia.com/piwik/piwik.php?idsite=2&amp;rec=1&amp;url=https%3A%2F%2Ftest.soziotech.org%2Fkonzeption-eines-analyserasters%2F&amp;action_name=Konzeption+eines+Analyserasters+f%C3%BCr+die+szenario-spezifische+Eignungsfeststellung+von+Multitouch-Tablets&amp;urlref=http%3A%2F%2Ffeeds.feedburner.com%2Fsoziotech" style="border:0;width:0;height:0" width="0" height="0" alt="" /><div class="simple-footnotes"><h2 class="notes">Quellen und Fußnoten:</h2><ol><li id="note-467-1">TULLY, J., FEN, J., &amp; BARBER, J. (2010). Cool Vendors in Multitouch User Interface, 2010. Gartner, Inc. <a class="simple-footnote-backlink" href="#return-note-467-1">&#8617;</a></li><li id="note-467-2">Projekt-Homepage: <a href="http://www.si-screen.eu/" target="_blank" class="link-external broken_link">http://www.si-screen.eu/</a> <a class="simple-footnote-backlink" href="#return-note-467-2">&#8617;</a></li><li id="note-467-3">Bildquelle: <a class="link-external" href="http://www.rocketfishproducts.com/products/computers/RF-ICAP12.html" title="Go to external Source" >http://www.rocketfishproducts.com/products/computers/RF-ICAP12.html</a>. <a class="simple-footnote-backlink" href="#return-note-467-3">&#8617;</a></li><li id="note-467-4">Bildquelle: <a class="link-external" href="http://www.engadget.com/2011/01/27/alphyn-industry-jackets-play-ipad-close-to-the-chest-stick-smar/" title="Go to external Source" >http://www.engadget.com/2011/01/27/alphyn-industry-jackets-play-ipad-close-to-the-chest-stick-smar/</a>. <a class="simple-footnote-backlink" href="#return-note-467-4">&#8617;</a></li><li id="note-467-5">Bildquelle: <a class="link-external" href="http://www.engadget.com/2011/02/02/touchtype-debuts-swiftkey-tablet-app-for-android-tablets/" title="Go to external Source" >http://www.engadget.com/2011/02/02/touchtype-debuts-swiftkey-tablet-app-for-android-tablets/</a>. <a class="simple-footnote-backlink" href="#return-note-467-5">&#8617;</a></li><li id="note-467-6">Bildquelle: <a class="link-external" href="http://www.android.com/" title="Go to external Source" >http://www.android.com/</a>. <a class="simple-footnote-backlink" href="#return-note-467-6">&#8617;</a></li><li id="note-467-7">Bildquelle: <a class="link-external" href="http://www.wired.com/gadgetlab/2011/01/fingers-on-with-the-chunky-alupen-ipad-stylus/" title="Go to external Source" >http://www.wired.com/gadgetlab/2011/01/fingers-on-with-the-chunky-alupen-ipad-stylus/</a>. <a class="simple-footnote-backlink" href="#return-note-467-7">&#8617;</a></li><li id="note-467-8">Bildquelle: <a class="link-external" href="http://www.engadget.com/2010/12/21/clamcase-ipad-keyboard-case-stand-now-on-sale-ships-january-2/" title="Go to external Source" >http://www.engadget.com/2010/12/21/clamcase-ipad-keyboard-case-stand-now-on-sale-ships-january-2/</a>. <a class="simple-footnote-backlink" href="#return-note-467-8">&#8617;</a></li><li id="note-467-9">Bildquelle: <a class="link-external" href="http://it-tech.org/concept-compenion-laptop/" title="Go to external Source" >http://it-tech.org/concept-compenion-laptop/</a>. <a class="simple-footnote-backlink" href="#return-note-467-9">&#8617;</a></li><li id="note-467-10">Bildquelle: <a class="link-external" href="http://blog.nielsen.com/nielsenwire/?p=27702" title="Go to external Source" >http://blog.nielsen.com/nielsenwire/?p=27702</a>. <a class="simple-footnote-backlink" href="#return-note-467-10">&#8617;</a></li><li id="note-467-11">Bildquelle: <a class="link-external" href="http://www.asus.de/Eee/Eee_Pad/Eee_Pad_Transformer_TF101/" title="Go to external Source" >http://www.asus.de/Eee/Eee_Pad/Eee_Pad_Transformer_TF101/</a>. <a class="simple-footnote-backlink" href="#return-note-467-11">&#8617;</a></li><li id="note-467-12">Bildquelle: <a class="link-external" href="http://www.si-screen.eu" title="Go to external Source" >http://www.si-screen.eu</a>. <a class="simple-footnote-backlink" href="#return-note-467-12">&#8617;</a></li><li id="note-467-13">Bildquelle: <a class="link-external" href="http://www.engadget.com/2010/12/22/elliptic-labs-set-to-save-your-ipad-from-smudges-with-3d-gesture/" title="Go to external Source" >http://www.engadget.com/2010/12/22/elliptic-labs-set-to-save-your-ipad-from-smudges-with-3d-gesture/</a>. <a class="simple-footnote-backlink" href="#return-note-467-13">&#8617;</a></li><li id="note-467-14">Bildquelle: <a class="link-external" href="http://www.engadget.com/2011/01/13/evigroup-paddle-pros-steamy-demo-gives-you-head-tracking-hot-f/" title="Go to external Source" >http://www.engadget.com/2011/01/13/evigroup-paddle-pros-steamy-demo-gives-you-head-tracking-hot-f/</a>. <a class="simple-footnote-backlink" href="#return-note-467-14">&#8617;</a></li><li id="note-467-15">Bildquelle: <a class="link-external" href="http://www.engadget.com/2010/06/08/eyesights-hand-waving-gesture-based-ui-now-available-for-andro/" title="Go to external Source" >http://www.engadget.com/2010/06/08/eyesights-hand-waving-gesture-based-ui-now-available-for-andro/</a>. <a class="simple-footnote-backlink" href="#return-note-467-15">&#8617;</a></li><li id="note-467-16">Bildquelle: <a class="link-external" href="http://www.engadget.com/2011/01/07/fling-ipad-joystick-thumbs-on/" title="Go to external Source" >http://www.engadget.com/2011/01/07/fling-ipad-joystick-thumbs-on/</a>. <a class="simple-footnote-backlink" href="#return-note-467-16">&#8617;</a></li><li id="note-467-17">Bildquelle: <a class="link-external" href="http://www.geeknews.eu/2011/04/04/htc-flyer-spater-mit-honeycomb-update/" title="Go to external Source" >http://www.geeknews.eu/2011/04/04/htc-flyer-spater-mit-honeycomb-update/</a>. <a class="simple-footnote-backlink" href="#return-note-467-17">&#8617;</a></li><li id="note-467-18">PIETSCH, T. (2003). <em>Bewertung von Informations- und Kommunikationssystemen: ein Vergleich betriebswirtschaftlicher Verfahren</em>. Berlin, Erich Schmidt. <a class="simple-footnote-backlink" href="#return-note-467-18">&#8617;</a></li><li id="note-467-19">ZANGEMEISTER, C. (1976). Nutzwertanalyse in der Systemtechnik: e. Methodik zur multidimensionalen Bewertung u. Auswahl von Projektalternativen. München, Wittemann. <a class="simple-footnote-backlink" href="#return-note-467-19">&#8617;</a></li><li id="note-467-20">BECHMANN, A. (1978). <em>Nutzwertanalyse, Bewertungstheorie und Planung</em>. Bern, P. Haupt. <a class="simple-footnote-backlink" href="#return-note-467-20">&#8617;</a></li><li id="note-467-21">Einteilung der Kategorien nach: STEWART, J. (2005). Context Perspectives for Scenarios and Research Development in Mobile Systems. In Mobile World, Computer Supported Cooperative Work, Pages 161-194. Springer London. <a class="simple-footnote-backlink" href="#return-note-467-21">&#8617;</a></li><li id="note-467-22">Merkmale aus: DE SÁ, M., &amp; CARRICO, L. (2008). Defining scenarios for mobile design and evaluation. In CHI’08 Extended Abstracts on Human Factors in Computing Systems, Pages 2847-2852, New York, New York, USA. <a class="simple-footnote-backlink" href="#return-note-467-22">&#8617;</a></li><li id="note-467-23">SCHOLLES, F. (2006). Die Nutzwertanalyse und ihre Weiterentwicklung. <a href="https://test.soziotech.org/glossar/url/" class="glossaryLink" title="Klicken Sie, um zum detaillierten Glossareintrag für URL zu springen." onmouseover="tooltip.show('Unter URLs (Uniform Resource Locator) versteht man eindeutige menschenlesbare Adressen, die Inhalte wie beispielsweise Webseiten im Internet identifizieren und dadurch zugreifbar machen. URLs werden meist als Internetadressen bezeichnet. ');" onmouseout="tooltip.hide();">URL</a> <a href="http://www.laum.uni-hannover.de/ilr/lehre/Ptm/Ptm_BewNwa.htm" target="_blank" class="link-external broken_link">http://www.laum.uni-hannover.de/ilr/lehre/Ptm/Ptm_BewNwa.htm</a>. Retrieved: 29.11.2010. <a class="simple-footnote-backlink" href="#return-note-467-23">&#8617;</a></li><li id="note-467-24">YEH, C.-H., WILLIS, R. J., DENG, H., &amp; PAN, H. (1999). Task oriented weighting in multi-criteria analysis.<em>European Journal of Operational Research. </em>119, 130. <a class="simple-footnote-backlink" href="#return-note-467-24">&#8617;</a></li><li id="note-467-25">SCHIERENBECK, H. (2000). Grundzüge der Betriebswirtschaftslehre [Hauptbd.]. München, Oldenbourg <a class="simple-footnote-backlink" href="#return-note-467-25">&#8617;</a></li><li id="note-467-26">YEH, C.-H., WILLIS, R. J., DENG, H., &amp; PAN, H. (1999). Task oriented weighting in multi-criteria analysis. <em>European Journal of Operational Research. </em>119, 130. <a class="simple-footnote-backlink" href="#return-note-467-26">&#8617;</a></li><li id="note-467-27">Die Methode dem folgenden Werk entsprechend dargestellt: SCHIERENBECK, H. (2000). Grundzüge der Betriebswirtschaftslehre [Hauptbd.]. München, Oldenbourg. <a class="simple-footnote-backlink" href="#return-note-467-27">&#8617;</a></li><li id="note-467-28">NITZSCH, R. V. (2006). Entscheidungslehre. Aachen, Verlagshaus Mainz GmbH. <a class="simple-footnote-backlink" href="#return-note-467-28">&#8617;</a></li><li id="note-467-29">INGERFELD, M. (2006). Technologieerwerb Alternativen &#8211; Ziele &#8211; Entscheidungsverfahren. Erlangen, Nürnberg, Univ., Diss., 2006. <a class="simple-footnote-backlink" href="#return-note-467-29">&#8617;</a></li><li id="note-467-30">NIKLAS, C. &amp; BUCHER, J. (2004). NWA &#8211; Nutzwertanalyse als Entscheidungshilfe mit Beispielen. URL <a href="http://community.easymind.info/page-76.htm" target="_blank" class="link-external">http://community.easymind.info/page-76.htm</a>. Retrieved: 04.11.2010. <a class="simple-footnote-backlink" href="#return-note-467-30">&#8617;</a></li></ol></div><div class='yarpp-related-rss'>
<h3>Verwandte Artikel:</h3><ol>
<li><a href="https://test.soziotech.org/technik-state-of-the-art-aussergewoehnliche-geraeteformen/" rel="bookmark" title="Technik State-of-the-Art: Außergewöhnliche Geräteformen">Technik State-of-the-Art: Außergewöhnliche Geräteformen </a></li>
<li><a href="https://test.soziotech.org/technik-state-of-the-art-neuartige-eingabearten/" rel="bookmark" title="Technik State-of-the-Art: Neuartige Eingabearten">Technik State-of-the-Art: Neuartige Eingabearten </a></li>
<li><a href="https://test.soziotech.org/technik-state-of-the-art-alternative-verwendungsmoeglichkeiten/" rel="bookmark" title="Technik State-of-the-Art: Alternative Verwendungsmöglichkeiten">Technik State-of-the-Art: Alternative Verwendungsmöglichkeiten </a></li>
</ol>
</div>
]]></content:encoded>
			<wfw:commentRss>https://test.soziotech.org/konzeption-eines-analyserasters/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
