<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Make Web Not War</title>
	
	<link>http://www.webnotwar.ca</link>
	<description />
	<lastBuildDate>Wed, 22 May 2013 13:28:16 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/MakeWebNotWar" /><feedburner:info uri="makewebnotwar" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>The Developer Movement final challenge is there</title>
		<link>http://feedproxy.google.com/~r/MakeWebNotWar/~3/enOkJaF5oOE/</link>
		<comments>http://www.webnotwar.ca/the-developer-movement-final-challenge-is-there/#comments</comments>
		<pubDate>Wed, 22 May 2013 13:28:16 +0000</pubDate>
		<dc:creator>Frederic Harper</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Cash]]></category>
		<category><![CDATA[Developer Movement]]></category>
		<category><![CDATA[featured post]]></category>
		<category><![CDATA[Prizes]]></category>
		<category><![CDATA[Windows Phone]]></category>

		<guid isPermaLink="false">http://www.webnotwar.ca/?p=9141</guid>
		<description><![CDATA[It&#8217;s already the last challenge! So many points had been giving. So many prizes have been redeemed. It&#8217;s now time for the second edition of Developer Movement to bow out, but it will be done with class! For this last challenge, that will end on June 15th, we have many prizes. For each Windows 8 [...]]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.webnotwar.ca/wp-content/uploads/2013/05/2013-05-22_0911.png"><img class="aligncenter size-full wp-image-9151" alt="2013-05-22_0911" src="http://www.webnotwar.ca/wp-content/uploads/2013/05/2013-05-22_0911.png" width="500" height="238" /></a>It&#8217;s already the last challenge! So many <a href="https://www.developermovement.ca/about.aspx#how-to-get-points">points</a> had been giving. So many <a href="https://www.developermovement.ca/about.aspx#what-you-can-get">prizes</a> have been redeemed. It&#8217;s now time for the second edition of <a href="https://www.developermovement.ca"><span class="GINGER_SOFATWARE_correct">Developer</span> Movement</a> to bow out, but it will be done with class!</p>
<p>For this <a href="https://www.developermovement.ca/challenges.aspx">last challenge</a>, that will end on June 15th, we have many prizes. For each Windows 8 application you publish you&#8217;ll automatically be entered into a draw for a chance to <strong>win a grand prize of 2500$, one of five 500$</strong><br />
<strong> <span class="GINGER_SOFATWARE_correct">cash</span> prizes or one of ten new Windows Nokia 820 phones</strong>. That means 16 prizes, and on top of that, you&#8217;ll get the points you usually get by submitting application to the challenge. Is there any better way to finalize the second edition of this amazing program at Microsoft Canada?</p>
<img src="http://feeds.feedburner.com/~r/MakeWebNotWar/~4/enOkJaF5oOE" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.webnotwar.ca/the-developer-movement-final-challenge-is-there/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.webnotwar.ca/the-developer-movement-final-challenge-is-there/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=the-developer-movement-final-challenge-is-there</feedburner:origLink></item>
		<item>
		<title>Lost Keys HD for Windows 8, a game about demons, and magic</title>
		<link>http://feedproxy.google.com/~r/MakeWebNotWar/~3/l8SvU4KGlhk/</link>
		<comments>http://www.webnotwar.ca/lost-keys-hd-for-windows-8-a-game-about-demons-and-magic/#comments</comments>
		<pubDate>Thu, 09 May 2013 17:39:33 +0000</pubDate>
		<dc:creator>Frederic Harper</dc:creator>
				<category><![CDATA[Community Rock Stars]]></category>
		<category><![CDATA[Developer]]></category>
		<category><![CDATA[Game]]></category>
		<category><![CDATA[interview]]></category>
		<category><![CDATA[Windows 8]]></category>
		<category><![CDATA[Windows Phone]]></category>

		<guid isPermaLink="false">http://www.webnotwar.ca/?p=8921</guid>
		<description><![CDATA[At Make Web Not War we like to promote applications or games the people in communities are doing around our platforms. We did an interview with Rob Targosz, who build a Windows 8 game around magic, and demons. As far as we like demons, and playing games on our devices (not during work hours&#8230; ahum&#8230; [...]]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.webnotwar.ca/wp-content/uploads/2013/05/1.png"><img class="alignleft size-full wp-image-9021" style="margin-left: 10px; margin-right: 10px;" alt="1" src="http://www.webnotwar.ca/wp-content/uploads/2013/05/1.png" width="144" height="144" /></a><span class="GINGER_SOFATWARE_correct">At</span> Make Web Not War we like to promote applications or games the people in communities are doing around our platforms. We did an interview with <a href="http://www.eragion.com/">Rob Targosz</a>, who build a Windows 8 game around magic, and demons. As far as we like demons, and playing games on our devices (not during work hours&#8230; <span class="GINGER_SOFATWARE_correct">ahum</span>&#8230; <span class="GINGER_SOFATWARE_correct">of course), we thought it be would nice to promote it, and get some feedbacks on Rob&#8217;s experience.</span></p>
<h2>Could you describe your game?</h2>
<p>Thousands of years ago, demons and other foul creatures freely roamed our world, wreaking terror wherever they went. The ancient and powerful Council of Magi conjured a magic key that forever banished these creatures to the underworld. Through the ages that followed the key was lost and evil slowly returned to our world. You must seek the magic key hidden deep in <span class="GINGER_SOFATWARE_correct">the dungeons</span> of Lost Keys and return peace to our realm.</p>
<p>Players guide their character through each room to collect a key and get to the exit. Each room is populated with dragons, gargoyles and other evil creatures. The player has no defense against these beasts and must avoid them or redirect them. Each level is rigged to explode <span class="GINGER_SOFATWARE_correct">at</span> a fixed time after the room is breached. The player’s only power is the ability to create and destroy sandstone blocks.</p>
<h2>Why build this type of game on the Windows 8 platform?</h2>
<p>I really wanted to support Windows 8 for three main reasons:</p>
<ol>
<li>The Windows 8 Store provides indie developers with <i>direct</i> access to the biggest user base in the history of indie game development.</li>
<li>Windows 8 supports a much broader range of features and capabilities than any other mobile platform. As a game developer, I want my game to look and play its best, and Windows 8 has this in spades.</li>
<li>Windows 8 supports more than just touch input, low power processors and tiny screens. While developing games for mobile platforms is fun and challenging, it was really nice to be able to develop for a “fuller” OS like Windows 8 and take advantage of high-resolution graphics capabilities, keyboard and mouse inputs, 3<sup><span class="GINGER_SOFATWARE_correct">rd</span></sup> <span class="GINGER_SOFATWARE_correct">party</span> controllers like the Xbox-style <span class="GINGER_SOFATWARE_noSuggestion GINGER_SOFATWARE_correct">gamepad</span>, etc., etc.</li>
</ol>
<p><a href="http://apps.microsoft.com/windows/app/lost-keys/a98c3826-0a9b-4e07-b78e-4f08f87661a7">Lost Keys HD for Windows 8</a> was ported from the original <a href="http://www.windowsphone.com/s?appid=35768217-c289-49f6-af0c-d92f697a206b">Windows Phone version</a> that shipped in 2011. The Windows 8 version has all-new, high-resolution artwork – earning it the “HD” moniker. The game supports multiple platform-specific input methods, including on-screen virtual thumb-sticks, accelerometer/tap mode and keyboard support. You can even hook up an Xbox-style controller and play using that on Windows 8!</p>
<h2>Which technology did you choose, and why?</h2>
<p><a href="http://www.webnotwar.ca/wp-content/uploads/2013/05/2.png"><img class="alignright size-medium wp-image-9031" alt="2" src="http://www.webnotwar.ca/wp-content/uploads/2013/05/2-282x300.png" width="282" height="300" /></a>I knew I wanted to develop a game homage to Solomon’s Key and even had the name “Lost Keys” as far back as 2001. I had been tinkering with game development in DirectX and OpenGL for a while when Microsoft published XNA Game Studio Express in 2006. The XNA framework really made things much easier for indie game developers to get started and even provided several template games. Within weeks I had transformed the XNA Platformer template into a recognizable version of what eventually became Lost Keys – at least the first level.</p>
<p>After that, I sort of abandoned the Lost Keys project for a while. I had a game idea and the tools to build it but what I didn’t have was an established route to publish a finished product and monetize it. I didn’t want to put in the time and effort I knew it would take to finish a full game without knowing how to get it published.</p>
<p>In 2011, I participated in Microsoft’s Windows Phone Mango Developer Challenge in Canada. This inspired me to complete Lost Keys “Lite” for Windows Phone – a version of Lost Keys with only 6 levels, low-pixel count sprites and some royalty-free digital music downloaded online. A few months later, I shipped Lost Keys as a trial-to-paid game with 50 levels and improved feature set.</p>
<p>After completing the full Lost Keys Windows Phone release, I was looking at porting the game to other mobile platforms like <span class="GINGER_SOFATWARE_correct">iOS</span> and Android when I heard about <a href="http://www.monogame.net/">MonoGame</a>. I think I first saw MonoGame on Channel 9 during Microsoft’s //build Windows conference. The MonoGame team had just finished their Windows 8 port, so I immediately switched gears and started the Windows 8 port of Lost Keys.</p>
<h2>Did you have any problems during the process? How did you solve it?</h2>
<p>Most people believe that the hardest part of game development is creating the game engine – graphics, AI, input, sound, etc. What I learned in completing Lost Keys HD for Windows Phone and Windows 8 is that the real hard part is <i>actually</i> everything else that goes into making a game a good user experience. This includes the icons and artwork, splash page, menu system, settings and options, handling OS-specific events like activation and de-activation, performance tuning both the game and the other user interface elements, then testing, testing and testing some more.</p>
<p>The next biggest challenge was deciding how much of Windows 8’s new capabilities I wanted to incorporate before launching on the new platform. Porting the game from the smaller Windows Phone screens meant that my artwork – designed for lower resolutions and low-power CPUs – look really <span class="GINGER_SOFATWARE_correct">jaggy</span> and <span class="GINGER_SOFATWARE_correct">pixelated</span>. I had to redo all of my textures, sprites, buttons, backgrounds and other artwork before shipping on Windows 8. I wound up using <a href="http://www.spiralgraphics.biz/genetica.htm"><span class="GINGER_SOFATWARE_correct">Genetica</span></a> for most of my new textures and eventually purchased some new artwork for the sprites before I was satisfied with their quality level. Here’s a before and after set of screen shots:</p>
<p style="text-align: center;"><a href="http://www.webnotwar.ca/wp-content/uploads/2013/05/3.png">
<a href='http://www.webnotwar.ca/lost-keys-hd-for-windows-8-a-game-about-demons-and-magic/attachment/3/' title='3'><img width="150" height="150" src="http://www.webnotwar.ca/wp-content/uploads/2013/05/3-150x150.png" class="attachment-thumbnail" alt="before" /></a>
<a href='http://www.webnotwar.ca/lost-keys-hd-for-windows-8-a-game-about-demons-and-magic/attachment/4/' title='4'><img width="150" height="150" src="http://www.webnotwar.ca/wp-content/uploads/2013/05/4-150x150.png" class="attachment-thumbnail" alt="after" /></a>
</p>
<p></a></p>
<p>&nbsp;</p>
<p>However, once all that was done, most of the remaining Windows 8-specific work was really very straightforward. Kudos to both the MonoGame team and the Microsoft Windows 8 Store team for their great documentation and sample code!</p>
<h2>What <span class="GINGER_SOFATWARE_correct">is</span> your favorite Windows 8 <span class="GINGER_SOFATWARE_correct">feature</span>?</h2>
<p>As a developer, I really love the simplicity that Windows 8 brings to trial-to-paid in the Windows Store. The ability to make a few simple API calls to complete a purchase is much simpler than what <span class="GINGER_SOFATWARE_correct">iOS</span> or Android offer today. I think this model will eventually force changes to the other mobile platforms since it provides both a better developer experience and a better end user experience.</p>
<h2>Did you have another application or game in the Store or do you have any plan to build another one?</h2>
<p>Lost Keys HD is currently my only game on Windows 8, though I have 3 active applications on Windows Phone as well: <a href="http://www.windowsphone.com/s?appid=c733fea9-6a69-4b96-922c-d210de5fe25f">Celerity Lite</a>, <a href="http://www.windowsphone.com/s?appid=ac0e05fe-68f2-44a8-a22b-660684b8cd63">Plummet </a>and <a href="http://www.windowsphone.com/s?appid=35768217-c289-49f6-af0c-d92f697a206b">Lost Keys</a>. I recently completed my <a href="https://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=584190071&amp;mt=8"><span class="GINGER_SOFATWARE_correct">iOS</span> port</a> and have just about finished my Android and Xbox 360 ports. Both of those should be online in a couple of weeks. Check for updates on my home page at <a href="http://www.eragion.com/">www.eragion.com</a>.</p>
<p>I’ve also started working on a couple of new projects using the <a href="http://www.unity3d.com/">Unity</a> engine and plan to ship two new games before the end of this year! It’s really great to see that Unity 4.2 is bringing support for Windows 8 and Windows Phone 8 very soon.</p>
<img src="http://feeds.feedburner.com/~r/MakeWebNotWar/~4/l8SvU4KGlhk" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.webnotwar.ca/lost-keys-hd-for-windows-8-a-game-about-demons-and-magic/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.webnotwar.ca/lost-keys-hd-for-windows-8-a-game-about-demons-and-magic/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=lost-keys-hd-for-windows-8-a-game-about-demons-and-magic</feedburner:origLink></item>
		<item>
		<title>Three ways to set up a Ruby stack on Azure</title>
		<link>http://feedproxy.google.com/~r/MakeWebNotWar/~3/tq0T6wnX5-8/</link>
		<comments>http://www.webnotwar.ca/three-ways-to-set-up-a-ruby-stack-on-azure/#comments</comments>
		<pubDate>Fri, 03 May 2013 19:38:58 +0000</pubDate>
		<dc:creator>Nik Garkusha</dc:creator>
				<category><![CDATA[Geek Speak]]></category>
		<category><![CDATA[Training & Webcasts]]></category>
		<category><![CDATA[azure]]></category>
		<category><![CDATA[azure-cli]]></category>
		<category><![CDATA[BitNami]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[MacBook]]></category>
		<category><![CDATA[OSX]]></category>
		<category><![CDATA[ruby]]></category>
		<category><![CDATA[RVM]]></category>
		<category><![CDATA[Ubuntu]]></category>
		<category><![CDATA[VM]]></category>
		<category><![CDATA[VMDepot]]></category>

		<guid isPermaLink="false">http://www.webnotwar.ca/?p=8851</guid>
		<description><![CDATA[Microsoft’s announcement of the Windows Azure SDK for Ruby opens up new alternatives and resources for Ruby developers to publish their apps in the cloud. This first version of the SDK (GitHub) supports working with Azure storage &#38; Azure service bus, and deployment in a Linux VM on Azure IaaS. The 3 options covered below [...]]]></description>
				<content:encoded><![CDATA[<p>Microsoft’s announcement of the <a href="http://blogs.msdn.com/b/silverlining/archive/2013/04/26/the-windows-azure-sdk-for-ruby.aspx" target="_blank">Windows Azure SDK for Ruby</a> opens up new alternatives and <a href="http://www.windowsazure.com/en-us/develop/ruby/" target="_blank">resources for Ruby developers</a> to publish their apps in the cloud. This <a href="https://github.com/WindowsAzure/azure-sdk-for-ruby" target="_blank">first version of the SDK (GitHub)</a> supports working with Azure storage &amp; Azure service bus, and deployment in a <a href="http://www.windowsazure.com/en-us/manage/linux/" target="_blank">Linux VM on Azure IaaS</a>.</p>
<p>The 3 options covered below are different ways to set up an Ubuntu Linux stack with Ruby 1.9.3. – running in a Windows Azure VM – on my MacBook Pro:</p>
<ol>
<li>An “official” PLATFORM IMAGE with Ruby Version Manager (RVM) via Azure Portal</li>
<li>A VMDepot Ruby Stack from BitNami via Azure Portal</li>
<li>A VMDepot Ruby Stack from BitNami via azure-cli command line (OSX)</li>
</ol>
<p>The major difference in these approaches is the use of the “official” platform image is the supported Ubuntu Server 13.04 image where we’ll install pre-requisite packaged &amp; <a href="https://rvm.io/" target="_blank">RVM</a> to end up with Ruby 1.9.3. vs an already pre-configured stack from BitNami available via <a href="http://vmdepot.msopentech.com/" target="_blank">VMDepot from the Microsoft OpenTech.</a></p>
<h3>1. Ubuntu 13.04 + RVM via Azure Portal</h3>
<p>In the Azure portal go to Virtual Machines. Pick NEW –&gt; Virtual Machine –&gt; From Gallery:</p>
<p><a href="http://www.webnotwar.ca/wp-content/uploads/2013/05/image.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; margin: 3px 0px 3px 5px; border-left: 0px; display: inline; padding-right: 0px" border="0" alt="image" src="http://www.webnotwar.ca/wp-content/uploads/2013/05/image_thumb.png" width="644" height="231"></a></p>
<p>In the List of OS, pick the <em>Ubuntu Server 13.04</em> </p>
<p><a href="http://www.webnotwar.ca/wp-content/uploads/2013/05/image1.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; margin: 3px 0px 3px 5px; border-left: 0px; display: inline; padding-right: 0px" border="0" alt="image" src="http://www.webnotwar.ca/wp-content/uploads/2013/05/image_thumb1.png" width="644" height="389"></a></p>
<p>As of last week, VM options include using key-based authentication for SSH, which I’ll choose for this install. <br />Open up terminal and go into the directory where you’d like to store your key &amp; certificate. Then, to create the certificate/key combo:</p>
<pre class="csharpcode">openssl req -x509 -nodes -days 365 -newkey rsa:2048 -keyout myPrivateKey.key -<span class="kwrd">out</span> myCert.pem</pre>
<pre class="csharpcode">&nbsp;</pre>
<pre class="csharpcode">&nbsp;</pre>
<p>Note the location of the .key, to be used in your SSH sessions to the VM we’re creating. Next, let’s upload the .pem in the following screen back in the Azure portal:<br /><a href="http://www.webnotwar.ca/wp-content/uploads/2013/05/image2.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; margin: 3px 0px 3px 5px; border-left: 0px; display: inline; padding-right: 0px" border="0" alt="image" src="http://www.webnotwar.ca/wp-content/uploads/2013/05/image_thumb2.png" width="644" height="464"></a></p>
<style type="text/css">.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }
</style>
<p>The other options include size of the vm, user name to be set up &amp; the VM machine name. Click Next:</p>
<p><a href="http://www.webnotwar.ca/wp-content/uploads/2013/05/image3.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; margin: 3px 0px 3px 5px; border-left: 0px; display: inline; padding-right: 0px" border="0" alt="image" src="http://www.webnotwar.ca/wp-content/uploads/2013/05/image_thumb3.png" width="644" height="465"></a></p>
<p>Here we’re providing the DNS name &amp; choosing the region/affinity group where we’d like the VM to be located. For performance reasons it’s wise to keep the region consistent across your Azure VMs, services, etc. supporting your solution.<br /><a href="http://www.webnotwar.ca/wp-content/uploads/2013/05/image4.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; margin: 3px 0px 3px 5px; border-left: 0px; display: inline; padding-right: 0px" border="0" alt="image" src="http://www.webnotwar.ca/wp-content/uploads/2013/05/image_thumb4.png" width="644" height="198"></a></p>
<p>Shortly you should end up with a VM (in my case, named: “ubuntu13ruby”) that will get provisioned and started with the settings you specified. The only critical thing to note is the SSH port (under your VM –&gt; Edndpoints). You’ll need this for your SSH session.</p>
<p>Back in my MacBook Terminal I’m going to connect to the VM &amp; run a few updates and install git-core &amp; curl:</p>
<pre class="csharpcode">sudo apt-get -y update
sudo apt-get -y upgrade
sudo apt-get -y git-core curl</pre>
<style type="text/css">.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }
</style>
<p>&nbsp;</p>
<p>Next I’m choosing to install Ruby Version Manager (RVM) which provides many useful capabilities including sand-boxing multiple versions of Ruby and simplifying the install.</p>
<p>Run RVM installer (note the leading backslash)
<pre class="csharpcode">\curl -L https://get.rvm.io | bash -s stable</pre>
<pre class="csharpcode">&nbsp;</pre>
<pre class="csharpcode">&nbsp;</pre>
</p>
<p>Make RVM accessible from bash:
<pre class="csharpcode">echo <span class="str">'source ~/.rvm/scripts/rvm'</span> &gt;&gt; ~/.bash_aliases &amp;&amp; bash</pre>
<style type="text/css">.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }
</style>
</p>
<p>&nbsp;</p>
<p>Next we’ll use rvm to check any missing dependencies/packages:
<pre class="csharpcode">rvm requirements</pre>
<style type="text/css">.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }
</style>
</p>
<p>&nbsp;</p>
<p>Output should contain information similar to this:
<pre class="csharpcode">Missing required packages: gcc, make, libc6-dev, libreadline6-dev, zlib1g-dev, <br />libssl-dev, libyaml-dev, libsqlite3-dev, sqlite3, libxml2-dev, libxslt1-dev, <br />autoconf, libc6-dev, libgdbm-dev, libncurses5-dev, automake, libtool, bison, <br />pkg-config, libffi-dev.</pre>
<pre class="csharpcode">&nbsp;</pre>
<pre class="csharpcode">&nbsp;</pre>
</p>
<p>Use the output from rvm requirements to sudo install missing bits. In my case it’s:
<pre class="csharpcode"><strong>sudo apt-get install</strong> gcc make libc6-dev libreadline6-dev zlib1g-dev libssl-dev <br />libyaml-dev libsqlite3-dev sqlite3 libxml2-dev libxslt1-dev autoconf libc6-dev <br />libgdbm-dev libncurses5-dev automake libtool bison pkg-config libffi-dev<strong> –y</strong></pre>
<style type="text/css">.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }
</style>
</p>
<p>&nbsp;</p>
<p>For sanity check, run <em>rvm requirements</em> again, to ensure nothing else is missing. <br />Next let’s install Ruby 1.9.3:
<pre class="csharpcode">rvm install 1.9.3</pre>
<style type="text/css">.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }
</style>
</p>
<p>You should get output similar to below:
<pre class="csharpcode">Installing Ruby from source to: /home/azureuser/.rvm/rubies/ruby-1.9.3-p392, <span class="kwrd">this</span> may take a <span class="kwrd">while</span> depending on your cpu(s)...
....
Install of ruby-1.9.3-p392 - #complete</pre>
<style type="text/css">.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }
</style>
</p>
<p>&nbsp;</p>
<p>Set Ruby 1.9.3 to default:
<pre class="csharpcode">rvm use 1.9.3 --default</pre>
<style type="text/css">.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }
</style>
</p>
<p>&nbsp;</p>
<p>Finally, let’s make sure ruby 1.9.3 is installed correctly with :&nbsp; <em>ruby –v</em></p>
<p>On the VM installed, I get indication that we’re all set: <strong>ruby 1.9.3p392 (2013-02-22 revision 39386) [x86_64-linux]</strong></p>
<p>&nbsp;</p>
<h3>2. BitNami Ubuntu Ruby stack using VMDepot via Azure Portal</h3>
<p><a href="http://vmdepot.msopentech.com/" target="_blank">VMDepot from the Microsoft OpenTech</a> provides an amazing collection of various stacks for various apps &amp; purposes to get a VM going very quickly on Azure</p>
<p>From the Azure Portal, choose Virtual Machines –&gt; Images:</p>
<p><a href="http://www.webnotwar.ca/wp-content/uploads/2013/05/image5.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; margin: 3px 0px 3px 5px; border-left: 0px; display: inline; padding-right: 0px" border="0" alt="image" src="http://www.webnotwar.ca/wp-content/uploads/2013/05/image_thumb5.png" width="451" height="249"></a></p>
<p>Click “Browse VM Depot” and filter to Ubuntu images on the left hand side:</p>
<p><a href="http://www.webnotwar.ca/wp-content/uploads/2013/05/image6.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; margin: 3px 0px 3px 5px; border-left: 0px; display: inline; padding-right: 0px" border="0" alt="image" src="http://www.webnotwar.ca/wp-content/uploads/2013/05/image_thumb6.png" width="630" height="484"></a></p>
<p>I’m picking the Ruby Stack 1.9.3-9 from BitNami to be installed, and then specify a storage account where my BitNami image will be copied (and stored) before I can create a VM from it:</p>
<p><a href="http://www.webnotwar.ca/wp-content/uploads/2013/05/image7.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; margin: 3px 0px 3px 5px; border-left: 0px; display: inline; padding-right: 0px" border="0" alt="image" src="http://www.webnotwar.ca/wp-content/uploads/2013/05/image_thumb7.png" width="623" height="484"></a></p>
<p>Because the image is quite large (30 gb) the copy process may take some time; after it completes I can see it under Virtual Machines –&gt; Images. I need to Register it (bottom right of the options bar):</p>
<p><a href="http://www.webnotwar.ca/wp-content/uploads/2013/05/image8.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; margin: 3px 0px 3px 5px; border-left: 0px; display: inline; padding-right: 0px" border="0" alt="image" src="http://www.webnotwar.ca/wp-content/uploads/2013/05/image_thumb8.png" width="644" height="291"></a></p>
<p>Finally, I go to NEW –&gt; Virtual Machine –&gt; From Gallery –&gt; MY IMAGES, where I should see my image:</p>
<p><a href="http://www.webnotwar.ca/wp-content/uploads/2013/05/image9.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; margin: 3px 0px 3px 5px; border-left: 0px; display: inline; padding-right: 0px" border="0" alt="image" src="http://www.webnotwar.ca/wp-content/uploads/2013/05/image_thumb9.png" width="644" height="335"></a></p>
<p>At this point I can create the VM from the BitNami&nbsp; image, click Next &amp; follow options similar to step 1 above.</p>
<p>&nbsp;</p>
<h3>3. BitNami Ubuntu Ruby stack using VMDepot via command line</h3>
<p>An alternative to the Azure portal is using <a href="http://www.windowsazure.com/en-us/develop/nodejs/how-to-guides/command-line-tools/" target="_blank">azure-cli command line tools</a> which greatly simplify (and automate) Azure related tasks on any platform. </p>
<p>I’m starting with <a href="http://vmdepot.msopentech.com/List/Index?sort=Featured&amp;search=ruby" target="_blank"><strong>VM Depot website search for Ruby stack</strong></a>:</p>
<p><a href="http://www.webnotwar.ca/wp-content/uploads/2013/05/image10.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; margin: 3px 0px 3px 5px; border-left: 0px; display: inline; padding-right: 0px" border="0" alt="image" src="http://www.webnotwar.ca/wp-content/uploads/2013/05/image_thumb10.png" width="644" height="240"></a></p>
<p>Once I find the stack I want (in my case Ruby Stack 1.9.3-9 on Ubuntu), I click “Deployment Script” and get the commands I need for azure-cli on my client machine:</p>
<p><a href="http://www.webnotwar.ca/wp-content/uploads/2013/05/image11.png"><img title="image" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; margin: 3px 0px 3px 5px; border-left: 0px; display: inline; padding-right: 0px" border="0" alt="image" src="http://www.webnotwar.ca/wp-content/uploads/2013/05/image_thumb11.png" width="644" height="108"></a></p>
<p>On my MacBook, I need to have azure-cli installed (and my .profile imported), after which I can create the VM &amp; enable the endpoints for HTTP/HTTPS (SSH is enabled on default port with the <em>&#8211;ssh</em> option) :
<pre class="csharpcode">azure vm create bitnamiub13ruby -o vmdepot-323-1-1 -l <span class="str">"West US"</span> azureuser &lt;MyPassword&gt; –ssh
azure vm endpoint create-multiple bitnamiub13ruby 80:80,443:443</pre>
<style type="text/css">.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }
</style>
</p>
<p>&nbsp;</p>
<p>At this point I should be able to SSH to my newly created Ruby-ready at <em>bitnamiub13ruby.cloudapp.net </em>with the user: azureuser &amp; password specified. For sanity check I can see my VMs by using:</p>
<pre class="csharpcode">azure vm list </pre>
<p><style type="text/css">.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }
</style>
</p>
<p>Using either one of these 3 approaches I should have a Ruby stack on a Ubuntu VM running in Windows Azure, ready for development! </p>
<p>In a follow-on to this post I’m teaming up with <a href="https://twitter.com/marc_gagne" target="_blank">Marc Gagné</a> to explore Azure SDK for Ruby in a sample app running in one of my VMs.</p>
<img src="http://feeds.feedburner.com/~r/MakeWebNotWar/~4/tq0T6wnX5-8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.webnotwar.ca/three-ways-to-set-up-a-ruby-stack-on-azure/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.webnotwar.ca/three-ways-to-set-up-a-ruby-stack-on-azure/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=three-ways-to-set-up-a-ruby-stack-on-azure</feedburner:origLink></item>
		<item>
		<title>Use a template, publish your Windows 8 app, and get 100$ – limited offer</title>
		<link>http://feedproxy.google.com/~r/MakeWebNotWar/~3/pcrhm1rxSyc/</link>
		<comments>http://www.webnotwar.ca/use-a-template-publish-your-windows-8-app-and-get-100-limited-offer/#comments</comments>
		<pubDate>Tue, 30 Apr 2013 14:10:18 +0000</pubDate>
		<dc:creator>Frederic Harper</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Apps4Ottawa]]></category>
		<category><![CDATA[Developer Movement]]></category>
		<category><![CDATA[featured post]]></category>
		<category><![CDATA[open data]]></category>
		<category><![CDATA[Promotion]]></category>
		<category><![CDATA[reward]]></category>
		<category><![CDATA[Template]]></category>
		<category><![CDATA[Visa gift card]]></category>
		<category><![CDATA[Windows 8]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.webnotwar.ca/?p=8541</guid>
		<description><![CDATA[It&#8217;s already May, the summer is really taking place, the vacations are coming in a couple of weeks, and our partners are going crazy like this crazy frog! With the overwhelming feedbacks they had around some of the templates for Windows 8, they are improving the previous offer: use one of the templates listed below, [...]]]></description>
				<content:encoded><![CDATA[<div id="attachment_8561" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-8561" alt="Creative Commons: http://j.mp/ZTEXQj" src="http://www.webnotwar.ca/wp-content/uploads/2013/04/3553318709_1cd05094ff.jpg" width="500" height="333" /><p class="wp-caption-text">Creative Commons: http://j.mp/ZTEXQj</p></div>
<p>It&#8217;s already May, the summer is really taking place, the vacations are coming in a couple of weeks, and our partners are going crazy like this crazy frog! With the overwhelming feedbacks they had around some of the templates for Windows 8, they are improving the previous offer: use one of the templates listed below, publish your Windows 8 application before June 1st, and <strong>redeem a 100$ Visa card</strong>.</p>
<h2>Where&#8217;s the catch?</h2>
<p>There is no catch: download your preferred template, customize the application to make it yours, publish your application in the Windows Store, and redeem your gift card. <strong>Attention, the application need to be submitted before Junse 1st, the offer is limited until we have Visa cards, and it&#8217;s for Canadians only</strong>. Since the Windows Store account for individual is 49$, the card will reimburse the fees, and will leave you with 51$ to reward you for your effort. Even if you are looking for a business account at 99$, the card will reimburse all the fees. After that, you&#8217;ll have an account to publish any other application idea you have. If you already have a Windows Store account, keep the 100$ all for yourself!</p>
<h2>Which templates can I use?</h2>
<p>If you follow us, you probably hear a lot about the templates we <span class="GINGER_SOFATWARE_correct">liked</span> at Make Web Not War, but let me give you a quick guided tour.</p>
<h3>WordPress Template</h3>
<p><b>Description</b> – take your wordpress.com or self-hosted site and turn it into a Windows 8 app. More information in this <a title="Build a Windows 8 application for your WordPress site – limited offer" href="http://www.webnotwar.ca/build-a-windows-8-application-for-your-wordpress-site-limited-offer/">previous blog post</a>.</p>
<p><b>Programming Skills Required</b> – Yes if you use the template on GitHub, <b>None, if you use the online tool.</b></p>
<p><b>Download on GitHub</b> &#8211; <a href="https://github.com/ideanotion/ideapress">https://github.com/ideanotion/ideapress</a></p>
<p><b>Use the online tool</b> &#8211; <a href="http://ideapress.ca/">http://ideapress.ca/</a></p>
<p>&nbsp;</p>
<h3>Open Data Finder Template</h3>
<p><b>Description</b> – <span class="GINGER_SOFATWARE_correct">use</span> a JSON Open Data source to display points of interest on a map. More information in this <a title="Finder &amp; Hero Templates: The Fastest Way to Get Started with Location-Based Windows 8 Apps" href="http://www.webnotwar.ca/finder-hero-templates-the-fastest-way-to-get-started-with-location-based-windows-8-apps/">previous blog post</a>.</p>
<p><b>Programming skills</b> – 200 level – you need to know enough to figure out what is open data, find a suitable JSON link, figure out the structure of the Open data and update the app to read the right fields, also requires creating Bing account which is free but is a little extra work.</p>
<p><b>Download</b> &#8211; <a href="https://github.com/marteaga/Win8_FinderApp_Client">https://github.com/marteaga/Win8_FinderApp_Client</a></p>
<p>&nbsp;</p>
<h3>Open Data Hero App Template</h3>
<p><b>Description</b> – users can crowd-source location-based data (e.g. <span class="GINGER_SOFATWARE_correct">fix</span>-my-street type scenarios), with a way to submit &amp; map points of interest, and a management back-end.  More information in this <a title="Finder &amp; Hero Templates: The Fastest Way to Get Started with Location-Based Windows 8 Apps" href="http://www.webnotwar.ca/finder-hero-templates-the-fastest-way-to-get-started-with-location-based-windows-8-apps/">previous blog post</a>.</p>
<p><b>Programming Skills</b> – 200-300 as you have to customize the UI, JSON feed, and install the <span class="GINGER_SOFATWARE_noSuggestion GINGER_SOFATWARE_correct">backend</span></p>
<p><b>Download</b> &#8211; <a href="https://github.com/marteaga/Win8_HeroApp_Client">https://github.com/marteaga/Win8_HeroApp_Client</a></p>
<p><b>Download the server</b> &#8211; <a href="https://github.com/marteaga/Win8_HeroApp_Server">https://github.com/marteaga/Win8_HeroApp_Server</a></p>
<h2>I want more!</h2>
<p>I have a good news for you, there are other ways you can get rewards by creating your Windows 8 application. Firstly, you can submit your application to the <a href="http://developermovement.ca">Developer Movement</a>, get some points, and exchange them for great rewards. It&#8217;s a good time to do so as the 3rd challenge is up, and you&#8217;ll double your points (more information in this <a title="The 3rd developer movement challenge &amp; the developer movement extension" href="http://www.webnotwar.ca/the-3rd-developer-movement-challenge-the-developer-movement-extension/">previous blog post</a>). If you are using one of the Open Data template, combined with an Open Data feed from the city of Ottawa, even if you are not in Canada, you can submit your application to <a href="http://apps4ottawa.ca">Apps4Ottawa </a>(more information in this <a title="Ottawa Open Data App Contest: 38 000$ in prizes" href="http://www.webnotwar.ca/ottawa-open-data-app-contest-38-000-in-price/">previous blog post</a>).</p>
<h2>How can I redeem my visa card?</h2>
<p>Since it&#8217;s a time limited, and until supply last offer, the first step for you, right after you finish reading this post is to send an email to <a href="mailto:mwnwcan@microsoft.com">mwnwcan@microsoft.com</a> to notify us your interest. It will give our partners a chance to keep a 100$ Visa card for you (keep in mind that the card will be held for a limited period of time, but we&#8217;ll let you know). The Make Web Not War team will also be there to help you with any questions on the offer, the templates, and any technical questions. To redeem your gift card, you&#8217;ll have to send us the Windows Store link of the Windows 8 application you built: it&#8217;s that easy! Note that the offer <strong>is not limited to one card per person</strong>, so the more quality applications you publish, the more money you&#8217;ll get. Thanks to IdeaNotion for this amazing offer (<span style="text-decoration: underline;">the offer does not apply if you used the other IdeaNotion offer for May, where they publish the application for yourself</span>).</p>
<img src="http://feeds.feedburner.com/~r/MakeWebNotWar/~4/pcrhm1rxSyc" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.webnotwar.ca/use-a-template-publish-your-windows-8-app-and-get-100-limited-offer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.webnotwar.ca/use-a-template-publish-your-windows-8-app-and-get-100-limited-offer/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=use-a-template-publish-your-windows-8-app-and-get-100-limited-offer</feedburner:origLink></item>
		<item>
		<title>Build your next great game for Windows 8</title>
		<link>http://feedproxy.google.com/~r/MakeWebNotWar/~3/3DnMOsAgKtw/</link>
		<comments>http://www.webnotwar.ca/build-your-next-great-game-for-windows-8/#comments</comments>
		<pubDate>Mon, 29 Apr 2013 13:29:11 +0000</pubDate>
		<dc:creator>Frederic Harper</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Developer Movement]]></category>
		<category><![CDATA[featured post]]></category>
		<category><![CDATA[Free]]></category>
		<category><![CDATA[Games]]></category>
		<category><![CDATA[Gaming]]></category>
		<category><![CDATA[Github]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[McFunkyPants]]></category>
		<category><![CDATA[Rewards]]></category>
		<category><![CDATA[Space]]></category>
		<category><![CDATA[Starter Kit]]></category>
		<category><![CDATA[Steam Punk]]></category>
		<category><![CDATA[Template]]></category>
		<category><![CDATA[Windows 8]]></category>
		<category><![CDATA[Woot Studio]]></category>
		<category><![CDATA[Zombie]]></category>

		<guid isPermaLink="false">http://www.webnotwar.ca/?p=8461</guid>
		<description><![CDATA[Even if learning how to build Windows 8 application, if you are a Web Developer, is not a hard task, we still believe that starter kits (or templates) are one of the way to go to learn how to do it. One of the things I like to do on my Windows 8 device is [...]]]></description>
				<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-8471" alt="screenshot_04152013_210103" src="http://www.webnotwar.ca/wp-content/uploads/2013/04/screenshot_04152013_210103.png" width="864" height="486" /></p>
<p>Even if learning how to build Windows 8 application, if you are a Web Developer, is not a hard task, we still believe that starter kits (or templates) are one of the way to go to learn how to do it. One of the things I like to do on my Windows 8 device is to play casual games, and I was more than happy to see that our friend <a href="http://mcfunkypants.com/">McFunkypants</a> built an amazing template for game developers (or people who wants to build games).</p>
<p>Firstly, go <span class="GINGER_SOFATWARE_correct">on</span> <a href="http://wootstudio.ca"><span class="GINGER_SOFATWARE_correct">Woot</span> Studio</a>, and <a href="http://wootstudio.ca/win8platstarter">download the kit</a>. Once the kit downloaded, you&#8217;ll find two games based on the same model: Gwendolynn the Lionhearted &amp; Rubba Rabbit. Since the code is free, and Open Source, you can also fetch it, and contribute on <a href="https://github.com/Mcfunkypants/Ludus">GitHub</a>. At that point, you have the choice between using one of the two games, and modify them, or use the JavaScript library to help you build a game &#8220;from scratch&#8221;. If you are like me, you like to code, but you have no artistic talent, and it&#8217;s OK as Woot Studio added some royalty <a href="http://wootstudio.ca/win8platstarter">free art package</a>s: <a href="http://mediafiles.w00t.ms/Content/win8platstarter/downloads/space-pack-v1.0.zip">outer space</a>, <a href="http://mediafiles.w00t.ms/Content/win8platstarter/downloads/steampunk-pack-v1.0.zip">steam punk</a>, and a <a href="http://mediafiles.w00t.ms/Content/win8platstarter/downloads/zombies-pack-v1.0.zip">zombie</a> one (more to come).</p>
<p>Two things to keep in mind when you&#8217;ll build those: you can participate in the <a href="http://developermovement.ca">Developer Movement</a> program to get rewards for your Windows 8 application (<a href="http://www.webnotwar.ca/the-3rd-developer-movement-challenge-the-developer-movement-extension/">see this month&#8217;s challenge</a>!), and we would like to <a href="mailto:wootstudio@microsoft.com">hear about you</a>, and see what you did! So go to <a href="http://wootstudio.ca/win8platstarter"><span class="GINGER_SOFATWARE_correct">Woot</span> Studio</a> to read more about the template, download the starter kit, and build some amazing games!</p>
<img src="http://feeds.feedburner.com/~r/MakeWebNotWar/~4/3DnMOsAgKtw" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.webnotwar.ca/build-your-next-great-game-for-windows-8/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.webnotwar.ca/build-your-next-great-game-for-windows-8/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=build-your-next-great-game-for-windows-8</feedburner:origLink></item>
		<item>
		<title>Setting up Ubuntu Linux VM on Windows Azure for Node.js using essential Node &amp; Azure tools on Mac OS X</title>
		<link>http://feedproxy.google.com/~r/MakeWebNotWar/~3/eXwTOd6HNbs/</link>
		<comments>http://www.webnotwar.ca/setting-up-ubuntu-linux-vm-on-windows-azure-for-node-js-using-essential-node-azure-tools-on-mac-os-x/#comments</comments>
		<pubDate>Mon, 22 Apr 2013 20:34:26 +0000</pubDate>
		<dc:creator>Nik Garkusha</dc:creator>
				<category><![CDATA[Geek Speak]]></category>
		<category><![CDATA[Training & Webcasts]]></category>
		<category><![CDATA[azure]]></category>
		<category><![CDATA[Git]]></category>
		<category><![CDATA[Homebrew]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[Node.js]]></category>
		<category><![CDATA[Ubuntu]]></category>
		<category><![CDATA[VM]]></category>

		<guid isPermaLink="false">http://www.webnotwar.ca/?p=8341</guid>
		<description><![CDATA[As of lately I’ve been experimenting with Node.JS and Express for back-ends and REST APIs of web, mobile &#38; Windows 8 apps, such as the Hero &#38; Finder Templates.While Azure Web Sites provide a perfect way to get going fast with Node, because Web Sites aren’t running IIS8 yet, to use Socket.IO with Node I’d [...]]]></description>
				<content:encoded><![CDATA[<p>As of lately I’ve been experimenting with <a href="http://nodejs.org" target="_blank">Node.JS</a> and <a href="http://expressjs.com/" target="_blank">Express</a> for back-ends and REST APIs of web, mobile &amp; Windows 8 apps, such as the <a href="http://www.webnotwar.ca/finder-hero-templates-the-fastest-way-to-get-started-with-location-based-windows-8-apps/" target="_blank">Hero &amp; Finder Templates</a>.<br />While <a href="http://www.windowsazure.com/en-us/develop/nodejs/" target="_blank">Azure Web Sites provide a perfect way to get going fast with Node</a>, because Web Sites aren’t running IIS8 yet, to use <a href="http://socket.io/" target="_blank">Socket.IO</a> with Node I’d need to either use <a href="http://www.windowsazure.com/en-us/develop/nodejs/tutorials/app-using-socketio/" target="_blank">Node.JS in a Worker Role</a> or…. a Linux VM!</p>
<p><a href="http://www.webnotwar.ca/wp-content/uploads/2013/04/image3.png"><img title="image" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: right; padding-top: 0px; padding-left: 0px; margin: 3px 0px 3px 5px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="image" align="right" src="http://www.webnotwar.ca/wp-content/uploads/2013/04/image_thumb.png" width="198" height="159"></a>Last week’s <a href="http://weblogs.asp.net/scottgu/archive/2013/04/16/windows-azure-general-availability-of-infrastructure-as-a-service-iaas.aspx" target="_blank">announcement of General Availability of Infrastructure as a Service (IaaS) for Windows Azure</a> refers to built-in <a href="http://www.windowsazure.com/en-us/manage/linux/" target="_blank">image templates for several popular Linux distros</a>. Below is a complete 2-part walk-through: installing a Node.JS development environment on a Mac OS X from scratch, including Git, <a href="http://www.windowsazure.com/en-us/manage/linux/other-resources/command-line-tools/" target="_blank">Azure command line tools</a> (azure-cli), as well as setting up an Ubuntu Linux VM to run Node.js in Windows Azure.</p>
<p><strong><span style="font-size: medium"><br />PART A: OS X setup, Node.js &amp; Azure tools</span></strong>.</p>
<p>Skip this part if you already have your Mac set up with Git, Node &amp; Azure tools.</p>
<p>1. I’m starting with a completely fresh MacBook Pro without any development tools installed. The first order of business is installing <a href="https://developer.apple.com/xcode/" target="_blank">Xcode</a> and specifically the Command Line Tools component. On Xcode 4.6.2 Command Line Tools are installed from:&nbsp; Xcode -&gt; Preferences -&gt; Downloads<a href="http://www.webnotwar.ca/wp-content/uploads/2013/04/image4.png"><img title="image" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: right; padding-top: 0px; padding-left: 0px; margin: 3px 0px 3px 5px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="image" align="right" src="http://www.webnotwar.ca/wp-content/uploads/2013/04/image4_thumb.png" width="354" height="161"></a>.</p>
<p>Git: Xcode v 4.3 or newer also installs Git.</p>
<p>2. Before installing Node on the Mac, I’ll set up a very useful <a href="https://github.com/mxcl/homebrew" target="_blank">Homebrew package manager</a>, which allows to install/manage different versions of tools/apps. Open up Terminal and downloading/running the “go” ruby script, which gets everything loaded up in one go:</p>
<pre class="csharpcode">ruby -e <span class="str">"$(curl -fsSkL raw.github.com/mxcl/homebrew/go)"</span></pre>
<pre class="csharpcode"></pre>
<p>&nbsp;</p>
<style type="text/css"><!--
.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }
--></style>
<p>Run&nbsp; <em>brew doctor</em> after the script completes to catch any issues. In my case I was missing <em>/usr/local/sbin</em> in my PATH variable, which I added into the <em>.profile</em> file created in my user’s home directory (more on that <a href="http://trickortip.com/312/MAC-OSX-Lion-Terminal/where-is-the-profile-file-in-mac-os-x-lion-mac-terminal-trick.html" target="_blank">here</a>). Restart Terminal to make sure your changes were applied.</p>
<p>3. Next, I wanted to install a specific version of Node on OS X with Homebrew. While the Node azure-cli/SDK team keeps up with the most recent version of node, sometimes it’s <a href="http://codebetter.com/glennblock/2013/03/18/node-0-10-compat-issues-with-the-azure-sdk-and-cli/" target="_blank">best to install an earlier, supported version of Node to avoid compat issues</a>. Below is how you do that with Homebrew:</p>
<pre class="csharpcode">brew versions node</pre>
<pre class="csharpcode"><a href="http://www.webnotwar.ca/wp-content/uploads/2013/04/image5.png"><img title="image" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; margin: 3px 0px 3px 5px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="image" src="http://www.webnotwar.ca/wp-content/uploads/2013/04/image_thumb1.png" width="350" height="170"></a></pre>
<p>&nbsp;</p>
<style type="text/css"><!--
.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }
--></style>
<p>From the list of available versions copy to install v. 0.8.18 :</p>
<pre class="csharpcode">git checkout 07783c3 /usr/local/Library/Formula/node.rb
brew install node</pre>
<p>Note that if you installed the latest version of Node first (by using: <em>brew install node</em>) you should unlink that version before installing a different one: <em>brew unlink node<br /></em>Make sure Node is installed with the right version: <em>node -v</em></p>
<p>4. Install the Azure command line tools. With node installed, I could simply run: <em>npm install –g azure-cli&nbsp; </em>or by running the <a href="http://www.windowsazure.com/en-us/downloads/" target="_blank">Installer for MAC from Azure SDK &amp; CLI downloads.</a><br />Test by running <em>azure</em> from Terminal (check out the awesome ASCII art!!)</p>
<p>5. Lastly, if you haven’t already signed up to Azure, you can do so with a <a href="http://www.windowsazure.com/en-us/pricing/free-trial/" target="_blank">3 months free trial</a></p>
<p>&nbsp;</p>
<p><strong><span style="font-size: medium">PART B: OS X setup, Node.JS &amp; Azure tools</span></strong>.</p>
<p>The Windows Azure Cross Platform Command Line tool (<a href="http://www.windowsazure.com/en-us/manage/linux/other-resources/command-line-tools/" target="_blank">azure-cli</a>) is an OSS project that makes it very simple to automate (and script) setting up and managing Azure services, including VMs. Reference &amp; examples for use are the <a href="https://github.com/WindowsAzure/azure-sdk-tools-xplat" target="_blank">project on GitHub</a>, <a href="https://npmjs.org/package/azure-cli" target="_blank">npm package info</a> &amp; <a href="http://www.windowsazure.com/en-us/develop/nodejs/how-to-guides/command-line-tools/" target="_blank">this how-to guide</a>.</p>
<p>This is what I did using my MacBook to set up an Ubuntu VM running Node:</p>
<p>1. With an Azure account (3 month free trial is OK too),&nbsp; I first need to download &amp; import my Azure credentials &amp; publish settings. From Terminal:</p>
<pre class="csharpcode">azure account download</pre>
<pre class="csharpcode"></pre>
<p>&nbsp;</p>
<style type="text/css"><!--
.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }
--></style>
<p>This opens up your browser to log in with your Azure credentials, and download your profile info (note the location &amp; name of the downloaded file). Import the file:</p>
<pre class="csharpcode">azure account import ~/Downloads/MyAccountName-M-D-YYYY-credentials.publishsettings</pre>
<p>&nbsp;</p>
<style type="text/css"><!--
.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }
--></style>
<p>Where MyAccountName….publishsettings is the file downloaded in the previous step.</p>
<p>2. To create a Linux VM I start with getting a list of geographic locations to set up our VM. <strong>Note</strong>: This becomes important when setting up other services, such as storage, service bus namespaces, etc. because typically you’d want to have all those services in the same location to ensure optimum speed/performance of your app.</p>
<pre class="csharpcode">azure vm location list</pre>
<pre class="csharpcode"></pre>
<p>Next, I see what images are available:</p>
<pre class="csharpcode">azure vm image list</pre>
<p>&nbsp;</p>
<style type="text/css"><!--
.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }
--></style>
<p>As of today, I’m picking the most recent Ubuntu image:&nbsp; <em>b39f27a8b8c64d52b05eac6a62ebad85__Ubuntu-12_10-amd64-server-20130414-en-us-30GB</em> and would like to have it running in location = <em>West US.<br /></em>Let’s put two and two together, and get that VM created:</p>
<pre class="csharpcode">azure vm create myVMname b39f27a8b8c64d52b05eac6a62ebad85__Ubuntu-12_10-amd64-server-20130414-en-us-30GB myUserName 
&lt;myPassword&gt; --location <span class="str">"West US"</span> –ssh</pre>
<p>&nbsp;</p>
<pre class="csharpcode"></pre>
<p>Note that I’m specifying both the admin user name and password, as well as the <em>&#8211;ssh</em> option to set up SSH on the Linux VM at the default port (22).</p>
<pre class="csharpcode">azure vm list</pre>
<p>&nbsp;</p>
<pre class="csharpcode">azure vm show myVMname</pre>
<p>&nbsp;</p>
<style type="text/css"><!--
.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }
--></style>
<p>Should respectively list us all of the VMs I have on my account, as well as the details on the newly-created VM. Finally, let’s get it started:</p>
<pre class="csharpcode">azure vm start myVMname</pre>
<p>&nbsp;</p>
<style type="text/css"><!--
.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }
--></style>
<p>3. To configure the Azure VM (Ubuntu 12 Linux image) for NodeJS (again, I’m choosing to customize the Node install to be v0.8.18) including Git, I need to connect to the VM using SSH:</p>
<pre class="csharpcode">ssh <a href="mailto:myUserName@myVMname.cloudapp.net">myUserName@myVMname.cloudapp.net</a></pre>
<p>&nbsp;</p>
<style type="text/css"><!--
.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }
--></style>
<p>and from there download / set up Node dependencies, curl, git and get version Node v0.8.18 set up:</p>
<pre class="csharpcode">sudo apt-get install -y g++ libssl-dev apache2-utils curl git-core
git clone git:<span class="rem">//github.com/joyent/node.git</span>
cd node
git checkout v0.8.18
./configure
make
sudo make install</pre>
<p>&nbsp;</p>
<pre class="csharpcode"></pre>
<p>At this point I should end up with a brand spanking new Ubuntu VM ready to run my Node apps, which I can test with <em>node -v </em>. Note that npm is installed with Node v0.8 and higher.</p>
<img src="http://feeds.feedburner.com/~r/MakeWebNotWar/~4/eXwTOd6HNbs" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.webnotwar.ca/setting-up-ubuntu-linux-vm-on-windows-azure-for-node-js-using-essential-node-azure-tools-on-mac-os-x/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.webnotwar.ca/setting-up-ubuntu-linux-vm-on-windows-azure-for-node-js-using-essential-node-azure-tools-on-mac-os-x/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=setting-up-ubuntu-linux-vm-on-windows-azure-for-node-js-using-essential-node-azure-tools-on-mac-os-x</feedburner:origLink></item>
		<item>
		<title>The 3rd developer movement challenge &amp; the developer movement extension</title>
		<link>http://feedproxy.google.com/~r/MakeWebNotWar/~3/a2fXrQLF6EU/</link>
		<comments>http://www.webnotwar.ca/the-3rd-developer-movement-challenge-the-developer-movement-extension/#comments</comments>
		<pubDate>Mon, 22 Apr 2013 19:22:23 +0000</pubDate>
		<dc:creator>Frederic Harper</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Developer Movement]]></category>
		<category><![CDATA[featured post]]></category>
		<category><![CDATA[Free]]></category>
		<category><![CDATA[Gifts]]></category>
		<category><![CDATA[Rewards]]></category>
		<category><![CDATA[Windows 8]]></category>

		<guid isPermaLink="false">http://www.webnotwar.ca/?p=8191</guid>
		<description><![CDATA[If you follow us on Twitter or on Facebook, you probably already hear about the new challenge, and the developer movement extension, but we thought it would be good to do a blog post. Firstly, let&#8217;s start with the Developer Movement program extension: you now have until June 15th to participate, and get some points! [...]]]></description>
				<content:encoded><![CDATA[<p>If you follow us on <a href="http://twitter.com/webnotwar">Twitter </a>or on <a href="http://facebook.com/webnotwar">Facebook</a>, you probably already hear about the new challenge, and the <a href="http://developermovement.ca">developer movement</a> extension, but we thought it would be good to do a blog post.</p>
<p>Firstly, let&#8217;s start with the Developer Movement program extension: you now have until June 15th to participate, and get some points! That doesn&#8217;t mean that you need to wait until that day to publish your application. You need to think about different things like the certification process that may take some time, and the fact that it may be rejected for some obscure bugs you didn&#8217;t notice! Keep in mind that your application need to be in the store to be able to participate in Developer Movement. So it&#8217;s not too late to get more points!</p>
<p>On top of that, we announced our 3rd challenge last week. It&#8217;s a crazy challenge as it&#8217;s all about Windows 8, and with every Windows 8 application that you submit to the challenge until May 10th, you&#8217;ll get two things. The first part is all about points, because we&#8217;ll double the points. Usually, when you submit a Windows 8 application, you get 5 000 points, so that mean you&#8217;ll get 10 000 points! It&#8217;s that easy! Because we love you, we added something else: on every Windows 8 applications you submit during this challenge, you&#8217;ll enter a draw to win one of the five 500$ gift cards! Nothing more to do, just submit your application.</p>
<p><strong>So start to build your application right now, or publish yours as soon as you can because you only have a couple days left! Don&#8217;t forget <a href="http://developermovement.ca">to register</a>, you&#8217;ll get free points!</strong></p>
<img src="http://feeds.feedburner.com/~r/MakeWebNotWar/~4/a2fXrQLF6EU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.webnotwar.ca/the-3rd-developer-movement-challenge-the-developer-movement-extension/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.webnotwar.ca/the-3rd-developer-movement-challenge-the-developer-movement-extension/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=the-3rd-developer-movement-challenge-the-developer-movement-extension</feedburner:origLink></item>
		<item>
		<title>Why Are My Design Skills Weaksauce?</title>
		<link>http://feedproxy.google.com/~r/MakeWebNotWar/~3/0UbioXEFyeQ/</link>
		<comments>http://www.webnotwar.ca/why-are-my-design-skills-weaksauce/#comments</comments>
		<pubDate>Mon, 08 Apr 2013 21:48:46 +0000</pubDate>
		<dc:creator>Thomas Lewis</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.webnotwar.ca/?p=8151</guid>
		<description><![CDATA[There is not a day that goes by while perusing the Internet and all its glory (ok, excluding all the haters, trolls and evil) that I find something really well-designed and think to myself: “Why are my design skills so weaksauce?” I see amazing websites and apps that really nail the design and when I [...]]]></description>
				<content:encoded><![CDATA[<p>There is not a day that goes by while perusing the Internet and all its glory (ok, excluding all the haters, trolls and evil) that I find something really well-designed and think to myself: <strong>“Why are my design skills so weaksauce?”</strong> I see amazing websites and apps that really nail the design and when I speak of design I don’t just mean the aesthetic.</p>
<p>That is when it hit me a few years ago. <strong>It is not about the aesthetic, but how we approach the problem which I believe is a key component to designing websites and apps.</strong></p>
<p><strong>It is then that I realized that design wasn’t necessarily “something you were born with” but it was something you could study and like any pursuit whether artistic, scientific, culinary, or other you needed to have the fundamentals.</strong> You may have noticed I mentioned culinary. I do that because everyone knows pretty much how to cook: take ingredients and put them together in a way that is edible and manipulating them in different ways (such as fire). Now, with such a contrived metaphor you can easily see where I am going. We know that not everyone cooks the same way or at the same level. </p>
<p>But what makes chefs able to create gastronomical experiences while some of us barely can make mac &amp; cheese?<strong> They understand the fundamentals. They realize that it is not about “cooking up a burger” but much more that even starts with picking out the essential ingredients.</strong> The cook will know that there isn’t much sense in just throwing everything in a pot and then serving it, but they can explain why two items taste well together, why texture matters and the general palate of various countries.</p>
<p><img title="image" style="border-left-width: 0px;border-right-width: 0px;border-bottom-width: 0px;float: none;margin-left: auto;border-top-width: 0px;margin-right: auto" border="0" alt="image" src="http://www.webnotwar.ca/wp-content/uploads/2013/04/image.png" width="586" height="144"></p>
<p><strong>So how can you get begin to work through the foundations of great design?</strong> I have two sites I highly recommend. The first is called <a href="http://startupsthisishowdesignworks.com/">Startups, this is how design works</a>. This is a great resource to understand design beyond simple aesthetics and of course you are going to find out all about that design genius Dieter Rams for non-designers.</p>
<p>&nbsp;<a href="http://startupsthisishowdesignworks.com/"><img title="image" style="border-left-width: 0px;border-right-width: 0px;border-bottom-width: 0px;float: none;margin-left: auto;border-top-width: 0px;margin-right: auto" border="0" alt="image" src="http://www.webnotwar.ca/wp-content/uploads/2013/04/image1.png" width="536" height="192"></a> </p>
<p align="center">
</p>
<p>The second site I recommend is <a href="http://hackdesign.org/">HackDesign</a> which provides you a weekly e-mail with great information and then some work for you to do. Yes, it is like homework but it is fun stuff like watching the movie <a href="http://www.amazon.com/Objectified/dp/B002SOUVKU/ref=pd_sim_mov_aiv_2">Objectified</a>! I like that is a more hands-on and really brings you the fundamentals in an interesting way.</p>
<p><a href="http://hackdesign.com"><img title="image" style="border-left-width: 0px;border-right-width: 0px;border-bottom-width: 0px;float: none;margin-left: auto;border-top-width: 0px;margin-right: auto" border="0" alt="image" src="http://www.webnotwar.ca/wp-content/uploads/2013/04/image2.png" width="240" height="71"></a></p>
<p>Let me know what you think of the sites and especially if you find some other great design-oriented sites. If you want to keep up with designery goodness, you can also follow me on Twitter at @tommylee.</p>
<img src="http://feeds.feedburner.com/~r/MakeWebNotWar/~4/0UbioXEFyeQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.webnotwar.ca/why-are-my-design-skills-weaksauce/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.webnotwar.ca/why-are-my-design-skills-weaksauce/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=why-are-my-design-skills-weaksauce</feedburner:origLink></item>
		<item>
		<title>Have some fun exploring HTML5 games with PONG!</title>
		<link>http://feedproxy.google.com/~r/MakeWebNotWar/~3/cO3sxco9l2w/</link>
		<comments>http://www.webnotwar.ca/have-some-fun-exploring-html5-games-with-pong/#comments</comments>
		<pubDate>Mon, 08 Apr 2013 12:00:00 +0000</pubDate>
		<dc:creator>Susan Ibach</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Game]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Windows 8]]></category>

		<guid isPermaLink="false">http://www.webnotwar.ca/?p=8071</guid>
		<description><![CDATA[Take a couple of hours to learn your way around HTML5 and Canvas while creating your own version of Pong! Whether you have built games on other platforms and are trying to learn your way around gaming with HTML5, or you have never built a game before and have always wanted to, here’s a great [...]]]></description>
				<content:encoded><![CDATA[<p><strong><em>Take a couple of hours to learn your way around HTML5 and Canvas while creating your own version of Pong!<img title="pong" style="float: none;margin: 0px auto 10px" border="0" alt="pong" src="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-10-92-metablogapi/4606.image_5F00_thumb_5F00_7C6958DC.png" width="300" height="169"></em></strong></p>
<p>Whether you have built games on other platforms and are trying to learn your way around gaming with HTML5, or you have never built a game before and have always wanted to, here’s a great way to get started and have some fun at the same time!</p>
<p>This <a href="http://blogs.msdn.com/b/cdnstudents/archive/2013/03/08/template-of-the-week-windows-8-html5-pong-game.aspx">template version of Pong</a> gives you basic gameplay: two paddles, a ball, and that familiar “blip” sound as the ball hits the paddle and bounces back to the other side. The code is well documented so you can read through and learn how <a href="http://createjs.com">CreateJS</a> is used to preload the assets, how the assets are added to the canvas, or how different states of game play are included.</p>
<p>But this isn’t just about trying someone else’s code, it’s about playing with code, modifying and adding code to bring it to another level.</p>
<p>What level coder are you?</p>
<h2>Padawan? </h2>
<p>Download Paint.NET and put in your own image files for the paddle, background, ball, and icons to give the game it’s own look and feel.</p>
<h2>Jedi? </h2>
<p>Explore the code, add new assets, how about an extra obstacle in the middle of the court, or maybe you want to speed up the ball to make the game more challenging…could you add two balls?</p>
<h2>Jedi Master? </h2>
<p>Add boosters to the game to change up the play when hit by the ball, add support for snap view, how about a live tile?</p>
<p>Heck, you could even put your finished version of Pong in the store, but make it fun! Will it display different themes at different times of the year? Will it get harder the longer you play? Or will it just be the most artistic version of Pong ever built. Take a break and have some fun! <a href="http://blogs.msdn.com/b/cdnstudents/archive/2013/03/08/template-of-the-week-windows-8-html5-pong-game.aspx">Download the source code here</a>.</p>
<img src="http://feeds.feedburner.com/~r/MakeWebNotWar/~4/cO3sxco9l2w" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.webnotwar.ca/have-some-fun-exploring-html5-games-with-pong/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://www.webnotwar.ca/have-some-fun-exploring-html5-games-with-pong/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=have-some-fun-exploring-html5-games-with-pong</feedburner:origLink></item>
		<item>
		<title>Windows Store App Labs now available in Montreal, register now, it’s free!</title>
		<link>http://feedproxy.google.com/~r/MakeWebNotWar/~3/8hO_3GFADGg/</link>
		<comments>http://www.webnotwar.ca/windows-store-app-labs-now-available-in-montreal-register-now-its-free/#comments</comments>
		<pubDate>Tue, 02 Apr 2013 14:36:06 +0000</pubDate>
		<dc:creator>Frederic Harper</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Geek Speak]]></category>
		<category><![CDATA[Application]]></category>
		<category><![CDATA[Designer]]></category>
		<category><![CDATA[Developer]]></category>
		<category><![CDATA[featured post]]></category>
		<category><![CDATA[Free]]></category>
		<category><![CDATA[Help]]></category>
		<category><![CDATA[Montreal]]></category>
		<category><![CDATA[Support]]></category>
		<category><![CDATA[toronto]]></category>
		<category><![CDATA[vancouver]]></category>
		<category><![CDATA[Windows 8]]></category>
		<category><![CDATA[Windows Store App Lab]]></category>

		<guid isPermaLink="false">http://www.webnotwar.ca/?p=7981</guid>
		<description><![CDATA[I&#8217;m happy to announce that we now have Windows Store App Labs in Montreal. In my post about Notman House last week, I mention quickly the app labs, but I want to be sure everybody understands what is an App Lab! &#160; Why I should attend? A Windows Store App lab is a free two hour [...]]]></description>
				<content:encoded><![CDATA[<p><img class="size-full wp-image-7991  alignleft" style="margin-left: 10px; margin-right: 10px;" alt="" src="http://www.webnotwar.ca/wp-content/uploads/2013/04/4757641653_a88af115f0.jpg" width="333" height="500" /></p>
<p>I&#8217;m happy to announce that we now have <a href="https://applabs.msregistration.com/LabList.aspx?drop=150&amp;userid=null#list">Windows Store App Labs in Montreal</a>. In my <a title="Microsoft lounge at Notman House" href="http://www.webnotwar.ca/microsoft-lounge-at-notman-house/">post about Notman House</a> last week, I mention quickly the app labs, but I want to be sure everybody understands what is an App Lab!</p>
<p>&nbsp;</p>
<h2>Why I should attend?</h2>
<p><strong>A Windows Store App lab is a free two hour session with a Premiere Field Engineer (PFE) from Microsoft that will give you support on Windows 8 development.</strong> What does that mean? Whether you are at the beginning of the process, or ready to submit your Windows 8 application to the store, the PFE will give you advices, and technical support if needed. You can get guidance on how to prepare your application for submission to the Windows Store, get answers to technical questions you may have, test on a variety of Windows 8 devices including ARM one, receive design guidances, and more. The PFE will be there to help you be successful with your application, and trust me, they are experts on the platform!</p>
<p>&nbsp;</p>
<h2></h2>
<h2>Who can attend?</h2>
<p><strong>ANYONE who is building or want to build a Windows 8 application!</strong> You are a student, member of a startup, a professional developer, a hobby one, a Windows 8 expert, a beginner&#8230; This is for you!</p>
<h2>Do I need to register?</h2>
<p><a href="https://applabs.msregistration.com/LabList.aspx?drop=150&amp;userid=null#list">Yes</a>, and this is very important. Even if it&#8217;s free, you need to reserve your spot. On top of that, the PFE is coming from Toronto every two weeks, only to be there, and help you, so if there is no appointment for him scheduled a couple of days before, he won&#8217;t come in Montreal.<strong> <a href="https://applabs.msregistration.com/LabList.aspx?drop=150&amp;userid=null#list">So register quickly</a>!</strong></p>
<h2>What can I do if I&#8217;m not in Montreal?</h2>
<p>If you are in <a href="https://applabs.msregistration.com/LabList.aspx">Toronto</a> (more will be added soon) or <a href="https://applabs.msregistration.com/LabList.aspx?drop=52&amp;userid=null#list">Vancouver</a>, I have a good news for you: there are also Windows Store App Labs in those two cities. What about people in other cities? Stay tuned as we may have something for you soon.</p>
<p>&nbsp;</p>
<p style="text-align: center;"><em>Creative Commons image: http://j.mp/10sfTOf</em></p>
<img src="http://feeds.feedburner.com/~r/MakeWebNotWar/~4/8hO_3GFADGg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.webnotwar.ca/windows-store-app-labs-now-available-in-montreal-register-now-its-free/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.webnotwar.ca/windows-store-app-labs-now-available-in-montreal-register-now-its-free/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=windows-store-app-labs-now-available-in-montreal-register-now-its-free</feedburner:origLink></item>
	</channel>
</rss>
