Mer/Documentation/Desktop layout - Revision history

imported_>amigadave: {{Mer}}

2010-09-22T09:35:27Z

← Older revision		Revision as of 09:35, 22 September 2010
Line 1:		Line 1:
			{{Mer}}

	== Freemantle desktop specification ==		== Freemantle desktop specification ==

Line 99:		Line 101:

	Icons for closing within this: http://i013.radikal.ru/0903/e1/5c85d73dcb42.png		Icons for closing within this: http://i013.radikal.ru/0903/e1/5c85d73dcb42.png

	~~[[Category:Mer]]~~

imported_>amigadave: Category:Mer

2010-02-11T15:08:11Z

Category:Mer

← Older revision		Revision as of 15:08, 11 February 2010
Line 99:		Line 99:

	Icons for closing within this: http://i013.radikal.ru/0903/e1/5c85d73dcb42.png		Icons for closing within this: http://i013.radikal.ru/0903/e1/5c85d73dcb42.png

			[[Category:Mer]]

85.222.96.110 at 09:42, 13 September 2009

2009-09-13T09:42:01Z

← Older revision		Revision as of 09:42, 13 September 2009
Line 1:		Line 1:
			== Freemantle desktop specification ==

			== Desktop screen ==

			=== Marquee (top bar) ===

			Height: 52 px, as wide as screen

			From left to right:

			WM button, different states: (align left)
			* Applications menu (no applications opened)
			** Upon click, go to Applications menu
			* Task switcher
			** Upon click, go to Task switcher
			* Notification in task switcher

			Separator: air

			Status area: (align left)
			* Clock
			* 16x16 icons, when clicked, full status area comes up

			Separator: air

			Title bar: (align left)
			* Not in use on non-telephony devices?

			== Applications menu display ==

			* Pannable area of all applications launchable?

	== Hildon desktop specification ==		== Hildon desktop specification ==

imported_>stskeeps at 13:42, 23 March 2009

2009-03-23T13:42:02Z

