Last modified by Ecaterina Moraru on 2013/11/13 12:50
From version 1.4
edited by Ecaterina Valica
on 2012/11/06 14:24
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
... ... @@ -9,42 +9,142 @@
9 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 -=== Related proposals ===
20 +)))
21 21  
22 +(% class="dashboardright left column50 " style="width:49%" %)
23 +(((
22 22  
25 +=== Proposal ===
23 23  
27 +{{toc start='4'/}}
24 24  
29 +
25 25  )))
26 26  
27 -(% class="dashboardright right column60 " style="width: 70%" %)
32 +(%class='clearfloats'%)((()))
33 +
34 +(% class="left column50 dashboardleft" style="width: 48%; min-width: 640px; margin-right: 2%;" %)
28 28  (((
29 -=== Proposal ===
30 30  
31 -{{toc start='4'/}}
37 +(% class=""%)
38 +(((
32 32  
33 -==== Overview ====
40 +==== Annotations Overview ====
34 34  
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}}
93 +
94 +(%class='clearfloats'%)((()))
95 +)))
96 +
97 +(% class=""%)
98 +(((
99 +
100 +==== Simple Overview ====
101 +
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}}
121 +
122 +(%class='clearfloats'%)((()))
123 +)))
124 +
125 +)))
126 +
127 +(% class="dashboardright left column50 " style="width:49%" %)
128 +(((
129 +
130 +==== Components ====
131 +
35 35  (% class="left column33 dashboardleft" style="margin-right: 2%; width: 29%;" %)
36 36  (((
37 -[[[[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]]
38 38  )))
39 39  
40 40  (% class="left column33 dashboardright" style="margin-right: 2%; width: 29%;" %)
41 41  (((
42 -[[[[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]]
43 43  )))
44 44  
45 45  (% class="left column33 dashboardright" style="width: 29%;"%)
46 46  (((
47 -[[[[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]]
48 48  )))
49 49  
50 50  (%class='clearfloats'%)((()))
... ... @@ -51,27 +51,88 @@
51 51  
52 52  (% class="left column33 dashboardleft" style="margin-right: 2%; width: 29%;" %)
53 53  (((
54 -[[[[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]]
55 55  )))
56 56  
57 57  (% class="left column33 dashboardright" style="margin-right: 2%; width: 29%;" %)
58 58  (((
59 -[[[[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]]
60 60  )))
61 61  
164 +(% class="left column33 dashboardright" style="width: 29%;"%)
165 +(((
166 +[[User Directory>>Skin4xUserDirectory]]
167 +[[[[image:userDirectoryDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xUserDirectory]]
168 +)))
169 +
62 62  (%class='clearfloats'%)((()))
63 63  
64 -(% class=""%)
172 +(% class="left column33 dashboardleft" style="margin-right: 2%; width: 29%;" %)
65 65  (((
174 +[[Document Index>>Skin4xDocumentIndex]]
175 +[[[[image:documentIndexDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xDocumentIndex]]
176 +)))
66 66  
67 -==== //Use Case//: Case ====
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 +)))
68 68  
69 -* Case
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 +)))
70 70  
71 -{{gallery}}
72 -image:uc1s1.png
73 -{{/gallery}}
190 +(%class='clearfloats'%)((()))
74 74  
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 +)))
197 +
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 +)))
203 +
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 +)))
209 +
75 75  (%class='clearfloats'%)((()))
211 +
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]]
76 76  )))
77 77  
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 +)))
223 +
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 +)))
229 +
230 +(%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]]
236 +)))
237 +
238 +(%class='clearfloats'%)((()))
administrationDesktopDetails.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.evalica
Size
... ... @@ -1,0 +1,1 @@
1 +667.1 KB
Content