Help Center (Improvements.HelpCenter)

author	version	line-number	content
		1	{{velocity}}
		2	$xwiki.ssx.use("Improvements.WebHome")
		3	$xwiki.ssx.use("Standards.WebHome")
		4	{{/velocity}}
		5
		6	{{warning}}
		7	Dependencies [[Skin 4.x Proposal>>Skin4x]]
		8	Older proposal [[XWiki in 5 minutes Guided Tour>>Improvements.XWiki5Minutes]]
		9	{{/warning}}
		10
		11	== Community Feedback ==
		12
		13	{{info}}
		14	[UX][Proposal] Help Center: http://xwiki.markmail.org/thread/4kll2wiqj3fdlirp
		15	{{/info}}
		16
		17	(% class="left column40 dashboardleft" %)
		18	(((
		19	=== Implementation ===
		20
		21	* [[Guided Tour JS Libraries>>Improvements.GuideJS]]
		22
		23	=== Problem ===
		24
		25	* Current Homepage roles:
		26	Presentational** - needs to be customizable (Dashboard app)
		27	Navigational** - all pages redirect to homepage, spaces macro (Navigation app)
		28	Informational** - shows activity of the wiki (Activity Stream)
		29	Learning** - exploration, documentation, learning experience (Help Center)
		30
		31	=== Solution ===
		32
		33	* Separate multiple roles of the current homepage into different applications in order to have a clear separation
		34	* Homepage
		35	** used by both beginners and advanced users
		36	** customizable
		37	** will contain company/organization relevant content
		38	** redirect on logo click
		39	* Help Center
		40	** used by beginners or users that have problems
		41	** redirect on register action
		42	** not customizable, but dynamic depending on the user role
		43	** will contain xwiki/applications relevant content
		44	)))
		45
		46	(% class="dashboardright right column60" %)
		47	(((
		48	=== Proposal ===
		49
		50	{{toc start="4"/}}
		51
		52	==== Overview ====
		53
		54	===== Current Homepage =====
		55
		56	(% class="left column45 dashboardleft" style="margin-right: 5%;" %)
		57	(((
		58	[[[[image:current.png\|\|style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:current.png]]
		59	)))
		60
		61	(% class="left column45 dashboardright" %)
		62	(((
		63	Extend/Remove the 'Welcome to your wiki' functionality to a separate application: Help Center
		64	)))
		65
		66
		67	(% class="clearfloats" %)
		68	(((
		69
		70	)))
		71
		72	(% class="left column45 dashboardleft" style="margin-right: 5%;" %)
		73	(((
		74	===== User Proposal =====
		75
		76	[[[[image:userOverview.png\|\|style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:userOverview.png]]
		77	)))
		78
		79	(% class="left column45 dashboardright" %)
		80	(((
		81	===== Admin Proposal =====
		82
		83	[[[[image:adminOverview.png\|\|style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:adminOverview.png]]
		84	)))
		85
		86	(% class="clearfloats" %)
		87	(((
		88
		89	)))
		90
		91	==== Navigation ====
		92
		93	(% class="left column45 dashboardleft" style="margin-right: 5%;" %)
		94	(((
		95	[[[[image:wikiMenu.png\|\|style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:wikiMenu.png]]
		96
		97	[[[[image:spaceMenu.png\|\|style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:spaceMenu.png]]
		98	)))
		99
		100	(% class="left column45 dashboardright" %)
		101	(((
		102	[[[[image:pageMenu.png\|\|style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:pageMenu.png]]
		103
		104	[[[[image:profileMenu.png\|\|style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:profileMenu.png]]
		105	)))
		106
		107	(% class="clearfloats" %)
		108	(((
		109
		110	)))
		111
		112	==== AppBar ====
		113
		114	(% class="left column45 dashboardleft" style="margin-right: 5%;" %)
		115	(((
		116	===== User =====
		117
		118	[[[[image:userAppBar.png\|\|style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:userAppBar.png]]
		119	)))
		120
		121	(% class="left column45 dashboardright" %)
		122	(((
		123	===== Admin =====
		124
		125	[[[[image:adminAppBar.png\|\|style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:adminAppBar.png]]
		126	)))
		127
		128	(% class="clearfloats" %)
		129	(((
		130
		131	)))
		132
		133	===== More Applications =====
		134
		135	====== Overview ======
		136
		137	[[[[image:moreOverview.png\|\|style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:moreOverview.png]]
		138
		139	====== Details ======
		140
		141	[[[[image:moreAppBar.png\|\|style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:moreAppBar.png]]
		142
		143	==== Content ====
		144
		145	===== Pages - Getting Started =====
		146
		147	[[[[image:userGettingStarted.png\|\|style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:userGettingStarted.png]]
		148
		149	===== Applications - Documentation =====
		150
		151	(% class="left column45 dashboardleft" style="margin-right: 5%;" %)
		152	(((
		153	====== User ======
		154
		155	[[[[image:userAppDocumentation.png\|\|style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:userAppDocumentation.png]]
		156	)))
		157
		158	(% class="left column45 dashboardright" %)
		159	(((
		160	====== Admin ======
		161
		162	[[[[image:adminAppDocumentation.png\|\|style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:adminAppDocumentation.png]]
		163	)))
		164
		165	(% class="clearfloats" %)
		166	(((
		167
		168	)))
		169
		170	==== Panels ====
		171
		172	===== Overview =====
		173
		174	(% class="left column45 dashboardleft" style="margin-right: 5%;" %)
		175	(((
		176	====== User ======
		177
		178	[[[[image:userPanels.png\|\|style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:userPanels.png]]
		179	)))
		180
		181	(% class="left column45 dashboardright" %)
		182	(((
		183	====== Admin ======
		184
		185	[[[[image:adminPanels.png\|\|style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:adminPanels.png]]
		186	)))
		187
		188	(% class="clearfloats" %)
		189	(((
		190
		191	)))
		192
		193	===== Quick Tour =====
		194
		195	====== Tour Off ======
		196
		197	[[[[image:userOverview.png\|\|style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:userOverview.png]]
		198
		199	====== Tour On ======
		200
		201	[[[[image:tourStep1.png\|\|style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:tourStep1.png]]
		202	)))
		203
		204	(% class="clearfloats" %)
		205	(((
		206
		207	)))
		208
		209	=== Responsive Layout ===
		210
		211	==== Phone Layout ====
		212
		213	(% class="dashboardright left column50" %)
		214	(((
		215	(% class="viewport phone-portrait" %)
		216	(((
		217	[[image:helpPhonePortrait.png]]
		218	)))
		219	)))
		220
		221	(% class="dashboardright right column50" %)
		222	(((
		223	(% class="viewport phone-landscape" %)
		224	(((
		225	[[image:helpPhoneLandscape.png]]
		226	)))
		227	)))
		228
		229	(% class="clearfloats" %)
		230	(((
		231
		232	)))
		233
		234	==== Tablet Layout ====
		235
		236	(% class="viewport tablet-portrait" %)
		237	(((
		238	[[image:helpTabletPortrait.png]]
		239	)))
		240
		241	(% class="clearfloats" %)
		242	(((
		243
		244	)))
		245
		246	(% class="viewport tablet-landscape" %)
		247	(((
		248	[[image:helpTabletLandscape.png]]
		249	)))
		250
		251
		252	(% class="clearfloats" %)
		253	(((
		254
		255	)))
		256
		257	==== Desktop Layout ====
		258
		259	(% class="viewport desktop-landscape" %)
		260	(((
		261	[[image:helpDesktopLandscape.png]]
		262	)))
		263
		264	(% class="clearfloats" %)
		265	(((
		266
		267	)))