<?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 &#62;&#62; Luke van der Palen</title>
	<atom:link href="http://lpdesign.nl/2011/feed/" rel="self" type="application/rss+xml" />
	<link>http://lpdesign.nl/2011</link>
	<description>Developer, Designer, Thinker</description>
	<lastBuildDate>Mon, 05 Mar 2012 22:10:27 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>Afstudeerproject: E-hub</title>
		<link>http://lpdesign.nl/2011/2012/afstudeerproject-e-hub/</link>
		<comments>http://lpdesign.nl/2011/2012/afstudeerproject-e-hub/#comments</comments>
		<pubDate>Wed, 25 Jan 2012 12:48:17 +0000</pubDate>
		<dc:creator>Luke van der Palen</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[CMD]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[E-hub]]></category>
		<category><![CDATA[E-sites]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Jquery]]></category>

		<guid isPermaLink="false">http://lpdesign.nl/2011/?p=399</guid>
		<description><![CDATA[E-hub is een medium dat de interne informatie voorziening centraliseert en structureert, doormiddel van een geheel vernieuwende aanpak. E-hub is digital signage medium maar dan toch ook weer net niet&#8230; Wat is e-hub E-hub is een digital signage medium dat &#8230; <a href="http://lpdesign.nl/2011/2012/afstudeerproject-e-hub/">Lees verder <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-large wp-image-429" title="header-ehub" src="http://lpdesign.nl/2011/wp-content/uploads/2012/01/header-ehub-730x243.png" alt="" width="730" height="243" /></p>
<p>E-hub is een medium dat de interne informatie voorziening centraliseert en structureert, doormiddel van een geheel vernieuwende aanpak. E-hub is digital signage medium maar dan toch ook weer net niet&#8230;</p>
<h2>Wat is e-hub</h2>
<p>E-hub is een digital signage medium dat de interne informatievoorzieningen binnen <a title="e-sites Breda" href="http://www.e-sites.nl" target="_blank">e-sites</a> aanpakt. E-sites is en toonaangevend full-service internet bureau, dat in haar elf jarige bestaan uitgegroeid is van drie naar veertig-plus werknemers. Binnen <a title="e-sites Breda" href="http://www.e-sites.nl" target="_blank">e-sites</a> zijn er in de loop van de jaren allerlei informatie voorzieningen in het leven geroepen. Kort samengevat, brengt e-hub al deze voorzieningen terug naar één voorziening.</p>
<h2>Hoe gaat e-hub te werk.</h2>
<p>Een hub moet worden gezien als de naaf in het wiel, het staat centraal in de dagelijkse behoefte van informatie. Het spits de informatie toe op de behoefte van de medewerker.</p>
<p>De werknemer hoeft niet opzoek te gaan, maar de voorziening gaat opzoek naar de werknemer.</p>
<p>E-hub is dus het platform waarmee medewerkers van juiste relevantie en hoogwaardige informatie kunnen worden voorzien die toegespitst is op de behoefte van de medewerker.</p>
<p>Dit intelligente systeem bereikt dit door het leggen van links, het koppelen van diverse informatievoorzieningen die binnen e-sites aanwezig zijn. E-hub bepaalt wat, waar en wanneer weergegeven moet worden.  Het voorziet in de behoefte om orde te scheppen in de wirwar van systemen, het brengt orde op zaken.</p>
<p>Het e-hub systeem bestaat uit een aantal schermen die op een strategische wijze gepositioneerd zijn binnen het pand, afhankelijk van waar de doelgroep gestationeerd is. Het systeem wordt aangestuurd door een centrale content provider die afhankelijk van de positie, tijd/dag content toespitst op de desbetreffende schermen. Hierdoor zal er enkel informatie aangeboden worden die er toe doet. Als voorbeeld zal informatie die gericht is op developers niet bij het management terecht komen en andersom, waardoor tijd bespaard kan worden de kans en focus gehouden kan worden bij de core werkzaamheden.</p>
<p>Daarnaast onderscheidt het systeem zich van andere digital signage producten, door het niet aan een stuk afspelen van informatie, dit omdat er niet verwacht wordt van een medewerker dat deze zich de gehele dag bezighoudt met wat er zich afspeelt op een scherm. Dit is wel het geval bij reguliere digital signage, hierbij is het doel om de aandacht zoveel mogelijk te trekken. Het doel is om enkel informatie weer te geven wanneer het er toe doet. Het kan dus zijn dat een scherm de gehele dag op zwart staat. Hierdoor proberen we te voorkomen dat er een “banner-blindess&#8221; ontstaat.</p>
<h2>Techniek</h2>
<p>E-hub onderscheidt zich van soortgelijke mediums, doordat deze in geheel is opgebouwd in <strong>HTML5</strong> en <strong>CSS3</strong> in combinatie met <strong>JavaScript</strong>. Hierdoor functioneert het in elke moderne browser ongeacht platform, resolutie, etc. Het maakt dus niet meer uit of je het op een desktop of op een tablet opent.</p>
<h2>Verantwoordelijkheid</h2>
<p>Tijdens mijn afstudeerperiode ben ik geheel verantwoordelijk geweest voor de conceptualisatie en realisatie van het project van begin tot eind. Zowel back als front-end.</p>
<h2>Screenshots</h2>
<h3>GELAAGDHEID<br />
<a href="http://lpdesign.nl/2011/wp-content/uploads/2012/01/layers_big.png"><img class="alignnone size-large wp-image-415 transparantImage" title="layers_big" src="http://lpdesign.nl/2011/wp-content/uploads/2012/01/layers_big-730x465.png" alt="" width="730" height="465" /></a></h3>
<h3>AANTAL VOORBEELD SLIDES</h3>
<p><a href="http://lpdesign.nl/2011/wp-content/uploads/2012/01/Schermafbeelding-2011-12-02-om-17.24.36.png"><img class="alignnone size-thumbnail wp-image-403" title="Schermafbeelding 2011-12-02 om 17.24.36" src="http://lpdesign.nl/2011/wp-content/uploads/2012/01/Schermafbeelding-2011-12-02-om-17.24.36-730x250.png" alt="" width="730" height="250" /></a><a href="http://lpdesign.nl/2011/wp-content/uploads/2012/01/Schermafbeelding-2011-12-02-om-15.08.03.png"><img class="alignnone size-thumbnail wp-image-413" title="Schermafbeelding 2011-12-02 om 15.08.03" src="http://lpdesign.nl/2011/wp-content/uploads/2012/01/Schermafbeelding-2011-12-02-om-15.08.03-730x250.png" alt="" width="730" height="250" /></a><a href="http://lpdesign.nl/2011/wp-content/uploads/2012/01/Schermafbeelding-2011-11-02-om-11.18.13.png"><img class="alignnone size-thumbnail wp-image-411" title="Schermafbeelding 2011-11-02 om 11.18.13" src="http://lpdesign.nl/2011/wp-content/uploads/2012/01/Schermafbeelding-2011-11-02-om-11.18.13-730x250.png" alt="" width="730" height="250" /></a><a href="http://lpdesign.nl/2011/wp-content/uploads/2012/01/Schermafbeelding-2011-12-02-om-15.44.54.png"><img class="alignnone size-thumbnail wp-image-407" title="Schermafbeelding 2011-12-02 om 15.44.54" src="http://lpdesign.nl/2011/wp-content/uploads/2012/01/Schermafbeelding-2011-12-02-om-15.44.54-730x250.png" alt="" width="730" height="250" /></a><a href="http://lpdesign.nl/2011/wp-content/uploads/2012/01/Schermafbeelding-2011-12-02-om-15.05.25-kopie.png"><img class="alignnone size-thumbnail wp-image-405" title="Schermafbeelding 2011-12-02 om 15.05.25 kopie" src="http://lpdesign.nl/2011/wp-content/uploads/2012/01/Schermafbeelding-2011-12-02-om-15.05.25-kopie-730x250.png" alt="" width="730" height="250" /></a><a href="http://lpdesign.nl/2011/wp-content/uploads/2012/01/Schermafbeelding-2011-12-02-om-15.05.03.png"><img class="alignnone size-thumbnail wp-image-404" title="Schermafbeelding 2011-12-02 om 15.05.03" src="http://lpdesign.nl/2011/wp-content/uploads/2012/01/Schermafbeelding-2011-12-02-om-15.05.03-730x250.png" alt="" width="730" height="250" /></a></p>
<h3>BEHEER-PANEL</h3>
<p><a href="http://lpdesign.nl/2011/wp-content/uploads/2012/01/Schermafbeelding-2011-11-02-om-11.15.22.png"><img class="alignnone size-thumbnail wp-image-409" title="Schermafbeelding 2011-11-02 om 11.15.22" src="http://lpdesign.nl/2011/wp-content/uploads/2012/01/Schermafbeelding-2011-11-02-om-11.15.22-730x250.png" alt="" width="730" height="250" /></a><a href="http://lpdesign.nl/2011/wp-content/uploads/2012/01/Schermafbeelding-2011-11-02-om-11.22.36.png"><img class="alignnone size-thumbnail wp-image-412" title="Schermafbeelding 2011-11-02 om 11.22.36" src="http://lpdesign.nl/2011/wp-content/uploads/2012/01/Schermafbeelding-2011-11-02-om-11.22.36-730x250.png" alt="" width="730" height="250" /></a><a href="http://lpdesign.nl/2011/wp-content/uploads/2012/01/Schermafbeelding-2011-11-02-om-11.15.24.png"><img class="alignnone size-thumbnail wp-image-410" title="Schermafbeelding 2011-11-02 om 11.15.24" src="http://lpdesign.nl/2011/wp-content/uploads/2012/01/Schermafbeelding-2011-11-02-om-11.15.24-730x250.png" alt="" width="730" height="250" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://lpdesign.nl/2011/2012/afstudeerproject-e-hub/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Website: Grip communicatie</title>
		<link>http://lpdesign.nl/2011/2011/website-grip-communicatie/</link>
		<comments>http://lpdesign.nl/2011/2011/website-grip-communicatie/#comments</comments>
		<pubDate>Fri, 23 Sep 2011 23:24:32 +0000</pubDate>
		<dc:creator>Luke van der Palen</dc:creator>
				<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://lpdesign.nl/2011/?p=388</guid>
		<description><![CDATA[Screenshots: &#160; Gripcommunicatie.nl]]></description>
			<content:encoded><![CDATA[<p><a href="http://lpdesign.nl/2011/wp-content/uploads/2011/09/Schermafbeelding-2011-09-24-om-01.21.01.png"><a href="http://lpdesign.nl/2011/wp-content/uploads/2011/09/Schermafbeelding-2011-09-24-om-01.20.38.png"><img class="alignnone size-large wp-image-393" title="Schermafbeelding 2011-09-24 om 01.20.38" src="http://lpdesign.nl/2011/wp-content/uploads/2011/09/Schermafbeelding-2011-09-24-om-01.20.38-730x421.png" alt="" width="730" height="421" /></a></a></p>
<h3>Screenshots:</h3>
<p><a href="http://lpdesign.nl/2011/wp-content/uploads/2011/09/Schermafbeelding-2011-09-24-om-01.21.01.png"><img class="alignnone size-thumbnail wp-image-389" title="Schermafbeelding 2011-09-24 om 01.21.01" src="http://lpdesign.nl/2011/wp-content/uploads/2011/09/Schermafbeelding-2011-09-24-om-01.21.01-730x250.png" alt="" width="730" height="250" /></a></p>
<p><a href="http://lpdesign.nl/2011/wp-content/uploads/2011/09/Schermafbeelding-2011-09-24-om-01.21.50.png"><img class="alignnone size-thumbnail wp-image-390" title="Schermafbeelding 2011-09-24 om 01.21.50" src="http://lpdesign.nl/2011/wp-content/uploads/2011/09/Schermafbeelding-2011-09-24-om-01.21.50-730x250.png" alt="" width="730" height="250" /></a></p>
<p><a href="http://lpdesign.nl/2011/wp-content/uploads/2011/09/Schermafbeelding-2011-09-24-om-01.21.50.png"></a><a href="http://lpdesign.nl/2011/wp-content/uploads/2011/09/Schermafbeelding-2011-09-24-om-01.21.27.png"><img class="alignnone size-thumbnail wp-image-391" title="Schermafbeelding 2011-09-24 om 01.21.27" src="http://lpdesign.nl/2011/wp-content/uploads/2011/09/Schermafbeelding-2011-09-24-om-01.21.27-730x250.png" alt="" width="730" height="250" /></a></p>
<p>&nbsp;</p>
<h3><a href="http://gripcommunicatie.nl" target="_blank">Gripcommunicatie.nl</a></h3>
]]></content:encoded>
			<wfw:commentRss>http://lpdesign.nl/2011/2011/website-grip-communicatie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chrome WebApp: Engadget Quick Browser</title>
		<link>http://lpdesign.nl/2011/2011/chrome-webapp-engadget-quick-browser/</link>
		<comments>http://lpdesign.nl/2011/2011/chrome-webapp-engadget-quick-browser/#comments</comments>
		<pubDate>Fri, 23 Sep 2011 11:17:27 +0000</pubDate>
		<dc:creator>Luke van der Palen</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Engadget]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[RSS]]></category>
		<category><![CDATA[Web App]]></category>

		<guid isPermaLink="false">http://lpdesign.nl/2011/?p=370</guid>
		<description><![CDATA[Engadget is a web magazine app with obsessive daily coverage of everything new in gadgets and consumer electronics. The application This is not an official Engadget application, and relies on the RSS feed provided bij Engadget.com, the feed is manipulated &#8230; <a href="http://lpdesign.nl/2011/2011/chrome-webapp-engadget-quick-browser/">Lees verder <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://lpdesign.nl/2011/wp-content/uploads/2011/09/macbook_engadget.png"><img class="alignnone size-large wp-image-386 transparantImage" title="macbook_engadget" src="http://lpdesign.nl/2011/wp-content/uploads/2011/09/macbook_engadget-730x411.png" alt="" width="730" height="411" /></a></p>
<p><em>Engadget is a web magazine app with obsessive daily coverage of everything new in gadgets and consumer electronics.</em></p>
<p><em><br />
</em></p>
<h3><span style="font-family: GeorgiaItalic; font-size: 29px; line-height: 31px;">The application</span></h3>
<p>This is not an official Engadget application, and relies on the RSS feed provided bij Engadget.com, the feed is manipulated on such a way that it&#8217;s makes reading and browsing between articles and categories easier, nicer and faster.</p>
<p>The application can be used in Chrome web browsers and can be downloaded at this <a title="Engadget web app" href="https://chrome.google.com/webstore/detail/lbibahifendjoiajacdnimooafdfbhcc?hl=nl&amp;hc=search&amp;hcp=main" target="_blank">link</a>.</p>
<p>This application features</p>
<ul>
<li><span style="line-height: 28px;">Quick category browsing.</span></li>
<li><span style="line-height: 28px;">Quick article loading.</span></li>
<li><span style="line-height: 28px;">Auto Refresh.</span></li>
<li><span style="line-height: 28px;">Notifications.</span></li>
</ul>
<p>&nbsp;</p>
<p>In development:</p>
<ul>
<li><span style="line-height: 28px;">Offline browsing</span></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://lpdesign.nl/2011/2011/chrome-webapp-engadget-quick-browser/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>MP Flash Game: Knikkeren</title>
		<link>http://lpdesign.nl/2011/2011/mp-flash-game-knikkeren/</link>
		<comments>http://lpdesign.nl/2011/2011/mp-flash-game-knikkeren/#comments</comments>
		<pubDate>Thu, 01 Sep 2011 13:01:22 +0000</pubDate>
		<dc:creator>Luke van der Palen</dc:creator>
				<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://lpdesign.nl/2011/?p=354</guid>
		<description><![CDATA[Een multiplayer flash game gebaseerd op de simpele regels van het oud Hollandse knikkeren.De spelregels zijn simpel, wie als eerste 4 knikkers in het potje heeft, gaat als winnaar naar huis. Het spel begint door je in te loggen met je naam en e-mail, &#8230; <a href="http://lpdesign.nl/2011/2011/mp-flash-game-knikkeren/">Lees verder <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://lpdesign.nl/2011/wp-content/uploads/2011/09/Schermafbeelding-2011-09-01-om-14.35.51.png"><img class="alignnone size-thumbnail wp-image-357" title="Schermafbeelding 2011-09-01 om 14.35.51" src="http://lpdesign.nl/2011/wp-content/uploads/2011/09/Schermafbeelding-2011-09-01-om-14.35.51-730x250.png" alt="" width="730" height="250" /></a></p>
<p>Een multiplayer flash game gebaseerd op de simpele regels van het oud Hollandse knikkeren.De spelregels zijn simpel, wie als eerste 4 knikkers in het potje heeft, gaat als winnaar naar huis.</p>
<p>Het spel begint door je in te loggen met je naam en e-mail, waarna je in een lijst komt met zowel actieve als bezette spelers. De speler kan iemand uitnodigen, waarna deze de uitnodiging kan accepteren of weigeren.<br />
Wanneer het spel begint, begint elke speler met 4 knikkers die ze zo snel mogelijk in de pocket moeten hebben. Echter kan de tegenstander het jouw moeilijk maken door je knikker van baan te laten wijken door er tegen aan te kaatsten.</p>
<h3>Techniek</h3>
<p>De moeilijkheid zat het hem in het realistisch laten kaatsen van de knikkers, waarbij rekening moest gehouden worden met zowel de hoek, massa en snelheid van de knikker. Ook de communicatie die plaatst vind via de Flash Media Server, maakt de ontwikkeling van deze game een stuk ingewikkelder.</p>
<h3>Het Spel</h3>
<p>Ik ben op dit moment haastig opzoek naar een server waar FMS kan hosten zodat dit spel toegankelijk wordt voor het grootte publiek, tot die tijd is het alleen mogelijk om dit spel te spelen op aanvraag.</p>
<h4>Screenshots</h4>
<p><a href="http://lpdesign.nl/2011/wp-content/uploads/2011/09/Schermafbeelding-2011-09-01-om-14.35.51.png"></a><a href="http://lpdesign.nl/2011/wp-content/uploads/2011/09/Schermafbeelding-2011-09-01-om-14.54.29.png"><img class="alignnone size-thumbnail wp-image-358" title="Schermafbeelding 2011-09-01 om 14.54.29" src="http://lpdesign.nl/2011/wp-content/uploads/2011/09/Schermafbeelding-2011-09-01-om-14.54.29-730x250.png" alt="" width="730" height="250" /></a></p>
<p><a href="http://lpdesign.nl/2011/wp-content/uploads/2011/09/Schermafbeelding-2011-09-01-om-14.54.42.png"><img class="alignnone size-thumbnail wp-image-359" title="Schermafbeelding 2011-09-01 om 14.54.42" src="http://lpdesign.nl/2011/wp-content/uploads/2011/09/Schermafbeelding-2011-09-01-om-14.54.42-730x250.png" alt="" width="730" height="250" /></a></p>
<p><a href="http://lpdesign.nl/2011/wp-content/uploads/2011/09/Schermafbeelding-2011-09-01-om-14.54.42.png"></a><a href="http://lpdesign.nl/2011/wp-content/uploads/2011/09/Schermafbeelding-2011-09-01-om-14.55.55.png"><img class="alignnone size-thumbnail wp-image-361" title="Schermafbeelding 2011-09-01 om 14.55.55" src="http://lpdesign.nl/2011/wp-content/uploads/2011/09/Schermafbeelding-2011-09-01-om-14.55.55-730x250.png" alt="" width="730" height="250" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://lpdesign.nl/2011/2011/mp-flash-game-knikkeren/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Android app: Radio HiTec</title>
		<link>http://lpdesign.nl/2011/2011/android-app-radio-hitec/</link>
		<comments>http://lpdesign.nl/2011/2011/android-app-radio-hitec/#comments</comments>
		<pubDate>Thu, 01 Sep 2011 12:12:40 +0000</pubDate>
		<dc:creator>Luke van der Palen</dc:creator>
				<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://lpdesign.nl/2011/?p=343</guid>
		<description><![CDATA[De Applicatie In 2011 heeft Radio HiTec mij benadert om een mobile applicatie voor de android OS te ontwikkelen. De applicatie biedt de mogelijkheid om zowel het laatste door radio Hi-Tec aangeboden nieuws te volgen als overal in de best &#8230; <a href="http://lpdesign.nl/2011/2011/android-app-radio-hitec/">Lees verder <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://lpdesign.nl/2011/wp-content/uploads/2011/09/Samsung_Nexus_S_radiohitec1.png"><img class="alignnone size-full wp-image-344 transparantImage" title="Samsung_Nexus_S_radiohitec" src="http://lpdesign.nl/2011/wp-content/uploads/2011/09/Samsung_Nexus_S_radiohitec1.png" alt="" width="730" height="730" /></a></p>
<h3>De Applicatie</h3>
<p>In 2011 heeft Radio HiTec mij benadert om een mobile applicatie voor de android OS te ontwikkelen.<br />
De applicatie biedt de mogelijkheid om zowel het laatste door radio Hi-Tec aangeboden nieuws te volgen als overal in de best mogelijke kwaliteit het station te beluisteren.</p>
<p><a href="http://lpdesign.nl/2011/wp-content/uploads/2011/09/screenshots.png"><img class="alignnone size-full wp-image-350 transparantImage" title="screenshots" src="http://lpdesign.nl/2011/wp-content/uploads/2011/09/screenshots.png" alt="" width="730" height="350" /></a></p>
<h3>Key-features:</h3>
<ul>
<li><span style="line-height: 28px;"><strong>Pull-to-Refesh</strong> (<em>Op een natuurlijke manier checken voor nieuwe artikelen</em>).</span></li>
<li><span style="line-height: 28px;"><strong>Scroll to load</strong> (<em>Door te scrollen wordt automatisch content opgehaald, en krijg je als ware een oneindige scroll, die toch efficiënt in data verbruik is</em>).</span></li>
<li><span style="line-height: 28px;"><strong>AAC+ stream afspelen</strong> (<em>Dit is native niet mogelijk gemaakt door android, door de stream eerst lokaal op te slaan heb ik dit wel werkend gekregen. AAC biedt de mogelijkheid om door middel van een lage bitrate hoogwaardige geluidskwaliteit aan te bieden.</em>)</span></li>
</ul>
<p>Deze applicatie zal zeer binnenkort aangeboden worden aan in de Android-market.</p>
]]></content:encoded>
			<wfw:commentRss>http://lpdesign.nl/2011/2011/android-app-radio-hitec/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flash: Shoutcast Webplayer</title>
		<link>http://lpdesign.nl/2011/2011/flash-shoutcast-webplayer/</link>
		<comments>http://lpdesign.nl/2011/2011/flash-shoutcast-webplayer/#comments</comments>
		<pubDate>Wed, 06 Apr 2011 16:43:40 +0000</pubDate>
		<dc:creator>Luke van der Palen</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[decibel]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[meta-data]]></category>
		<category><![CDATA[player]]></category>
		<category><![CDATA[shoutcast]]></category>
		<category><![CDATA[stream]]></category>

		<guid isPermaLink="false">http://lpdesign.nl/2011/?p=322</guid>
		<description><![CDATA[&#160; In opdracht van Radio Decibel, heb ik een flash based webplayer ontwikkeld, die niet alleen het afspelen van de stream(s) van Radio Decibel mogelijk maakt , maar ook de meta-data van Shoutcast uitleest. Hierdoor wordt er een playlist gegeneerd &#8230; <a href="http://lpdesign.nl/2011/2011/flash-shoutcast-webplayer/">Lees verder <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://lpdesign.nl/2011/wp-content/uploads/2011/04/Schermafbeelding-2011-04-06-om-18.35.29.png"><img class="alignnone size-thumbnail wp-image-323" title="Schermafbeelding 2011-04-06 om 18.35.29" src="http://lpdesign.nl/2011/wp-content/uploads/2011/04/Schermafbeelding-2011-04-06-om-18.35.29-730x250.png" alt="" width="730" height="250" /></a></p>
<p>&nbsp;</p>
<p>In opdracht van Radio Decibel, heb ik een flash based webplayer ontwikkeld, die niet alleen het afspelen van de stream(s) van Radio Decibel mogelijk maakt , maar ook de meta-data van Shoutcast uitleest. Hierdoor wordt er een playlist gegeneerd en kan de luisteraar zien wat er op dit moment op Radio Decibel speelt en wat er heeft gespeeld. Aan de hand van de artiest wordt ook door middel van de API van Last fm desbetreffende album art opgehaald en geplaatst in de player. Ook is het mogelijk om meer informatie over de artiest op te vragen een tevens adviseert het script ook over soortgelijke artiesten.</p>
<h2>Smartclips</h2>
<p>De webplayer maakt het ook mogelijk om zogeheten &#8220;Smartclips&#8221; af te spelen, dit zijn interactieve commercials die voor of tijdens het beluisteren van de stream worden uitgezonden.</p>
<h2>Link:</h2>
<p><a title="http://www.radiodecibel.nl/?page=webplayer" href="http://www.radiodecibel.nl/?page=webplayer">www.radiodecibel.nl/?page=webplayer</a></p>
]]></content:encoded>
			<wfw:commentRss>http://lpdesign.nl/2011/2011/flash-shoutcast-webplayer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PROJECT: LXD Naturalis</title>
		<link>http://lpdesign.nl/2011/2011/project-lxd-naturalis/</link>
		<comments>http://lpdesign.nl/2011/2011/project-lxd-naturalis/#comments</comments>
		<pubDate>Thu, 03 Feb 2011 15:42:34 +0000</pubDate>
		<dc:creator>Luke van der Palen</dc:creator>
				<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://lpdesign.nl/2011/?p=260</guid>
		<description><![CDATA[The first half year of the fourth and final school year I took part of the minor Learning Experience Design (LXD). On behalf of the Museum of Natural History in Leiden (NCB Naturalis) we have designed the workshop which is &#8230; <a href="http://lpdesign.nl/2011/2011/project-lxd-naturalis/">Lees verder <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://lpdesign.nl/2011/wp-content/uploads/2011/02/iPad2.png"><img class="transparantImage" title="iPad" src="http://lpdesign.nl/2011/wp-content/uploads/2011/02/iPad2-730x554.png" alt="" width="730" height="554" /></a></p>
<p>The first half year of the fourth and final school year I took part of the minor Learning Experience Design (LXD). On behalf of the Museum of Natural History in Leiden (NCB Naturalis) we have designed the workshop which is part of the Live Science Project, starting May 2011. It is supposed to attract a new target group of people from 20 to 30 years old.</p>
<p>From May the museum will put two collections, one from Amsterdam and one from Leiden, together into one in this workshop. All data will be stored in a brand-new database. To open this database to the public, we made it visually attractive and easy to use. There are four multi-touch screens where you can browse through the database using your fingers. When you go further down a family tree (snails, shells or fossils) you will notice the change of pinpoints on the worldmap. They point out the places where the many different objects were found.</p>
<p>To strengthen respect from the visitor for the scientists there is a prominent counter in the workplace. The counter will show what kind of a major project Live Science is and it will always show the current count of the database. It will count up to at least a million objects.</p>
<h4>Spatial design</h4>
<p><a href="http://lpdesign.nl/2011/wp-content/uploads/2011/02/5.jpg"><img class="size-thumbnail wp-image-263 alignnone" title="5" src="http://lpdesign.nl/2011/wp-content/uploads/2011/02/5-730x250.jpg" alt="" width="730" height="250" /></a></p>
<p><a href="http://lpdesign.nl/2011/wp-content/uploads/2011/02/7.jpg"><img class="alignnone size-thumbnail wp-image-264" title="7" src="http://lpdesign.nl/2011/wp-content/uploads/2011/02/7-730x250.jpg" alt="" width="730" height="250" /></a></p>
<h4>Ipad application</h4>
<p><a href="http://lpdesign.nl/2011/wp-content/uploads/2011/02/iPad2.png"><img class="alignnone size-thumbnail wp-image-271" title="iPad" src="http://lpdesign.nl/2011/wp-content/uploads/2011/02/iPad2-730x250.png" alt="" width="730" height="250" /></a></p>
<p><a href="http://lpdesign.nl/2011/wp-content/uploads/2011/02/screen.png"><img class="alignnone size-thumbnail wp-image-265" title="screen" src="http://lpdesign.nl/2011/wp-content/uploads/2011/02/screen-730x250.png" alt="" width="730" height="250" /></a></p>
<p><a href="http://lpdesign.nl/2011/wp-content/uploads/2011/02/eindscherm3.png"><img class="alignnone size-thumbnail wp-image-262" title="eindscherm" src="http://lpdesign.nl/2011/wp-content/uploads/2011/02/eindscherm3-730x250.png" alt="" width="730" height="250" /></a></p>
<h4>Facebook intergration</h4>
<p><a href="http://lpdesign.nl/2011/wp-content/uploads/2011/02/screen21.jpg"><img class="alignnone size-thumbnail wp-image-261" title="screen2" src="http://lpdesign.nl/2011/wp-content/uploads/2011/02/screen21-730x250.jpg" alt="" width="730" height="250" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://lpdesign.nl/2011/2011/project-lxd-naturalis/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Website: eetcafé B&amp;N</title>
		<link>http://lpdesign.nl/2011/2011/website-eetcafe-bn/</link>
		<comments>http://lpdesign.nl/2011/2011/website-eetcafe-bn/#comments</comments>
		<pubDate>Thu, 03 Feb 2011 15:34:29 +0000</pubDate>
		<dc:creator>Luke van der Palen</dc:creator>
				<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://lpdesign.nl/2011/?p=257</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p><a href="http://lpdesign.nl/2011/wp-content/uploads/2011/02/eetcafe.png"><img class="size-thumbnail wp-image-258 alignnone" title="eetcafe" src="http://lpdesign.nl/2011/wp-content/uploads/2011/02/eetcafe-730x250.png" alt="" width="730" height="250" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://lpdesign.nl/2011/2011/website-eetcafe-bn/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Stage: TankU</title>
		<link>http://lpdesign.nl/2011/2011/stage-tanku/</link>
		<comments>http://lpdesign.nl/2011/2011/stage-tanku/#comments</comments>
		<pubDate>Thu, 03 Feb 2011 15:14:11 +0000</pubDate>
		<dc:creator>Luke van der Palen</dc:creator>
				<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://lpdesign.nl/2011/?p=236</guid>
		<description><![CDATA[Eind augustus 2010 was het zover. Prinses Laurentien opende Airport Library. Op Schiphol verdrongen tv, radio, kranten, zowel nationaal als internationaal, zich om dit vast te leggen.De TankU is een bluetooth downloaddevice waar mensen in het voorbijgaan even stoppen om &#8230; <a href="http://lpdesign.nl/2011/2011/stage-tanku/">Lees verder <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://lpdesign.nl/2011/wp-content/uploads/2011/02/DSC7544_1.jpg"><img class="size-full wp-image-237 alignleft" title="_DSC7544_1" src="http://lpdesign.nl/2011/wp-content/uploads/2011/02/DSC7544_1.jpg" alt="" width="234" height="353" /></a></p>
<p>Eind augustus 2010 was het zover. Prinses Laurentien opende Airport Library. Op Schiphol verdrongen tv, radio, kranten, zowel nationaal als internationaal, zich om dit vast te leggen.De TankU is een bluetooth downloaddevice waar mensen in het voorbijgaan even stoppen om hun mobiel, PDA of smartphone vol met verhalen, muziek, beeld en video te ‘tanken’.</p>
<p>Encage maakte voor DOK een aantrekkelijk ‘in-store’ apparaat. Een soort van virtueel benzinestation. De Tank U zal speciaal samengestelde content aanbieden op plaatsen buiten de bibliotheek, zoals op stations, theaters, supermarkten en scholen. Je kunt luisterboeken, e-books, videoblogs, recepten, en allerlei interessante informatie vinden op de Tank U.</p>
<p>De Tank U maak gebruik van de bluetooth en WIFI technieken om content te versturen naar de gebruikers. Deze technieken worden aan elkaar gekoppeld door middel van ActiveX, Flash AS3 en JavaScript.</p>
<h4><a href="http://lpdesign.nl/2011/wp-content/uploads/2011/02/images.jpeg"><img class="size-medium wp-image-338 alignleft" title="images" src="http://lpdesign.nl/2011/wp-content/uploads/2011/02/images-250x187.jpg" alt="" width="250" height="187" /></a></h4>
<h4>TankU op Schiphol</h4>
<p>Eind augustus 2010 was het zover. Prinses Laurentien opende Airport Library. Op Schiphol verdrongen tv, radio, kranten, zowel nationaal als internationaal, zich om dit vast te leggen.<br />
De bibliotheek stond volop in de picture. Maar al deze aandacht verbleekt bij het aantal mensen dat de bibliotheek de komende jaren bezoekt. Want 5 miljoen internationale reizigers per jaar kunnen Airport Library zonder belemmeringen bezoeken. Er is letterlijk en figuurlijk geen drempel in deze bibliotheek die de bezoeker er van weerhoudt kennis te maken met Nederlandse cultuur in al haar facetten. De frisse en strakke uitstraling van dit novum werkt zeer uitnodigend. (bron: ProBiblio)</p>
]]></content:encoded>
			<wfw:commentRss>http://lpdesign.nl/2011/2011/stage-tanku/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Stage: Agora &#8211; storyboard of my life</title>
		<link>http://lpdesign.nl/2011/2011/stage-agora/</link>
		<comments>http://lpdesign.nl/2011/2011/stage-agora/#comments</comments>
		<pubDate>Thu, 03 Feb 2011 14:02:00 +0000</pubDate>
		<dc:creator>Luke van der Palen</dc:creator>
				<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://lpdesign.nl/2011/?p=192</guid>
		<description><![CDATA[&#160;&#160; &#8216;DOK Agora -storyboard of my life&#8217; is een mega-informatiescherm (6x3mtr) dat gaat functioneren als een virtueel dorpsplein waar iedereen zijn informatie kwijt kan. Met dit idee won DOK in 2007 een prijs van Innovatie Stimulans Bibliotheekvernieuwing. Samen met Encage &#8230; <a href="http://lpdesign.nl/2011/2011/stage-agora/">Lees verder <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div><a href="http://lpdesign.nl/2011/wp-content/uploads/2011/02/IMAGE_008.jpg"><img class="alignnone size-thumbnail wp-image-199" title="IMAGE_008" src="http://lpdesign.nl/2011/wp-content/uploads/2011/02/IMAGE_008-730x250.jpg" alt="" width="730" height="250" /></a>&nbsp;&nbsp;</div>
<blockquote><p>&#8216;DOK Agora -storyboard of my life&#8217; is een mega-informatiescherm (6x3mtr) dat gaat functioneren als een virtueel dorpsplein waar iedereen zijn informatie kwijt kan.<br />
Met dit idee won DOK in 2007 een prijs van Innovatie Stimulans Bibliotheekvernieuwing. Samen met Encage gaat DOK invulling geven aan het idee en de uitvoering. Een state of the art multimediale setting delen de mensen hun eigen verhalen als op de vroegere agora, de plek waar het sociale leven zich afspeelde. DOK Agora geeft ruimte aan de civil society in een unieke mediamix met de bibliotheek als venster naar buiten.</p></blockquote>
<h2>Verhalen-muur</h2>
<div id="_mcePaste"><a href="http://lpdesign.nl/2011/wp-content/uploads/2011/02/Agora-verhalenmuur-9-Okt-09_2_Page_04.png"><img class="alignnone size-thumbnail wp-image-213" title="Agora-verhalenmuur-9-Okt-09_2_Page_04" src="http://lpdesign.nl/2011/wp-content/uploads/2011/02/Agora-verhalenmuur-9-Okt-09_2_Page_04-730x250.png" alt="" width="730" height="250" /></a></div>
<div>Het Agora project bestaat uit een aantal onderdelen waaronder de &#8220;Verhalen-muur&#8221; , kort omschreven is dit een interactieve tijdlijn die aangevuld wordt door de bezoekers van een bibliotheek in Delft. Deze &#8220;Verhalen-muur&#8221; wordt geprojecteerd op maar liefst 32 schermen, waar doorheen gescrolled kan worden doormiddel van een, controller die gebruikt maakt van &#8220;motion sensing&#8221;.</div>
<h2>Verhalen Tafel</h2>
<p><a href="http://lpdesign.nl/2011/wp-content/uploads/2011/02/V2.png"><img class="alignnone size-thumbnail wp-image-214" title="V2" src="http://lpdesign.nl/2011/wp-content/uploads/2011/02/V2-730x250.png" alt="" width="730" height="250" /></a></p>
<div id="_mcePaste">De verhalen tafel is een interactieve installatie waarmee gebruikers hun verhaal over een bepaald onderwerk kunnen invoegen. Dit kan door middel van filmpjes, plaatjes, tekst en ingesproken materiaal. In dit onderdeel van het project heb ik meerdere bijdragen aangeleverd, die ik kort zal uitlichten.</div>
<h2>USB Manager</h2>
<p><span style="color: #444444;"><a href="http://lpdesign.nl/2011/wp-content/uploads/2011/02/filemanager.png"><img class="alignnone size-thumbnail wp-image-215" title="filemanager" src="http://lpdesign.nl/2011/wp-content/uploads/2011/02/filemanager-730x250.png" alt="" width="730" height="250" /></a></span></p>
<div id="_mcePaste">Zo heb ik een module ontwikkeld in Flash waardoor een &#8220;thumb drive&#8221; wordt opgespoord en uitlezen wordt zodra een gebruiker deze aansluit op het systeem, via een eigen interface kunnen gebruikers hun bestanden uploaden naar een persoonsgebonden archief.</div>
<div id="_mcePaste">Omdat flash de mogelijk niet bied om lokale schijven uit te lezen is dit gedaan door een combinatie van ActiveX, Java-Script en natuurlijk AS3.</div>
<h2>Archief</h2>
<p><span style="color: #444444;"><a href="http://lpdesign.nl/2011/wp-content/uploads/2011/02/archief.png"><img class="alignnone size-thumbnail wp-image-216" title="archief" src="http://lpdesign.nl/2011/wp-content/uploads/2011/02/archief-730x250.png" alt="" width="730" height="250" /></a></span></p>
<div id="_mcePaste">Ook heb ik een archief ontwikkeld waar, dit archief wordt meerde keren gebruikt in het proces.Het archief geeft de bestanden geüploade bestanden van de gebruiker weer of de algemene bestanden aangeleverd door DOK. Deze module is zo ontwikkeld dat de SWF extern variabel mee kan geven zodat bepaalde buttons of functies in of uitgeschakeld worden.</div>
<div id="_mcePaste">Ook heeft het de mogelijkheid om  filmpjes en geluid af te spelen en foto voor te vertonen.</div>
<h2>VideoBooth</h2>
<p><span style="color: #444444;"><a href="http://lpdesign.nl/2011/wp-content/uploads/2011/02/VS-videomaken-4.png"><img class="alignnone size-thumbnail wp-image-217" title="VS-videomaken-4" src="http://lpdesign.nl/2011/wp-content/uploads/2011/02/VS-videomaken-4-730x250.png" alt="" width="730" height="250" /></a></span></p>
<div id="_mcePaste">De videobooth is ook een onderdeel van het Agora-project waarmee gebruiker hun eigen filmpjes op kunnen nemen. Deze maakt gebruik van een green-screen en een &#8220;keyer&#8221;, hierdoor kunnen gebruiker hun eigen filmpjes op nemen met een achtergond naar keuze. Dit kan zowel een afbeelding zijn als een filmpje. De videobooth maakt gebruik van flash in combinatie met een Flash Media Server in ons geval Red5.</div>
]]></content:encoded>
			<wfw:commentRss>http://lpdesign.nl/2011/2011/stage-agora/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

