Wiki source code of Help Center

Last modified by Ecaterina Moraru (Valica) on 2017/02/09 17:27
Show last authors
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 )))

About

About

Support

Platform

User Guide

Admin Guide

Developer Guide

Projects

XWiki

Extensions

Other

Contribute

Status

Practices

Under the Hood

Get Involved

Get Connected