vaadin-framework/documentation/introduction/original-drawings/architecture-vaadin7.svg

<?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-vaadin7.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="230.46176"
     inkscape:cy="936.84249"
     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"
     showguides="true"
     inkscape:guide-bbox="true"
     inkscape:snap-bbox="true">
    <inkscape:grid
       type="xygrid"
       id="grid6362"
       visible="true"
       enabled="true"
       empspacing="5"
       snapvisiblegridlinesonly="true"
       spacingx="1px" />
    <sodipodi:guide
       orientation="0,1"
       position="27,1017"
       id="guide3154" />
  </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 />
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     inkscape:label="Taso 1"
     inkscape:groupmode="layer"
     id="layer1"
     style="opacity:1">
    <rect
       ry="3.7880721"
       y="30.362183"
       x="115"
       height="172"
       width="235"
       id="rect6367-4"
       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
       id="g6789"
       transform="translate(201.94598,-187.75591)">
      <rect
         ry="3.7880721"
         y="235.11809"
         x="13.054024"
         height="120.00001"
         width="54.999996"
         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" />
      <flowRoot
         xml:space="preserve"
         id="flowRoot9963-2-3-6"
         style="font-size:10px;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:10px;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">UI Logic</flowPara></flowRoot>      <g
         transform="matrix(0.06329721,0,0,0.06329721,12.360276,272.97423)"
         id="g6827-8">
        <g
           id="g6829-7"
           transform="matrix(29.999985,-0.03019888,0.03019888,29.999985,-11004.945,-15375.022)">
          <g
             style="fill:#ffffff;fill-opacity:1"
             transform="matrix(0.71644053,0,0,0.71644053,103.9698,144.62879)"
             id="g6831-7">
            <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-7" />
            <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-3"
               sodipodi:nodetypes="cccscccsssssssscccsccc" />
          </g>
        </g>
      </g>
      <g
         id="g6829-2-5-6"
         transform="matrix(-1.8989154,-0.0019115,-0.0019115,1.8989154,765.271,-700.0021)">
        <g
           style="fill:#ffffff;fill-opacity:1"
           transform="matrix(0.71644053,0,0,0.71644053,103.9698,144.62879)"
           id="g6831-2-7-3">
          <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-1-5-9" />
          <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-0-9-2"
             sodipodi:nodetypes="cccscccsssssssscccsccc" />
        </g>
      </g>
    </g>
    <g
       id="g6813"
       transform="translate(106.94598,-187.75591)">
      <rect
         ry="3.7880721"
         y="235.11809"
         x="13.054024"
         height="120.00001"
         width="90"
         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" />
      <flowRoot
         xml:space="preserve"
         id="flowRoot9963-2-3"
         style="font-size:10px;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;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="95.012077"
             height="37.315746"
             x="-113.13708"
             y="271.51425"
             style="font-size:10px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr;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">Components</flowPara></flowRoot>      <g
         id="g28403-2-5-2-40-2"
         transform="translate(15.694547,135.25927)">
        <rect
           ry="3.7880721"
           y="119.85882"
           x="7.3594728"
           height="95.000008"
           width="70"
           id="rect4680-4-4-7-0-9"
           style="fill:#666666;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
        <g
           transform="translate(-9.4510395,-55.573718)"
           id="g28403-3-5-6-2">
          <rect
             style="fill:#49c2f1;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.5;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
             id="rect4680-7-10-5-0"
             width="60"
             height="25"
             x="21.810513"
             y="180.43254"
             ry="3.7880721" />
          <flowRoot
             xml:space="preserve"
             id="flowRoot11361-6-1-8-1-4"
             style="font-size:8px;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"
             transform="translate(-787.43047,-878.23713)"
             inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/intro/toolchain.png"
             inkscape:export-xdpi="90"
             inkscape:export-ydpi="90"><flowRegion
               id="flowRegion11363-2-0-7-7-9"><rect
                 id="rect11365-5-4-6-4-2"
                 width="138.69197"
                 height="47.876488"
                 x="813.87988"
                 y="1064.3831"
                 style="font-size:8px;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="flowPara4198-9-0">Built-in</flowPara><flowPara
               id="flowPara4300-0">Components</flowPara></flowRoot>        </g>
        <g
           transform="translate(-9.4510395,-25.573718)"
           id="g28403-3-5-6-6-7">
          <rect
             style="fill:#4fb047;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.5;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
             id="rect4680-7-10-5-5-8"
             width="60"
             height="25"
             x="21.810513"
             y="180.43254"
             ry="3.7880721" />
          <flowRoot
             xml:space="preserve"
             id="flowRoot11361-6-1-8-1-1-6"
             style="font-size:8px;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"
             transform="translate(-787.52461,-878.4214)"
             inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/intro/toolchain.png"
             inkscape:export-xdpi="90"
             inkscape:export-ydpi="90"><flowRegion
               id="flowRegion11363-2-0-7-7-5-3"><rect
                 id="rect11365-5-4-6-4-5-9"
                 width="138.69197"
                 height="47.876488"
                 x="813.87988"
                 y="1064.3831"
                 style="font-size:8px;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="flowPara4198-9-9-4">Add-on</flowPara><flowPara
               id="flowPara4338-2">Components</flowPara></flowRoot>        </g>
        <g
           transform="translate(-9.4510395,4.4262817)"
           id="g28403-3-5-6-6-6-5">
          <rect
             style="fill:#f39300;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.5;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:1.5, 1.5;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
             id="rect4680-7-10-5-5-9-2"
             width="60"
             height="25"
             x="21.810513"
             y="180.43254"
             ry="3.7880721" />
          <flowRoot
             xml:space="preserve"
             id="flowRoot11361-6-1-8-1-1-4-4"
             style="font-size:8px;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"
             transform="translate(-787.52461,-878.4214)"
             inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/intro/toolchain.png"
             inkscape:export-xdpi="90"
             inkscape:export-ydpi="90"><flowRegion
               id="flowRegion11363-2-0-7-7-5-8-5"><rect
                 id="rect11365-5-4-6-4-5-7-3"
                 width="138.69197"
                 height="47.876488"
                 x="813.87988"
                 y="1064.3831"
                 style="font-size:8px;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="flowPara4198-9-9-0-2">Custom</flowPara><flowPara
               id="flowPara4338-0-3">Components</flowPara></flowRoot>        </g>
      </g>
      <g
         transform="matrix(0.06329721,0,0,0.06329721,12.360273,273.14646)"
         id="g6827">
        <g
           id="g6829"
           transform="matrix(29.999985,-0.03019888,0.03019888,29.999985,-11004.221,-15375.022)">
          <g
             style="fill:#ffffff;fill-opacity:1"
             transform="matrix(0.71644053,0,0,0.71644053,103.9698,144.62879)"
             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>
      <g
         id="g6829-2-5"
         transform="matrix(-1.8989154,-0.0019115,-0.0019115,1.8989154,800.31481,-700.16918)">
        <g
           style="fill:#ffffff;fill-opacity:1"
           transform="matrix(0.71644053,0,0,0.71644053,103.9698,144.62879)"
           id="g6831-2-7">
          <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-1-5" />
          <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-0-9"
             sodipodi:nodetypes="cccscccsssssssscccsccc" />
        </g>
      </g>
    </g>
    <g
       id="g6789-3"
       transform="translate(261.94598,-187.75591)">
      <rect
         ry="3.7880721"
         y="235.11809"
         x="13.054024"
         height="150"
         width="70"
         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" />
      <flowRoot
         xml:space="preserve"
         id="flowRoot9963-2-3-6-8"
         style="font-size:10px;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;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:10px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr;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,18.233093)"><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="flowPara5520">Business</flowPara><flowPara
           id="flowPara5532">Logic</flowPara><flowPara
           id="flowPara5534" /><flowPara
           id="flowPara11082">Persistence</flowPara></flowRoot>      <g
         transform="matrix(0.06329721,0,0,0.06329721,12.360276,272.99779)"
         id="g6827-8-0">
        <g
           id="g6829-7-6"
           transform="matrix(29.999985,-0.03019888,0.03019888,29.999985,-11004.221,-15375.022)">
          <g
             style="fill:#ffffff;fill-opacity:1"
             transform="matrix(0.71644053,0,0,0.71644053,103.9698,144.62879)"
             id="g6831-7-1">
            <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-7-8" />
            <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-3-1"
               sodipodi:nodetypes="cccscccsssssssscccsccc" />
          </g>
        </g>
      </g>
      <g
         transform="matrix(0.06329721,0,0,0.06329721,12.844795,372.99779)"
         id="g6827-8-0-8">
        <g
           id="g6829-7-6-9"
           transform="matrix(29.999985,-0.03019888,0.03019888,29.999985,-11011.509,-15375.022)">
          <g
             style="fill:#ffffff;fill-opacity:1"
             transform="matrix(0.71644053,0,0,0.71644053,103.9698,144.62879)"
             id="g6831-7-1-9">
            <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-7-8-5" />
            <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-3-1-5"
               sodipodi:nodetypes="cccscccsssssssscccsccc" />
          </g>
        </g>
      </g>
    </g>
    <g
       id="g3808"
       transform="translate(21.945976,-187.75591)">
      <rect
         ry="3.7880721"
         y="218.11809"
         x="13.054024"
         height="172.00002"
         width="74.999992"
         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-8"
         style="font-size:10px;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(130.41902,-47.290241)"><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:10px;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="flowPara11184">Browser</flowPara></flowRoot>      <g
         id="g28403-2-5-2-40"
         transform="translate(10.694551,135.25927)">
        <rect
           ry="3.7880721"
           y="119.85882"
           x="7.3594728"
           height="95.000008"
           width="60"
           id="rect4680-4-4-7-0"
           style="fill:#666666;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
        <g
           transform="translate(-9.4510395,-55.573718)"
           id="g28403-3-5-6">
          <rect
             style="fill:#49c2f1;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.5;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
             id="rect4680-7-10-5"
             width="50"
             height="25"
             x="21.810513"
             y="180.43254"
             ry="3.7880721" />
          <flowRoot
             xml:space="preserve"
             id="flowRoot11361-6-1-8-1"
             style="font-size:8px;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"
             transform="translate(-787.43047,-878.23713)"
             inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/intro/toolchain.png"
             inkscape:export-xdpi="90"
             inkscape:export-ydpi="90"><flowRegion
               id="flowRegion11363-2-0-7-7"><rect
                 id="rect11365-5-4-6-4"
                 width="138.69197"
                 height="47.876488"
                 x="813.87988"
                 y="1064.3831"
                 style="font-size:8px;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="flowPara4198-9">Built-in</flowPara><flowPara
               id="flowPara4300">Widgets</flowPara></flowRoot>        </g>
        <g
           transform="translate(-9.4510395,-25.573718)"
           id="g28403-3-5-6-6">
          <rect
             style="fill:#4fb047;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.5;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
             id="rect4680-7-10-5-5"
             width="49"
             height="24"
             x="21.810513"
             y="180.43254"
             ry="3.7880721" />
          <flowRoot
             xml:space="preserve"
             id="flowRoot11361-6-1-8-1-1"
             style="font-size:8px;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"
             transform="translate(-787.52461,-878.4214)"
             inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/intro/toolchain.png"
             inkscape:export-xdpi="90"
             inkscape:export-ydpi="90"><flowRegion
               id="flowRegion11363-2-0-7-7-5"><rect
                 id="rect11365-5-4-6-4-5"
                 width="138.69197"
                 height="47.876488"
                 x="813.87988"
                 y="1064.3831"
                 style="font-size:8px;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="flowPara4198-9-9">Add-on</flowPara><flowPara
               id="flowPara4338">Widgets</flowPara></flowRoot>        </g>
        <g
           transform="translate(-9.4510395,4.4262817)"
           id="g28403-3-5-6-6-6">
          <rect
             style="fill:#f39300;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.5;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:1.5, 1.5;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
             id="rect4680-7-10-5-5-9"
             width="49"
             height="24"
             x="21.810513"
             y="180.43254"
             ry="3.7880721" />
          <flowRoot
             xml:space="preserve"
             id="flowRoot11361-6-1-8-1-1-4"
             style="font-size:8px;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"
             transform="translate(-787.52461,-878.4214)"
             inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/intro/toolchain.png"
             inkscape:export-xdpi="90"
             inkscape:export-ydpi="90"><flowRegion
               id="flowRegion11363-2-0-7-7-5-8"><rect
                 id="rect11365-5-4-6-4-5-7"
                 width="138.69197"
                 height="47.876488"
                 x="813.87988"
                 y="1064.3831"
                 style="font-size:8px;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="flowPara4198-9-9-0">Custom</flowPara><flowPara
               id="flowPara4338-0">Widgets</flowPara></flowRoot>        </g>
      </g>
      <g
         transform="matrix(-0.06329721,0,0,0.06329721,88.282414,273.14646)"
         id="g6827-4">
        <g
           id="g6829-2"
           transform="matrix(29.999985,-0.03019888,0.03019888,29.999985,-11011.509,-15375.022)">
          <g
             style="fill:#ffffff;fill-opacity:1"
             transform="matrix(0.71644053,0,0,0.71644053,103.9698,144.62879)"
             id="g6831-2">
            <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-1" />
            <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-0"
               sodipodi:nodetypes="cccscccsssssssscccsccc" />
          </g>
        </g>
      </g>
      <g
         transform="translate(-3.7564885,179.68555)"
         id="g28403-3-5-6-6-6-6">
        <rect
           style="fill:#f39300;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.50000000000000000;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:1.50000000000000000, 1.50000000000000000;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
           id="rect4680-7-10-5-5-9-0"
           width="60"
           height="25.000002"
           x="21.810513"
           y="180.43254"
           ry="3.7880721" />
        <flowRoot
           xml:space="preserve"
           id="flowRoot11361-6-1-8-1-1-4-8"
           style="font-size:8px;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"
           transform="translate(-787.52461,-878.4214)"
           inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/intro/toolchain.png"
           inkscape:export-xdpi="90"
           inkscape:export-ydpi="90"><flowRegion
             id="flowRegion11363-2-0-7-7-5-8-8"><rect
               id="rect11365-5-4-6-4-5-7-0"
               width="138.69197"
               height="47.876488"
               x="813.87988"
               y="1064.3831"
               style="font-size:8px;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="flowPara4338-0-9">Client-Side</flowPara><flowPara
             id="flowPara5189">UI</flowPara></flowRoot>      </g>
      <g
         transform="matrix(-0.06329721,0,0,0.06329721,88.801543,373.00293)"
         id="g6827-4-1">
        <g
           id="g6829-2-0"
           transform="matrix(29.999985,-0.03019888,0.03019888,29.999985,-11003.16,-15375.022)">
          <g
             style="fill:#ffffff;fill-opacity:1"
             transform="matrix(0.71644053,0,0,0.71644053,103.9698,144.62879)"
             id="g6831-2-5">
            <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-1-3" />
            <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-0-2"
               sodipodi:nodetypes="cccscccsssssssscccsccc" />
          </g>
        </g>
      </g>
      <flowRoot
         xml:space="preserve"
         id="flowRoot9963-2-3-6-8-6-1"
         style="font-size:8px;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(130.79502,-35.256574)"><flowRegion
           id="flowRegion9965-2-7-7-1-9-6"><rect
             id="rect9967-3-5-6-4-7-9"
             width="70.012077"
             height="53.315746"
             x="-113.13708"
             y="271.51425"
             style="font-size:8px;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="flowPara11082-4">Client-Side Engine</flowPara></flowRoot>    </g>
    <g
       transform="translate(98.189487,-8.0703583)"
       id="g28403-3-5-6-6-6-6-1">
      <rect
         style="fill:#f39300;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.5;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:1.5,1.5;stroke-dashoffset:0"
         id="rect4680-7-10-5-5-9-0-0"
         width="150"
         height="25"
         x="21.810513"
         y="180.43254"
         ry="3.7880721" />
      <flowRoot
         xml:space="preserve"
         id="flowRoot11361-6-1-8-1-1-4-8-0"
         style="font-size:8px;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"
         transform="translate(-779.64794,-878.48467)"
         inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/intro/toolchain.png"
         inkscape:export-xdpi="90"
         inkscape:export-ydpi="90"><flowRegion
           id="flowRegion11363-2-0-7-7-5-8-8-1"><rect
             id="rect11365-5-4-6-4-5-7-0-7"
             width="138.69197"
             height="47.876488"
             x="813.87988"
             y="1064.3831"
             style="font-size:8px;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="flowPara5189-3">Service</flowPara></flowRoot>      <g
         id="g6829-1"
         transform="matrix(1.8989154,-0.0019115,0.0019115,1.8989154,-675.40034,-779.73512)">
        <g
           style="fill:#ffffff;fill-opacity:1"
           transform="matrix(0.71644053,0,0,0.71644053,103.9698,144.62879)"
           id="g6831-0">
          <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-6" />
          <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-8"
             sodipodi:nodetypes="cccscccsssssssscccsccc" />
        </g>
      </g>
      <g
         id="g6829-2-5-6-8"
         transform="matrix(-1.8989154,-0.0019115,-0.0019115,1.8989154,869.03658,-780.00348)">
        <g
           style="fill:#ffffff;fill-opacity:1"
           transform="matrix(0.71644053,0,0,0.71644053,103.9698,144.62879)"
           id="g6831-2-7-3-2">
          <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-1-5-9-7" />
          <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-0-9-2-8"
             sodipodi:nodetypes="cccscccsssssssscccsccc" />
        </g>
      </g>
    </g>
    <flowRoot
       xml:space="preserve"
       id="flowRoot9963-2-8-1"
       style="font-size:10px;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(233.035,-234.87615)"><flowRegion
         id="flowRegion9965-2-8-7"><rect
           id="rect9967-3-0-9"
           width="180.60732"
           height="30.82765"
           x="-113.13708"
           y="271.51425"
           style="font-size:10px;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:#000000;fill-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
         id="flowPara11184-1">Web Server / Portal</flowPara></flowRoot>  </g>
</svg>