<?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>Beiträge von Johannes Schick - Mobile USTP MKL</title>
	<atom:link href="https://mobile.fhstp.ac.at/author/dm171566/feed/" rel="self" type="application/rss+xml" />
	<link>https://mobile.fhstp.ac.at/author/dm171566/</link>
	<description>Die &#34;Mobile Forschungsgruppe&#34; der USTP, sie  sammelt hier alles zu den Themen Design, UX und Entwicklung mobiler Applikationen</description>
	<lastBuildDate>Tue, 18 Sep 2018 05:41:44 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://mobile.fhstp.ac.at/wp-content/uploads/2025/03/icon-120x120.webp</url>
	<title>Beiträge von Johannes Schick - Mobile USTP MKL</title>
	<link>https://mobile.fhstp.ac.at/author/dm171566/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Google&#8217;s Activity Recognition API</title>
		<link>https://mobile.fhstp.ac.at/development/googles-activity-recognition-api/</link>
		
		<dc:creator><![CDATA[Johannes Schick]]></dc:creator>
		<pubDate>Tue, 18 Sep 2018 05:41:44 +0000</pubDate>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Native Development]]></category>
		<guid isPermaLink="false">https://akirchknopf-21110.php.fhstp.cc/?p=7962</guid>

					<description><![CDATA[<p>Je mehr eine App über das wechselnde Umfeld des Users weiß, desto besser kann sie sich an den aktuellen Kontext des Nutzers anpassen. Egal ob die App den Standort des Nutzers erkennt und diese Informationen auf einer Karte anzeigt oder Hardware-Sensoren verwendet, um auf Änderungen der Lichtstärke oder der Nähe zum Benutzer zu reagieren, es <a class="read-more" href="https://mobile.fhstp.ac.at/development/googles-activity-recognition-api/">[...]</a></p>
<p>The post <a href="https://mobile.fhstp.ac.at/development/googles-activity-recognition-api/">Google&#8217;s Activity Recognition API</a> appeared first on <a href="https://mobile.fhstp.ac.at">Mobile USTP MKL</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Je mehr eine App über das wechselnde Umfeld des Users weiß, desto besser kann sie sich an den aktuellen Kontext des Nutzers anpassen. Egal ob die App den Standort des Nutzers erkennt und diese Informationen auf einer Karte anzeigt oder Hardware-Sensoren verwendet, um auf Änderungen der Lichtstärke oder der Nähe zum Benutzer zu reagieren, es gibt eine große Auswahl an kontextbezogenen Informationen, auf die zugegriffen werden kann und eine bessere User Experience ermöglichen.</p>
<p>Die Activity Recognition API ist eine Möglichkeit, Apps kontextbezogenes Bewusstsein zu verleihen, indem sie erkennen, ob der User beispielsweise gerade läuft, läuft, Fahrrad fährt, in einem Auto reist oder eine andere körperlichere Aktivität ausführt.</p>
<p>Diese Informationen sind für viele Fitnessanwendungen unverzichtbar, jedoch nicht nur im Bereich &#8220;Gesundheit &amp; Fitness&#8221;.  Man kann diese Informationen in einer Vielzahl von Anwendungen verwenden.</p>
<h3>Was ist die Activity Recognition API?</h3>
<p>Die Activity Recognition API ist eine Google Schnittstelle, welche das Gerät regelmäßig aufweckt, Daten aus den Sensoren des Geräts ausliest und diese Daten dann mit leistungsfähigen Machine Learning Methoden analysiert.</p>
<p>Die Aktivitätserkennung ist keine exakte Wissenschaft. Anstatt eine einzelne Aktivität zurückzugeben, die der Benutzer <strong>definitiv</strong> ausführt, gibt die Activity Recognition API eine Liste von Aktivitäten zurück, die der Benutzer <strong>möglicherweise</strong> ausführt, mit einer prozentuellen Sicherheit für jede Aktivität. Diese prozentuelle Sicherheit ist immer eine Integer zwischen 0 und 100. Wenn eine Aktivität mit einer prozentuellen Sicherheit von 75% oder höher eingestuft wird, kann im Allgemeinen davon ausgegangen werden, dass der Benutzer diese Aktivität ausführt.</p>
<p>Die Activity Recognition API kann die folgenden Aktivitäten erkennen:</p>
<ul>
<li><strong>IN_VEHICLE</strong>: Das Gerät befindet sich in einem Fahrzeug, beispielsweise einem Auto oder einem Bus. Der Benutzer kann derjenige hinter dem Lenkrad sein oder der Beifahrer sein.</li>
<li><strong>ON_BICYLE</strong>: Das Gerät befindet sich auf einem Fahrrad.</li>
<li><strong>ON_FOOT</strong>: Das Gerät wird von jemandem getragen, der gerade geht <em>oder</em> läuft.</li>
<li><strong>WALKING</strong>: Das Gerät wird von jemandem getragen, der gerade geht.</li>
<li><strong>RUNNING</strong>: Das Gerät wird von jemandem getragen, der gerade läuft.</li>
<li><strong>TILTING</strong>: Der Winkel des Gerätes hat sich stark verändert. Diese Aktivität wird oft festgestellt, wenn das Gerät von einer flachen Oberfläche wie einem Schreibtisch abgehoben wird oder wenn es sich in der Tasche einer Person befindet und diese Person gerade von einer sitzenden in eine stehende Position gewechselt ist.</li>
<li><strong>STILL</strong>: Das Gerät bewegt sich nicht</li>
<li><strong>UNKNOWN</strong>: Nicht erkennbar.</li>
</ul>
<h3>Einsatzgebiet</h3>
<p>Die Kategorie &#8220;Gesundheit und Fitness&#8221; von Google Play ist voll mit Apps, mit denen man tägliche körperliche Aktivitäten messen und analysieren kann. Abseits von Fitness-Anwendungen gibt es viele weitere Möglichkeiten, die Activity Recognition API anzuwenden. Beispielsweise könnte eine App in den &#8220;Freisprechen&#8221;-Modus wechseln, wenn festgestellt wird, dass der User gerade fährt, Location Requests häufiger angefordert werden, wenn der User geht/läuft oder automatische Anzeige des schnellsten Weges, um ein Ziel auf der Straße zu erreichen, wenn der Benutzer in einem Fahrzeug fährt.</p>
<p>Mehr Informationen zu diesem Thema: <a href="https://developers.google.com/location-context/activity-recognition/">https://developers.google.com/location-context/activity-recognition/</a></p>
<p>The post <a href="https://mobile.fhstp.ac.at/development/googles-activity-recognition-api/">Google&#8217;s Activity Recognition API</a> appeared first on <a href="https://mobile.fhstp.ac.at">Mobile USTP MKL</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Onsen UI &#8211; HTML5 Framework</title>
		<link>https://mobile.fhstp.ac.at/studium/onsen-ui-html5-framework/</link>
		
		<dc:creator><![CDATA[Johannes Schick]]></dc:creator>
		<pubDate>Sun, 21 Jan 2018 21:10:54 +0000</pubDate>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Studium]]></category>
		<category><![CDATA[Webdevelopment]]></category>
		<category><![CDATA[Workshop]]></category>
		<guid isPermaLink="false">https://akirchknopf-21110.php.fhstp.cc/?p=7471</guid>

					<description><![CDATA[<p>Onsen UI ist ein Open Source HTML5 Framework mit dem man hybride oder mobile Webapplikationen entwickeln kann. Dabei stehen alle gängigen Android und iOS Komponenten mit nativem „look and feel“ zur Verfügung. Das Framework erkennt automatisch das Betriebssystem des Endgerätes und passt den Style der Applikation daran an. Generell verfügt das Framework über eine sehr <a class="read-more" href="https://mobile.fhstp.ac.at/studium/onsen-ui-html5-framework/">[...]</a></p>
<p>The post <a href="https://mobile.fhstp.ac.at/studium/onsen-ui-html5-framework/">Onsen UI &#8211; HTML5 Framework</a> appeared first on <a href="https://mobile.fhstp.ac.at">Mobile USTP MKL</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><a href="https://onsen.io/">Onsen UI</a> ist ein Open Source HTML5 Framework mit dem man hybride oder mobile Webapplikationen entwickeln kann. Dabei stehen alle gängigen Android und iOS Komponenten mit nativem „look and feel“ zur Verfügung. Das Framework erkennt automatisch das Betriebssystem des Endgerätes und passt den Style der Applikation daran an. Generell verfügt das Framework über eine sehr ausführliche Dokumentation, was die Umsetzung von Projekten enorm erleichtert. Außerdem bietet Onsen UI mit sogenannten „Framework Bindings“ die Möglichkeit, seine Komponenten in bekannten Frameworks wie <a href="https://onsen.io/angular2/">AngularJS</a>, <a href="https://onsen.io/react/">React </a>oder <a href="https://onsen.io/vue/">Vue.js</a> zu nutzen.</p>
<h3>Onsen UI Elemente</h3>
<p>Prinzipiell kann man bei der Verwendung von Onsen UI Elementen zwischen <a href="https://onsen.io/v2/api/css.html">CSS Komponenten</a> und <a href="https://onsen.io/v2/api/js/">Web Komponenten</a> wählen. Die Web Komponenten basieren auf reinem JavaScript und können als simple HTML-Tags verwendet werden. Um mehrere Seiten zu erstellen, werden Onsen UI Applikationen in Templates mit jeweils eindeutiger ID aufgeteilt. Innerhalb der Templates wird ein Container mittels <strong>&lt;ons-page&gt;</strong>-Tag erstellt, der als Root-Element fungiert und alle weiteren Komponenten der jeweiligen Seite beinhaltet. Beispielsweise kümmert sich dieser Cotainer darum, dass der Content scrollbar wird sobald die Inhalte einer Seite die Größe des Screens überschreiten.</p>
<p>&nbsp;</p>
<p><img fetchpriority="high" decoding="async" class="wp-image-7475 aligncenter" src="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2018/01/applikationen.png" alt="" width="396" height="395" srcset="https://mobile.fhstp.ac.at/wp-content/uploads/2018/01/applikationen.png 874w, https://mobile.fhstp.ac.at/wp-content/uploads/2018/01/applikationen-150x150.png 150w, https://mobile.fhstp.ac.at/wp-content/uploads/2018/01/applikationen-32x32.png 32w, https://mobile.fhstp.ac.at/wp-content/uploads/2018/01/applikationen-50x50.png 50w, https://mobile.fhstp.ac.at/wp-content/uploads/2018/01/applikationen-64x64.png 64w, https://mobile.fhstp.ac.at/wp-content/uploads/2018/01/applikationen-96x96.png 96w, https://mobile.fhstp.ac.at/wp-content/uploads/2018/01/applikationen-128x128.png 128w" sizes="(max-width: 396px) 100vw, 396px" /></p>
<p style="text-align: center;">Vergleich Onsen UI Applikation im Android und iOS Style.</p>
<p>&nbsp;</p>
<h3>App Deployment</h3>
<p>Es gibt mehrere Möglichkeiten, eine Onsen UI Applikation zur Verfügung zu stellen:</p>
<ol>
<li><strong>Hybrid App</strong>: Mit der Hilfe von <a href="https://cordova.apache.org/">Cordova</a> kann man Onsen UI Projekte als native webview-basierende Apps für iOS und Android exportieren.</li>
<li><strong>Progressive Web App</strong>: Man kann Onsen UI Projekte auch als progressive Webapplikation exportieren, um Push Notifications, Offline Support und zusätzliche Features zu ermöglichen.</li>
<li><strong>Mobile und Desktop Web</strong>: Alle Komponenten von Onsen UI sind responsive und skalierbar, was den Einsatz auf Smartphones sowie Desktop Screens ermöglicht.</li>
</ol>
<h3>Anwendung</h3>
<p>Im Gegensatz zu bekannteren Frameworks, wie beispielsweise <a href="https://ionicframework.com/">Ionic</a> ist Onsen UI ein noch relativ unbeschriebenes Blatt in der Szene (Ionic derzeit 33.000 Stars / Onsen UI 5.908 Stars auf Github). Onsen UI bietet zwar keine Allround-Lösung wie Ionic, jedoch verfügt es über flexible Anwendungsmöglichkeiten (Framework Bindings) und ist sehr einfach handzuhaben. Die einfache Handhabung und gute Dokumentation machen Onsen UI zu einem guten Prototyping-Tool oder auch geeignet für kleinere Projekte, die auch ohne tiefgreifendes Programmier-Know-How umgesetzt werden können. In kurzer Zeit kann so beispielsweise ein vorzeigbarer Click-Dummy erstellt werden.</p>
<p>The post <a href="https://mobile.fhstp.ac.at/studium/onsen-ui-html5-framework/">Onsen UI &#8211; HTML5 Framework</a> appeared first on <a href="https://mobile.fhstp.ac.at">Mobile USTP MKL</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>„Print-to-Mobile“ &#8211; Möbel-Guide</title>
		<link>https://mobile.fhstp.ac.at/allgemein/print-to-mobile-moebel-guide/</link>
		
		<dc:creator><![CDATA[Johannes Schick]]></dc:creator>
		<pubDate>Mon, 16 Oct 2017 17:00:49 +0000</pubDate>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Projekte]]></category>
		<category><![CDATA[Studium]]></category>
		<category><![CDATA[Webdevelopment]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Onsen UI]]></category>
		<category><![CDATA[Swiper]]></category>
		<guid isPermaLink="false">https://akirchknopf-21110.php.fhstp.cc/?p=7176</guid>

					<description><![CDATA[<p>Idee Der Möbel-Guide ist eine Web-Applikation, die dem User eine für das Smartphone optimierte Schritt-für-Schritt Anleitung für das Zusammenbauen von Möbelstücken zur Verfügung stellt. Dabei kann der User mit simplen Wischbewegungen zwischen den einzelnen Schritten navigieren. Die jeweiligen Schritte werden durch Darstellung von Bildern, Text und Detailansichten anschaulich erklärt. Abschließend kann der User noch zusätzliches <a class="read-more" href="https://mobile.fhstp.ac.at/allgemein/print-to-mobile-moebel-guide/">[...]</a></p>
<p>The post <a href="https://mobile.fhstp.ac.at/allgemein/print-to-mobile-moebel-guide/">„Print-to-Mobile“ &#8211; Möbel-Guide</a> appeared first on <a href="https://mobile.fhstp.ac.at">Mobile USTP MKL</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h3><strong>Idee</strong></h3>
<p>Der Möbel-Guide ist eine Web-Applikation, die dem User eine für das Smartphone optimierte Schritt-für-Schritt Anleitung für das Zusammenbauen von Möbelstücken zur Verfügung stellt. Dabei kann der User mit simplen Wischbewegungen zwischen den einzelnen Schritten navigieren. Die jeweiligen Schritte werden durch Darstellung von Bildern, Text und Detailansichten anschaulich erklärt. Abschließend kann der User noch zusätzliches Feedback abgeben.</p>
<h3><strong>Funktionen &amp; Umsetung</strong></h3>
<p>Mittels auf Papier gedrucktem QR-Code gelangt man zur Anleitung des jeweiligen Möbelstückes. In der Praxis könnten diese Zettel bei Kauf eines solchen Produktes in der Verpackung enthalten sein. Der User kann wie schon erwähnt mit Wischbewegungen zwischen den einzelnen Schritten navigieren und hat zusätzlich noch eine nummerierte Navigation auf der Unterseite des Screens. Außerdem ist es möglich, bei einzelnen Schritten über einen „Detail View“-Button eine Detailansicht aufzurufen, die den Vorgang genauer veranschaulicht. Ist das Möbelstück fertig konstruiert, so bietet sich auch noch die Möglichkeit Feedback zur Anleitung oder persönliche Anliegen über ein Formular abzugeben.</p>
<p>Die Webapplikation selbst basiert auf einer simplen HTML-Seite, die mit Hilfe der Frameworks <a href="https://onsen.io/">Onsen UI</a>, <a href="http://idangero.us/swiper/#.WePXwDBpFPY">Swiper</a> und clientseitigem JavaScript umgesetzt wurde. <a href="https://onsen.io/">Onsen UI</a> ist ein HTML5 Framework, welches den Style der Applikation automatisch an das erkannte Betriebssystem (Android oder iOS) anpasst und somit eine native User Experience für den jeweiligen User ermöglicht. <a href="http://idangero.us/swiper/#.WePXwDBpFPY">Swiper</a> auf der anderen Seite ist eine Library, die einen mobil optimierten Touch Slider zur Verfügung stellt, der unter anderem standardmäßig vom beliebten Framework <a href="http://ionicframework.com/">Ionic</a> verwendet wird.</p>
<p>&nbsp;</p>
<p><img decoding="async" class="alignnone size-full wp-image-7181" src="https://akirchknopf-21110.php.fhstp.cc/wp-content/uploads/2017/10/view_comparison.png" alt="" width="1781" height="918" /></p>
<h2></h2>
<p>&nbsp;</p>
<h3><strong>Future Work</strong></h3>
<p>Als zukünftige Erweiterung dieses Prototyps bietet sich an, anstatt des Buttons, Icons direkt auf der richtigen Stelle des Bildes zu platzieren, über die eine Detailansicht aufgerufen werden kann. Außerdem wäre es eine weitere Möglichkeit, zusätzlich zur physischen Navigation eine Bedienung mittels Sprachsteuerung anzubieten. Diese Funktion würde es dem User ermöglichen, sich voll und ganz auf das Möbelstück zu konzentrieren und in weiterer Folge die User Experience zu optimieren.</p>
<p>The post <a href="https://mobile.fhstp.ac.at/allgemein/print-to-mobile-moebel-guide/">„Print-to-Mobile“ &#8211; Möbel-Guide</a> appeared first on <a href="https://mobile.fhstp.ac.at">Mobile USTP MKL</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
