Last modified by Ecaterina Moraru on 2013/11/13 12:50
From version 1.2
edited by Ecaterina Valica
on 2012/11/06 14:22
Change comment: There is no comment for this version
To version 2.1
edited by Ecaterina Valica
on 2012/11/08 15:36
Change comment: Upload new image administrationDesktopDetails.png

Summary

Details

Page properties
Content
... ... @@ -6,84 +6,145 @@
6 6  == Community Feedback ==
7 7  
8 8  {{info}}
9 -[Vote] Creation of a design wiki and it's purpose http://xwiki.markmail.org/thread/fyiut3ohl74f7ibs
9 +[Proposal]
10 10  {{/info}}
11 11  
12 -(% class="left column40 dashboardleft" style="width: 27%" %)
12 +(% class="left column50 dashboardleft" style="width: 48%; min-width: 640px; margin-right: 2%;" %)
13 13  (((
14 14  
15 15  === Objective ===
16 -XWiki should provide a way for content writers to collaborate more efficient and the process to be more rewarding for each contributor. All their contributions should be summarized by the tool, and XWiki should highlight each individual's strengths and nurture them.
17 17  
18 -With a quick glance you should be able to see which user has added the most attachments, who has written the most lines of content, which of them brought the most meaningful content, etc. By rewarding participation, the contributors will feel appreciated and will want to contribute more.
17 +This proposal is focused on presenting ideas for a new XWiki skin.
18 +The skin is focused on the usage of applications and also proposes some changes on menu structure, panels listing per application, some applications are restyled or improved; all these changes being done on a responsive layout (based on [[Bootstrap>>http://twitter.github.com/bootstrap/]]).
19 19  
20 -=== Problem ===
20 +)))
21 21  
22 -From the page history you can't extract any knowledge of the magnitude of the contribution. Each edit (content, attachments, comments, etc.) is equally represented as a change.
22 +(% class="dashboardright left column50 " style="width:49%" %)
23 +(((
23 23  
24 -XWiki should be able to extract, summarize and display relevant information related to users contributions and make this information available for the others that are not part of the project.
25 +=== Proposal ===
25 25  
26 -=== Needs ===
27 -//**N1**//: Being able to see how many people have worked on the document
27 +{{toc start='4'/}}
28 28  
29 -//**N2**//: Being able to see how the content has change over time
30 30  
31 -//**N3**//: Knowing how much content each of the members has added
30 +)))
32 32  
33 -//**N4**//: Have separate statistics for content, for attachments, for comments, etc.
32 +(%class='clearfloats'%)((()))
34 34  
35 -//**N5**//: Being able to blame someone for a certain phrase written in the documentation
34 +(% class="left column50 dashboardleft" style="width: 48%; min-width: 640px; margin-right: 2%;" %)
35 +(((
36 36  
37 -//**N6**//: Being able to know if someone else is writing in the same time
37 +(% class=""%)
38 +(((
38 38  
39 -//**N7_**//: Have a ranking mechanism of the content
40 +==== Annotations Overview ====
40 40  
41 -//**N8_**//: Make the process more fun
42 +{{gallery}}
43 +image:loginDesktopSnapshotAnnotations.png
44 +image:loginDesktopDetails.png
45 +image:homepageDesktopSnapshot.png
46 +image:homepageDesktopSnapshotAnnotationsOverview.png
47 +image:homepageDesktopSnapshotAnnotationsMenu1.png
48 +image:homepageDesktopSnapshotAnnotationsMenu2.png
49 +image:homepageDesktopSnapshotAnnotationsMenu3.png
50 +image:homepageDesktopSnapshotAnnotationsMenu4.png
51 +image:homepageDesktopSnapshotAnnotationsMenu5.png
52 +image:homepageDesktopSnapshotAnnotationsMenu6.png
53 +image:homepageDesktopSnapshotAnnotationsMenu7.png
54 +image:profileDesktopSnapshot.png
55 +image:profileDesktopSnapshotAnnotations.png
56 +image:profileDesktopSnapshotAnnotationsPanels.png
57 +image:profileDesktopSnapshotAnnotationsPanels1.png
58 +image:profileDesktopSnapshotAnnotationsPanels2.png
59 +image:profileDesktopSnapshotAnnotationsAppBar.png
60 +image:administrationDesktopSnapshot.png
61 +image:administrationDesktopSnapshotAnnotations.png
62 +image:appWithinMinutesDesktopSnapshot.png
63 +image:appWithinMinutesDesktopSnapshotAnnotations.png
64 +image:userDirectoryDesktopSnapshot.png
65 +image:userDirectoryDesktopSnapshotAnnotations.png
66 +image:documentIndexDesktopSnapshot.png
67 +image:documentIndexDesktopSnapshotAnnotations.png
68 +image:dashboardDesktopSnapshot.png
69 +image:dashboardDesktopSnapshotAnnotations.png
70 +image:dashboardDesktopSnapshotAnnotationsStandard.png
71 +image:blogDesktopSnapshot.png
72 +image:blogDesktopSnapshotAnnotations.png
73 +image:helpDesktopSnapshot.png
74 +image:helpDesktopSnapshotAnnotations.png
75 +image:pageExample2DesktopSnapshot.png
76 +image:pageExample3DesktopSnapshotComments.png
77 +image:pageExample3DesktopSnapshotCommentsAnnotations.png
78 +image:pageExample3DesktopSnapshotAttachments.png
79 +image:pageExample3DesktopSnapshotAttachmentsAnnotations.png
80 +image:pageExample1DesktopSnapshot.png
81 +image:editDesktopSnapshot.png
82 +image:editDesktopSnapshotAnnotations.png
83 +image:commentsDesktopSnapshot.png
84 +image:attachmentsDesktopSnapshot.png
85 +image:historyDesktopSnapshot.png
86 +image:Skin4xMenus@menusDetails.png
87 +image:Skin4xMenus@menusSnapshotActivators.png
88 +image:Skin4xMenus@menusAppBarAnnotations.png
89 +image:Skin4xMenus@menusMenuAnnotations.png
90 +image:Skin4xMenus@dashboardPhoneLandscapeMenu.png
91 +image:Skin4xMenus@dashboardPhonePortraitMenu.png
92 +{{/gallery}}
42 42  
43 -//**N9_**//: Have a reputation mechanism (or achievements) for the contributors
94 +(%class='clearfloats'%)((()))
95 +)))
44 44  
97 +(% class=""%)
98 +(((
45 45  
46 -=== Use Cases ===
100 +==== Simple Overview ====
47 47  
48 -//UC1//: **Concurrent Editing**
49 -Allow multiple users to edit a page at the same time with local versions and propose to merge any eventual conflicts after pressing save
102 +{{gallery}}
103 +image:loginDesktopDetails.png
104 +image:homepageDesktopSnapshot.png
105 +image:profileDesktopSnapshot.png
106 +image:administrationDesktopSnapshot.png
107 +image:appWithinMinutesDesktopSnapshot.png
108 +image:userDirectoryDesktopSnapshot.png
109 +image:documentIndexDesktopSnapshot.png
110 +image:dashboardDesktopSnapshot.png
111 +image:blogDesktopSnapshot.png
112 +image:helpDesktopSnapshot.png
113 +image:pageExample1DesktopSnapshot.png
114 +image:editDesktopSnapshot.png
115 +image:commentsDesktopSnapshot.png
116 +image:attachmentsDesktopSnapshot.png
117 +image:historyDesktopSnapshot.png
118 +image:Skin4xMenus@dashboardPhoneLandscapeMenu.png
119 +image:Skin4xMenus@dashboardPhonePortraitMenu.png
120 +{{/gallery}}
50 50  
51 -//UC2//: **Viewing History Versions**
52 -When viewing the page history, be able to distinguish also the magnitude of the contribution brought by the version
122 +(%class='clearfloats'%)((()))
123 +)))
53 53  
54 -//UC3//: **Viewing History Statistics**
55 -Be able to quickly scan how the content changed over time, how much content each contributor invested and each contributor's role (editor, commentator, attacher)
56 -
57 -//UC4//: **Viewing History Content Overview**
58 -Be able to blame someone for a certain portion of the content and also visually scan the contribution magnitude of each contributor
59 -
60 -{{jiraIssues}}
61 -
62 -{{/jiraIssues}}
63 -
64 64  )))
65 65  
66 -(% class="dashboardright right column60 " style="width: 70%" %)
127 +(% class="dashboardright left column50 " style="width:49%" %)
67 67  (((
68 -=== Proposal ===
69 69  
70 -{{toc start='4'/}}
130 +==== Components ====
71 71  
72 -==== Overview ====
73 -
74 74  (% class="left column33 dashboardleft" style="margin-right: 2%; width: 29%;" %)
75 75  (((
76 -[[[[image:snapshot1.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:snapshot1.png]]
134 +[[Login>>Skin4xLogin]]
135 +[[[[image:loginDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xLogin]]
77 77  )))
78 78  
79 79  (% class="left column33 dashboardright" style="margin-right: 2%; width: 29%;" %)
80 80  (((
81 -[[[[image:snapshot2.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:details2.png]]
140 +[[Homepage>>Skin4xHomepage]]
141 +[[[[image:homepageDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xHomepage]]
82 82  )))
83 83  
84 84  (% class="left column33 dashboardright" style="width: 29%;"%)
85 85  (((
86 -[[[[image:snapshot3.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:details3.png]]
146 +[[Profile>>Skin4xProfile]]
147 +[[[[image:profileDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xProfile]]
87 87  )))
88 88  
89 89  (%class='clearfloats'%)((()))
... ... @@ -90,79 +90,88 @@
90 90  
91 91  (% class="left column33 dashboardleft" style="margin-right: 2%; width: 29%;" %)
92 92  (((
93 -[[[[image:snapshot4.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:details4.png]]
154 +[[Administration>>Skin4xAdministration]]
155 +[[[[image:administrationDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xAdministration]]
94 94  )))
95 95  
96 96  (% class="left column33 dashboardright" style="margin-right: 2%; width: 29%;" %)
97 97  (((
98 -[[[[image:snapshot5.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:details5.png]]
160 +[[AppWithinMinutes>>Skin4xAppWithinMinutes]]
161 +[[[[image:appWithinMinutesDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xAppWithinMinutes]]
99 99  )))
100 100  
101 -(%class='clearfloats'%)((()))
102 -
103 -(% class=""%)
164 +(% class="left column33 dashboardright" style="width: 29%;"%)
104 104  (((
166 +[[User Directory>>Skin4xUserDirectory]]
167 +[[[[image:userDirectoryDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xUserDirectory]]
168 +)))
105 105  
106 -==== //Use Case 1//: Concurrent Editing ====
107 -
108 -* Allow multiple users to edit a page at the same time with local versions and propose to merge any eventual conflicts after pressing save
109 -
110 -{{gallery}}
111 -image:uc1s1.png
112 -image:uc1s2.png
113 -image:uc1s3.png
114 -image:uc1s4.png
115 -image:uc1s5.png
116 -image:uc1s6.png
117 -image:uc1s7.png
118 -{{/gallery}}
119 -
120 120  (%class='clearfloats'%)((()))
121 121  
122 -==== //Use Case 2//: Viewing History Versions ====
172 +(% class="left column33 dashboardleft" style="margin-right: 2%; width: 29%;" %)
173 +(((
174 +[[Document Index>>Skin4xDocumentIndex]]
175 +[[[[image:documentIndexDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xDocumentIndex]]
176 +)))
123 123  
124 -* When viewing the page history, be able to distinguish also the magnitude of the contribution brought by the version
178 +(% class="left column33 dashboardright" style="margin-right: 2%; width: 29%;" %)
179 +(((
180 +[[Dashboard>>Skin4xDashboard]]
181 +[[[[image:dashboardDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xDashboard]]
182 +)))
125 125  
126 -{{gallery}}
127 -image:uc1s1.png
128 -image:uc2s1.png
129 -image:uc2s2.png
130 -image:uc2s3.png
131 -image:uc2s4.png
132 -{{/gallery}}
184 +(% class="left column33 dashboardright" style="width: 29%;"%)
185 +(((
186 +[[Blog>>Skin4xBlog]]
187 +[[[[image:blogDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xBlog]]
188 +)))
133 133  
134 134  (%class='clearfloats'%)((()))
135 135  
136 -==== //Use Case 3//: Viewing History Statistics ====
192 +(% class="left column33 dashboardleft" style="margin-right: 2%; width: 29%;" %)
193 +(((
194 +[[Help Center>>HelpCenter]] ([[v2>>attach:helpDesktopDetails.png]])
195 +[[[[image:helpDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>HelpCenter]]
196 +)))
137 137  
138 -* Be able to quickly scan how the content changed over time, how much content each contributor invested and each contributor's role (editor, commentator, attacher)
198 +(% class="left column33 dashboardright" style="margin-right: 2%; width: 29%;" %)
199 +(((
200 +[[Page View>>Skin4xPageView]]
201 +[[[[image:pageExample1DesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xPageView]]
202 +)))
139 139  
140 -{{gallery}}
141 -image:uc1s1.png
142 -image:uc2s1.png
143 -image:uc3s1.png
144 -image:uc3s2.png
145 -{{/gallery}}
204 +(% class="left column33 dashboardleft" style="width: 29%;" %)
205 +(((
206 +[[Page Edit>>CollaborativeEditing]] ([[v2>>attach:editDesktopDetails.png]])
207 +[[[[image:editDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>CollaborativeEditing]]
208 +)))
146 146  
147 147  (%class='clearfloats'%)((()))
148 148  
149 -==== //Use Case 4//: Viewing History Content Overview ====
212 +(% class="left column33 dashboardright" style="margin-right: 2%; width: 29%;" %)
213 +(((
214 +[[Page Comments>>Skin4xPageComments]]
215 +[[[[image:commentsDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xPageComments]]
216 +)))
150 150  
151 -* Be able to blame someone for a certain portion of the content and also visually scan the contribution magnitude of each contributor
218 +(% class="left column33 dashboardleft" style="margin-right: 2%; width: 29%;" %)
219 +(((
220 +[[Page Attachments>>Skin4xPageAttachments]]
221 +[[[[image:attachmentsDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xPageAttachments]]
222 +)))
152 152  
153 -{{gallery}}
154 -image:uc1s1.png
155 -image:uc2s1.png
156 -image:uc4s1.png
157 -image:uc4s2.png
158 -image:uc4s3.png
159 -image:uc4s4.png
160 -image:uc4s5.png
161 -image:uc4s6.png
162 -image:uc4s7.png
163 -image:uc4s8.png
164 -{{/gallery}}
224 +(% class="left column33 dashboardright" style="width: 29%;"%)
225 +(((
226 +[[Page History>>Skin4xPageHistory]]
227 +[[[[image:historyDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xPageHistory]]
228 +)))
165 165  
166 166  (%class='clearfloats'%)((()))
231 +
232 +(% class="left column33 dashboardright" style="margin-right: 2%; width: 29%;" %)
233 +(((
234 +[[Menus>>Skin4xMenus]]
235 +[[[[image:menusSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xMenus]]
167 167  )))
168 168  
238 +(%class='clearfloats'%)((()))
administrationDesktopDetails.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.evalica
Size
... ... @@ -1,0 +1,1 @@
1 +667.1 KB
Content