<?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>[kumo.it] &#187; design</title>
	<atom:link href="http://www.kumo.it/articles/tag/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.kumo.it</link>
	<description></description>
	<lastBuildDate>Wed, 24 Aug 2011 21:38:43 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Designing a quiz with plain text user stories</title>
		<link>http://www.kumo.it/articles/2008/04/01/designing-a-quiz-with-user-stories/</link>
		<comments>http://www.kumo.it/articles/2008/04/01/designing-a-quiz-with-user-stories/#comments</comments>
		<pubDate>Mon, 31 Mar 2008 22:23:54 +0000</pubDate>
		<dc:creator>kumo</dc:creator>
				<category><![CDATA[notes]]></category>
		<category><![CDATA[quiz]]></category>
		<category><![CDATA[RSpec]]></category>
		<category><![CDATA[Stories]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[rails]]></category>
		<category><![CDATA[ruby]]></category>

		<guid isPermaLink="false">http://www.kumo.it/?p=78</guid>
		<description><![CDATA[Over the next couple of posts I thought that I would like to discuss the redevelopment of my hiragana and katakana quiz software. This software originally started out as a command-line Perl script, became a PHP web script, before turning into a Ruby on Rails web application. Unfortunately, although the development language changed and possibilities [...]]]></description>
			<content:encoded><![CDATA[<p>Over the next couple of posts I thought that I would like to discuss the redevelopment of my hiragana and katakana quiz software. This software originally started out as a command-line Perl script, became a PHP web script, before turning into a Ruby on Rails web application. Unfortunately, although the development language changed and possibilities increased, the overall functionality remained very much trapped in the original design. As I have started in other posts, I have plans for my quiz software, but it remains rather static, so perhaps it would be a good idea to talk about user stories as a way of providing clarity and focus.</p>
<p>I tend to prefer to use development tools that simplify the tasks that I have come to find routine, but perhaps more importantly provide me with a fresh and powerful way of looking at new problems that I need to solve. The latest tool to find me is &#8220;user stories&#8221;:http://rspec.info/documentation/stories.html with &#8220;RSpec&#8221;:http://rspec.info. Now, I must say that I was already using RSpec to &#8216;test&#8217; other Ruby on Rails applications and I think that everyone should try and play around with it for a bit, but user stories &#8212; in particular the plain-text flavour of them &#8212; are what currently occupy my notebook scribbles.</p>
<p>Let me show a somewhat simplistic and incomplete example of a user story:</p>
<pre lang="Story">
Story: starting a quiz
  As a visitor
  I want to start a quiz
  So that I can hopefully learn something

  Scenario: quiz doesn't exist
    Given a quiz named hiragana
    When I start another quiz
    Then I should see the 404 error page
    And I should see a link to the list of quizes

  Scenario: quiz does exist
    Given a quiz named hiragana
    When I start the quiz
    Then I should see the quiz
    And I should see a <a href='http://092.me'>question</a>
</pre>
<p>We have a story with two scenarios: when the quiz exists and when the quiz doesn&#8217;t exist. It is not very interesting, but at least we know that the user should see an error page if they try and start a quiz that doesn&#8217;t exist, and that they should also see a list of quizes that are available instead. If the quiz does exist then they should see a <a href='http://092.me'>question</a>.</p>
<p>This might be useful if we want to ensure that the 404 page is shown when the requested quiz doesn&#8217;t exist, but it is not very satisfactory to write down and seems a bit pointless. It also doesn&#8217;t help us understand what happens when a user starts a quiz.</p>
<p>One of the main thing that I like about plain text user stories is that I can easily scribble them down on a piece of paper. I can focus on describing my goals without worrying about the implementation details and afterwards even use this &#8220;pseudotestcode&#8221; directly. The plain text user story also is <a href='http://092.me'>nice</a>ly separated from the implementation code that is needed to make it work and because of this, it is easy to fit an understandable and detailed story in a manageable page or two.</p>
<p>I think I will use the following story in my quiz redevelopment and next time I will discuss other stories, and also how to test these stories.</p>
<pre lang="Story">
Story: starting a quiz
  As a visitor
  I want to start a quiz
  So that I can hopefully learn something

  Scenario: quiz doesn't exist
    Given a quiz named hiragana
    And a quiz named katakana
    When I start another quiz
    Then I should see the 404 error page
    And I should see a list of quizes
    And the list of quizes should have 2 items

  Scenario: default configuration
    Given a quiz named hiragana
    When I start the quiz
    Then I should see the quiz
    And I should see a <a href='http://092.me'>question</a>
    And I should see the text "Question 1 of 5"
    And there should be 3 textboxes

  Scenario: 10 <a href='http://092.me'>question</a>s
    Given a quiz named hiragana
    And the quiz has been configured for 10 <a href='http://092.me'>question</a>s
    When I start the quiz
    Then I should see the quiz
    And I should see "Question 1 of 10"

  Scenario: 5 hiragana per <a href='http://092.me'>question</a>
    Given a quiz named hiragana
    And the quiz has been configured for 5 hiragana
    When I start the quiz
    Then I should see the quiz
    And there should be 5 textboxes
</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.kumo.it/articles/2008/04/01/designing-a-quiz-with-user-stories/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Site design</title>
		<link>http://www.kumo.it/articles/2007/12/02/site-design/</link>
		<comments>http://www.kumo.it/articles/2007/12/02/site-design/#comments</comments>
		<pubDate>Sun, 02 Dec 2007 08:16:36 +0000</pubDate>
		<dc:creator>kumo</dc:creator>
				<category><![CDATA[notes]]></category>
		<category><![CDATA[Site]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[unstandard]]></category>
		<category><![CDATA[website]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.kumo.it/articles/2007/12/02/site-design/</guid>
		<description><![CDATA[Update: I am trying out The Unstandard WordPress theme and find it rather interesting especially the idea of creating an image for each of my old posts. I do think that it is about time that I changed the theme of this website. I don&#8217;t know if anyone remembers the original hand-crufted theme but luckily [...]]]></description>
			<content:encoded><![CDATA[<p><em>Update: I am trying out <i><a href="http://5thirtyone.com/archives/886">The Unstandard</a></i> WordPress theme and find it rather interesting especially the idea of creating an image for each of my old posts.</em></p>
<p>I do think that it is about time that I changed the theme of this website. I don&#8217;t know if anyone remembers the original hand-crufted theme but luckily archive.org is able to help me out:<br />
<a href='http://www.kumo.it/wp-content/uploads/2007/12/kumoit-20071202.png' title='[kumo.it] website in June 2002'><img src='http://www.kumo.it/wp-content/uploads/2007/12/kumoit-20071202.thumbnail.png' alt='[kumo.it] website in June 2002' /></a></p>
<p>The main problem that I have with the current design is the list of pages that is just too long and distracting. I know that I could use some sort of list folding plugin, but I was hoping that there was a better alternative &#8212; perhaps even a redesign of the website rather than just choosing a different theme.</p>
<p>Import features are:</p>
<ul>
<li>News/blog posts</li>
<li>Static pages with subpages &#8212; I might have posts that talk about BeOS software, but there is a specific page for each piece of software</li>
<li>Flickr photos!</li>
<li>Spam plugin &#8212; I hardly get any comments any more, but akismet has blocked over 45,000 spam</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.kumo.it/articles/2007/12/02/site-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced (User agent is rejected)
Database Caching 1/15 queries in 0.041 seconds using disk: basic

Served from: www.kumo.it @ 2012-02-04 21:11:41 -->
