<?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>Portfolio von Benjamin Rösner &#187; Interfacedesign</title>
	<atom:link href="http://www.benjaminroesner.de/category/interfacedesign/feed" rel="self" type="application/rss+xml" />
	<link>http://www.benjaminroesner.de</link>
	<description>[Designstudent]</description>
	<lastBuildDate>Fri, 03 Feb 2012 18:25:05 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.1</generator>
		<item>
		<title>HS-Anhalt mobil (App)</title>
		<link>http://www.benjaminroesner.de/programmierung/hs-anhalt-mobil-app.html</link>
		<comments>http://www.benjaminroesner.de/programmierung/hs-anhalt-mobil-app.html#comments</comments>
		<pubDate>Mon, 28 Mar 2011 00:41:04 +0000</pubDate>
		<dc:creator>Benjamin</dc:creator>
				<category><![CDATA[Interfacedesign]]></category>
		<category><![CDATA[Programmierung]]></category>
		<category><![CDATA[anhalt]]></category>
		<category><![CDATA[appcelerator]]></category>
		<category><![CDATA[hochschule]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[titanium]]></category>
		<category><![CDATA[user interface]]></category>

		<guid isPermaLink="false">http://www.benjaminroesner.de/?p=1414</guid>
		<description><![CDATA[Eine iPhone App für Studenten der Hochschule Anhalt.]]></description>
			<content:encoded><![CDATA[<p>… ist eine iPhone App für Studenten der <a href="http://www.hs-anhalt.de/" target="_blank">Hochschule Anhalt</a>. Das Konzept und die Gestaltung für diese App ist meine Abschlussarbeit für den Bachelor of Arts. Das Konzept sollte alltagstauglich sein und mit seinen Funktionen den Studenten hilfreich zur Hand stehen.</p>
<ul>
<li><a href="http://www.benjaminroesner.de/hs-anhalt-mobil/?pk_campaign=link&#038;pk_kwd=portfolio">Internetseite von HS-Anhalt mobil</a></li>
<li><a href="http://de-de.facebook.com/pages/HS-Anhalt-mobil/168880046496034">Facebook Fan Page</a></li>
</ul>
<p>&nbsp;</p>
<h3>Funktionen</h3>
<h5><a href="http://www.benjaminroesner.de/wp-content/uploads/2011/03/tab-news.jpg"><img class="alignright size-thumbnail wp-image-1428 border" title="tab-news" src="http://www.benjaminroesner.de/wp-content/uploads/2011/03/tab-news-150x150.jpg" alt="" width="150" height="150" /></a>News</h5>
<p>Es gibt viele Informationsquellen für Studenten der HS-Anhalt. Leider sind viele  dieser Quellen im Internet verstreut. Oft sind diese bei den Studenten auch nicht bekannt. Mit dieser Funktion möchte ich den Benutzer eine Sammlung an Informationen, übersichtlich und individuell zusammenstellbar, anbieten.</p>
<p>&nbsp;</p>
<h5><a href="http://www.benjaminroesner.de/wp-content/uploads/2011/03/tab-mensa.jpg"><img class="alignright size-thumbnail wp-image-1429 border" title="tab-mensa" src="http://www.benjaminroesner.de/wp-content/uploads/2011/03/tab-mensa-150x150.jpg" alt="" width="150" height="150" /></a>Mensa</h5>
<p>Dieser Bereich ähnelt dem <a href="http://www.benjaminroesner.de/widget/essblatt-mensa-widget.html">Mensa-Widget (essBlatt)</a> und soll dem Benutzer unterwegs die Möglichkeit geben, das aktuelle Angebot der Mensa in seiner Nähe anzuzeigen. Er soll Lieblingsgerichte markieren und vegetarische Gerichte anzeigen lassen können.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h5><a href="http://www.benjaminroesner.de/wp-content/uploads/2011/03/tab-plan.png"><img class="alignright size-thumbnail wp-image-1431 border" title="tab-plan" src="http://www.benjaminroesner.de/wp-content/uploads/2011/03/tab-plan-150x150.png" alt="" width="150" height="150" /></a>Vorlesungsplan</h5>
<p>Der Benutzer soll sich seinen individuellen Vorlesungsplan zusammenstellen können. Er soll aus verschiedenen Semestern wählen können, denn es kommt manchmal vor, dass ein Student einen Kurs nachholen muss. Mit einem individuell zusammengestellten Plan hat er alle Informationen auf einen Blick und braucht sich nicht durch mehrere Pläne zu suchen. Es sollen alle wichtigen Informationen angezeigt werden wie Fach, Uhrzeit, Professor und Gebäude/Raumnummer.</p>
<p>&nbsp;</p>
<h5><a href="http://www.benjaminroesner.de/wp-content/uploads/2011/03/tab-info2.jpg"><img class="alignright size-thumbnail wp-image-1434 border" title="tab-info2" src="http://www.benjaminroesner.de/wp-content/uploads/2011/03/tab-info2-150x150.jpg" alt="" width="150" height="150" /></a>Detaillierte Informationen</h5>
<p>All die neuen Dinge wie E-Mail-Adressen, Öffnungszeiten und Namen von Professoren sind für neue Studenten schwer zu merken oder er ist neu in der Stadt und möchte gern wissen, wo Studenten abends hingehen. Mit der Funktion „Info“ möchte ich dem Benutzer diese Informationen bereitstellen. Dieser Bereich soll in die Kategorien Hochschule und Unterhaltung aufgeteilt werden. Es soll auch eine Kartenansicht geben, die alle bzw. den gewählten Standort auf einer Karte anzeigt.</p>
<p>&nbsp;</p>
<h3>Guerilla-Marketing</h3>
<p>Um günstige Aufmerksamkeit zu erregen habe ich einen Aufkleber mit einem QR-Code gestaltet. Wenn jemand den QR-Code einscannt, wird er zur App im App Store  geleitet. (Da die App noch auf ein Review von Apple wartet, wird man vorerst zur Webseite weitergeleitet.)</p>
<p style="text-align: center;"><img class="size-full wp-image-1447 aligncenter" title="HS-Anhalt mobil Sticker QR-Code" src="http://www.benjaminroesner.de/wp-content/uploads/2011/03/hs-anhalt-mobil-stickerBW.png" alt="HS-Anhalt mobil Sticker QR-Code" width="196" height="310" /></p>
<h3><img class="alignright size-full wp-image-1443" title="hsanhaltmobilscreen" src="http://www.benjaminroesner.de/wp-content/uploads/2011/03/hsanhaltmobilscreen1.png" alt="" width="265" height="580" /> iPhone Umsetzung</h3>
<p>Um das Projekt umzusetzen wählte ich <a href="http://www.appcelerator.com/" target="_blank">Appcelerator Titanium</a>, da ich Vorkenntnisse in Javascript habe. Mit Titanium besteht auch die Möglichkeit, die App für andere Plattformen (Android) zu erstellen.</p>
<p>Vorerst habe ich den Mensa-Bereich mit ein paar Änderungen an der Benutzeroberfläche fertiggestellt. Die aktuellen Daten der Gerichte beziehe ich vom Studentenwerk Halle <a href="http://www.meine-mensa.de/" target="_blank">(meine-mensa.de)</a>.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.benjaminroesner.de/programmierung/hs-anhalt-mobil-app.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>music visualizer</title>
		<link>http://www.benjaminroesner.de/programmierung/music-visualizer.html</link>
		<comments>http://www.benjaminroesner.de/programmierung/music-visualizer.html#comments</comments>
		<pubDate>Thu, 07 May 2009 13:14:14 +0000</pubDate>
		<dc:creator>Benjamin</dc:creator>
				<category><![CDATA[Interfacedesign]]></category>
		<category><![CDATA[Programmierung]]></category>
		<category><![CDATA[anhalt]]></category>
		<category><![CDATA[api]]></category>
		<category><![CDATA[benjamin]]></category>
		<category><![CDATA[composer]]></category>
		<category><![CDATA[dessau]]></category>
		<category><![CDATA[fh]]></category>
		<category><![CDATA[hochschule]]></category>
		<category><![CDATA[hs]]></category>
		<category><![CDATA[i-tunes]]></category>
		<category><![CDATA[itunes]]></category>
		<category><![CDATA[lastfm]]></category>
		<category><![CDATA[music]]></category>
		<category><![CDATA[musik]]></category>
		<category><![CDATA[quartz]]></category>
		<category><![CDATA[screensaver]]></category>
		<category><![CDATA[visualizer]]></category>

		<guid isPermaLink="false">http://easttraxx.de/ben/portfolio/?p=78</guid>
		<description><![CDATA[Screensaver für Mac OS X ]]></description>
			<content:encoded><![CDATA[<p>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="640" height="360" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=4374017&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=86D805&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="640" height="360" src="http://vimeo.com/moogaloop.swf?clip_id=4374017&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=86D805&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object>
</p>
<p><a href="http://vimeo.com/4374017">music visualizer [screensaver, quartz composer] from Benjamin Rösner on Vimeo in HD</a>.</p>
<p>Der Music Visualizer wird als Bildschirmschoner installiert (Mac OS X). In der Mitte wird ein zufälliges Bild des gerade abgespielten Interpreten angezeigt. Dieses ist mit einem Bloom-Effekt belegt, der zum Musikpegel reagiert. Hinter dem Bild bewegt sich eine Word-Cloud mit ähnlichen Interpreten. Je größer die Schrift desto ähnlicher ist dieser Interpret zum gerade abgespielten Interpreten. Die Namen schwirren im Hintergrund zufällig herum und ändern ihre Größe passend zur Musik. Dies soll ein „Tanzen“ darstellen. Der Benutzer lernt so weitere Ku?nstler kennen, die zu seinem Geschmack passen. Im unteren Bereich befindet sich der Name des Interpreten und des gerade abgespielten Titels. Die Schrift des Titels wird mit fortlaufender Zeit durchsichtig. Dadurch soll das Ende (abklingen) des Liedes vermittelt werden. Das Ganze wird dynamisch generiert.</p>
<p>Erstellt mit Quartz Composer.</p>
<p><object style="width:700px;height:350px" ><param name="movie" value="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf?mode=embed&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Fcolor%2Flayout.xml&amp;backgroundColor=FFFFFF&amp;showFlipBtn=true&amp;autoFlip=true&amp;autoFlipTime=6000&amp;documentId=100507233940-a1e66276ad1e4a48b51874c0daf29c3e&amp;docName=roesner_b_musicvisual&amp;username=BenRoe&amp;loadingInfoText=music%20visualizer&amp;et=1273284869680&amp;er=2" /><param name="allowfullscreen" value="true"/><param name="menu" value="false"/><embed src="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf" type="application/x-shockwave-flash" allowfullscreen="true" menu="false" style="width:700px;height:350px" flashvars="mode=embed&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Fcolor%2Flayout.xml&amp;backgroundColor=FFFFFF&amp;showFlipBtn=true&amp;autoFlip=true&amp;autoFlipTime=6000&amp;documentId=100507233940-a1e66276ad1e4a48b51874c0daf29c3e&amp;docName=roesner_b_musicvisual&amp;username=BenRoe&amp;loadingInfoText=music%20visualizer&amp;et=1273284869680&amp;er=2" /></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.benjaminroesner.de/programmierung/music-visualizer.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>What can wii do</title>
		<link>http://www.benjaminroesner.de/programmierung/what-can-wii-do.html</link>
		<comments>http://www.benjaminroesner.de/programmierung/what-can-wii-do.html#comments</comments>
		<pubDate>Tue, 17 Mar 2009 19:37:09 +0000</pubDate>
		<dc:creator>Benjamin</dc:creator>
				<category><![CDATA[Interfacedesign]]></category>
		<category><![CDATA[Programmierung]]></category>
		<category><![CDATA[actionscript]]></category>
		<category><![CDATA[anhalt]]></category>
		<category><![CDATA[benjamin]]></category>
		<category><![CDATA[department]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[dessau]]></category>
		<category><![CDATA[fachhochschule]]></category>
		<category><![CDATA[game]]></category>
		<category><![CDATA[hochschulprojekt]]></category>
		<category><![CDATA[hs]]></category>
		<category><![CDATA[wii]]></category>
		<category><![CDATA[wiiflash]]></category>

		<guid isPermaLink="false">http://blogshot.bl.funpic.de/?p=9</guid>
		<description><![CDATA[Mobile Adaptive interface with gestures and movements]]></description>
			<content:encoded><![CDATA[<h4>Wii Balance Game</h4>
<p>Dies ist ein Spiel Namens &#8220;Balance&#8221; es wurde in Flash (Actionscript3) umgesetzt. Das Spiel wird mit der Wiimote gesteuert (<a href="http://wiiflash.bytearray.org/" target="_blank">WiiFlash</a>). Die Grafiken wurden mit Cinema4D erstellt.</p>
<p>Das Ziel ist es mit der Wiimote die Spielfigur auszubalancieren und nicht vom Seil zu fallen. Es erscheinen Buttons die rechtzeitig und richtig gedrückt werden müßen. Mit voranschreitender Zeit erscheinen die Buttons immer schneller. Je öfter man den falschen Button drückt, je mehr schwankt die Spielfigur und es wird schwieriger sich auf dem Seil zu halten. Umso länger man durchhält um so mehr Punkte bekommt man.</p>
<p>Die Steuerung ist intuitiv da man die Wiimote wie ein Seilartist den Balancierstab hält und benutzt.</p>
<p>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="640" height="528" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=3408594&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=86D805&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="640" height="528" src="http://vimeo.com/moogaloop.swf?clip_id=3408594&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=86D805&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object>
</p>
<p>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="320" height="240" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=3474166&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=86D805&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="320" height="240" src="http://vimeo.com/moogaloop.swf?clip_id=3474166&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=86D805&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object>
</p>
<p><br/></p>
<h4>WebsiteTracker</h4>
<p>Bei den täglichen Besuchen von Internetseiten denkt man nicht daru?ber nach, dass man auf<br />
 einer Internetseite ist, die sich auf der anderen Seite der Erdkugel befindet. Der WebTracker veranschaulicht, wohin man virtuell gereist ist, indem er den Verlauf aus dem Browser grafisch darstellt. Der WebTracker wird durch eine Infrarotbrille bedient. Durch Bewegung des Kopfes rotiert die Erdkugel. Bewegt man sich vor oder zuru?ck, wird heran- oder weggezoomt.Die Steuerung erfolgt vollkommen ohne Hände und wird intuitiv erlernt.</p>
<p>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="320" height="240" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=3474277&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=86D805&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="320" height="240" src="http://vimeo.com/moogaloop.swf?clip_id=3474277&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=86D805&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.benjaminroesner.de/programmierung/what-can-wii-do.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

