<?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 :: Stefanie Nöll (Noell)</title>
	<atom:link href="http://www.stefanienoell.com/feed" rel="self" type="application/rss+xml" />
	<link>https://www.stefanienoell.com</link>
	<description>Flash &#38; Front End Web Developer</description>
	<lastBuildDate>Thu, 17 Oct 2013 11:40:21 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
	<atom:link rel="next" href="http://www.stefanienoell.com/feed?page=2" />

		<item>
		<title>Responsive iPlayer prototypes</title>
		<link>https://www.stefanienoell.com/299</link>
		<comments>https://www.stefanienoell.com/299#comments</comments>
		<pubDate>Thu, 17 Oct 2013 11:38:17 +0000</pubDate>
		<dc:creator>Steffi</dc:creator>
				<category><![CDATA[HTML/CSS/Javascript]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Online]]></category>
		<category><![CDATA[Sass]]></category>
		<category><![CDATA[Website]]></category>

		<guid isPermaLink="false">http://www.stefanienoell.com/?p=299</guid>
		<description><![CDATA[<a href="https://www.stefanienoell.com/299" title="Responsive iPlayer prototypes"><img src="http://www.stefanienoell.com/wp-content/uploads/yapb_cache/responsive_iplayer_578.autgk4v9gzs4wkcos8cgc00kk.a9sxxja1njksswcs400wcc4cg.th.jpeg" width="180" height="101" alt="Responsive iPlayer prototypes" style="float:left;padding:0 10px 10px 0;" ></a>Responsive user interface prototypes for the next generation of web iPlayer.]]></description>
			<content:encoded><![CDATA[<a href="https://www.stefanienoell.com/299" title="Responsive iPlayer prototypes"><img src="http://www.stefanienoell.com/wp-content/uploads/yapb_cache/responsive_iplayer_578.autgk4v9gzs4wkcos8cgc00kk.a9sxxja1njksswcs400wcc4cg.th.jpeg" width="180" height="101" alt="Responsive iPlayer prototypes" style="float:left;padding:0 10px 10px 0;" ></a><p>Responsive user interface prototypes for the next generation of web iPlayer.</p>
]]></content:encoded>
			<wfw:commentRss>https://www.stefanienoell.com/299/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Let&#8217;s let it snow</title>
		<link>https://www.stefanienoell.com/290</link>
		<comments>https://www.stefanienoell.com/290#comments</comments>
		<pubDate>Mon, 07 Jan 2013 22:10:32 +0000</pubDate>
		<dc:creator>Steffi</dc:creator>
				<category><![CDATA[HTML/CSS/Javascript]]></category>
		<category><![CDATA[Concept]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Online]]></category>
		<category><![CDATA[Website]]></category>

		<guid isPermaLink="false">http://www.stefanienoell.com/?p=290</guid>
		<description><![CDATA[<a href="https://www.stefanienoell.com/290" title="Let&#8217;s let it snow"><img src="http://www.stefanienoell.com/wp-content/uploads/yapb_cache/snowflakes_578.9fuhdxh4ubcwc8s0gccos4oo0.a9sxxja1njksswcs400wcc4cg.th.jpeg" width="180" height="101" alt="Let&#8217;s let it snow" style="float:left;padding:0 10px 10px 0;" ></a>Fundraising project using the JustGiving API. Every donation is represented by a snowflake and details are revealed on mouseover/click. Have a look]]></description>
			<content:encoded><![CDATA[<a href="https://www.stefanienoell.com/290" title="Let&#8217;s let it snow"><img src="http://www.stefanienoell.com/wp-content/uploads/yapb_cache/snowflakes_578.9fuhdxh4ubcwc8s0gccos4oo0.a9sxxja1njksswcs400wcc4cg.th.jpeg" width="180" height="101" alt="Let&#8217;s let it snow" style="float:left;padding:0 10px 10px 0;" ></a><p>Fundraising project using the <a href="https://www.justgiving.com/developer">JustGiving API</a>. Every donation is represented by a snowflake and details are revealed on mouseover/click.</p>
<p><a href="http://www.stefanienoell.com/projects/lets-let-it-snow">Have a look</a></p>
]]></content:encoded>
			<wfw:commentRss>https://www.stefanienoell.com/290/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mary &amp; House of Fraser</title>
		<link>https://www.stefanienoell.com/257</link>
		<comments>https://www.stefanienoell.com/257#comments</comments>
		<pubDate>Mon, 10 Oct 2011 16:35:36 +0000</pubDate>
		<dc:creator>Steffi</dc:creator>
				<category><![CDATA[HTML/CSS/Javascript]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Online]]></category>
		<category><![CDATA[Website]]></category>

		<guid isPermaLink="false">http://www.stefanienoell.com/?p=257</guid>
		<description><![CDATA[<a href="https://www.stefanienoell.com/257" title="Mary &#038; House of Fraser"><img src="http://www.stefanienoell.com/wp-content/uploads/yapb_cache/hof_mary_578.5ynkuzv716048wg0w884c440o.a9sxxja1njksswcs400wcc4cg.th.jpeg" width="180" height="101" alt="Mary &#038; House of Fraser" style="float:left;padding:0 10px 10px 0;" ></a>Brand Page for Mary Portas within the House of Fraser website, accompanying the launch of her Channel 4 series “Mary Queen of Frocks”. The page was made out of a combination of static and dynamic content like videos, tumblr and twitter feeds as well as slideshows. It was coded in HTML5 and utilised jQuery including [...]]]></description>
			<content:encoded><![CDATA[<a href="https://www.stefanienoell.com/257" title="Mary &#038; House of Fraser"><img src="http://www.stefanienoell.com/wp-content/uploads/yapb_cache/hof_mary_578.5ynkuzv716048wg0w884c440o.a9sxxja1njksswcs400wcc4cg.th.jpeg" width="180" height="101" alt="Mary &#038; House of Fraser" style="float:left;padding:0 10px 10px 0;" ></a><p>Brand Page for Mary Portas within the House of Fraser website, accompanying the launch of her Channel 4 series “Mary Queen of Frocks”. The page was made out of a combination of static and dynamic content like videos, tumblr and twitter feeds as well as slideshows. It was coded in HTML5 and utilised jQuery including some custom plugins.</p>
]]></content:encoded>
			<wfw:commentRss>https://www.stefanienoell.com/257/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>British Library: Growing Knowledge Exhibition</title>
		<link>https://www.stefanienoell.com/41</link>
		<comments>https://www.stefanienoell.com/41#comments</comments>
		<pubDate>Sat, 31 Jul 2010 13:59:32 +0000</pubDate>
		<dc:creator>Steffi</dc:creator>
				<category><![CDATA[Flash/Actionscript]]></category>
		<category><![CDATA[Actionscript 3]]></category>
		<category><![CDATA[Exhibition]]></category>
		<category><![CDATA[Online]]></category>
		<category><![CDATA[PureMVC]]></category>

		<guid isPermaLink="false">http://portfolio.diewebmistress.de/?p=41</guid>
		<description><![CDATA[<a href="https://www.stefanienoell.com/41" title="British Library: Growing Knowledge Exhibition"><img src="http://www.stefanienoell.com/wp-content/uploads/yapb_cache/grow_know_578.aso7yov6z34kcsos8wwo8s000.a9sxxja1njksswcs400wcc4cg.th.jpeg" width="180" height="101" alt="British Library: Growing Knowledge Exhibition" style="float:left;padding:0 10px 10px 0;" ></a>Flash application visualising survey data about research behaviour using the metaphor of flocking butterflies. The collaboration project was shown on large LCD screens as part of the Growing Knowledge exhibition at the British Library (12 October 2010 &#8211; 16 July 2011) as well as embedded into the accompanying BBC microsite. Visit the last visualisation]]></description>
			<content:encoded><![CDATA[<a href="https://www.stefanienoell.com/41" title="British Library: Growing Knowledge Exhibition"><img src="http://www.stefanienoell.com/wp-content/uploads/yapb_cache/grow_know_578.aso7yov6z34kcsos8wwo8s000.a9sxxja1njksswcs400wcc4cg.th.jpeg" width="180" height="101" alt="British Library: Growing Knowledge Exhibition" style="float:left;padding:0 10px 10px 0;" ></a><p>Flash application visualising survey data about research behaviour using the metaphor of flocking butterflies.<br />
The collaboration project was shown on large LCD screens as part of the <a href = "http://www.bl.uk/growingknowledge/">Growing Knowledge exhibition at the British Library</a> (12 October 2010 &#8211; 16 July 2011) as well as embedded into the accompanying <a href="http://www.bbc.co.uk/archive/growingknowledge">BBC microsite</a>. </p>
<p><a href="http://www.bbc.co.uk/archive/growingknowledge/current_data_vis.shtml">Visit the last visualisation</a></p>
]]></content:encoded>
			<wfw:commentRss>https://www.stefanienoell.com/41/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TV iPlayer V3 Prototype</title>
		<link>https://www.stefanienoell.com/36</link>
		<comments>https://www.stefanienoell.com/36#comments</comments>
		<pubDate>Sat, 31 Jul 2010 13:56:52 +0000</pubDate>
		<dc:creator>Steffi</dc:creator>
				<category><![CDATA[Flash/Actionscript]]></category>
		<category><![CDATA[Actionscript 3]]></category>
		<category><![CDATA[Interactive TV]]></category>
		<category><![CDATA[Prototype]]></category>
		<category><![CDATA[PureMVC]]></category>

		<guid isPermaLink="false">http://portfolio.diewebmistress.de/?p=36</guid>
		<description><![CDATA[<a href="https://www.stefanienoell.com/36" title="TV iPlayer V3 Prototype"><img src="http://www.stefanienoell.com/wp-content/uploads/yapb_cache/tv_iplayer_v3_578.c3av4kcq060c0o0sskogowwko.a9sxxja1njksswcs400wcc4cg.th.jpeg" width="180" height="101" alt="TV iPlayer V3 Prototype" style="float:left;padding:0 10px 10px 0;" ></a>Flash prototype for the 3rd generation of iPlayer on IPTV platforms to be used for user testing.]]></description>
			<content:encoded><![CDATA[<a href="https://www.stefanienoell.com/36" title="TV iPlayer V3 Prototype"><img src="http://www.stefanienoell.com/wp-content/uploads/yapb_cache/tv_iplayer_v3_578.c3av4kcq060c0o0sskogowwko.a9sxxja1njksswcs400wcc4cg.th.jpeg" width="180" height="101" alt="TV iPlayer V3 Prototype" style="float:left;padding:0 10px 10px 0;" ></a><p>Flash prototype for the 3rd generation of iPlayer on IPTV platforms to be used for user testing.</p>
]]></content:encoded>
			<wfw:commentRss>https://www.stefanienoell.com/36/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Radioplayer Prototype</title>
		<link>https://www.stefanienoell.com/33</link>
		<comments>https://www.stefanienoell.com/33#comments</comments>
		<pubDate>Sat, 31 Jul 2010 13:56:00 +0000</pubDate>
		<dc:creator>Steffi</dc:creator>
				<category><![CDATA[Flash/Actionscript]]></category>
		<category><![CDATA[Actionscript 3]]></category>
		<category><![CDATA[Prototype]]></category>
		<category><![CDATA[PureMVC]]></category>

		<guid isPermaLink="false">http://portfolio.diewebmistress.de/?p=33</guid>
		<description><![CDATA[<a href="https://www.stefanienoell.com/33" title="Radioplayer Prototype"><img src="http://www.stefanienoell.com/wp-content/uploads/yapb_cache/radioplayer_578.awowodzuneo08wkwo04s4kk4g.a9sxxja1njksswcs400wcc4cg.th.jpeg" width="180" height="100" alt="Radioplayer Prototype" style="float:left;padding:0 10px 10px 0;" ></a>Flash prototype for testing and demonstrating design proposals as well as user interactions. The Radioplayer project is a collaboration between BBC and commercial radio stations with the aim to offer a common console for both live and on-demand online radio.]]></description>
			<content:encoded><![CDATA[<a href="https://www.stefanienoell.com/33" title="Radioplayer Prototype"><img src="http://www.stefanienoell.com/wp-content/uploads/yapb_cache/radioplayer_578.awowodzuneo08wkwo04s4kk4g.a9sxxja1njksswcs400wcc4cg.th.jpeg" width="180" height="100" alt="Radioplayer Prototype" style="float:left;padding:0 10px 10px 0;" ></a><p>Flash prototype for testing and demonstrating design proposals as well as user interactions. The <a href="http://www.ukradioplayer.info/" >Radioplayer</a> project is a collaboration between BBC and commercial radio stations with the aim to offer a common console for both live and on-demand online radio.</p>
]]></content:encoded>
			<wfw:commentRss>https://www.stefanienoell.com/33/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Concord Videoswitcher Prototype</title>
		<link>https://www.stefanienoell.com/8</link>
		<comments>https://www.stefanienoell.com/8#comments</comments>
		<pubDate>Mon, 28 Jun 2010 22:44:43 +0000</pubDate>
		<dc:creator>Steffi</dc:creator>
				<category><![CDATA[Flash/Actionscript]]></category>
		<category><![CDATA[Actionscript 3]]></category>
		<category><![CDATA[Interactive TV]]></category>
		<category><![CDATA[Prototype]]></category>
		<category><![CDATA[PureMVC]]></category>

		<guid isPermaLink="false">http://portfolio.diewebmistress.de/?p=8</guid>
		<description><![CDATA[<a href="https://www.stefanienoell.com/8" title="Concord Videoswitcher Prototype"><img src="http://www.stefanienoell.com/wp-content/uploads/yapb_cache/concord_578.7677iiogq28swk00okcccckks.a9sxxja1njksswcs400wcc4cg.th.jpeg" width="180" height="101" alt="Concord Videoswitcher Prototype" style="float:left;padding:0 10px 10px 0;" ></a>Flash prototype for user testing for the first release of the TV Platforms product Concord. Concord is supposed to be a template‐driven configurable TV application and the initial release is a video switcher application that will be deployed on the freesat platform.]]></description>
			<content:encoded><![CDATA[<a href="https://www.stefanienoell.com/8" title="Concord Videoswitcher Prototype"><img src="http://www.stefanienoell.com/wp-content/uploads/yapb_cache/concord_578.7677iiogq28swk00okcccckks.a9sxxja1njksswcs400wcc4cg.th.jpeg" width="180" height="101" alt="Concord Videoswitcher Prototype" style="float:left;padding:0 10px 10px 0;" ></a><p>Flash prototype for user testing for the first release of the TV Platforms product Concord. Concord is supposed to be a template‐driven configurable TV application and the initial release is a video switcher application that will be deployed on the freesat platform.</p>
]]></content:encoded>
			<wfw:commentRss>https://www.stefanienoell.com/8/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Audio &amp; Music IPTV Demo</title>
		<link>https://www.stefanienoell.com/13</link>
		<comments>https://www.stefanienoell.com/13#comments</comments>
		<pubDate>Tue, 22 Jun 2010 23:03:23 +0000</pubDate>
		<dc:creator>Steffi</dc:creator>
				<category><![CDATA[Flash/Actionscript]]></category>
		<category><![CDATA[Actionscript 3]]></category>
		<category><![CDATA[Interactive TV]]></category>
		<category><![CDATA[Prototype]]></category>
		<category><![CDATA[PureMVC]]></category>

		<guid isPermaLink="false">http://portfolio.diewebmistress.de/?p=13</guid>
		<description><![CDATA[<a href="https://www.stefanienoell.com/13" title="Audio &#038; Music IPTV Demo"><img src="http://www.stefanienoell.com/wp-content/uploads/yapb_cache/audio_music_iptv_578.aesltj22jq8kw8k0sowwcwkkc.a9sxxja1njksswcs400wcc4cg.th.jpeg" width="180" height="101" alt="Audio &#038; Music IPTV Demo" style="float:left;padding:0 10px 10px 0;" ></a>Linear Flash movie demoing a concept for radio on IPTV. Similar to the Olympics IPTV Demo this is also an animated presentation with break points which moves on on key press. Main challenge was the organisation of the audio bits as their order and whether they loop depends on how quickly the presenter of the [...]]]></description>
			<content:encoded><![CDATA[<a href="https://www.stefanienoell.com/13" title="Audio &#038; Music IPTV Demo"><img src="http://www.stefanienoell.com/wp-content/uploads/yapb_cache/audio_music_iptv_578.aesltj22jq8kw8k0sowwcwkkc.a9sxxja1njksswcs400wcc4cg.th.jpeg" width="180" height="101" alt="Audio &#038; Music IPTV Demo" style="float:left;padding:0 10px 10px 0;" ></a><p>Linear Flash movie demoing a concept for radio on IPTV. Similar to the Olympics IPTV Demo this is also an animated presentation with break points which moves on on key press. Main challenge was the organisation of the audio bits as their order and whether they loop depends on how quickly the presenter of the demo is moving on with the story line.</p>
]]></content:encoded>
			<wfw:commentRss>https://www.stefanienoell.com/13/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Red Button V2 Prototype</title>
		<link>https://www.stefanienoell.com/10</link>
		<comments>https://www.stefanienoell.com/10#comments</comments>
		<pubDate>Sat, 22 May 2010 23:00:43 +0000</pubDate>
		<dc:creator>Steffi</dc:creator>
				<category><![CDATA[Flash/Actionscript]]></category>
		<category><![CDATA[Actionscript 3]]></category>
		<category><![CDATA[Interactive TV]]></category>
		<category><![CDATA[Prototype]]></category>
		<category><![CDATA[PureMVC]]></category>

		<guid isPermaLink="false">http://portfolio.diewebmistress.de/?p=10</guid>
		<description><![CDATA[<a href="https://www.stefanienoell.com/10" title="Red Button V2 Prototype"><img src="http://www.stefanienoell.com/wp-content/uploads/yapb_cache/red_button_v2_578.48w859m6exs0scsgsgsck8g4c.a9sxxja1njksswcs400wcc4cg.th.jpeg" width="180" height="101" alt="Red Button V2 Prototype" style="float:left;padding:0 10px 10px 0;" ></a>Flash prototype exploring the possibilities of a future TV Platforms IP content product, also called &#8220;Concord&#8221;.]]></description>
			<content:encoded><![CDATA[<a href="https://www.stefanienoell.com/10" title="Red Button V2 Prototype"><img src="http://www.stefanienoell.com/wp-content/uploads/yapb_cache/red_button_v2_578.48w859m6exs0scsgsgsck8g4c.a9sxxja1njksswcs400wcc4cg.th.jpeg" width="180" height="101" alt="Red Button V2 Prototype" style="float:left;padding:0 10px 10px 0;" ></a><p>Flash prototype exploring the possibilities of a future TV Platforms IP content product, also called &#8220;Concord&#8221;.</p>
]]></content:encoded>
			<wfw:commentRss>https://www.stefanienoell.com/10/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>BBC News World</title>
		<link>https://www.stefanienoell.com/162</link>
		<comments>https://www.stefanienoell.com/162#comments</comments>
		<pubDate>Mon, 03 May 2010 21:58:25 +0000</pubDate>
		<dc:creator>Steffi</dc:creator>
				<category><![CDATA[Flash/Actionscript]]></category>
		<category><![CDATA[Actionscript 3]]></category>
		<category><![CDATA[Away3D]]></category>
		<category><![CDATA[PureMVC]]></category>

		<guid isPermaLink="false">http://portfolio.diewebmistress.de/?p=162</guid>
		<description><![CDATA[<a href="https://www.stefanienoell.com/162" title="BBC News World"><img src="http://www.stefanienoell.com/wp-content/uploads/yapb_cache/bbc_newsworld_578.v7y3ki1zj5cogokc0k4wgo8g.a9sxxja1njksswcs400wcc4cg.th.jpeg" width="180" height="101" alt="BBC News World" style="float:left;padding:0 10px 10px 0;" ></a>Screensaver developed in Flash as a learning project to get familiar with AS3, PureMVC and the 3D library Away3D. The application utilises Yahoo Placemaker to add geo location data to the BBC News feed and displays the latest 10 items on a globe. As it is meant to be a screensaver, it is not handling [...]]]></description>
			<content:encoded><![CDATA[<a href="https://www.stefanienoell.com/162" title="BBC News World"><img src="http://www.stefanienoell.com/wp-content/uploads/yapb_cache/bbc_newsworld_578.v7y3ki1zj5cogokc0k4wgo8g.a9sxxja1njksswcs400wcc4cg.th.jpeg" width="180" height="101" alt="BBC News World" style="float:left;padding:0 10px 10px 0;" ></a><p>Screensaver developed in Flash as a learning project to get familiar with AS3, PureMVC and the 3D library Away3D. The application utilises <a href="http://developer.yahoo.com/geo/placemaker/">Yahoo Placemaker</a> to add geo location data to the BBC News feed and displays the latest 10 items on a globe. As it is meant to be a screensaver, it is not handling any user interaction but instead cycles through the items automatically.</p>
]]></content:encoded>
			<wfw:commentRss>https://www.stefanienoell.com/162/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
