<?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>Laurent Zuijdwijk</title>
	<atom:link href="http://www.flexr.org/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://www.flexr.org</link>
	<description>Code so clean you could eat off it.</description>
	<lastBuildDate>Sat, 10 Sep 2011 20:24:51 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.2</generator>
		<item>
		<title>Aurora: Actors for javascript</title>
		<link>http://www.flexr.org/?p=278</link>
		<comments>http://www.flexr.org/?p=278#comments</comments>
		<pubDate>Sat, 10 Sep 2011 16:24:40 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.flexr.org/?p=278</guid>
		<description><![CDATA[Aurora is an attempt to bring easy concurrency to javascript. Many browsers now support web workers, so it is time for an implementation that is easy to use, lightweight, fast and saves you from writing boiler-plate code. It is influenced by scala&#8217;s Akka actors. It is still very much a work in progress, but the [...]]]></description>
			<content:encoded><![CDATA[<p>Aurora is an attempt to bring easy concurrency to javascript. Many browsers now support web workers, so it is time for an implementation that is easy to use, lightweight, fast and saves you from writing boiler-plate code.</p>
<p>It is influenced by scala&#8217;s Akka actors. It is still very much a work in progress, but the committed code does work.</p>
<p>Have a look at <a href="https://github.com/LaurentZuijdwijk/Aurora">https://github.com/LaurentZuijdwijk/Aurora</a> for code samples.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.flexr.org/?feed=rss2&#038;p=278</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Inspiring talk about software development processes</title>
		<link>http://www.flexr.org/?p=269</link>
		<comments>http://www.flexr.org/?p=269#comments</comments>
		<pubDate>Wed, 07 Sep 2011 15:48:33 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.flexr.org/?p=269</guid>
		<description><![CDATA[Rich Hickey&#8217;s inspiring views on software development. Great advice: Get away from your computer and write better software with less bugs. A must watch.]]></description>
			<content:encoded><![CDATA[<p>
Rich Hickey&#8217;s inspiring views on software development. Great advice: Get away from your computer and write better software with less bugs. A must watch.
</p>
<p><iframe src="http://blip.tv/play/AYKRliYC.html" width="550" height="339" frameborder="0" allowfullscreen></iframe><embed type="application/x-shockwave-flash" src="http://a.blip.tv/api.swf#AYKRliYC" style="display:none"></embed></p>
]]></content:encoded>
			<wfw:commentRss>http://www.flexr.org/?feed=rss2&#038;p=269</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Apollo injection and messaging framework for Actionscript</title>
		<link>http://www.flexr.org/?p=232</link>
		<comments>http://www.flexr.org/?p=232#comments</comments>
		<pubDate>Wed, 17 Aug 2011 21:20:27 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.flexr.org/?p=232</guid>
		<description><![CDATA[Apollo is a lightweight Actionscript and Flex framework for dependency injection and message passing. Itt is an ideal basis for applications built using model-view-controller, or more specifically model-view-adapter patterns. The approach of this framework is slightly different from most other well know frameworks, such as Robotlegs or pureMVC. The aim is to give developers the best [...]]]></description>
			<content:encoded><![CDATA[<p>Apollo is a lightweight Actionscript and Flex framework for dependency injection and message passing. Itt is an ideal basis for applications built using model-view-controller, or more specifically model-view-adapter patterns. The approach of this framework is slightly different from most other well know frameworks, such as Robotlegs or pureMVC. The aim is to give developers the best tool to focus on the fun part of development and less on writing boilerplate code.</p>
<p>With Apollo I decided to go with a public interface driven design for dependency injection, instead of the more common meta tags+introspection, or the string based message passing as in pureMVC or the AS3 event model.</p>
<p>So what is the good thing about using interfaces in an observer pattern I hear you ask?</p>
<ul>
<li>Using interfaces gives the application architect the opportunity to divide an application up into certain areas of interest and group methods and properties together to be used across various controllers.</li>
<li>Ide&#8217;s will let you create stub code for all the interfaces that are implemented, preventing you from writing boilerplate code.</li>
<li>Type safety for object passing</li>
<li>No horrible switch statements</li>
</ul>
<p>You might think: &#8216;ok, I get that, but why another framework if the existing ones do a good job?&#8217;</p>
<p>This framework was developed by me as a way to test this new subscriber/observer method. Just because I can. Hopefully it will give you some new ideas or even a handy new tool.</p>
<h2>quick overview</h2>
<p>The basis of the framework is a static Injector class which uses the observer pattern to register controllers.</p>
<p>The methods <em>inject </em>and <em>call</em> are used to update controllers. Inject does exactly what you expect it does. I will inject a strongly typed object in every controller that has a registered property, based on their interface.</p>
<p>Given an interface &#8216;IPersonInjectable&#8217; which has a method set person(val:Person), then a call to Injector.inject(new Person(&#8216;me&#8217;)) will inject this new Person instance into every controller. You can see that with altering your models a bit, you can make databinding extremely easy.</p>
<h2>Example</h2>
<p>&nbsp;</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
</pre></td><td class="code"><pre class="actionscript" style="font-family:monospace;"><span style="color: #0066CC;">public</span> <span style="color: #0066CC;">interface</span> IPersonInjectable
<span style="color: #66cc66;">&#123;</span>
   <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #0066CC;">set</span> person<span style="color: #66cc66;">&#40;</span>val:Person<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">class</span> PersonViewController <span style="color: #0066CC;">extends</span> Controller <span style="color: #0066CC;">implements</span> IPersonInjectable
<span style="color: #66cc66;">&#123;</span>
   <span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> PersonViewController<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> 
   <span style="color: #66cc66;">&#123;</span>
      <span style="color: #0066CC;">super</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
   <span style="color: #66cc66;">&#125;</span>
&nbsp;
   <span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #0066CC;">set</span> person<span style="color: #66cc66;">&#40;</span>val:Person<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
   <span style="color: #66cc66;">&#123;</span>
      view.<span style="color: #006600;">person</span> = val;
   <span style="color: #66cc66;">&#125;</span>
<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">new</span> PersonViewController<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
Injector.<span style="color: #006600;">inject</span><span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">new</span> Person<span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">'Laurent'</span>, <span style="color: #ff0000;">'Zuijdwijk'</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span></pre></td></tr></table></div>

<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Have a look at <a href="https://github.com/LaurentZuijdwijk/Apollo">https://github.com/LaurentZuijdwijk/Apollo</a> for some examples.</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.flexr.org/?feed=rss2&#038;p=232</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Multi screen imagazine for Isobar Mobile</title>
		<link>http://www.flexr.org/?p=241</link>
		<comments>http://www.flexr.org/?p=241#comments</comments>
		<pubDate>Wed, 17 Aug 2011 18:01:59 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[portfolio]]></category>

		<guid isPermaLink="false">http://www.flexr.org/?p=241</guid>
		<description><![CDATA[My friends at Isobar Mobile made this video to show the multi-screen app we made for De Bijenkorf, a Dutch high-end retailer. We made a multiscreen Javascript app, which we packaged in native apps for Android, iPad and iPhone. It is based on an in-house MVC framework and a custom animation framework in order to [...]]]></description>
			<content:encoded><![CDATA[<p>My friends at Isobar Mobile made this video to show the multi-screen app we made for De Bijenkorf, a Dutch high-end retailer.</p>
<p><iframe width="560" height="349" src="http://www.youtube.com/embed/adXaYGfVMqM?rel=0" frameborder="0" allowfullscreen></iframe></p>
<p>We made a multiscreen Javascript app, which we packaged in native apps for Android, iPad and iPhone. It is based on an in-house MVC framework and a custom animation framework in order to switch between CSS3 and jquery animations. It was quite a fun project.</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.flexr.org/?feed=rss2&#038;p=241</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Back from the arctic</title>
		<link>http://www.flexr.org/?p=215</link>
		<comments>http://www.flexr.org/?p=215#comments</comments>
		<pubDate>Tue, 24 May 2011 13:33:14 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.flexr.org/blog/?p=215</guid>
		<description><![CDATA[Arctic Greenland has to be one of the most amazing places I have ever visited. Big open spaces, intense cold, steep snow faces, magnificent gullies, a close encounter with a polar bear and some serious snowboard first descents. WooT.]]></description>
			<content:encoded><![CDATA[<p>Arctic Greenland has to be one of the most amazing places I have ever visited. Big open spaces, intense cold, steep snow faces, magnificent gullies, a close encounter with a polar bear and some serious snowboard first descents. WooT.</p>
<p><a href="http://www.flexr.org/wp-content/uploads/2011/05/268.png"><img class="alignleft size-medium wp-image-216" title="268" src="http://www.flexr.org/wp-content/uploads/2011/05/268-300x225.png" alt="" /></a><a href="http://www.flexr.org/blog/wp-content/uploads/2011/05/GLRC-146.jpg"><img class="alignleft size-medium wp-image-217" title="GLRC-146" src="http://www.flexr.org/wp-content/uploads/2011/05/GLRC-146-225x300.jpg" alt="" /> </a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.flexr.org/?feed=rss2&#038;p=215</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Implementing the LinkedIn Javascript API for WebleadsB2B Investigate</title>
		<link>http://www.flexr.org/?p=179</link>
		<comments>http://www.flexr.org/?p=179#comments</comments>
		<pubDate>Wed, 18 May 2011 15:04:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Flex]]></category>

		<guid isPermaLink="false">http://www.flexr.org/blog/?p=179</guid>
		<description><![CDATA[We just finished implementing the new LinkedIn Javascript API for Investigate. Using a custom javascript wrapper and a ExternalInterface, it became quite effortless to search in LinkedIn from our Flex app and retrieve data. This is definately easier to implement than their PHP API and it supports the same methods. Thank you LinkedIn for coming [...]]]></description>
			<content:encoded><![CDATA[<p>We just finished implementing the new LinkedIn Javascript API for Investigate. Using a custom javascript wrapper and a ExternalInterface, it became quite effortless to search in LinkedIn from our Flex app and retrieve data. This is definately easier to implement than their PHP API and it supports the same methods.</p>
<p>Thank you LinkedIn for coming up with the Javasript API.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.flexr.org/?feed=rss2&#038;p=179</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Multiscreen Javascript application for Mercedes C-class</title>
		<link>http://www.flexr.org/?p=183</link>
		<comments>http://www.flexr.org/?p=183#comments</comments>
		<pubDate>Sun, 01 May 2011 15:13:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[portfolio]]></category>
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.flexr.org/blog/?p=183</guid>
		<description><![CDATA[Video rich Javascript application. This works on Android, Blackberry, iPad, iPhone, Webkit browsers, IE6 &#8211; IE9, Firefox, Opera. Using a framework I had developed earlier in the year, we could build this in an extremely short development time. Have a look at http://www.thenewcclass.co.uk &#160;]]></description>
			<content:encoded><![CDATA[<p>Video rich Javascript application. This works on Android, Blackberry, iPad, iPhone, Webkit browsers, IE6 &#8211; IE9, Firefox, Opera. Using a framework I had developed earlier in the year, we could build this in an extremely short development time.</p>
<p>Have a look at <a href="http://www.thenewcclass.co.uk" target="_blank">http://www.thenewcclass.co.uk</a></p>
<p>&nbsp;</p>
<p><a href="http://www.thenewcclass.co.uk/#home"><img class="alignright size-medium wp-image-184" title="Mercedes C-class website" src="http://www.flexr.org/wp-content/uploads/2011/05/mercedes-300x202.jpg" alt="" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.flexr.org/?feed=rss2&#038;p=183</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ReclameArsenaal vakpers Flex app</title>
		<link>http://www.flexr.org/?p=166</link>
		<comments>http://www.flexr.org/?p=166#comments</comments>
		<pubDate>Sun, 07 Feb 2010 12:17:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Flex]]></category>
		<category><![CDATA[Web development]]></category>
		<category><![CDATA[Adobe Flex]]></category>
		<category><![CDATA[ReclameArsenaal]]></category>
		<category><![CDATA[Rich internet applications]]></category>

		<guid isPermaLink="false">http://www.flexr.org/?p=166</guid>
		<description><![CDATA[For ReclameArsenaal we finally launched two new modules to browse over 160.000 pages of archive material. It includes over 17 magazine titles from 1922 onwards and books of the Advertisers Club Netherlands from 1968. I did end-to-end development of this app, from database design, import and management tool, web service and two Adobe Flex applications. [...]]]></description>
			<content:encoded><![CDATA[<p>For ReclameArsenaal we finally launched two new modules to browse over 160.000 pages of archive material. It includes over 17 magazine titles from 1922 onwards and books of the Advertisers Club Netherlands from 1968.</p>
<p>I did end-to-end development of this app, from database design, import and management tool, web service and two Adobe Flex applications.</p>
<p>Working in close coorperation with Redbike Multimedia and Pim Reinders from ReclameArsenaal, I think we achieved a really nice result.</p>
<p>Have a look at http://bit.ly/dt1Xan to see nearly 100 years of Dutch advertisement history.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.flexr.org/?feed=rss2&#038;p=166</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Actionscript 3 math fun: torus knots</title>
		<link>http://www.flexr.org/?p=135</link>
		<comments>http://www.flexr.org/?p=135#comments</comments>
		<pubDate>Sat, 26 Dec 2009 22:54:28 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[labs]]></category>
		<category><![CDATA[actionscript]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[knottheory]]></category>
		<category><![CDATA[math]]></category>
		<category><![CDATA[torusknot]]></category>
		<category><![CDATA[trigonometry]]></category>

		<guid isPermaLink="false">http://www.flexr.org/?p=135</guid>
		<description><![CDATA[After seeing the Wikipedia page for torus knots, I thought it would be nice to write a simple 3d genetator in AS3. The basic code for this script are four lines of codes, looped for each line section, with a max of 2 * PI or 360°. 1 2 3 4 5 _r = ((2 [...]]]></description>
			<content:encoded><![CDATA[<p>After seeing the <a href="http://en.wikipedia.org/wiki/Torus_knot" target="_blank">Wikipedia page</a> for torus knots, I thought it would be nice to write a simple 3d genetator in AS3.</p>
<p>The basic code for this script are four lines of codes, looped for each line section, with a max of 2 * PI or 360°.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
</pre></td><td class="code"><pre class="aactionscript" style="font-family:monospace;">_r = ((2 + Math.cos((q * i) / p)));
&nbsp;
x = _r * tr * Math.cos(i);
y = Math.sin((q * i) / p);
z = _r * tr * Math.sin(i);</pre></td></tr></table></div>

<p>The x, y and z values can be drawn using the graphics class after we convert them to 2D points.</p>
<p>Some interesting results can be achieved when the number of line segments is lowered below 100, making the image really distorted. With 35 line segments and high p and q values things get interesting.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="448" height="448" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="/wp-content/uploads/2009/11/torusknot.swf" /><embed type="application/x-shockwave-flash" width="448" height="448" src="/wp-content/uploads/2009/11/torusknot.swf"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.flexr.org/?feed=rss2&#038;p=135</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Get to know your visitors</title>
		<link>http://www.flexr.org/?p=113</link>
		<comments>http://www.flexr.org/?p=113#comments</comments>
		<pubDate>Sat, 27 Jun 2009 13:51:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[blog]]></category>

		<guid isPermaLink="false">http://www.flexr.org/?p=113</guid>
		<description><![CDATA[This is part one of a three part series on lead generation. In this first part, web solutions expert Laurent Zuijdwijk talks about best practices in lead generation and the software products Flexr Web Solutions has developed for webleadsb2b. These products include WebWHO and ENRICH, rich internet applications to support lead generation. Do you monitor [...]]]></description>
			<content:encoded><![CDATA[<p><em>This is part one of a three part series on lead generation.<br />
</em><em>In this first part, web solutions expert Laurent Zuijdwijk talks about best practices in lead generation and the software products Flexr Web Solutions has developed for webleadsb2b. These products include WebWHO and ENRICH, rich internet applications to support lead generation. </em></p>
<p>Do you monitor the visitors on your website thorougly enough? Do you know who your visitors really are? Even if you have plenty of visitors on your corporate website, chances are you are not maximizing the potential value they represent. I am sure you use tools to track traffic on your website, but how well do you really know the visitors on your website?</p>
<p>You will probably have plenty of quantitative information about traffic. Maybe you know which browser your visitors are using and which operating system. You know if your visitors are Mac users and what size screens they have. What exactly does this information tell you? Is it enough to filter out potential leads from your visitors and does that tell you if you are reaching your target audience?</p>
<p>It might be, but if you do direct sales through your website, or if your website is meant to generate sales leads which need to be followed up, the chances are you are missing out on business opportunities. In this case you really want to get to know your visitors and actively engage with them.</p>
<h4>How does it work?</h4>
<p>As part of their three step plan to engage with web visitors and generate leads, we built an application for webleadsb2b to acquire more qualitative information about website traffic. The requirements were to get specific in-depth information to:</p>
<ul>
<li>Monitor campaigns</li>
<li>Get the name of the organization visiting</li>
<li>Know their geographic location up to city level</li>
<li>Filter out competitors from the visitors</li>
<li>Measure on target audience</li>
<li>Find out where visitors come from</li>
</ul>
<h4>How we did it</h4>
<p>We designed and built a tracking script in Javascript and a front end dashboard application using Adobe Flex. Adobe Flex was chosen, because of the quick development times, it&#8217;s XML support and cross browser capabilities.</p>
<p>This rich internet application features graphs, copyable Excel like data grids and drag and drop functionality for data. This makes the application intuitive to use and data is easy to export. All data connectivity is done asynchronous, making the application more responsive and safer than an average web application.</p>
<h4>Results</h4>
<p>Fiserv, a financial services provider, uses this application to monitor campaigns. They can for example track the clicks on web ads and drill down on what type of visitors clicked on them. They found out that out of every 100 clicks:</p>
<ul>
<li>85 % was non-commercial</li>
<li>5% were competitors</li>
<li>10% was their target audience</li>
</ul>
<p>With this data they were able to calculate the effectiveness of their campaigns much more precisely.</p>
<p>In the next two posts I will get into how you can capture even more lead data and how to effectively follow up leads.</p>
<p><a title="Webleadsb2b homepage" href="http://www.webleadsb2b.com" target="_blank">Webleadsb2b</a> sells this product as part of their lead generation solution. If you want analyze the traffic on your website better or if you want to be able to monitor your campaigns, the team at www.webleadsb2b.com can help you out.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.flexr.org/?feed=rss2&#038;p=113</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

