<?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>Mozilla Web Development &#187; downloads</title>
	<atom:link href="http://blog.mozilla.com/webdev/tag/downloads/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.mozilla.com/webdev</link>
	<description>Everybody Likes Ninjas</description>
	<lastBuildDate>Wed, 01 Feb 2012 16:41:24 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Download Stats move to mozilla.com</title>
		<link>http://blog.mozilla.com/webdev/2009/08/18/download-stats-move-to-mozilla-com/</link>
		<comments>http://blog.mozilla.com/webdev/2009/08/18/download-stats-move-to-mozilla-com/#comments</comments>
		<pubDate>Tue, 18 Aug 2009 23:43:19 +0000</pubDate>
		<dc:creator>Mike Morgan</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[downloads]]></category>
		<category><![CDATA[stats]]></category>
		<category><![CDATA[streaming]]></category>

		<guid isPermaLink="false">http://blog.mozilla.com/webdev/?p=633</guid>
		<description><![CDATA[During the Firefox 3.5 launch, Daniel Einspanjer and Dave Dash put together a neat little stats counter at downloadstats.mozilla.com. We decided to do a sprint to try integrating this with mozilla.com to give it a proper home. Historically, we&#8217;ve had different ways to track new releases and their downloads: 2004-2007 (Firefox 1.0, 1.5, 2.0) &#8211; [...]]]></description>
			<content:encoded><![CDATA[<p>During the Firefox 3.5 launch, <a href="http://daniele.livejournal.com/">Daniel Einspanjer</a> and <a href="http://davedash.com/">Dave Dash</a> put together a neat little stats counter at <a href="http://downloadstats.mozilla.com/">downloadstats.mozilla.com</a>.  We decided to do a <a href="https://wiki.mozilla.org/Website/Sprints/DownloadStats">sprint</a> to try integrating this with mozilla.com to give it a proper home.</p>
<p>Historically, we&#8217;ve had different ways to track new releases and their downloads:</p>
<ul>
<li>2004-2007 (Firefox 1.0, 1.5, 2.0) &#8211; Bouncer database statistics tracked redirects on the download redirector in a MySQL database.</li>
<li>2008 (Firefox 3.0) &#8211; Jeremy Orem&#8217;s download stats page pulled stats from Daniel Einspanjer&#8217;s metrics feed.</li>
<li>2009 (Firefox 3.5) &#8211; Daniel and Dave created the 3.5 download stats page, which closely resembles what we have now.</li>
</ul>
<p>Blast from the past &#8211; Jeremy Orem&#8217;s Firefox 3.0 stats page:</p>
<p> <img src="http://blog.mozilla.com/webdev/files/2009/08/old-downloadstats.jpg" alt="oremj's old download stats"/></p>
<p>As a part of our renewed efforts to <a href="http://www.intothefuzz.com/2009/08/17/onward-and-upward-for-mozilla-com/">innovate more rapidly on mozilla.com</a>, our first sprint brings download information to mozilla.com.  From release to release we hope this page changes in exciting new ways.  In the meantime, it&#8217;ll have a nicer place to live.</p>
<p>The idea was pretty simple:</p>
<ul>
<li><em>Creating real-time JSON feeds</em> was Daniel&#8217;s work with <a href="http://www.sqlstream.com/">SQLStream</a> to manage and constantly query incoming download activity.  It was no small task, but the feed seems to work fairly well.</li>
<li><em>Using JavaScript to integrate feeds into existing pages</em> was Dave Dash&#8217;s work.  He had to do it in both <a href="http://developer.yahoo.com/yui/">YUI</a> and <a href="http://jquery.com/">jQuery</a> since mozilla.com uses YUI but the stats code uses jQuery.  Yes, fun, we know.</li>
<li><em>Creating widgets and a landing page</em> was possible because of <a href="http://www.silverorange.com/">Silver Orange</a>.  Steven Garrity and Stephen DesRoches styled the stats landing page and worked with <a href="http://www.intothefuzz.com/">John Slater</a> from Mozilla to figure out points of entry on other mozilla.com pages.</li>
</ul>
<p>The end result is a nicely sized update to mozilla.com that we were able to finish in two weeks.  Publishing our totals gives new users a feel of activity and freshness, and funnels them to a statistics page that we can always expand later.</p>
<p>We&#8217;re also excited that this page uses some neat tools we&#8217;ve grown to love:</p>
<ul>
<li>The world map is done in <a href="https://developer.mozilla.org/En/SVG">SVG</a>/<a href="https://developer.mozilla.org/en/HTML/Canvas">Canvas</a> thanks to <a href="http://hyper-metrix.com/#Blog">Alistair MacDonald</a></li>
<li>The dynamic table uses <a href="http://jquery.com/">jQuery</a> and some jQuery plugins (<a href="http://tablesorter.com/">tablesorter</a>, <a href="http://omnipotent.net/jquery.sparkline/">sparklines</a>).  It updates every minute.</li>
<li>All feed data is available in <a href="https://developer.mozilla.org/En/JSON">JSON</a> format which makes it easy for pages to update themselves via JavaScript</li>
</ul>
<p>Here&#8217;s a widget on <a href="http://www.mozilla.com/en-US/firefox/">Firefox product pages</a>:</p>
<p><img src="http://people.mozilla.org/~morgamic/stats/stats-menu.png" alt="screenshot of stats total on a Firefox page"/></p>
<p>Here&#8217;s a widget on the <a href="http://www.mozilla.com/en-US/firefox/personal.html">personalize Firefox page</a>:</p>
<p><img src="http://people.mozilla.org/~morgamic/stats/stats-feature.png" alt="screenshot of stats total on the personalize Firefox page"/></p>
<p>Here&#8217;s the main sections from the <a href="http://www.mozilla.com/en-US/firefox/stats/">main stats page</a>:</p>
<p><img src="http://people.mozilla.org/~morgamic/stats/stats-map.png" alt="screenshot of stats total on the personalize Firefox page"/><br />
<img src="http://people.mozilla.org/~morgamic/stats/stats-sparklines.png" alt="screenshot of stats total on the personalize Firefox page"/></p>
<p>We hope you like the small changes we made, and if you have ideas on how to make this better, please let us know!  If you&#8217;d like to play with these feeds, you can find them here:</p>
<ul>
<li><a href="http://www.mozilla.com/en-US/firefox/stats/getJSON.php?q=data/country_report.json">Country report JSON</a></li>
<li><a href="http://www.mozilla.com/en-US/firefox/stats/total.php">Total downloads JSON</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.mozilla.com/webdev/2009/08/18/download-stats-move-to-mozilla-com/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>

