<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Gorges Blog</title>
	<atom:link href="http://blog.GORGES.us/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.GORGES.us</link>
	<description>Web Sites that Grow Your Business - our blog</description>
	<lastBuildDate>Fri, 27 Apr 2012 15:59:30 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Brad Treat at the PopShop</title>
		<link>http://blog.GORGES.us/2012/04/brad-treat-at-the-popshop/</link>
		<comments>http://blog.GORGES.us/2012/04/brad-treat-at-the-popshop/#comments</comments>
		<pubDate>Fri, 27 Apr 2012 15:59:30 +0000</pubDate>
		<dc:creator>Matt Clark</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[entrepreneurs]]></category>

		<guid isPermaLink="false">http://blog.GORGES.us/?p=791</guid>
		<description><![CDATA[I visited the PopShop in CollegeTown last night for an event.  The PopShop opened last month and is trying to become the center for student-led entrepreneurial ideas.  The popular Ezra Meetups and other meetings are being held at the PopShop, and the place appears to be a flurry of excitement and startup networking. Brad Treat [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.GORGES.us/wp-content/uploads/2012/04/popshop-brad.jpg"><img class="alignright size-medium wp-image-790" title="Brad Treat at the PopShop" src="http://blog.GORGES.us/wp-content/uploads/2012/04/popshop-brad-300x171.jpg" alt="" width="300" height="171" /></a>I visited the PopShop in CollegeTown last night for an event.  The <a href="http://popright.in/">PopShop</a> opened last month and is trying to become the center for student-led entrepreneurial ideas.  The popular Ezra Meetups and other meetings are being held at the PopShop, and the place appears to be a flurry of excitement and startup networking.</p>
<p><a href="http://bradtreat.blogspot.com">Brad Treat</a> gave a talk last night about his entrepreneurial philosophy, and also anecdotal stories from the multiple startup companies he&#8217;s been involved with.</p>
<p>Thank for sharing, Brad, and good luck to all the PopShop entrepreneurs.  There are several more events scheduled this week, including some success stories from the <a href="http://blog.gorges.us/2011/11/cornell-3-day-startup/">Cornell 3-Day Startup</a> event in February.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.GORGES.us/2012/04/brad-treat-at-the-popshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Overcome challenges to meeting accessibility standards and your website will be usable to a much larger audience</title>
		<link>http://blog.GORGES.us/2012/03/overcome-challenges-to-meeting-accessibility-standards-and-your-website-will-be-usable-to-a-much-larger-audience/</link>
		<comments>http://blog.GORGES.us/2012/03/overcome-challenges-to-meeting-accessibility-standards-and-your-website-will-be-usable-to-a-much-larger-audience/#comments</comments>
		<pubDate>Fri, 16 Mar 2012 18:12:14 +0000</pubDate>
		<dc:creator>Brian Post</dc:creator>
				<category><![CDATA[Content Management]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[accessibility]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[standards]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://blog.GORGES.us/?p=763</guid>
		<description><![CDATA[Building a website to comply with Section 508 or WCAG accessibility standards can mean meeting a number of specific technical requirements.  To assist in building websites that meet these standards, GORGES has found a number of tools that ease the development process.]]></description>
			<content:encoded><![CDATA[<h1 dir="ltr"></h1>
<p>Building a website to comply with <a href="http://webaim.org/standards/508/checklist" target="_blank">Section 508</a> or <a href="http://www.w3.org/WAI/intro/wcag" target="_blank">WCAG</a> accessibility standards can mean meeting a number of specific technical requirements.  To assist in building websites that meet these standards, GORGES has found a number of tools that ease the development process.</p>
<p><a href="http://www.totalvalidator.com/tools/index.html" target="_blank">Total Validator Tool</a> will validate the markup of a web page against Section 508 and WCAG standards.  Getting the markup to validate to these standards helps prepare the website for visitors using screen reader software. Total Validator Tool generates easy-to-follow reports which detail where the markup of a page does not meet the accessibility standards.  From this report, developers can easily see what changes are necessary.</p>
<p>However, once the website markup meets the appropriate standards, there are other aspects of the standards that are beyond what the Total Validator Tool is designed to detect.  These include considerations for visitors with color blindness and preparing any video used on the website for visitors who may be blind or deaf.</p>
<p><a href="http://www.vischeck.com/vischeck/" target="_blank">Vischeck</a> is a service that will simulate colorblind vision.  Images or screenshots of a website can be uploaded and processed for free at the Vischeck website.  This can give a general sense of how a website may look to those with a form of color blindness.</p>
<p>To ensure a website is usable by those who are colorblind, checking the contrast between foreground and background colors is essential.  The accessibility standards indicate what contrast ratios are necessary.  The <a href="http://webaim.org/resources/contrastchecker/" target="_blank">WebAIM Color Contrast Checker</a> will provide a ratio based on provided colors while the service <a href="http://www.checkmycolours.com/" target="_blank">Check My Colours</a> will analyze the colors used on an entire site.</p>
<p><a href="http://www.universalsubtitles.org/" target="_blank">Universal Subtitles</a> is a service for adding captions (and translations) to embedded video.  This service is compatible with many popular video hosting services and video players.</p>
<p><a href="http://www.longtailvideo.com/players/" target="_blank">JW Player</a> is good option for embedded video that is self-hosted.  It can meet some of the stricter versions of the accessibility standards using the optional <a href="http://www.longtailvideo.com/addons/plugins/84/Captions" target="_blank">Captions plugin</a> and <a href="http://www.longtailvideo.com/addons/plugins/85/Audio-Description" target="_blank">Audio Description plugin</a>.  This includes not only closed captions but closed audio descriptions.  A closed audio description is an additional audio track that may sometimes be needed to describe the video scene to visitors who are blind.</p>
<p>For an overview of making video accessible, a good document can be found at the JW Player website titled &#8220;<a href="http://www.longtailvideo.com/support/jw-player/22/making-video-accessible" target="_blank">Making Video Accessible</a>.&#8221;</p>
<p>Commonly used screen readers include <a href="http://www.freedomscientific.com/products/fs/jaws-product-page.asp" target="_blank">JAWS</a> and <a href="http://www.gwmicro.com/window-eyes/" target="_blank">Window-Eyes</a>.  For testing with a screen reader, an article on the Yahoo Developer Network suggests using a free and open source screen reader called <a href="http://www.nvda-project.org/" target="_blank">NVDA</a>.  The article &#8220;<a href="http://developer.yahoo.com/blogs/ydn/posts/2009/12/easy_accessibility_testing_with_the_nvda_screen_reader/" target="_blank">Easy Accessibility Testing with the NVDA Screen Reader</a>&#8221; states:</p>
<p>&#8220;NVDA for Windows is one of several screen reader programs available on the market today. NVDA is free and open source. It is very strict in how it treats web pages and thus can serve as a perfect testing tool.&#8221;</p>
<p>By utilizing these tools, many of the challenges of meeting accessibility standards can be more easily overcome, and your website will become usable by a larger audience.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.GORGES.us/2012/03/overcome-challenges-to-meeting-accessibility-standards-and-your-website-will-be-usable-to-a-much-larger-audience/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Website and App Maintenance Agreements</title>
		<link>http://blog.GORGES.us/2012/02/website-and-app-maintenance-agreements/</link>
		<comments>http://blog.GORGES.us/2012/02/website-and-app-maintenance-agreements/#comments</comments>
		<pubDate>Thu, 16 Feb 2012 15:41:06 +0000</pubDate>
		<dc:creator>Don Ellis</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Mobile Development]]></category>
		<category><![CDATA[Security]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://blog.GORGES.us/?p=756</guid>
		<description><![CDATA[Maintenance Agreements – They are &#8212; They are not Websites and apps are not commodities and the purchasing of them is not a one-night-stand. Websites and apps are born into dynamic environments. Their full value is realized when they are maintained current with those environments. The developer relationship established during the initial development is part [...]]]></description>
			<content:encoded><![CDATA[<p>Maintenance Agreements – They are &#8212; They are not</p>
<p>Websites and apps are not commodities and the purchasing of them is not a one-night-stand. Websites and apps are born into dynamic environments. Their full value is realized when they are maintained current with those environments. The developer relationship established during the initial development is part of the purchased value. Economies accrue when a structured relationship is maintained.</p>
<p>A Maintenance Agreement provides the budget to prevent obsolescence. The sad news is that a new website or app is becoming obsolete even as it is built. All three sectors of the technology advance rapidly.</p>
<ul>
<li>New display and interaction devices replace the old at increasing rates.</li>
<li>There is daily industry news about greater power in databases and middleware.</li>
<li>Methods-of-use, ways of thinking about these technologies, sprint into our lives.</li>
</ul>
<p>The users of any valuable website or app will chafe immediately when it does not take advantage of this or that new device, or some new way of searching, or some social opportunity. Staying atop these concerns is the noble use of a maintenance agreement.</p>
<p>A Maintenance Agreement budget also should be provided for installing important updates to the underlying software. The price should be small, maybe $250 per event, maybe two or three events per year. Security updates in particular must be done.</p>
<p>A Maintenance Agreement provides a management structure for all the above. There is a prioritized wish list, a clear line of communication, and a non-intrusive billing arrangement.</p>
<p>The Maintenance Agreement budget is not for hosting the app and ensuring its connectivity. These services are budgeted under Hosting Agreements.</p>
<p>GORGES would be embarrassed if Maintenance Agreement budgets were spent mostly on fixing the app. In some cases this is appropriate use, but there should be very little of this. Websites and apps are warranted for thirty days after going live and after major upgrades. Clients should test the app thoroughly before and during that period to take advantage of the warranty.</p>
<p>The best websites and apps pay their own way. Allocating a portion of the return for maintenance extends their lives and empowers their constituencies.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.GORGES.us/2012/02/website-and-app-maintenance-agreements/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Client-side Data Binding</title>
		<link>http://blog.GORGES.us/2012/02/client-side-data-binding/</link>
		<comments>http://blog.GORGES.us/2012/02/client-side-data-binding/#comments</comments>
		<pubDate>Mon, 06 Feb 2012 14:23:43 +0000</pubDate>
		<dc:creator>Rasmus Schultz</dc:creator>
				<category><![CDATA[Technology]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://blog.GORGES.us/?p=674</guid>
		<description><![CDATA[Anybody give much thought to client-side data-binding these days? OrientDB is nearing version 1.0, and it has a native HTTP/JSON interface &#8211; it supports classes, inheritance and all kinds of relationships, all the things we try to simulate with object-relational mappers when building a domain-model, which makes me wonder&#8230; why use an ORM at all? [...]]]></description>
			<content:encoded><![CDATA[<p>Anybody give much thought to client-side data-binding these days?</p>
<p>OrientDB is nearing version 1.0, and it has a native HTTP/JSON interface &#8211; it supports classes, inheritance and all kinds of relationships, all the things we try to simulate with object-relational mappers when building a domain-model, which makes me wonder&#8230; why use an ORM at all?</p>
<p>If you&#8217;re going to do all your data-binding on the client-side, and if a graph database can natively represent your domain-model without a line of code, why struggle to achieve the same thing with server-side code and object-relational mapping?</p>
<p>You&#8217;d only need controllers/actions for actual business-operations. You could probably implement a thin &#8220;proxy&#8221; for operations like updates and deletes, access control and user identity, etc&#8230; You would never need to render a template, generate tables or forms or parse a form-post or implement tedious CRUD operations on the server-side.</p>
<p>It all sounds dreamy, and I can see this working out great for applications.</p>
<p>But what about SEO? The internet lives and breathes HTML. So it seems it&#8217;s not an approach that will work for public-facing pages.</p>
<p>Any thoughts? <img src='http://blog.GORGES.us/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://blog.GORGES.us/2012/02/client-side-data-binding/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Website Search Strategies</title>
		<link>http://blog.GORGES.us/2012/02/website-search-strategies/</link>
		<comments>http://blog.GORGES.us/2012/02/website-search-strategies/#comments</comments>
		<pubDate>Thu, 02 Feb 2012 13:32:42 +0000</pubDate>
		<dc:creator>Don Ellis</dc:creator>
				<category><![CDATA[Technology]]></category>
		<category><![CDATA[User Interface UX]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://blog.GORGES.us/?p=750</guid>
		<description><![CDATA[Search strategies should relate to a website’s mission and message.]]></description>
			<content:encoded><![CDATA[<p>Search strategies should relate to a website’s mission and message. They also need to respond to the anticipated user skills and preferences – optimal search strategies on a website for scientist or engineers would be quite different from those for the general public.</p>
<p>Search is really just part of navigation. In many cases information found by running a search routine can also be found by just browsing through the pages. Which serves the visitor best? … is that also what serves the mission best?</p>
<p>Search needs words (also phrases) for searching. When visitors compose their own phrases, will those phrase be effective in searching the website? If not, then search terms should be offered as items in drop-down lists or some similar selection interface.</p>
<p>Next there is the question of what will be searched. A Google-like search can theoretically see every word in the public space of the website. Will this work OK? … will many irrelevant items be returned? … or should that type of “free word” search be used, but restricted to parts of the space with relevant content?</p>
<p>Another approach uses either “free word” input or “selected word” input to search only prepared fields in the database. This allows the web administrators to help or control the search results, but requires maintaining those fields of search phrases.</p>
<p>Many choices and variations are possible. Least expensive is installing one of the free search routines, one that can be limited to just the one website, as Google can. It has quick setup, little maintenance, is familiar to nearly everyone, but in a small website it can be quite imprecise and may often return empty lists.</p>
<p>I recommend a careful discussion with your website’s Information Designer.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.GORGES.us/2012/02/website-search-strategies/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Medical Data Proliferation</title>
		<link>http://blog.GORGES.us/2012/01/medical-data-proliferation/</link>
		<comments>http://blog.GORGES.us/2012/01/medical-data-proliferation/#comments</comments>
		<pubDate>Thu, 26 Jan 2012 14:38:08 +0000</pubDate>
		<dc:creator>Don Ellis</dc:creator>
				<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[mobile sensory devices]]></category>

		<guid isPermaLink="false">http://blog.GORGES.us/?p=744</guid>
		<description><![CDATA[Medical Data Proliferation – One Pattern, One Value, and One Prediction Medical data will proliferate exponentially in the coming years. There are many drivers and patterns. Of special interest to the US data industry is the proliferation generated by mobile sensory devices. The devices themselves are proliferating. While away from medical facilities, one may wear [...]]]></description>
			<content:encoded><![CDATA[<p>Medical Data Proliferation – One Pattern, One Value, and One Prediction</p>
<p>Medical data will proliferate exponentially in the coming years. There are many drivers and patterns. Of special interest to the US data industry is the proliferation generated by mobile sensory devices.</p>
<p>The devices themselves are proliferating. While away from medical facilities, one may wear or be attached to devices that sense pulse, blood pressure, body temperature, blood flow rates, and many of the other vital indictors. These data can be generated and stored at high rates. In the US, increasingly the data are stored in private medical practice networks. Imagine a small, 4,000-patient group fitted with a device or two, each generating data 24 hours per day.</p>
<p>In its “The World in 2012” edition the Economist points out the high value obtained from such data by Britain’s National Institute for Health and Clinical Excellence. They are able to closely monitor the benefits of new drugs and expensive treatments. There are studies showing the US value of such systems could be in the hundreds-of-billions range.</p>
<p>The data are accumulating, the value is becoming obvious, and the contracts to aggregate data from scattered systems will be many and huge. Nearly as demanding, will be the contracts to order the data so it may accessed by business intelligence systems.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.GORGES.us/2012/01/medical-data-proliferation/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Fitness Frolics</title>
		<link>http://blog.GORGES.us/2012/01/fitness-frolics/</link>
		<comments>http://blog.GORGES.us/2012/01/fitness-frolics/#comments</comments>
		<pubDate>Thu, 26 Jan 2012 14:37:11 +0000</pubDate>
		<dc:creator>Matt Clark</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[fitness]]></category>
		<category><![CDATA[yoga]]></category>

		<guid isPermaLink="false">http://blog.GORGES.us/?p=709</guid>
		<description><![CDATA[One peril of software development is that there is too much sitting going on.  The mind and spirit get exercise, but not the bod.  We&#8217;ve experimented with knee stools, yoga balls, and stand-up desks at GORGES with mixed results.  Several of us walk or bicycle to work. This fall our office manager Vicki has pushed [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_710" class="wp-caption alignright" style="width: 201px"><a href="http://blog.GORGES.us/wp-content/uploads/2011/11/Ithaca_5_and_10-01.jpg"><img class="size-medium wp-image-710 " title="GORGES Staff at Ithaca 5 &amp; 10" src="http://blog.GORGES.us/wp-content/uploads/2011/11/Ithaca_5_and_10-01-191x300.jpg" alt="GORGES Staff at Ithaca 5 &amp; 10" width="191" height="300" /></a><p class="wp-caption-text">Jon, Vicki, and Matt at the Ithaca 5&amp;10 Race</p></div>
<p>One peril of software development is that there is too much sitting going on.  The mind and spirit get exercise, but not the bod.  We&#8217;ve experimented with knee stools, yoga balls, and stand-up desks at GORGES with mixed results.  Several of us walk or bicycle to work.</p>
<p>This fall our office manager Vicki has pushed a fitness challenge on the staff.  For those who volunteered (or were conscripted!), we divided up into three teams and are placing checkmarks on a master schedule when we exercise.  GORGES has sponsored trial memberships at the <a href="http://fingerlakesfitness.com">Finger Lakes Fitness Center </a>for their six-week fall challenge.</p>
<p>In previous years we have taken the crew to the Hoffman Challenge Course at the <a href="http://ctlc.cornell.edu/">Cornell Team &amp; Leadership Center</a>, and this year&#8217;s fitness challenge can certainly be labeled team-building.</p>
<p>The fall results aren&#8217;t in yet, but and unfortunately some of the fitness gains may be erased when we hold our gluttonous end-of-fitness-challenge party.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.GORGES.us/2012/01/fitness-frolics/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress or Drupal</title>
		<link>http://blog.GORGES.us/2012/01/wordpress-or-drupal/</link>
		<comments>http://blog.GORGES.us/2012/01/wordpress-or-drupal/#comments</comments>
		<pubDate>Thu, 19 Jan 2012 13:24:22 +0000</pubDate>
		<dc:creator>Don Ellis</dc:creator>
				<category><![CDATA[Content Management]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[drupal]]></category>
		<category><![CDATA[frameworks]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[yii]]></category>

		<guid isPermaLink="false">http://blog.GORGES.us/?p=728</guid>
		<description><![CDATA[GORGES does not have any intrinsic preference between, Drupal and Wordpress. We can and will provide either. Several recent clients have posed this choice. We think this choice needs to be based in the technology.]]></description>
			<content:encoded><![CDATA[<p>GORGES does not have any intrinsic preference between, Drupal and WordPress. We can and will provide either. Several recent clients have posed this choice. We think this choice needs to be based in the technology.</p>
<p>Wanting to be as unbiased as possible, I have researched online several times and offer these two third-party views:<br />
<a href="http://www.bivingsreport.com/2007/wordpress-vs-drupal/">http://www.bivingsreport.com/2007/wordpress-vs-drupal/</a><br />
<a href="http://www.quis.com/2009/06/01/drupal-vs-wordpress">http://www.quis.com/2009/06/01/drupal-vs-wordpress</a></p>
<p>Both articles try to be unbiased, and I think they succeed. Neither writes that WordPress and Drupal are on the same plane. They both assign WordPress to the simplest of websites and Drupal to the next echelon. This matches our considerable experience. WordPress provides an elegantly ease-to-use CMS. It is the appropriate choice for lightly featured blogs and very simple websites.</p>
<p>Here’s the experience of someone who “loves” WordPress (the language needs editing):<br />
<a href="http://kevinjohngallagher.com/2012/01/wordpress-has-left-the-building/">http://kevinjohngallagher.com/2012/01/wordpress-has-left-the-building/</a></p>
<p>The Drupal community is on a different track. Drupal is a machine for making interactive websites &#8211; newspapers, magazines, large corporate websites, online stores. In the spectrum of technology, Drupal picks up where WordPress leaves off, and takes us toward standard web applications. When the project no longer fits “standard things you do on a website,” it is a web application that requires a web application framework. GORGES will in that case recommend the appropriate framework, maybe Ruby on Rails, Yii, or .NET.</p>
<p>It should also be noted, that when a client is engaging GORGES to perform setup, to propose designs, to guide the process and provide training, the distinctions having to do with ease of setup, theme decisions, and ease of use become inconsequential. GORGES shoulders those.</p>
<p>The differences between WordPress and Drupal are finally differences in capability. What interactive features does your website need now and how likely are you to want significant visitor interaction in the future? Is the site to be a one-time undertaking, or is it likely to grow thought time? If these are not issues, WordPress might be just right.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.GORGES.us/2012/01/wordpress-or-drupal/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Choosing Web Chart Technologies</title>
		<link>http://blog.GORGES.us/2011/12/choosing-web-chart-technologies/</link>
		<comments>http://blog.GORGES.us/2011/12/choosing-web-chart-technologies/#comments</comments>
		<pubDate>Fri, 09 Dec 2011 13:20:01 +0000</pubDate>
		<dc:creator>Jim Tse</dc:creator>
				<category><![CDATA[Technology]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Website Design]]></category>

		<guid isPermaLink="false">http://blog.GORGES.us/?p=731</guid>
		<description><![CDATA[Web-based charting has emerged as another great use of the browser. Traditionally, business analysts were the ones crunching numbers on spreadsheet to build charts. The spreadsheet would be e-mail as a file attachment. This process of compiling numbers and chart building could take hours. There is the saying that once information is on paper, it [...]]]></description>
			<content:encoded><![CDATA[<p>Web-based charting has emerged as another great use of the browser. Traditionally, business analysts were the ones crunching numbers on spreadsheet to build charts. The spreadsheet would be e-mail as a file attachment. This process of compiling numbers and chart building could take hours. There is the saying that once information is on paper, it is already outdated. It will not be long before the saying becomes: Once information is in an office file document, it is already outdated. As a result, the web is quickly becoming the preferred platform for data charting and analysis.</p>
<p>In this article, we will discuss approaches to creating charts on the web. Currently, there are two general approaches to creating charts on the web: Image-based versus Scalable Vector Graphics (SVG)-based. There are also Flash-based solutions but we cannot recommend them because Flash is not available on iPhones and iPads and the future of Flash-based solution is uncertain.</p>
<p>Image charts<br />
Here, the server generates a static image (e.g., a JPEG) of the chart from the data and the image gets displayed in the browser. There are a plethora of server-side charting implementations to choose from &#8212; a noteworthy one is Google Image Charts: http://code.google.com/apis/chart/image. Since the chart is simply an image, there are no cross-browser issues and the look of the chart is also consistent across browsers. The chart can easily be exported for usage in presentation slides since the chart is just an image file. However, the disadvantage of this approach is that users cannot interact with the chart; they cannot click into a pie chart slice or hover over line graph points to better understand the data being presented. While image-based charts provide a consistent and reliable view of the data, this approach does not give your end users necessary usability needed to make effective use of the information.</p>
<p>SVG charts<br />
Here, the rendering of the chart is strictly on the client browser: There is no server-side rendering of the chart. Data are passed into a JavaScript SVG library which renders the chart as SVG markup (or VML markup if the user is on Internet Explorer 6/7/8). The browser produces a chart from the resulting markup that is mostly consistent across browsers. (We have run into an edge case issue where labels on pie charts get cut-off in Internet Explorer.) Exporting the chart into a file for use in presentation slides is a little trickier &#8212; since SVG charts are derived from JavaScript libraries and you cannot create files using JavaScript (at least not easily or consistently across browsers). One possible solution is to post the serialized SVG output back to the server-side and convert into the desired target format (e.g., JPEG, PDF, etc.). These relatively minor issues are offset by the huge gain in chart interactivity. SVG charting libraries allows developers to attach mouse click and hover events to the charts, such that a user can drill down into a pie slice of a chart or hover over line graph points for a more comprehensive view of the data. The SVG charting libraries tend to be relatively easy to use for developers comfortable with JavaScript, relative to the server-side charting tools.</p>
<p>Choosing a solution<br />
When choosing a charting solution, it is necessary to consider the following requirements:</p>
<ul>
<li>Does the chart have to be interactive? If the answer is a resounding yes, then SVG approaches are the only options.</li>
<li>How important is exporting chart into other file format? If very important, then it may be worthwhile to look at image-based solutions or possibly dual solutions of both SVG and static images.</li>
<li>Are we dealing with tens of thousands of data points? If yes, then it may be neccessary to sacrifice the interactivity of SVG charts for performance of static image charts.</li>
</ul>
<p>SVG solutions<br />
Below is a brief descriptive of three SVG libraries. This is by no means a comprehensive list.</p>
<ul>
<li>gRaphael: http://g.raphaeljs.com</li>
<ul>
<li>Only completely free solution of the three.</li>
<li>Not as mature the others and poorly documented.</li>
<li>Programming somewhat easy.</li>
<li>Fewer eye candy.</li>
<li>Bottom-line: Check back in 6 months; the library is improving rapidly.</li>
</ul>
<li>Google Chart Tools: http://code.google.com/apis/chart</li>
<ul>
<li>Does not cost money but source code is not available and hard dependency on Google’s server.</li>
<li>Mature and well-documented.</li>
<li>Programming not as easy but powerful.</li>
<li>Better eye candy &#8212; see Geographic chart.</li>
<li>Bottom-line: Good solution but the charts and data security are heavily dependant on Google’s server.</li>
</ul>
<li>Highcharts: http://www.highcharts.com</li>
<ul>
<li>Costs money (couple of hundreds) but open source.</li>
<li>Mature; Good documentation.</li>
<li>Programming is easy.</li>
<li>Best eye candy &#8212; charts will “pop” to your users.</li>
<li>Bottom-line: Best overall general-purpose charting solution.</li>
</ul>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.GORGES.us/2011/12/choosing-web-chart-technologies/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery replacement for window.console</title>
		<link>http://blog.GORGES.us/2011/12/jquery-replacement-for-window-console/</link>
		<comments>http://blog.GORGES.us/2011/12/jquery-replacement-for-window-console/#comments</comments>
		<pubDate>Fri, 09 Dec 2011 13:14:44 +0000</pubDate>
		<dc:creator>Rasmus Schultz</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://blog.GORGES.us/?p=723</guid>
		<description><![CDATA[Can you honestly say you have never left a console.log() statement in production code? There are legitimate reasons to leave them in test/staging code, if you&#8217;re still working out some details. So I wrote this little library as a replacement. It doesn&#8217;t blow up when the console is not available, adds chainable log() and warn() [...]]]></description>
			<content:encoded><![CDATA[<p>Can you honestly say you have never left a console.log() statement in production code?</p>
<p>There are legitimate reasons to leave them in test/staging code, if you&#8217;re still working out some details.</p>
<p>So I wrote <a title="jQuery console.log() replacement" href="http://jsfiddle.net/mindplay/D6DPr/">this little library</a> as a replacement.</p>
<p>It doesn&#8217;t blow up when the console is not available, adds chainable log() and warn() methods to jQuery selectors, and improves a bit on the display in FF and IE9.</p>
<p>Tested and working nicely in FF, IE9 and Chrome.</p>
<p>I realize this isn&#8217;t a groundbreaking idea &#8211; but I looked at a couple of existing libraries that do something similar, and nothing really seemed to work well in IE.</p>
<p>Also, this kind of thing should be small &#8211; this script compresses to less than 0.5 KB.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.GORGES.us/2011/12/jquery-replacement-for-window-console/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

