-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
252 lines (251 loc) · 11.8 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>FSDN Review 2021</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;600;700;800&family=Space+Grotesk:wght@700&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"
/>
<link rel="stylesheet" href="./style.css" />
<link rel="stylesheet" href="./stars.css" />
</head>
<body>
<div id="stars"></div>
<div id="stars2"></div>
<div id="stars3"></div>
<div class="title">
<h1>FSDN</h1>
<h2>Review <span class="accent">2021</span></h2>
<p><a href="#geo">Geographical Distribution</a></p>
<p><a href="#status">Solutions' Health</a></p>
<p><a href="#score">Solutions' Quality</a></p>
<p><a href="#tecstack">Technological Stacks</a></p>
</div>
<div class="review">
<div class="flex-container-two-cols">
<div>
<p class="intro">
In 2021 TEC launched a set of enabling services to support Country
Office solution development in accordance with minimum safety and
security standards.
</p>
</div>
<div>
<p class="text">
WFP's operational context is evolving and we’re seeing more demand
than ever for digital needs. We need to be more agile, responsive
and effective while being wholly committed to safeguarding our staff
and beneficiaries from cyberattacks, which are on the rise during
COVID-19. To enable this evolution, TEC is offering a set of
enabling services to support Country Office solution development in
accordance with minimum safety and security standards. The objective
is to enable better, safer solution development in WFP Country
Offices.
</p>
</div>
</div>
<h3 id="geo">Geographical Distribution</h3>
<p>
In this first year of FSDN, the Digital Transformation Unit has
supported
<strong>80</strong> applications. The bureau that got the biggest
number of reviewed applications has been <strong>Cairo</strong> with
<strong>58</strong> solutions, followed by <strong>Dakar (7)</strong>,
<strong>Bangkok (7)</strong> and <strong>Johannesbourg (4)</strong> and <strong>Panama (3)</strong>.
<strong>Nairobi</strong> closes with one solution reviewed.
</p>
<div class="flex-container-two-cols">
<div>
<div class="chartBars chartBars2">
<ul class="bars">
<li>
<div data-percentage="8" class="bar greenBarFlat trigger"></div>
<b>RBB</b>
</li>
<li>
<div data-percentage="75" class="bar orangeBarFlat trigger"></div>
<b>RBC</b>
</li>
<li>
<div data-percentage="10" class="bar blueBarFlat trigger"></div>
<b>RBD</b>
</li>
<li>
<div data-percentage="5" class="bar redBarFlat trigger"></div>
<b>RBJ</b>
</li>
<li>
<div data-percentage="1" class="bar ocraBarFlat trigger"></div>
<b>RBN</b>
</li>
<li>
<div data-percentage="1" class="bar purpleBarFlat trigger"></div>
<b>RBP</b>
</li>
</ul>
</div>
</div>
<div>
<div class="chartBarsWrap chartBarsHorizontal">
<div class="chartBars">
<ul class="bars">
<li>
<div data-percentage="30" class="bar orangeBarFlat"></div>
<b>Syria</b>
</li>
<li>
<div data-percentage="15" class="bar orangeBarFlat"></div>
<b>Yemen</b>
</li>
<li>
<div data-percentage="14" class="bar orangeBarFlat"></div>
<b>Jordan</b>
</li>
<li>
<div data-percentage="10" class="bar orangeBarFlat"></div>
<b>Lebanon</b>
</li>
<li>
<div data-percentage="4.5" class="bar orangeBarFlat"></div>
<b>Egypt</b>
</li>
<li>
<div data-percentage="4.5" class="bar blueBarFlat"></div>
<b>Guinea</b>
</li>
<li>
<div data-percentage="3" class="bar greenBarFlat"></div>
<b>Banglad.</b>
</li>
<li>
<div data-percentage="3" class="bar greenBarFlat"></div>
<b>Fiji</b>
</li>
<li>
<div data-percentage="3" class="bar redBarFlat"></div>
<b>Mozamb.</b>
</li>
<li>
<div data-percentage="1" class="bar purpleBarFlat"></div>
<b>Panama</b>
</li>
</ul>
</div>
</div>
</div>
</div>
<p>
In 2021 the number of countries that have reach out the FSDN team is <strong>49</strong> of which <strong>21</strong> countries with existing applications to be reviewed. The number of focal points behind these applications is <strong>33</strong>. Reflecting the data by region, the countries with most applications reviewed have been <strong>Syria (22)</strong>,
<strong>Yemen (11)</strong>, <strong>Jordan (10)</strong> and <strong>Lebanon (7)</strong>.
</p>
<h3 id="status">Solutions' health: status analysis</h3>
<p>
Once a solution is reaching our team, it got a status that is going to be used to updated the progress of the analysis or of the support of the application during the FSDN journey.
So the application can be in a <strong>under review</strong> status (<strong>27</strong>), or be ready for the Architectural Board review (none), or ready to go on <strong>production</strong> (<strong>3</strong>) or in production (<strong>3</strong>).
An application then can be also <strong>discountinued</strong> (<strong>2</strong>) or <strongcancelled></strong> (<strong>4</strong>) because a corporate solution is now available.
</p>
<div class="box-piesite">
<ul>
<li class="design">
<div class="piesite" id="pie_0" data-pie="36"></div>Under review
</li>
<li class="usability">
<div class="piesite" id="pie_2" data-pie="50"></div>Waiting for CO
</li>
<li class="creativity">
<div class="piesite" id="pie_1" data-pie="8"></div>In production
</li>
</ul>
</div>
<p>
By the way, the most critical status is when an application got a first analysis and a follow up is needed,but <strong>no one is reacting</strong> (<strong>37</strong>): this is a situation that needs to be
sanitize with a better support of the management.
</p>
<h3 id="score">Solutions' quality: score analysis</h3>
<p>
In order to be able to put applications in a global context, we have introduced a score. Based on the different aspects, from documentation, to security, to hosting, to adeherence to WFP standards, the score trying
to provide a good sense of what the quality of an application is, how far is the application to be acceptable and to do not be a threath for the organization.
In this sense the score has to reach at least 60 points over 100 available.
</p>
<div class="flex-container-two-cols">
<div>
<div class="chartBars chartBars2">
<ul class="bars">
<li>
<div data-percentage="80" class="bar redBarFlat trigger"></div>
<b>Below 39</b>
</li>
<li>
<div data-percentage="11" class="bar orangeBarFlat trigger"></div>
<b>40 - 59</b>
</li>
<li>
<div data-percentage="10" class="bar greenBarFlat trigger"></div>
<b>Above 60</b>
</li>
</ul>
</div>
</div>
<div>
<br/>
<p>In this sense the score has to reach at least 60 points over 100 available.
At the moment the number of applications that are <strong>over 60</strong> is <strong>7</strong>. The applications <strong>between 40 and 59</strong> are <strong>9</strong>, while the applications <strong>below 39</strong> are <strong>61</strong>.
</p>
<p>The <strong>average score</strong> for the 80 applications is <strong>32</strong>. In <strong>RBB</strong> is <strong>22</strong> (for 7 applications), in <strong>RBC</strong> is <strong>24</strong> (for 58 applications), in <strong>RBD</strong> is <strong>38</strong> (for 7 applications) and in <strong>RBJ</strong> is <strong>68</strong> (for 4 applications).
RBN and RBP have only one application each.</p>
</div>
</div>
<h3 id="tecstack">Solutions' Technological Stacks</h3>
<p>
Mainly driven by RBC, the most common framework is <strong>.NET</strong> with <strong>31</strong>
applications, thanks to
<strong>Syria</strong> that has <strong>23</strong> projects in .NET. Following is <strong>PHP</strong>
with <strong>23</strong> applications of which <strong>13</strong> without a framework. About the front end, the decoupling is
not a popular practice, and this is reflected on a very few applications that use front end frameworks (<strong>6</strong>) with a
prominence of <string>ReactJS</string> with <strong>5</strong> applications.
</p>
<div class="chartBars chartBars2 chartBars2-1">
<ul class="bars">
<li>
<div data-percentage="42" class="bar greenBarFlat trigger"></div>
<b>.NET</b>
</li>
<li>
<div data-percentage="31" class="bar orangeBarFlat trigger"></div>
<b>PHP</b>
</li>
<li>
<div data-percentage="7" class="bar redBarFlat trigger"></div>
<b>Python</b>
</li>
<li>
<div data-percentage="7" class="bar ocraBarFlat trigger"></div>
<b>ReactJS</b>
</li>
<li>
<div data-percentage="13" class="bar purpleBarFlat trigger"></div>
<b>Other</b>
</li>
</ul>
</div>
<br/>
<p>
About database engines, <strong>SQL Server</strong> is leading with <strong>29</strong> applications, followed by <strong>MySQL</strong> (<strong>21</strong>).
<br/>
An interesting datum is the one about mobile development: over a total of <strong>6 mobile applications</strong>,
we have <strong>5 different mobile frameworks</strong> and only 2 applications are using a supported technology.
</p>
<div style="height: 200px"></div>
</div>
<!-- partial -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="./script.js"></script>
</body>
</html>