cardstories part 11: artwork task list

The list of completed games has been integrated and implemented. A skin gallery was completed to conveniently displayed all the integrated pages without a need to actually play the game. A summary of all the requests was produce for Xavier Antoviaque and tartarugafeliz to work on.

lobby complete

The list of completed games was integrated and implemented. To avoid duplication of the code used to display the list of games which is mostly similar with the list of games in progress a function common to both, lobby_games was created, as well as test cases. The test cases for the lobby_in_progress and lobby_finished are reduced to a minimum.

permalinks

When the user selects a game in the lobby, it is redirected to a page where the game_id=XXX parameters is appended to the query string. This creates a permalink that will always display the current state of the game.

skin gallery

The skin gallery was implemented to show a list of links showing the CSS integration of each game state. This list is not visible unless the skin argument is given. Each integration link is implemented in the skin.js script using mockups such as:

    } else if(skin == 'vote_voter' || skin == 'vote_owner' || skin == 'vote_viewer') {
      var game = {
	'id': 100,
	'board': [21,22,23,24,25,26],
	'self': [21, 26, [21,12,13,14,15,16,17]],
	'sentence': 'The sentence is the sentence'
      };
      $.cardstories[skin]('PLAYER1', game, root);

user feedback

The game was tried 20 times by five players : Roméo (5 years old), Yvi (7 years old), Juliette (20 years old), Agnès (29 years old), Loïc (45 years old).
Roméo did not quite get the idea of the game. Yvi liked it very much. Juliette tried it once and got the idea. Agnès was confused at first about the steps of the game.
Loïc authored the games using the following method:

load the lobby for player loic
click on start new story
pick an image
write down sentence and click on next
type agnes and yvi in the invitation input box
open a new tab
load the lobby for player agnes
click on the sentence to participate in the game
show the tab to player agnes and let her chose a card
open a new tab
load the lobby for player yvi
show the tab to player yvi and let him chose a card
move to the tab of player loic and reload it
click on voting
move to the tab of player agnes and reload it
show the tab to player agnes and let her vote for a card
move to the tab of player yvi and reload it
show the tab to player yvi and let him vote for a card
move to the tab of player loic and reload it
click on complete and show the results to everyone

Using a dock to display the cards has been found inconvenient because the cards far from the selected card are too small to be visible and navigating back and forth to pick a card is inconvenient. When Agnès authored a game, she chose a card that had many features in common with other cards to increase her chances to mislead the
players. This strategy would be defeated if proposing to the author of the game a subset of the deck of cards.
When reading the game results, the name of the player who picked the card (just below the card) was mistaken for the name of the players who voted for the game.

artwork and interaction questions

Where should the Copyright or powered by be displayed ? It would make sense to display a visible link that would expand into a more informative panel with the required legal information and a link to download the corresponding sources.
Most of the elements in which a player name is to be displayed are too short to display a name of eight character long.
In the following inventory, dead end means a there is no way for the user to navigate out of the page, missing feedback means the user has no way to know there is an interaction on this specific element (no hover on an image button) or that there is no way for the user to know if a mouse click triggered an action (when clicking on a card), no lobby means there is no way for the user to go back to the lobby.

advertise: no remark
in_progress and finished: in progress and finished tab and the sentence / story are missing feedback, the pager is not mockuped.
finished: the invite new friends semantic is undefined and is missing feedback.
create_pick_card: the dock is unfit to display the whole deck and is missing feedback, no lobby
create_write_sentence: no lobby
invitation_owner: there is no way to redisplay the page to update the list of participating players, “go to the vote” is missing feedback, no lobby
invitation_pick: picking a card and “ok” are missing feedback, no lobby
vote_voter: picking a card and “ok” are missing feedback, no lobby
vote_owner: missing mockup for when the author of a game has to decide when the game is complete
complete: an indication showing which player won and which player lost must be mocked, no lobby
name: missing mockup for when the player has no nickname