Skip to Content

Wiki source code of Mobile App Proposal

Last modified by Vincent Massol on 2024/11/19 16:12
Show last authors
1 {{velocity}}
2 $xwiki.ssx.use("Improvements.WebHome")
3 $xwiki.ssx.use("Standards.WebHome")
4 {{/velocity}}
5
6 == Community Feedback ==
7
8 {{info}}
9 [xwiki-devs] [UX][Proposal] XWiki Mobile App http://xwiki.markmail.org/thread/xcq52z32f7w245nj
10 [xwiki-devs] Mobile Skin for XWiki Enterprise http://xwiki.markmail.org/thread/6htdngsp2y33d73x
11 [xwiki-devs] Simple Mobile Skin http://xwiki.markmail.org/thread/ng3rg3cn7vctzzue
12 [Extension] Simple Mobile Skin http://extensions.xwiki.org/xwiki/bin/view/Extension/SimpleMobileSkin
13 [Previous][Proposal] Mobile Skin http://incubator.myxwiki.org/xwiki/bin/view/Improvements/MobileSkin
14 {{/info}}
15
16 (% class="left column50 dashboardleft" style="width: 48%; min-width: 640px; margin-right: 2%;" %)
17 (((
18 === Objective ===
19
20 This proposal is focused on presenting ideas for a new XWiki Mobile Application.
21 The objective is to try to stay in the limits of what the application and the [[jQuery Mobile>>http://jquerymobile.com/]] framework can currently do, so the UI needs to be acceptable and valuable to user without needing a lot of work.
22
23 === Implementation ===
24
25 [[V2 Visual Improvements>>Improvements.MobileAppV2Improvements]]
26 )))
27
28 (% class="dashboardright left column50" style="width:49%" %)
29 (((
30 === 3rd party plugins ===
31
32 * [[Slide Menu>>http://www.tegdesign.com/tegansnyder-JQuery-Mobile-Slide-Menu/]] by Tegan Snyder
33 * [[Font Awesome>>http://fortawesome.github.com/Font-Awesome/]] by Dave Gandy
34 * [[jQuery Mobile Icon Pack>>http://andymatthews.net/read/2012/02/28/jQuery-Mobile-Icon-Pack-Extra-icons-for-your-jQuery-Mobile-project!]] by Andy Matthews
35 * [[Bartender>>http://www.stokkers.mobi/valuables/bartender.html]] by Sven Franck
36 )))
37
38 (% class="clearfloats" %)
39 (((
40
41 )))
42
43 (% class="left column50 dashboardleft" style="width: 48%; min-width: 640px; margin-right: 2%;" %)
44 (((
45 === Use Cases ===
46
47 {{toc start="4"/}}
48
49 (((
50 ==== Use Case 1: Browsing to a specific page ====
51
52 Location: Intranet -> Products -> XE -> XWiki Mobile Application Features
53
54 {{gallery}}
55 image:home1.png
56 image:home1_2.png
57 image:home2.png
58 image:home2_2.png
59 image:intranet1.png
60 image:intranet1_2.png
61 image:intranet2.png
62 image:intranet2_2.png
63 image:products1.png
64 image:products1_2.png
65 image:products2.png
66 image:products2_2.png
67 image:spaces1.png
68 image:spaces1_2.png
69 image:spaces2.png
70 image:spaces2_2.png
71 image:space1.png
72 image:space1_2.png
73 image:page1.png
74 {{/gallery}}
75
76 (% class="clearfloats" %)
77 (((
78
79 )))
80 )))
81
82 (((
83 ==== Use Case 2: Wiki Functionality ====
84
85 Features: Recent Changes, Applications, Spaces, Users, etc.
86
87 {{gallery}}
88 image:products1_2.png
89 image:products2.png
90 image:products1.png
91 image:products_recent.png
92 image:recent.png
93 image:products_applications.png
94 image:applications.png
95 image:products_spaces.png
96 image:spaces1.png
97 image:products_users.png
98 image:users.png
99 {{/gallery}}
100
101 (% class="clearfloats" %)
102 (((
103
104 )))
105 )))
106
107 (((
108 ==== Use Case 3: Actions + Breadcrumbs + Menu ====
109
110 {{gallery}}
111 image:page1.png
112 image:page1_annotated.png
113 image:breadcrumb_activation.png
114 image:products1.png
115 image:products_recent.png
116 image:recent.png
117 image:menu_activation.png
118 image:menuDetails.png
119 image:menuDetails2.png
120 image:menu_scrolled.png
121 image:menu_hovered.png
122 image:users.png
123 {{/gallery}}
124
125 (% class="clearfloats" %)
126 (((
127
128 )))
129 )))
130
131 (((
132 ==== Use Case 4: Application Settings ====
133
134 {{gallery}}
135 image:home1_2.png
136 image:home2.png
137 image:home2_3.png
138 image:settings2_1.png
139 image:settings_off.png
140 image:settings_off_2.png
141 image:settings_on.png
142 {{/gallery}}
143
144 (% class="clearfloats" %)
145 (((
146
147 )))
148 )))
149 )))
150
151 (% class="dashboardright left column50" style="width:49%" %)
152 (((
153 === Components ===
154
155 (% class="left column33 dashboardleft" style="margin-right: 2%; width: 29%;" %)
156 (((
157 Home
158 [[[[image:homeSnapshot.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:homeDetails.png]]
159 )))
160
161 (% class="left column33 dashboardright" style="margin-right: 2%; width: 29%;" %)
162 (((
163 Intranet Cloud
164 [[[[image:intranetSnapshot.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:intranetDetails.png]]
165 )))
166
167 (% class="left column33 dashboardright" style="width: 29%;" %)
168 (((
169 Products Wiki
170 [[[[image:productsSnapshot.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:productsDetails.png]]
171 )))
172
173 (% class="clearfloats" %)
174 (((
175
176 )))
177
178 (% class="left column33 dashboardleft" style="margin-right: 2%; width: 29%;" %)
179 (((
180 Products Spaces
181 [[[[image:spacesSnapshot.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:spacesDetails.png]]
182 )))
183
184 (% class="left column33 dashboardright" style="margin-right: 2%; width: 29%;" %)
185 (((
186 XE Space
187 [[[[image:spaceSnapshot.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:spaceDetails.png]]
188 )))
189
190 (% class="left column33 dashboardright" style="width: 29%;" %)
191 (((
192 Features Page
193 [[[[image:pageSnapshot.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:pageDetails.png]]
194 )))
195
196 (% class="clearfloats" %)
197 (((
198
199 )))
200
201 (% class="left column33 dashboardleft" style="margin-right: 2%; width: 29%;" %)
202 (((
203 Wiki Recent Changes
204 [[[[image:recentSnapshot.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:recentDetails.png]]
205 )))
206
207 (% class="left column33 dashboardright" style="margin-right: 2%; width: 29%;" %)
208 (((
209 Wiki Applications
210 [[[[image:applicationsSnapshot.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:applicationsDetails.png]]
211 )))
212
213 (% class="left column33 dashboardright" style="width: 29%;" %)
214 (((
215 Wiki Users
216 [[[[image:usersSnapshot.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:usersDetails.png]]
217 )))
218
219 (% class="clearfloats" %)
220 (((
221
222 )))
223
224 (% class="left column33 dashboardleft" style="margin-right: 2%; width: 29%;" %)
225 (((
226 Action Menu
227 [[[[image:menuSnapshot.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:menuDetails3.png]]
228 )))
229
230 (% class="left column33 dashboardright" style="margin-right: 2%; width: 29%;" %)
231 (((
232 Settings
233 [[[[image:settingsSnapshot.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:settingsDetails.png]]
234 )))
235
236 (% class="clearfloats" %)
237 (((
238
239 )))
240
241 === Iterations ===
242
243 (% class="left column33 dashboardleft" style="margin-right: 2%; width: 29%;" %)
244 (((
245 Page Iteration 2
246 [[[[image:pageDetailsI2Snapshot.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>attach:pageDetailsI2.png]]
247 )))
248
249 (% class="clearfloats" %)
250 (((
251
252 )))
253 )))
254
255 (% class="clearfloats" %)
256 (((
257
258 )))

About

About

Support

Platform

User Guide

Admin Guide

Developer Guide

Projects

XWiki

Extensions

Other

Contribute

Status

Practices

Under the Hood

Get Involved

Get Connected