<?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>Rural Design Collective - 2009 Summer Mentoring Program &#187; UI</title>
	<atom:link href="http://sixes.net/rdc2009/category/ui/feed/" rel="self" type="application/rss+xml" />
	<link>http://sixes.net/rdc2009</link>
	<description></description>
	<lastBuildDate>Wed, 07 Apr 2010 08:40:39 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>#rdc2009 Post-Program &#8211; Writing the Documentation</title>
		<link>http://sixes.net/rdc2009/writing-the-documentation/</link>
		<comments>http://sixes.net/rdc2009/writing-the-documentation/#comments</comments>
		<pubDate>Tue, 10 Nov 2009 00:37:20 +0000</pubDate>
		<dc:creator>webchick</dc:creator>
				<category><![CDATA[OLPC]]></category>
		<category><![CDATA[OPDS]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[documentation]]></category>
		<category><![CDATA[friends]]></category>
		<category><![CDATA[internetarchive]]></category>
		<category><![CDATA[makebooks]]></category>
		<category><![CDATA[rdc2009]]></category>
		<category><![CDATA[softwarerelease]]></category>

		<guid isPermaLink="false">http://sixes.net/rdc2009/?p=801</guid>
		<description><![CDATA[Greetings from RDC Headquarters! It has been awhile since our last update &#8211; but that is because we have been busy wrapping up loose ends and officially winding down the 2009 Mentoring Season. It was a great year, and we are thrilled at what we accomplished as a team. In October, we had the great [...]]]></description>
			<content:encoded><![CDATA[<p>Greetings from RDC Headquarters! It has been awhile since our last update &#8211; but that is because we have been busy wrapping up loose ends and officially winding down the 2009 Mentoring Season. It was a great year, and we are thrilled at what we accomplished as a team. In October, we had the great honor of having our work featured by the OLPC at the &#8220;Make Books Apparent&#8221; conference held by the Internet Archive in San Francisco. </p>
<p><a href="http://ianews.wordpress.com/2009/10/20/liveblogging-day-2-of-the-%E2%80%9Cmaking-books-apparent%E2%80%9D-meeting/"><img style="float: left; margin: 0px 15px 15px 0px;" src="http://ianews.files.wordpress.com/2009/10/img_6137.jpg?w=500&#038;h=375" alt="SJ Klein demos the work of the Rural Design Collective" width="500" height="375" /></a></p>
<p>We presented both a web solution as well as a localized USB stick solution containing 2000 public domain books at the conference. You can read more about the event <a href="http://ianews.wordpress.com/2009/10/20/liveblogging-day-2-of-the-%E2%80%9Cmaking-books-apparent%E2%80%9D-meeting/">here,</a> and you can check out our web solution in the <a href="http://ruraldesigncollective.org/lab/ui">Rural Design Collective UI Lab.</a> When we first started this project, our goal was to make public domain books more accessible and appealing to kids. Technology in this space is progressing rapidly, so it was fun to balance innovation with a well-defined set of deliverables. That is what makes working the Web so interesting &#8211; there is always something new and challenging to learn.</p>
<p>We have a lot of ideas regarding the next steps for our project (and our program), and we plan to implement them. We will be releasing our documentation and code in the next month (everything will be available for download), including a roadmap of the next steps for this particular project. We are very excited about the Open Publication Distribution System (OPDS), but just did not have enough time to work it out this season. We may work it in as an <a href="http://sixes.net/rdc2009/extra-credit/">Extra Credit</a> project this winter as we are eager to get set up as a catalog so we can hit the ground running next summer, adding more books and metadata to our collection. We have  600+ digital public domain books that were donated to our program by the Boston Public Library in support of our program (if you were wondering what the gray book icons are in our user interface, they represent placeholder categories for books that were donated by BPL).</p>
<p>The future looks bright! We are planning for next season and working out long-term goals for the Rural Design Collective. We already have eager candidates for mentees, a list of potential Friends of the RDC, a lot of interest, and many opportunities for projects. We will be spending the winter months on outreach and applying for grants. As always, we will share what we learn here.</p>
]]></content:encoded>
			<wfw:commentRss>http://sixes.net/rdc2009/writing-the-documentation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>#rdc2009 Hacker Wednesdays – Testing The UI</title>
		<link>http://sixes.net/rdc2009/testing-the-ui/</link>
		<comments>http://sixes.net/rdc2009/testing-the-ui/#comments</comments>
		<pubDate>Fri, 09 Oct 2009 03:32:44 +0000</pubDate>
		<dc:creator>webchick</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[XO]]></category>
		<category><![CDATA[debug]]></category>
		<category><![CDATA[genCollectionInterface]]></category>
		<category><![CDATA[hackerwednesday]]></category>
		<category><![CDATA[icons]]></category>
		<category><![CDATA[internetarchive]]></category>
		<category><![CDATA[metadata]]></category>
		<category><![CDATA[navigation]]></category>

		<guid isPermaLink="false">http://sixes.net/rdc2009/?p=771</guid>
		<description><![CDATA[Greetings! The Rural Design Collective has been busy getting our final revision of the code ready for production. We have been doing a great deal of work testing the user interface on the XO and on the web, streamlining the HTML, commenting our code, and debugging our various  libraries (and it even validates using [...]]]></description>
			<content:encoded><![CDATA[<p>Greetings! The Rural Design Collective has been busy getting our final revision of the code ready for production. We have been doing a great deal of work testing the user interface on the XO and on the web, streamlining the HTML, commenting our code, and debugging our various  libraries (and it even validates using the W3C Validator!). This is all in preparation for our documentation effort that will take place over the next couple of weeks. We have a few more workflow and functionality improvements planned (like cleaning up our URLs), but we will officially freeze the code soon for a release at the end of October.</p>
<p>Steven and Scotty have been working together to create a completely localized version of the collection for the sticks using the new genCollectionInterface tool. The biggest hurdle to overcome is presenting the user interface initially when the stick is inserted into the XO, and delivering the metadata before the book is opened in the Journal. In the meantime, we also developed <a href="http://ruraldesigncollective.org/lab/ui/">an online version</a> of the user interface that utilizes a streamlined version of the Internet Archive bookreader (also known as the <a href="http://openlibrary.org/dev/docs/bookreader">embeddable bookreader</a>). This bookreader interface works amazingly well on the XO and fits neatly on the screen. We also optimized the collection interface for viewing on the XO &#8211; we strongly encourage you to view it on a little green machine if you can (it looks a bit bare in a web browser &#8211; but wonderful on the XO &#8230; see the screenshots below!). We still have a bit of tweaking to do, but we are quite pleased with the results!</p>
<div style="float: left; color: #666; font-size: 11px; line-height: 14px; margin-right: 40px; margin-bottom: 20px; width: 500px;"><a href="http://ruraldesigncollective.org/mosh/frame.png"><img src="http://ruraldesigncollective.org/mosh/frame.png" width="500" style="margin-bottom: 8px" /></a>Additional Screenshots: <a href="http://ruraldesigncollective.org/mosh/no_frame.png">[ 1 ]</a> <a href="http://ruraldesigncollective.org/mosh/frame.png">[ 2 ]</a>  <a href="http://ruraldesigncollective.org/mosh/book_frame.png">[ 3 ]</a>  <a href="http://ruraldesigncollective.org/mosh/book_no_frame.png">[ 4 ]</a>  <a href="http://ruraldesigncollective.org/mosh/categories.png">[ 5 ]</a>. We worked diligently to provide an &#8220;XO-friendly&#8221; interface that accommodates the native elements in the Sugar UI. We are still tweaking some navigational issues, and resolving screen resolution on the XO &#8211; but we are pleased with the results!</div>
<p>It is possible to generate either version of the user interface using the genCollectionInterface tool with minor modifications to the code. Right now, we are trying to reach consensus as a team on how much crossover there should be between the online and local versions. </p>
<p>Levi has polished up his public domain icon set, creating one that is Sugar-friendly. We are exploring how to finesse the resolution in Sugar, given the fact that <a href="http://wiki.laptop.org/go/HTML_canvas_performance">the XO browser renders the pages using 134 DPI.</a> We are also researching to see if there are any standard naming conventions for Sugar icons so we can appropriately name and format the icons for the various states (on, off, hover) so developers can get right to work. We invite other Sugar developers to use these icons in their applications to represent categories of public domain books, and we will be improving the collection in the future &#8211; including giving developers an outlet for feedback so we can improve the set. This will also be explained in our documentation. Stay tuned!</p>
]]></content:encoded>
			<wfw:commentRss>http://sixes.net/rdc2009/testing-the-ui/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>#rdc2009 Hacker Wednesdays &#8211; Coding The Elements</title>
		<link>http://sixes.net/rdc2009/coding-the-elements/</link>
		<comments>http://sixes.net/rdc2009/coding-the-elements/#comments</comments>
		<pubDate>Sun, 30 Aug 2009 17:52:20 +0000</pubDate>
		<dc:creator>webchick</dc:creator>
				<category><![CDATA[AITIA]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Sugar]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[art]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[findway]]></category>
		<category><![CDATA[hackerwednesday]]></category>
		<category><![CDATA[icons]]></category>
		<category><![CDATA[navigation]]></category>
		<category><![CDATA[point.b]]></category>

		<guid isPermaLink="false">http://sixes.net/rdc2009/?p=705</guid>
		<description><![CDATA[The Rural Design Collective will be demonstrating their hard work this summer at our annual RDC Launch Party, plus we will be publishing public domain books for kids! The above book was designed by Anand Chitipothu, lead architect of infogami and Friend of the RDC.
Hello! Busy times at the RDC. Our Launch Party deadline is [...]]]></description>
			<content:encoded><![CDATA[<div style="float: left; color: #666; font-size: 11px; line-height: 14px; margin-right: 40px; margin-bottom: 20px; width: 250px;"><a href="http://memory.org/AITIA/findway/"><img src="http://ruraldesigncollective.org/mosh/book.png" width="250" height="337" border="0" /></a><br />The Rural Design Collective will be demonstrating their hard work this summer at our annual RDC Launch Party, plus we will be publishing <a href="http://memory.org/AITIA/findway/puzzle.pdf">public domain books for kids!</a> The above book was designed by Anand Chitipothu, lead architect of infogami and Friend of the RDC.</div>
<p>Hello! Busy times at the RDC. Our Launch Party deadline is swiftly approaching, so we are working to have the best demo possible for the event. It will take place over Labor Day Weekend, September 4-7, and will coincide with an art show at <a href="http://memory.org/point.b/">Point B Studio</a> entitled <a href="http://memory.org/AITIA/findway">&#8220;Find Way.&#8221;</a> This art show is the first in a three-part series, &#8220;Art in the Information Age&#8221;, and will feature artists who have elevated information visualization to an art form in their chosen medium. It is an exciting series that will build over the course of the next year, so please add us to your bookmarks!</p>
<p><a href="http://ruraldesigncollective.org/lab/ui">In the Lab, we are coding a few new bits and pieces of the user interface.</a> We decided to eliminate the top navigation bar on the collection navigation to get more content on the screen (and we will most likely eliminate it entirely so it feels more like a Sugar application). This led to the clever solution of making a touchpad widget for <a href="http://sixes.net/rdc2009/making-sense-of-the-collection/">the icons</a> that Levi has been working so diligently on. This builds on the constructs and motifs already established in the Sugar environment (pulldown menus, intuitive icons, icon docks), while introducing new possibilities. We think it works! There is a bit of a challenge to ensure it is not obscured by the icon dock frame that is native to Sugar, but we have taken that into account and are designing accordingly.</p>
<p>Scotty and Steven will use this as a template to programmatically generate the pages for the collection that will be distributed on the sticks. There are still a few details to hash out before we get to that point, but when Levi and I get there, Scotty and Steven will be ready to take it the rest of the way (Teamwork!). For our demo next week, we will most likely go with a simple HTML list just to illustrate our concept. </p>
<p>As I mentioned before, we plan to extend our work into October, bearing in mind that each of us has other work to do and the changing of the seasons brings on a new tempo. We are all pretty detail-oriented (and plus we just like working together), so we agree that there is more work to do before we are ready for production. This has been an amazing mentoring season, and we have grown and gained knowledge from each other by having this opportunity to create beautiful and meaningful things. </p>
<p>We officially declare the 2009 Rural Design Collective Summer Mentoring Season a resounding success! w00t!</p>
]]></content:encoded>
			<wfw:commentRss>http://sixes.net/rdc2009/coding-the-elements/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>#rdc2009 Hacker Wednesdays &#8211; Making Sense of the Collection</title>
		<link>http://sixes.net/rdc2009/making-sense-of-the-collection/</link>
		<comments>http://sixes.net/rdc2009/making-sense-of-the-collection/#comments</comments>
		<pubDate>Sat, 22 Aug 2009 16:46:19 +0000</pubDate>
		<dc:creator>webchick</dc:creator>
				<category><![CDATA[CSV]]></category>
		<category><![CDATA[GIAB]]></category>
		<category><![CDATA[Sugar]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[XO]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[hackerwednesday]]></category>
		<category><![CDATA[icons]]></category>
		<category><![CDATA[metadata]]></category>

		<guid isPermaLink="false">http://sixes.net/rdc2009/?p=658</guid>
		<description><![CDATA[Levi&#8217;s illustrative talents go far beyond the icons you see here &#8211; but it takes an amazing amount of creative discipline to develop simple graphics with a distinctive personality. These are created in Adobe Illustrator using a Wacom tablet and pen, which preserves the hand-drawn quality. Our hat is off to Levi!
Greetings! It is Saturday, [...]]]></description>
			<content:encoded><![CDATA[<div style="float: left; color: #666; font-size: 11px; line-height: 14px; margin-right: 20px; margin-bottom: 10px; width: 306px; border: 6px solid #fff; padding: 6px;"><a href="http://sixes.net/rdc2009/books4kids/"><img src="http://ruraldesigncollective.org/mosh/levi.icons.gif" width="306" height="285" border="0" /></a>Levi&#8217;s illustrative talents go far beyond the icons you see here &#8211; but it takes an amazing amount of creative discipline to develop simple graphics with a distinctive personality. These are created in Adobe Illustrator using a Wacom tablet and pen, which preserves the hand-drawn quality. <a href="http://www.ruraldesigncollective.org/levi/">Our hat is off to Levi!</a></div>
<p>Greetings! It is Saturday, and I finally have time to write the blog post for Wednesday (so much for Internet Time <img src='http://sixes.net/rdc2009/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> . It is becoming somewhat of an RDC tradition to tweak the details and let the ideas percolate a bit before posting to the web, which suits me fine. The best work takes time to develop.</p>
<p>Levi is making great progress with the icons. He has about a third of them completed, and I asked permission to post a few of them today to show the process. To give the icons uniformity, he is starting with a basic visual element &#8211; the circle &#8211; and building out from there. We are also using the Sugar icon set as a basic palette for look and feel (and eventually, color). As you can see, the set is beginning to work together on its own, and it looks spectacular on the XO. </p>
<p>Steven has gathered the metadata for the UI and made it available in a .CSV format. After brainstorming a bit, we decided to explore building out the web UI programmatically before we solve the puzzle of how to extract the metadata from the .CSV file into the Journal from the stick. We want to ensure that this collection will be accessible in other applications, such as <a href="http://activities.sugarlabs.org/en-US/sugar/addon/4194">GIAB</a> (now in its 3rd revision) which solves the metadata issue, but does not work with local collections. We are always thinking about how to keep the architecture and data open so other people can use it and we can continue to improve it in the future.</p>
<p>We also conducted a few usability tests on the XO, and made some adjustments to our layout. The most notable change is that we decided to use a liquid layout as opposed to a fixed layout. Simply put, liquid layouts allow the user to have control over a very important personal aspect of their view: the amount of information that they see on-screen. Using our own layout as a basic example, if a user prefers to see more than five books in a row, all they have to do is resize the browser window (go ahead, <a href="http://sixes.net/rdc2009/books4kids/">try it!</a> &#8211; you can see a <a href="http://openlibrary.org/search?q=%22mother+goose%22&#038;offset=0&#038;ftokens=%2Cmhsncqbxgkup&#038;remove=&#038;view=covers">similar design practice</a> in the search result view of Open Library). This is important on both the web and the XO. On the XO, using a liquid layout means that the display refreshes automatically when a user physically flips the monitor from a horizontal to a vertical orientation. We like smart, elegant UI at the Rural Design Collective.</p>
<p>We have also tweaked our collection considerably in terms of categories, which is reflected <a href="http://sixes.net/rdc2009/revised-categories/">here.</a> We are still contemplating what the best approach is in regards to collection size and content in general &#8211; but that is a design solution for another day. In the meantime, enjoy your weekend!</p>
]]></content:encoded>
			<wfw:commentRss>http://sixes.net/rdc2009/making-sense-of-the-collection/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>#rdc2009 Hacker Wednesday &#8211; Building the User Interface</title>
		<link>http://sixes.net/rdc2009/building-the-user-interface/</link>
		<comments>http://sixes.net/rdc2009/building-the-user-interface/#comments</comments>
		<pubDate>Thu, 13 Aug 2009 22:17:59 +0000</pubDate>
		<dc:creator>webchick</dc:creator>
				<category><![CDATA[AJAX]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[XO]]></category>
		<category><![CDATA[hackerwednesday]]></category>
		<category><![CDATA[icons]]></category>
		<category><![CDATA[metadata]]></category>
		<category><![CDATA[rdc2009]]></category>

		<guid isPermaLink="false">http://sixes.net/rdc2009/?p=607</guid>
		<description><![CDATA[
This week, we started defining the toolkit for our user interface. Scotty and Steven are working on the technical details of gathering the necessary metadata. We ran through a few quick flow tests on the XO, and there are some intermediary steps to the process of transferring the book from the USB stick to the [...]]]></description>
			<content:encoded><![CDATA[<div style="float: left; color: #666; font-size: 11px; line-height: 14px; margin-right: 20px; margin-bottom: 10px; width: 257px;"><a href="http://sixes.net/rdc2009/books4kids/"><img src="http://ruraldesigncollective.org/mosh/rdc.books.gif" width="257" height="301" border="0" /></a></div>
<p>This week, we started defining the toolkit for our user interface. Scotty and Steven are working on the technical details of gathering the necessary metadata. We ran through a few quick flow tests on the XO, and there are some intermediary steps to the process of transferring the book from the USB stick to the Journal that need to be considered to guarantee a seamless user experience. We want to make that transition as fluid as possible, and the metadata is a critical component in that process.</p>
<p><a href="http://sixes.net/rdc2009/books4kids/">We also began building our graphical interface!</a> Levi is developing an icon system to work with our categories (which we are still in the process of finalizing &#8211; much debate about that <img src='http://sixes.net/rdc2009/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> . It is not an easy task dealing with almost 20 categories of books that do not readily lend themselves to a symbol or pictograph. We developed a standard RDC cover in the meantime to give us a default image to use as the icons and user interface are developed and the collections are improved. We don&#8217;t want to rush this step in the process since building a visual language is such an important part of any user interface design and some of the categories or content may change. All is a work in progress and, ultimately, we will release the icon set and the user interface into the public domain (the books are already there <img src='http://sixes.net/rdc2009/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> .</p>
<p>We took a look at the basic design on the XO, and will have a few adjustments to make before we enter final production. We are considering usability within the current Sugar environment (i.e., using navigational methods already adopted as a best practice such as tooltips and dropdown menus) with the goal to make it accessible and friendly to children. Scotty and Steven are developing a plan to auto-generate the pages for the collection, and we are evaluating a couple of Ajax libraries to build out our final user interface. We are leaning towards <a href="http://script.aculo.us/">script.aculo.us,</a> simply because it plays nice with  other JavaScript libraries on our web site.</p>
<p>Things should really start coming together over the next couple of weeks &#8211; we have a rollout plan, a deadline &#8230; <a href="http://sixes.net/rdc2009/back-to-the-basics/">Labor Day Weekend &#8211; The RDC Launch Party!</a> &#8230; and will need to get busy soon writing our documentation and creating some necessary items to make it very simple to use our sticks with the XOs. Go RDC!</p>
]]></content:encoded>
			<wfw:commentRss>http://sixes.net/rdc2009/building-the-user-interface/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
