vaadin-framework/documentation/installing/original-drawings/toolchain.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:xlink="http://www.w3.org/1999/xlink"
   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.1 r9760"
   sodipodi:docname="toolchain.svg"
   inkscape:output_extension="org.inkscape.output.svg.inkscape"
   version="1.1">
  <defs
     id="defs1903">
    <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="perspective206" />
    <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>
    <marker
       inkscape:stockid="DiamondL"
       orient="auto"
       refY="0.0"
       refX="0.0"
       id="DiamondL"
       style="overflow:visible">
      <path
         id="path4404"
         d="M 0,-7.0710768 L -7.0710894,0 L 0,7.0710589 L 7.0710462,0 L 0,-7.0710768 z "
         style="fill-rule:evenodd;stroke:#000000;stroke-width:1.0pt;marker-start:none"
         transform="scale(0.8)" />
    </marker>
    <marker
       orient="auto"
       refY="0.0"
       refX="0.0"
       id="DiamondEmpty"
       style="overflow:visible">
      <path
         id="path7"
         d="M 0,-5 L -5,0 L 0,5 L 5,0 L 0,-5 z "
         style="fill-rule:evenodd;fill:#ffffff;stroke:#000000;stroke-width:1.0pt;marker-start:none"
         transform="scale(1.0) translate(-5,0)" />
    </marker>
    <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
       orient="auto"
       refY="0.0"
       refX="0.0"
       id="EmptyArrow"
       style="overflow:visible;">
      <path
         id="path9"
         d="M 0.0,0.0 L 0.0,-5.0 L -12.5,0.0 L 0.0,5.0 L 0.0,0.0 z      M -0.5,0.0 L -0.5,-4.5 L -12.0,0.0 L -0.5,4.5 L -0.5,0.0 z"
         style="fill-rule:evenodd;stroke:#000000;stroke-width:1.0pt;marker-start:none;"
         transform="scale(1.0) rotate(180) translate(10,0)" />
    </marker>
    <marker
       orient="auto"
       refY="0.0"
       refX="0.0"
       id="EmptyArrow2"
       style="overflow:visible;">
      <path
         id="path13"
         d="M 0.0,0.0 L 0.0,-5.0 L -10.0,0.0 L 0.0,5.0 L 0.0,0.0 z"
         style="fill-rule:evenodd;fill:#ffffff;stroke:#000000;stroke-width:1.0pt;marker-start:none;"
         transform="scale(1.0) rotate(180) translate(10,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>
    <marker
       inkscape:stockid="Arrow2Lend"
       orient="auto"
       refY="0.0"
       refX="0.0"
       id="Arrow2Lend"
       style="overflow:visible;">
      <path
         id="path16811"
         style="font-size:12.0;fill-rule:evenodd;stroke-width:0.62500000;stroke-linejoin:round;"
         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.9730900,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
         transform="scale(1.1) rotate(180) translate(1,0)" />
    </marker>
    <marker
       inkscape:stockid="Arrow1Lend"
       orient="auto"
       refY="0.0"
       refX="0.0"
       id="Arrow1Lend"
       style="overflow:visible;">
      <path
         id="path16829"
         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
         style="fill-rule:evenodd;stroke:#000000;stroke-width:1.0pt;marker-start:none;"
         transform="scale(0.8) rotate(180) translate(12.5,0)" />
    </marker>
    <marker
       inkscape:stockid="TriangleOutM"
       orient="auto"
       refY="0.0"
       refX="0.0"
       id="TriangleOutM"
       style="overflow:visible">
      <path
         id="path16731"
         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.4)" />
    </marker>
    <marker
       inkscape:stockid="TriangleInL"
       orient="auto"
       refY="0.0"
       refX="0.0"
       id="TriangleInL"
       style="overflow:visible">
      <path
         id="path16743"
         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>
    <marker
       inkscape:stockid="TriangleOutL"
       orient="auto"
       refY="0.0"
       refX="0.0"
       id="TriangleOutL"
       style="overflow:visible">
      <path
         id="path16734"
         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="linearGradient9263">
      <stop
         style="stop-color:#000000;stop-opacity:0"
         offset="0"
         id="stop9265" />
      <stop
         style="stop-color:#000000;stop-opacity:0;"
         offset="1"
         id="stop9267" />
    </linearGradient>
    <linearGradient
       id="linearGradient7299">
      <stop
         style="stop-color:#ffffff;stop-opacity:1"
         offset="0"
         id="stop7301" />
      <stop
         style="stop-color:#a090e7;stop-opacity:1"
         offset="1"
         id="stop7303" />
    </linearGradient>
    <linearGradient
       id="linearGradient5349">
      <stop
         style="stop-color:#000000;stop-opacity:1;"
         offset="0"
         id="stop5351" />
      <stop
         style="stop-color:#000000;stop-opacity:0;"
         offset="1"
         id="stop5353" />
    </linearGradient>
    <linearGradient
       id="linearGradient4152">
      <stop
         style="stop-color:#6b6bff;stop-opacity:1;"
         offset="0"
         id="stop4154" />
      <stop
         style="stop-color:#6b6bff;stop-opacity:0;"
         offset="1"
         id="stop4156" />
    </linearGradient>
    <linearGradient
       inkscape:collect="always"
       xlink:href="#linearGradient5349"
       id="linearGradient5355"
       x1="96.085953"
       y1="148.38934"
       x2="389.01985"
       y2="148.38934"
       gradientUnits="userSpaceOnUse" />
    <radialGradient
       inkscape:collect="always"
       xlink:href="#linearGradient7299"
       id="radialGradient12637"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(0.9214039,2.3896193e-3,-2.166448e-3,0.5977017,265.61411,78.560061)"
       cx="-147.5"
       cy="97.300964"
       fx="-147.5"
       fy="97.300964"
       r="109.42857" />
    <radialGradient
       inkscape:collect="always"
       xlink:href="#linearGradient7299"
       id="radialGradient15668"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(0.9214039,2.3896193e-3,-2.166448e-3,0.5977017,262.24281,78.560061)"
       cx="-147.5"
       cy="97.300964"
       fx="-147.5"
       fy="97.300964"
       r="109.42857" />
    <radialGradient
       inkscape:collect="always"
       xlink:href="#linearGradient19816"
       id="radialGradient17873"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(0.9214039,2.3896193e-3,-2.166448e-3,0.5977017,541.12253,30.198804)"
       cx="-147.5"
       cy="97.300964"
       fx="-147.5"
       fy="97.300964"
       r="109.42857" />
    <radialGradient
       inkscape:collect="always"
       xlink:href="#linearGradient7299"
       id="radialGradient17875"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
       cx="-147.5"
       cy="97.300964"
       fx="-147.5"
       fy="97.300964"
       r="109.42857" />
    <radialGradient
       inkscape:collect="always"
       xlink:href="#linearGradient19816"
       id="radialGradient20832"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(1.6000725,2.3808346e-3,-3.7621654e-3,0.5955044,664.61868,-4.8275956)"
       cx="-147.5"
       cy="97.300964"
       fx="-147.5"
       fy="97.300964"
       r="109.42857" />
    <radialGradient
       inkscape:collect="always"
       xlink:href="#linearGradient7299"
       id="radialGradient22790"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
       cx="-147.5"
       cy="97.300964"
       fx="-147.5"
       fy="97.300964"
       r="109.42857" />
    <radialGradient
       inkscape:collect="always"
       xlink:href="#linearGradient7299"
       id="radialGradient22806"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
       cx="-147.5"
       cy="97.300964"
       fx="-147.5"
       fy="97.300964"
       r="109.42857" />
    <radialGradient
       inkscape:collect="always"
       xlink:href="#linearGradient7299"
       id="radialGradient22822"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
       cx="-147.5"
       cy="97.300964"
       fx="-147.5"
       fy="97.300964"
       r="109.42857" />
    <radialGradient
       inkscape:collect="always"
       xlink:href="#linearGradient7299"
       id="radialGradient22838"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
       cx="-147.5"
       cy="97.300964"
       fx="-147.5"
       fy="97.300964"
       r="109.42857" />
    <radialGradient
       inkscape:collect="always"
       xlink:href="#linearGradient3286"
       id="radialGradient2303"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(1.6000725,2.3808346e-3,-3.7621654e-3,0.5955044,664.61868,-4.8275956)"
       cx="-147.5"
       cy="97.300964"
       fx="-147.5"
       fy="97.300964"
       r="109.42857" />
    <radialGradient
       inkscape:collect="always"
       xlink:href="#linearGradient19816"
       id="radialGradient3306"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(1.2251403,2.385383e-3,-2.8806072e-3,0.5966421,625.8055,-4.9637231)"
       cx="-147.5"
       cy="97.300964"
       fx="-147.5"
       fy="97.300964"
       r="109.42857" />
    <radialGradient
       inkscape:collect="always"
       xlink:href="#linearGradient19816"
       id="radialGradient3307"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(1.634924,2.3804409e-3,-3.8441097e-3,0.5954059,670.96002,-4.81581)"
       cx="-147.5"
       cy="97.300964"
       fx="-147.5"
       fy="97.300964"
       r="109.42857" />
    <radialGradient
       inkscape:collect="always"
       xlink:href="#linearGradient7299"
       id="radialGradient3327"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
       cx="-147.5"
       cy="97.300964"
       fx="-147.5"
       fy="97.300964"
       r="109.42857" />
    <radialGradient
       inkscape:collect="always"
       xlink:href="#linearGradient3286"
       id="radialGradient8322"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(1.6000725,2.3808346e-3,-3.7621654e-3,0.5955044,664.61868,-4.8275956)"
       cx="-147.5"
       cy="97.300964"
       fx="-147.5"
       fy="97.300964"
       r="109.42857" />
    <radialGradient
       inkscape:collect="always"
       xlink:href="#linearGradient7299"
       id="radialGradient8338"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
       cx="-147.5"
       cy="97.300964"
       fx="-147.5"
       fy="97.300964"
       r="109.42857" />
    <radialGradient
       inkscape:collect="always"
       xlink:href="#linearGradient7299"
       id="radialGradient8354"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
       cx="-147.5"
       cy="97.300964"
       fx="-147.5"
       fy="97.300964"
       r="109.42857" />
    <radialGradient
       inkscape:collect="always"
       xlink:href="#linearGradient7299"
       id="radialGradient11393"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(1.2251403,2.385383e-3,-2.8806072e-3,0.5966421,625.8055,-4.9637231)"
       cx="-145.65326"
       cy="87.697487"
       fx="-145.65326"
       fy="87.697487"
       r="109.42857" />
    <radialGradient
       inkscape:collect="always"
       xlink:href="#linearGradient19816"
       id="radialGradient11490"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
       cx="-147.5"
       cy="97.300964"
       fx="-147.5"
       fy="97.300964"
       r="109.42857" />
    <radialGradient
       inkscape:collect="always"
       xlink:href="#linearGradient11508"
       id="radialGradient11506"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
       cx="-147.5"
       cy="97.300964"
       fx="-147.5"
       fy="97.300964"
       r="109.42857" />
    <linearGradient
       inkscape:collect="always"
       xlink:href="#linearGradient11516"
       id="linearGradient11514"
       x1="402.58597"
       y1="24.440832"
       x2="535.59796"
       y2="190.61652"
       gradientUnits="userSpaceOnUse" />
    <radialGradient
       inkscape:collect="always"
       xlink:href="#linearGradient19816"
       id="radialGradient11602"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
       cx="-147.5"
       cy="97.300964"
       fx="-147.5"
       fy="97.300964"
       r="109.42857" />
    <radialGradient
       inkscape:collect="always"
       xlink:href="#linearGradient11508"
       id="radialGradient11604"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
       cx="-147.5"
       cy="97.300964"
       fx="-147.5"
       fy="97.300964"
       r="109.42857" />
    <linearGradient
       inkscape:collect="always"
       xlink:href="#linearGradient11516"
       id="linearGradient13616"
       x1="174.35712"
       y1="96.654701"
       x2="220.02124"
       y2="192.93446"
       gradientUnits="userSpaceOnUse" />
    <radialGradient
       inkscape:collect="always"
       xlink:href="#linearGradient7299"
       id="radialGradient14623"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(0.9722636,1.8198108e-3,-2.2860317e-3,0.4551788,579.72294,2.0165387)"
       cx="-147.5"
       cy="97.300964"
       fx="-147.5"
       fy="97.300964"
       r="109.42857" />
    <linearGradient
       inkscape:collect="always"
       xlink:href="#linearGradient7299"
       id="linearGradient16644"
       x1="160.84073"
       y1="73.780838"
       x2="239.77594"
       y2="207.50426"
       gradientUnits="userSpaceOnUse" />
    <linearGradient
       inkscape:collect="always"
       xlink:href="#linearGradient11516"
       id="linearGradient18644"
       x1="1036.6514"
       y1="1185.2882"
       x2="1076.5066"
       y2="1351.074"
       gradientUnits="userSpaceOnUse" />
    <radialGradient
       inkscape:collect="always"
       xlink:href="#linearGradient19816"
       id="radialGradient19653"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(1.3208501,2.3843471e-3,-3.1056446e-3,0.596383,334.93437,78.721097)"
       cx="-147.5"
       cy="97.300964"
       fx="-147.5"
       fy="97.300964"
       r="109.42857" />
    <marker
       id="marker52016"
       orient="auto"
       markerHeight="5.7450786"
       markerWidth="4.6297302">
      <g
         id="g52010"
         transform="matrix(0.5,0,0,0.5,-185.64299,-257.19655)">
        <path
           inkscape:connector-curvature="0"
           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
           id="path52012"
           d="m 370,508.65625 c -0.86067,0.0587 -1.60944,0.6213 -1.90625,1.4375 -0.26976,0.74176 -0.0577,1.53493 0.4375,2.125 l -1.75,0 c -0.0424,-0.005 -0.0824,0.002 -0.125,0 l 0,4.375 0.125,0 1.75,0 c -0.67896,0.8597 -0.69701,2.11549 0.0937,2.90625 0.85091,0.85091 2.27409,0.85091 3.125,0 l 3.34375,-3.375 c 0.033,-0.0295 0.0643,-0.0608 0.0937,-0.0937 0.0322,-0.0193 0.0635,-0.0402 0.0937,-0.0625 3.7e-4,-3.6e-4 0.21851,-0.28079 0.21875,-0.28125 5e-5,-9e-5 -0.007,-0.0447 0,-0.0625 0.001,-0.003 0.03,0.003 0.0312,0 0.0391,-0.0521 0.051,-0.0518 0.0937,-0.125 0.13699,-0.23476 0.16684,-0.37191 0.15625,-0.34375 0.0368,-0.0915 0.0185,-0.11251 0.0312,-0.15625 0.0106,-0.0102 0.021,-0.0206 0.0312,-0.0312 0.06,-0.22398 0.0881,-0.51689 0.0625,-0.78125 -0.0136,-0.20363 -0.0589,-0.29765 -0.0625,-0.3125 1.4e-4,-0.0104 1.4e-4,-0.0208 0,-0.0312 0.026,0.097 0.0153,0.016 -0.0937,-0.25 -0.0525,-0.13039 -0.0899,-0.21936 -0.125,-0.28125 -0.0524,-0.0897 -0.13346,-0.26235 -0.34375,-0.46875 L 371.75,509.3125 c -0.45645,-0.48671 -1.08509,-0.71163 -1.75,-0.65625 z"
           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none" />
        <path
           inkscape:connector-curvature="0"
           sodipodi:nodetypes="cccscccsssssssscccsccc"
           id="path52014"
           d="m 366.65625,515.40625 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"
           style="fill:#f39300;fill-opacity:1;fill-rule:evenodd;stroke:none" />
      </g>
    </marker>
    <marker
       id="marker52016-3"
       orient="auto"
       markerHeight="5.7450786"
       markerWidth="4.6297302">
      <g
         id="g52010-8"
         transform="matrix(0.5,0,0,0.5,-185.64299,-257.19655)">
        <path
           inkscape:connector-curvature="0"
           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
           id="path52012-6"
           d="m 370,508.65625 c -0.86067,0.0587 -1.60944,0.6213 -1.90625,1.4375 -0.26976,0.74176 -0.0577,1.53493 0.4375,2.125 l -1.75,0 c -0.0424,-0.005 -0.0824,0.002 -0.125,0 l 0,4.375 0.125,0 1.75,0 c -0.67896,0.8597 -0.69701,2.11549 0.0937,2.90625 0.85091,0.85091 2.27409,0.85091 3.125,0 l 3.34375,-3.375 c 0.033,-0.0295 0.0643,-0.0608 0.0937,-0.0937 0.0322,-0.0193 0.0635,-0.0402 0.0937,-0.0625 3.7e-4,-3.6e-4 0.21851,-0.28079 0.21875,-0.28125 5e-5,-9e-5 -0.007,-0.0447 0,-0.0625 0.001,-0.003 0.03,0.003 0.0312,0 0.0391,-0.0521 0.051,-0.0518 0.0937,-0.125 0.13699,-0.23476 0.16684,-0.37191 0.15625,-0.34375 0.0368,-0.0915 0.0185,-0.11251 0.0312,-0.15625 0.0106,-0.0102 0.021,-0.0206 0.0312,-0.0312 0.06,-0.22398 0.0881,-0.51689 0.0625,-0.78125 -0.0136,-0.20363 -0.0589,-0.29765 -0.0625,-0.3125 1.4e-4,-0.0104 1.4e-4,-0.0208 0,-0.0312 0.026,0.097 0.0153,0.016 -0.0937,-0.25 -0.0525,-0.13039 -0.0899,-0.21936 -0.125,-0.28125 -0.0524,-0.0897 -0.13346,-0.26235 -0.34375,-0.46875 L 371.75,509.3125 c -0.45645,-0.48671 -1.08509,-0.71163 -1.75,-0.65625 z"
           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none" />
        <path
           inkscape:connector-curvature="0"
           sodipodi:nodetypes="cccscccsssssssscccsccc"
           id="path52014-3"
           d="m 366.65625,515.40625 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"
           style="fill:#f39300;fill-opacity:1;fill-rule:evenodd;stroke:none" />
      </g>
    </marker>
  </defs>
  <sodipodi:namedview
     id="base"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:pageopacity="0.0"
     inkscape:pageshadow="2"
     inkscape:zoom="1.8159691"
     inkscape:cx="284.00046"
     inkscape:cy="744.0301"
     inkscape:document-units="px"
     inkscape:current-layer="layer1"
     gridtolerance="10000"
     inkscape:window-width="1861"
     inkscape:window-height="1023"
     inkscape:window-x="0"
     inkscape:window-y="0"
     showgrid="true"
     showguides="false"
     inkscape:connector-spacing="10"
     inkscape:guide-bbox="true"
     inkscape:window-maximized="0">
    <sodipodi:guide
       orientation="0,1"
       position="31.938869,788.55965"
       id="guide17449" />
    <sodipodi:guide
       orientation="1,0"
       position="224.67342,882.17358"
       id="guide17453" />
    <sodipodi:guide
       orientation="0,1"
       position="285.41744,976.57155"
       id="guide23390" />
    <sodipodi:guide
       orientation="0,1"
       position="285.79781,806.73177"
       id="guide23439" />
    <sodipodi:guide
       orientation="1,0"
       position="561.68355,823.80254"
       id="guide23441" />
    <sodipodi:guide
       orientation="1,0"
       position="415.75596,833.7146"
       id="guide23443" />
    <sodipodi:guide
       orientation="1,0"
       position="61.675057,822.15053"
       id="guide23607" />
  </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" />
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     inkscape:label="Taso 1"
     inkscape:groupmode="layer"
     id="layer1"
     style="opacity:1">
    <rect
       style="fill:#ffffff;fill-opacity:1;stroke:none"
       id="rect23609"
       width="549.70648"
       height="443.42712"
       x="41.713261"
       y="73.132996"
       ry="3.7880721" />
    <rect
       style="fill:#ffdfdf;fill-opacity:1;stroke:#000000;stroke-width:1.77165353;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
       id="rect6642-4-3"
       width="179.50378"
       height="175.10982"
       x="399.79388"
       y="263.80252"
       ry="3.7880721" />
    <rect
       style="fill:#ffdfdf;fill-opacity:1;stroke:#000000;stroke-width:1.77165353;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
       id="rect6642-4"
       width="179.50378"
       height="175.10982"
       x="45.162289"
       y="263.80252"
       ry="3.7880721" />
    <flowRoot
       xml:space="preserve"
       id="flowRoot11361"
       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
       transform="translate(-763.81732,-794.25552)"
       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/intro/toolchain.png"
       inkscape:export-xdpi="90"
       inkscape:export-ydpi="90"><flowRegion
         id="flowRegion11363"><rect
           id="rect11365"
           width="94.752312"
           height="17.67767"
           x="813.87988"
           y="1064.3831"
           style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
         id="flowPara11367">User Project</flowPara></flowRoot>    <flowRoot
       xml:space="preserve"
       id="flowRoot11369"
       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
       transform="translate(-763.87827,-982.67399)"
       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/intro/toolchain.png"
       inkscape:export-xdpi="90"
       inkscape:export-ydpi="90"><flowRegion
         id="flowRegion11371"><rect
           id="rect11373"
           width="116.12012"
           height="17.979126"
           x="813.87988"
           y="1064.3831"
           style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
         id="flowPara11375">Developer Tools</flowPara></flowRoot>    <rect
       style="opacity:0;fill:none;fill-opacity:0.6875;stroke:none;stroke-width:0.95700002;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       id="rect19657"
       width="565"
       height="465"
       x="35"
       y="52.362183"
       rx="8.6243191"
       ry="4.9402232"
       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/intro/toolchain.png"
       inkscape:export-xdpi="90"
       inkscape:export-ydpi="90" />
    <rect
       style="fill:none;stroke:#000000;stroke-width:1.77165353;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
       id="rect6642"
       width="179.50377"
       height="179.94197"
       x="44.538742"
       y="75.790634"
       ry="3.7880721" />
    <g
       transform="translate(51.979289,-16.470967)"
       id="g28403">
      <rect
         style="fill:#4fb047;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
         id="rect4680"
         width="130.11183"
         height="142.24257"
         x="9.6957684"
         y="119.85882"
         ry="3.7880721" />
      <flowRoot
         xml:space="preserve"
         style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;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"
         id="flowRoot3307"
         transform="translate(5.320609,22.724306)"><flowRegion
           id="flowRegion3309"><use
             x="0"
             y="0"
             xlink:href="#rect4680"
             id="use3311"
             width="744.09448"
             height="1052.3622"
             transform="translate(-0.08313296,-13.857718)" /></flowRegion><flowPara
           id="flowPara3313">Eclipse IDE</flowPara></flowRoot>      <flowRoot
         xml:space="preserve"
         id="flowRoot11361-6-1-1-2-9-4-9-6"
         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
         transform="translate(-797.72677,-917.96995)"
         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-64-3-8-8-6-8"><rect
             id="rect11365-5-4-5-1-4-8-8-5"
             width="136.60326"
             height="42.457775"
             x="813.87988"
             y="1064.3831"
             style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;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="flowPara17609-3-7-2-3-9-1">(optional)</flowPara></flowRoot>    </g>
    <g
       transform="translate(35.305057,331.62713)"
       id="g28403-1">
      <rect
         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"
         id="rect4680-5"
         width="544.37036"
         height="63.517254"
         x="9.6957684"
         y="119.85882"
         ry="3.7880721" />
      <flowRoot
         xml:space="preserve"
         style="font-size:18px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;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"
         id="flowRoot3307-9"
         transform="translate(8.4356698,25.839367)"><flowRegion
           id="flowRegion3309-9"><use
             x="0"
             y="0"
             xlink:href="#rect4680-5"
             id="use3311-1"
             width="744.09448"
             height="1052.3622"
             transform="translate(-0.08313296,-13.857718)" /></flowRegion><flowPara
           id="flowPara3313-62">Java SDK</flowPara></flowRoot>    </g>
    <flowRoot
       xml:space="preserve"
       id="flowRoot11361-6"
       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
       transform="translate(-407.79416,-793.88956)"
       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"><rect
           id="rect11365-5"
           width="159.7314"
           height="20.981634"
           x="813.87988"
           y="1064.3831"
           style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
         id="flowPara11367-2">Web Application (WAR)</flowPara></flowRoot>    <g
       transform="translate(38.613319,112.28017)"
       id="g28403-3">
      <rect
         style="fill:#49c2f1;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:3;stroke-opacity:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
         id="rect4680-7"
         width="149.53987"
         height="60.488556"
         x="21.810513"
         y="180.43254"
         ry="3.7880721" />
      <flowRoot
         xml:space="preserve"
         id="flowRoot11361-6-1"
         style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;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(-786.22146,-876.33845)"
         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"><rect
             id="rect11365-5-4"
             width="136.60326"
             height="42.457775"
             x="813.87988"
             y="1064.3831"
             style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;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="flowPara17605">Vaadin</flowPara><flowPara
           id="flowPara17609">Library &amp; Themes</flowPara></flowRoot>    </g>
    <g
       transform="translate(39.163989,181.70718)"
       id="g28403-3-9">
      <rect
         style="fill:#f39300;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:3;stroke-opacity:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
         id="rect4680-7-1"
         width="150.09055"
         height="62.691235"
         x="21.259842"
         y="179.88187"
         ry="3.7880721" />
      <flowRoot
         xml:space="preserve"
         id="flowRoot11361-6-1-2"
         style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;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.87347,-877.99046)"
         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-6"><rect
             id="rect11365-5-4-9"
             width="142.10995"
             height="56.224495"
             x="813.87988"
             y="1064.3831"
             style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;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="flowPara17609-8">User</flowPara><flowPara
           id="flowPara17650">Sources &amp; Themes</flowPara></flowRoot>    </g>
    <g
       transform="translate(392.17272,112.28017)"
       id="g28403-3-0">
      <rect
         style="fill:#49c2f1;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:3;stroke-opacity:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
         id="rect4680-7-0"
         width="149.53987"
         height="60.488556"
         x="21.810513"
         y="180.43254"
         ry="3.7880721" />
      <flowRoot
         xml:space="preserve"
         id="flowRoot11361-6-1-1"
         style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;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(-782.22146,-876.33845)"
         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-64"><rect
             id="rect11365-5-4-5"
             width="136.60326"
             height="42.457775"
             x="813.87988"
             y="1064.3831"
             style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;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="flowPara17605-8">Vaadin</flowPara><flowPara
           id="flowPara17609-3">Library &amp; Themes</flowPara></flowRoot>    </g>
    <g
       transform="translate(392.72339,181.70718)"
       id="g28403-3-9-1">
      <rect
         style="fill:#f39300;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:3;stroke-opacity:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
         id="rect4680-7-1-2"
         width="150.09055"
         height="62.691235"
         x="21.259842"
         y="179.88187"
         ry="3.7880721" />
      <flowRoot
         xml:space="preserve"
         id="flowRoot11361-6-1-2-2"
         style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;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(-783.87347,-877.99046)"
         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-6-9"><rect
             id="rect11365-5-4-9-5"
             width="142.10995"
             height="56.224495"
             x="813.87988"
             y="1064.3831"
             style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;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="flowPara17609-8-5">User Executable</flowPara><flowPara
           id="flowPara17650-4">&amp; Themes</flowPara></flowRoot>    </g>
    <g
       transform="translate(416.84384,59.059463)"
       id="g28403-2">
      <rect
         style="fill:#4fb047;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
         id="rect4680-4"
         width="146.14641"
         height="64.509453"
         x="-1.08788"
         y="122.0615"
         ry="3.7880721" />
      <flowRoot
         xml:space="preserve"
         id="flowRoot11361-6-1-1-2"
         style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;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(-805.39463,-934.99119)"
         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-64-3"><rect
             id="rect11365-5-4-5-1"
             width="136.60326"
             height="42.457775"
             x="813.87988"
             y="1064.3831"
             style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;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="flowPara17609-3-7">Apache Tomcat</flowPara></flowRoot>      <flowRoot
         xml:space="preserve"
         id="flowRoot11361-6-1-1-2-9"
         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
         transform="translate(-805.41938,-916.49551)"
         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-64-3-8"><rect
             id="rect11365-5-4-5-1-4"
             width="136.60326"
             height="42.457775"
             x="813.87988"
             y="1064.3831"
             style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;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="flowPara17609-3-7-2">or any other web container</flowPara></flowRoot>    </g>
    <flowRoot
       xml:space="preserve"
       id="flowRoot11369-9"
       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
       transform="translate(-415.72387,-902.95392)"
       inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/intro/toolchain.png"
       inkscape:export-xdpi="90"
       inkscape:export-ydpi="90"><flowRegion
         id="flowRegion11371-3"><rect
           id="rect11373-3"
           width="116.12012"
           height="17.979126"
           x="813.87988"
           y="1064.3831"
           style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
         id="flowPara11375-6">Application Server</flowPara></flowRoot>    <rect
       style="fill:none;stroke:#000000;stroke-width:1.77165353;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
       id="rect6642-49"
       width="189.6277"
       height="287.64139"
       x="394.64005"
       y="156.44901"
       ry="3.7880721" />
    <g
       transform="translate(386.472,-43.932236)"
       id="g28403-2-5">
      <rect
         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"
         id="rect4680-4-4"
         width="143.20576"
         height="62.146721"
         x="7.3594728"
         y="119.85882"
         ry="3.7880721" />
      <flowRoot
         xml:space="preserve"
         id="flowRoot11361-6-1-1-2-1"
         style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;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(-798.65656,-935.26653)"
         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-64-3-6"><rect
             id="rect11365-5-4-5-1-8"
             width="136.60326"
             height="42.457775"
             x="813.87988"
             y="1064.3831"
             style="font-size:14px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;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="flowPara17609-3-7-0">Mozilla Firefox</flowPara></flowRoot>      <flowRoot
         xml:space="preserve"
         id="flowRoot11361-6-1-1-2-9-4"
         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
         transform="translate(-798.68131,-915.81479)"
         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-64-3-8-8"><rect
             id="rect11365-5-4-5-1-4-8"
             width="136.60326"
             height="42.457775"
             x="813.87988"
             y="1064.3831"
             style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;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="flowPara17609-3-7-2-3">or any other</flowPara><flowPara
           id="flowPara23437">browser</flowPara></flowRoot>    </g>
    <g
       transform="translate(470.88179,-11.856436)"
       id="g28403-2-5-7">
      <rect
         style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:2;stroke-opacity:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;stroke-miterlimit:4;stroke-dasharray:none"
         id="rect4680-4-4-5"
         width="99.427483"
         height="38.192566"
         x="10.388159"
         y="123.16283"
         ry="3.7880721" />
      <flowRoot
         xml:space="preserve"
         id="flowRoot11361-6-1-1-2-1-6"
         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;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(-798.65656,-935.26653)"
         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-64-3-6-0"><rect
             id="rect11365-5-4-5-1-8-4"
             width="136.60326"
             height="42.457775"
             x="813.87988"
             y="1064.3831"
             style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;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="flowPara17609-3-7-0-6">Firebug Plugin</flowPara></flowRoot>      <flowRoot
         xml:space="preserve"
         id="flowRoot11361-6-1-1-2-9-4-9"
         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
         transform="translate(-798.68131,-922.91615)"
         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-64-3-8-8-6"><rect
             id="rect11365-5-4-5-1-4-8-8"
             width="136.60326"
             height="42.457775"
             x="813.87988"
             y="1064.3831"
             style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;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="flowPara17609-3-7-2-3-9">(optional)</flowPara></flowRoot>    </g>
    <path
       inkscape:connector-type="polyline"
       id="path4676"
       d="m 186.86922,214.73837 225.57699,0.0813"
       style="fill:none;stroke:#4fb047;stroke-width:4;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker-start:none;marker-mid:none;marker-end:url(#marker52016);display:inline"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <path
       inkscape:connector-type="polyline"
       id="path4676-4"
       d="m 206.52638,393.9556 204.492,0.0813"
       style="fill:none;stroke:#f39300;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker-start:none;marker-mid:none;marker-end:url(#marker52016);display:inline"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <g
       transform="translate(64.64086,36.289394)"
       id="g28403-2-5-7-9">
      <rect
         style="fill:#49c2f1;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:2;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
         id="rect4680-4-4-5-5"
         width="99.427483"
         height="38.192566"
         x="10.388159"
         y="123.16283"
         ry="3.7880721" />
      <flowRoot
         xml:space="preserve"
         id="flowRoot11361-6-1-1-2-1-6-3"
         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;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(-798.65656,-935.26653)"
         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-64-3-6-0-2"><rect
             id="rect11365-5-4-5-1-8-4-4"
             width="136.60326"
             height="42.457775"
             x="813.87988"
             y="1064.3831"
             style="font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;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="flowPara17609-3-7-0-6-8">Vaadin Plugin</flowPara></flowRoot>      <flowRoot
         xml:space="preserve"
         id="flowRoot11361-6-1-1-2-9-4-9-3"
         style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
         transform="translate(-798.68131,-922.91615)"
         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-64-3-8-8-6-5"><rect
             id="rect11365-5-4-5-1-4-8-8-9"
             width="136.60326"
             height="42.457775"
             x="813.87988"
             y="1064.3831"
             style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;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="flowPara17609-3-7-2-3-9-2">(optional)</flowPara></flowRoot>    </g>
    <flowRoot
       xml:space="preserve"
       id="flowRoot11361-6-1-1-2-9-4-9-6-6"
       style="font-size:14px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
       transform="translate(-569.95724,-867.87202)"
       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-64-3-8-8-6-8-8"><rect
           id="rect11365-5-4-5-1-4-8-8-5-5"
           width="136.60326"
           height="42.457775"
           x="813.87988"
           y="1064.3831"
           style="font-size:14px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light" /></flowRegion><flowPara
         id="flowPara17609-3-7-2-3-9-1-0">Deploy and Control</flowPara></flowRoot>    <flowRoot
       xml:space="preserve"
       id="flowRoot11361-6-1-1-1"
       style="font-size:14px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
       transform="translate(-574.81713,-688.54658)"
       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-64-6"><rect
           id="rect11365-5-4-5-0"
           width="158.07941"
           height="33.096371"
           x="813.87988"
           y="1064.3831"
           style="font-size:14px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light" /></flowRegion><flowPara
         id="flowPara17609-3-3">Compile and Package</flowPara></flowRoot>  </g>
  <g
     inkscape:groupmode="layer"
     id="layer2"
     inkscape:label="Varjot" />
</svg>