<?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>The Business of Social Media Beyond Web 2.0</title>
	
	<link>http://webtechman.com/blog</link>
	<description>The future of Social Media, getting back to the basics</description>
	<lastBuildDate>Wed, 01 Feb 2012 13:12:12 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.4</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/Tips-On-Enterprise-20-With-Web-20" /><feedburner:info uri="tips-on-enterprise-20-with-web-20" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>The Social Business of Enterprise Gamification</title>
		<link>http://feedproxy.google.com/~r/Tips-On-Enterprise-20-With-Web-20/~3/wUUn1PcswT0/</link>
		<comments>http://webtechman.com/blog/2012/02/01/the-social-business-of-enterprise-gamification/#comments</comments>
		<pubDate>Wed, 01 Feb 2012 13:12:12 +0000</pubDate>
		<dc:creator>Daniel Hudson</dc:creator>
				<category><![CDATA[Gamification]]></category>
		<category><![CDATA[Enterprise 2.0]]></category>
		<category><![CDATA[Innovation]]></category>
		<category><![CDATA[Social Business]]></category>

		<guid isPermaLink="false">http://webtechman.com/blog/?p=2351</guid>
		<description><![CDATA[Social Business Gamification Unlocking New Levels of Innovation through Collaboration Enterprise Gamification is the use of game dynamics within organizations to support a collaborative culture that aligns with business objectives.  This creates an agile social business model that can increase &#8230; <a href="http://webtechman.com/blog/2012/02/01/the-social-business-of-enterprise-gamification/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<h1>Social Business Gamification</h1>
<h2>Unlocking New Levels of Innovation through Collaboration<strong> </strong></h2>
<h2><strong><a href="http://www.flickr.com/photos/walbert/2221698932/"><img class="alignnone size-full wp-image-2352" title="game_strategy-flickr_walbert_2221698932" src="http://webtechman.com/blog/wp-content/uploads/game_strategy-flickr_walbert_2221698932.jpg" alt="" width="500" height="316" /></a><br />
</strong></h2>
<p><strong>Enterprise Gamification</strong> is the use of <em>game dynamics</em> within organizations to support a collaborative culture that aligns   with business objectives.  This creates an agile social business model  that  can increase chances of success in current competitive markets and   future markets.  Applying <em>Enterprise Gamification</em> and implementing <em>game mechanics</em> in <em>enterprise 2.0 platforms</em> plays a very important role in it’s <a href="http://en.wikipedia.org/wiki/Event-driven_architecture" target="_blank">event-driven architecture</a> for capturing the REAL value of enterprise 2.o solutions.  This REAL   value is realized by lowering barriers of participation and showing the   relationships of people, ideas, and things.  Implementing <em>enterprise gamification strategy</em> should be a part of the complete <em>social business strategy</em>.  Learn more at &#8220;<a title="The Secret Social Science Sauce of Gamification" href="http://webtechman.com/blog/2011/06/05/the-secret-social-science-sauce-of-gamification/" target="_blank">The Secret Social Science Sauce of Gamification</a>&#8220;.</p>
<h2>Demystifying Enterprise Gamification for Business</h2>
<p>Gamification describes a series of design principles, processes and systems used to influence, engage and motivate individuals, groups and communities to drive behaviors and effect desired outcomes. Originating from the video game industry, many of these pioneering concepts now play a key role in driving incentive and behavior management for both brands in the consumer world and internal scenarios in the workplace. Enterprise gamification is a user experience (UX) and consumerization of IT (CoIT) trend that will take the market by storm in 2012. Constellation believes that by 2013, more than 50 percent of all social business initiatives will include an enterprise gamification component. Learn more at &#8220;<a href="http://www.enterpriseirregulars.com/43971/research-summary-demystifying-enterprise-gamification-for-business/" target="_blank">Research Summary: Demystifying Enterprise Gamification For Business</a>&#8221;</p>
<p>Ray Wang @rwang0 of Constellation Research Inc. shares his thoughts about the value of <em>Social Business Gamification</em> in this <a href="http://www.livestream.com/ibmsoftware/video?clipId=pla_8bf6c803-4d8d-461d-a20f-e613eda35c6d" target="_blank">video</a> from the <a href="http://www-01.ibm.com/software/collaboration/events/connect/" target="_blank">IBM Connect</a> event.</p>
<p>It&#8217;s great to see Ray&#8217;s work on gamification over the course of time, all bundled up into a great presentation!  He makes a good point about how Enterprise Gamification is about engaging and influencing behaviors to drive outcomes that support business objectives.  He also includes some gold nuggets about points and virtual currency, along with how Business Models are changing.  The part about the impact of applying game mechanics to Human Resources (32minute mark in this video) is priceless.</p>
<p><iframe width="560" height="340" src="http://cdn.livestream.com/embed/ibmsoftware?layout=4&#038;clip=pla_8bf6c803-4d8d-461d-a20f-e613eda35c6d&#038;color=0x000000&#038;autoPlay=false&#038;mute=false&#038;iconColorOver=0xe7e7e7&#038;iconColor=0xcccccc&#038;allowchat=true&#038;height=340&#038;width=560" style="border:0;outline:0" frameborder="0" scrolling="no"></iframe>
<div style="font-size:11px;padding-top:10px;text-align:center;width:560px">Watch <a href=http://www.livestream.com/?utm_source=lsplayer&amp;utm_medium=embed&amp;utm_campaign=footerlinks title=live streaming video>live streaming video</a> from <a href=http://www.livestream.com/ibmsoftware?utm_source=lsplayer&amp;utm_medium=embed&amp;utm_campaign=footerlinks title=Watch ibmsoftware at livestream.com>ibmsoftware</a> at livestream.com</div>
<h2>Demystifying Enterprise Gamification &#8211; Presented by Badgeville</h2>
<p>Constellation Research, Inc. believes that by 2013, more than 50 percent of all social business initiatives will include an enterprise gamification component. Brands and enterprises know that motivation and incentive programs can help produce revenue and productivity gains among internal users and external communities. These business leaders also know it can be time-consuming and difficult to streamline, manage and implement such programs. Join Constellation Research, Inc. CEO, R &#8220;Ray&#8221; Wang @rwang0 and Badgeville @badgeville for an exploration on how organizations can leverage game mechanics to turbo charge engagement, loyalty, and profitability.  <a href="http://www.constellationrg.com/events/webinars/2012/01/demystifying-enterprise-gamification-presented-badgeville" target="_blank">Register for this free webinar today</a>.</p>
<img src="http://feeds.feedburner.com/~r/Tips-On-Enterprise-20-With-Web-20/~4/wUUn1PcswT0" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://webtechman.com/blog/2012/02/01/the-social-business-of-enterprise-gamification/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://webtechman.com/blog/2012/02/01/the-social-business-of-enterprise-gamification/</feedburner:origLink></item>
		<item>
		<title>Collection of Social Business Predictions &amp; Tech Trends for 2012</title>
		<link>http://feedproxy.google.com/~r/Tips-On-Enterprise-20-With-Web-20/~3/iLfOdUOI3Js/</link>
		<comments>http://webtechman.com/blog/2011/12/31/collection-of-social-business-predictions-tech-trends-for-2012/#comments</comments>
		<pubDate>Sun, 01 Jan 2012 03:40:20 +0000</pubDate>
		<dc:creator>Daniel Hudson</dc:creator>
				<category><![CDATA[Social Business]]></category>
		<category><![CDATA[Cloud Computing]]></category>
		<category><![CDATA[Enterprise 2.0]]></category>
		<category><![CDATA[strategy]]></category>
		<category><![CDATA[Trends]]></category>

		<guid isPermaLink="false">http://webtechman.com/blog/?p=2325</guid>
		<description><![CDATA[The Future of Social Business &#38; Enterprise 2.0 The Collective Intelligence of Social Business We are about to embark on an innovative journey that will transform the workforce.  This new innovation age will blur the lines of work and play.  &#8230; <a href="http://webtechman.com/blog/2011/12/31/collection-of-social-business-predictions-tech-trends-for-2012/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<h1>The Future of Social Business &amp; Enterprise 2.0</h1>
<div id="attachment_2326" class="wp-caption alignnone" style="width: 510px"><a href="http://www.flickr.com/photos/53384689@N06/4969256869/"><img class="size-full wp-image-2326" title="glass_balls_in_motion-marycat879-flickr" src="http://webtechman.com/blog/wp-content/uploads/glass_balls_in_motion-marycat879-flickr.jpg" alt="" width="500" height="375" /></a><p class="wp-caption-text">Many Things in Motion</p></div>
<h2>The Collective Intelligence of Social Business</h2>
<p>We are about to embark on an innovative journey that will transform the workforce.  This new innovation age will blur the lines of work and play.  Integrating internal and external Social Media into Enterprise workflows to support collaborative business intelligence will become more of a priority.  The future of Social Business will empower the workforce, partners, and customers in the process of co-creation that will drive new levels of innovation across multiple markets.  These new business models will begin to harness the power of Collective Intelligence as the Enterprise explores collaboration beyond it&#8217;s main silo, the firewall.</p>
<p>&#8220;The whole is greater than the sum of its parts.&#8221; &#8211; Aristotle</p>
<h3>The State of Social Business</h3>
<p>Jeremiah Owyang&#8217;s &#8220;State of Social Business&#8221; presentation at LeWeb2011 covers why it is important to have a Social Business Strategy in this <a href="http://youtu.be/w7YiFO1J5O4">video</a>.</p>
<p><iframe width="500" height="281" src="http://www.youtube.com/embed/w7YiFO1J5O4?fs=1&#038;feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<h2>Social Business Predictions &amp; Trends for 2012</h2>
<p>This year will set the stage for the decade of&#8221;radical innovation&#8221;.  Everyone may not have flying cars in 2022, but business models as we know them today will seem like ancient cave etchings.  There were several interesting predictions and trends in our <a href="http://webtechman.com/blog/2010/12/20/collection-of-enterprise-2-0-predictions-tech-trends-for-2011/">Collection of Enterprise 2.0 Predictions &amp; Tech Trends for 2011</a>.  This will be the year of the Social Scientist and Data Artist.</p>
<ul>
<li><strong>Cloud Computing: </strong>Implementing cloud computing in the Enterprise and Government will be a prime focus.  This effort will start to mature beyond private virtual clouds and Software as a Service (SaaS) to include Platform as a Service (PaaS), Infrastructure as a Service (IaaS) and exploring Business Process as a Service (BPaaS).</li>
<li><strong>Web-Oriented Architecture (WOA):</strong> <a href="http://hinchcliffe.org/archive/2008/02/27/16617.aspx">web-oriented architecture</a> extends service-oriented architecture (SOA).  It&#8217;s RESTful methods will help support cloud computing across multiple environments and devices.</li>
<li><strong>Gamification</strong>: This is not angry birds in the workplace, but the use of Game Design Thinking for supporting collaboration and innovation.  Social Scientists will help organizations put an emphasis on psychology over technology to help others achieve the state of flow in business processes.</li>
<li><strong>Mobile: </strong>Organizations will make real investments into supporting mobile technologies. Tablets and Smart Phones are slowly replacing the standard computers in the workforce.  The use of web-based apps and widgets on mobile devices will become more standard.</li>
<li><strong>Big Data</strong>: Context will become the new king as organizations leverage internal and external data sources and social networks for business intelligence.</li>
<li><strong>Enterprise App Stores &amp; Business Intelligence Dashboards</strong>: Understanding information at the speed of business will help ensure success.  Visualizing business intelligence will move from IT departments to business departments.  Technologies like <a href="http://www.jackbe.com/products/">JackBe&#8217;s Presto Platform </a>empower business leaders with the ability to &#8220;assemble&#8221; apps like lego blocks to support business decisions.</li>
<li><strong>Identity Management</strong>:  Yes, the silos are crumbling and this includes corporate firewalls.  Supporting collaboration and secure communication across multiple environments and devices will have thought leaders thinking beyond firewalls and the use of Secure Socket Layers (SSL).  This shift from &#8220;need to know&#8221; to &#8220;need to share&#8221; will drive the use of intelligent point-to-point controls.  Attribute-Based Access Controls (ABAC) and Policy-Based Access Controls with <a href="http://www.oasis-open.org/committees/tc_home.php?wg_abbrev=xacml">eXtensible Access Control Markup Language (XACML)</a> will be considered as alternatives to Role-Based Controls.  Additional thoughts about Identity Entitlement and Access Management (IdEA) are available at <a href="http://www.opengroup.org/jericho/">Jericho Forum</a>.</li>
</ul>
<h2>Social Business Thought Leaders on Twitter</h2>
<p>This Social Business Thought Leader twitter game board represents people focused on sharing ideas about Social Business Strategy.  Connect with more social business thought leaders on this twitter list: <a href="http://bit.ly/SocBiz">Social Business Strategy Leaders</a>.</p>
<span class="ffTwitterUser">
			<a href="http://twitter.com/rwang0" title="R Ray Wang" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/rwang0_n" style="background-color:#efe4fb" alt="rwang0" /></a>
			<a href="http://twitter.com/rwang0" title="R Ray Wang: Provocateur, enterprise & disruptive technologist. Biz strategist ,vendor selection,s/ware contracts expert. Constellation Research CEO & Analyst. Club DJ. " class="twitter-anywhere-user" rel="external" style="color:#5234ef;">rwang0</a>
</span>
<span class="ffTwitterUser">
			<a href="http://twitter.com/oscarberg" title="Oscar Berg" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/oscarberg_n" style="background-color:#C6E2EE" alt="oscarberg" /></a>
			<a href="http://twitter.com/oscarberg" title="Oscar Berg: How can we use information technology & what we know about human behavior to empower knowledge workers to work smarter together? e20, SocBiz, KM, ECM, Collab" class="twitter-anywhere-user" rel="external" style="color:#1F98C7;">oscarberg</a>
</span>
<span class="ffTwitterUser">
			<a href="http://twitter.com/dhinchcliffe" title="Dion Hinchcliffe" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/dhinchcliffe_n" style="background-color:#000000" alt="dhinchcliffe" /></a>
			<a href="http://twitter.com/dhinchcliffe" title="Dion Hinchcliffe: Internationally recognized business strategist, enterprise architect, keynote speaker, author, blogger, & consultant on Social Business and Next-Gen Enterprises" class="twitter-anywhere-user" rel="external" style="color:#0000ff;">dhinchcliffe</a>
</span>
<span class="ffTwitterUser">
			<a href="http://twitter.com/rhappe" title="Rachel Happe" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/rhappe_n" style="background-color:#2d4675" alt="rhappe" /></a>
			<a href="http://twitter.com/rhappe" title="Rachel Happe: Connector of ideas and people. Fascinated by social dynamics. Principal at @TheCR - The Community Roundtable w @jimstorer and mom to a great toddler." class="twitter-anywhere-user" rel="external" style="color:#181858;">rhappe</a>
</span>
<span class="ffTwitterUser">
			<a href="http://twitter.com/rossdawson" title="Ross Dawson" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/rossdawson_n" style="background-color:#000000" alt="rossdawson" /></a>
			<a href="http://twitter.com/rossdawson" title="Ross Dawson: Futurist/ Entrepreneur/ Keynote Speaker/ Author and contributor to global brain. A visual slice of my neural activity: http://bit.ly/AHTGpBizModel" class="twitter-anywhere-user" rel="external" style="color:#0000ff;">rossdawson</a>
</span>
<span class="ffTwitterUser">
			<a href="http://twitter.com/krcraft" title="Kelly Craft" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/krcraft_n" style="background-color:#050505" alt="krcraft" /></a>
			<a href="http://twitter.com/krcraft" title="Kelly Craft: An ounce of perception - a pound of obscure. Love the edgy dichotomy between risk taking and risk aversion.

Collaboration Hornet's nest poker:E20,SCRM,BPM" class="twitter-anywhere-user" rel="external" style="color:#FF3300;">krcraft</a>
</span>
<span class="ffTwitterUser">
			<a href="http://twitter.com/byAgah" title="Agah" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/byAgah_n" style="background-color:#C0DEED" alt="byAgah" /></a>
			<a href="http://twitter.com/byAgah" title="Agah: Entrepreneur, Enterprise 2.0, Social CRM, Social Business,  Europe 2.0, Gov 2.0, New Economic World Order effect in Web 2.0" class="twitter-anywhere-user" rel="external" style="color:#0084B4;">byAgah</a>
</span>
<span class="ffTwitterUser">
			<a href="http://twitter.com/raesmaa" title="Riitta Raesmaa" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/raesmaa_n" style="background-color:#edecee" alt="raesmaa" /></a>
			<a href="http://twitter.com/raesmaa" title="Riitta Raesmaa: Entrepreneur, Founding Partner @Sopima. SaaS, Cloud, Contract Management, E2.0/Social business, ITSM, Innovation, Sustainability, Design, Books. OH-LCH." class="twitter-anywhere-user" rel="external" style="color:#468aa4;">raesmaa</a>
</span>
<span class="ffTwitterUser">
			<a href="http://twitter.com/absolutesubzero" title="Emanuele Quintarelli" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/absolutesubzero_n" style="background-color:#9ae4e8" alt="absolutesubzero" /></a>
			<a href="http://twitter.com/absolutesubzero" title="Emanuele Quintarelli: Social Business consultant, strategist and blogger focused on the European market" class="twitter-anywhere-user" rel="external" style="color:#0000ff;">absolutesubzero</a>
</span>

<h2>A Collection of Social Business Predictions &amp; Tech Trends</h2>
<ul>
<li><a href="http://web2.sys-con.com/node/2040343" target="_blank">The Future of Cloud Computing: Industry Predictions for 2012</a></li>
<li><a href="http://www.dachisgroup.com/2011/12/social-business-predictions-for-2012/" target="_blank">Dachis Group: Social Business Predictions for 2012</a></li>
<li><a href="http://www.thefutureofcollaboration.com/tag/michael-wu/" target="_blank">Michael Wu: Future of Collaborative Enterprise</a></li>
<li><a href="http://www.cnn.com/2011/12/19/tech/innovation/top-tech-trends-2012/index.html?iphoneemail" target="_blank">CNN: The Top 10 tech trends for 2012</a></li>
<li><a href="http://www.informationweek.com/thebrainyard/commentary/strategy/232300795/social-business-in-2012-enter-the-water-dragon?pgno=2" target="_blank">The brainyard: Social Business In 2012: Enter The Water Dragon</a></li>
<li><a href="http://www.gartner.com/it/page.jsp?id=1862714" target="_blank">Gartner: Top Predictions for IT Organizations and Users for 2012 and Beyond</a></li>
<li><a href="http://www.cio.com/article/695458/Top_Ten_Tech_Predictions_for_2012" target="_blank">CIO: Top Ten Tech Predictions for 2012</a></li>
<li><a href="http://www.socialbusinessnews.com/ibms-social-business-predictions-for-2012/" target="_blank">IBM’s Social Business Predictions for 2012</a></li>
<li><a href="http://www.prnewswire.com/news-releases/deloitte-predicts-the-top-10-technology-trends-for-2012-135248878.html" target="_blank">Deloitte Predicts the Top 10 Technology Trends for 2012</a></li>
<li><a href="http://www.realstorygroup.com/Blog/2260-2012-Technology-Predictions.html" target="_blank">Real Story Group: 2012 Technology Predictions</a></li>
<li><a href="http://www.businesscomputingworld.co.uk/top-5-network-technology-predictions-for-2012/" target="_blank">BCW: Top 5 Network Technology Predictions For 2012</a></li>
<li><a href="http://web2.sys-con.com/node/2092872" target="_blank">The Next Web Architecture</a></li>
<li><a href="http://www.mainstreet.com/article/smart-spending/technology/10-tech-predictions-2012?page=1" target="_blank">MainStreet: 10 Tech Predictions for 2012</a></li>
</ul>
<h3>Update 01/01/2012</h3>
<ul>
<li><a href="http://www.informationweek.com/thebrainyard/commentary/social_networking_private_platforms/232301112/10-biggest-social-business-stories-of-2011" target="_blank">10 Biggest Social Business Stories Of 2011</a></li>
<li><a href="http://www.forbes.com/sites/joemckendrick/2011/12/14/10-ways-cloud-computing-will-disrupt-our-businesses-in-2012/" target="_blank">10 Ways Cloud Computing Will Disrupt our Businesses in 2012</a></li>
<li><a href="http://www.cmswire.com/cms/social-business/how-digital-business-will-evolve-in-2012-6-big-ideas-013938.php" target="_blank">How Digital Business Will Evolve in 2012: 6 Big Ideas</a></li>
<li><a href="http://www.forbes.com/sites/tomtaulli/2011/12/28/tech-trends-thatll-kill-it-in-2012/" target="_blank">Tech Trends That&#8217;ll Kill It In 2012</a></li>
<li><a href="http://enterprise-gamification.com/index.php/blog/2-news/59-7-gamification-predictions-for-2012" target="_blank">7 Gamification Predictions for 2012</a></li>
</ul>
<h3>Social Intranets in Social Business</h3>
<p>Collective intelligence structures that harness network effects improve as more people use them.  Learn more from <a href="http://www.slideshare.net/leebryant/social-intranets-in-social-business" target="_blank">&#8220;Social Intranets in Social Business&#8221; by Lee Bryant</a>.</p>
<div id="__ss_9744743" style="width: 425px;"><strong style="display: block; margin: 12px 0 4px;"><a title="Social Intranets in Social Business" href="http://www.slideshare.net/leebryant/social-intranets-in-social-business" target="_blank">Social Intranets in Social Business</a></strong> <object id="__sse9744743" width="425" height="355"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=interactintranet-111018045107-phpapp01&amp;rel=0&amp;stripped_title=social-intranets-in-social-business&amp;userName=leebryant" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="wmode" value="transparent" /><embed type="application/x-shockwave-flash" width="425" height="355" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=interactintranet-111018045107-phpapp01&amp;rel=0&amp;stripped_title=social-intranets-in-social-business&amp;userName=leebryant" name="__sse9744743" allowscriptaccess="always" allowfullscreen="true" wmode="transparent"></embed></object>&nbsp;</p>
<div style="padding: 5px 0 12px;">View more <a href="http://www.slideshare.net/" target="_blank">presentations</a> from <a href="http://www.slideshare.net/leebryant" target="_blank">Lee Bryant</a></div>
</div>
<p>This new innovation age in <em>Social Business</em> will remind us of the Industrial Age, but instead of mining for precious gems of gold and silver, we will be mining for precious gems of knowledge.  Instead of factories that pollute our environment will have idea factories that improve our environments.</p>
<img src="http://feeds.feedburner.com/~r/Tips-On-Enterprise-20-With-Web-20/~4/iLfOdUOI3Js" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://webtechman.com/blog/2011/12/31/collection-of-social-business-predictions-tech-trends-for-2012/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		<feedburner:origLink>http://webtechman.com/blog/2011/12/31/collection-of-social-business-predictions-tech-trends-for-2012/</feedburner:origLink></item>
		<item>
		<title>How to Create an XML AJAX App with Open Standards</title>
		<link>http://feedproxy.google.com/~r/Tips-On-Enterprise-20-With-Web-20/~3/vpYPxCEDMDE/</link>
		<comments>http://webtechman.com/blog/2011/11/14/how-to-create-an-xml-ajax-app-with-open-standards/#comments</comments>
		<pubDate>Tue, 15 Nov 2011 04:17:08 +0000</pubDate>
		<dc:creator>Daniel Hudson</dc:creator>
				<category><![CDATA[Open Source]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[APIs]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://webtechman.com/blog/?p=2272</guid>
		<description><![CDATA[Data Integration &#38; User Interaction with Open Standards Open Standards and the W3C On November 12, 1990 Sir Tim Berners-Lee @timberners_lee submitted a paper that would change the world, this paper was the WorldWideWeb: Proposal for a HyperText Project.  Sir &#8230; <a href="http://webtechman.com/blog/2011/11/14/how-to-create-an-xml-ajax-app-with-open-standards/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<h1>Data Integration &amp; User Interaction with Open Standards</h1>
<h2>Open Standards and the W3C</h2>
<p>On November 12, 1990 <a href="http://www.w3.org/People/Berners-Lee/" target="_blank">Sir Tim Berners-Lee</a> @timberners_lee submitted a paper that would change the world, this paper was the <a href="http://www.w3.org/Proposal.html" target="_blank">WorldWideWeb: Proposal for a HyperText Project</a>.  Sir Tim Berners-Lee leads the <a href="http://www.w3.org/Consortium/" target="_blank">World Wide Web Consortium (W3C)</a>.  The <a href="http://www.w3.org/Consortium/" target="_blank">W3C</a> is an international community where Member organizations, a full-time staff, and the public work together to develop Web standards. Led by Web inventor Tim Berners-Lee and CEO Jeffrey Jaffe, W3C&#8217;s mission is to lead the Web to its full potential.  The W3C is having it&#8217;s very first Developer&#8217;s Conference (Free Streaming Video Available)  <a href="https://twitter.com/#!/search?q=%23w3conf" target="_blank">#W3Conf</a> @w3cConf on November 15 &#8211; 16, 2011, &#8220;<a href="http://www.w3.org/conf/" target="_blank">W3Conf Developer Conference</a>&#8220;.</p>
<h2>Data and Services Integration</h2>
<p>Integration of heterogeneous data and services has always been a concern for creators and managers of services. With the emergence of the Web, the need for reusing data and services became even stronger, as the number of available services raised.</p>
<p>Cloud-based services are also created using different paradigms and present the same challenges as the  ones found in Enterprise Services, or on the Open Web, and the opportunity to create mashups of services using different models.</p>
<p>There is currently extensive deployment experience with Web Services; the Semantic Web is more mature; and the XML Stack has become ubiquitous. The increasing use of JSON-based services and Cloud-based computing combined with experience and maturity of the XML-based services and of the Semantic Web technologies suggests that now is a good time to find ways to bridge and combine these various technologies to make a coherent platform for future business and technical work.  Additional information, reports, and presentations are available from this <a href="http://www.w3.org/2011/10/integration-workshop/" target="_blank">W3C Workshop</a>.</p>
<p>A paper submitted by IBM to the W3C Data &amp; Services Workshop  describes the challenges of multiple data formats and possible solutions  for loosely structured data, &#8220;<a href="http://www.w3.org/2011/10/integration-workshop/s/ExperienceswithJSONandXMLTransformations.v08.pdf" target="_blank">Experiences with JSON and XML Transformations</a>&#8220;.   This paper explains common problems developers and web service  providers face when trying to develop a common interface.  The  presenters identified many real-world key problems that left me  wondering about a different solution that I hope others elaborate on here.</p>
<h2>Web 2.0 App Model with XML AJAX API</h2>
<p>Modern Web 2.0 Apps use Asynchronous <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> and <a href="http://en.wikipedia.org/wiki/Xml" target="_blank">XML</a> (<a href="http://en.wikipedia.org/wiki/Ajax_%28programming%29" target="_blank">AJAX</a>) to create dynamic interactive displays with data.  Many AJAX apps use <a href="http://en.wikipedia.org/wiki/JSON" target="_blank">JSON</a> instead of XML.</p>
<p>What if they used Standard XML leveraging <a href="http://en.wikipedia.org/wiki/Xpath" target="_blank">XPATH</a> with cross-platform and language-independent <a href="http://en.wikipedia.org/wiki/Document_object_model" target="_blank">DOM</a>?  This approach could let us use object-oriented programming to work with object-oriented data.</p>
<h3>The Data</h3>
<p>The problem with loosely structured data is identifying target areas.  This simple example of a book collection does not have unique identifiers in the data elements.  Unique identifiers in the data elements would allow us to use standard methods to work with targeted areas.</p>

<div class="wp_syntax"><div class="code"><pre class="xml" style="font-family:monospace;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;?xml</span> <span style="color: #000066;">version</span>=<span style="color: #ff0000;">&quot;1.0&quot;</span> <span style="color: #000066;">encoding</span>=<span style="color: #ff0000;">&quot;UTF-8&quot;</span> <span style="color: #000066;">standalone</span>=<span style="color: #ff0000;">&quot;yes&quot;</span><span style="color: #000000; font-weight: bold;">?&gt;</span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;bookstore<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;title</span> <span style="color: #000066;">owner</span>=<span style="color: #ff0000;">&quot;webtechman&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>Top Shelf Book Store<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/title<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;book</span> <span style="color: #000066;">category</span>=<span style="color: #ff0000;">&quot;COOKING&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;title</span> <span style="color: #000066;">lang</span>=<span style="color: #ff0000;">&quot;en&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>Everyday Italian<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/title<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;author<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>Giada De Laurentiis<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/author<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;year<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>2005<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/year<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;price<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>30.00<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/price<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/book<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
&nbsp;
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;book</span> <span style="color: #000066;">category</span>=<span style="color: #ff0000;">&quot;CHILDREN&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;title</span> <span style="color: #000066;">lang</span>=<span style="color: #ff0000;">&quot;en&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>Harry Potter<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/title<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;author<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>J K. Rowling<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/author<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;year<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>2005<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/year<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;price<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>29.99<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/price<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/book<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
&nbsp;
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;book</span> <span style="color: #000066;">category</span>=<span style="color: #ff0000;">&quot;WEB&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;title</span> <span style="color: #000066;">lang</span>=<span style="color: #ff0000;">&quot;en&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>XQuery Kick Start<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/title<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;author<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>James McGovern<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/author<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;author<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>Per Bothner<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/author<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;author<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>Kurt Cagle<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/author<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;author<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>James Linn<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/author<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;author<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>Vaidyanathan Nagarajan<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/author<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;year<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>2003<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/year<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;price<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>49.99<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/price<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/book<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
&nbsp;
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;book</span> <span style="color: #000066;">category</span>=<span style="color: #ff0000;">&quot;WEB&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;title</span> <span style="color: #000066;">lang</span>=<span style="color: #ff0000;">&quot;en&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>Learning XML<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/title<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;author<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>Erik T. Ray<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/author<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;year<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>2003<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/year<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;price<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>39.95<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/price<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/book<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
&nbsp;
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/bookstore<span style="color: #000000; font-weight: bold;">&gt;</span></span></span></pre></div></div>

<h3>The Data with NoDeCode Identifiers</h3>
<p>This simple example of a book collection has unique identifiers in the data elements.  The &#8220;XQuery Kick Start&#8221; book element now has a unique id, it&#8217;s author elements all have unique ids, along with every element in our XML data.  Unique identifiers in the data elements allow us to use standard methods to work with targeted areas. No DeCode between JSON and XML is necessary with NoDeCode identifiers.</p>

<div class="wp_syntax"><div class="code"><pre class="xml" style="font-family:monospace;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;?xml</span> <span style="color: #000066;">version</span>=<span style="color: #ff0000;">&quot;1.0&quot;</span> <span style="color: #000066;">encoding</span>=<span style="color: #ff0000;">&quot;UTF-8&quot;</span> <span style="color: #000066;">standalone</span>=<span style="color: #ff0000;">&quot;yes&quot;</span><span style="color: #000000; font-weight: bold;">?&gt;</span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;bookstore</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;0&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;title</span> <span style="color: #000066;">owner</span>=<span style="color: #ff0000;">&quot;webtechman&quot;</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;1&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>Top Shelf Book Store<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/title<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;book</span> <span style="color: #000066;">category</span>=<span style="color: #ff0000;">&quot;COOKING&quot;</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;2&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;title</span> <span style="color: #000066;">lang</span>=<span style="color: #ff0000;">&quot;en&quot;</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;3&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>Everyday Italian<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/title<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;author</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;4&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>Giada De Laurentiis<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/author<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;year</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;5&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>2005<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/year<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;price</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;6&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>30.00<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/price<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/book<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
&nbsp;
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;book</span> <span style="color: #000066;">category</span>=<span style="color: #ff0000;">&quot;CHILDREN&quot;</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;7&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;title</span> <span style="color: #000066;">lang</span>=<span style="color: #ff0000;">&quot;en&quot;</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;8&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>Harry Potter<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/title<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;author</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;9&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>J K. Rowling<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/author<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;year</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;10&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>2005<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/year<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;price</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;11&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>29.99<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/price<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/book<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
&nbsp;
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;book</span> <span style="color: #000066;">category</span>=<span style="color: #ff0000;">&quot;WEB&quot;</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;12&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;title</span> <span style="color: #000066;">lang</span>=<span style="color: #ff0000;">&quot;en&quot;</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;13&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>XQuery Kick Start<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/title<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;author</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;14&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>James McGovern<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/author<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;author</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;15&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>Per Bothner<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/author<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;author</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;16&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>Kurt Cagle<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/author<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;author</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;17&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>James Linn<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/author<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;author</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;18&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>Vaidyanathan Nagarajan<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/author<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;year</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;19&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>2003<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/year<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;price</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;20&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>49.99<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/price<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/book<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
&nbsp;
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;book</span> <span style="color: #000066;">category</span>=<span style="color: #ff0000;">&quot;WEB&quot;</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;21&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;title</span> <span style="color: #000066;">lang</span>=<span style="color: #ff0000;">&quot;en&quot;</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;22&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>Learning XML<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/title<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;author</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;23&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>Erik T. Ray<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/author<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;year</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;24&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>2003<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/year<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;price</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;25&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>39.95<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/price<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/book<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/bookstore<span style="color: #000000; font-weight: bold;">&gt;</span></span></span></pre></div></div>

<p>The NoDeCode identifiers are added as attributes to the XML DOM object with a few simple lines of code.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #006600; font-style: italic;">//Add nodecode for indexing elements</span>
xmlUtil.<span style="color: #660066;">prototype</span>.<span style="color: #660066;">addNodeCode</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>xmlNode<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
	<span style="color: #000066; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">var</span> i <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span> i <span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span> xmlNode.<span style="color: #660066;">childNodes</span>.<span style="color: #660066;">length</span><span style="color: #339933;">;</span> i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><span style="color: #006600; font-style: italic;">//each child node</span>
		<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>xmlNode.<span style="color: #660066;">childNodes</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">nodeType</span> <span style="color: #339933;">==</span> <span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><span style="color: #006600; font-style: italic;">//no white spaces</span>
			<span style="color: #006600; font-style: italic;">//add nodecode attribute</span>
			xmlNode.<span style="color: #660066;">childNodes</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">setAttribute</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;id&quot;</span><span style="color: #339933;">,</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">getNodeCode</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
			<span style="color: #006600; font-style: italic;">//http://www.w3.org/TR/xml-id/</span>
			<span style="color: #006600; font-style: italic;">//setIdAttribute is not supported in common web browsers</span>
			<span style="color: #006600; font-style: italic;">//xmlNode.childNodes[i].setIdAttribute(&quot;id&quot;, true);</span>
		<span style="color: #009900;">&#125;</span>
		<span style="color: #006600; font-style: italic;">//recursive to child of children</span>
		<span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">addNodeCode</span><span style="color: #009900;">&#40;</span>xmlNode.<span style="color: #660066;">childNodes</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<h2>Simple AJAX Interfaces for Targeted XML DOM Objects</h2>
<p>The NoDeCode supports connecting standard user interfaces to targeted data areas in the XML DOM Object supported by standard XPATH methods.  It is important to note that no round trips to the server are taking place at this time.  All the user interactions are taking place in the XML Object on the client.  The data can be manipulated and modified on the client, then the data object can be transformed into a string and posted to the server using standard HTTP protocol.</p>
<p><a rel="attachment wp-att-2308" href="http://webtechman.com/blog/2011/11/14/how-to-create-an-xml-ajax-app-with-open-standards/user_interface-delete_books/"><img class="alignnone size-full wp-image-2308" title="A screenshot of a simple delete books user interface" src="http://webtechman.com/blog/wp-content/uploads/user_interface-delete_books.png" alt="A screenshot of a simple delete books user interface" width="183" height="85" /></a></p>
<p><a rel="attachment wp-att-2309" href="http://webtechman.com/blog/2011/11/14/how-to-create-an-xml-ajax-app-with-open-standards/user_interface-add_books/"><img class="alignnone size-full wp-image-2309" title="A screenshot of a simple add book user interface" src="http://webtechman.com/blog/wp-content/uploads/user_interface-add_books.png" alt="" width="250" height="121" /></a></p>
<p>NoDeCode has been tested in the following web browsers:</p>
<ul>
<li>Firefox 7</li>
<li>Google Chrome 15</li>
<li>Internet Explorer 8</li>
</ul>
<p>NoDeCode Supports:</p>
<ul>
<li>Standard HTTP protocol to get XML string</li>
<li>Method to convert XML string to XML object</li>
<li>Method to convert XML object to XML string</li>
<li>Methods/Properties to target loosely structured XML</li>
<li>Methods to connect User Interfaces to XML objects</li>
</ul>
<p>The NoDeCode AJAX XML XPATH DOM Model demonstrates how to extend existing web browser objects and methods for custom needs.  It also shows how to use Object-Oriented JavaScript programming to create custom objects that can easily be extended to include new methods and properties.  NoDeCode contains many resources in it&#8217;s source code and was written in a single HTML page to support fast modifications and quick testing.  The source code along with a sample XML file can be downloaded here, <a title="Download NoDeCode" href="http://webtechman.com/blog/wp-content/uploads/NoDeCode.zip">NoDeCode.zip</a></p>
<p>Please feel free to share your thoughts and comments here.</p>
<img src="http://feeds.feedburner.com/~r/Tips-On-Enterprise-20-With-Web-20/~4/vpYPxCEDMDE" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://webtechman.com/blog/2011/11/14/how-to-create-an-xml-ajax-app-with-open-standards/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://webtechman.com/blog/2011/11/14/how-to-create-an-xml-ajax-app-with-open-standards/</feedburner:origLink></item>
		<item>
		<title>How to Master Data Visualization</title>
		<link>http://feedproxy.google.com/~r/Tips-On-Enterprise-20-With-Web-20/~3/gx0aSfTWfAY/</link>
		<comments>http://webtechman.com/blog/2011/10/23/how-to-master-data-visualization/#comments</comments>
		<pubDate>Sun, 23 Oct 2011 23:19:10 +0000</pubDate>
		<dc:creator>Daniel Hudson</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[APIs]]></category>
		<category><![CDATA[Frameworks]]></category>
		<category><![CDATA[Visualization]]></category>

		<guid isPermaLink="false">http://webtechman.com/blog/?p=2258</guid>
		<description><![CDATA[Strategy &#38; Tools for Data Visualization Data Visualization Data visualization is the study of the visual representation of data, meaning &#8220;information which has been abstracted in some schematic form, including attributes or variables for the units of information&#8221;.  According to &#8230; <a href="http://webtechman.com/blog/2011/10/23/how-to-master-data-visualization/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<h1>Strategy &amp; Tools for Data Visualization</h1>
<h2>Data Visualization</h2>
<p><a href="http://en.wikipedia.org/wiki/Data_visualization" target="_blank">Data visualization</a> is the study of the visual representation of data, meaning &#8220;information which has been abstracted in some schematic form, including attributes or variables for the units of information&#8221;.  According to Friedman (2008) the &#8220;main goal of data visualization is to communicate information clearly and effectively through graphical means. It doesn’t mean that data visualization needs to look boring to be functional or extremely sophisticated to look beautiful.</p>
<h2>Data Visualization Strategy</h2>
<p>Edward Tufte @EdwardTufte delivered a great presentation about data visualization strategy for the star studded Tech@State event audience.   <a href="http://tech.state.gov/" target="_blank">Tech@State</a> ( @techATstate ) connects tech innovators and those interested in diplomacy and development to enable 21st century statecraft by improving education, health and welfare of the world&#8217;s population.   The Edward Tufte: Beautiful Evidence (Highlights) video is available <a href="http://tech.state.gov/video/edward-tufte-beautiful-evidence-highlights" target="_blank">here.</a> Edward Tufte&#8217;s complete data visualization strategy presentation video is available <a href="http://www.ustream.tv/recorded/17452843" target="_blank">here,</a> his presentation <strong>begins at 14:24</strong>.</p>
<p><strong>If your display isn&#8217;t worth 1000 words, to hell with it &#8211; @EdwardTufte</strong></p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="386"><param name="flashvars" value="vid=17452843&amp;autoplay=false" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.ustream.tv/flash/viewer.swf" /><embed type="application/x-shockwave-flash" width="480" height="386" src="http://www.ustream.tv/flash/viewer.swf" flashvars="vid=17452843&amp;autoplay=false" allowfullscreen="true" allowscriptaccess="always"></embed></object></p>
<h2>Data Visualization Tools &amp; Services</h2>
<h3>Google Data Visualization Services</h3>
<p><a href="http://code.google.com/apis/chart/interactive/docs/gallery.html" target="_blank">Google Data Visualization Service</a> provides a variety of charts that are optimized to address your data visualization needs.       These charts are based on pure HTML5/SVG technology (adopting VML for old IE versions), so no plugins are required.</p>
<p><a href="http://code.google.com/apis/chart/interactive/docs/gallery.html"><img class="alignnone size-large wp-image-2263" title="Google-Data-Visualization-Services" src="http://webtechman.com/blog/wp-content/uploads/Google-Data-Visualization-Services-500x338.png" alt="" width="500" height="338" /></a></p>
<h3>Sencha ExtJS Data Visualization Tools</h3>
<p>It has always been hard to draw things in web applications. HTML is really not cut out for creating charts and other richly interactive imagery, but <a href="http://dev.sencha.com/deploy/ChartsDemo/" target="_blank">Sencha ExtJS 4</a> supports data visualizations HTML applications. Typically this need has been met with Adobe Flash, but this gave Sencha two problems: most people like writing code in JavaScript, and Flash isn’t available on all devices. The ExtJS 4 solution to these problems is a pure-JavaScript drawing library that can create incredibly rich charting and graphics. It works everywhere &#8211; from IE6 to iOS &#8211; and will also be available as an add-on for Sencha Touch (mobile).</p>
<p><a href="http://dev.sencha.com/deploy/ChartsDemo/"><img class="alignnone size-large wp-image-2264" title="Sencha-ExtJS-data-visualization" src="http://webtechman.com/blog/wp-content/uploads/Sencha-ExtJS-data-visualization-500x241.png" alt="" width="500" height="241" /></a></p>
<h3>Highcharts Data Visualization Tools</h3>
<p><a href="http://www.highcharts.com/" target="_blank">Highcharts</a> is a charting library written in pure JavaScript, offering intuitive, interactive charts to your web site or web application. Highcharts currently supports line, spline, area, areaspline, column, bar, pie and scatter chart types.  You can also you create stock or general timeline charts in pure JavaScript, including sophisticated navigation options like a small navigator series, preset date ranges, date picker, scrolling and panning with <a href="http://www.highcharts.com/products/highstock" target="_blank">Highstock</a>.</p>
<p><a href="http://www.highcharts.com/"><img class="alignnone size-large wp-image-2266" title="Highcharts-data-visualization" src="http://webtechman.com/blog/wp-content/uploads/Highcharts-data-visualization-500x117.png" alt="" width="500" height="117" /></a></p>
<h2>Current Data Visualization Twitter Game Board</h2>
<p>Diversity fuels innovation.  Sports fanatics have their fantasy football teams. This is my fantasy innovation team. This Data Visualization twitter game board represents people focused on sharing ideas about how to make data make sense.</p>
<span class="ffTwitterUser">
			<a href="http://twitter.com/EdwardTufte" title="Edward Tufte" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/EdwardTufte_n" style="background-color:#fffceb" alt="EdwardTufte" /></a>
			<a href="http://twitter.com/EdwardTufte" title="Edward Tufte: 7 books: Beautiful Evidence, Visual Explanations, Envisioning Information, The Visual Display of Quantitative Information" class="twitter-anywhere-user" rel="external" style="color:#700c07;">EdwardTufte</a>
</span>
<span class="ffTwitterUser">
			<a href="http://twitter.com/NoelDickover" title="NoelDickover" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/NoelDickover_n" style="background-color:#fee3cd" alt="NoelDickover" /></a>
			<a href="http://twitter.com/NoelDickover" title="NoelDickover: Co-founder of #CrisisCamp & CrisisCommons, Support State Dept. eDiplomacy Innovation Division. #Gov20, Also carves pumpkins (fantasypumpkins.com)" class="twitter-anywhere-user" rel="external" style="color:#b52b21;">NoelDickover</a>
</span>
<span class="ffTwitterUser">
			<a href="http://twitter.com/JohnFMoore" title="John Moore" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/JohnFMoore_n" style="background-color:#0099B9" alt="JohnFMoore" /></a>
			<a href="http://twitter.com/JohnFMoore" title="John Moore: Founder and CEO of @GovInTheLab. An open government strategist, consultant, and analyst. Part writer, speaker, and educator. Other interests?  Mobile and CRM." class="twitter-anywhere-user" rel="external" style="color:#0099B9;">JohnFMoore</a>
</span>
<span class="ffTwitterUser">
			<a href="http://twitter.com/SuzKPH" title="Suzanne Hall" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/SuzKPH_n" style="background-color:#BADFCD" alt="SuzKPH" /></a>
			<a href="http://twitter.com/SuzKPH" title="Suzanne Hall: bad diplomat; mom" class="twitter-anywhere-user" rel="external" style="color:#FF0000;">SuzKPH</a>
</span>
<span class="ffTwitterUser">
			<a href="http://twitter.com/techATstate" title="Tech at State" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/techATstate_n" style="background-color:#C0DEED" alt="techATstate" /></a>
			<a href="http://twitter.com/techATstate" title="Tech at State: Connecting technologists to targeted goals of the U.S. diplomacy and development agenda via networking events that combine physical and virtual presence." class="twitter-anywhere-user" rel="external" style="color:#0084B4;">techATstate</a>
</span>
<span class="ffTwitterUser">
			<a href="http://twitter.com/StateDept" title="StateDept" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/StateDept_n" style="background-color:#184266" alt="StateDept" /></a>
			<a href="http://twitter.com/StateDept" title="StateDept: Welcome to the official U.S. Department of State Twitter!                                  Currently on Duty: Daniel" class="twitter-anywhere-user" rel="external" style="color:#3975ad;">StateDept</a>
</span>
<span class="ffTwitterUser">
			<a href="http://twitter.com/lovisatalk" title="lovisa" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/lovisatalk_n" style="background-color:#642D8B" alt="lovisatalk" /></a>
			<a href="http://twitter.com/lovisatalk" title="lovisa: organizational transformation, gov20, global citizenship, innovation, public diplomacy, gov20la, social media strategist, foodie, Mobile, Privacy," class="twitter-anywhere-user" rel="external" style="color:#FF0000;">lovisatalk</a>
</span>
<span class="ffTwitterUser">
			<a href="http://twitter.com/visualisingdata" title="Andy Kirk" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/visualisingdata_n" style="background-color:#eeeeee" alt="visualisingdata" /></a>
			<a href="http://twitter.com/visualisingdata" title="Andy Kirk: Founder of Visualising Data Ltd, a UK data visualisation design consultancy, provider of training workshops and editor of www.visualisingdata.com" class="twitter-anywhere-user" rel="external" style="color:#5371c5;">visualisingdata</a>
</span>
<span class="ffTwitterUser">
			<a href="http://twitter.com/noahi" title="Noah Iliinsky" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/noahi_n" style="background-color:#C6E2EE" alt="noahi" /></a>
			<a href="http://twitter.com/noahi" title="Noah Iliinsky: Information visualizer, interaction designer, practical cyclist. Author & tech editor of visualization books: http://www.oreillynet.com/pub/au/4419" class="twitter-anywhere-user" rel="external" style="color:#1F98C7;">noahi</a>
</span>

<img src="http://feeds.feedburner.com/~r/Tips-On-Enterprise-20-With-Web-20/~4/gx0aSfTWfAY" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://webtechman.com/blog/2011/10/23/how-to-master-data-visualization/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://webtechman.com/blog/2011/10/23/how-to-master-data-visualization/</feedburner:origLink></item>
		<item>
		<title>Purpose Driven Social Business</title>
		<link>http://feedproxy.google.com/~r/Tips-On-Enterprise-20-With-Web-20/~3/AsuYsuDAX2o/</link>
		<comments>http://webtechman.com/blog/2011/10/21/purpose-driven-social-business/#comments</comments>
		<pubDate>Fri, 21 Oct 2011 11:28:22 +0000</pubDate>
		<dc:creator>Daniel Hudson</dc:creator>
				<category><![CDATA[Social Business]]></category>
		<category><![CDATA[Enterprise 2.0]]></category>
		<category><![CDATA[Innovation]]></category>

		<guid isPermaLink="false">http://webtechman.com/blog/?p=2231</guid>
		<description><![CDATA[The Power of Organizational Purpose Accelerating Innovation with Engaged Employees Organizations that harness the power of &#8220;Social Business&#8221; with engaged employees driven to add value to their market will increase their levels of success moving into the future. During one &#8230; <a href="http://webtechman.com/blog/2011/10/21/purpose-driven-social-business/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<h1>The Power of Organizational Purpose</h1>
<h2>Accelerating Innovation with Engaged Employees</h2>
<div id="attachment_2234" class="wp-caption alignnone" style="width: 510px"><a rel="attachment wp-att-2234" href="http://webtechman.com/blog/2011/10/21/purpose-driven-social-business/social-listening-speaking/"><img class="size-large wp-image-2234" title="social-listening-speaking" src="http://webtechman.com/blog/wp-content/uploads/social-listening-speaking-500x300.jpg" alt="" width="500" height="300" /></a><p class="wp-caption-text">Would you use this device for listening or speaking?</p></div>
<p>Organizations that harness the power of &#8220;Social Business&#8221; with engaged employees driven to add value to their market will increase their levels of success moving into the future.</p>
<p>During one of <a href="http://www.opentext.com">OpenText&#8217;s</a> <a href="http://www.opentext.com/2/global/products/products-opentext-social-workplace/products-opentext-social-workplace-speaker-series">Exploring Organizational Purpose</a> events, I had an opportunity to talk with Scott from OpenText about real innovation in the Enterprise.  I don&#8217;t have the authorization to write about all of his amazing thoughts, however, I can summarize it in one word.  The single word that summarizes real innovation in the Enterprise is, &#8220;<strong>Connected</strong>&#8220;.</p>
<p><a rel="attachment wp-att-2235" href="http://webtechman.com/blog/2011/10/21/purpose-driven-social-business/michael-edson-purpose-biz/"><img class="alignnone size-large wp-image-2235" title="Michael-Edson-Purpose-Biz" src="http://webtechman.com/blog/wp-content/uploads/Michael-Edson-Purpose-Biz-500x300.jpg" alt="" width="500" height="300" /></a></p>
<h2>Breakfast with Michael Edson</h2>
<p>Michael Edson ( @mpedson ) gave an entertaining and intelligent presentation at the <a href="http://www.opentext.com/2/global/products/products-opentext-social-workplace/products-opentext-social-workplace-speaker-series#michael_edson">Exploring Organizational Purpose</a> <a href="https://twitter.com/#!/search/purposeBiz">#purposeBiz</a> event in Washington, DC.  Michael is a living example of &#8220;passion with purpose&#8221;.  He shared his ideas about the &#8220;power of now&#8221; and how to fan the flames of passion in organizations to fuel real innovation.</p>
<p>His <a href="http://www.slideshare.net/edsonm/michael-edson-let-us-go-boldly-into-the-future?from=ss_embed">presentation</a> along with additional text and links is available <a href="http://www.slideshare.net/edsonm/michael-edson-let-us-go-boldly-into-the-present-text-version">here</a>.</p>
<div style="width:510px" id="__ss_9350188"> <strong style="display:block;margin:12px 0 4px"><a href="http://www.slideshare.net/edsonm/michael-edson-let-us-go-boldly-into-the-future" title="Michael Edson: Let Us Go Boldly Into the Present" target="_blank">Michael Edson: Let Us Go Boldly Into the Present</a></strong> <object id="__sse9350188" width="510" height="426"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=20110921edsonopentextletusgoboldlyintothepresentv1-compressed-110920205601-phpapp02&#038;stripped_title=michael-edson-let-us-go-boldly-into-the-future&#038;userName=edsonm" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed name="__sse9350188" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=20110921edsonopentextletusgoboldlyintothepresentv1-compressed-110920205601-phpapp02&#038;stripped_title=michael-edson-let-us-go-boldly-into-the-future&#038;userName=edsonm" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="510" height="426"></embed></object>
<div style="padding:5px 0 12px"> View more <a href="http://www.slideshare.net/" target="_blank">presentations</a> from <a href="http://www.slideshare.net/edsonm" target="_blank">Michael Edson</a> </div>
</p></div>
<p>Michael also shared additional thoughts about &#8220;Crowd Accelerated Innovation&#8221; and Openess <a href="http://usingdata.tumblr.com/post/10486051068/chris-anderson-how-web-video-powers-global">here</a>.</p>
<p>Marisa Peacock (@marisacp51) wrote about this event in her article, &#8220;<a href="http://www.cmswire.com/cms/customer-experience/going-boldly-into-the-present-with-michael-edson-purposebiz-012782.php">Going Boldly Into the Present with Michael Edson</a>&#8220;.</p>
<h2>Breakfast with John Seely Brown</h2>
<p>John Seely Brown ( @jseelybrown ) is Co-Director of Deloitte’s Center for the Edge. His  research and insight into how we as a society are learning to live in an  age of constant flux is masterfully structured and presented. [<a href="http://www.opentext.com/2/global/products/products-opentext-social-workplace/products-opentext-social-workplace-speaker-series#john_seely_brown" target="_blank">more</a>]</p>
<p>I am a huge fan of John Seely Brown&#8217;s work and believe you will discover many tips and ideas you can apply to your organization in this video, &#8220;<a href="http://webtechman.com/blog/2010/06/16/hardcore-enterprise-2-0-people-only-please/" target="_blank">Collaborative Innovation by John Seely Brown</a>&#8220;.</p>
<p>The hotel where this event was hosted had internet issues, but John&#8217;s video should be available soon. In the meantime you can see John sharing how tech is changing education and society in this <a href="http://youtu.be/B4FPH-Oo1iM" target="_blank">video</a>.</p>
<p><object width="500" height="281"><param name="movie" value="http://www.youtube.com/v/B4FPH-Oo1iM?version=3&#038;feature=oembed"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/B4FPH-Oo1iM?version=3&#038;feature=oembed" type="application/x-shockwave-flash" width="500" height="281" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<h2>Breakfast with Andrew McAfee</h2>
<p>Andrew McAfee ( @amcafee ) coined the Term Enterprise 2.0 five years ago. Since then,  he has researched, written and reported widely on the capacity of  individuals and teams, the types of problems collaboration can solve.  This event scheduled for November 1, 2011 will sell out fast, so <a href="http://www.opentext.com/2/global/products/products-opentext-social-workplace/products-opentext-social-workplace-speaker-series#andrew_mcafee" target="_blank">RSVP now</a>.</p>
<h2>What If?</h2>
<p>These events sponsored by OpenText show us the future of Social Business.  Organizations that seek to deeply engage with their community will emerge as leaders in their field.</p>
<p>What if every organization offered events where people can connect and share ideas?</p>
<p>This could unlock real innovation to solve problems in our everyday lives.</p>
<h2>Current Social Business Innovation Twitter Game Board</h2>
<p>Diversity fuels innovation.  Sports fanatics have their fantasy football teams. This is my fantasy innovation team. This Social Business Innovation twitter game board represents people focused on Innovation in Enterprise 2.0 and Social Business now.</p>
<span class="ffTwitterUser">
			<a href="http://twitter.com/mpedson" title="Michael Peter Edson" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/mpedson_n" style="background-color:#C0DEED" alt="mpedson" /></a>
			<a href="http://twitter.com/mpedson" title="Michael Peter Edson: Director of Web and New Media Strategy, Smithsonian Institution. http://smithsonian-webstrategy.wikispaces.com" class="twitter-anywhere-user" rel="external" style="color:#0084B4;">mpedson</a>
</span>
<span class="ffTwitterUser">
			<a href="http://twitter.com/deb_lavoy" title="deb louison lavoy" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/deb_lavoy_n" style="background-color:#1A1B1F" alt="deb_lavoy" /></a>
			<a href="http://twitter.com/deb_lavoy" title="deb louison lavoy: Marketing = discovering what matters. I study how teams work.  I work @opentext The best is yet to come." class="twitter-anywhere-user" rel="external" style="color:#2FC2EF;">deb_lavoy</a>
</span>
<span class="ffTwitterUser">
			<a href="http://twitter.com/jseelybrown" title="john seely brown" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/jseelybrown_n" style="background-color:#C0DEED" alt="jseelybrown" /></a>
			<a href="http://twitter.com/jseelybrown" title="john seely brown: Chief of Confusion but was Chief Scientist of Xerox and head of the PARC. Big believer in the importance of cultivating imagination & a questing disposition. " class="twitter-anywhere-user" rel="external" style="color:#0084B4;">jseelybrown</a>
</span>
<span class="ffTwitterUser">
			<a href="http://twitter.com/mixtmedia" title="Maxine Teller" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/mixtmedia_n" style="background-color:#EDECE9" alt="mixtmedia" /></a>
			<a href="http://twitter.com/mixtmedia" title="Maxine Teller: Catalyzing government collaboration; social media strategist; Gov 2.0 Camp founder; MiXT Media Strategies CEO; ROWE evangelist; life is as you define it       " class="twitter-anywhere-user" rel="external" style="color:#088253;">mixtmedia</a>
</span>
<span class="ffTwitterUser">
			<a href="http://twitter.com/amcafee" title="Andrew McAfee" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/amcafee_n" style="background-color:#EDECE9" alt="amcafee" /></a>
			<a href="http://twitter.com/amcafee" title="Andrew McAfee: Curious about the business impact of technology" class="twitter-anywhere-user" rel="external" style="color:#088253;">amcafee</a>
</span>
<span class="ffTwitterUser">
			<a href="http://twitter.com/bhc3" title="Hutch Carpenter" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/bhc3_n" style="background-color:#9ae4e8" alt="bhc3" /></a>
			<a href="http://twitter.com/bhc3" title="Hutch Carpenter: VP of Product at Spigit, the SaaS enterprise innovation management platform. And a Dad who misses running marathons." class="twitter-anywhere-user" rel="external" style="color:#0000ff;">bhc3</a>
</span>
<span class="ffTwitterUser">
			<a href="http://twitter.com/lovisatalk" title="lovisa" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/lovisatalk_n" style="background-color:#642D8B" alt="lovisatalk" /></a>
			<a href="http://twitter.com/lovisatalk" title="lovisa: organizational transformation, gov20, global citizenship, innovation, public diplomacy, gov20la, social media strategist, foodie, Mobile, Privacy," class="twitter-anywhere-user" rel="external" style="color:#FF0000;">lovisatalk</a>
</span>
<span class="ffTwitterUser">
			<a href="http://twitter.com/jimworth" title="Jim Worth" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/jimworth_n" style="background-color:#9AE4E8" alt="jimworth" /></a>
			<a href="http://twitter.com/jimworth" title="Jim Worth: Internet Strategist; Part Time Futurist; Corporate Leader. My thoughts, not those of my employer. " class="twitter-anywhere-user" rel="external" style="color:#0084B4;">jimworth</a>
</span>
<span class="ffTwitterUser">
			<a href="http://twitter.com/dhinchcliffe" title="Dion Hinchcliffe" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/dhinchcliffe_n" style="background-color:#000000" alt="dhinchcliffe" /></a>
			<a href="http://twitter.com/dhinchcliffe" title="Dion Hinchcliffe: Internationally recognized business strategist, enterprise architect, keynote speaker, author, blogger, & consultant on Social Business and Next-Gen Enterprises" class="twitter-anywhere-user" rel="external" style="color:#0000ff;">dhinchcliffe</a>
</span>

<img src="http://feeds.feedburner.com/~r/Tips-On-Enterprise-20-With-Web-20/~4/AsuYsuDAX2o" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://webtechman.com/blog/2011/10/21/purpose-driven-social-business/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://webtechman.com/blog/2011/10/21/purpose-driven-social-business/</feedburner:origLink></item>
		<item>
		<title>Gamification Master Class Videos</title>
		<link>http://feedproxy.google.com/~r/Tips-On-Enterprise-20-With-Web-20/~3/IJpBm5eBHtA/</link>
		<comments>http://webtechman.com/blog/2011/09/03/gamification-master-class-videos/#comments</comments>
		<pubDate>Sun, 04 Sep 2011 00:52:59 +0000</pubDate>
		<dc:creator>Daniel Hudson</dc:creator>
				<category><![CDATA[Gamification]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[strategy]]></category>

		<guid isPermaLink="false">http://webtechman.com/blog/?p=2215</guid>
		<description><![CDATA[Gamification Master Class with Gabe Zichermann Game Design Thinking can improve engagement, loyalty and strengthen communities. Gabe Zichermann delivers innovative strategies derived from multiple leaders in the field of Gamification in his &#8220;Gamification Master Class video collection. The &#8220;Implementation, Agile &#8230; <a href="http://webtechman.com/blog/2011/09/03/gamification-master-class-videos/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<h1>Gamification Master Class</h1>
<h3>with Gabe Zichermann</h3>
<p>Game Design Thinking can improve engagement, loyalty and strengthen communities.  Gabe Zichermann delivers innovative strategies derived from multiple leaders in the field of Gamification in his &#8220;Gamification Master Class video collection. The &#8220;Implementation, Agile Processes &#038; Gaming the System&#8221; section is worth the total cost of the complete video collection.  This segment about &#8220;Engagement Loops&#8221; and &#8220;Gaming the System&#8221; will help you think differently about the &#8220;User Experience.  The strategy outlined within these two topics can save people and organizations a tremendous about of time and money. Investing less than $100 dollars on this collection of Gamification Strategy videos can help you and your team improve the odds of achieving the desired goals from your systems and services.</p>
<p><a href="http://gamification.co/gabe-zichermann/"><img class="alignleft size-full wp-image-2217" title="Gabe-Zichermann" src="http://webtechman.com/blog/wp-content/uploads/Gabe-Zichermann.png" alt="" width="114" height="98" /></a>How can game mechanics and game design help you deliver an engaging,  sticky and viral experience to your customers?   Gamification expert <a href="http://gamification.co/gabe-zichermann/">Gabe Zichermann</a> [@gzicherm] uses this collections of videos to show you how  to take advantage of gamification—the secret ingredient that’s fueled  the success of Foursquare, Nike, Groupon, and many other websites.  These videos demonstrate the design strategy and  tactics you need for integrating game mechanics into any kind of  consumer-facing website or app, whether new or existing.  Learn more here, <a href="http://oreilly.com/catalog/0636920017622/">&#8220;Gamification Master Class Videos&#8221;.</a></p>
<h2>Gamification Promotional Video</h2>
<p><iframe src="http://blip.tv/play/gvUBgrH8NAI.html" width="480" height="300" frameborder="0" allowfullscreen></iframe></p>
<h1>Gamification Master Class Collection</h1>
<p>The content in this collection is professionally presented in the following sections:</p>
<ol>
<li><strong>Introduction to Gamification</strong>: Gamfiication is radically changing businesses both large and small, in industries as diverse as healthcare, education, software and travel. In this introduction, well lay out some thought exercises and overarching structure to help us tackle this design process. Well also define gamification for the purposes of our work together.</li>
<li><strong>Foundation &amp; Basics: </strong>How do we leverage gamification and its key  elements? In this section, well explain what the basics of gamification  are &#8211; and arent &#8211; and what kinds of problems can be solved with these  exciting techniques. Well also look at why gamification is receiving  such attention today, how to measure engagement, and how others have  leveraged it in their business.</li>
<li><strong>Player Motivation: </strong>Because gamification is at the intersection of  motivational design, game design and human psychology, its critical to  understand what drives people to play and engage with complex systems.  That understanding underlies everything we design and build. Why do  players choose to dedicate so many hours and dollars to the pursuit of  challenges? Well pull together relevant theory and practice here to shed  light on what drives all of us.</li>
<li><strong>Player Types: </strong>In his famous taxonomy of players, Richard  Bartle outlines a series of player motivations and types (Achiever,  Explorer, Socializer, Killer) that help us understand the canonical  players and what kinds of behavior to expect. This also helps us start  to shape our reward and incentive design.  Well also complete exercises  designed to help us think about our target players and how to motivate  them.</li>
<li><strong>Progression to Mastery:</strong> One theory of user engagement with complex  systems is that they seek mastery &#8211; the sense of fulfillment and  achievement from getting control over the world around them (or their  internal state). In Progression to Mastery, well explore the stages of  mastery and how to apply these to your product, service or idea.</li>
<li><strong>Be the Sherpa: </strong>If you want to build gamified systems that  scale and create long-term engagement, you need to align yourself with  your users progression to mastery, design a system they can follow, and  be their sherpa throughout the process. In this section, well tackle  that idea and how you can build design the feels natural and challenging  at the same time.</li>
<li><strong>Point Systems:</strong> In the first of our game mechanics sections,  well look at point systems &#8211; the most important of all. They are present  in almost all gamified designs &#8211; even if they arent always presented to  the user. Well look at five different kinds of point systems and how  they can be leveraged to create engagement, and work on one of the core  exercises that frame a gamified project &#8211; point assignment.</li>
<li><strong>Levels: </strong>How we mark progress is critical &#8211; and levels  are one of the most commonly used techniques. They take many forms in  gamified systems, but in this section well explore the most common  designs for levels and work through a model for designing levels that  drive user behavior in your system.</li>
<li><strong>Leaderboards: </strong>Controversial but powerful, leaderboards are  used in most systems with an element of competition. When are they  appropriate in your design, and what are the latest/greatest techniques  for turning the leaderboards of old into the motivational powerhouses of  the social era? Find out in this section.</li>
<li><strong>Badges &amp; Customization: </strong>Badges may be loved and hated &#8211; but they are  elemental techniques that exist in the world outside of games and have  for centuries. While theyve taken center stage in most gamified designs,  theyre typically not enough for most interactions. Find out how to make  the most of badges by looking at great and weak patterns to develop  your own badging system. Well also take a look at customization and some  of the challenges in desinging for it.</li>
<li><strong>Onboarding: </strong>You may not know it, but the first minute of  your users experience with your product, service or brand is critical.  Games have developed highly refined ways of turning that first minute  into powerful training and reinforcement tools that can create long term  engagement and loyalty out of the gate. Find out how these exciting  techniques can be used in your business in this section that explores  onboarding from the inside out.</li>
<li><strong>Challenges &amp; Engagement Loops:</strong> Most products, services and ideas benefit from  virality. Gamified designs take virality and embed it intrinsically  into the design of the system. In this section, well explore the classic  viral loop and how to apply it to your environment. Well also look at  challenges and how successful games leverage them to drive and reinforce  user behavior.</li>
<li><strong>Implementation, Agile Processes &amp; Gaming the System: </strong>One of the most common concerns about  gamification is that users will game the system to gain unfair advantage  or rewards. While we have reason to be concerned, this section shares a  simple rubric that can be used to clarify the approach to systemic  protection that maximizes consumer engagement. Well also look at  implementation concepts, including how to meld agile with gamification  design.</li>
<li><strong>Technical Consideration &amp; Next Steps: </strong>Finally, well concern ourselves with a few key  technical considerations, including vendor analysis and recommendations  for how best to proceed.</li>
</ol>
<h2>Reviews</h2>
<p>&#8220;good value for some outside the box brain food&#8221; &#8211; John Brady</p>
<p>&#8220;Gabe does a very good job at explaining Gamification with real live examples and exercises after each lesson&#8221; &#8211; Yousuf</p>
<p>&#8220;Gamification Master Class is a top-notch, three-hour introduction to an exciting movement in software design and marketing&#8221; &#8211; Aaron Sumner</p>
<h2>Bonus</h2>
<p>The purchase of &#8220;<a href="http://oreilly.com/catalog/0636920017622/">Gamification Master Class Videos</a>&#8221; includes bonus material and a mini-workbook that help you achieve meaningful engagement.</p>
<p>&nbsp;</p>
<img src="http://feeds.feedburner.com/~r/Tips-On-Enterprise-20-With-Web-20/~4/IJpBm5eBHtA" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://webtechman.com/blog/2011/09/03/gamification-master-class-videos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://webtechman.com/blog/2011/09/03/gamification-master-class-videos/</feedburner:origLink></item>
		<item>
		<title>Social Business Gamification Strategy Secrets Revealed</title>
		<link>http://feedproxy.google.com/~r/Tips-On-Enterprise-20-With-Web-20/~3/OQMpazMp5Fg/</link>
		<comments>http://webtechman.com/blog/2011/09/03/social-business-gamification-strategy-secrets-revealed/#comments</comments>
		<pubDate>Sat, 03 Sep 2011 21:10:06 +0000</pubDate>
		<dc:creator>Daniel Hudson</dc:creator>
				<category><![CDATA[Gamification]]></category>
		<category><![CDATA[strategy]]></category>

		<guid isPermaLink="false">http://webtechman.com/blog/?p=2188</guid>
		<description><![CDATA[How to Master Real Engagement Gamification is a new item in the Gartner 2011 Technology Hype Cycle.  Organizations can leverage &#8220;Game Mechanics&#8221; and &#8220;Motivational Design&#8221; to drive real engagement.  Social Business Gamification strategies include the psychology and social science of &#8230; <a href="http://webtechman.com/blog/2011/09/03/social-business-gamification-strategy-secrets-revealed/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<h1>How to Master Real Engagement</h1>
<p><strong><em>Gamification</em></strong> is a new item in the <a href="http://www.gartner.com">Gartner</a> <a href="http://www.readwriteweb.com/enterprise/2011/08/gartner-adds-big-data-gamifica.php">2011 Technology Hype Cycle</a>.  Organizations can leverage &#8220;<em>Game Mechanics</em>&#8221; and &#8220;<em>Motivational Design</em>&#8221; to drive real engagement.  Social Business Gamification strategies include the psychology and social science of game dynamics to support <a href="http://webtechman.com/blog/2011/06/26/the-social-science-of-designing-for-desired-behaviors/"><em>Behavioral Economics</em></a>.</p>
<h1>FUNdamentals of Real Engagement</h1>
<h2>The Game Mechanics Engagement Playdeck</h2>
<p><a href="http://www.scvngr.com">SCVNGR</a> has proven the value of using game mechanics for results driven business in their <a href="https://www.thelevelup.com">TheLeveUp</a> platform.  Others can unlock new levels of engagement by learning how to think differently, from the customer&#8217;s perspective with &#8220;<a href="http://techcrunch.com/2010/08/25/scvngr-game-mechanics/">SCVNGR&#8217;s Game Mechanics Playdeck</a>&#8220;.  People can print their own version of <a href="http://www.scribd.com/doc/40500617/Print-Your-Own-Version-of-SCVNGR-s-Game-Mechanics-Flash-Cards">SCVNGR&#8217;s Game Mechanics Flash Cards</a>. Here are a few concepts from this deck that can help other achieve the game-frame mind:</p>
<h2>Epic Meanings</h2>
<p><a rel="attachment wp-att-2199" href="http://webtechman.com/blog/2011/09/03/social-business-gamification-strategy-secrets-revealed/gamification-epic-meaning/"><img class="alignleft size-thumbnail wp-image-2199" title="gamification-epic-meaning" src="http://webtechman.com/blog/wp-content/uploads/gamification-epic-meaning-150x101.png" alt="" width="162" height="116" /></a><strong>Deﬁnition:</strong> players will be highly motivated if they  believe they are  working to achieve something great, something  awe-inspiring, something  bigger than themselves.</p>
<p><strong>Example:</strong> From <a href="http://blog.ted.com/2010/03/17/gaming_can_make/">Jane McGonical’s Ted Talk </a>where  she discusses Warcraft’s ongoing story line and “epic meaning” that  involves each individual has motivated players to participate outside  the game and create the second largest wiki in the world to help them  achieve their individual quests and collectively their epic meanings.</p>
<h2>Micro Leader-boards</h2>
<p><strong><a rel="attachment wp-att-2202" href="http://webtechman.com/blog/2011/09/03/social-business-gamification-strategy-secrets-revealed/game-dynamics-microleader-boards/"><img class="alignleft size-thumbnail wp-image-2202" title="game-dynamics-MicroLeader-boards" src="http://webtechman.com/blog/wp-content/uploads/game-dynamics-MicroLeader-boards-150x150.png" alt="" width="123" height="123" /></a></strong><strong>Deﬁnition:</strong> The rankings of all individuals in a  micro-set. Often great for distributed game dynamics where you want many  micro-competitions or desire to induce loyalty.</p>
<p><strong>Example:</strong> Be the top scorers at Joe’s bar this week and get a free appetizer.</p>
<h2>Fixed-Interval Reward Schedules</h2>
<p><strong><a rel="attachment wp-att-2207" href="http://webtechman.com/blog/2011/09/03/social-business-gamification-strategy-secrets-revealed/fixed-interval-rewards/"><img class="alignleft size-thumbnail wp-image-2207" title="fixed-interval-rewards" src="http://webtechman.com/blog/wp-content/uploads/fixed-interval-rewards-150x144.png" alt="" width="150" height="144" /></a>Deﬁnition:</strong> Fixed interval schedules provide a reward after a ﬁxed amount of time, say 30 minutes. This tends to create a low engagement after a reward, and then gradually increasing activity until a reward is given, followed by another lull in engagement.</p>
<p><strong>Example: </strong>Farmville, wait 30 minutes, crops have appeared.</p>
<h2>Social Business Gamification</h2>
<h3><a href="http://www.scribd.com/doc/40500617/Print-Your-Own-Version-of-SCVNGR-s-Game-Mechanics-Flash-Cards">Get Your Game Mechanics Playdeck Flash Cards Here</a></h3>
<p><iframe src="http://www.scribd.com/embeds/40500617/content?start_page=1&amp;view_mode=slideshow&amp;access_key=key-bkmhmz40y1ahkecb9pe" data-auto-height="true" data-aspect-ratio="1.33333333333333" scrolling="no" id="doc_31679" width="100%" height="600" frameborder="0"></iframe></p>
<img src="http://feeds.feedburner.com/~r/Tips-On-Enterprise-20-With-Web-20/~4/OQMpazMp5Fg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://webtechman.com/blog/2011/09/03/social-business-gamification-strategy-secrets-revealed/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://webtechman.com/blog/2011/09/03/social-business-gamification-strategy-secrets-revealed/</feedburner:origLink></item>
		<item>
		<title>Healthy Behaviors with Gamification of Health</title>
		<link>http://feedproxy.google.com/~r/Tips-On-Enterprise-20-With-Web-20/~3/iRwaDsXAnts/</link>
		<comments>http://webtechman.com/blog/2011/08/18/healthy-behaviors-with-gamification-of-health/#comments</comments>
		<pubDate>Thu, 18 Aug 2011 13:54:35 +0000</pubDate>
		<dc:creator>Daniel Hudson</dc:creator>
				<category><![CDATA[Gamification]]></category>
		<category><![CDATA[Innovation]]></category>
		<category><![CDATA[strategy]]></category>

		<guid isPermaLink="false">http://webtechman.com/blog/?p=2155</guid>
		<description><![CDATA[Gamification for Healthy Behaviors &#8220;It&#8217;s not the technology, it&#8217;s the psychology&#8221; Anyone that has ever been on a diet or has worked on creating healthy lifestyle habits can tell you that changing behavior is not easy. The path to success &#8230; <a href="http://webtechman.com/blog/2011/08/18/healthy-behaviors-with-gamification-of-health/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<h1>Gamification for Healthy Behaviors</h1>
<h3>&#8220;It&#8217;s not the technology, it&#8217;s the psychology&#8221;</h3>
<p>Anyone that has ever been on a diet or has worked on creating healthy lifestyle habits can tell you that changing behavior is not easy.  The path to success usually involves positive reinforcement from within and others.  Negative behaviors from within or others can easily keep us from achieving our goals.  This human behavior also applies to <em>&#8220;Motivational Design&#8221;</em>, as in the use of <em>&#8220;Gamification&#8221;</em> to help guide players through desired behaviors to achieve goals.</p>
<p><a title="sunrise over water by WebTechMan, on Flickr" href="http://www.flickr.com/photos/webtechman/6048830965/"><img src="http://farm7.static.flickr.com/6200/6048830965_d99552c8ee.jpg" alt="sunrise over water" width="500" height="300" /></a></p>
<h2>It&#8217;s not the technology, it&#8217;s the psychology</h2>
<h3>Innovation Gamification</h3>
<p><em>Gamification</em> combined with <em>Design Thinking</em> can help us think differently about innovation.  Leveraging this process with Social and Emotional Learning (<a href="http://casel.org/why-it-matters/what-is-sel/">SEL</a>) provides new levels of engagement for supporting desired behaviors.  The seven phases of <em>design thinking</em> and a video about teaching design thinking through <em>gamification</em> are available here, &#8220;<a href="http://webtechman.com/blog/2011/08/09/design-thinking-gamification-for-accelerating-innovation/" target="_blank">Design Thinking Gamification for Accelerating Innovation</a>&#8220;.</p>
<h3>Beyond Gamification of Healthy Behaviors</h3>
<p>Gartner predicts that by 2015, more than 50% of organizations that manage innovation processes will Gamify those processes, &#8220;<a href="http://webtechman.com/blog/2011/04/15/the-gamification-of-innovation-in-the-enterprise/" target="_blank">The Gamification of Innovation in the Enterprise</a>&#8220;.  Gartner also added <a href="http://www.readwriteweb.com/enterprise/2011/08/gartner-adds-big-data-gamifica.php" target="_blank">Gamification in their 2011 Technology Hype Cycle report</a>.  Gamification does have a lot of hype, but can also be used for good.</p>
<p><a href="http://scobleizer.com" target="_blank">Robert Scoble</a> recorded an amazing interview with <a href="http://keas.com" target="_blank">keas</a>&#8216; <a href="http://en.wikipedia.org/wiki/Adam_Bosworth" target="_blank">Adam Bosworth</a> that goes beyond Gamification for healthy behaviors.  Adam candidly talks about the jagged rocks of failure scattered along the curves on the road to success.  He also mentions numerous stats and facts, this within itself shows the value of understanding your audience and measuring what is important.   There are a LIFETIME of lessons packed in this 41 minute <a href="http://www.youtube.com/watch?v=gTjalijhW2E&amp;feature=youtu.be" target="_blank">video</a>.</p>
<p><object width="500" height="306"><param name="movie" value="http://www.youtube.com/v/gTjalijhW2E?version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/gTjalijhW2E?version=3" type="application/x-shockwave-flash" width="500" height="306" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<h3>Quick Quotes</h3>
<ul>
<li>&#8220;Never start a web project as a platform problem&#8221;</li>
<li>&#8220;What are we really trying to do?&#8221;</li>
<li>&#8220;It&#8217;s not the technology, it&#8217;s the psychology&#8221;</li>
</ul>
<h3>Powerful Persuasive Points</h3>
<ol>
<li>Help Solve Real Problems</li>
<li>Positive Reinforcement is Powerful</li>
<li>Make. Measure. Modify.</li>
<li>Surface Specific Steps</li>
<li>Think People Over Technology</li>
<li>Seek First to Understand</li>
<li>Practice Persuasive Design</li>
<li>Group Size Affects Engagement</li>
<li>???</li>
</ol>
<h3>How Gamification of Health Works</h3>
<p>The &#8220;Power of Play&#8221; guides behavior and changes attitudes about goals.  See <a href="http://keas.com/why-keas-works/" target="_blank">how keas works</a> and why gamification of health is important in this <a href="http://keas.com/why-keas-works/" target="_blank">video</a>.</p>
<p><iframe src="http://player.vimeo.com/video/24576836?title=0&amp;byline=0&amp;portrait=0" width="400" height="265" frameborder="0"></iframe></p>
<p>&nbsp;</p>
<h2>Twitter Gamification Gameboard</h2>
<p>Gamification and the art of Motivational Design are complex topics, but there are many smart people and organizations willing to help.  Here are several people and organizations on Twitter that are focused on Gamification, Game Mechanics, and Game Theory for engagement on this Twitter Gamification Gameboard.  People can also connect with others by following this <a target="_blank" href="http://bit.ly/GameFaces">Gamification Twitter List</a>.<br />
<span class="ffTwitterUser">
			<a href="http://twitter.com/marigo" title="Marigo Raftopoulos" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/marigo_n" style="background-color:#642D8B" alt="marigo" /></a>
			<a href="http://twitter.com/marigo" title="Marigo Raftopoulos: Working with social technologies, game dynamics, collaboration & innovation to reshape the world for the better #game-dynamics #neuro-tech #gamification #nomad" class="twitter-anywhere-user" rel="external" style="color:#1600ff;">marigo</a>
</span>
<span class="ffTwitterUser">
			<a href="http://twitter.com/Seriosity" title="Seriosity" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/Seriosity_n" style="background-color:#e68c1e" alt="Seriosity" /></a>
			<a href="http://twitter.com/Seriosity" title="Seriosity: Improving collaboration, innovation, productivity and both employee and customer engagement through multiplayer online games." class="twitter-anywhere-user" rel="external" style="color:#0084B4;">Seriosity</a>
</span>
<span class="ffTwitterUser">
			<a href="http://twitter.com/mbjorn" title="Mary Bjorneby" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/mbjorn_n" style="background-color:#9ae4e8" alt="mbjorn" /></a>
			<a href="http://twitter.com/mbjorn" title="Mary Bjorneby: Direct marketer studying digital. Opinions are my own. Spare time bicycle tourist." class="twitter-anywhere-user" rel="external" style="color:#0000ff;">mbjorn</a>
</span>
<span class="ffTwitterUser">
			<a href="http://twitter.com/gzicherm" title="Gabe Zichermann" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/gzicherm_n" style="background-color:#022330" alt="gzicherm" /></a>
			<a href="http://twitter.com/gzicherm" title="Gabe Zichermann: Author, Speaker and Expert on Gamification and Game Mechanics. My Book: http://bit.ly/3YITLb & my Blog: http://gamification.co" class="twitter-anywhere-user" rel="external" style="color:#0084B4;">gzicherm</a>
</span>
<span class="ffTwitterUser">
			<a href="http://twitter.com/dingstweets" title="Sebastian Deterding" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/dingstweets_n" style="background-color:#C6E2EE" alt="dingstweets" /></a>
			<a href="http://twitter.com/dingstweets" title="Sebastian Deterding: An aspiring architect in the cathedral of human understanding. Researcher & designer working on UX, games, gameful, playful and persuasive design. Tweets cc:by." class="twitter-anywhere-user" rel="external" style="color:#1F98C7;">dingstweets</a>
</span>
<span class="ffTwitterUser">
			<a href="http://twitter.com/amyjokim" title="Amy Jo Kim" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/amyjokim_n" style="background-color:#9ae4e8" alt="amyjokim" /></a>
			<a href="http://twitter.com/amyjokim" title="Amy Jo Kim: Game Designer, Bass Player, Mom" class="twitter-anywhere-user" rel="external" style="color:#0000ff;">amyjokim</a>
</span>
<span class="ffTwitterUser">
			<a href="http://twitter.com/mich8elwu" title="Michael Wu Ph.D." class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/mich8elwu_n" style="background-color:#000000" alt="mich8elwu" /></a>
			<a href="http://twitter.com/mich8elwu" title="Michael Wu Ph.D.: Analytics Scientist. RESEARCH: Influencer, Predictive Socialytic, WOM ROI, Cyber Anthropology, Community Dynamics, Social Network Analysis & Machine Learning" class="twitter-anywhere-user" rel="external" style="color:#BE3C0D;">mich8elwu</a>
</span>
<span class="ffTwitterUser">
			<a href="http://twitter.com/mmartoccia" title="Mike Martoccia" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/mmartoccia_n" style="background-color:#131516" alt="mmartoccia" /></a>
			<a href="http://twitter.com/mmartoccia" title="Mike Martoccia: Technology Analyst/Evangelist, #Crowdsourcing and #Gamification Commando! - Opinions/views are my own. Find me: http://about.me/mmartoccia (e)thnk" class="twitter-anywhere-user" rel="external" style="color:#009999;">mmartoccia</a>
</span>
<span class="ffTwitterUser">
			<a href="http://twitter.com/GrahamHill" title="Graham Hill" class="quoting_pic" rel="external"><img src="http://img.tweetimag.es/i/GrahamHill_n" style="background-color:#9ae4e8" alt="GrahamHill" /></a>
			<a href="http://twitter.com/GrahamHill" title="Graham Hill: Work: DesignThinkers, Optima Value, Loyalty Factory and Nyras Capital... 
Play: Innovation, service design, value co-creation, social CRM, CRM and gamification" class="twitter-anywhere-user" rel="external" style="color:#0000ff;">GrahamHill</a>
</span>
</p>
<h2>Creating Persuasive Experiences</h2>
<p><a href="http://en.wikipedia.org/wiki/Adam_Bosworth" target="_blank">Adam Bosworth</a> talks about creating persuasive technology during the process of creating <a href="http://keas.com/" target="_blank">keas</a> in his video interview.  <a href="http://en.wikipedia.org/wiki/Persuasive_technology" target="_blank">Persuasive Technology</a> is broadly defined as technology that is designed to change attitudes or behaviors of the users through persuasion and social influence, but not through coercion (Fogg 2002). Such technologies are regularly used in sales, diplomacy, politics, religion, military training, public health, and management, and may potentially be used in any area of human-human or human-computer interaction.</p>
<p>Here are a few resources for developing a strategy on creating persuasive experiences.</p>
<p><a href="http://captology.stanford.edu/" target="_blank">Stanford Persuasive Tech Lab</a>: By empowering millions of people to create persuasive experiences with technology, we will have thousands, and perhaps millions, of forces working toward the better in the world.</p>
<p><a href="http://captology.stanford.edu/projects/behaviordesign.html" target="_blank">Stanford Behavior Design</a>: The best design solutions today change human behavior. Yet despite decades of research, challenges remain for people who design to influence.  First, “persuasion” seems a dirty word. It shouldn’t be. We should now embrace that we’re in the business of behavior change. Next problem: conceptual confusion. The landscape of persuasion can be disorienting, muddied by impractical theories and over-hyped techniques. Our new work provides a clear view of behavior change, including language that is simple yet accurate.</p>
<p><a href="http://plato.stanford.edu/entries/game-theory/" target="_blank">Stanford Game Theory</a>: Game theory is the study of the ways in which strategic interactions among economic agents produce outcomes with respect to the preferences (or utilities) of those agents, where the outcomes in question might have been intended by none of the agents.</p>
<p><a href="http://www.gamificationsummit.com/" target="_blank">The Gamification Summit NYC</a> is the must-attend event that shows you how to use the power of games to create breakthrough engagement with your customers and employees. Companies like Gilt Groupe, Google, Microsoft, NBC/Universal, MTV, Recyclebank and Aetna have leveraged gamification to transform their businesses, and will share startling insights, statistics and hands-on workshops at GSummit NYC.</p>
<img src="http://feeds.feedburner.com/~r/Tips-On-Enterprise-20-With-Web-20/~4/iRwaDsXAnts" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://webtechman.com/blog/2011/08/18/healthy-behaviors-with-gamification-of-health/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://webtechman.com/blog/2011/08/18/healthy-behaviors-with-gamification-of-health/</feedburner:origLink></item>
		<item>
		<title>Design Thinking Gamification for Accelerating Innovation</title>
		<link>http://feedproxy.google.com/~r/Tips-On-Enterprise-20-With-Web-20/~3/5M2sz2ZJZd0/</link>
		<comments>http://webtechman.com/blog/2011/08/09/design-thinking-gamification-for-accelerating-innovation/#comments</comments>
		<pubDate>Tue, 09 Aug 2011 06:51:57 +0000</pubDate>
		<dc:creator>Daniel Hudson</dc:creator>
				<category><![CDATA[Gamification]]></category>
		<category><![CDATA[Design Thinking]]></category>
		<category><![CDATA[Innovation]]></category>

		<guid isPermaLink="false">http://webtechman.com/blog/?p=2145</guid>
		<description><![CDATA[The Game has Changed Are REAL Players Thinking Differently? While visiting several Smithsonian museums in Washington DC, I was awestruck by this Nation of Innovation.  Extraordinary innovations from seemingly ordinary people.  These great innovators (creators of print, electricity, human flight, &#8230; <a href="http://webtechman.com/blog/2011/08/09/design-thinking-gamification-for-accelerating-innovation/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<h1>The Game has Changed</h1>
<h2>Are REAL Players Thinking Differently?</h2>
<p>While visiting several <a href="http://www.si.edu/">Smithsonian</a> museums in Washington DC, I was awestruck by this Nation of Innovation.  Extraordinary innovations from seemingly ordinary people.  These great innovators (creators of print, electricity, human flight, &#8230;) are actually very similar to people we see everyday.  So, what makes a great innovator?  Were these innovative players design thinkers?  Did they accomplish these great achievements by leveraging science, technology, engineering, and mathematics (<a href="http://en.wikipedia.org/wiki/STEM_fields">STEM</a>), core technological underpinnings of an advanced society, and apply Social and Emotional Learning (<a href="http://casel.org/why-it-matters/what-is-sel/">SEL</a>)?</p>
<h2>Design Thinking</h2>
<p>Unlike analytical thinking, <a href="http://en.wikipedia.org/wiki/Design_thinking">design thinking</a> is a creative process based around the &#8220;building up&#8221; of ideas. There are no judgments early on in <a href="http://designthinking.ideo.com/">design thinking</a>. This eliminates the fear of failure and encourages maximum input and participation in the ideation and prototype phases. Outside the box thinking is encouraged in these earlier processes since this can often lead to creative solutions.  An example of a design thinking process could have seven stages: <strong>define, research, ideate, prototype, choose, implement, and learn.</strong> Within these seven steps, problems can be framed, the right questions can be asked, more ideas can be created, and the best answers can be chosen. The steps aren&#8217;t linear; they can occur simultaneously and can be repeated.</p>
<h2>Teaching design thinking through gamification</h2>
<p><a href="http://www.iijiij.com/2011/06/15/teaching-design-thinking-through-gamification-09494">Design Ethnography</a> is  a discipline which teaches you how to observe what people do in order to identify hidden needs for which you can design new solutions. It’s one of a group of skills that have never been part of the early educational curriculum before. Recent experiments in imparting these skills using &#8220;<em>game dynamics</em>&#8221; show that it’s astonishingly easy to quickly turn places where learning motivation is often almost unattainable into a hive of surprisingly self-motivated promising design-thinking innovators.</p>
<p>Mickey McManus is president, CEO, and principal of MAYA Design, Inc.  He shares examples of STEM SEL Design Thinking in the <a href="http://youtu.be/A5NKHY-bF9k">video</a>.</p>
<p><object width="500" height="306"><param name="movie" value="http://www.youtube.com/v/A5NKHY-bF9k?version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/A5NKHY-bF9k?version=3" type="application/x-shockwave-flash" width="500" height="306" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<h2>5 Discovery Skills of Great Innovators</h2>
<p>So what makes innovators different from the rest of us?  Innovators engage the following <a href="http://hbswk.hbs.edu/item/6760.html">behavioral skills</a> more frequently:</p>
<ol>
<li><strong>Connecting.</strong> Innovators connect fields, problems, or ideas that others find unrelated</li>
<li><strong>Questioning</strong>. Innovators are consummate questioners who show a passion for inquiry.</li>
<li><strong>Observing</strong>. Innovators are also intense observers.</li>
<li><strong>Networking</strong>. Innovators spend a lot of time and energy finding and testing ideas through a diverse network of individuals who vary wildly in their backgrounds and perspectives.</li>
<li><strong>Experimenting</strong>. Finally, innovators are constantly trying out new experiences and piloting new ideas.</li>
</ol>
<h2>8 Pillars of Innovation</h2>
<p>Google&#8217;s Susan Wojcicki says the key to innovation is, &#8220;Nurturing a culture that allows for innovation&#8221;.  She went on to share these foundational <a href="http://www.thinkwithgoogle.com/quarterly/innovation/8-pillars-of-innovation.html">8 Pillars of Innovation</a>.</p>
<ol>
<li>Have a Mission that­ Matters</li>
<li>Think Big but Start Small</li>
<li>Strive for Continual Innovation, not Instant Perfection</li>
<li>Look for Ideas Everywhere</li>
<li>Share Everything</li>
<li>Spark with Imagination, Fuel with Data</li>
<li>Be a Platform</li>
<li>Never Fail to Fail</li>
</ol>
<h2>What if Problem Solving was Fun?</h2>
<h3>The Gamification of World Peace</h3>
<p>Most people think their problems are a world crisis.  What if solving real problems was fun?  John Hunter shares his experience of the world peace game in this enlightening <a href="http://www.ted.com/talks/john_hunter_on_the_world_peace_game.html">video</a>.<br />
<object width="526" height="374"><param name="movie" value="http://video.ted.com/assets/player/swf/EmbedPlayer.swf" /><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/talk/stream/2011/Blank/JohnHunter_2011-320k.mp4&amp;su=http://images.ted.com/images/ted/tedindex/embed-posters/JohnHunter-2011.embed_thumbnail.jpg&amp;vw=512&amp;vh=288&amp;ap=0&amp;ti=1127&amp;lang=&amp;introDuration=15330&amp;adDuration=4000&amp;postAdDuration=830&amp;adKeys=talk=john_hunter_on_the_world_peace_game;year=2011;theme=a_taste_of_ted2011;theme=tales_of_invention;theme=the_rise_of_collaboration;theme=how_we_learn;theme=master_storytellers;theme=rethinking_poverty;theme=the_creative_spark;theme=design_like_you_give_a_damn;event=TED2011;tag=Design;tag=Global+Issues;tag=education;tag=games;tag=government;tag=peace;tag=politics;tag=war;&amp;preAdTag=tconf.ted/embed;tile=1;sz=512x288;" /><embed type="application/x-shockwave-flash" width="526" height="374" src="http://video.ted.com/assets/player/swf/EmbedPlayer.swf" pluginspace="http://www.macromedia.com/go/getflashplayer" wmode="transparent" bgcolor="#ffffff" allowfullscreen="true" allowscriptaccess="always" flashvars="vu=http://video.ted.com/talk/stream/2011/Blank/JohnHunter_2011-320k.mp4&amp;su=http://images.ted.com/images/ted/tedindex/embed-posters/JohnHunter-2011.embed_thumbnail.jpg&amp;vw=512&amp;vh=288&amp;ap=0&amp;ti=1127&amp;lang=&amp;introDuration=15330&amp;adDuration=4000&amp;postAdDuration=830&amp;adKeys=talk=john_hunter_on_the_world_peace_game;year=2011;theme=a_taste_of_ted2011;theme=tales_of_invention;theme=the_rise_of_collaboration;theme=how_we_learn;theme=master_storytellers;theme=rethinking_poverty;theme=the_creative_spark;theme=design_like_you_give_a_damn;event=TED2011;tag=Design;tag=Global+Issues;tag=education;tag=games;tag=government;tag=peace;tag=politics;tag=war;&amp;preAdTag=tconf.ted/embed;tile=1;sz=512x288;"></embed></object></p>
<h2>Tools and Resources</h2>
<h3>Social Innovation Toolkit</h3>
<p><a href="http://socialinnovation.ash.harvard.edu/innovators-toolkit">The Innovator’s Toolkit</a> provides system-level change strategies, tips and tools culled from the experience of innovators driving change in communities across the country.  The Innovator’s Toolkit is also based on a framework for advancing innovation.</p>
<h3>Mozilla Open Badges Project</h3>
<p>Today&#8217;s learning happens everywhere, not just in the classroom. But it&#8217;s often difficult to get credit for it.  Mozilla and Peer 2 Peer University are working to solve this problem by developing an <a href="https://wiki.mozilla.org/Badges">Open Badges</a> infrastructure.  Learn more <a href="https://wiki.mozilla.org/Badges">here</a>.</p>
<img src="http://feeds.feedburner.com/~r/Tips-On-Enterprise-20-With-Web-20/~4/5M2sz2ZJZd0" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://webtechman.com/blog/2011/08/09/design-thinking-gamification-for-accelerating-innovation/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		<feedburner:origLink>http://webtechman.com/blog/2011/08/09/design-thinking-gamification-for-accelerating-innovation/</feedburner:origLink></item>
		<item>
		<title>Free Wireframe &amp; Mockup Tools for UX &amp; UI Designs</title>
		<link>http://feedproxy.google.com/~r/Tips-On-Enterprise-20-With-Web-20/~3/festnPyg1FI/</link>
		<comments>http://webtechman.com/blog/2011/07/28/free-wireframe-mockup-tools-for-ux-ui-designs/#comments</comments>
		<pubDate>Thu, 28 Jul 2011 13:03:10 +0000</pubDate>
		<dc:creator>Daniel Hudson</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Gamification]]></category>
		<category><![CDATA[Tools]]></category>

		<guid isPermaLink="false">http://webtechman.com/blog/?p=2131</guid>
		<description><![CDATA[Free Wireframe &#38; Mockup Tools Creating the Immersive Personal Experience (IPX) User Experience (UX) User experience (UX) is about how a person feels about using a product, system or service. User experience highlights the experiential, affective, meaningful and valuable aspects &#8230; <a href="http://webtechman.com/blog/2011/07/28/free-wireframe-mockup-tools-for-ux-ui-designs/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<h1>Free Wireframe &amp; Mockup Tools</h1>
<h3>Creating the Immersive Personal Experience (IPX)</h3>
<h2>User Experience (UX)</h2>
<p><a href="http://en.wikipedia.org/wiki/User_experience" target="_blank">User experience (UX)</a> is about how a person feels about using a product, system or service. User experience highlights the experiential, affective, meaningful and valuable aspects of <a href="http://en.wikipedia.org/wiki/Human-computer_interaction" target="_blank">human-computer interaction</a> and product ownership, but it also includes a person’s perceptions of the practical aspects such as utility, ease of use and efficiency of the system.</p>
<h2>User Interface (UI)</h2>
<p><a href="http://en.wikipedia.org/wiki/User_interface" target="_blank">User interface (UI)</a> design is about achieving the goal of <a href="http://en.wikipedia.org/wiki/Human-computer_interaction" target="_blank">human-machine interaction </a>engineering, which is to produce a user interface which makes it easy, efficient, and enjoyable to operate a machine in the way which produces the desired result. This generally means that the operator needs to provide minimal input to achieve the desired output, and also that the machine minimizes undesired outputs to the human.</p>
<h2>Immersive Personal Experience (IPX)</h2>
<p>Immersive Personal Experience (IPX) is accomplishing the ultimate goal of helping the user achieve the <a href="http://en.wikipedia.org/wiki/Immersion_%28virtual_reality%29" target="_blank">Immersive</a> <a href="http://en.wikipedia.org/wiki/Personal_experience" target="_blank">Personal experience</a> (IPX) by design.</p>
<h2>Wireframes &amp; Mockups</h2>
<p><a href="http://en.wikipedia.org/wiki/Mockup" target="_blank">Mockups</a>, <a href="http://en.wikipedia.org/wiki/Website_wireframe" target="_blank">wireframes</a> and prototypes are not so cleanly distinguished in software and systems engineering, where mockups are a way of designing user interfaces on paper or in computer images. A software mockup will thus look like the real thing, but will not do useful work beyond what the user sees. A software prototype, on the other hand, will look and work just like the real thing. In many cases it is best to design or prototype the user interface before source code is written or hardware is built, to avoid having to go back and make expensive changes.</p>
<h2>Free Wireframe &amp; Mockup Tools for UX &amp; UI Designs</h2>
<p><a href="http://www.simplediagrams.com/"><img class="alignnone size-large wp-image-2132" title="free-wireframe-mockup-tools_simplediagrams" src="http://webtechman.com/blog/wp-content/uploads/free-wireframe-mockup-tools_simplediagrams-500x161.png" alt="" width="500" height="161" /></a></p>
<p><a href="http://www.simplediagrams.com/" target="_blank">SimpleDiagrams</a> is a small desktop application that helps you express your ideas quickly and simply. There&#8217;s just enough functionality to describe a thought or capture a process.</p>
<p>&nbsp;</p>
<p><a href="http://iphonemockup.lkmc.ch/"><img class="alignnone size-large wp-image-2133" title="free-wireframe-mockup-tools_iphonemockup" src="http://webtechman.com/blog/wp-content/uploads/free-wireframe-mockup-tools_iphonemockup-500x356.png" alt="" width="500" height="356" /></a></p>
<p><a href="http://iphonemockup.lkmc.ch/" target="_blank">iPhoneMockup</a> is a web-based application for creating quick mockups for iPhone.</p>
<p><a href="http://www.gliffy.com"><img class="alignnone size-large wp-image-2134" title="free-wireframe-mockup-tools_gliffy" src="http://webtechman.com/blog/wp-content/uploads/free-wireframe-mockup-tools_gliffy-500x315.png" alt="" width="500" height="315" /></a></p>
<p><a href="http://www.gliffy.com/" target="_blank">Gliffy</a> helps you to easily create professional-quality flowcharts, diagrams, floor plans, technical drawings, and more!</p>
<p>&nbsp;</p>
<p><a href="http://www.mockuptiger.com"><img class="alignnone size-large wp-image-2136" title="free-wireframe-mockup-tools_mockuptiger" src="http://webtechman.com/blog/wp-content/uploads/free-wireframe-mockup-tools_mockuptiger-500x296.png" alt="" width="500" height="296" /></a></p>
<p><a href="http://www.mockuptiger.com" target="_blank">MockupTiger</a> helps you build wireframes, mockups and prototypes. It is very unique web based Rapid prototyping application and offers the best widgets to build Dashboard Wireframes or website Mockups. Provides scalable library of vector Icons, powerful Text widgets, containers and boxes and Dashboard Chart widgets.</p>
<p>&nbsp;</p>
<p><a href="http://www.mockflow.com"><img class="alignnone size-large wp-image-2137" title="free-wireframe-mockup-tools_mockflow" src="http://webtechman.com/blog/wp-content/uploads/free-wireframe-mockup-tools_mockflow-500x391.png" alt="" width="500" height="391" /></a></p>
<p><a href="http://www.mockflow.com" target="_blank">MockFlow</a> helps to design interactive UI mockups for Desktop Software, Rich Internet Apps and Web sites.</p>
<p>&nbsp;</p>
<p><a href="https://gomockingbird.com"><img class="alignnone size-large wp-image-2138" title="free-wireframe-mockup-tools_mockingbird" src="http://webtechman.com/blog/wp-content/uploads/free-wireframe-mockup-tools_mockingbird-500x272.png" alt="" width="500" height="272" /></a></p>
<p><a href="https://gomockingbird.com" target="_blank">Mockingbird</a> is an online tool that makes it easy for you to create, link together, preview, and share mockups of your website or application.</p>
<p>&nbsp;</p>
<p><a href="http://pencil.evolus.vn"><img class="alignnone size-large wp-image-2139" title="free-wireframe-mockup-tools_pencil" src="http://webtechman.com/blog/wp-content/uploads/free-wireframe-mockup-tools_pencil-500x197.png" alt="" width="500" height="197" /></a></p>
<p>The <a href="http://pencil.evolus.vn" target="_blank">Pencil</a> Project&#8217;s unique mission is to build a free and opensource tool for making diagrams and GUI prototyping that everyone can use.</p>
<p>&nbsp;</p>
<p><a href="https://cacoo.com"><img class="alignnone size-large wp-image-2140" title="free-wireframe-mockup-tools_cacoo" src="http://webtechman.com/blog/wp-content/uploads/free-wireframe-mockup-tools_cacoo-500x250.png" alt="" width="500" height="250" /></a></p>
<p><a href="https://cacoo.com" target="_blank">Cacoo</a> is a user friendly online drawing tool that allows you to create a variety of diagrams such as site maps, wire frames, UML and network charts. Cacoo can be used free of charge.</p>
<p>&nbsp;</p>
<p><a href="http://www.serena.com/products/prototype-composer/index.html"><img class="alignnone size-large wp-image-2142" title="free-wireframe-mockup-tools_serena" src="http://webtechman.com/blog/wp-content/uploads/free-wireframe-mockup-tools_serena-500x199.png" alt="" width="500" height="199" /></a></p>
<p><a href="http://www.serena.com/products/prototype-composer/index.html" target="_blank">Serena Prototype Composer</a> provides a completely new way of gathering requirements. Serena Prototype Composer makes it possible to simulate how an application will look and function before any code is ever written.</p>
<p>&nbsp;</p>
<p><a href="http://www.lumzy.com"><img class="alignnone size-large wp-image-2143" title="free-wireframe-mockup-tools_lumzy" src="http://webtechman.com/blog/wp-content/uploads/free-wireframe-mockup-tools_lumzy-500x160.png" alt="" width="500" height="160" /></a></p>
<p><a href="http://www.lumzy.com" target="_blank">Lumzy</a> is a quick mockup creation and prototyping tool.</p>
<h2>More Free Resources for Wireframes &amp; Mockups</h2>
<h3>Tools for UX &amp; UI Designs</h3>
<ul>
<li><a href="http://socialcompare.com/en/comparison/mockup-wireframing-design-tools" target="_blank">Comparison Matrix of Mockup and Wireframing Design Tools</a></li>
<li><a href="http://www.smashingapps.com/2011/02/02/50-free-web-ui-mobile-ui-wireframe-kits-and-source-files-for-designers.html" target="_blank">50 Free Web UI, Mobile UI, Wireframe Kits And Source Files For Designers</a></li>
<li><a href="http://www.smashingmagazine.com/2010/02/05/50-free-ui-and-web-design-wireframing-kits-resources-and-source-files/" target="_blank">50 More Free UI and Web Design Wireframing Kits, Resources and Source Files</a></li>
<li><a href="http://slodive.com/web-development/wireframe-tools/" target="_blank">30 Helpful Wireframe Tools</a></li>
<li><a href="http://speckyboy.com/2010/01/11/10-completely-free-wireframe-and-mockup-applications/" target="_blank">10 Completely Free Wireframe and Mockup Applications</a></li>
</ul>
<p>&nbsp;</p>
<img src="http://feeds.feedburner.com/~r/Tips-On-Enterprise-20-With-Web-20/~4/festnPyg1FI" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://webtechman.com/blog/2011/07/28/free-wireframe-mockup-tools-for-ux-ui-designs/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		<feedburner:origLink>http://webtechman.com/blog/2011/07/28/free-wireframe-mockup-tools-for-ux-ui-designs/</feedburner:origLink></item>
	</channel>
</rss>

