<?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>The Pixel Code &#187; Interfaces</title>
	<atom:link href="http://www.thepixelcode.com/category/interfaces/feed" rel="self" type="application/rss+xml" />
	<link>http://www.thepixelcode.com</link>
	<description>Design / Develop / Inspiration by Mohammed Khan</description>
	<lastBuildDate>Mon, 19 Jul 2010 03:45:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Color Marker Guided 2D Ribbons</title>
		<link>http://www.thepixelcode.com/interfaces/augmented-reality/color-marker-guided-2d-ribbons</link>
		<comments>http://www.thepixelcode.com/interfaces/augmented-reality/color-marker-guided-2d-ribbons#comments</comments>
		<pubDate>Sat, 23 Jan 2010 07:03:07 +0000</pubDate>
		<dc:creator>Mohammed Khan</dc:creator>
				<category><![CDATA[Augmented Reality]]></category>

		<guid isPermaLink="false">http://www.thepixelcode.com/?p=552</guid>
		<description><![CDATA[Last few days at work had been crazy, been spending almost 15 hours at office and getting back home early in the morning, blame it partly to offshore accounts and then to internal activities like rolling up a training program. After getting back home today (5AM in the morning), all I wanted to do before [...]]]></description>
			<content:encoded><![CDATA[<p>Last few days at work had been crazy, been spending almost 15 hours at office and getting back home early in the morning, blame it partly to offshore accounts and then to internal activities like rolling up a training program. After getting back home today (5AM in the morning), all I wanted to do before I kick-start my SNOOZY weekend, was to get this post up. For last few weeks we have been working on a AR concept, and you can say this just a small inspiration for me to work with Processing more often.</p>
<p>Processing is more like declarative creativity, it lets you program animation, illustrations and  patterns using open source language, which can be executed within the Java Virtual Machine (JVM). This post and demo was alot inspired by James Alliban&#8217;s video <a href="http://jamesalliban.wordpress.com/2008/12/05/virtual-ribbons/"><strong>post</strong></a>. I here used a simple live video color tracker and added the random 2D ribbons. As I am a dead meat now, will post further details in coming week, till then will await for your feedback and have a great weekend.</p>
<p><object width="400" height="300"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=8922922&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=8922922&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="300"></embed></object>
<p><a href="http://vimeo.com/8922922">Color Marker Guided 2D Ribbons</a> from <a href="http://vimeo.com/thepixelcode">Mohammed Khan</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>Will update the source code here soon, need to work on the lag. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.thepixelcode.com/interfaces/augmented-reality/color-marker-guided-2d-ribbons/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Netbook OS War</title>
		<link>http://www.thepixelcode.com/interfaces/netbook-os-war</link>
		<comments>http://www.thepixelcode.com/interfaces/netbook-os-war#comments</comments>
		<pubDate>Sat, 11 Jul 2009 09:50:49 +0000</pubDate>
		<dc:creator>Mohammed Khan</dc:creator>
				<category><![CDATA[Interfaces]]></category>
		<category><![CDATA[Netbook]]></category>
		<category><![CDATA[google chrome]]></category>
		<category><![CDATA[OS]]></category>

		<guid isPermaLink="false">http://www.thepixelcode.com/?p=248</guid>
		<description><![CDATA[With introduction of ASUS EeePC, a new consumer market emerged called NetBook, and soon from HP to Sony, released their own version of Netbook. Netbooks are laptop kind of devices which are constructed around the Intel Atom processor. And the OS is more or less a browser engine, the first to roll out was Moblin, [...]]]></description>
			<content:encoded><![CDATA[<p>With introduction of ASUS EeePC, a new consumer market emerged called NetBook, and soon from HP to Sony, released their own version of Netbook. Netbooks are laptop kind of devices which are constructed around the Intel Atom processor. And the OS is more or less a browser engine, the first to roll out was <strong><a href="http://moblin.org/">Moblin</a></strong>, a linux based OS for mobile based devices. Microsoft has its own version of XP for netbook, but this is not a browser based OS, instead is a full fledged OS core stripped down and ported for Intel Atom based platform architecture. Last week with the burst of <strong><a href="http://technology.timesonline.co.uk/tol/news/tech_and_web/article6665703.ece">news</a></strong> that Google is gonna take on Microsoft in the OS segment at first surprised me. With the kind of headline tickers on CNN and BBC, I started thinking that Google is gonna release a desktop OS just like the Android OS for mobiles, and with further investigation (using google), it was clear that Google is gonna introduce an OS for the Netbook and not the desktop, which would be again based on the Chrome Browser Engine.</p>
<p>The buzz around is that &#8220;Wow Google is the first one announce for Netbook.&#8221; Well yes Google is first to announce, but they still didn&#8217;t roll out the product. Also this doesn&#8217;t mean that you can expect a Microsoft press release in coming time, stating that they would &#8220;<strong>start an initiative to develop a browser based OS for netbooks</strong>&#8221; like Google. Instead what you can hear from Microsoft is that they are  &#8220;<strong>ready to release a browser based OS for netbooks</strong>&#8220;. Yes unlike all times where Microsoft comes second in taking initiatives, this time they have been ahead in time. Microsoft has been working on a browser based OS project code name as <strong>Gazelle</strong>, and with <a href="http://research.microsoft.com/apps/pubs/default.aspx?id=79655"><strong>this</strong></a> publication from Microsoft Research, its clear that they are already working, we just got to wait and watch, who is gonna be first in releasing the Netbook OS. </p>
<p>I now wonder if Adobe has any plans for the Netbook OS, they already started working with Intel to port Adobe Flash Player 10 for Intel Atom platforms, will they have their own version of Netbook OS ?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thepixelcode.com/interfaces/netbook-os-war/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Augmenting Flex 3 Component using FLARToolKit &amp; PaperVision3D</title>
		<link>http://www.thepixelcode.com/interfaces/augmenting-flex-3-component-using-flartoolkit-papervision3d</link>
		<comments>http://www.thepixelcode.com/interfaces/augmenting-flex-3-component-using-flartoolkit-papervision3d#comments</comments>
		<pubDate>Fri, 10 Jul 2009 17:26:32 +0000</pubDate>
		<dc:creator>Mohammed Khan</dc:creator>
				<category><![CDATA[Augmented Reality]]></category>
		<category><![CDATA[Interfaces]]></category>
		<category><![CDATA[Flex]]></category>
		<category><![CDATA[pv3d]]></category>

		<guid isPermaLink="false">http://www.thepixelcode.com/?p=233</guid>
		<description><![CDATA[In continuation to my last post, I finally got some time today to continue work on some examples for Augmented Reality using FLARToolKit and PaperVision3D. One thing that I wanted to try was augmenting flex components, and after working on it for some time, I learned that its possible to augment Flex components, but with [...]]]></description>
			<content:encoded><![CDATA[<p>In continuation to my last <a href="http://www.thepixelcode.com/interfaces/augmented-reality/augmented-reality-using-flartoolkit-and-papervision3d"><strong>post</strong></a>, I finally got some time today to continue work on some examples for Augmented Reality using FLARToolKit and PaperVision3D. One thing that I wanted to try was augmenting flex components, and after working on it for some time, I learned that its possible to augment Flex components, but with the current implementation of FLARToolKit its not possible to interact with the component.</p>
<p>PaperVision3D lets you create a <code>Material</code> instance of type <code>MovieMaterial</code>, this can latter be added as the child to the Plane on which you would want to project your Flex component. When working with PaperVision3D, the instance creation starts with <code>BasicView</code> and ends with the <code>Plane</code>, and this is how the chain looks, <code>BasicView -> Scene -> ViewPort -> Plane -> Material</code>.</p>
<p><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/QTJJbklsyvo&#038;hl=en&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/QTJJbklsyvo&#038;hl=en&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object> </p>
<p>If you wish to try out the demo, firstly get the marker <strong><a href="http://www.thepixelcode.com/wp-content/uploads/2009/07/Papervision3DMarker.pdf">PDF</a></strong> printed and then go <strong><a href="http://www.thepixelcode.com/demos/ARDemos/SimpleARFlexComp/SimpleARFlexComp.html">here</a></strong>. Below is the source code attached to explore and play around.</p>
<p><a href='http://www.thepixelcode.com/wp-content/uploads/2009/07/SimpleARFlexComp.zip'><strong>Simple AR Flex Component Demo Source Code</strong></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.thepixelcode.com/interfaces/augmenting-flex-3-component-using-flartoolkit-papervision3d/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Augmented Reality using FLARToolKit and PaperVision3D</title>
		<link>http://www.thepixelcode.com/interfaces/augmented-reality/augmented-reality-using-flartoolkit-and-papervision3d</link>
		<comments>http://www.thepixelcode.com/interfaces/augmented-reality/augmented-reality-using-flartoolkit-and-papervision3d#comments</comments>
		<pubDate>Mon, 06 Jul 2009 11:05:19 +0000</pubDate>
		<dc:creator>Mohammed Khan</dc:creator>
				<category><![CDATA[Augmented Reality]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[pv3d]]></category>

		<guid isPermaLink="false">http://www.thepixelcode.com/?p=221</guid>
		<description><![CDATA[Augmented Reality (AR) is combining real world objects with virtual  ones (computer generated). Major experimentation with AR has been in field of video processing, where live video feeds are combined with 2D or 3D objects. The early impressions on AR came along with the the Java AR Toolkit called NyARToolkit, more info can be found [...]]]></description>
			<content:encoded><![CDATA[<p>Augmented Reality (AR) is combining real world objects with virtual  ones (computer generated). Major experimentation with AR has been in field of video processing, where live video feeds are combined with 2D or 3D objects. The early impressions on AR came along with the the Java AR Toolkit called NyARToolkit, more info can be found <a href="http://nyatla.jp/nyartoolkit/wiki/index.php?FrontPage.en" target="_blank">here</a>. Based on the NyARToolkit, the Flash AR Toolkit (FLARToolkit) was created to work with Flash and Flex. FLARToolkit has been clubbed with 3D programmatically authoring  tools for Flash like PaperVision3D (pv3d) and Away3D to augment the the live video feeds with the 3D objects.</p>
<p><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/QjGlkRi8e5s&#038;hl=en&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/QjGlkRi8e5s&#038;hl=en&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></p>
<p>The simple principle behind the AR is that in the live video feed, a Marker needs to be placed in the live video feed and the application then does the image processing (breaks the video into BitMapData) to determine the Marker and match it with the pre stored marker pattern, which can be created using Adobe Photoshop.  After determining the position of the marker in the video, the AR toolkit augments the 3D object.</p>
<p>I think to understand more about augment reality one needs to experience it, so kindly find a live demo <a href="http://www.thepixelcode.com/demos/ARDemos/SimpleARCube/SimpleARCube.html" target="_blank"><strong>here</strong></a> created using Flex 3, FLARToolkit and PaperVision3D. As I told earlier you will need a marker, so kindly print the  following <a href="http://www.thepixelcode.com/wp-content/uploads/2009/07/Papervision3DMarker.pdf" target="_blank"><strong>PDF</strong></a> which can be used as a marker with the live demo.</p>
<p><a href='http://www.thepixelcode.com/wp-content/uploads/2009/07/SimpleARCube.zip'><strong>Simple AR Cube Demo Source Code</strong></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.thepixelcode.com/interfaces/augmented-reality/augmented-reality-using-flartoolkit-and-papervision3d/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>What about Rich Unified Applications ?</title>
		<link>http://www.thepixelcode.com/interfaces/what-about-rich-unified-applications</link>
		<comments>http://www.thepixelcode.com/interfaces/what-about-rich-unified-applications#comments</comments>
		<pubDate>Sun, 05 Jul 2009 21:57:52 +0000</pubDate>
		<dc:creator>Mohammed Khan</dc:creator>
				<category><![CDATA[Interfaces]]></category>
		<category><![CDATA[RUA]]></category>
		<category><![CDATA[unified]]></category>

		<guid isPermaLink="false">http://www.thepixelcode.com/?p=150</guid>
		<description><![CDATA[Wondering what would I call an application that is design and developed for multiple hardware devices, has a rich experience, engineered with social perception, and united by runtime. And with all combinations, my derivations arrived on Rich Unified Applications (RUA) (had to brainstorm over UNIFIED vs UBIQUITY, but locked on UNIFIED). Over the years, Microsoft [...]]]></description>
			<content:encoded><![CDATA[<p>Wondering what would I call an application that is design and developed for multiple hardware devices, has a rich experience, engineered with social perception, and united by runtime. And with all combinations, my derivations arrived on Rich Unified Applications (RUA) (had to brainstorm over UNIFIED vs UBIQUITY, but locked on UNIFIED).  Over the years, Microsoft has made significant efforts to deliver Unified Communications platform for Enterprises, and same can be said for Cisco. What brings me to Unified Applications, is apart from connecting people to each other, what matter to me most is across what interfaces and with what kind of runtime ?</p>
<p><strong>1 / Rich Interfaces &#8211; Cross Experience</strong></p>
<p>When developing for the main three platforms, Web, Desktop, and Mobile its necessary to maintain homogenous user interface design and experience, so that the user perception (mental-model) doesn&#8217;t change while using same app on different platform. And to deliver this its important for designers to achieve zero-sum solution for cross design and experience. And with development platforms today, promising Rich experience has been easy.  And delivering mono-design-multi platform has become possible. In yesteryears, except for color scheme and assets, the experience of an app on web and mobile was quite different. Now designers and developers, are delivering same experience, and the only platform that has been able to do is Adobe Flash. You can argue with me saying stuff about Mac, Web, and iPhone, but what fails to connect them in terms of UX homogenuity and their runtime platforms.</p>
<p><strong>2 / Homogenous Runtime &#8211; Cross Platform</strong></p>
<p>In recent years, with scripting languages like ActionScript, it has become possible to a large extent to write a single piece of code and deploy it on web and desktop. Off course the wrappers need to be changed, otherwise its pretty much the same code. In terms of cost, I can now develop and deploy my collaborative apps across various digital ecosystems, without investing money on developing code from scratch for each device platform. And the same again is possible with Microsoft based C# scripting, but getting the same code executed across different platforms hasn&#8217;t yet unified. If I wish to deploy the same across various platforms, and ready to take efforts to change wrappers, even then its not possible with C#, because their SDK models which are quite platform dependent. Now its a disgrace or an advantage which I am not aware of. On large to get mono-code-multi-platform scenario (in other words cross-platform), the script execution runtimes need to be same across all platforms. Adobe Flash Player has achieved it, started with Web, made an effort in mobile space with Flash Lite, and reached desktop. For mobile devices, I said made an effort, because Flash Lite is not in line with Flash offerings for web and desktop, with <a href="http://www.openscreenproject.org/">OpenScreen</a> Project initiative I believe this gap can be reduced and the homogeneity of the Flash Player can be achieved for all the three platforms. Also with the Adobe Flash Collaboration Service and Stratus, Adobe has created the center communication platform, where the web, desktop and probably the mobile can connect and work with each other.</p>
<p>Above we just looked at scripting platforms, for which to execute runtimes like Flash Player and Silverlight are required, but delivering RUA is just not about these two, JavaScript can too be considered. With browser capabilities extending to new breed of mobile and UMD devices, distributing same app for all three platforms with same code is pretty much possible here. For instance the jQuery web based application can be deployed on desktop using the <a href="http://www.appcelerator.com/products/titanium-desktop/">Titanium Desktop</a> runtime, and also on the mobile devices with <a href="http://www.appcelerator.com/products/titanium-mobile/">Titanium Mobile</a> (not yet released for open developer community). JavaScript, getting cross platform has been a major advantage, as the developer community for this scripting language subset is very large, which would mean more number of developer, the more community initiatives can be introduced around the platforms.</p>
<p><strong>3 / Human Communication Model &#8211; Cross Social Networks</strong></p>
<p>Its very important on how different aspects of an individual, Personal, Social, and Professional are considered. With services like Facebook and LinkedIn, which has clearly segregated the aspects, and at time also connected individuals with each other on certain model. Connecting users through various services over single interest, is now possible, which means mono-interest-mulitservices model is realistic. For instance if I wish to socialize online, I have Orkut, MySpace, Facebook etc, so for a single interest I got multiple options. What interest lies for developers is how can  the information exchange be possible across various services. Again this is pretty much possible now, for instance Google has the <a href="http://www.opensocial.org/">OpenSocial</a> platform where in using a single API, the developer would be able to consolidate information exchange with services like Orkut, MySpace, LinkedIn and the list goes on, into their cross-platform applications.</p>
<p>I am not sure if I have justified enough, but we as designers and developers are developing for the Rich Unified Applications (also was this term coined earlier ?) age. Where the above three considerations are mandatory and unconsciously we are developing a new breed of applications. Given a chance on a new application development, what I would convey to the team is, that the application got to have sustainable design, extensible code and should grow along with user mental progression.</p>
<p>So at the end the definition for Rich Unified Application according to me would be</p>
<blockquote>
<p style="font-size: 14px;">&#8220;Applications developed with sustainable design, rich experience, extensible code,single homogenous runtime, deployed across one-to-many networks and available over major computing hardware ( i.e from PC to intelligent coffee makers)&#8221;.</p>
</blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.thepixelcode.com/interfaces/what-about-rich-unified-applications/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