← Older revision		Revision as of 13:42, 23 March 2009
Line 1:		Line 1:
	== ~~Layout for~~ Hildon ~~Desktop on Mer~~ ==		== Hildon desktop specification ==

	General outline: [http://tabletui.files.wordpress.com/2009/02/task_man_3items1.jpg?w=480&h=640 here]		General outline: [http://tabletui.files.wordpress.com/2009/02/task_man_3items1.jpg?w=480&h=640 here]

	~~Pre-artwork implementation: http://www.daimi.au.dk/~cvm/mer-ui-implemented.png~~

	New-artwork ideas: http://i041.radikal.ru/0903/5f/5cf0986d63e7.jpg		New-artwork ideas: http://i041.radikal.ru/0903/5f/5cf0986d63e7.jpg

imported_>stskeeps at 12:04, 23 March 2009

2009-03-23T12:04:58Z

← Older revision		Revision as of 12:04, 23 March 2009
Line 51:		Line 51:
	*Description: Shows current application and X others		*Description: Shows current application and X others

	==== Fourth ~~element: Slack ====~~		==== Fourth element: Status bar ====

	~~What remains of Screen width - ((X+Y) * 52) - 180~~

	~~==== Fifth~~ element: Status bar ====

	''Implemented in h-d, r1149''		''Implemented in h-d, r1149''

imported_>stskeeps at 09:41, 22 March 2009

2009-03-22T09:41:48Z

← Older revision		Revision as of 09:41, 22 March 2009
Line 18:		Line 18:
	Background: marquee_background.png, 18x52, repeating		Background: marquee_background.png, 18x52, repeating

	Width of screen = 903+A56+S, A integer, X = 1/3 * A, Y = 2/3 * A, S remainder		Width of screen = 903+A48+S, A integer, X = 1/3 * A, Y = 2/3 * A, S remainder

	A = (Width of screen - 90 * 3) / 56 (integer division)		A = (Width of screen - 90 * 3) / 48 (integer division)

	S = Width of screen - 270 - A * 56		S = Width of screen - 270 - A * 48

	==== First element: Application menu button ====		==== First element: Application menu button ====
Line 60:		Line 60:

	*Example: http://www.daimi.au.dk/~cvm/mer-hmm.png		*Example: http://www.daimi.au.dk/~cvm/mer-hmm.png
	*Width: Y items of ~~56px~~, Y > 0, icons 48x48px		*Width: Y items of 48px, Y > 0, icons 48x48px
	*Description: Shows current status bar area		*Description: Shows current status bar area

imported_>stskeeps at 08:56, 22 March 2009

2009-03-22T08:56:50Z

← Older revision		Revision as of 08:56, 22 March 2009
Line 22:		Line 22:
	A = (Width of screen - 90 * 3) / 56 (integer division)		A = (Width of screen - 90 * 3) / 56 (integer division)

	S = Width of screen - ~~180~~ - A * 56		S = Width of screen - 270 - A * 56

	==== First element: Application menu button ====		==== First element: Application menu button ====

imported_>stskeeps at 08:39, 22 March 2009

2009-03-22T08:39:24Z

← Older revision		Revision as of 08:39, 22 March 2009
Line 20:		Line 20:
	Width of screen = 903+A56+S, A integer, X = 1/3 * A, Y = 2/3 * A, S remainder		Width of screen = 903+A56+S, A integer, X = 1/3 * A, Y = 2/3 * A, S remainder

	A = (Width of screen - 90 * 3) / 56		A = (Width of screen - 90 * 3) / 56 (integer division)

			S = Width of screen - 180 - A * 56

	==== First element: Application menu button ====		==== First element: Application menu button ====
Line 50:		Line 51:
	*Description: Shows current application and X others		*Description: Shows current application and X others

	==== Fourth element: Status bar ====		==== Fourth element: Slack ====

			What remains of Screen width - ((X+Y) * 52) - 180

			==== Fifth element: Status bar ====

	''Implemented in h-d, r1149''		''Implemented in h-d, r1149''

	*Example: http://www.daimi.au.dk/~cvm/mer-hmm.png		*Example: http://www.daimi.au.dk/~cvm/mer-hmm.png
	*Width: Y items of 56px ~~+ S~~, Y > 0, icons 48x48px		*Width: Y items of 56px, Y > 0, icons 48x48px
	*Description: Shows current status bar area		*Description: Shows current status bar area

	==== ~~Fifth~~ element: The magic X ====		==== Sixth element: The magic X ====

	''Implemented in h-d, r1150''		''Implemented in h-d, r1150''

imported_>stskeeps at 08:23, 22 March 2009

2009-03-22T08:23:56Z

← Older revision		Revision as of 08:23, 22 March 2009
Line 20:		Line 20:
	Width of screen = 903+A56+S, A integer, X = 1/3 * A, Y = 2/3 * A, S remainder		Width of screen = 903+A56+S, A integer, X = 1/3 * A, Y = 2/3 * A, S remainder

	A = (Width of screen - 90 * 3) / ~~56 (integer division)~~		A = (Width of screen - 90 * 3) / 56

	S = Width of screen - 180 - A * 56


Line 49:		Line 47:

	*Example: http://www.daimi.au.dk/~cvm/mer-hmm.png		*Example: http://www.daimi.au.dk/~cvm/mer-hmm.png
	*Width: 1/3 times A (integer) items of ~~52px~~, X > 0, icons 48x48px		*Width: 1/3 times A (integer) items of 56px, X > 0, icons 48x48px
	*Description: Shows current application and X others		*Description: Shows current application and X others

	==== Fourth ~~element: Slack ====~~		==== Fourth element: Status bar ====

	~~What remains of Screen width - ((X+Y) * 52) - 180~~

	~~==== Fifth~~ element: Status bar ====

	''Implemented in h-d, r1149''		''Implemented in h-d, r1149''

	*Example: http://www.daimi.au.dk/~cvm/mer-hmm.png		*Example: http://www.daimi.au.dk/~cvm/mer-hmm.png
	*Width: Y items of ~~52px~~, Y > 0, icons 48x48px		*Width: Y items of 56px + S, Y > 0, icons 48x48px
	*Description: Shows current status bar area		*Description: Shows current status bar area

	==== ~~Sixth~~ element: The magic X ====		==== Fifth element: The magic X ====

	''Implemented in h-d, r1150''		''Implemented in h-d, r1150''

	*Example: http://www.daimi.au.dk/~cvm/mer-xmenu.png		*Example: http://www.daimi.au.dk/~cvm/mer-xmenu.png
	*Width: 90px~~, Z > 52~~, 48x48 px icon		*Width: 90px, 48x48 px icon
	*Description: The former >>, the switcher menu, shows up when number of applications active > 0		*Description: The former >>, the switcher menu, shows up when number of applications active > 0
	*Icon: qgn_list_tasknavigator_appswitcher , http://s51.radikal.ru/i134/0903/84/e7c91bfbf9ce.png		*Icon: qgn_list_tasknavigator_appswitcher , http://s51.radikal.ru/i134/0903/84/e7c91bfbf9ce.png

	Icons for closing within this: http://i013.radikal.ru/0903/e1/5c85d73dcb42.png		Icons for closing within this: http://i013.radikal.ru/0903/e1/5c85d73dcb42.png

imported_>stskeeps at 08:12, 22 March 2009

2009-03-22T08:12:31Z

← Older revision		Revision as of 08:12, 22 March 2009
Line 20:		Line 20:
	Width of screen = 903+A56+S, A integer, X = 1/3 * A, Y = 2/3 * A, S remainder		Width of screen = 903+A56+S, A integer, X = 1/3 * A, Y = 2/3 * A, S remainder

	A = (Width of screen - 90 * 3) / 56		A = (Width of screen - 90 * 3) / 56 (integer division)

			S = Width of screen - 180 - A * 56