aboutsummaryrefslogtreecommitdiffstats
path: root/documentation/introduction/original-drawings/architecture.svg
blob: 674cd0b95958e914f7133e1d0f6088d7900e54e1 (plain)
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
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->

<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   width="210mm"
   height="297mm"
   id="svg1901"
   sodipodi:version="0.32"
   inkscape:version="0.48.2 r9819"
   sodipodi:docname="architecture.svg"
   inkscape:output_extension="org.inkscape.output.svg.inkscape"
   inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/original-drawings/intro/architecture.png"
   inkscape:export-xdpi="300"
   inkscape:export-ydpi="300"
   version="1.1">
  <defs
     id="defs1903">
    <marker
       id="marker18095"
       orient="auto"
       markerHeight="5.7450776"
       markerWidth="4.6297302">
      <g
         id="g11064"
         transform="matrix(0.5,0,0,0.5,-185.64298,-257.19655)">
        <path
           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
           id="path11050"
           d="M 370,508.65625 C 369.13933,508.715 368.39056,509.27755 368.09375,510.09375 C 367.82399,510.83551 368.03605,511.62868 368.53125,512.21875 L 366.78125,512.21875 C 366.73884,512.21408 366.69882,512.22093 366.65625,512.21875 L 366.65625,516.59375 L 366.78125,516.59375 L 368.53125,516.59375 C 367.85229,517.45345 367.83424,518.70924 368.625,519.5 C 369.47591,520.35091 370.89909,520.35091 371.75,519.5 L 375.09375,516.125 C 375.12672,516.09552 375.15802,516.06422 375.1875,516.03125 C 375.21972,516.01191 375.25101,515.99105 375.28125,515.96875 C 375.28162,515.96839 375.49976,515.68796 375.5,515.6875 C 375.50005,515.68741 375.49338,515.64282 375.5,515.625 C 375.5011,515.62203 375.53002,515.62832 375.53125,515.625 C 375.57039,515.57293 375.58228,515.57321 375.625,515.5 C 375.76199,515.26524 375.79184,515.12809 375.78125,515.15625 C 375.81807,515.06473 375.79977,515.04374 375.8125,515 C 375.82311,514.98978 375.83353,514.97936 375.84375,514.96875 C 375.90379,514.74477 375.93181,514.45186 375.90625,514.1875 C 375.89266,513.98387 375.84739,513.88985 375.84375,513.875 C 375.84389,513.86458 375.84389,513.85417 375.84375,513.84375 C 375.86975,513.94071 375.85901,513.85978 375.75,513.59375 C 375.69753,513.46336 375.66014,513.37439 375.625,513.3125 C 375.57262,513.22275 375.49154,513.05015 375.28125,512.84375 L 371.75,509.3125 C 371.29355,508.82579 370.66491,508.60087 370,508.65625 z"
           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1" />
        <path
           sodipodi:nodetypes="cccscccsssssssscccsccc"
           id="path11035"
           d="M 366.65625,515.40625 L 371.28125,515.40625 L 369.46875,517.21875 C 369.0718,517.6157 369.0718,518.2593 369.46875,518.65625 C 369.8657,519.0532 370.5093,519.0532 370.90625,518.65625 L 374.34375,515.1875 L 374.4375,515.125 C 374.44343,515.11918 374.43171,515.09972 374.4375,515.09375 C 374.49291,515.03659 374.5526,514.97676 374.59375,514.90625 C 374.62239,514.85717 374.63663,514.80216 374.65625,514.75 C 374.66861,514.71928 374.67831,514.68783 374.6875,514.65625 C 374.71862,514.54015 374.73024,514.43132 374.71875,514.3125 C 374.71489,514.25466 374.70138,514.21285 374.6875,514.15625 C 374.6766,514.1156 374.67237,514.07059 374.65625,514.03125 C 374.63982,513.99042 374.61578,513.94505 374.59375,513.90625 C 374.5483,513.82838 374.50015,513.74899 374.4375,513.6875 L 370.90625,510.15625 C 370.69734,509.93349 370.39809,509.8184 370.09375,509.84375 C 369.69897,509.8707 369.35398,510.12813 369.21875,510.5 C 369.08351,510.87187 369.18349,511.28826 369.46875,511.5625 L 371.34375,513.40625 L 366.65625,513.40625"
           style="fill:#49c2f1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
      </g>
    </marker>
    <inkscape:perspective
       sodipodi:type="inkscape:persp3d"
       inkscape:vp_x="0 : 526.18109 : 1"
       inkscape:vp_y="0 : 1000 : 0"
       inkscape:vp_z="744.09448 : 526.18109 : 1"
       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
       id="perspective110" />
    <marker
       inkscape:stockid="TriangleOutL"
       orient="auto"
       refY="0.0"
       refX="0.0"
       id="TriangleOutL"
       style="overflow:visible">
      <path
         id="path3520"
         d="M 5.77,0.0 L -2.88,5.0 L -2.88,-5.0 L 5.77,0.0 z "
         style="fill-rule:evenodd;stroke:#000000;stroke-width:1.0pt;marker-start:none"
         transform="scale(0.8)" />
    </marker>
    <linearGradient
       id="linearGradient3503">
      <stop
         style="stop-color:#37ff40;stop-opacity:0.53608245;"
         offset="0"
         id="stop3505" />
      <stop
         style="stop-color:#ffe0e0;stop-opacity:1;"
         offset="1"
         id="stop3507" />
    </linearGradient>
    <marker
       inkscape:stockid="Arrow2Lstart"
       orient="auto"
       refY="0"
       refX="0"
       id="Arrow2Lstart"
       style="overflow:visible">
      <path
         id="path6743"
         style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round"
         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
         transform="matrix(1.1,0,0,1.1,1.1,0)" />
    </marker>
    <linearGradient
       id="linearGradient19816">
      <stop
         id="stop19818"
         offset="0"
         style="stop-color:#ffffff;stop-opacity:1;" />
      <stop
         id="stop19820"
         offset="1"
         style="stop-color:#e7e790;stop-opacity:1;" />
    </linearGradient>
    <linearGradient
       id="linearGradient11516">
      <stop
         id="stop11518"
         offset="0"
         style="stop-color:#ffffff;stop-opacity:1" />
      <stop
         id="stop11520"
         offset="1"
         style="stop-color:#a090e7;stop-opacity:1" />
    </linearGradient>
    <linearGradient
       id="linearGradient11508">
      <stop
         id="stop11510"
         offset="0"
         style="stop-color:#ffffff;stop-opacity:1;" />
      <stop
         id="stop11512"
         offset="1"
         style="stop-color:#e27979;stop-opacity:1" />
    </linearGradient>
    <linearGradient
       id="linearGradient3286">
      <stop
         style="stop-color:#ffffff;stop-opacity:1;"
         offset="0"
         id="stop3288" />
      <stop
         style="stop-color:#79e291;stop-opacity:1;"
         offset="1"
         id="stop3290" />
    </linearGradient>
    <marker
       inkscape:stockid="Arrow2Lend"
       orient="auto"
       refY="0"
       refX="0"
       id="Arrow2Lend"
       style="overflow:visible">
      <path
         id="path16811"
         style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round"
         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
         transform="matrix(-1.1,0,0,-1.1,-1.1,0)" />
    </marker>
  </defs>
  <sodipodi:namedview
     id="base"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:pageopacity="0.0"
     inkscape:pageshadow="2"
     inkscape:zoom="2.8"
     inkscape:cx="205.74747"
     inkscape:cy="939.96477"
     inkscape:document-units="px"
     inkscape:current-layer="layer1"
     gridtolerance="10000"
     inkscape:window-width="1672"
     inkscape:window-height="1019"
     inkscape:window-x="0"
     inkscape:window-y="0"
     inkscape:showpageshadow="false"
     borderlayer="false"
     showgrid="true"
     inkscape:window-maximized="0">
    <inkscape:grid
       type="xygrid"
       id="grid6362"
       visible="true"
       enabled="true"
       empspacing="5"
       snapvisiblegridlinesonly="true"
       spacingx="1px" />
  </sodipodi:namedview>
  <metadata
     id="metadata1906">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     inkscape:label="Taso 1"
     inkscape:groupmode="layer"
     id="layer1"
     style="opacity:1">
    <g
       id="g3808"
       transform="translate(21.945976,-187.75591)">
      <rect
         ry="3.7880721"
         y="235.11809"
         x="13.054024"
         height="120.00001"
         width="70"
         id="rect3810"
         style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
      <flowRoot
         xml:space="preserve"
         id="flowRoot9963-2-3-6-8-6-8"
         style="font-size:9px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:100%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
         transform="translate(131.17902,3.2330926)"><flowRegion
           id="flowRegion9965-2-7-7-1-9-9"><rect
             id="rect9967-3-5-6-4-7-1"
             width="60.012081"
             height="40.370747"
             x="-113.13708"
             y="271.51425"
             style="font-size:9px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light" /></flowRegion><flowPara
           id="flowPara11130">Client-Side</flowPara><flowPara
           id="flowPara11126">Engine</flowPara></flowRoot>      <flowRoot
         xml:space="preserve"
         id="flowRoot9963-2-8"
         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
         transform="translate(131.17902,-28.711907)"><flowRegion
           id="flowRegion9965-2-8"><rect
             id="rect9967-3-0"
             width="60.012081"
             height="52.315746"
             x="-113.13708"
             y="271.51425"
             style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
           id="flowPara9973-8-5">Web</flowPara><flowPara
           id="flowPara11184">Browser</flowPara></flowRoot>    </g>
    <g
       id="g6365"
       transform="translate(96.945976,-187.75591)">
      <rect
         ry="3.7880721"
         y="235.11809"
         x="13.054024"
         height="120"
         width="70"
         id="rect6367"
         style="fill:#d9d9cd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
      <g
         transform="matrix(0.07579619,0,0,0.07579619,12.243598,335.45189)"
         id="g5925">
        <g
           id="g5931"
           transform="matrix(29.999985,-0.03019888,0.03019888,29.999985,-11011.509,-15375.022)">
          <g
             style="fill:#ffffff;fill-opacity:1"
             transform="translate(-2.6843449e-4,0.2666665)"
             id="g5977">
            <path
               inkscape:connector-curvature="0"
               transform="matrix(0.03333332,3.3554312e-5,-3.3554312e-5,0.03333332,366.53421,512.86995)"
               style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;display:inline"
               d="M 142.5625,-6.4375 40.6875,-6.34375 C 29.868538,-6.48507 19.811533,-0.790227 14.367338,8.560208 8.9231424,17.910644 8.9351814,29.468085 14.398845,38.807157 19.862509,48.14623 29.931356,53.820109 40.75,53.65625 L 142.625,53.5625 c 10.81896,0.14132 20.87597,-5.553523 26.32016,-14.903958 5.4442,-9.350436 5.43216,-20.907877 -0.0315,-30.246949 C 163.44999,-0.92748 153.38114,-6.601359 142.5625,-6.4375 l 0,0 z"
               id="path3599" />
            <path
               inkscape:connector-curvature="0"
               style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
               d="m 366.65701,514.67289 4.625,0 -1.8125,1.8125 c -0.39695,0.39695 -0.39695,1.04055 0,1.4375 0.39695,0.39695 1.04055,0.39695 1.4375,0 l 3.4375,-3.46875 0.0937,-0.0625 c 0.006,-0.006 -0.006,-0.0253 0,-0.0312 0.0554,-0.0572 0.1151,-0.11699 0.15625,-0.1875 0.0286,-0.0491 0.0429,-0.10409 0.0625,-0.15625 0.0124,-0.0307 0.0221,-0.0622 0.0312,-0.0937 0.0311,-0.1161 0.0427,-0.22493 0.0312,-0.34375 -0.004,-0.0578 -0.0174,-0.0996 -0.0312,-0.15625 -0.0109,-0.0407 -0.0151,-0.0857 -0.0312,-0.125 -0.0164,-0.0408 -0.0405,-0.0862 -0.0625,-0.125 -0.0455,-0.0779 -0.0936,-0.15726 -0.15625,-0.21875 l -3.53125,-3.53125 c -0.20891,-0.22276 -0.50816,-0.33785 -0.8125,-0.3125 -0.39478,0.0269 -0.73977,0.28438 -0.875,0.65625 -0.13524,0.37187 -0.0353,0.78826 0.25,1.0625 l 1.875,1.84375 -4.6875,0"
               id="path5935"
               sodipodi:nodetypes="cccscccsssssssscccsccc" />
          </g>
        </g>
      </g>
      <flowRoot
         xml:space="preserve"
         id="flowRoot9963-2"
         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
         transform="translate(131.17902,-28.711912)"><flowRegion
           id="flowRegion9965-2"><rect
             id="rect9967-3"
             width="50.012081"
             height="52.315746"
             x="-113.13708"
             y="271.51425"
             style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
           id="flowPara9969-5">Java</flowPara><flowPara
           id="flowPara9971-5">Web</flowPara><flowPara
           id="flowPara9973-8">Server</flowPara></flowRoot>    </g>
    <g
       id="g6789"
       transform="translate(251.94598,-187.75591)">
      <rect
         ry="3.7880721"
         y="235.11809"
         x="13.054024"
         height="120.00001"
         width="70"
         id="rect6791"
         style="fill:#f39300;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
      <g
         transform="matrix(0.07579619,0,0,0.07579619,12.253952,335.42292)"
         id="g6803">
        <g
           id="g6805"
           transform="matrix(29.999985,-0.03019888,0.03019888,29.999985,-11011.509,-15375.022)">
          <g
             style="fill:#ffffff;fill-opacity:1"
             transform="translate(-2.6843449e-4,0.2666665)"
             id="g6807">
            <path
               inkscape:connector-curvature="0"
               transform="matrix(0.03333332,3.3554312e-5,-3.3554312e-5,0.03333332,366.53421,512.86995)"
               style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;display:inline"
               d="M 142.5625,-6.4375 40.6875,-6.34375 C 29.868538,-6.48507 19.811533,-0.790227 14.367338,8.560208 8.9231424,17.910644 8.9351814,29.468085 14.398845,38.807157 19.862509,48.14623 29.931356,53.820109 40.75,53.65625 L 142.625,53.5625 c 10.81896,0.14132 20.87597,-5.553523 26.32016,-14.903958 5.4442,-9.350436 5.43216,-20.907877 -0.0315,-30.246949 C 163.44999,-0.92748 153.38114,-6.601359 142.5625,-6.4375 l 0,0 z"
               id="path6809" />
            <path
               inkscape:connector-curvature="0"
               style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
               d="m 366.65701,514.67289 4.625,0 -1.8125,1.8125 c -0.39695,0.39695 -0.39695,1.04055 0,1.4375 0.39695,0.39695 1.04055,0.39695 1.4375,0 l 3.4375,-3.46875 0.0937,-0.0625 c 0.006,-0.006 -0.006,-0.0253 0,-0.0312 0.0554,-0.0572 0.1151,-0.11699 0.15625,-0.1875 0.0286,-0.0491 0.0429,-0.10409 0.0625,-0.15625 0.0124,-0.0307 0.0221,-0.0622 0.0312,-0.0937 0.0311,-0.1161 0.0427,-0.22493 0.0312,-0.34375 -0.004,-0.0578 -0.0174,-0.0996 -0.0312,-0.15625 -0.0109,-0.0407 -0.0151,-0.0857 -0.0312,-0.125 -0.0164,-0.0408 -0.0405,-0.0862 -0.0625,-0.125 -0.0455,-0.0779 -0.0936,-0.15726 -0.15625,-0.21875 l -3.53125,-3.53125 c -0.20891,-0.22276 -0.50816,-0.33785 -0.8125,-0.3125 -0.39478,0.0269 -0.73977,0.28438 -0.875,0.65625 -0.13524,0.37187 -0.0353,0.78826 0.25,1.0625 l 1.875,1.84375 -4.6875,0"
               id="path6811"
               sodipodi:nodetypes="cccscccsssssssscccsccc" />
          </g>
        </g>
      </g>
      <flowRoot
         xml:space="preserve"
         id="flowRoot9963-2-3-6"
         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
         transform="translate(131.17902,-28.711907)"><flowRegion
           id="flowRegion9965-2-7-7"><rect
             id="rect9967-3-5-6"
             width="68.012077"
             height="51.315746"
             x="-113.13708"
             y="271.51425"
             style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
           id="flowPara10160-1">Your</flowPara><flowPara
           id="flowPara10992">UI</flowPara></flowRoot>    </g>
    <g
       id="g6813"
       transform="translate(171.94598,-187.75591)">
      <rect
         ry="3.7880721"
         y="235.11809"
         x="13.054024"
         height="120.00002"
         width="75"
         id="rect6815"
         style="fill:#49c2f1;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
      <g
         transform="matrix(0.07579619,0,0,0.07579619,12.243595,335.4519)"
         id="g6827">
        <g
           id="g6829"
           transform="matrix(29.999985,-0.03019888,0.03019888,29.999985,-11011.509,-15375.022)">
          <g
             style="fill:#ffffff;fill-opacity:1"
             transform="translate(-2.6843449e-4,0.2666665)"
             id="g6831">
            <path
               inkscape:connector-curvature="0"
               transform="matrix(0.03333332,3.3554312e-5,-3.3554312e-5,0.03333332,366.53421,512.86995)"
               style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;display:inline"
               d="M 142.5625,-6.4375 40.6875,-6.34375 C 29.868538,-6.48507 19.811533,-0.790227 14.367338,8.560208 8.9231424,17.910644 8.9351814,29.468085 14.398845,38.807157 19.862509,48.14623 29.931356,53.820109 40.75,53.65625 L 142.625,53.5625 c 10.81896,0.14132 20.87597,-5.553523 26.32016,-14.903958 5.4442,-9.350436 5.43216,-20.907877 -0.0315,-30.246949 C 163.44999,-0.92748 153.38114,-6.601359 142.5625,-6.4375 l 0,0 z"
               id="path6833" />
            <path
               inkscape:connector-curvature="0"
               style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
               d="m 366.65701,514.67289 4.625,0 -1.8125,1.8125 c -0.39695,0.39695 -0.39695,1.04055 0,1.4375 0.39695,0.39695 1.04055,0.39695 1.4375,0 l 3.4375,-3.46875 0.0937,-0.0625 c 0.006,-0.006 -0.006,-0.0253 0,-0.0312 0.0554,-0.0572 0.1151,-0.11699 0.15625,-0.1875 0.0286,-0.0491 0.0429,-0.10409 0.0625,-0.15625 0.0124,-0.0307 0.0221,-0.0622 0.0312,-0.0937 0.0311,-0.1161 0.0427,-0.22493 0.0312,-0.34375 -0.004,-0.0578 -0.0174,-0.0996 -0.0312,-0.15625 -0.0109,-0.0407 -0.0151,-0.0857 -0.0312,-0.125 -0.0164,-0.0408 -0.0405,-0.0862 -0.0625,-0.125 -0.0455,-0.0779 -0.0936,-0.15726 -0.15625,-0.21875 l -3.53125,-3.53125 c -0.20891,-0.22276 -0.50816,-0.33785 -0.8125,-0.3125 -0.39478,0.0269 -0.73977,0.28438 -0.875,0.65625 -0.13524,0.37187 -0.0353,0.78826 0.25,1.0625 l 1.875,1.84375 -4.6875,0"
               id="path6835"
               sodipodi:nodetypes="cccscccsssssssscccsccc" />
          </g>
        </g>
      </g>
      <flowRoot
         xml:space="preserve"
         id="flowRoot9963-2-3"
         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
         transform="translate(131.17902,-28.711907)"><flowRegion
           id="flowRegion9965-2-7"><rect
             id="rect9967-3-5"
             width="68.012077"
             height="51.315746"
             x="-113.13708"
             y="271.51425"
             style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
           id="flowPara9973-8-4">Vaadin</flowPara><flowPara
           id="flowPara11084">Server-</flowPara><flowPara
           id="flowPara11086">Side</flowPara><flowPara
           id="flowPara10160">Framework</flowPara></flowRoot>    </g>
    <g
       id="g6789-3"
       transform="translate(326.94598,-187.75591)">
      <rect
         ry="3.7880721"
         y="235.11809"
         x="13.054024"
         height="120.00002"
         width="75"
         id="rect6791-7"
         style="fill:#00b400;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
      <g
         transform="matrix(0.07579619,0,0,0.07579619,12.243595,335.4519)"
         id="g6803-4">
        <g
           id="g6805-7"
           transform="matrix(29.999985,-0.03019888,0.03019888,29.999985,-11011.509,-15375.022)">
          <g
             style="fill:#ffffff;fill-opacity:1"
             transform="translate(-2.6843449e-4,0.2666665)"
             id="g6807-4">
            <path
               transform="matrix(0.03333332,3.3554312e-5,-3.3554312e-5,0.03333332,366.53421,512.86995)"
               style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;display:inline"
               d="M 142.5625,-6.4375 40.6875,-6.34375 C 29.868538,-6.48507 19.811533,-0.790227 14.367338,8.560208 8.9231424,17.910644 8.9351814,29.468085 14.398845,38.807157 19.862509,48.14623 29.931356,53.820109 40.75,53.65625 L 142.625,53.5625 c 10.81896,0.14132 20.87597,-5.553523 26.32016,-14.903958 5.4442,-9.350436 5.43216,-20.907877 -0.0315,-30.246949 C 163.44999,-0.92748 153.38114,-6.601359 142.5625,-6.4375 l 0,0 z"
               id="path6809-4"
               inkscape:connector-curvature="0" />
            <path
               style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
               d="m 366.65701,514.67289 4.625,0 -1.8125,1.8125 c -0.39695,0.39695 -0.39695,1.04055 0,1.4375 0.39695,0.39695 1.04055,0.39695 1.4375,0 l 3.4375,-3.46875 0.0937,-0.0625 c 0.006,-0.006 -0.006,-0.0253 0,-0.0312 0.0554,-0.0572 0.1151,-0.11699 0.15625,-0.1875 0.0286,-0.0491 0.0429,-0.10409 0.0625,-0.15625 0.0124,-0.0307 0.0221,-0.0622 0.0312,-0.0937 0.0311,-0.1161 0.0427,-0.22493 0.0312,-0.34375 -0.004,-0.0578 -0.0174,-0.0996 -0.0312,-0.15625 -0.0109,-0.0407 -0.0151,-0.0857 -0.0312,-0.125 -0.0164,-0.0408 -0.0405,-0.0862 -0.0625,-0.125 -0.0455,-0.0779 -0.0936,-0.15726 -0.15625,-0.21875 l -3.53125,-3.53125 c -0.20891,-0.22276 -0.50816,-0.33785 -0.8125,-0.3125 -0.39478,0.0269 -0.73977,0.28438 -0.875,0.65625 -0.13524,0.37187 -0.0353,0.78826 0.25,1.0625 l 1.875,1.84375 -4.6875,0"
               id="path6811-3"
               sodipodi:nodetypes="cccscccsssssssscccsccc"
               inkscape:connector-curvature="0" />
          </g>
        </g>
      </g>
      <flowRoot
         xml:space="preserve"
         id="flowRoot9963-2-3-6-8"
         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
         transform="translate(131.17902,-28.711907)"><flowRegion
           id="flowRegion9965-2-7-7-1"><rect
             id="rect9967-3-5-6-4"
             width="60.012077"
             height="32.315746"
             x="-113.13708"
             y="271.51425"
             style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
           id="flowPara10992-4">Back-End</flowPara></flowRoot>      <flowRoot
         xml:space="preserve"
         id="flowRoot9963-2-3-6-8-6"
         style="font-size:9px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:100%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
         transform="translate(131.17902,-9.711907)"><flowRegion
           id="flowRegion9965-2-7-7-1-9"><rect
             id="rect9967-3-5-6-4-7"
             width="70.012077"
             height="53.315746"
             x="-113.13708"
             y="271.51425"
             style="font-size:9px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light" /></flowRegion><flowPara
           id="flowPara10992-4-9">Business Logic</flowPara><flowPara
           id="flowPara11080">Persistence</flowPara><flowPara
           id="flowPara11082">Database</flowPara></flowRoot>    </g>
  </g>
</svg>