Karma/Layout Converted Squeak Lessons - Revision history

BryanWB: /* Feedback */

2010-01-26T07:53:38Z

Feedback

← Older revision		Revision as of 03:53, 26 January 2010
Line 34:		Line 34:

	==Feedback==		==Feedback==

			TODO

	==Help==		==Help==

BryanWB at 07:52, 26 January 2010

2010-01-26T07:52:48Z

← Older revision		Revision as of 03:52, 26 January 2010
Line 15:		Line 15:
	The best way to designate the background image is in your css/lesson.css file		The best way to designate the background image is in your css/lesson.css file

	~~<nowiki>~~		body {
	body {		background-image: url(./path/to/file.png);
	background-image: url(./path/to/file.png);		}
	}
	~~</nowiki>~~

	==Header==		==Header==
Line 34:		Line 32:
	Start button (position to the left of play again button)		Start button (position to the left of play again button)
	Play again button (right aligned)		Play again button (right aligned)

	Page ~~navigation controls~~		==Feedback==
	~~Next~~ page button should be positioned just above the footer bar to the right of the screen
			==Help==

			TODO

			==Page Navigation==

			The next page button should be positioned just above the footer bar to the right of the screen.

	Previous page button should be positioned just above the footer bar to the left of the screen		Previous page button should be positioned just above the footer bar to the left of the screen

	Sequence control buttons (these are the buttons that you click to go to next or previous step of lesson on the same page)		Sequence control buttons (these are the buttons that you click to go to next or previous step of lesson on the same page). To the left and right of the lesson area for back and next respectively, vertically centered to the page.
	To the left and right of the lesson area for back and next respectively, vertically centered to the page.

	Text		==Text==
	Size – Big enough so that its clearly readable on a XO screen
	Color – Contrasting from the background so that its distinctly visible		* Size – Big enough so that its clearly readable on a XO screen
			* Color – Contrasting from the background so that its distinctly visible

BryanWB: /* Background Image */

2010-01-26T07:48:54Z

Background Image

← Older revision		Revision as of 03:48, 26 January 2010
Line 14:		Line 14:
	Your background image should 1200px by 900px		Your background image should 1200px by 900px
	The best way to designate the background image is in your css/lesson.css file		The best way to designate the background image is in your css/lesson.css file

	<nowiki>		<nowiki>
	body {		body {
Line 19:		Line 20:
	}		}
	</nowiki>		</nowiki>


	==Header==		==Header==

BryanWB at 07:48, 26 January 2010

2010-01-26T07:48:16Z

← Older revision		Revision as of 03:48, 26 January 2010
Line 1:		Line 1:
			==Overrall Considerations==
	We are converting the Squeak lessons for the XO, which has peculiar display characteristics		We are converting the Squeak lessons for the XO, which has peculiar display characteristics
	* 96 DPI (dots per inch) instead of the usual 126 or 134		* 96 DPI (dots per inch) instead of the usual 126 or 134
	* 1200x900 screen resolution		* 1200x900 screen resolution

	~~Position~~		The header and footer both use 75 pixels of vertical space.
	The following items ~~should be~~ on the header bar from left to right:
	Back button - returns to the lessons list (left aligned)		Your working area is roughly (0, 75px) to (1200px, 1125px).
	Activity title (position to the right of back button)
	OLE logo button – A short description of OLE Nepal pops up (position to the left of help button)		We are trying to make the Converted Squeak lessons look as much as possible like the flash-based EPaath lessons.
	Help button – help text appears (right aligned)
			==Background Image==

			Your background image should 1200px by 900px
			The best way to designate the background image is in your css/lesson.css file
			<nowiki>
			body {
			background-image: url(./path/to/file.png);
			}
			</nowiki>


			==Header==
			The following items are on the header bar from left to right:
			* Back button - returns to the lessons list (left aligned)
			* Activity title (position to the right of back button)
			* OLE logo button – A short description of OLE Nepal pops up (position to the left of help button)
			* Help button – help text appears (right aligned)

			==Footer==
	The following items should appear on the footer bar from left to right:		The following items should appear on the footer bar from left to right:
	Score board (left aligned)		Score board (left aligned)

BryanWB: Created page with 'We are converting the Squeak lessons for the XO, which has peculiar display characteristics * 96 DPI (dots per inch) instead of the usual 126 or 134 * 1200x900 screen resolution …'

2010-01-26T07:04:46Z

Created page with 'We are converting the Squeak lessons for the XO, which has peculiar display characteristics * 96 DPI (dots per inch) instead of the usual 126 or 134 * 1200x900 screen resolution …'

New page

We are converting the Squeak lessons for the XO, which has peculiar display characteristics
* 96 DPI (dots per inch) instead of the usual 126 or 134
* 1200x900 screen resolution

Position
The following items should be on the header bar from left to right:
Back button - returns to the lessons list (left aligned)
Activity title (position to the right of back button)
OLE logo button – A short description of OLE Nepal pops up (position to the left of help button)
Help button – help text appears (right aligned)
The following items should appear on the footer bar from left to right:
Score board (left aligned)
Level indicator – if required (position to the right score board)
Start button (position to the left of play again button)
Play again button (right aligned)

Page navigation controls
Next page button should be positioned just above the footer bar to the right of the screen
Previous page button should be positioned just above the footer bar to the left of the screen

Sequence control buttons (these are the buttons that you click to go to next or previous step of lesson on the same page)
To the left and right of the lesson area for back and next respectively, vertically centered to the page.

Text
Size – Big enough so that its clearly readable on a XO screen
Color – Contrasting from the background so that its distinctly visible