<?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>Technoticles</title>
	<atom:link href="http://technoticles.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://technoticles.com</link>
	<description>(Techno)logy + Ar(ticles) = Technoticles</description>
	<lastBuildDate>Thu, 10 Jan 2013 06:17:09 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Elon Musk &#8211; All the cool things he does</title>
		<link>http://technoticles.com/2012/09/08/elon-musk-all-the-cool-things-he-does/</link>
		<comments>http://technoticles.com/2012/09/08/elon-musk-all-the-cool-things-he-does/#comments</comments>
		<pubDate>Sat, 08 Sep 2012 06:00:06 +0000</pubDate>
		<dc:creator>technoticles</dc:creator>
				<category><![CDATA[Design and Innovation]]></category>
		<category><![CDATA[Elon Musk]]></category>
		<category><![CDATA[hyperloop]]></category>
		<category><![CDATA[kevin rose]]></category>
		<category><![CDATA[paypal]]></category>
		<category><![CDATA[tesla]]></category>

		<guid isPermaLink="false">http://technoticles.com/?p=576</guid>
		<description><![CDATA[We just love what Elon Musk is working towards, and the philosophy he represents. In the video below he is interviewed by Elon Musk.

One of the key take aways &#8211; &#8220;Actively seek out and listen to negative feedback. Dont tell me what you like, tell me what you dont like.&#8221;


]]></description>
			<content:encoded><![CDATA[<div id="_mcePaste">We just love what Elon Musk is working towards, and the philosophy he represents. In the video below he is interviewed by Elon Musk.</div>
<p><br/><br/></p>
<div id="_mcePaste">One of the key take aways &#8211; &#8220;Actively seek out and listen to negative feedback. Dont tell me what you like, tell me what you dont like.&#8221;</div>
<p><br/><br/></p>
<p><iframe width="500" height="281" src="http://www.youtube.com/embed/L-s_3b5fRd8?fs=1&#038;feature=oembed" frameborder="0" allowfullscreen></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://technoticles.com/2012/09/08/elon-musk-all-the-cool-things-he-does/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Some resources for your next Web Project</title>
		<link>http://technoticles.com/2012/04/11/some-resources-for-your-next-web-project/</link>
		<comments>http://technoticles.com/2012/04/11/some-resources-for-your-next-web-project/#comments</comments>
		<pubDate>Wed, 11 Apr 2012 08:33:33 +0000</pubDate>
		<dc:creator>technoticles</dc:creator>
				<category><![CDATA[Software Development]]></category>
		<category><![CDATA[colors]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[github]]></category>
		<category><![CDATA[logos]]></category>
		<category><![CDATA[project management]]></category>
		<category><![CDATA[resources]]></category>
		<category><![CDATA[web apps]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://technoticles.com/?p=570</guid>
		<description><![CDATA[Off late in most of the web projects that I take up i end up using the same resources again and again. So here is the basic list that we can together grow into an exhaustive one.
Graphics


Get Buttons

http://dabuttonfactory.com/


Fonts

http://www.google.com/webfonts
http://www.dafont.com


Colors

http://www.colourlovers.com/browse


Logo inspiration

http://pinterest.com/search/?q=logos




WebSite



Domain

google apps &#8211; I prefer buying from google apps for easy integration with gmail, etc.
name.com
godaddy.com


Basic CMS based [...]]]></description>
			<content:encoded><![CDATA[<p>Off late in most of the web projects that I take up i end up using the same resources again and again. So here is the basic list that we can together grow into an exhaustive one.</p>
<p><strong>Graphics</strong></p>
<div>
<ul>
<li>Get Buttons
<ul>
<li><a href="http://dabuttonfactory.com/" target="_blank">http://dabuttonfactory.com/</a></li>
</ul>
</li>
<li>Fonts
<ul>
<li><a href="http://www.google.com/webfonts" target="_blank">http://www.google.com/webfonts</a></li>
<li><a href="http://www.dafont.com" target="_blank">http://www.dafont.com</a></li>
</ul>
</li>
<li>Colors
<ul>
<li><a href="http://www.colourlovers.com/browse" target="_blank">http://www.colourlovers.com/browse</a></li>
</ul>
</li>
<li>Logo inspiration
<ul>
<li><a href="http://pinterest.com/search/?q=logos" target="_blank">http://pinterest.com/search/?q=logos</a></li>
</ul>
</li>
</ul>
</div>
<div><strong>WebSite</strong></p>
<div>
<div>
<ul>
<li>Domain
<ul>
<li>google apps &#8211; I prefer buying from google apps for easy integration with gmail, etc.</li>
<li>name.com</li>
<li>godaddy.com</li>
</ul>
</li>
<li>Basic CMS based Website Creation
<ul>
<li>WordPress</li>
</ul>
</li>
<li>Php Hosting (wordpress hosting)
<ul>
<li>BlueHost (<a href="http://www.bluehost.com/" target="_blank">http://www.bluehost.com/</a>)</li>
</ul>
</li>
<li>To start Blogging
<ul>
<li>Tumblr</li>
</ul>
</li>
</ul>
</div>
<p><strong>Components</strong></p>
<ul>
<li>
<div>File Upload</div>
<div style="font-weight: bold;"><a href="https://github.com/blueimp/jQuery-File-Upload">https://github.com/blueimp/jQuery-File-Upload</a></div>
<div id=":1fd" style="font-weight: bold;" dir="ltr"><a href="http://blueimp.github.com/jQuery-File-Upload/">http://blueimp.github.com/jQuery-File-Upload/</a></div>
</li>
</ul>
<div>
<ul></ul>
<p><strong>Project Management/ Team building</strong></p>
<ul>
<li>Video Conferencing (for cross geographic teams)
<ul>
<li>Google Hangout</li>
</ul>
</li>
<li>One to one chat and conferencing
<ul>
<li>Skype</li>
</ul>
</li>
<li> Code Hosting and source control
<ul>
<li>GitHub</li>
</ul>
</li>
<li>Project Management/tracking
<ul>
<li>Pivotal Tracker  ( <a href="http://www.pivotaltracker.com" target="_blank">http://www.pivotaltracker.com</a> )</li>
</ul>
</li>
<li>Frameworks for WebApp development
<ul>
<li>Ruby on Rails</li>
<li>CodeIgniter (PHP)</li>
</ul>
</li>
<li>
</li>
</ul>
</div>
</div>
</div>
<p><iframe src="https://mentii.com/widgets/profile_render?id=nitin.pande" width="260px" height="200px" style="border:0px solid lightgray;padding:0" ></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://technoticles.com/2012/04/11/some-resources-for-your-next-web-project/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Deploying a massively scalable recommender system with Apache Mahout</title>
		<link>http://technoticles.com/2012/01/24/deploying-a-massively-scalable-recommender-system-with-apache-mahout/</link>
		<comments>http://technoticles.com/2012/01/24/deploying-a-massively-scalable-recommender-system-with-apache-mahout/#comments</comments>
		<pubDate>Tue, 24 Jan 2012 07:23:15 +0000</pubDate>
		<dc:creator>technoticles</dc:creator>
				<category><![CDATA[Software Development]]></category>
		<category><![CDATA[amazon]]></category>
		<category><![CDATA[apache]]></category>
		<category><![CDATA[mahout]]></category>

		<guid isPermaLink="false">http://technoticles.com/?p=566</guid>
		<description><![CDATA[Integrating recommender systems like that of Amazon and Youtube has become pretty easy with Apache Mahout. This article referenced here explains the following :

Use cases where Mahout should be use
The infrastructure needed
How to scale this infrastructure

Check out the article here : http://ssc.io/deploying-a-massively-scalable-recommender-system-with-apache-mahout/
There is also a book available that explains using Mahout in details : http://www.manning.com/owen/
]]></description>
			<content:encoded><![CDATA[<p>Integrating recommender systems like that of Amazon and Youtube has become pretty easy with Apache Mahout. This article referenced here explains the following :</p>
<ul>
<li>Use cases where Mahout should be use</li>
<li>The infrastructure needed</li>
<li>How to scale this infrastructure</li>
</ul>
<p>Check out the article here : <a href="http://ssc.io/deploying-a-massively-scalable-recommender-system-with-apache-mahout/" target="_blank">http://ssc.io/deploying-a-massively-scalable-recommender-system-with-apache-mahout/</a></p>
<p>There is also a book available that explains using Mahout in details : <a href="http://www.manning.com/owen/" target="_blank">http://www.manning.com/owen/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://technoticles.com/2012/01/24/deploying-a-massively-scalable-recommender-system-with-apache-mahout/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>E Ink on Cloth</title>
		<link>http://technoticles.com/2011/05/05/e-ink-on-cloth/</link>
		<comments>http://technoticles.com/2011/05/05/e-ink-on-cloth/#comments</comments>
		<pubDate>Thu, 05 May 2011 10:51:29 +0000</pubDate>
		<dc:creator>technoticles</dc:creator>
				<category><![CDATA[ETC]]></category>
		<category><![CDATA[amazon]]></category>
		<category><![CDATA[eink]]></category>
		<category><![CDATA[ink]]></category>
		<category><![CDATA[kindle]]></category>
		<category><![CDATA[mit]]></category>

		<guid isPermaLink="false">http://technoticles.com/?p=559</guid>
		<description><![CDATA[Quite a few years ago when still in college, I read a book &#8220;When things start to think&#8221; by the Neil Gershenfeld, director  of MIT&#8217;s Media Lab. It was one of the reason i always had this dream to someday be at the Media Labs and work on some the cool culture and technology [...]]]></description>
			<content:encoded><![CDATA[<p>Quite a few years ago when still in college, I read a book <a href="http://www.culturewars.org.uk/2000-08/books/thinking_things.htm" target="_blank">&#8220;When things start to think&#8221;</a> by the Neil Gershenfeld, director  of MIT&#8217;s Media Lab. It was one of the reason i always had this dream to someday be at the Media Labs and work on some the cool culture and technology intersection related stuff.</p>
<p>So this book introduced me back then to the concept of E Inks. Now part of various devices and particularly made famous by Amazon&#8217;s Kindle, the e ink eventually as a technology aimed to become printable on surfaces as thin as the newspapers.</p>
<p>Today FastCompany published an article that talks about T Shirts that will allow for E Ink printing, thus giving a huge avenue to advertisers to use people t shirts as a dynamic display medium. The possibilities that something like this brings about are enormous like maybe even cell phones could eventually get integrated into clothing.</p>
<p>Check out the interesting prospect of E Ink on cloth:</p>
<p><object width="480" height="390"><param name="movie" value="http://www.youtube.com/v/_tF2GddZqkg?fs=1&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/_tF2GddZqkg?fs=1&amp;hl=en_US" type="application/x-shockwave-flash" width="480" height="390" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>And you can find the complete article <a href="http://www.fastcompany.com/1751530/e-ink-screen-on-cloth-raises-the-terrible-prospect-of-ads-on-your-t-shirt" target="_blank">here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://technoticles.com/2011/05/05/e-ink-on-cloth/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Visuals sculpted by sound (High speed Photography)</title>
		<link>http://technoticles.com/2011/04/15/high-speed-photography/</link>
		<comments>http://technoticles.com/2011/04/15/high-speed-photography/#comments</comments>
		<pubDate>Fri, 15 Apr 2011 11:11:27 +0000</pubDate>
		<dc:creator>technoticles</dc:creator>
				<category><![CDATA[ETC]]></category>
		<category><![CDATA[high speed]]></category>
		<category><![CDATA[photography]]></category>

		<guid isPermaLink="false">http://technoticles.com/?p=548</guid>
		<description><![CDATA[High speed photography is a art form that sometimes produces spell-bounding results. Today one of my facebook friends had shared a link which showed the work that the creative agency Dentsu London did for an advertisement  for Canon&#8217;s Pixma printer. And I just couldn&#8217;t stop myself from sharing it on Technoticles.
Check out the complete flikr [...]]]></description>
			<content:encoded><![CDATA[<p>High speed photography is a art form that sometimes produces spell-bounding results. Today one of my facebook friends had shared a link which showed the work that the creative agency Dentsu London did for an advertisement  for Canon&#8217;s Pixma printer. And I just couldn&#8217;t stop myself from sharing it on <em>Technoticles</em>.</p>
<blockquote><p><em>Check out the complete flikr photoset here  &#8211; </em><a href="http://www.flickr.com/photos/13084997@N03/sets/72157608258335431/" target="_blank">http://www.flickr.com/photos/13084997@N03/sets/72157608258335431/</a></p></blockquote>
<p><iframe src="http://player.vimeo.com/video/15215534" width="500" height="281" frameborder="0"></iframe></p>
<p>The creator, Linden Glendhill, wrote that the shapes have been made out of water based paints and sound come from a speaker. The motion is captured with mic triggered flash units controlled by StopShot.</p>
<p>Some relevant links:</p>
<p><strong>Some photographs of the set up</strong> &#8211; <a href="http://www.npr.org/blogs/pictureshow/2011/04/13/135377949/how-sound-can-create-sculpture" target="_blank">http://www.npr.org/blogs/pictureshow/2011/04/13/135377949/how-sound-can-create-sculpture</a></p>
<p><strong>How to do high speed photography at home</strong> &#8211; <a href="http://www.diyphotography.net/diy_high_speed_photography_at_home" target="_blank">http://www.diyphotography.net/diy_high_speed_photography_at_home</a></p>
<p><a href="http://www.designaside.com/wp-content/uploads/2009/09/linden_g02.jpg"><img class="aligncenter" src="http://www.designaside.com/wp-content/uploads/2009/09/linden_g02.jpg" alt="" height="300" /></a></p>
<p><strong>Some other beautiful high speed photography results</strong> &#8211; <a href="http://www.toxel.com/inspiration/2009/04/08/beautiful-and-creative-high-speed-photography/" target="_blank">http://www.toxel.com/inspiration/2009/04/08/beautiful-and-creative-high-speed-photography/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://technoticles.com/2011/04/15/high-speed-photography/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google&#8217;s new +1</title>
		<link>http://technoticles.com/2011/03/31/googles-new-1/</link>
		<comments>http://technoticles.com/2011/03/31/googles-new-1/#comments</comments>
		<pubDate>Thu, 31 Mar 2011 07:40:07 +0000</pubDate>
		<dc:creator>technoticles</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[like]]></category>

		<guid isPermaLink="false">http://technoticles.com/?p=532</guid>
		<description><![CDATA[The coolest thing i always liked about the &#8216;Like&#8217; button was that it was a master stroke by Facebook in terms of &#8216;Light Communication&#8217;. I know a lot of people who would never comment on anything on facebook but they use the &#8216;Like&#8217; button pretty often.

Today Google has come out with its new +1 product, [...]]]></description>
			<content:encoded><![CDATA[<div style="text-align: left; padding-bottom: 10px;">The coolest thing i always liked about the &#8216;Like&#8217; button was that it was a master stroke by Facebook in terms of &#8216;Light Communication&#8217;. I know a lot of people who would never comment on anything on facebook but they use the &#8216;Like&#8217; button pretty often.</div>
<div style="text-align: center;"><a href="http://technoticles.com/wp-content/uploads/google_1_button.jpg"><img class="size-full wp-image-537 aligncenter" title="google_1_button" src="http://technoticles.com/wp-content/uploads/google_1_button.jpg" alt="" height="130" /></a></div>
<div style="text-align: left; padding-top: 10px;">Today Google has come out with its new +1 product, which is pretty much like the Facebook Like button. Data from this product will provide Google with a tremendous amount of data to analyse the quality of sites as well as keep a track on the tastes of its users. Though the company says that the data will not be used to influence its search results, but this could be a major step towards building a great semantic search engine where the user&#8217;s taste will come to play a major role in the search results returned.</div>
<div style="text-align: left; padding-top: 20px;">Some relevant link here:</div>
<ul style="text-align: left;">
<li><a href="http://googleblog.blogspot.com/2011/03/1s-right-recommendations-right-when-you.html?utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed%3A+blogspot%2FMKuf+%28Official+Google+Blog%2" target="_blank">Google&#8217;s official blog</a></li>
<li><a href="http://www.google.com/+1/button/" target="_blank">Watch the official Video here</a></li>
<li style="text-align: left;"><a href="http://searchengineland.com/googles-1-a-potential-boon-to-paid-search-marketers-70836" target="_blank">A potential boon to paid search marketers (www.</a><a href="http://searchengineland.com/">searchengineland.com)</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://technoticles.com/2011/03/31/googles-new-1/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>A future scenario based on glass</title>
		<link>http://technoticles.com/2011/03/29/a-future-scenario-based-on-glass/</link>
		<comments>http://technoticles.com/2011/03/29/a-future-scenario-based-on-glass/#comments</comments>
		<pubDate>Tue, 29 Mar 2011 09:02:55 +0000</pubDate>
		<dc:creator>technoticles</dc:creator>
				<category><![CDATA[ETC]]></category>

		<guid isPermaLink="false">http://technoticles.com/?p=524</guid>
		<description><![CDATA[Corning, a company that work in the areas of specialty glass and ceramics has come up with a video that portrays a future scenario based on the use of glass. It is a well done video and worth a watch.

Read more about it here:
http://www.corning.com/news_center/features/A_Day_Made_of_Glass.aspx
]]></description>
			<content:encoded><![CDATA[<p>Corning, a company that work in the areas of specialty glass and ceramics has come up with a video that portrays a future scenario based on the use of glass. It is a well done video and worth a watch.</p>
<p><object width="640" height="390"><param name="movie" value="http://www.youtube.com/v/6Cf7IL_eZ38?fs=1&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/6Cf7IL_eZ38?fs=1&amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="390"></embed></object></p>
<p>Read more about it here:<br />
<a href="http://www.corning.com/news_center/features/A_Day_Made_of_Glass.aspx">http://www.corning.com/news_center/features/A_Day_Made_of_Glass.aspx</a></p>
]]></content:encoded>
			<wfw:commentRss>http://technoticles.com/2011/03/29/a-future-scenario-based-on-glass/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Beautiful data visualization and analysis</title>
		<link>http://technoticles.com/2011/03/15/beautiful-data-visualization-and-analysis/</link>
		<comments>http://technoticles.com/2011/03/15/beautiful-data-visualization-and-analysis/#comments</comments>
		<pubDate>Tue, 15 Mar 2011 06:06:47 +0000</pubDate>
		<dc:creator>technoticles</dc:creator>
				<category><![CDATA[ETC]]></category>
		<category><![CDATA[analysis]]></category>
		<category><![CDATA[ted]]></category>
		<category><![CDATA[tv]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[visualyzation]]></category>

		<guid isPermaLink="false">http://technoticles.com/?p=517</guid>
		<description><![CDATA[In the current world of humongous data volumes, smart analysis is the key to making sense of things. And today, more than ever before, the general public has access to data that can be analysed for free. Like via twitter we have access to what a lot of people in the world are talking about [...]]]></description>
			<content:encoded><![CDATA[<p>In the current world of humongous data volumes, smart analysis is the key to making sense of things. And today, more than ever before, the general public has access to data that can be analysed for free. Like via twitter we have access to what a lot of people in the world are talking about at any given moment in time. Mapping this data to various events happening at that time, gives a very powerful technique to analyze the impact of these events (or even tv shows) and the kind of conversations they are generating.</p>
<p>Below is a video that talks about some of this (in its later part). It is also a very nice watch if you like data visualizations.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="446" height="326" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="wmode" value="transparent" /><param name="bgColor" value="#ffffff" /><param name="flashvars" value="vu=http://video.ted.com/talks/dynamic/DebRoy_2011-medium.flv&amp;su=http://images.ted.com/images/ted/tedindex/embed-posters/DebRoy-2011.embed_thumbnail.jpg&amp;vw=432&amp;vh=240&amp;ap=0&amp;ti=1092&amp;introDuration=15330&amp;adDuration=4000&amp;postAdDuration=830&amp;adKeys=talk=deb_roy_the_birth_of_a_word;year=2011;theme=new_on_ted_com;theme=words_about_words;theme=a_taste_of_ted2011;theme=how_we_learn;event=TED2011;&amp;preAdTag=tconf.ted/embed;tile=1;sz=512x288;" /><param name="src" value="http://video.ted.com/assets/player/swf/EmbedPlayer.swf" /><param name="bgcolor" value="#ffffff" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="446" height="326" src="http://video.ted.com/assets/player/swf/EmbedPlayer.swf" flashvars="vu=http://video.ted.com/talks/dynamic/DebRoy_2011-medium.flv&amp;su=http://images.ted.com/images/ted/tedindex/embed-posters/DebRoy-2011.embed_thumbnail.jpg&amp;vw=432&amp;vh=240&amp;ap=0&amp;ti=1092&amp;introDuration=15330&amp;adDuration=4000&amp;postAdDuration=830&amp;adKeys=talk=deb_roy_the_birth_of_a_word;year=2011;theme=new_on_ted_com;theme=words_about_words;theme=a_taste_of_ted2011;theme=how_we_learn;event=TED2011;&amp;preAdTag=tconf.ted/embed;tile=1;sz=512x288;" bgcolor="#ffffff" wmode="transparent" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://technoticles.com/2011/03/15/beautiful-data-visualization-and-analysis/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Creating a FBML facebook app in php</title>
		<link>http://technoticles.com/2011/02/08/creating-a-fbml-facebook-app-in-php/</link>
		<comments>http://technoticles.com/2011/02/08/creating-a-fbml-facebook-app-in-php/#comments</comments>
		<pubDate>Tue, 08 Feb 2011 06:22:23 +0000</pubDate>
		<dc:creator>technoticles</dc:creator>
				<category><![CDATA[Software Development]]></category>
		<category><![CDATA[app]]></category>
		<category><![CDATA[curl]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[fbml]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://technoticles.com/?p=507</guid>
		<description><![CDATA[I am in the process of writing my first facebook app using FBML and below i am documenting anything that is worth remembering. I&#8217;ll keep editing this post as and when i hit more roadblocks.
Finding your apps
First of all I always find it difficult to find where my apps are on Facebook. So i thought [...]]]></description>
			<content:encoded><![CDATA[<div style="text-align: left;" dir="ltr">I am in the process of writing my first facebook app using FBML and below i am documenting anything that is worth remembering. I&#8217;ll keep editing this post as and when i hit more roadblocks.</p>
<p><strong>Finding your apps</strong><br />
First of all I always find it difficult to find where my apps are on Facebook. So i thought i&#8217;ll keep the url bookmarked:  <a href="http://www.facebook.com/developers/apps.php">http://www.facebook.com/developers/apps.php</a></p>
<p><strong>Using WAMP</strong><br />
I am a lazy person and like out of the box solutions. So for a windows machine WAMP gave me apache, php and mysql bundled.</p>
<ul style="text-align: left;">
<li>Install wamp</li>
<li>Open port 8080 for external access, make sure the machine can be accessed from outside your domain</li>
<li>To create fbml app you might have to work directly on the server, to see results at runtime</li>
<li>create you app folder in the www folder</li>
<li>Start all services in wamp</li>
</ul>
<p><span id="more-507"></span></p>
<ul style="text-align: left;"></ul>
<div><strong>Enabling Curl on windows</strong></div>
<p>I was working on a IIS server and it did not have curl enabled.<br />
To enable curl:</p>
<ul style="text-align: left;">
<li>edit php.ini in \bin\php\(your version of php)\ and</li>
<li>edit php.ini in \bin\Apache\(your version of apache)\bin\ folders.</li>
<li>search for curl and uncomment this line -  extension=php_curl.dll</li>
</ul>
<div><strong>Create the basic app</strong></div>
<div>
<ul style="text-align: left;">
<li>Download the facebook php sdk</li>
<li>remove the version number from name the facebook sdk folder, such its name becomes facebook-php-sdk</li>
<li>Copy the example.php file from facebook-php-sdk/examples folder to the root folder and rename it to index.php</li>
<li>So now if the name of you app folder is XYZ, the you should be able to access your app from the browser using the url &#8211; :8080//index.php</li>
</ul>
<div><strong>Integrating the app into Facebook</strong> (so that you can add it as a tab)</div>
</div>
<div>
<ul style="text-align: left;">
<li>Register your Facebook app here : <a href="http://www.facebook.com/developers/createapp.php">http://www.facebook.com/developers/createapp.php</a></li>
<li>Put in the settings as below</li>
</ul>
<p><span style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; color: #333333;"> </span></p>
<table class="UISettingsEditor_table" style="width: 720px;">
<tbody>
<tr>
<td class="UISettingsEditor_label" style="color: #555555; font-size: 11px; font-weight: bold; padding-bottom: 0px; padding-left: 10px; padding-right: 20px; padding-top: 7px; text-align: right; vertical-align: top; width: 150px;">Canvas Page</td>
<td class="UISettingsEditor_content" style="font-size: 11px; padding-bottom: 0px; padding-left: 10px; padding-right: 20px; padding-top: 7px; text-align: left; vertical-align: top; width: 320px;">http://apps.facebook.com/</p>
<input id="short_app_name" class="inputtext" style="-webkit-appearance: none; border-bottom-left-radius: 0px 0px; border-bottom-right-radius: 0px 0px; border-top-left-radius: 0px 0px; border-top-right-radius: 0px 0px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; margin-bottom: 0px; margin-left: 3px; margin-right: 0px; margin-top: 0px; padding-bottom: 4px; padding-left: 3px; padding-right: 3px; padding-top: 3px; width: 100px; border: 1px solid #bdc7d8;" maxlength="20" name="short_app_name" size="18" type="text" value="xyz" />/</td>
<td class="UISettingsEditor_desc" style="color: #555555; font-size: 9px; padding-bottom: 0px; padding-left: 10px; padding-right: 20px; padding-top: 7px; text-align: left; vertical-align: top;">The base URL of your app on Facebook</td>
</tr>
<tr>
<td class="UISettingsEditor_label" style="color: #555555; font-size: 11px; font-weight: bold; padding-bottom: 0px; padding-left: 10px; padding-right: 20px; padding-top: 7px; text-align: right; vertical-align: top; width: 150px;">Canvas URL</td>
<td class="UISettingsEditor_content" style="font-size: 11px; padding-bottom: 0px; padding-left: 10px; padding-right: 20px; padding-top: 7px; text-align: left; vertical-align: top; width: 320px;">
<input id="callback_url" class="inputtext" style="-webkit-appearance: none; border-bottom-left-radius: 0px 0px; border-bottom-right-radius: 0px 0px; border-top-left-radius: 0px 0px; border-top-right-radius: 0px 0px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; padding-bottom: 4px; padding-left: 3px; padding-right: 3px; padding-top: 3px; width: 310px; margin: 0px; border: 1px solid #bdc7d8;" maxlength="200" name="callback_url" size="40" type="text" value="http://&lt;server ip&gt;:8080/xyz/" /></td>
<td class="UISettingsEditor_desc" style="color: #555555; font-size: 9px; padding-bottom: 0px; padding-left: 10px; padding-right: 20px; padding-top: 7px; text-align: left; vertical-align: top;">Facebook pulls the content for your app&#8217;s canvas pages from this base URL</td>
</tr>
<tr>
<td class="UISettingsEditor_label" style="color: #555555; font-size: 11px; font-weight: bold; padding-bottom: 0px; padding-left: 10px; padding-right: 20px; padding-top: 7px; text-align: right; vertical-align: top; width: 150px;">Secure Canvas URL</td>
<td class="UISettingsEditor_content" style="font-size: 11px; padding-bottom: 0px; padding-left: 10px; padding-right: 20px; padding-top: 7px; text-align: left; vertical-align: top; width: 320px;">
<input id="secure_callback_url" class="inputtext" style="-webkit-appearance: none; border-bottom-left-radius: 0px 0px; border-bottom-right-radius: 0px 0px; border-top-left-radius: 0px 0px; border-top-right-radius: 0px 0px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; padding-bottom: 4px; padding-left: 3px; padding-right: 3px; padding-top: 3px; width: 310px; margin: 0px; border: 1px solid #bdc7d8;" maxlength="200" name="secure_callback_url" size="40" type="text" value="https://&lt;server ip&gt;:8080/xyz/" /></td>
<td class="UISettingsEditor_desc" style="color: #555555; font-size: 9px; padding-bottom: 0px; padding-left: 10px; padding-right: 20px; padding-top: 7px; text-align: left; vertical-align: top;">Facebook uses this secure version of the Canvas URL when your app is accessed by a user over a secure connection (https).</td>
</tr>
<tr>
<td class="UISettingsEditor_label" style="color: #555555; font-size: 11px; font-weight: bold; padding-bottom: 0px; padding-left: 10px; padding-right: 20px; padding-top: 7px; text-align: right; vertical-align: top; width: 150px;">Canvas Type</td>
<td class="UISettingsEditor_content" style="font-size: 11px; padding-bottom: 0px; padding-left: 10px; padding-right: 20px; padding-top: 7px; text-align: left; vertical-align: top; width: 320px;">
<input id="use_iframe_1" class="inputradio" style="margin-bottom: 0px; margin-left: 0px; margin-right: 5px; margin-top: 0px; vertical-align: middle; padding: 0px;" name="use_iframe" type="radio" value="1" /><label id="label_use_iframe_1" style="color: black; cursor: pointer; font-weight: normal; margin-right: 15px; vertical-align: middle;" for="use_iframe_1">IFrame</label></p>
<input id="use_iframe_0" class="inputradio" style="margin-bottom: 0px; margin-left: 0px; margin-right: 5px; margin-top: 0px; vertical-align: middle; padding: 0px;" checked="checked" name="use_iframe" type="radio" value="0" /><label id="label_use_iframe_0" style="color: black; cursor: pointer; font-weight: normal; margin-right: 15px; vertical-align: middle;" for="use_iframe_0">FBML</label></td>
<td class="UISettingsEditor_desc" style="color: #555555; font-size: 9px; padding-bottom: 0px; padding-left: 10px; padding-right: 20px; padding-top: 7px; text-align: left; vertical-align: top;">Choose whether your Canvas URL renders HTML in an iframe or returns FBML</td>
</tr>
<tr>
<td class="UISettingsEditor_label" style="color: #555555; font-size: 11px; font-weight: bold; padding-bottom: 0px; padding-left: 10px; padding-right: 20px; padding-top: 7px; text-align: right; vertical-align: top; width: 150px;">IFrame Size</td>
<td class="UISettingsEditor_content" style="font-size: 11px; padding-bottom: 0px; padding-left: 10px; padding-right: 20px; padding-top: 7px; text-align: left; vertical-align: top; width: 320px;">
<input id="iframe_enable_util_0" class="inputradio" style="margin-bottom: 0px; margin-left: 0px; margin-right: 5px; margin-top: 0px; vertical-align: middle; padding: 0px;" checked="checked" name="iframe_enable_util" type="radio" value="0" /><label id="label_iframe_enable_util_0" style="color: black; cursor: pointer; font-weight: normal; margin-right: 15px; vertical-align: middle;" for="iframe_enable_util_0">Show scrollbars</label></p>
<input id="iframe_enable_util_1" class="inputradio" style="margin-bottom: 0px; margin-left: 0px; margin-right: 5px; margin-top: 0px; vertical-align: middle; padding: 0px;" name="iframe_enable_util" type="radio" value="1" /><label id="label_iframe_enable_util_1" style="color: black; cursor: pointer; font-weight: normal; margin-right: 15px; vertical-align: middle;" for="iframe_enable_util_1">Auto-resize</label></td>
</tr>
</tbody>
</table>
</div>
<div>The Page Tabs settings:<span style="color: #333333; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px;"> </span></p>
<table class="UISettingsEditor_table" style="width: 720px;">
<tbody>
<tr>
<td style="font-size: 11px; padding-bottom: 0px; padding-left: 10px; padding-right: 20px; padding-top: 7px; text-align: left; vertical-align: top;" colspan="3">
<h3 class="UISettingsEditor_section_header " style="background-attachment: initial; background-clip: initial; background-color: #dedede; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #333333; display: block; font-size: 11px; font-weight: bold; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 15px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; padding-top: 2px;">Page Tabs</h3>
</td>
</tr>
<tr>
<td class="UISettingsEditor_label" style="color: #555555; font-size: 11px; font-weight: bold; padding-bottom: 0px; padding-left: 10px; padding-right: 20px; padding-top: 7px; text-align: right; vertical-align: top; width: 150px;">Tab Name</td>
<td class="UISettingsEditor_content" style="font-size: 11px; padding-bottom: 0px; padding-left: 10px; padding-right: 20px; padding-top: 7px; text-align: left; vertical-align: top; width: 320px;">
<input id="tab_default_name" class="inputtext" style="-webkit-appearance: none; border-bottom-left-radius: 0px 0px; border-bottom-right-radius: 0px 0px; border-top-left-radius: 0px 0px; border-top-right-radius: 0px 0px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; padding-bottom: 4px; padding-left: 3px; padding-right: 3px; padding-top: 3px; width: 310px; margin: 0px; border: 1px solid #bdc7d8;" maxlength="16" name="tab_default_name" size="40" type="text" value="tab1" /></td>
<td class="UISettingsEditor_desc" style="color: #555555; font-size: 9px; padding-bottom: 0px; padding-left: 10px; padding-right: 20px; padding-top: 7px; text-align: left; vertical-align: top;">The title of your tab on a Page</td>
</tr>
<tr>
<td class="UISettingsEditor_label" style="color: #555555; font-size: 11px; font-weight: bold; padding-bottom: 0px; padding-left: 10px; padding-right: 20px; padding-top: 7px; text-align: right; vertical-align: top; width: 150px;">Tab URL</td>
<td class="UISettingsEditor_content" style="font-size: 11px; padding-bottom: 0px; padding-left: 10px; padding-right: 20px; padding-top: 7px; text-align: left; vertical-align: top; width: 320px;">http://apps.facebook.com/app_name/</p>
<input id="profile_tab_url" class="inputtext" style="-webkit-appearance: none; border-bottom-left-radius: 0px 0px; border-bottom-right-radius: 0px 0px; border-top-left-radius: 0px 0px; border-top-right-radius: 0px 0px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; margin-bottom: 0px; margin-left: 3px; margin-right: 0px; margin-top: 0px; padding-bottom: 4px; padding-left: 3px; padding-right: 3px; padding-top: 3px; width: 100px; border: 1px solid #bdc7d8;" maxlength="100" name="profile_tab_url" size="40" type="text" value="index.php" /></td>
<td class="UISettingsEditor_desc" style="color: #555555; font-size: 9px; padding-bottom: 0px; padding-left: 10px; padding-right: 20px; padding-top: 7px; text-align: left; vertical-align: top;">Facebook pulls content for your tab from this URL, which must be relative to your Canvas Page</td>
</tr>
<tr>
<td class="UISettingsEditor_label" style="color: #555555; font-size: 11px; font-weight: bold; padding-bottom: 0px; padding-left: 10px; padding-right: 20px; padding-top: 7px; text-align: right; vertical-align: top; width: 150px;">Edit URL</td>
<td class="UISettingsEditor_content" style="font-size: 11px; padding-bottom: 0px; padding-left: 10px; padding-right: 20px; padding-top: 7px; text-align: left; vertical-align: top; width: 320px;">
<input id="edit_url" class="inputtext" style="-webkit-appearance: none; border-bottom-left-radius: 0px 0px; border-bottom-right-radius: 0px 0px; border-top-left-radius: 0px 0px; border-top-right-radius: 0px 0px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; padding-bottom: 4px; padding-left: 3px; padding-right: 3px; padding-top: 3px; width: 310px; margin: 0px; border: 1px solid #bdc7d8;" maxlength="200" name="edit_url" size="40" type="text" /></td>
<td class="UISettingsEditor_desc" style="color: #555555; font-size: 9px; padding-bottom: 0px; padding-left: 10px; padding-right: 20px; padding-top: 7px; text-align: left; vertical-align: top;">URL at which Page administrators can edit app settings</td>
</tr>
<tr>
<td style="padding-bottom: 0px; padding-left: 10px; padding-right: 20px; padding-top: 7px; text-align: left; vertical-align: top;" colspan="3">
<div class="submit_buttons" style="border-top-color: #cccccc; border-top-style: solid; border-top-width: 1px; margin-top: 5px; padding-top: 15px; text-align: center;"><span style="color: white; font-family: Arial; font-size: x-small;"><span style="white-space: pre;"><br />
</span></span></div>
</td>
</tr>
</tbody>
</table>
</div>
<div>Save these settings and you are good to go on your first Facebook app.</p>
<p><strong>Adding the App tab to a facebook page</strong></p>
<ul style="text-align: left;">
<li>Create a facebook page</li>
<li>Till the app is published the general public cannot add the app tab to their page.But as an admin you have this facility</li>
<li>Navigate to your apps profile page and select the &#8220;Add to my page&#8221; option in the left menu.</li>
<li>Select the Page you just created</li>
<li>And you would be able to see the Tab1 (the title you put in the tab settings page) as one of the tabs in your page</li>
</ul>
</div>
<div><strong>References to create FB apps</strong></div>
<div>
<ul style="text-align: left;">
<li>One of the better reference sites: <a href="http://www.webdigi.co.uk/blog/2010/creating-a-custom-facebook-page/">http://www.webdigi.co.uk/blog/2010/creating-a-custom-facebook-page/</a></li>
<li>FB app samples: <a href="http://developers.facebook.com/docs/samples">http://developers.facebook.com/docs/samples</a></li>
</ul>
</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://technoticles.com/2011/02/08/creating-a-fbml-facebook-app-in-php/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The next things: Gaming, Location. Merging the real and virtual.</title>
		<link>http://technoticles.com/2011/01/07/the-next-things-gaming-location-merging-the-real-and-virtual/</link>
		<comments>http://technoticles.com/2011/01/07/the-next-things-gaming-location-merging-the-real-and-virtual/#comments</comments>
		<pubDate>Fri, 07 Jan 2011 13:42:00 +0000</pubDate>
		<dc:creator>technoticles</dc:creator>
				<category><![CDATA[Design and Innovation]]></category>

		<guid isPermaLink="false">http://technoticles.com/?p=490</guid>
		<description><![CDATA[Update : [ Today techcrunch has published an article on Grey Area, a  Finnish smartphone games developer, doing a alternate reality game called Shadow Cities. They raised Series A funding. ]
One of the trends that i always think is gonna be big in future is gaming in the real world. By that I mean that [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Update</strong> : [ Today <a href="http://techcrunch.com/2011/02/23/exclusive-grey-area-raises-2-5-million-to-turn-your-city-into-a-game/" target="_blank">techcrunch has published an article</a> on <a href="http://www.greyarealabs.com/">Grey Area</a>, a  Finnish smartphone games developer, doing a alternate reality game called Shadow Cities. They raised Series A funding. ]</p>
<p>One of the trends that i always think is gonna be big in future is gaming in the real world. By that I mean that when people themselves will become characters of the games that they are playing in the virtual worlds. The merging of your virtual and real self.  Location based services are getting us there.<span id="more-490"></span></p>
<p>That is why it was very interesting to read that Frog Design is working on a location based game in Las Vegas. Interesting stuff.  Read the details of that initiative here : <a href="http://designmind.frogdesign.com/blog/frog-brings-ge039s-desert-quest-to-ces.html">http://designmind.frogdesign.com/blog/frog-brings-ge039s-desert-quest-to-ces.html</a>. And maybe be a part of it in case you are around in Vegas when this is happening <img src='http://technoticles.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> .</p>
<p>On a related note, you should watch the following TED talk by Seth Priebatsch. He talks about how the next big thing is gonna be the game layer that will be built on the social layer that has already been created largely by Facebook. Though he talks about known concepts, but the way he puts it all together makes it very fascinating. He is trying to create such a integrated framework that uses game dynamics in order to get people motivated and makes them do stuff. It would be an awesome tool in the hand of marketing people.</p>
<p><!--copy and paste--><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="446" height="326" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="wmode" value="transparent" /><param name="bgColor" value="#ffffff" /><param name="flashvars" value="vu=http://video.ted.com/talks/dynamic/SethPriebatsch_2010X-medium.flv&amp;su=http://images.ted.com/images/ted/tedindex/embed-posters/SethPriebatsch-2010X.embed_thumbnail.jpg&amp;vw=432&amp;vh=240&amp;ap=0&amp;ti=936&amp;introDuration=15330&amp;adDuration=4000&amp;postAdDuration=830&amp;adKeys=talk=seth_priebatsch_the_game_layer_on_top_of_the_world;year=2010;theme=the_creative_spark;theme=the_rise_of_collaboration;theme=tales_of_invention;theme=ted_under_30;theme=a_taste_of_tedx;theme=what_s_next_in_tech;event=TEDxBoston+2010;&amp;preAdTag=tconf.ted/embed;tile=1;sz=512x288;" /><param name="src" value="http://video.ted.com/assets/player/swf/EmbedPlayer.swf" /><param name="bgcolor" value="#ffffff" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="446" height="326" src="http://video.ted.com/assets/player/swf/EmbedPlayer.swf" flashvars="vu=http://video.ted.com/talks/dynamic/SethPriebatsch_2010X-medium.flv&amp;su=http://images.ted.com/images/ted/tedindex/embed-posters/SethPriebatsch-2010X.embed_thumbnail.jpg&amp;vw=432&amp;vh=240&amp;ap=0&amp;ti=936&amp;introDuration=15330&amp;adDuration=4000&amp;postAdDuration=830&amp;adKeys=talk=seth_priebatsch_the_game_layer_on_top_of_the_world;year=2010;theme=the_creative_spark;theme=the_rise_of_collaboration;theme=tales_of_invention;theme=ted_under_30;theme=a_taste_of_tedx;theme=what_s_next_in_tech;event=TEDxBoston+2010;&amp;preAdTag=tconf.ted/embed;tile=1;sz=512x288;" bgcolor="#ffffff" wmode="transparent" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>And a funny video to follow that up from the Gamify Initiative:<br />
<iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/qvSkorKJC1A" frameborder="0" allowfullscreen></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://technoticles.com/2011/01/07/the-next-things-gaming-location-merging-the-real-and-virtual/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
