Mer/Documentation/Desktop layout - Revision history

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]]~~

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 ==

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

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''

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

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 ====

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''

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

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