Change-Id: I42673cabcd171dd560dfe84fd84eb86e7ba11733feature/vaadin8-book
[[figure.application.architecture]] | [[figure.application.architecture]] | ||||
.Server-Side Application Architecture | .Server-Side Application Architecture | ||||
image::img/application-architecture-hi.png[] | |||||
image::img/application-architecture-hi.png[width=75%, scaledwidth=90%] | |||||
<<figure.application.architecture>> illustrates the basic architecture of an | <<figure.application.architecture>> illustrates the basic architecture of an | ||||
application made with the Vaadin Framework, with all the major elements, which | application made with the Vaadin Framework, with all the major elements, which | ||||
Vaadin, please refer to | Vaadin, please refer to | ||||
<<dummy/../../../framework/datamodel/datamodel-overview.asciidoc#datamodel.overview,"Binding | <<dummy/../../../framework/datamodel/datamodel-overview.asciidoc#datamodel.overview,"Binding | ||||
Components to Data">>. | Components to Data">>. | ||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?> | |||||
<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" | |||||
height="1536.1" | |||||
width="1463.1" | |||||
xml:space="preserve" | |||||
viewBox="0 0 1463.1 1536.1" | |||||
y="0px" | |||||
x="0px" | |||||
id="Layer_1" | |||||
version="1.1"><metadata | |||||
id="metadata973"><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><defs | |||||
id="defs971" /><style | |||||
id="style3" | |||||
type="text/css"> | |||||
.st0{fill:none;stroke:#FF3A4B;stroke-miterlimit:10;} | |||||
.st1{fill:#FFFFFF;stroke:#E61E6E;stroke-miterlimit:10;} | |||||
.st2{fill:none;stroke:#7F7F7F;stroke-miterlimit:10;} | |||||
.st3{fill:none;stroke:#33393B;stroke-width:2;stroke-miterlimit:10;} | |||||
.st4{fill:none;} | |||||
.st5{fill:#E5E7E9;} | |||||
.st6{fill:none;stroke:#231F20;stroke-miterlimit:10;} | |||||
.st7{fill:none;stroke:#000000;stroke-linejoin:round;stroke-miterlimit:10;} | |||||
.st8{fill:none;stroke:#000000;stroke-miterlimit:10;} | |||||
.st9{fill:none;stroke:#00B4F0;stroke-miterlimit:10;} | |||||
.st10{fill:#FF3A4B;} | |||||
.st11{fill:none;stroke:#FF3A4B;stroke-width:2;stroke-miterlimit:10;} | |||||
.st12{fill:none;stroke:#00B4F0;stroke-width:2;stroke-miterlimit:10;} | |||||
.st13{fill:#FFFFFF;} | |||||
.st14{fill:#33393B;} | |||||
.st15{fill:#FF3B4A;} | |||||
.st16{fill:#00B4F0;} | |||||
.st17{fill:none;stroke:#33393B;stroke-miterlimit:10;} | |||||
</style><rect | |||||
style="fill:none;stroke:#ff3a4b;stroke-miterlimit:10" | |||||
id="rect5" | |||||
height="1172.1" | |||||
width="1452.1" | |||||
class="st0" | |||||
y="272.70001" | |||||
x="5.5" /><rect | |||||
style="fill:#ffffff;stroke:#e61e6e;stroke-miterlimit:10" | |||||
id="rect7" | |||||
height="192" | |||||
width="1270.3" | |||||
class="st1" | |||||
y="1338.6" | |||||
x="130.5" /><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g55"><path | |||||
id="path57" | |||||
d="m 757.9,254.8 -3.7,-12.3 -3.8,12.3 -2.7,0 -5.2,-15.8 2.9,0 3.8,12.8 3.8,-12.8 2.6,0 3.8,12.8 3.8,-12.8 2.7,0 -5.3,15.8 -2.7,0 z" /><path | |||||
id="path59" | |||||
d="m 774.9,241.4 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path | |||||
id="path61" | |||||
d="m 798.4,239 c 3.3,0 5.3,1.5 5.3,3.9 0,1.8 -1.1,3.1 -2.8,3.5 2.1,0.4 3.4,1.9 3.4,4 0,2.7 -2.2,4.3 -5.7,4.3 l -7,0 0,-15.7 6.8,0 z m -4.2,6.5 4.1,0 c 1.7,0 2.7,-0.8 2.7,-2.1 0,-1.3 -1,-2.1 -2.7,-2.1 l -4.1,0 0,4.2 z m 0,6.9 4.1,0 c 2.1,0 3.3,-0.8 3.3,-2.3 0,-1.4 -1.2,-2.2 -3.3,-2.2 l -4.1,0 0,4.5 z" /><path | |||||
id="path63" | |||||
d="m 829.1,239 c 3.3,0 5.3,1.5 5.3,3.9 0,1.8 -1.1,3.1 -2.8,3.5 2.1,0.4 3.4,1.9 3.4,4 0,2.7 -2.2,4.3 -5.7,4.3 l -7,0 0,-15.7 6.8,0 z m -4.2,6.5 4.1,0 c 1.7,0 2.7,-0.8 2.7,-2.1 0,-1.3 -1,-2.1 -2.7,-2.1 l -4.1,0 0,4.2 z m 0,6.9 4.1,0 c 2.1,0 3.3,-0.8 3.3,-2.3 0,-1.4 -1.2,-2.2 -3.3,-2.2 l -4.1,0 0,4.5 z" /><path | |||||
id="path65" | |||||
d="m 849.8,250 c -0.2,0 -0.5,0 -0.7,0 l -3.7,0 0,4.8 -2.7,0 0,-15.8 6.4,0 c 4,0 6.4,2 6.4,5.4 0,2.5 -1.2,4.3 -3.3,5.1 l 3.5,5.3 -3,0 -2.9,-4.8 z m -0.7,-2.4 c 2.4,0 3.8,-1 3.8,-3.2 0,-2.1 -1.4,-3.1 -3.8,-3.1 l -3.7,0 0,6.2 3.7,0 z" /><path | |||||
id="path67" | |||||
d="m 878.9,246.9 c 0,4.5 -3.7,8 -8.4,8 -4.7,0 -8.4,-3.5 -8.4,-8 0,-4.5 3.7,-8 8.4,-8 4.8,0 8.4,3.5 8.4,8 z m -14,0 c 0,3.1 2.6,5.6 5.7,5.6 3.1,0 5.6,-2.5 5.6,-5.6 0,-3.1 -2.5,-5.6 -5.6,-5.6 -3.1,0 -5.7,2.5 -5.7,5.6 z" /><path | |||||
id="path69" | |||||
d="m 899.5,254.8 -3.7,-12.3 -3.8,12.3 -2.7,0 -5.3,-15.8 2.9,0 3.8,12.8 3.8,-12.8 2.6,0 3.8,12.8 3.8,-12.8 2.7,0 -5.3,15.8 -2.6,0 z" /><path | |||||
id="path71" | |||||
d="m 924.6,240.5 -1.1,2.3 c -1.7,-1 -3.4,-1.5 -4.6,-1.5 -1.6,0 -2.6,0.6 -2.6,1.6 0,3.4 8.5,1.6 8.5,7.3 0,2.8 -2.5,4.6 -5.9,4.6 -2.5,0 -4.8,-1 -6.4,-2.5 l 1.1,-2.3 c 1.6,1.5 3.7,2.3 5.3,2.3 1.8,0 3,-0.7 3,-1.9 0,-3.5 -8.5,-1.6 -8.5,-7.2 0,-2.7 2.3,-4.4 5.7,-4.4 2,0.1 4,0.8 5.5,1.7 z" /><path | |||||
id="path73" | |||||
d="m 935.1,241.4 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path | |||||
id="path75" | |||||
d="m 958.8,250 c -0.2,0 -0.5,0 -0.7,0 l -3.7,0 0,4.8 -2.7,0 0,-15.8 6.4,0 c 4,0 6.4,2 6.4,5.4 0,2.5 -1.2,4.3 -3.3,5.1 l 3.5,5.3 -3,0 -2.9,-4.8 z m -0.7,-2.4 c 2.4,0 3.8,-1 3.8,-3.2 0,-2.1 -1.4,-3.1 -3.8,-3.1 l -3.7,0 0,6.2 3.7,0 z" /></g><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g77"><path | |||||
id="path79" | |||||
d="m 757.2,275.4 -1.1,1.4 c -1.2,-1.2 -2.9,-2 -4.7,-2 -3.6,0 -6.4,2.8 -6.4,6.2 0,3.4 2.9,6.2 6.4,6.2 1.7,0 3.4,-0.7 4.7,-1.9 l 1.1,1.2 c -1.6,1.5 -3.7,2.4 -5.9,2.4 -4.6,0 -8.2,-3.5 -8.2,-8 0,-4.4 3.7,-7.9 8.2,-7.9 2.3,0.1 4.4,1 5.9,2.4 z" /><path | |||||
id="path81" | |||||
d="m 761.5,289 0,-16.7 1.8,0 0,16.7 -1.8,0 z" /><path | |||||
id="path83" | |||||
d="m 770.8,273.7 c 0,0.7 -0.5,1.2 -1.1,1.2 -0.7,0 -1.1,-0.5 -1.1,-1.2 0,-0.7 0.5,-1.2 1.1,-1.2 0.6,0 1.1,0.5 1.1,1.2 z m -2,15.3 0,-11.9 1.7,0 0,11.9 -1.7,0 z" /><path | |||||
id="path85" | |||||
d="m 786.1,283.7 -9.7,0 c 0.3,2.3 2,3.8 4.3,3.8 1.5,0 2.8,-0.5 3.7,-1.5 l 1,1 c -1.1,1.3 -2.8,2 -4.8,2 -3.5,0 -5.9,-2.5 -5.9,-6 0,-3.5 2.4,-6 5.9,-6 3.8,0 5.7,2.7 5.5,6.7 z m -1.5,-1.4 c -0.1,-2.3 -1.6,-3.7 -4,-3.7 -2.3,0 -3.9,1.5 -4.1,3.7 l 8.1,0 z" /><path | |||||
id="path87" | |||||
d="m 801.1,281.6 0,7.3 -1.8,0 0,-6.9 c 0,-2.1 -1.3,-3.3 -3.4,-3.3 -2.3,0 -3.8,1.6 -4,3.8 l 0,6.4 -1.8,0 0,-11.9 1.8,0 0,2.6 c 0.8,-1.8 2.4,-2.7 4.6,-2.7 3,0.1 4.6,1.9 4.6,4.7 z" /><path | |||||
id="path89" | |||||
d="m 812.3,288.2 c -0.8,0.6 -1.7,0.9 -2.7,0.9 -1.7,0 -3,-1 -3,-3.4 l 0,-6.8 -1.7,0 0,-1.4 1.7,0 0,-3.1 1.7,0 0,3.1 3.8,0 0,1.4 -3.8,0 0,6.5 c 0,1.4 0.6,2 1.6,2 0.6,0 1.2,-0.2 1.9,-0.6 l 0.5,1.4 z" /><path | |||||
id="path91" | |||||
d="m 830.3,278.1 -0.7,1.4 c -0.9,-0.6 -2.1,-1 -3.2,-1 -1.3,0 -2.3,0.5 -2.3,1.6 0,2.6 6.6,1.3 6.6,5.5 0,2.3 -2.1,3.4 -4.4,3.4 -1.7,0 -3.4,-0.6 -4.6,-1.7 l 0.7,-1.3 c 1,0.9 2.5,1.5 3.9,1.5 1.4,0 2.5,-0.5 2.5,-1.7 0.1,-2.9 -6.6,-1.4 -6.6,-5.6 0,-2.3 2,-3.2 4.1,-3.2 1.7,0 3.1,0.4 4,1.1 z" /><path | |||||
id="path93" | |||||
d="m 836.8,273.7 c 0,0.7 -0.5,1.2 -1.1,1.2 -0.7,0 -1.1,-0.5 -1.1,-1.2 0,-0.7 0.5,-1.2 1.1,-1.2 0.6,0 1.1,0.5 1.1,1.2 z m -2.1,15.3 0,-11.9 1.7,0 0,11.9 -1.7,0 z" /><path | |||||
id="path95" | |||||
d="m 852.8,289 -1.8,0 0,-2.5 c -0.9,1.7 -2.5,2.6 -4.6,2.6 -3.4,0 -5.7,-2.5 -5.7,-6 0,-3.6 2.3,-6 5.7,-6 2.1,0 3.8,1 4.6,2.7 l 0,-7.4 1.8,0 0,16.6 z m -1.8,-5.9 c 0,-2.6 -1.8,-4.5 -4.3,-4.5 -2.5,0 -4.3,1.9 -4.3,4.5 0,2.6 1.8,4.4 4.3,4.4 2.6,0 4.3,-1.9 4.3,-4.4 z" /><path | |||||
id="path97" | |||||
d="m 868.6,283.7 -9.7,0 c 0.3,2.3 2,3.8 4.3,3.8 1.5,0 2.7,-0.5 3.7,-1.5 l 1,1 c -1.1,1.3 -2.8,2 -4.8,2 -3.5,0 -5.9,-2.5 -5.9,-6 0,-3.5 2.4,-6 5.9,-6 3.7,0 5.6,2.7 5.5,6.7 z m -1.6,-1.4 c -0.1,-2.3 -1.6,-3.7 -4,-3.7 -2.3,0 -3.9,1.5 -4.1,3.7 l 8.1,0 z" /><path | |||||
id="path99" | |||||
d="m 890.2,283.7 -9.7,0 c 0.3,2.3 2,3.8 4.3,3.8 1.5,0 2.8,-0.5 3.7,-1.5 l 1,1 c -1.1,1.3 -2.8,2 -4.8,2 -3.5,0 -5.9,-2.5 -5.9,-6 0,-3.5 2.4,-6 5.9,-6 3.8,0 5.7,2.7 5.5,6.7 z m -1.5,-1.4 c -0.1,-2.3 -1.6,-3.7 -4,-3.7 -2.3,0 -3.9,1.5 -4.1,3.7 l 8.1,0 z" /><path | |||||
id="path101" | |||||
d="m 905.2,281.6 0,7.3 -1.8,0 0,-6.9 c 0,-2.1 -1.3,-3.3 -3.4,-3.3 -2.3,0 -3.8,1.6 -4,3.8 l 0,6.4 -1.8,0 0,-11.9 1.8,0 0,2.6 c 0.8,-1.8 2.4,-2.7 4.6,-2.7 3,0.1 4.6,1.9 4.6,4.7 z" /><path | |||||
id="path103" | |||||
d="m 920.6,287.7 c 0,3.5 -2.4,5.7 -6,5.7 -1.9,0 -3.4,-0.6 -4.9,-1.7 l 0.8,-1.4 c 1.2,1 2.4,1.5 4,1.5 2.6,0 4.3,-1.6 4.3,-4.1 l 0,-1.7 c -0.8,1.6 -2.4,2.5 -4.4,2.5 -3.2,0 -5.4,-2.4 -5.4,-5.7 0,-3.3 2.2,-5.7 5.4,-5.7 2,0 3.6,0.9 4.4,2.5 l 0,-2.4 1.8,0 0,10.5 z m -1.7,-4.9 c 0,-2.5 -1.7,-4.2 -4.1,-4.2 -2.4,0 -4.1,1.8 -4.1,4.2 0,2.4 1.7,4.2 4.1,4.2 2.4,0 4.1,-1.8 4.1,-4.2 z" /><path | |||||
id="path105" | |||||
d="m 927.8,273.7 c 0,0.7 -0.5,1.2 -1.1,1.2 -0.7,0 -1.1,-0.5 -1.1,-1.2 0,-0.7 0.5,-1.2 1.1,-1.2 0.6,0 1.1,0.5 1.1,1.2 z m -2,15.3 0,-11.9 1.7,0 0,11.9 -1.7,0 z" /><path | |||||
id="path107" | |||||
d="m 943.8,281.6 0,7.3 -1.8,0 0,-6.9 c 0,-2.1 -1.3,-3.3 -3.4,-3.3 -2.3,0 -3.8,1.6 -4,3.8 l 0,6.4 -1.8,0 0,-11.9 1.8,0 0,2.6 c 0.8,-1.8 2.4,-2.7 4.6,-2.7 2.9,0.1 4.6,1.9 4.6,4.7 z" /><path | |||||
id="path109" | |||||
d="m 959,283.7 -9.7,0 c 0.3,2.3 2,3.8 4.3,3.8 1.5,0 2.8,-0.5 3.7,-1.5 l 1,1 c -1.1,1.3 -2.8,2 -4.8,2 -3.5,0 -5.9,-2.5 -5.9,-6 0,-3.5 2.4,-6 5.9,-6 3.8,0 5.7,2.7 5.5,6.7 z m -1.5,-1.4 c -0.1,-2.3 -1.6,-3.7 -4,-3.7 -2.3,0 -3.9,1.5 -4.1,3.7 l 8.1,0 z" /></g><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g111"><path | |||||
id="path113" | |||||
d="m 1558.7,717.6 c 4.7,0 8.2,3.3 8.2,7.9 0,4.6 -3.4,7.9 -8.2,7.9 l -6.4,0 0,-15.8 6.4,0 z m -3.9,13.4 3.9,0 c 3.1,0 5.4,-2.3 5.4,-5.5 0,-3.2 -2.4,-5.5 -5.5,-5.5 l -3.8,0 0,11 z" /><path | |||||
id="path115" | |||||
d="m 1576.8,720 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path | |||||
id="path117" | |||||
d="m 1596.1,720 0,4.6 7.2,0 0,2.4 -7.2,0 0,6.5 -2.7,0 0,-15.8 10.6,0 0,2.4 -7.9,0 z" /><path | |||||
id="path119" | |||||
d="m 1612.5,729.8 -1.5,3.6 -2.8,0 7,-15.8 2.7,0 6.9,15.8 -2.8,0 -1.5,-3.6 -8,0 z m 4,-9.4 -3,7 5.9,0 -2.9,-7 z" /><path | |||||
id="path121" | |||||
d="m 1644.4,726.8 c 0,4.1 -2.6,6.6 -6.9,6.6 -4.3,0 -6.9,-2.5 -6.9,-6.6 l 0,-9.2 2.7,0 0,9.2 c 0,2.7 1.6,4.3 4.2,4.3 2.6,0 4.2,-1.6 4.2,-4.3 l 0,-9.2 2.7,0 0,9.2 z" /><path | |||||
id="path123" | |||||
d="m 1662.2,730.9 0,2.4 -9.5,0 0,-15.8 2.7,0 0,13.4 6.8,0 z" /><path | |||||
id="path125" | |||||
d="m 1675,720 0,13.4 -2.7,0 0,-13.4 -5,0 0,-2.4 12.6,0 0,2.4 -4.9,0 z" /><path | |||||
id="path127" | |||||
d="m 1573.4,747 0,13.4 -2.7,0 0,-13.4 -5,0 0,-2.4 12.6,0 0,2.4 -4.9,0 z" /><path | |||||
id="path129" | |||||
d="m 1596.2,760.4 0,-6.5 -8.4,0 0,6.5 -2.7,0 0,-15.8 2.7,0 0,6.9 8.4,0 0,-6.9 2.7,0 0,15.8 -2.7,0 z" /><path | |||||
id="path131" | |||||
d="m 1610.1,747 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path | |||||
id="path133" | |||||
d="m 1641,760.4 0,-11.8 -5,10.1 -1.7,0 -5,-10.1 0,11.8 -2.5,0 0,-15.8 3.2,0 5.2,10.5 5.2,-10.5 3.1,0 0,15.8 -2.5,0 z" /><path | |||||
id="path135" | |||||
d="m 1654.8,747 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /></g><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g137"><path | |||||
id="path139" | |||||
d="m 1518.8,940.8 -1.5,3.6 -2.8,0 7,-15.8 2.7,0 6.9,15.8 -2.8,0 -1.5,-3.6 -8,0 z m 3.9,-9.4 -3,7 5.9,0 -2.9,-7 z" /><path | |||||
id="path141" | |||||
d="m 1544,928.6 c 4,0 6.2,2 6.2,5.4 0,3.6 -2.3,5.6 -6.2,5.6 l -3.6,0 0,4.8 -2.7,0 0,-15.8 6.3,0 z m -3.7,8.6 3.5,0 c 2.4,0 3.8,-1 3.8,-3.2 0,-2.1 -1.4,-3.1 -3.8,-3.1 l -3.5,0 0,6.3 z" /><path | |||||
id="path143" | |||||
d="m 1563.6,928.6 c 4,0 6.2,2 6.2,5.4 0,3.6 -2.3,5.6 -6.2,5.6 l -3.6,0 0,4.8 -2.7,0 0,-15.8 6.3,0 z m -3.6,8.6 3.5,0 c 2.4,0 3.8,-1 3.8,-3.2 0,-2.1 -1.4,-3.1 -3.8,-3.1 l -3.5,0 0,6.3 z" /><path | |||||
id="path145" | |||||
d="m 1586.5,941.9 0,2.4 -9.5,0 0,-15.8 2.7,0 0,13.4 6.8,0 z" /><path | |||||
id="path147" | |||||
d="m 1593.6,944.4 0,-15.8 2.7,0 0,15.8 -2.7,0 z" /><path | |||||
id="path149" | |||||
d="m 1617.9,930.9 -1.6,1.9 c -1.1,-1.2 -2.8,-2 -4.4,-2 -3.2,0 -5.6,2.4 -5.6,5.5 0,3.1 2.5,5.6 5.6,5.6 1.6,0 3.2,-0.7 4.4,-1.9 l 1.6,1.8 c -1.6,1.6 -3.9,2.6 -6.1,2.6 -4.6,0 -8.2,-3.5 -8.2,-8 0,-4.5 3.6,-7.9 8.3,-7.9 2.2,0 4.4,0.9 6,2.4 z" /><path | |||||
id="path151" | |||||
d="m 1627.2,940.8 -1.5,3.6 -2.8,0 7,-15.8 2.7,0 6.9,15.8 -2.8,0 -1.5,-3.6 -8,0 z m 4,-9.4 -3,7 5.9,0 -2.9,-7 z" /><path | |||||
id="path153" | |||||
d="m 1650.3,931 0,13.4 -2.7,0 0,-13.4 -5,0 0,-2.4 12.6,0 0,2.4 -4.9,0 z" /><path | |||||
id="path155" | |||||
d="m 1662.1,944.4 0,-15.8 2.7,0 0,15.8 -2.7,0 z" /><path | |||||
id="path157" | |||||
d="m 1688.9,936.5 c 0,4.5 -3.7,8 -8.4,8 -4.7,0 -8.4,-3.5 -8.4,-8 0,-4.5 3.7,-8 8.4,-8 4.7,0 8.4,3.5 8.4,8 z m -14.1,0 c 0,3.1 2.6,5.6 5.7,5.6 3.1,0 5.6,-2.5 5.6,-5.6 0,-3.1 -2.5,-5.6 -5.6,-5.6 -3.1,0 -5.7,2.4 -5.7,5.6 z" /><path | |||||
id="path159" | |||||
d="m 1707.3,944.4 -8.4,-11.3 0,11.3 -2.7,0 0,-15.8 2.6,0 8.5,11.3 0,-11.3 2.6,0 0,15.8 -2.6,0 z" /><path | |||||
id="path161" | |||||
d="m 1571.4,958 0,13.4 -2.7,0 0,-13.4 -5,0 0,-2.4 12.6,0 0,2.4 -4.9,0 z" /><path | |||||
id="path163" | |||||
d="m 1594.2,971.4 0,-6.5 -8.4,0 0,6.5 -2.7,0 0,-15.8 2.7,0 0,6.9 8.4,0 0,-6.9 2.7,0 0,15.8 -2.7,0 z" /><path | |||||
id="path165" | |||||
d="m 1608.2,958 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path | |||||
id="path167" | |||||
d="m 1639,971.4 0,-11.8 -5,10.1 -1.7,0 -5,-10.1 0,11.8 -2.5,0 0,-15.8 3.2,0 5.2,10.5 5.2,-10.5 3.1,0 0,15.8 -2.5,0 z" /><path | |||||
id="path169" | |||||
d="m 1652.8,958 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /></g><path | |||||
style="fill:none;stroke:#231f20;stroke-miterlimit:10" | |||||
id="path171" | |||||
d="m 350.8,120 -64.7,0 c -2.2,0 -4,-1.8 -4,-4 l 0,-45.5 c 0,-2.2 1.8,-4 4,-4 l 64.7,0 c 2.2,0 4,1.8 4,4 l 0,45.5 c 0,2.2 -1.8,4 -4,4 z" | |||||
class="st6" /><line | |||||
style="fill:none;stroke:#000000;stroke-linejoin:round;stroke-miterlimit:10" | |||||
id="line173" | |||||
y2="130.89999" | |||||
x2="318.5" | |||||
y1="120" | |||||
x1="318.5" | |||||
class="st7" /><line | |||||
style="fill:none;stroke:#000000;stroke-linejoin:round;stroke-miterlimit:10" | |||||
id="line175" | |||||
y2="131" | |||||
x2="308.29999" | |||||
y1="131" | |||||
x1="328.70001" | |||||
class="st7" /><circle | |||||
id="circle177" | |||||
r="2.5999999" | |||||
cy="131" | |||||
cx="328.70001" /><circle | |||||
id="circle179" | |||||
r="2.5999999" | |||||
cy="131" | |||||
cx="308.29999" /><line | |||||
style="fill:none;stroke:#000000;stroke-miterlimit:10" | |||||
id="line181" | |||||
y2="79.800003" | |||||
x2="354.79999" | |||||
y1="79.800003" | |||||
x1="282.20001" | |||||
class="st8" /><circle | |||||
id="circle183" | |||||
r="2" | |||||
cy="73.399994" | |||||
cx="289.5" /><circle | |||||
id="circle185" | |||||
r="2" | |||||
cy="73.399994" | |||||
cx="297.40002" /><circle | |||||
id="circle187" | |||||
r="2" | |||||
cy="73.399994" | |||||
cx="304.70001" /><polygon | |||||
transform="translate(-356.5,-160.5)" | |||||
style="fill:none;stroke:#000000;stroke-miterlimit:10" | |||||
id="polygon189" | |||||
points="671.9,231.8 698.1,231.8 701.1,240.3 668.9,240.3 " | |||||
class="st8" /><rect | |||||
style="fill:none;stroke:#000000;stroke-miterlimit:10" | |||||
id="rect191" | |||||
height="8.5" | |||||
width="63.299999" | |||||
class="st8" | |||||
y="85.800003" | |||||
x="287.5" /><rect | |||||
style="fill:none;stroke:#000000;stroke-miterlimit:10" | |||||
id="rect193" | |||||
height="13.5" | |||||
width="27.700001" | |||||
class="st8" | |||||
y="100.29999" | |||||
x="287.5" /><line | |||||
style="fill:none;stroke:#000000;stroke-miterlimit:10" | |||||
id="line195" | |||||
y2="101.5" | |||||
x2="347" | |||||
y1="101.5" | |||||
x1="323" | |||||
class="st8" /><line | |||||
style="fill:none;stroke:#000000;stroke-miterlimit:10" | |||||
id="line197" | |||||
y2="105.70001" | |||||
x2="343" | |||||
y1="105.70001" | |||||
x1="323" | |||||
class="st8" /><rect | |||||
style="fill:none;stroke:#00b4f0;stroke-miterlimit:10" | |||||
id="rect199" | |||||
height="192" | |||||
width="1267.4" | |||||
class="st9" | |||||
y="5.5" | |||||
x="125.5" /><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g201"><path | |||||
id="path203" | |||||
d="m 756.2,1572.1 c 3.3,0 5.3,1.5 5.3,3.9 0,1.8 -1.1,3.1 -2.8,3.5 2.1,0.4 3.4,1.9 3.4,4 0,2.7 -2.2,4.3 -5.7,4.3 l -7,0 0,-15.8 6.8,0 z m -4.1,6.6 4.1,0 c 1.7,0 2.7,-0.8 2.7,-2.1 0,-1.3 -1,-2.1 -2.7,-2.1 l -4.1,0 0,4.2 z m 0,6.8 4.1,0 c 2.1,0 3.3,-0.8 3.3,-2.3 0,-1.4 -1.2,-2.2 -3.3,-2.2 l -4.1,0 0,4.5 z" /><path | |||||
id="path205" | |||||
d="m 772,1584.3 -1.5,3.6 -2.8,0 7,-15.8 2.7,0 6.9,15.8 -2.8,0 -1.5,-3.6 -8,0 z m 4,-9.3 -3,7 5.9,0 -2.9,-7 z" /><path | |||||
id="path207" | |||||
d="m 803.5,1574.5 -1.6,1.9 c -1.1,-1.2 -2.8,-2 -4.4,-2 -3.2,0 -5.6,2.4 -5.6,5.5 0,3.1 2.5,5.6 5.6,5.6 1.6,0 3.2,-0.7 4.4,-1.9 l 1.6,1.8 c -1.6,1.6 -3.9,2.6 -6.1,2.6 -4.6,0 -8.2,-3.5 -8.2,-8 0,-4.5 3.6,-7.9 8.3,-7.9 2.3,0 4.5,0.9 6,2.4 z" /><path | |||||
id="path209" | |||||
d="m 816.1,1580.9 -2.7,3 0,4 -2.7,0 0,-15.8 2.7,0 0,8.2 7.5,-8.2 3.1,0 -6.1,6.7 6.5,9 -3.2,0 -5.1,-6.9 z" /><path | |||||
id="path211" | |||||
d="m 844.4,1574.5 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.2,0 0,2.4 -8.6,0 z" /><path | |||||
id="path213" | |||||
d="m 872.1,1587.9 -8.4,-11.3 0,11.3 -2.7,0 0,-15.8 2.6,0 8.5,11.3 0,-11.3 2.6,0 0,15.8 -2.6,0 z" /><path | |||||
id="path215" | |||||
d="m 889.9,1572.1 c 4.7,0 8.2,3.3 8.2,7.9 0,4.6 -3.4,7.9 -8.2,7.9 l -6.4,0 0,-15.8 6.4,0 z m -3.8,13.4 3.9,0 c 3.1,0 5.4,-2.3 5.4,-5.5 0,-3.2 -2.4,-5.5 -5.5,-5.5 l -3.8,0 0,11 z" /></g><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g217"><path | |||||
id="path219" | |||||
d="m 759.4,1607.8 -0.8,1.7 c -1.4,-0.9 -3.1,-1.3 -4.3,-1.3 -2,0 -3.4,0.8 -3.4,2.1 0,4.1 8.9,1.9 8.9,7.7 0,2.6 -2.3,4.3 -5.7,4.3 -2.3,0 -4.6,-1 -6,-2.4 l 0.8,-1.6 c 1.5,1.4 3.5,2.2 5.3,2.2 2.3,0 3.7,-0.9 3.7,-2.4 0,-4.1 -8.9,-1.9 -8.9,-7.6 0,-2.5 2.2,-4.1 5.5,-4.1 1.7,-0.1 3.6,0.5 4.9,1.4 z" /><path | |||||
id="path221" | |||||
d="m 774.6,1616.9 -9.7,0 c 0.3,2.3 2,3.8 4.3,3.8 1.5,0 2.8,-0.5 3.7,-1.5 l 1,1 c -1.1,1.3 -2.8,2 -4.8,2 -3.5,0 -5.9,-2.5 -5.9,-6 0,-3.5 2.4,-6 5.9,-6 3.8,0 5.7,2.7 5.5,6.7 z m -1.6,-1.4 c -0.1,-2.3 -1.6,-3.7 -4,-3.7 -2.3,0 -3.9,1.5 -4.1,3.7 l 8.1,0 z" /><path | |||||
id="path223" | |||||
d="m 780.5,1612.9 c 0.8,-1.7 2.3,-2.7 4.3,-2.7 l 0,1.8 c -2.5,0 -4.1,1.5 -4.3,3.9 l 0,6.3 -1.8,0 0,-11.9 1.8,0 0,2.6 z" /><path | |||||
id="path225" | |||||
d="m 791.5,1622.2 -4.7,-11.9 1.9,0 3.8,10.1 3.8,-10.1 1.8,0 -4.7,11.9 -1.9,0 z" /><path | |||||
id="path227" | |||||
d="m 811.1,1616.9 -9.7,0 c 0.3,2.3 2,3.8 4.3,3.8 1.5,0 2.7,-0.5 3.7,-1.5 l 1,1 c -1.1,1.3 -2.8,2 -4.8,2 -3.5,0 -5.9,-2.5 -5.9,-6 0,-3.5 2.4,-6 5.9,-6 3.8,0 5.7,2.7 5.5,6.7 z m -1.6,-1.4 c -0.1,-2.3 -1.6,-3.7 -4,-3.7 -2.3,0 -3.9,1.5 -4.1,3.7 l 8.1,0 z" /><path | |||||
id="path229" | |||||
d="m 817,1612.9 c 0.8,-1.7 2.3,-2.7 4.3,-2.7 l 0,1.8 c -2.5,0 -4.1,1.5 -4.3,3.9 l 0,6.3 -1.8,0 0,-11.9 1.8,0 0,2.6 z" /><path | |||||
id="path231" | |||||
d="m 839,1611.3 -0.7,1.4 c -0.9,-0.6 -2.1,-1 -3.2,-1 -1.3,0 -2.3,0.5 -2.3,1.6 0,2.6 6.6,1.3 6.6,5.5 0,2.3 -2.1,3.4 -4.4,3.4 -1.7,0 -3.4,-0.6 -4.6,-1.7 l 0.7,-1.3 c 1,0.9 2.5,1.5 3.9,1.5 1.4,0 2.5,-0.5 2.5,-1.7 0.1,-2.9 -6.6,-1.4 -6.6,-5.6 0,-2.3 2,-3.2 4.1,-3.2 1.6,0 3,0.4 4,1.1 z" /><path | |||||
id="path233" | |||||
d="m 845.4,1606.9 c 0,0.7 -0.5,1.2 -1.1,1.2 -0.7,0 -1.1,-0.5 -1.1,-1.2 0,-0.7 0.5,-1.2 1.1,-1.2 0.6,0 1.1,0.5 1.1,1.2 z m -2,15.3 0,-11.9 1.7,0 0,11.9 -1.7,0 z" /><path | |||||
id="path235" | |||||
d="m 861.4,1622.2 -1.8,0 0,-2.5 c -0.9,1.7 -2.5,2.6 -4.6,2.6 -3.4,0 -5.7,-2.5 -5.7,-6 0,-3.6 2.3,-6 5.7,-6 2.1,0 3.8,1 4.6,2.7 l 0,-7.4 1.8,0 0,16.6 z m -1.7,-5.9 c 0,-2.6 -1.8,-4.5 -4.3,-4.5 -2.5,0 -4.3,1.9 -4.3,4.5 0,2.6 1.8,4.4 4.3,4.4 2.5,0 4.3,-1.9 4.3,-4.4 z" /><path | |||||
id="path237" | |||||
d="m 877.2,1616.9 -9.7,0 c 0.3,2.3 2,3.8 4.3,3.8 1.5,0 2.7,-0.5 3.7,-1.5 l 1,1 c -1.1,1.3 -2.8,2 -4.8,2 -3.5,0 -5.9,-2.5 -5.9,-6 0,-3.5 2.4,-6 5.9,-6 3.8,0 5.7,2.7 5.5,6.7 z m -1.6,-1.4 c -0.1,-2.3 -1.6,-3.7 -4,-3.7 -2.3,0 -3.9,1.5 -4.1,3.7 l 8.1,0 z" /><path | |||||
id="path239" | |||||
d="m 888.7,1622.2 0,-16.7 1.8,0 0,16.7 -1.8,0 z" /><path | |||||
id="path241" | |||||
d="m 906.9,1616.2 c 0,3.6 -2.5,6 -6,6 -3.5,0 -6,-2.5 -6,-6 0,-3.5 2.5,-6 6,-6 3.5,0 6,2.5 6,6 z m -10.3,0 c 0,2.6 1.8,4.4 4.3,4.4 2.5,0 4.3,-1.8 4.3,-4.4 0,-2.6 -1.8,-4.4 -4.3,-4.4 -2.5,0 -4.3,1.9 -4.3,4.4 z" /><path | |||||
id="path243" | |||||
d="m 921.4,1620.9 c 0,3.5 -2.4,5.7 -6,5.7 -1.9,0 -3.4,-0.6 -4.9,-1.7 l 0.8,-1.4 c 1.2,1 2.4,1.5 4,1.5 2.6,0 4.3,-1.6 4.3,-4.1 l 0,-1.8 c -0.8,1.6 -2.4,2.5 -4.4,2.5 -3.2,0 -5.4,-2.4 -5.4,-5.7 0,-3.3 2.2,-5.7 5.4,-5.7 2,0 3.6,0.9 4.4,2.5 l 0,-2.4 1.8,0 0,10.6 z m -1.7,-4.9 c 0,-2.5 -1.7,-4.2 -4.1,-4.2 -2.4,0 -4.1,1.8 -4.1,4.2 0,2.4 1.7,4.2 4.1,4.2 2.4,0 4.1,-1.8 4.1,-4.2 z" /><path | |||||
id="path245" | |||||
d="m 928.5,1606.9 c 0,0.7 -0.5,1.2 -1.1,1.2 -0.7,0 -1.1,-0.5 -1.1,-1.2 0,-0.7 0.5,-1.2 1.1,-1.2 0.7,0 1.1,0.5 1.1,1.2 z m -2,15.3 0,-11.9 1.7,0 0,11.9 -1.7,0 z" /><path | |||||
id="path247" | |||||
d="m 943,1612 -1,1.2 c -0.9,-0.9 -2.1,-1.4 -3.5,-1.4 -2.5,0 -4.2,1.8 -4.2,4.4 0,2.6 1.8,4.4 4.2,4.4 1.6,0 2.8,-0.5 3.7,-1.5 l 1,1.1 c -1.1,1.3 -2.7,2.1 -4.8,2.1 -3.4,0 -5.9,-2.5 -5.9,-6 0,-3.5 2.5,-6 5.9,-6 1.9,-0.1 3.5,0.6 4.6,1.7 z" /></g><line | |||||
style="fill:none;stroke:#000000;stroke-miterlimit:10" | |||||
id="line249" | |||||
y2="496.40002" | |||||
x2="261.70001" | |||||
y1="197.5" | |||||
x1="261.70001" | |||||
class="st8" /><rect | |||||
style="fill:none;stroke:#000000;stroke-miterlimit:10" | |||||
id="rect251" | |||||
height="153" | |||||
width="272.29999" | |||||
class="st8" | |||||
y="496.40002" | |||||
x="1123.4" /><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g253"><path | |||||
id="path255" | |||||
d="m 566.4,715.4 -6.3,-15.8 2.9,0 4.9,12.8 4.9,-12.8 2.8,0 -6.4,15.8 -2.8,0 z" /><path | |||||
id="path257" | |||||
d="m 583.3,711.8 -1.5,3.6 -2.8,0 7,-15.8 2.7,0 6.9,15.8 -2.8,0 -1.5,-3.6 -8,0 z m 4,-9.4 -3,7 5.9,0 -2.9,-7 z" /><path | |||||
id="path259" | |||||
d="m 604.4,711.8 -1.5,3.6 -2.8,0 7,-15.8 2.7,0 6.9,15.8 -2.8,0 -1.5,-3.6 -8,0 z m 4,-9.4 -3,7 5.9,0 -2.9,-7 z" /><path | |||||
id="path261" | |||||
d="m 629.8,699.6 c 4.7,0 8.2,3.3 8.2,7.9 0,4.6 -3.4,7.9 -8.2,7.9 l -6.4,0 0,-15.8 6.4,0 z m -3.8,13.4 3.9,0 c 3.1,0 5.4,-2.3 5.4,-5.5 0,-3.2 -2.4,-5.5 -5.5,-5.5 l -3.8,0 0,11 z" /><path | |||||
id="path263" | |||||
d="m 645.3,715.4 0,-15.8 2.7,0 0,15.8 -2.7,0 z" /><path | |||||
id="path265" | |||||
d="m 667.7,715.4 -8.4,-11.3 0,11.3 -2.7,0 0,-15.8 2.6,0 8.5,11.3 0,-11.3 2.6,0 0,15.8 -2.6,0 z" /><path | |||||
id="path267" | |||||
d="m 559.3,728.1 -1.1,2.3 c -1.7,-1 -3.4,-1.5 -4.6,-1.5 -1.6,0 -2.6,0.6 -2.6,1.6 0,3.4 8.5,1.6 8.5,7.3 0,2.8 -2.5,4.6 -5.9,4.6 -2.5,0 -4.8,-1 -6.4,-2.5 l 1.1,-2.3 c 1.6,1.5 3.7,2.3 5.3,2.3 1.8,0 3,-0.7 3,-1.9 0,-3.5 -8.5,-1.6 -8.5,-7.2 0,-2.7 2.3,-4.4 5.7,-4.4 2,0.1 4.1,0.8 5.5,1.7 z" /><path | |||||
id="path269" | |||||
d="m 569.8,729 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path | |||||
id="path271" | |||||
d="m 593.6,737.6 c -0.2,0 -0.5,0 -0.7,0 l -3.7,0 0,4.8 -2.7,0 0,-15.8 6.4,0 c 4,0 6.4,2 6.4,5.4 0,2.5 -1.2,4.3 -3.3,5.1 l 3.5,5.3 -3,0 -2.9,-4.8 z m -0.8,-2.3 c 2.4,0 3.8,-1 3.8,-3.2 0,-2.1 -1.4,-3.1 -3.8,-3.1 l -3.7,0 0,6.2 3.7,0 z" /><path | |||||
id="path273" | |||||
d="m 611.3,742.4 -6.3,-15.8 2.9,0 4.9,12.8 4.9,-12.8 2.8,0 -6.4,15.8 -2.8,0 z" /><path | |||||
id="path275" | |||||
d="m 636.6,740 0,2.4 -9.5,0 0,-15.8 2.7,0 0,13.4 6.8,0 z" /><path | |||||
id="path277" | |||||
d="m 646.3,729 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path | |||||
id="path279" | |||||
d="m 668.7,729 0,13.4 -2.7,0 0,-13.4 -5,0 0,-2.4 12.6,0 0,2.4 -4.9,0 z" /><path | |||||
id="path281" | |||||
d="m 678,745 7.1,-21 2.2,0 -7.1,21 -2.2,0 z" /><path | |||||
id="path283" | |||||
d="m 559.7,753.7 c 4,0 6.2,2 6.2,5.4 0,3.6 -2.3,5.6 -6.2,5.6 l -3.6,0 0,4.8 -2.7,0 0,-15.8 6.3,0 z m -3.6,8.6 3.5,0 c 2.4,0 3.8,-1 3.8,-3.2 0,-2.1 -1.4,-3.1 -3.8,-3.1 l -3.5,0 0,6.3 z" /><path | |||||
id="path285" | |||||
d="m 588.5,761.6 c 0,4.5 -3.7,8 -8.4,8 -4.7,0 -8.4,-3.5 -8.4,-8 0,-4.5 3.7,-8 8.4,-8 4.8,0 8.4,3.5 8.4,8 z m -14,0 c 0,3.1 2.6,5.6 5.7,5.6 3.1,0 5.6,-2.5 5.6,-5.6 0,-3.1 -2.5,-5.6 -5.6,-5.6 -3.1,0 -5.7,2.4 -5.7,5.6 z" /><path | |||||
id="path287" | |||||
d="m 603,764.7 c -0.2,0 -0.5,0 -0.7,0 l -3.7,0 0,4.8 -2.7,0 0,-15.8 6.4,0 c 4,0 6.4,2 6.4,5.4 0,2.5 -1.2,4.3 -3.3,5.1 l 3.5,5.3 -3,0 -2.9,-4.8 z m -0.7,-2.4 c 2.4,0 3.8,-1 3.8,-3.2 0,-2.1 -1.4,-3.1 -3.8,-3.1 l -3.7,0 0,6.2 3.7,0 z" /><path | |||||
id="path289" | |||||
d="m 622.5,756.1 0,13.4 -2.7,0 0,-13.4 -5,0 0,-2.4 12.6,0 0,2.4 -4.9,0 z" /><path | |||||
id="path291" | |||||
d="m 643.7,767 0,2.4 -9.5,0 0,-15.8 2.7,0 0,13.4 6.8,0 z" /><path | |||||
id="path293" | |||||
d="m 653.5,756.1 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path | |||||
id="path295" | |||||
d="m 675.9,756.1 0,13.4 -2.7,0 0,-13.4 -5,0 0,-2.4 12.6,0 0,2.4 -4.9,0 z" /></g><rect | |||||
style="fill:none;stroke:#ff3a4b;stroke-miterlimit:10" | |||||
id="rect297" | |||||
height="153" | |||||
width="272.29999" | |||||
class="st0" | |||||
y="496.40002" | |||||
x="125.5" /><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g299"><path | |||||
id="path301" | |||||
d="m 896.4,733.4 -6.3,-15.8 2.9,0 4.9,12.8 4.9,-12.8 2.8,0 -6.4,15.8 -2.8,0 z" /><path | |||||
id="path303" | |||||
d="m 913.3,729.8 -1.5,3.6 -2.8,0 7,-15.8 2.7,0 6.9,15.8 -2.8,0 -1.5,-3.6 -8,0 z m 3.9,-9.4 -3,7 5.9,0 -2.9,-7 z" /><path | |||||
id="path305" | |||||
d="m 934.4,729.8 -1.5,3.6 -2.8,0 7,-15.8 2.7,0 6.9,15.8 -2.8,0 -1.5,-3.6 -8,0 z m 4,-9.4 -3,7 5.9,0 -2.9,-7 z" /><path | |||||
id="path307" | |||||
d="m 959.8,717.6 c 4.7,0 8.2,3.3 8.2,7.9 0,4.6 -3.4,7.9 -8.2,7.9 l -6.4,0 0,-15.8 6.4,0 z m -3.8,13.4 3.9,0 c 3.1,0 5.4,-2.3 5.4,-5.5 0,-3.2 -2.4,-5.5 -5.5,-5.5 l -3.8,0 0,11 z" /><path | |||||
id="path309" | |||||
d="m 975.3,733.4 0,-15.8 2.7,0 0,15.8 -2.7,0 z" /><path | |||||
id="path311" | |||||
d="m 997.7,733.4 -8.4,-11.3 0,11.3 -2.7,0 0,-15.8 2.6,0 8.5,11.3 0,-11.3 2.6,0 0,15.8 -2.6,0 z" /><path | |||||
id="path313" | |||||
d="m 896.6,746.1 -1.1,2.3 c -1.7,-1 -3.4,-1.5 -4.6,-1.5 -1.6,0 -2.6,0.6 -2.6,1.6 0,3.4 8.5,1.6 8.5,7.3 0,2.8 -2.5,4.6 -5.9,4.6 -2.5,0 -4.8,-1 -6.4,-2.5 l 1.1,-2.3 c 1.6,1.5 3.7,2.3 5.3,2.3 1.8,0 3,-0.7 3,-1.9 0,-3.5 -8.5,-1.6 -8.5,-7.2 0,-2.7 2.3,-4.4 5.7,-4.4 2,0.1 4,0.8 5.5,1.7 z" /><path | |||||
id="path315" | |||||
d="m 907,747 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path | |||||
id="path317" | |||||
d="m 930.8,755.6 c -0.2,0 -0.5,0 -0.7,0 l -3.7,0 0,4.8 -2.7,0 0,-15.8 6.4,0 c 4,0 6.4,2 6.4,5.4 0,2.5 -1.2,4.3 -3.3,5.1 l 3.5,5.3 -3,0 -2.9,-4.8 z m -0.7,-2.3 c 2.4,0 3.8,-1 3.8,-3.2 0,-2.1 -1.4,-3.1 -3.8,-3.1 l -3.7,0 0,6.2 3.7,0 z" /><path | |||||
id="path319" | |||||
d="m 948.6,760.4 -6.3,-15.8 2.9,0 4.9,12.8 4.9,-12.8 2.8,0 -6.4,15.8 -2.8,0 z" /><path | |||||
id="path321" | |||||
d="m 964.4,760.4 0,-15.8 2.7,0 0,15.8 -2.7,0 z" /><path | |||||
id="path323" | |||||
d="m 988.7,747 -1.6,1.9 c -1.1,-1.2 -2.8,-2 -4.4,-2 -3.2,0 -5.6,2.4 -5.6,5.5 0,3.1 2.5,5.6 5.6,5.6 1.6,0 3.2,-0.7 4.4,-1.9 l 1.6,1.8 c -1.6,1.6 -3.9,2.6 -6.1,2.6 -4.6,0 -8.2,-3.5 -8.2,-8 0,-4.5 3.6,-7.9 8.3,-7.9 2.2,0 4.4,0.9 6,2.4 z" /><path | |||||
id="path325" | |||||
d="m 998.6,747 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /></g><rect | |||||
style="fill:none;stroke:#ff3a4b;stroke-miterlimit:10" | |||||
id="rect327" | |||||
height="153" | |||||
width="272.29999" | |||||
class="st0" | |||||
y="496.40002" | |||||
x="455.5" /><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g329"><path | |||||
id="path331" | |||||
d="m 896.4,943.8 -6.3,-15.8 2.9,0 4.9,12.8 4.9,-12.8 2.8,0 -6.4,15.8 -2.8,0 z" /><path | |||||
id="path333" | |||||
d="m 913.3,940.2 -1.5,3.6 -2.8,0 7,-15.8 2.7,0 6.9,15.8 -2.8,0 -1.5,-3.6 -8,0 z m 3.9,-9.3 -3,7 5.9,0 -2.9,-7 z" /><path | |||||
id="path335" | |||||
d="m 934.4,940.2 -1.5,3.6 -2.8,0 7,-15.8 2.7,0 6.9,15.8 -2.8,0 -1.5,-3.6 -8,0 z m 4,-9.3 -3,7 5.9,0 -2.9,-7 z" /><path | |||||
id="path337" | |||||
d="m 959.8,928 c 4.7,0 8.2,3.3 8.2,7.9 0,4.6 -3.4,7.9 -8.2,7.9 l -6.4,0 0,-15.8 6.4,0 z m -3.8,13.4 3.9,0 c 3.1,0 5.4,-2.3 5.4,-5.5 0,-3.2 -2.4,-5.5 -5.5,-5.5 l -3.8,0 0,11 z" /><path | |||||
id="path339" | |||||
d="m 975.3,943.8 0,-15.8 2.7,0 0,15.8 -2.7,0 z" /><path | |||||
id="path341" | |||||
d="m 997.7,943.8 -8.4,-11.3 0,11.3 -2.7,0 0,-15.8 2.6,0 8.5,11.3 0,-11.3 2.6,0 0,15.8 -2.6,0 z" /><path | |||||
id="path343" | |||||
d="m 895.6,956.6 -1.1,2.3 c -1.7,-1 -3.4,-1.5 -4.6,-1.5 -1.6,0 -2.6,0.6 -2.6,1.6 0,3.4 8.5,1.6 8.5,7.3 0,2.8 -2.5,4.6 -5.9,4.6 -2.5,0 -4.8,-1 -6.4,-2.5 l 1.1,-2.3 c 1.6,1.5 3.7,2.3 5.3,2.3 1.8,0 3,-0.7 3,-1.9 0,-3.5 -8.5,-1.6 -8.5,-7.2 0,-2.7 2.3,-4.4 5.7,-4.4 2,0.1 4,0.7 5.5,1.7 z" /><path | |||||
id="path345" | |||||
d="m 906.1,957.5 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path | |||||
id="path347" | |||||
d="m 933.4,956.6 -1.1,2.3 c -1.7,-1 -3.4,-1.5 -4.6,-1.5 -1.6,0 -2.6,0.6 -2.6,1.6 0,3.4 8.5,1.6 8.5,7.3 0,2.8 -2.5,4.6 -5.9,4.6 -2.5,0 -4.8,-1 -6.4,-2.5 l 1.1,-2.3 c 1.6,1.5 3.7,2.3 5.3,2.3 1.8,0 3,-0.7 3,-1.9 0,-3.5 -8.5,-1.6 -8.5,-7.2 0,-2.7 2.3,-4.4 5.7,-4.4 2,0.1 4,0.7 5.5,1.7 z" /><path | |||||
id="path349" | |||||
d="m 951.9,956.6 -1.1,2.3 c -1.7,-1 -3.4,-1.5 -4.6,-1.5 -1.6,0 -2.6,0.6 -2.6,1.6 0,3.4 8.5,1.6 8.5,7.3 0,2.8 -2.5,4.6 -5.9,4.6 -2.5,0 -4.8,-1 -6.4,-2.5 l 1.1,-2.3 c 1.6,1.5 3.7,2.3 5.3,2.3 1.8,0 3,-0.7 3,-1.9 0,-3.5 -8.5,-1.6 -8.5,-7.2 0,-2.7 2.3,-4.4 5.7,-4.4 2.1,0.1 4.1,0.7 5.5,1.7 z" /><path | |||||
id="path351" | |||||
d="m 959.7,970.8 0,-15.8 2.7,0 0,15.8 -2.7,0 z" /><path | |||||
id="path353" | |||||
d="m 986.5,963 c 0,4.5 -3.7,8 -8.4,8 -4.7,0 -8.4,-3.5 -8.4,-8 0,-4.5 3.7,-8 8.4,-8 4.7,0 8.4,3.4 8.4,8 z m -14,0 c 0,3.1 2.6,5.6 5.7,5.6 3.1,0 5.6,-2.5 5.6,-5.6 0,-3.1 -2.5,-5.6 -5.6,-5.6 -3.2,0 -5.7,2.4 -5.7,5.6 z" /><path | |||||
id="path355" | |||||
d="m 1004.9,970.8 -8.4,-11.3 0,11.3 -2.7,0 0,-15.8 2.6,0 8.5,11.3 0,-11.3 2.6,0 0,15.8 -2.6,0 z" /></g><rect | |||||
style="fill:none;stroke:#ff3a4b;stroke-miterlimit:10" | |||||
id="rect357" | |||||
height="153" | |||||
width="272.29999" | |||||
class="st0" | |||||
y="706.79999" | |||||
x="455.5" /><rect | |||||
style="fill:none;stroke:#000000;stroke-miterlimit:10" | |||||
id="rect359" | |||||
height="153" | |||||
width="272.29999" | |||||
class="st8" | |||||
y="707.40002" | |||||
x="1120.6" /><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g361"><path | |||||
id="path363" | |||||
d="m 941.5,1148.5 c 0,4.1 -2.6,6.6 -6.9,6.6 -4.3,0 -6.9,-2.5 -6.9,-6.6 l 0,-9.2 2.7,0 0,9.2 c 0,2.7 1.6,4.3 4.2,4.3 2.6,0 4.2,-1.6 4.2,-4.3 l 0,-9.2 2.7,0 0,9.2 z" /><path | |||||
id="path365" | |||||
d="m 949.8,1155.1 0,-15.8 2.7,0 0,15.8 -2.7,0 z" /><path | |||||
id="path367" | |||||
d="m 852.3,1168.7 -1.6,1.9 c -1.1,-1.2 -2.8,-2 -4.4,-2 -3.2,0 -5.6,2.4 -5.6,5.5 0,3.1 2.5,5.6 5.6,5.6 1.6,0 3.2,-0.7 4.4,-1.9 l 1.6,1.8 c -1.6,1.6 -3.9,2.6 -6.1,2.6 -4.6,0 -8.2,-3.5 -8.2,-8 0,-4.5 3.6,-7.9 8.3,-7.9 2.2,0 4.5,0.9 6,2.4 z" /><path | |||||
id="path369" | |||||
d="m 874.6,1174.2 c 0,4.5 -3.7,8 -8.4,8 -4.7,0 -8.4,-3.5 -8.4,-8 0,-4.5 3.7,-8 8.4,-8 4.8,0.1 8.4,3.5 8.4,8 z m -14,0 c 0,3.1 2.6,5.6 5.7,5.6 3.1,0 5.6,-2.5 5.6,-5.6 0,-3.1 -2.5,-5.6 -5.6,-5.6 -3.1,0.1 -5.7,2.5 -5.7,5.6 z" /><path | |||||
id="path371" | |||||
d="m 896.2,1182.1 0,-11.8 -5,10.1 -1.7,0 -5,-10.1 0,11.8 -2.5,0 0,-15.8 3.2,0 5.2,10.5 5.2,-10.5 3.1,0 0,15.8 -2.5,0 z" /><path | |||||
id="path373" | |||||
d="m 913.6,1166.3 c 4,0 6.2,2 6.2,5.4 0,3.6 -2.3,5.6 -6.2,5.6 l -3.6,0 0,4.8 -2.7,0 0,-15.8 6.3,0 z m -3.6,8.7 3.5,0 c 2.4,0 3.8,-1 3.8,-3.2 0,-2.1 -1.4,-3.1 -3.8,-3.1 l -3.5,0 0,6.3 z" /><path | |||||
id="path375" | |||||
d="m 942.4,1174.2 c 0,4.5 -3.7,8 -8.4,8 -4.7,0 -8.4,-3.5 -8.4,-8 0,-4.5 3.7,-8 8.4,-8 4.8,0.1 8.4,3.5 8.4,8 z m -14,0 c 0,3.1 2.6,5.6 5.7,5.6 3.1,0 5.6,-2.5 5.6,-5.6 0,-3.1 -2.5,-5.6 -5.6,-5.6 -3.1,0.1 -5.7,2.5 -5.7,5.6 z" /><path | |||||
id="path377" | |||||
d="m 960.8,1182.1 -8.4,-11.3 0,11.3 -2.7,0 0,-15.8 2.6,0 8.5,11.3 0,-11.3 2.6,0 0,15.8 -2.6,0 z" /><path | |||||
id="path379" | |||||
d="m 974.8,1168.7 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path | |||||
id="path381" | |||||
d="m 1002.5,1182.1 -8.4,-11.3 0,11.3 -2.7,0 0,-15.8 2.6,0 8.5,11.3 0,-11.3 2.6,0 0,15.8 -2.6,0 z" /><path | |||||
id="path383" | |||||
d="m 1019.5,1168.7 0,13.4 -2.7,0 0,-13.4 -5,0 0,-2.4 12.6,0 0,2.4 -4.9,0 z" /><path | |||||
id="path385" | |||||
d="m 1042,1167.9 -1.1,2.3 c -1.7,-1 -3.4,-1.5 -4.6,-1.5 -1.6,0 -2.6,0.6 -2.6,1.6 0,3.4 8.5,1.6 8.5,7.3 0,2.8 -2.5,4.6 -5.9,4.6 -2.5,0 -4.8,-1 -6.4,-2.5 l 1.1,-2.3 c 1.6,1.5 3.7,2.3 5.3,2.3 1.8,0 3,-0.7 3,-1.9 0,-3.5 -8.5,-1.6 -8.5,-7.2 0,-2.7 2.3,-4.4 5.7,-4.4 2.1,0 4.1,0.7 5.5,1.7 z" /></g><rect | |||||
style="fill:none;stroke:#ff3a4b;stroke-miterlimit:10" | |||||
id="rect387" | |||||
height="153" | |||||
width="272.29999" | |||||
class="st0" | |||||
y="918.09998" | |||||
x="451.5" /><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g389"><path | |||||
id="path391" | |||||
d="m 591.8,1148.5 c 0,4.1 -2.6,6.6 -6.9,6.6 -4.3,0 -6.9,-2.5 -6.9,-6.6 l 0,-9.2 2.7,0 0,9.2 c 0,2.7 1.6,4.3 4.2,4.3 2.6,0 4.2,-1.6 4.2,-4.3 l 0,-9.2 2.7,0 0,9.2 z" /><path | |||||
id="path393" | |||||
d="m 610.8,1140.8 -1.1,2.3 c -1.7,-1 -3.4,-1.5 -4.6,-1.5 -1.6,0 -2.6,0.6 -2.6,1.6 0,3.4 8.5,1.6 8.5,7.3 0,2.8 -2.5,4.6 -5.9,4.6 -2.5,0 -4.8,-1 -6.4,-2.5 l 1.1,-2.3 c 1.6,1.5 3.7,2.3 5.3,2.3 1.8,0 3,-0.7 3,-1.9 0,-3.5 -8.5,-1.6 -8.5,-7.2 0,-2.7 2.3,-4.4 5.7,-4.4 2,0.1 4,0.7 5.5,1.7 z" /><path | |||||
id="path395" | |||||
d="m 621.3,1141.7 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path | |||||
id="path397" | |||||
d="m 645,1150.3 c -0.2,0 -0.5,0 -0.7,0 l -3.7,0 0,4.8 -2.7,0 0,-15.8 6.4,0 c 4,0 6.4,2 6.4,5.4 0,2.5 -1.2,4.3 -3.3,5.1 l 3.5,5.3 -3,0 -2.9,-4.8 z m -0.7,-2.4 c 2.4,0 3.8,-1 3.8,-3.2 0,-2.1 -1.4,-3.1 -3.8,-3.1 l -3.7,0 0,6.2 3.7,0 z" /><path | |||||
id="path399" | |||||
d="m 534.3,1182.1 0,-15.8 2.7,0 0,15.8 -2.7,0 z" /><path | |||||
id="path401" | |||||
d="m 556.7,1182.1 -8.4,-11.3 0,11.3 -2.7,0 0,-15.8 2.6,0 8.5,11.3 0,-11.3 2.6,0 0,15.8 -2.6,0 z" /><path | |||||
id="path403" | |||||
d="m 573.8,1168.7 0,13.4 -2.7,0 0,-13.4 -5,0 0,-2.4 12.6,0 0,2.4 -4.9,0 z" /><path | |||||
id="path405" | |||||
d="m 588.2,1168.7 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path | |||||
id="path407" | |||||
d="m 612,1177.3 c -0.2,0 -0.5,0 -0.7,0 l -3.7,0 0,4.8 -2.7,0 0,-15.8 6.4,0 c 4,0 6.4,2 6.4,5.4 0,2.5 -1.2,4.3 -3.3,5.1 l 3.5,5.3 -3,0 -2.9,-4.8 z m -0.7,-2.3 c 2.4,0 3.8,-1 3.8,-3.2 0,-2.1 -1.4,-3.1 -3.8,-3.1 l -3.7,0 0,6.2 3.7,0 z" /><path | |||||
id="path409" | |||||
d="m 628.3,1168.7 0,4.6 7.2,0 0,2.4 -7.2,0 0,6.5 -2.7,0 0,-15.8 10.6,0 0,2.4 -7.9,0 z" /><path | |||||
id="path411" | |||||
d="m 644.7,1178.6 -1.5,3.6 -2.8,0 7,-15.8 2.7,0 6.9,15.8 -2.8,0 -1.5,-3.6 -8,0 z m 4,-9.4 -3,7 5.9,0 -2.9,-7 z" /><path | |||||
id="path413" | |||||
d="m 676.2,1168.7 -1.6,1.9 c -1.1,-1.2 -2.8,-2 -4.4,-2 -3.2,0 -5.6,2.4 -5.6,5.5 0,3.1 2.5,5.6 5.6,5.6 1.6,0 3.2,-0.7 4.4,-1.9 l 1.6,1.8 c -1.6,1.6 -3.9,2.6 -6.1,2.6 -4.6,0 -8.2,-3.5 -8.2,-8 0,-4.5 3.6,-7.9 8.3,-7.9 2.3,0 4.5,0.9 6,2.4 z" /><path | |||||
id="path415" | |||||
d="m 686.1,1168.7 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /></g><rect | |||||
style="fill:none;stroke:#ff3a4b;stroke-miterlimit:10" | |||||
id="rect417" | |||||
height="153" | |||||
width="272.29999" | |||||
class="st0" | |||||
y="918.09998" | |||||
x="125.5" /><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g419"><path | |||||
id="path421" | |||||
d="m 558.2,953.2 -3.7,-12.3 -3.8,12.3 -2.7,0 -5.2,-15.8 2.9,0 3.8,12.8 3.8,-12.8 2.6,0 3.8,12.8 3.8,-12.8 2.7,0 -5.3,15.8 -2.7,0 z" /><path | |||||
id="path423" | |||||
d="m 575.2,939.8 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path | |||||
id="path425" | |||||
d="m 598.7,937.4 c 3.3,0 5.3,1.5 5.3,3.9 0,1.8 -1.1,3.1 -2.8,3.5 2.1,0.4 3.4,1.9 3.4,4 0,2.7 -2.2,4.3 -5.7,4.3 l -7,0 0,-15.8 6.8,0 z m -4.2,6.6 4.1,0 c 1.7,0 2.7,-0.8 2.7,-2.1 0,-1.3 -1,-2.1 -2.7,-2.1 l -4.1,0 0,4.2 z m 0,6.9 4.1,0 c 2.1,0 3.3,-0.8 3.3,-2.3 0,-1.4 -1.2,-2.2 -3.3,-2.2 l -4.1,0 0,4.5 z" /><path | |||||
id="path427" | |||||
d="m 618.6,937.4 c 4,0 6.2,2 6.2,5.4 0,3.6 -2.3,5.6 -6.2,5.6 l -3.6,0 0,4.8 -2.7,0 0,-15.8 6.3,0 z m -3.7,8.7 3.5,0 c 2.4,0 3.8,-1 3.8,-3.2 0,-2.1 -1.4,-3.1 -3.8,-3.1 l -3.5,0 0,6.3 z" /><path | |||||
id="path429" | |||||
d="m 633.2,949.7 -1.5,3.6 -2.8,0 7,-15.8 2.7,0 6.9,15.8 -2.8,0 -1.5,-3.6 -8,0 z m 4,-9.4 -3,7 5.9,0 -2.9,-7 z" /><path | |||||
id="path431" | |||||
d="m 664.8,945.5 0,5.8 c -1.6,1.2 -4,2.1 -6.1,2.1 -4.7,0 -8.3,-3.5 -8.3,-8 0,-4.5 3.7,-8 8.5,-8 2.3,0 4.5,0.9 6.1,2.2 l -1.5,2 c -1.2,-1.1 -2.9,-1.8 -4.6,-1.8 -3.2,0 -5.7,2.5 -5.7,5.6 0,3.2 2.5,5.6 5.8,5.6 1.2,0 2.5,-0.4 3.6,-1.1 l 0,-4.4 2.2,0 z" /><path | |||||
id="path433" | |||||
d="m 675.7,939.8 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /></g><rect | |||||
style="fill:none;stroke:#ff3a4b;stroke-miterlimit:10" | |||||
id="rect435" | |||||
height="153" | |||||
width="272.29999" | |||||
class="st0" | |||||
y="707.20001" | |||||
x="125.5" /><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g437"><path | |||||
id="path439" | |||||
d="m 903.9,1346.9 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path | |||||
id="path441" | |||||
d="m 924.8,1360.3 -6.3,-15.8 2.9,0 4.9,12.8 4.9,-12.8 2.8,0 -6.4,15.8 -2.8,0 z" /><path | |||||
id="path443" | |||||
d="m 943.3,1346.9 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path | |||||
id="path445" | |||||
d="m 971,1360.3 -8.4,-11.3 0,11.3 -2.7,0 0,-15.8 2.6,0 8.5,11.3 0,-11.3 2.6,0 0,15.8 -2.6,0 z" /><path | |||||
id="path447" | |||||
d="m 988,1346.9 0,13.4 -2.7,0 0,-13.4 -5,0 0,-2.4 12.7,0 0,2.4 -5,0 z" /><path | |||||
id="path449" | |||||
d="m 887.2,1384.9 0,2.4 -9.5,0 0,-15.8 2.7,0 0,13.4 6.8,0 z" /><path | |||||
id="path451" | |||||
d="m 894.2,1387.3 0,-15.8 2.7,0 0,15.8 -2.7,0 z" /><path | |||||
id="path453" | |||||
d="m 916.2,1373 -1.1,2.3 c -1.7,-1 -3.4,-1.5 -4.6,-1.5 -1.6,0 -2.6,0.6 -2.6,1.6 0,3.4 8.5,1.6 8.5,7.3 0,2.8 -2.5,4.6 -6,4.6 -2.5,0 -4.8,-1 -6.4,-2.5 l 1.1,-2.3 c 1.6,1.5 3.7,2.3 5.3,2.3 1.8,0 3,-0.7 3,-1.9 0,-3.5 -8.5,-1.6 -8.5,-7.2 0,-2.7 2.3,-4.4 5.7,-4.4 2.2,0.1 4.2,0.8 5.6,1.7 z" /><path | |||||
id="path455" | |||||
d="m 929.8,1373.9 0,13.4 -2.7,0 0,-13.4 -5,0 0,-2.4 12.6,0 0,2.4 -4.9,0 z" /><path | |||||
id="path457" | |||||
d="m 944.3,1373.9 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path | |||||
id="path459" | |||||
d="m 972,1387.3 -8.4,-11.3 0,11.3 -2.7,0 0,-15.8 2.6,0 8.5,11.3 0,-11.3 2.6,0 0,15.8 -2.6,0 z" /><path | |||||
id="path461" | |||||
d="m 985.9,1373.9 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path | |||||
id="path463" | |||||
d="m 1009.7,1382.5 c -0.2,0 -0.5,0 -0.7,0 l -3.7,0 0,4.8 -2.7,0 0,-15.8 6.4,0 c 4,0 6.4,2 6.4,5.4 0,2.5 -1.2,4.3 -3.3,5.1 l 3.5,5.3 -3,0 -2.9,-4.8 z m -0.7,-2.3 c 2.4,0 3.8,-1 3.8,-3.2 0,-2.1 -1.4,-3.1 -3.8,-3.1 l -3.7,0 0,6.2 3.7,0 z" /></g><rect | |||||
style="fill:none;stroke:#ff3a4b;stroke-miterlimit:10" | |||||
id="rect465" | |||||
height="153" | |||||
width="272.29999" | |||||
class="st0" | |||||
y="1127.3" | |||||
x="125.5" /><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g467"><path | |||||
id="path469" | |||||
d="m 523.7,1360.7 -1.5,3.6 -2.8,0 7,-15.8 2.7,0 6.9,15.8 -2.8,0 -1.5,-3.6 -8,0 z m 4,-9.4 -3,7 5.9,0 -2.9,-7 z" /><path | |||||
id="path471" | |||||
d="m 548.9,1348.5 c 4,0 6.2,2 6.2,5.4 0,3.6 -2.3,5.6 -6.2,5.6 l -3.6,0 0,4.8 -2.7,0 0,-15.8 6.3,0 z m -3.6,8.6 3.5,0 c 2.4,0 3.8,-1 3.8,-3.2 0,-2.1 -1.4,-3.1 -3.8,-3.1 l -3.5,0 0,6.3 z" /><path | |||||
id="path473" | |||||
d="m 568.6,1348.5 c 4,0 6.2,2 6.2,5.4 0,3.6 -2.3,5.6 -6.2,5.6 l -3.6,0 0,4.8 -2.7,0 0,-15.8 6.3,0 z m -3.7,8.6 3.5,0 c 2.4,0 3.8,-1 3.8,-3.2 0,-2.1 -1.4,-3.1 -3.8,-3.1 l -3.5,0 0,6.3 z" /><path | |||||
id="path475" | |||||
d="m 591.4,1361.8 0,2.4 -9.4,0 0,-15.8 2.7,0 0,13.4 6.7,0 z" /><path | |||||
id="path477" | |||||
d="m 598.5,1364.3 0,-15.8 2.7,0 0,15.8 -2.7,0 z" /><path | |||||
id="path479" | |||||
d="m 622.8,1350.8 -1.6,1.9 c -1.1,-1.2 -2.8,-2 -4.4,-2 -3.2,0 -5.6,2.4 -5.6,5.5 0,3.1 2.5,5.6 5.6,5.6 1.6,0 3.2,-0.7 4.4,-1.9 l 1.6,1.8 c -1.6,1.6 -3.9,2.6 -6.1,2.6 -4.6,0 -8.2,-3.5 -8.2,-8 0,-4.5 3.6,-7.9 8.3,-7.9 2.2,0 4.5,0.9 6,2.4 z" /><path | |||||
id="path481" | |||||
d="m 632.2,1360.7 -1.5,3.6 -2.8,0 7,-15.8 2.7,0 6.9,15.8 -2.8,0 -1.5,-3.6 -8,0 z m 3.9,-9.4 -3,7 5.9,0 -2.9,-7 z" /><path | |||||
id="path483" | |||||
d="m 655.3,1350.9 0,13.4 -2.7,0 0,-13.4 -5,0 0,-2.4 12.6,0 0,2.4 -4.9,0 z" /><path | |||||
id="path485" | |||||
d="m 667.1,1364.3 0,-15.8 2.7,0 0,15.8 -2.7,0 z" /><path | |||||
id="path487" | |||||
d="m 693.8,1356.4 c 0,4.5 -3.7,8 -8.4,8 -4.7,0 -8.4,-3.5 -8.4,-8 0,-4.5 3.7,-8 8.4,-8 4.7,0 8.4,3.5 8.4,8 z m -14,0 c 0,3.1 2.6,5.6 5.7,5.6 3.1,0 5.6,-2.5 5.6,-5.6 0,-3.1 -2.5,-5.6 -5.6,-5.6 -3.2,0 -5.7,2.4 -5.7,5.6 z" /><path | |||||
id="path489" | |||||
d="m 712.2,1364.3 -8.4,-11.3 0,11.3 -2.7,0 0,-15.8 2.6,0 8.5,11.3 0,-11.3 2.6,0 0,15.8 -2.6,0 z" /><path | |||||
id="path491" | |||||
d="m 619.4,1384.8 c 0,4.1 -2.6,6.6 -6.9,6.6 -4.3,0 -6.9,-2.5 -6.9,-6.6 l 0,-9.2 2.7,0 0,9.2 c 0,2.7 1.6,4.3 4.2,4.3 2.6,0 4.2,-1.6 4.2,-4.3 l 0,-9.2 2.7,0 0,9.2 z" /><path | |||||
id="path493" | |||||
d="m 627.7,1391.3 0,-15.8 2.7,0 0,15.8 -2.7,0 z" /></g><rect | |||||
style="fill:none;stroke:#ff3a4b;stroke-miterlimit:10" | |||||
id="rect495" | |||||
height="153" | |||||
width="272.29999" | |||||
class="st0" | |||||
y="1127.3" | |||||
x="455.5" /><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g497"><path | |||||
id="path499" | |||||
d="m 1249.8,1348.5 c 4.7,0 8.2,3.3 8.2,7.9 0,4.6 -3.4,7.9 -8.2,7.9 l -6.4,0 0,-15.8 6.4,0 z m -3.8,13.4 3.9,0 c 3.1,0 5.4,-2.3 5.4,-5.5 0,-3.2 -2.4,-5.5 -5.5,-5.5 l -3.8,0 0,11 z" /><path | |||||
id="path501" | |||||
d="m 1267.2,1360.7 -1.5,3.6 -2.8,0 7,-15.8 2.7,0 6.9,15.8 -2.8,0 -1.5,-3.6 -8,0 z m 3.9,-9.4 -3,7 6,0 -3,-7 z" /><path | |||||
id="path503" | |||||
d="m 1290.3,1350.9 0,13.4 -2.7,0 0,-13.4 -5,0 0,-2.4 12.6,0 0,2.4 -4.9,0 z" /><path | |||||
id="path505" | |||||
d="m 1302.8,1360.7 -1.5,3.6 -2.8,0 7,-15.8 2.7,0 6.9,15.8 -2.8,0 -1.5,-3.6 -8,0 z m 3.9,-9.4 -3,7 5.9,0 -2.9,-7 z" /><path | |||||
id="path507" | |||||
d="m 1243.8,1391.3 0,-11.8 -5,10.1 -1.7,0 -5,-10.1 0,11.8 -2.5,0 0,-15.8 3.2,0 5.2,10.5 5.2,-10.5 3.1,0 0,15.8 -2.5,0 z" /><path | |||||
id="path509" | |||||
d="m 1270.3,1383.4 c 0,4.5 -3.7,8 -8.4,8 -4.7,0 -8.4,-3.5 -8.4,-8 0,-4.5 3.7,-8 8.4,-8 4.8,0.1 8.4,3.5 8.4,8 z m -14,0 c 0,3.1 2.6,5.6 5.7,5.6 3.1,0 5.6,-2.5 5.6,-5.6 0,-3.1 -2.5,-5.6 -5.6,-5.6 -3.1,0 -5.7,2.5 -5.7,5.6 z" /><path | |||||
id="path511" | |||||
d="m 1284.1,1375.5 c 4.7,0 8.2,3.3 8.2,7.9 0,4.6 -3.4,7.9 -8.2,7.9 l -6.4,0 0,-15.8 6.4,0 z m -3.8,13.4 3.9,0 c 3.1,0 5.4,-2.3 5.4,-5.5 0,-3.2 -2.4,-5.5 -5.5,-5.5 l -3.8,0 0,11 z" /><path | |||||
id="path513" | |||||
d="m 1302.3,1377.9 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path | |||||
id="path515" | |||||
d="m 1328.4,1388.9 0,2.4 -9.5,0 0,-15.8 2.7,0 0,13.4 6.8,0 z" /></g><rect | |||||
style="fill:none;stroke:#ff3a4b;stroke-miterlimit:10" | |||||
id="rect517" | |||||
height="153" | |||||
width="272.29999" | |||||
class="st0" | |||||
y="1127.3" | |||||
x="789.5" /><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g519"><path | |||||
style="fill:#ff3a4b" | |||||
id="path521" | |||||
d="m 770,505.4 -4.5,10 -2.3,0 16,-35.3 2.3,0 16.2,35.3 -2.3,0 -4.6,-10 -20.8,0 z m 10.3,-22.8 -9.3,20.7 18.8,0 -9.5,-20.7 z" | |||||
class="st10" /><path | |||||
style="fill:#ff3a4b" | |||||
id="path523" | |||||
d="m 826.6,480.1 c 8.7,0 13.6,4.2 13.6,11.6 0,7.6 -4.9,11.9 -13.6,11.9 l -10.3,0 0,11.8 -2.1,0 0,-35.3 12.4,0 z m -10.3,21.5 10.2,0 c 7.4,0 11.6,-3.5 11.6,-9.8 0,-6.2 -4.2,-9.6 -11.6,-9.6 l -10.2,0 0,19.4 z" | |||||
class="st10" /><path | |||||
style="fill:#ff3a4b" | |||||
id="path525" | |||||
d="m 870.2,480.1 c 8.7,0 13.6,4.2 13.6,11.6 0,7.6 -4.9,11.9 -13.6,11.9 l -10.3,0 0,11.8 -2.1,0 0,-35.3 12.4,0 z m -10.3,21.5 10.2,0 c 7.4,0 11.6,-3.5 11.6,-9.8 0,-6.2 -4.2,-9.6 -11.6,-9.6 l -10.2,0 0,19.4 z" | |||||
class="st10" /><path | |||||
style="fill:#ff3a4b" | |||||
id="path527" | |||||
d="m 919.2,513.4 0,2.1 -17.8,0 0,-35.3 2.1,0 0,33.2 15.7,0 z" | |||||
class="st10" /><path | |||||
style="fill:#ff3a4b" | |||||
id="path529" | |||||
d="m 936.8,515.4 0,-35.3 2.1,0 0,35.3 -2.1,0 z" | |||||
class="st10" /><path | |||||
style="fill:#ff3a4b" | |||||
id="path531" | |||||
d="m 988,484.8 -1.3,1.6 c -2.9,-2.7 -6.9,-4.3 -11.1,-4.3 -8.9,0 -16.2,7 -16.2,15.6 0,8.7 7.2,15.7 16.2,15.7 4.2,0 8.1,-1.6 11.1,-4.3 l 1.3,1.5 c -3.3,3 -7.8,4.9 -12.5,4.9 -10,0 -18.2,-7.9 -18.2,-17.7 0,-9.8 8.2,-17.7 18.2,-17.7 4.8,0 9.2,1.8 12.5,4.7 z" | |||||
class="st10" /><path | |||||
style="fill:#ff3a4b" | |||||
id="path533" | |||||
d="m 1007.8,505.4 -4.5,10 -2.3,0 16,-35.3 2.3,0 16.2,35.3 -2.3,0 -4.6,-10 -20.8,0 z m 10.3,-22.8 -9.3,20.7 18.8,0 -9.5,-20.7 z" | |||||
class="st10" /><path | |||||
style="fill:#ff3a4b" | |||||
id="path535" | |||||
d="m 1057.4,482.2 0,33.2 -2.1,0 0,-33.2 -11.9,0 0,-2.1 25.9,0 0,2.1 -11.9,0 z" | |||||
class="st10" /><path | |||||
style="fill:#ff3a4b" | |||||
id="path537" | |||||
d="m 1086.1,515.4 0,-35.3 2.1,0 0,35.3 -2.1,0 z" | |||||
class="st10" /><path | |||||
style="fill:#ff3a4b" | |||||
id="path539" | |||||
d="m 1143.2,497.8 c 0,9.8 -8.2,17.7 -18.3,17.7 -10.1,0 -18.3,-7.9 -18.3,-17.7 0,-9.8 8.2,-17.7 18.3,-17.7 10.2,0 18.3,7.9 18.3,17.7 z m -34.3,0 c 0,8.6 7.3,15.6 16.1,15.6 8.8,0 16.1,-7 16.1,-15.6 0,-8.6 -7.3,-15.6 -16.1,-15.6 -8.9,0 -16.1,6.9 -16.1,15.6 z" | |||||
class="st10" /><path | |||||
style="fill:#ff3a4b" | |||||
id="path541" | |||||
d="m 1187.4,515.4 -23.5,-32.1 0,32.1 -2.1,0 0,-35.3 2.5,0 23.6,32.1 0,-32.1 2.1,0 0,35.3 -2.6,0 z" | |||||
class="st10" /><path | |||||
style="fill:#ff3a4b" | |||||
id="path543" | |||||
d="m 1256.3,482.9 -1,1.9 c -2.6,-1.7 -6.2,-2.6 -9.2,-2.6 -5.6,0 -9.2,2.3 -9.2,6 0,10.8 20.7,5.2 20.6,18.2 0,5.5 -4.9,9 -12.3,9 -4.7,0 -9.5,-2.1 -12.6,-5.1 l 1.1,-1.9 c 2.9,3 7.4,4.8 11.5,4.8 6.1,0 9.9,-2.6 9.9,-6.8 0.1,-11.1 -20.6,-5.4 -20.6,-18.1 0,-5.1 4.6,-8.4 11.6,-8.4 3.7,0.1 7.6,1.3 10.2,3 z" | |||||
class="st10" /><path | |||||
style="fill:#ff3a4b" | |||||
id="path545" | |||||
d="m 1279.3,482.2 0,14.1 18.4,0 0,2.1 -18.4,0 0,14.9 21.3,0 0,2.1 -23.4,0 0,-35.3 22.8,0 0,2.1 -20.7,0 z" | |||||
class="st10" /><path | |||||
style="fill:#ff3a4b" | |||||
id="path547" | |||||
d="m 1335.4,503.5 c -1,0.2 -1.9,0.2 -3,0.2 l -10.4,0 0,11.8 -2.1,0 0,-35.3 12.5,0 c 8.7,0 13.7,4.2 13.7,11.6 0,6 -3.1,9.9 -8.7,11.4 l 8.8,12.3 -2.5,0 -8.3,-12 z m -3,-1.9 c 7.4,0 11.6,-3.5 11.6,-9.8 0,-6.2 -4.2,-9.6 -11.6,-9.6 l -10.4,0 0,19.4 10.4,0 z" | |||||
class="st10" /><path | |||||
style="fill:#ff3a4b" | |||||
id="path549" | |||||
d="m 1374.9,515.4 -14.6,-35.3 2.4,0 13.4,32.8 13.4,-32.8 2.3,0 -14.6,35.3 -2.3,0 z" | |||||
class="st10" /><path | |||||
style="fill:#ff3a4b" | |||||
id="path551" | |||||
d="m 1410.5,482.2 0,14.1 18.4,0 0,2.1 -18.4,0 0,14.9 21.3,0 0,2.1 -23.4,0 0,-35.3 22.8,0 0,2.1 -20.7,0 z" | |||||
class="st10" /><path | |||||
style="fill:#ff3a4b" | |||||
id="path553" | |||||
d="m 1466.6,503.5 c -1,0.2 -1.9,0.2 -3,0.2 l -10.3,0 0,11.8 -2.1,0 0,-35.3 12.5,0 c 8.7,0 13.7,4.2 13.7,11.6 0,6 -3.1,9.9 -8.7,11.4 l 8.8,12.3 -2.5,0 -8.4,-12 z m -3,-1.9 c 7.4,0 11.6,-3.5 11.6,-9.8 0,-6.2 -4.2,-9.6 -11.6,-9.6 l -10.4,0 0,19.4 10.4,0 z" | |||||
class="st10" /></g><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g555"><path | |||||
id="path557" | |||||
d="m 919.8,565.1 c 0,4.4 -2.6,6.9 -6.8,6.9 -2.6,0 -4.8,-1.2 -6.4,-3.1 l 1.7,-2.8 c 1.4,1.6 3.1,2.4 4.6,2.4 2,0 3.1,-1.2 3.1,-3.5 l 0,-11.7 -7.5,0 0,-3.3 11.3,0 0,15.1 z" /><path | |||||
id="path559" | |||||
d="m 941.1,569.8 c -1.2,1.5 -3.1,2.2 -5.5,2.2 -3.6,0 -5.8,-2.2 -5.8,-5.1 0,-3 2.3,-5 6.3,-5 l 5,0 0,-0.5 c 0,-2.1 -1.3,-3.3 -4,-3.3 -1.6,0 -3.2,0.6 -4.9,1.7 l -1.5,-2.5 c 2.3,-1.4 4,-2.1 7.1,-2.1 4.3,0 6.7,2.2 6.7,5.8 l 0,10.9 -3.5,0 0,-2.1 z m -0.1,-3.8 0,-1.5 -4.5,0 c -2.3,0 -3.4,0.6 -3.4,2.2 0,1.5 1.2,2.5 3.2,2.5 2.6,-0.1 4.6,-1.4 4.7,-3.2 z" /><path | |||||
id="path561" | |||||
d="m 958.9,571.8 -6.4,-16.6 3.7,0 4.6,13.1 4.6,-13.1 3.6,0 -6.4,16.6 -3.7,0 z" /><path | |||||
id="path563" | |||||
d="m 987.2,569.8 c -1.2,1.5 -3.1,2.2 -5.5,2.2 -3.6,0 -5.8,-2.2 -5.8,-5.1 0,-3 2.3,-5 6.3,-5 l 5,0 0,-0.5 c 0,-2.1 -1.3,-3.3 -4,-3.3 -1.6,0 -3.2,0.6 -4.9,1.7 l -1.5,-2.5 c 2.3,-1.4 4,-2.1 7.1,-2.1 4.3,0 6.7,2.2 6.7,5.8 l 0,10.9 -3.5,0 0,-2.1 z m 0,-3.8 0,-1.5 -4.5,0 c -2.3,0 -3.4,0.6 -3.4,2.2 0,1.5 1.2,2.5 3.2,2.5 2.5,-0.1 4.5,-1.4 4.7,-3.2 z" /><path | |||||
id="path565" | |||||
d="m 1035,571.8 -5.2,-17 -5.2,17 -3.8,0 -7.2,-21.8 4,0 5.3,17.7 5.3,-17.7 3.6,0 5.3,17.7 5.3,-17.7 3.8,0 -7.3,21.8 -3.9,0 z" /><path | |||||
id="path567" | |||||
d="m 1067.5,564.9 -12.5,0 c 0.6,2.6 2.5,4.1 5.1,4.1 1.8,0 3.5,-0.7 4.7,-1.9 l 1.9,2 c -1.6,1.8 -4,2.8 -6.9,2.8 -5.1,0 -8.5,-3.4 -8.5,-8.4 0,-5 3.5,-8.4 8.4,-8.4 5.9,0 8.2,3.8 7.8,9.8 z m -3.1,-2.6 c -0.1,-2.7 -1.9,-4.3 -4.6,-4.3 -2.6,0 -4.5,1.7 -4.9,4.3 l 9.5,0 z" /><path | |||||
id="path569" | |||||
d="m 1094.9,563.6 c 0,5 -3.1,8.4 -7.9,8.4 -2.6,0 -4.6,-1.1 -5.9,-3 l 0,2.9 -3.6,0 0,-23.1 3.6,0 0,9.4 c 1.2,-1.9 3.2,-3 5.8,-3 4.8,-0.1 8,3.3 8,8.4 z m -3.6,-0.1 c 0,-3.1 -2.1,-5.4 -5.1,-5.4 -3,0 -5,2.2 -5,5.4 0,3.2 2.1,5.4 5,5.4 3,0 5.1,-2.3 5.1,-5.4 z" /><path | |||||
id="path571" | |||||
d="m 1122.5,566.9 -2.1,4.9 -3.8,0 9.6,-21.8 3.8,0 9.5,21.8 -3.9,0 -2.1,-4.9 -11,0 z m 5.5,-13 -4.1,9.7 8.2,0 -4.1,-9.7 z" /><path | |||||
id="path573" | |||||
d="m 1165.9,563.6 c 0,5 -3.1,8.4 -7.9,8.4 -2.6,0 -4.6,-1.1 -5.9,-3 l 0,8.9 -3.6,0 0,-22.6 3.6,0 0,2.9 c 1.2,-1.9 3.2,-3 5.8,-3 4.8,-0.1 8,3.3 8,8.4 z m -3.6,-0.1 c 0,-3.1 -2.1,-5.4 -5.1,-5.4 -3,0 -5,2.2 -5,5.4 0,3.2 2.1,5.4 5,5.4 3,0 5.1,-2.3 5.1,-5.4 z" /><path | |||||
id="path575" | |||||
d="m 1193.3,563.6 c 0,5 -3.1,8.4 -7.9,8.4 -2.6,0 -4.6,-1.1 -5.9,-3 l 0,8.9 -3.6,0 0,-22.6 3.6,0 0,2.9 c 1.2,-1.9 3.2,-3 5.8,-3 4.8,-0.1 8,3.3 8,8.4 z m -3.6,-0.1 c 0,-3.1 -2.1,-5.4 -5.1,-5.4 -3,0 -5,2.2 -5,5.4 0,3.2 2.1,5.4 5,5.4 3,0 5.1,-2.3 5.1,-5.4 z" /><path | |||||
id="path577" | |||||
d="m 1203.5,571.8 0,-23.1 3.6,0 0,23.1 -3.6,0 z" /><path | |||||
id="path579" | |||||
d="m 1222.6,550.5 c 0,1.2 -0.9,2.2 -2.1,2.2 -1.2,0 -2.1,-0.9 -2.1,-2.2 0,-1.3 0.9,-2.2 2.1,-2.2 1.2,0 2.1,0.9 2.1,2.2 z m -3.8,21.3 0,-16.6 3.6,0 0,16.6 -3.6,0 z" /><path | |||||
id="path581" | |||||
d="m 1247.5,557.8 -2,2.3 c -1.2,-1.2 -2.7,-1.9 -4.7,-1.9 -2.9,0 -4.9,2.2 -4.9,5.3 0,3.1 2.1,5.3 4.9,5.3 2.1,0 3.8,-0.7 4.9,-2 l 2,2 c -1.5,2 -3.9,3.1 -7,3.1 -4.9,0 -8.4,-3.4 -8.4,-8.4 0,-5 3.4,-8.4 8.4,-8.4 2.9,0 5.3,1 6.8,2.7 z" /><path | |||||
id="path583" | |||||
d="m 1266.9,569.8 c -1.2,1.5 -3.1,2.2 -5.5,2.2 -3.6,0 -5.8,-2.2 -5.8,-5.1 0,-3 2.3,-5 6.3,-5 l 5,0 0,-0.5 c 0,-2.1 -1.3,-3.3 -4,-3.3 -1.6,0 -3.2,0.6 -4.9,1.7 l -1.5,-2.5 c 2.3,-1.4 4,-2.1 7.1,-2.1 4.3,0 6.7,2.2 6.7,5.8 l 0,10.9 -3.5,0 0,-2.1 z m 0,-3.8 0,-1.5 -4.5,0 c -2.3,0 -3.4,0.6 -3.4,2.2 0,1.5 1.2,2.5 3.2,2.5 2.5,-0.1 4.5,-1.4 4.7,-3.2 z" /><path | |||||
id="path585" | |||||
d="m 1290.9,570.8 c -1.3,0.8 -2.7,1.2 -4.1,1.2 -2.5,0 -4.6,-1.4 -4.6,-4.8 l 0,-8.6 -2.3,0 0,-2.7 2.3,0 0,-4.6 3.6,0 0,4.6 4.9,0 0,2.7 -4.9,0 0,7.9 c 0,1.7 0.7,2.2 1.8,2.2 0.7,0 1.5,-0.2 2.5,-0.7 l 0.8,2.8 z" /><path | |||||
id="path587" | |||||
d="m 1304.3,550.5 c 0,1.2 -0.9,2.2 -2.1,2.2 -1.2,0 -2.1,-0.9 -2.1,-2.2 0,-1.3 0.9,-2.2 2.1,-2.2 1.2,0 2.1,0.9 2.1,2.2 z m -3.9,21.3 0,-16.6 3.6,0 0,16.6 -3.6,0 z" /><path | |||||
id="path589" | |||||
d="m 1331.3,563.5 c 0,5 -3.5,8.4 -8.6,8.4 -5.1,0 -8.7,-3.4 -8.7,-8.4 0,-5 3.5,-8.4 8.7,-8.4 5,0 8.6,3.4 8.6,8.4 z m -13.8,0.1 c 0,3.2 2.1,5.4 5.1,5.4 3,0 5,-2.2 5,-5.4 0,-3.2 -2.1,-5.4 -5,-5.4 -3,0 -5.1,2.2 -5.1,5.4 z" /><path | |||||
id="path591" | |||||
d="m 1357.1,561.5 0,10.3 -3.6,0 0,-9.3 c 0,-2.5 -1.5,-4 -4,-4 -2.7,0 -4.5,1.9 -4.7,4.5 l 0,8.8 -3.6,0 0,-16.6 3.6,0 0,3.2 c 1.2,-2.3 3.3,-3.3 6.1,-3.3 3.9,0 6.2,2.4 6.2,6.4 z" /></g><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g605"><path | |||||
id="rect607" | |||||
d="m 647.59998,1563.2 57.09999,0 0,12.3 -57.09999,0 z" | |||||
style="fill:#ffffff" /><path | |||||
style="fill:#33393b" | |||||
id="path609" | |||||
d="m 705.1,1576 -58,0 0,-13.2 58,0 0,13.2 z m -57.1,-1 56.2,0 0,-11.4 -56.2,0 0,11.4 z" | |||||
class="st14" /></g><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g611"><path | |||||
id="rect613" | |||||
d="m 647.59998,1580.3 57.09999,0 0,12.3 -57.09999,0 z" | |||||
style="fill:#ffffff" /><path | |||||
style="fill:#33393b" | |||||
id="path615" | |||||
d="m 705.1,1593.1 -58,0 0,-13.2 58,0 0,13.2 z m -57.1,-1 56.2,0 0,-11.4 -56.2,0 0,11.4 z" | |||||
class="st14" /></g><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g617"><path | |||||
id="rect619" | |||||
d="m 647.59998,1597.4 57.09999,0 0,12.3 -57.09999,0 z" | |||||
style="fill:#ffffff" /><path | |||||
style="fill:#33393b" | |||||
id="path621" | |||||
d="m 705.1,1610.1 -58,0 0,-13.2 58,0 0,13.2 z m -57.1,-0.9 56.2,0 0,-11.4 -56.2,0 0,11.4 z" | |||||
class="st14" /></g><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g623"><path | |||||
id="rect625" | |||||
d="m 675.70001,1615.5 0.9,0 0,9.1 -0.9,0 z" | |||||
style="fill:#33393b" /></g><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g627"><path | |||||
id="rect629" | |||||
d="m 649.20001,1624.2 55.5,0 0,0.9 -55.5,0 z" | |||||
style="fill:#33393b" /></g><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g631"><path | |||||
id="circle633" | |||||
d="m 677.99998,1624.6 a 1.9,1.9 0 0 1 -1.9,1.9 1.9,1.9 0 0 1 -1.9,-1.9 1.9,1.9 0 0 1 1.9,-1.9 1.9,1.9 0 0 1 1.9,1.9 z" | |||||
style="fill:#33393b" /></g><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g635"><path | |||||
id="circle637" | |||||
d="m 655.3,1569.4 a 1.8,1.8 0 0 1 -1.8,1.8 1.8,1.8 0 0 1 -1.8,-1.8 1.8,1.8 0 0 1 1.8,-1.8 1.8,1.8 0 0 1 1.8,1.8 z" | |||||
style="fill:#33393b" /></g><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g639"><path | |||||
id="circle641" | |||||
d="m 661.39998,1569.4 a 1.8,1.8 0 0 1 -1.8,1.8 1.8,1.8 0 0 1 -1.8,-1.8 1.8,1.8 0 0 1 1.8,-1.8 1.8,1.8 0 0 1 1.8,1.8 z" | |||||
style="fill:#33393b" /></g><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g643"><path | |||||
id="circle645" | |||||
d="m 667.39998,1569.4 a 1.8,1.8 0 0 1 -1.8,1.8 1.8,1.8 0 0 1 -1.8,-1.8 1.8,1.8 0 0 1 1.8,-1.8 1.8,1.8 0 0 1 1.8,1.8 z" | |||||
style="fill:#33393b" /></g><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g647"><path | |||||
id="circle649" | |||||
d="m 700.50001,1569.4 a 1.8,1.8 0 0 1 -1.8,1.8 1.8,1.8 0 0 1 -1.8,-1.8 1.8,1.8 0 0 1 1.8,-1.8 1.8,1.8 0 0 1 1.8,1.8 z" | |||||
style="fill:#ff3b4a" /></g><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g651"><path | |||||
id="circle653" | |||||
d="m 655.3,1586.4 a 1.8,1.8 0 0 1 -1.8,1.8 1.8,1.8 0 0 1 -1.8,-1.8 1.8,1.8 0 0 1 1.8,-1.8 1.8,1.8 0 0 1 1.8,1.8 z" | |||||
style="fill:#33393b" /></g><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g655"><path | |||||
id="circle657" | |||||
d="m 661.39998,1586.4 a 1.8,1.8 0 0 1 -1.8,1.8 1.8,1.8 0 0 1 -1.8,-1.8 1.8,1.8 0 0 1 1.8,-1.8 1.8,1.8 0 0 1 1.8,1.8 z" | |||||
style="fill:#33393b" /></g><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g659"><path | |||||
id="circle661" | |||||
d="m 667.39998,1586.4 a 1.8,1.8 0 0 1 -1.8,1.8 1.8,1.8 0 0 1 -1.8,-1.8 1.8,1.8 0 0 1 1.8,-1.8 1.8,1.8 0 0 1 1.8,1.8 z" | |||||
style="fill:#33393b" /></g><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g663"><path | |||||
id="circle665" | |||||
d="m 700.50001,1586.4 a 1.8,1.8 0 0 1 -1.8,1.8 1.8,1.8 0 0 1 -1.8,-1.8 1.8,1.8 0 0 1 1.8,-1.8 1.8,1.8 0 0 1 1.8,1.8 z" | |||||
style="fill:#ff3b4a" /></g><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g667"><path | |||||
id="circle669" | |||||
d="m 655.3,1603.6 a 1.8,1.8 0 0 1 -1.8,1.8 1.8,1.8 0 0 1 -1.8,-1.8 1.8,1.8 0 0 1 1.8,-1.8 1.8,1.8 0 0 1 1.8,1.8 z" | |||||
style="fill:#33393b" /></g><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g671"><path | |||||
id="circle673" | |||||
d="m 651.00001,1624.6 a 1.8,1.8 0 0 1 -1.8,1.8 1.8,1.8 0 0 1 -1.8,-1.8 1.8,1.8 0 0 1 1.8,-1.8 1.8,1.8 0 0 1 1.8,1.8 z" | |||||
style="fill:#33393b" /></g><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g675"><path | |||||
id="circle677" | |||||
d="m 706.50001,1624.6 a 1.8,1.8 0 0 1 -1.8,1.8 1.8,1.8 0 0 1 -1.8,-1.8 1.8,1.8 0 0 1 1.8,-1.8 1.8,1.8 0 0 1 1.8,1.8 z" | |||||
style="fill:#33393b" /></g><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g679"><path | |||||
id="circle681" | |||||
d="m 677.89998,1615.5 a 1.8,1.8 0 0 1 -1.8,1.8 1.8,1.8 0 0 1 -1.8,-1.8 1.8,1.8 0 0 1 1.8,-1.8 1.8,1.8 0 0 1 1.8,1.8 z" | |||||
style="fill:#33393b" /></g><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g683"><path | |||||
id="circle685" | |||||
d="m 661.39998,1603.6 a 1.8,1.8 0 0 1 -1.8,1.8 1.8,1.8 0 0 1 -1.8,-1.8 1.8,1.8 0 0 1 1.8,-1.8 1.8,1.8 0 0 1 1.8,1.8 z" | |||||
style="fill:#33393b" /></g><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g687"><path | |||||
id="circle689" | |||||
d="m 667.39998,1603.6 a 1.8,1.8 0 0 1 -1.8,1.8 1.8,1.8 0 0 1 -1.8,-1.8 1.8,1.8 0 0 1 1.8,-1.8 1.8,1.8 0 0 1 1.8,1.8 z" | |||||
style="fill:#33393b" /></g><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g691"><path | |||||
id="circle693" | |||||
d="m 700.50001,1603.6 a 1.8,1.8 0 0 1 -1.8,1.8 1.8,1.8 0 0 1 -1.8,-1.8 1.8,1.8 0 0 1 1.8,-1.8 1.8,1.8 0 0 1 1.8,1.8 z" | |||||
style="fill:#ff3b4a" /></g><line | |||||
style="fill:none;stroke:#00b4f0;stroke-miterlimit:10" | |||||
id="line695" | |||||
y2="496.40002" | |||||
x2="1258.2" | |||||
y1="197.60001" | |||||
x1="1258.2" | |||||
class="st9" /><line | |||||
style="fill:none;stroke:#ff3a4b;stroke-miterlimit:10" | |||||
id="line927" | |||||
y2="572.90002" | |||||
x2="455.5" | |||||
y1="572.90002" | |||||
x1="397.79999" | |||||
class="st0" /><line | |||||
style="fill:none;stroke:#ff3a4b;stroke-miterlimit:10" | |||||
id="line929" | |||||
y2="706.79999" | |||||
x2="589.70001" | |||||
y1="649.20001" | |||||
x1="589.70001" | |||||
class="st0" /><line | |||||
style="fill:none;stroke:#ff3a4b;stroke-miterlimit:10" | |||||
id="line931" | |||||
y2="917.5" | |||||
x2="589.70001" | |||||
y1="859.79999" | |||||
x1="589.70001" | |||||
class="st0" /><polygon | |||||
transform="translate(-356.5,-160.5)" | |||||
style="fill:#33393b" | |||||
id="polygon933" | |||||
points="637,634.3 618.2,659.2 599.3,634.3 " | |||||
class="st14" /><polygon | |||||
transform="translate(-356.5,-160.5)" | |||||
style="fill:#33393b" | |||||
id="polygon935" | |||||
points="602.8,1247.3 614.2,1232.3 625.6,1247.3 " | |||||
class="st14" /><line | |||||
style="fill:none;stroke:#33393b;stroke-miterlimit:10" | |||||
id="line937" | |||||
y2="1086.8" | |||||
x2="257.70001" | |||||
y1="1126.5" | |||||
x1="257.70001" | |||||
class="st17" /><polygon | |||||
transform="translate(-356.5,-160.5)" | |||||
style="fill:#33393b" | |||||
id="polygon939" | |||||
points="625.6,1482.6 614.2,1497.6 602.8,1482.6 " | |||||
class="st14" /><line | |||||
style="fill:none;stroke:#33393b;stroke-miterlimit:10" | |||||
id="line941" | |||||
y2="1322.1" | |||||
x2="257.70001" | |||||
y1="1282.4" | |||||
x1="257.70001" | |||||
class="st17" /><polygon | |||||
transform="translate(-356.5,-160.5)" | |||||
style="fill:#33393b" | |||||
id="polygon943" | |||||
points="955.6,1484.1 944.2,1499.1 932.8,1484.1 " | |||||
class="st14" /><line | |||||
style="fill:none;stroke:#33393b;stroke-miterlimit:10" | |||||
id="line945" | |||||
y2="1323.6" | |||||
x2="587.70001" | |||||
y1="1283.9" | |||||
x1="587.70001" | |||||
class="st17" /><polygon | |||||
transform="translate(-356.5,-160.5)" | |||||
style="fill:#33393b" | |||||
id="polygon947" | |||||
points="932.8,1247.3 944.2,1232.3 955.6,1247.3 " | |||||
class="st14" /><polygon | |||||
transform="translate(-356.5,-160.5)" | |||||
style="fill:#33393b" | |||||
id="polygon949" | |||||
points="955.6,1272 944.2,1287 932.8,1272 " | |||||
class="st14" /><line | |||||
style="fill:none;stroke:#33393b;stroke-miterlimit:10" | |||||
id="line951" | |||||
y2="1086.8" | |||||
x2="587.70001" | |||||
y1="1126.5" | |||||
x1="587.70001" | |||||
class="st17" /><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g953"><path | |||||
id="path955" | |||||
d="m 776.4,714.9 5.5,0 0,-13.9 -4.2,0 0,-2 c 2.2,-0.3 3.7,-0.8 5.1,-1.6 l 2.3,0 0,17.4 5.1,0 0,2.5 -13.6,0 0,-2.4 z" /></g><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g957"><path | |||||
id="path959" | |||||
d="m 641.7,1059.4 5.5,0 0,-13.9 -4.2,0 0,-1.9 c 2.2,-0.3 3.7,-0.8 5.1,-1.6 l 2.3,0 0,17.4 5.1,0 0,2.5 -13.6,0 0,-2.5 z" /></g><g | |||||
transform="translate(-356.5,-160.5)" | |||||
id="g961"><path | |||||
id="path963" | |||||
d="m 639.7,833.6 2.5,0 0.3,2.5 0.1,0 c 1.5,-1.6 3.3,-2.9 5.6,-2.9 3.6,0 5.2,2.2 5.2,6.2 l 0,9.5 -3.1,0 0,-9.1 c 0,-2.7 -0.9,-3.9 -3.2,-3.9 -1.6,0 -2.8,0.8 -4.4,2.4 l 0,10.6 -3.1,0 0,-15.3 z" /></g><line | |||||
style="fill:none;stroke:#ff3a4b;stroke-miterlimit:10" | |||||
id="line965" | |||||
y2="706.79999" | |||||
x2="261.70001" | |||||
y1="649.40002" | |||||
x1="261.70001" | |||||
class="st0" /><line | |||||
style="fill:none;stroke:#ff3a4b;stroke-miterlimit:10" | |||||
id="line967" | |||||
y2="917.40002" | |||||
x2="259.70001" | |||||
y1="859.90002" | |||||
x1="259.70001" | |||||
class="st0" /></svg> |
SVG = | |||||
RASTERIMAGES = application-architecture | |||||
RASTERSRCIMAGES := $(foreach file, $(RASTERIMAGES), $(file).svg) | |||||
RASTERIMAGES_HI := $(foreach file, $(RASTERIMAGES), ../img/$(file)-hi.png) | |||||
RASTERIMAGES_LO := $(foreach file, $(RASTERIMAGES), ../img/$(file)-lo.png) | |||||
SVGTRGIMAGES := $(foreach file, $(SVG), ../img/$(file).svg) | |||||
images: $(RASTERIMAGES_HI) $(SVGTRGIMAGES) FORCE | |||||
# Just do low now $(TRGIMAGES_LO) | |||||
$(RASTERIMAGES_HI): ../img/%-hi.png: %.svg | |||||
inkscape --export-png $@ --export-dpi=300 --export-area-drawing $< | |||||
$(SVGTRGIMAGES): ../img/%.svg: %.svg FORCE | |||||
inkscape $< --export-text-to-path -l $@ | |||||
FORCE: |
code and services, and can be mixed together easily. | code and services, and can be mixed together easily. | ||||
[[figure.architecture.detailed]] | [[figure.architecture.detailed]] | ||||
.Vaadin Runtime Architecture | |||||
image::img/architecture-detailed-hi.png[] | |||||
.Vaadin runtime architecture | |||||
image::img/architecture-detailed-hi.png[width=80%, scaledwidth=100%] | |||||
<<figure.architecture.detailed>> gives a basic illustration of the client-side | <<figure.architecture.detailed>> gives a basic illustration of the client-side | ||||
and server-side communications, in a running situation where the page with the | and server-side communications, in a running situation where the page with the |
SVG = | |||||
RASTERIMAGES = architecture-detailed | |||||
RASTERSRCIMAGES := $(foreach file, $(RASTERIMAGES), $(file).svg) | |||||
RASTERIMAGES_HI := $(foreach file, $(RASTERIMAGES), ../img/$(file)-hi.png) | |||||
RASTERIMAGES_LO := $(foreach file, $(RASTERIMAGES), ../img/$(file)-lo.png) | |||||
SVGTRGIMAGES := $(foreach file, $(SVG), ../img/$(file).svg) | |||||
images: $(RASTERIMAGES_HI) $(SVGTRGIMAGES) FORCE | |||||
# Just do low now $(TRGIMAGES_LO) | |||||
$(RASTERIMAGES_HI): ../img/%-hi.png: %.svg | |||||
inkscape --export-png $@ --export-dpi=300 --export-area-drawing $< | |||||
$(SVGTRGIMAGES): ../img/%.svg: %.svg FORCE | |||||
inkscape $< --export-text-to-path -l $@ | |||||
FORCE: |
((("[classname]#Field#", id="term.components.fields", range="startofrange"))) | ((("[classname]#Field#", id="term.components.fields", range="startofrange"))) | ||||
__Fields__ are components that have a value that the user can change through the | |||||
user interface. <<figure.components.fields>> illustrates the inheritance | |||||
relationships and the important interfaces and base classes. | |||||
_Fields_ are components that have a value that the user can change through the | |||||
user interface. | |||||
<<figure.components.fields>> illustrates the inheritance relationships and the important interfaces and base classes. | |||||
[[figure.components.fields]] | [[figure.components.fields]] | ||||
.Field Components | |||||
image::img/field-diagram-hi.png[] | |||||
.Field components | |||||
image::img/field-diagram-hi.png[width=80%, scaledwidth=100%] | |||||
Field components are built upon the framework defined in the [classname]#Field# | Field components are built upon the framework defined in the [classname]#Field# | ||||
interface and the [classname]#AbstractField# base class. | interface and the [classname]#AbstractField# base class. | ||||
The description of the field interfaces and base classes is broken down in the | The description of the field interfaces and base classes is broken down in the | ||||
following sections. | following sections. | ||||
[[figure.components.fields.hasvalue]] | |||||
.Field components having values | |||||
image::img/field-interface-v8-hi.png[width=60%, scaledwidth=100%] | |||||
[[components.fields.field]] | [[components.fields.field]] | ||||
== [classname]#Field# Interface | == [classname]#Field# Interface | ||||
field.setNullRepresentation(""); | field.setNullRepresentation(""); | ||||
field.setNullSettingAllowed(true); | field.setNullSettingAllowed(true); | ||||
layout.addComponent(field); | layout.addComponent(field); | ||||
// Define validation as usual | // Define validation as usual | ||||
field.addValidator(new StringLengthValidator( | field.addValidator(new StringLengthValidator( | ||||
"The name must be 1-10 letters (was {0})", | "The name must be 1-10 letters (was {0})", | ||||
1, 10, true)); | 1, 10, true)); | ||||
// Run validation explicitly | // Run validation explicitly | ||||
Button validate = new Button("Validate"); | Button validate = new Button("Validate"); | ||||
validate.addClickListener(new ClickListener() { | validate.addClickListener(new ClickListener() { | ||||
(((range="endofrange", startref="term.components.fields"))) | (((range="endofrange", startref="term.components.fields"))) | ||||
IMAGES = slider-example1 field-interface-v8 field-diagram | |||||
SRCIMAGES := $(foreach file, $(IMAGES), $(file).svg) | |||||
TRGIMAGES_HI := $(foreach file, $(IMAGES), ../img/$(file)-hi.png) | |||||
TRGIMAGES_LO := $(foreach file, $(IMAGES), ../img/$(file)-lo.png) | |||||
images: $(TRGIMAGES_HI) FORCE | |||||
# Just do low now $(TRGIMAGES_LO) | |||||
$(TRGIMAGES_HI): ../img/%-hi.png: %.svg | |||||
inkscape --export-png $@ --export-dpi=300 --export-area-page $< | |||||
FORCE: |
<?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="82mm" | |||||
height="42mm" | |||||
viewBox="0 0 290.55118 148.81889" | |||||
id="svg2" | |||||
version="1.1" | |||||
inkscape:version="0.91 r" | |||||
sodipodi:docname="field-interface-v8.svg"> | |||||
<defs | |||||
id="defs4"> | |||||
<marker | |||||
inkscape:stockid="EmptyTriangleOutL" | |||||
orient="auto" | |||||
refY="0" | |||||
refX="0" | |||||
id="EmptyTriangleOutL" | |||||
style="overflow:visible" | |||||
inkscape:isstock="true"> | |||||
<path | |||||
id="path4695" | |||||
d="m 5.77,0 -8.65,5 0,-10 8.65,5 z" | |||||
style="fill:#ffffff;fill-rule:evenodd;stroke:#00b4f0;stroke-width:1pt;stroke-opacity:1" | |||||
transform="matrix(0.8,0,0,0.8,-4.8,0)" | |||||
inkscape:connector-curvature="0" /> | |||||
</marker> | |||||
<marker | |||||
inkscape:stockid="Arrow2Lend" | |||||
orient="auto" | |||||
refY="0" | |||||
refX="0" | |||||
id="Arrow2Lend" | |||||
style="overflow:visible" | |||||
inkscape:isstock="true"> | |||||
<path | |||||
id="path4556" | |||||
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1" | |||||
d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z" | |||||
transform="matrix(-1.1,0,0,-1.1,-1.1,0)" | |||||
inkscape:connector-curvature="0" /> | |||||
</marker> | |||||
<marker | |||||
inkscape:stockid="Arrow2Mend" | |||||
orient="auto" | |||||
refY="0" | |||||
refX="0" | |||||
id="Arrow2Mend" | |||||
style="overflow:visible" | |||||
inkscape:isstock="true"> | |||||
<path | |||||
id="path4562" | |||||
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1" | |||||
d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z" | |||||
transform="scale(-0.6,-0.6)" | |||||
inkscape:connector-curvature="0" /> | |||||
</marker> | |||||
<marker | |||||
inkscape:stockid="EmptyTriangleOutL" | |||||
orient="auto" | |||||
refY="0" | |||||
refX="0" | |||||
id="EmptyTriangleOutL-9" | |||||
style="overflow:visible" | |||||
inkscape:isstock="true"> | |||||
<path | |||||
inkscape:connector-curvature="0" | |||||
id="path4695-8" | |||||
d="m 5.77,0 -8.65,5 0,-10 8.65,5 z" | |||||
style="fill:#ffffff;fill-rule:evenodd;stroke:#00b4f0;stroke-width:1pt;stroke-opacity:1" | |||||
transform="matrix(0.8,0,0,0.8,-4.8,0)" /> | |||||
</marker> | |||||
</defs> | |||||
<sodipodi:namedview | |||||
id="base" | |||||
pagecolor="#ffffff" | |||||
bordercolor="#666666" | |||||
borderopacity="1.0" | |||||
inkscape:pageopacity="1" | |||||
inkscape:pageshadow="2" | |||||
inkscape:zoom="3.959798" | |||||
inkscape:cx="149.36774" | |||||
inkscape:cy="83.496431" | |||||
inkscape:document-units="mm" | |||||
inkscape:current-layer="layer1" | |||||
showgrid="true" | |||||
inkscape:window-width="1920" | |||||
inkscape:window-height="1060" | |||||
inkscape:window-x="-2" | |||||
inkscape:window-y="-3" | |||||
inkscape:window-maximized="1" | |||||
inkscape:object-nodes="true" | |||||
inkscape:snap-center="false" | |||||
inkscape:snap-object-midpoints="true" | |||||
inkscape:object-paths="true" | |||||
showguides="true" | |||||
inkscape:guide-bbox="true"> | |||||
<inkscape:grid | |||||
type="xygrid" | |||||
id="grid4136" | |||||
spacingx="3.5433071" | |||||
spacingy="3.5433071" | |||||
empspacing="10" | |||||
units="mm" /> | |||||
<sodipodi:guide | |||||
position="145.27559,191.33858" | |||||
orientation="1,0" | |||||
id="guide4278" /> | |||||
</sodipodi:namedview> | |||||
<metadata | |||||
id="metadata7"> | |||||
<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" | |||||
transform="translate(0,-903.54331)"> | |||||
<g | |||||
id="g4462" | |||||
transform="translate(74.409446,67.322836)"> | |||||
<rect | |||||
y="839.76379" | |||||
x="31.889767" | |||||
height="35.433056" | |||||
width="77.952759" | |||||
id="rect4408" | |||||
style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#33383a;stroke-width:1.06299213;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> | |||||
<flowRoot | |||||
transform="translate(-0.28483429,13.018324)" | |||||
id="flowRoot4420" | |||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion4422"><use | |||||
height="100%" | |||||
width="100%" | |||||
id="use4424" | |||||
xlink:href="#rect4408" | |||||
y="0" | |||||
x="0" /></flowRegion><flowPara | |||||
id="flowPara4428">HasValue<T></flowPara></flowRoot> <flowRoot | |||||
xml:space="preserve" | |||||
style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;" | |||||
id="flowRoot4420-0-2-7" | |||||
transform="translate(-5.960083e-4,3.7265644)"><flowRegion | |||||
id="flowRegion4422-7-6-3"><use | |||||
x="0" | |||||
y="0" | |||||
xlink:href="#rect4408-7" | |||||
id="use4424-6-1-1" | |||||
width="100%" | |||||
height="100%" /></flowRegion><flowPara | |||||
id="flowPara4428-1-6-72">«interface»</flowPara></flowRoot> </g> | |||||
<path | |||||
style="fill:none;fill-rule:evenodd;stroke:#00b4f0;stroke-width:1.06299213;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:1.06299213,1.06299213;stroke-dashoffset:0;stroke-opacity:1;marker-end:url(#EmptyTriangleOutL)" | |||||
d="m 106.29921,1013.3858 0,-35.43303 38.97638,0 0,-35.43307" | |||||
id="path4529" | |||||
inkscape:connector-curvature="0" | |||||
sodipodi:nodetypes="cccc" /> | |||||
<path | |||||
style="fill:none;fill-rule:evenodd;stroke:#00b4f0;stroke-width:1.06299213;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:1.06299213,1.06299213;stroke-dashoffset:0;stroke-opacity:1;marker-end:url(#EmptyTriangleOutL-9)" | |||||
d="m 184.25197,1013.3858 0,-35.43303 -38.97638,0 0,-35.43307" | |||||
id="path4529-3" | |||||
inkscape:connector-curvature="0" | |||||
sodipodi:nodetypes="cccc" /> | |||||
<g | |||||
id="g5560" | |||||
transform="translate(35.404948,102.75593)"> | |||||
<rect | |||||
y="886.83691" | |||||
x="53.275875" | |||||
height="9.619791" | |||||
width="35.306797" | |||||
id="rect5558" | |||||
style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.06299213;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> | |||||
<flowRoot | |||||
xml:space="preserve" | |||||
style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
id="flowRoot4420-0-2" | |||||
transform="translate(-0.13751283,47.764101)"><flowRegion | |||||
id="flowRegion4422-7-6"><use | |||||
x="0" | |||||
y="0" | |||||
xlink:href="#rect4408-7" | |||||
id="use4424-6-1" | |||||
width="100%" | |||||
height="100%" /></flowRegion><flowPara | |||||
id="flowPara4428-1-6"><String></flowPara></flowRoot> </g> | |||||
<g | |||||
transform="translate(113.3736,102.75593)" | |||||
id="g5560-8"> | |||||
<rect | |||||
y="886.83691" | |||||
x="53.275875" | |||||
height="9.619791" | |||||
width="35.306797" | |||||
id="rect5558-2" | |||||
style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.06299213;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> | |||||
<flowRoot | |||||
xml:space="preserve" | |||||
style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
id="flowRoot4420-0-2-6" | |||||
transform="translate(-0.13751283,47.764101)"><flowRegion | |||||
id="flowRegion4422-7-6-8"><use | |||||
x="0" | |||||
y="0" | |||||
xlink:href="#rect4408-7" | |||||
id="use4424-6-1-6" | |||||
width="100%" | |||||
height="100%" /></flowRegion><flowPara | |||||
id="flowPara4428-1-6-7"><LocalDate></flowPara></flowRoot> </g> | |||||
<g | |||||
transform="translate(35.43307,173.62206)" | |||||
id="g4462-8"> | |||||
<rect | |||||
y="839.76379" | |||||
x="35.433071" | |||||
height="35.433071" | |||||
width="70.866142" | |||||
id="rect4408-7" | |||||
style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:1.06299213;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> | |||||
<flowRoot | |||||
transform="translate(0.25253814,11.616754)" | |||||
id="flowRoot4420-0" | |||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion4422-7"><use | |||||
height="100%" | |||||
width="100%" | |||||
id="use4424-6" | |||||
xlink:href="#rect4408-7" | |||||
y="0" | |||||
x="0" /></flowRegion><flowPara | |||||
id="flowPara4428-1">TextField</flowPara></flowRoot> </g> | |||||
<g | |||||
transform="translate(113.38583,173.62206)" | |||||
id="g4462-8-1"> | |||||
<rect | |||||
y="839.76379" | |||||
x="35.433071" | |||||
height="35.433071" | |||||
width="70.866142" | |||||
id="rect4408-7-4" | |||||
style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:1.06299213;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> | |||||
<flowRoot | |||||
transform="translate(0.25253814,11.616754)" | |||||
id="flowRoot4420-0-3" | |||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion4422-7-4"><use | |||||
height="100%" | |||||
width="100%" | |||||
id="use4424-6-4" | |||||
xlink:href="#rect4408-7-4" | |||||
y="0" | |||||
x="0" /></flowRegion><flowPara | |||||
id="flowPara4428-1-4">DateField</flowPara></flowRoot> </g> | |||||
</g> | |||||
</svg> |
You are adviced to also configure a web server in Eclipse. | You are adviced to also configure a web server in Eclipse. | ||||
You can then use the server for running the Vaadin applications that you create. | You can then use the server for running the Vaadin applications that you create. | ||||
.Installation of the Eclipse IDE toolchain | |||||
image::img/installation-eclipse-hi.png[] | |||||
.Installing the Eclipse IDE toolchain | |||||
image::img/installation-eclipse-hi.png[width=90%, scaledwidth=100%] | |||||
Vaadin Designer is a visual design tool for professional developers. | Vaadin Designer is a visual design tool for professional developers. | ||||
It allows for easy creation of declarative designs. | It allows for easy creation of declarative designs. |
With IntelliJ IDEA, you have two choices: use the commercial Ultimate Edition or the free Community Edition. | With IntelliJ IDEA, you have two choices: use the commercial Ultimate Edition or the free Community Edition. | ||||
In the following, we cover the installation and configuration of them both. | In the following, we cover the installation and configuration of them both. | ||||
.Installing the IntelliJ IDEA toolchain | |||||
image::img/installation-intellij-hi.png[width=100%, scaledwidth=100%] | |||||
The Ultimate Edition:: | The Ultimate Edition:: | ||||
The Ultimate Edition includes built-in support for creating Vaadin applications and running or debugging them in an integrated application server. | The Ultimate Edition includes built-in support for creating Vaadin applications and running or debugging them in an integrated application server. | ||||
It also allows directly downloading Vaadin add-ons from the Vaadin Directory. | It also allows directly downloading Vaadin add-ons from the Vaadin Directory. | ||||
.Installation of the NetBeans IDE toolchain | .Installation of the NetBeans IDE toolchain | ||||
image::img/installation-netbeans-hi.png[width=60%] | |||||
image::img/installation-netbeans-hi.png[width=100%, scaledwidth=100%] | |||||
The installation bundle includes a web server, so you do not need that. | The installation bundle includes a web server, so you do not need that. | ||||
toolbar. <<figure.firebug.calc>> shows Firebug in action. | toolbar. <<figure.firebug.calc>> shows Firebug in action. | ||||
[[figure.firebug.calc]] | [[figure.firebug.calc]] | ||||
.Firebug Debugger for Firefox | |||||
image::img/firebug.png[] | |||||
.Firebug debugger for Firefox | |||||
image::img/firebug.png[width=100%, scaledwidth=100%] | |||||
The most important feature in Firebug is inspecting HTML elements. Right-click | The most important feature in Firebug is inspecting HTML elements. Right-click | ||||
on an element and select [guilabel]#Inspect Element with Firebug# to inspect it. | on an element and select [guilabel]#Inspect Element with Firebug# to inspect it. |
Vaadin has special support for the Eclipse and NetBeans IDEs, as well as for IntelliJ IDEA. | Vaadin has special support for the Eclipse and NetBeans IDEs, as well as for IntelliJ IDEA. | ||||
.Vaadin installation steps | .Vaadin installation steps | ||||
image::img/installation-steps-hi.png[] | |||||
image::img/installation-steps-hi.png[width=100%, scaledwidth=100%] | |||||
Managing Vaadin and other Java libraries can get tedious to do manually, so using a build system that manages dependencies automatically is adviced. | Managing Vaadin and other Java libraries can get tedious to do manually, so using a build system that manages dependencies automatically is adviced. | ||||
Vaadin is distributed in the Maven central repository, and can be used with any build or dependency management system that can access Maven repositories, such as Ivy or Gradle, in addition to Maven. | Vaadin is distributed in the Maven central repository, and can be used with any build or dependency management system that can access Maven repositories, such as Ivy or Gradle, in addition to Maven. |
[[figure.toolchain]] | [[figure.toolchain]] | ||||
.Development Toolchain and Process | .Development Toolchain and Process | ||||
image::img/toolchain-hi.png[width=70%] | |||||
image::img/toolchain-hi.png[width=80%, scaledwidth=100%] | |||||
<<figure.toolchain>> illustrates the development toolchain. You develop your | <<figure.toolchain>> illustrates the development toolchain. You develop your | ||||
application as an Eclipse project. The project must include, in addition to your | application as an Eclipse project. The project must include, in addition to your |
IMAGES = installation-steps installation-eclipse installation-netbeans | |||||
SVG = | |||||
RASTERIMAGES = installation-steps installation-eclipse installation-netbeans \ | |||||
installation-intellij toolchain | |||||
SRCIMAGES := $(foreach file, $(IMAGES), $(file).svg) | |||||
TRGIMAGES_HI := $(foreach file, $(IMAGES), ../img/$(file)-hi.png) | |||||
TRGIMAGES_LO := $(foreach file, $(IMAGES), ../img/$(file)-lo.png) | |||||
RASTERSRCIMAGES := $(foreach file, $(RASTERIMAGES), $(file).svg) | |||||
RASTERIMAGES_HI := $(foreach file, $(RASTERIMAGES), ../img/$(file)-hi.png) | |||||
SVGTRGIMAGES := $(foreach file, $(SVG), ../img/$(file).svg) | |||||
images: $(TRGIMAGES_HI) FORCE | |||||
# Just do low now $(TRGIMAGES_LO) | |||||
images: $(RASTERIMAGES_HI) $(SVGTRGIMAGES) FORCE | |||||
# Just do low now $(TRGIMAGES_LO) | |||||
$(TRGIMAGES_HI): ../img/%-hi.png: %.svg | |||||
inkscape --export-png $@ --export-dpi=150 --export-area-drawing $< | |||||
$(RASTERIMAGES_HI): ../img/%-hi.png: %.svg | |||||
inkscape --export-png $@ --export-dpi=300 --export-area-page $< | |||||
$(SVGTRGIMAGES): ../img/%.svg: %.svg FORCE | |||||
inkscape $< --export-text-to-path -l $@ | |||||
FORCE: | FORCE: |
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" | xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" | ||||
xmlns:svg="http://www.w3.org/2000/svg" | xmlns:svg="http://www.w3.org/2000/svg" | ||||
xmlns="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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" | ||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" | xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" | ||||
width="1052.3622" | |||||
height="744.09448" | |||||
width="82mm" | |||||
height="41mm" | |||||
id="svg1901" | id="svg1901" | ||||
sodipodi:version="0.32" | sodipodi:version="0.32" | ||||
inkscape:version="0.48.4 r9939" | |||||
inkscape:version="0.91 r" | |||||
sodipodi:docname="installation-eclipse.svg" | sodipodi:docname="installation-eclipse.svg" | ||||
version="1.1"> | version="1.1"> | ||||
<defs | <defs | ||||
pagecolor="#ffffff" | pagecolor="#ffffff" | ||||
bordercolor="#666666" | bordercolor="#666666" | ||||
borderopacity="1.0" | borderopacity="1.0" | ||||
inkscape:pageopacity="0.0" | |||||
inkscape:pageopacity="1" | |||||
inkscape:pageshadow="2" | inkscape:pageshadow="2" | ||||
inkscape:zoom="2.8" | |||||
inkscape:cx="338.6838" | |||||
inkscape:cy="422.05166" | |||||
inkscape:document-units="px" | |||||
inkscape:zoom="3.959798" | |||||
inkscape:cx="138.80258" | |||||
inkscape:cy="99.669053" | |||||
inkscape:document-units="mm" | |||||
inkscape:current-layer="layer1" | inkscape:current-layer="layer1" | ||||
inkscape:window-width="1920" | inkscape:window-width="1920" | ||||
inkscape:window-height="1060" | inkscape:window-height="1060" | ||||
inkscape:object-nodes="true" | inkscape:object-nodes="true" | ||||
inkscape:snap-object-midpoints="true" | inkscape:snap-object-midpoints="true" | ||||
showguides="true" | showguides="true" | ||||
inkscape:guide-bbox="true"> | |||||
inkscape:guide-bbox="true" | |||||
units="mm"> | |||||
<inkscape:grid | <inkscape:grid | ||||
type="xygrid" | type="xygrid" | ||||
id="grid2982" | id="grid2982" | ||||
empspacing="5" | |||||
empspacing="10" | |||||
visible="true" | visible="true" | ||||
enabled="true" | enabled="true" | ||||
snapvisiblegridlinesonly="true" | snapvisiblegridlinesonly="true" | ||||
spacingx="5px" | |||||
spacingy="5px" /> | |||||
<sodipodi:guide | |||||
orientation="1,0" | |||||
position="227.32143,468.92857" | |||||
id="guide3116" /> | |||||
<sodipodi:guide | |||||
orientation="1,0" | |||||
position="330,370" | |||||
id="guide3120" /> | |||||
spacingx="3.5433071" | |||||
spacingy="3.5433071" | |||||
units="mm" /> | |||||
</sodipodi:namedview> | </sodipodi:namedview> | ||||
<metadata | <metadata | ||||
id="metadata1906"> | id="metadata1906"> | ||||
inkscape:label="Taso 1" | inkscape:label="Taso 1" | ||||
inkscape:groupmode="layer" | inkscape:groupmode="layer" | ||||
id="layer1" | id="layer1" | ||||
transform="translate(0,-308.2677)"> | |||||
<rect | |||||
style="color:#000000;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:0.13524589;stroke-dasharray:2, 1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | |||||
id="rect3115" | |||||
width="550" | |||||
height="220" | |||||
x="130" | |||||
y="224.09448" | |||||
ry="0" | |||||
transform="translate(0,308.2677)" /> | |||||
transform="translate(0,-907.08661)"> | |||||
<path | <path | ||||
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" | |||||
d="m 185,727.36221 50,0 290,-3e-5" | |||||
id="path3003" | |||||
style="fill:none;stroke:#a1b6bb;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" | |||||
d="m 81.496063,956.69294 0,3.54331" | |||||
id="path3003-6-5-30" | |||||
inkscape:connector-curvature="0" | |||||
sodipodi:nodetypes="cc" /> | |||||
<path | |||||
style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" | |||||
d="m 38.976381,921.25986 42.913386,2e-5 159.055113,-2e-5" | |||||
id="path3003-6" | |||||
inkscape:connector-curvature="0" | inkscape:connector-curvature="0" | ||||
sodipodi:nodetypes="ccc" /> | sodipodi:nodetypes="ccc" /> | ||||
<circle | |||||
r="3.5432572" | |||||
cy="921.25983" | |||||
cx="81.496063" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" | |||||
id="path2997-7" /> | |||||
<circle | |||||
r="3.5432572" | |||||
cy="921.25983" | |||||
cx="131.10236" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" | |||||
id="path2997-7-4" /> | |||||
<circle | |||||
r="3.5432572" | |||||
cy="921.25983" | |||||
cx="180.70866" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" | |||||
id="path2997-7-2" /> | |||||
<circle | |||||
r="10.629871" | |||||
cy="921.25983" | |||||
cx="230.31496" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" | |||||
id="path2997-7-9-2" /> | |||||
<flowRoot | |||||
xml:space="preserve" | |||||
id="flowRoot4349" | |||||
style="font-style:normal;font-weight:normal;font-size:10px;line-height:125%;font-family:Sans;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
transform="translate(-3.5433044,878.74018)"><flowRegion | |||||
id="flowRegion4351"><rect | |||||
id="rect4353" | |||||
width="67.322838" | |||||
height="42.519684" | |||||
x="49.6063" | |||||
y="56.692909" | |||||
style="font-size:10px" /></flowRegion><flowPara | |||||
id="flowPara4355" /></flowRoot> <g | |||||
id="g4392" | |||||
transform="translate(7.0866139,116.9292)"> | |||||
<rect | |||||
y="818.50391" | |||||
x="56.692913" | |||||
height="21.259842" | |||||
width="35.433071" | |||||
id="rect4347" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> | |||||
<flowRoot | |||||
transform="translate(2.6821639,0.70806943)" | |||||
id="flowRoot4367" | |||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion4369"><use | |||||
height="100%" | |||||
width="100%" | |||||
id="use4371" | |||||
xlink:href="#rect4347" | |||||
y="0" | |||||
x="0" /></flowRegion><flowPara | |||||
id="flowPara4373">Install</flowPara><flowPara | |||||
id="flowPara4375">Eclipse</flowPara></flowRoot> </g> | |||||
<g | <g | ||||
id="g3238" | |||||
transform="translate(160,2.7294197e-5)"> | |||||
<g | |||||
transform="translate(50.125,-69.875)" | |||||
id="g3908-4-9"> | |||||
<rect | |||||
style="color:#000000;fill:#e0e0e0;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | |||||
id="rect3806-4-2-2" | |||||
width="60" | |||||
height="40.000027" | |||||
x="14.875" | |||||
y="657.23718" | |||||
ry="1.8654728" | |||||
rx="1.8654728" /> | |||||
<flowRoot | |||||
transform="translate(0.74636894,298.81113)" | |||||
style="font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:90%;letter-spacing:0px;word-spacing:0px;writing-mode:lr;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" | |||||
id="flowRoot3808-5-7-2" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion3810-5-6-3"><rect | |||||
style="font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" | |||||
y="363.14072" | |||||
x="16.541248" | |||||
height="25.285309" | |||||
width="52.587383" | |||||
id="rect3812-6-6-4" /></flowRegion><flowPara | |||||
id="flowPara3820-9-2-0">On</flowPara><flowPara | |||||
id="flowPara3942-8-3">Windows</flowPara></flowRoot> </g> | |||||
<g | |||||
transform="translate(50.125,-49.875)" | |||||
id="g3908-4"> | |||||
<rect | |||||
style="color:#000000;fill:#e0e0e0;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | |||||
id="rect3806-4-2" | |||||
width="60" | |||||
height="35.000027" | |||||
x="14.875" | |||||
y="662.23718" | |||||
ry="1.8654728" | |||||
rx="1.8654728" /> | |||||
<flowRoot | |||||
transform="translate(0.73921187,303.05351)" | |||||
style="font-size:8px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;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" | |||||
id="flowRoot3808-5-7" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion3810-5-6"><rect | |||||
style="font-size:8px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" | |||||
y="363.14072" | |||||
x="16.541248" | |||||
height="25.127552" | |||||
width="44.320438" | |||||
id="rect3812-6-6" /></flowRegion><flowPara | |||||
id="flowPara3820-9-2" | |||||
style="font-size:11px">On</flowPara><flowPara | |||||
id="flowPara3942-8" | |||||
style="font-size:11px">OS X</flowPara></flowRoot> </g> | |||||
<g | |||||
transform="translate(50.125,-29.875)" | |||||
id="g3908"> | |||||
<rect | |||||
style="color:#000000;fill:#e0e0e0;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | |||||
id="rect3806-4" | |||||
width="60" | |||||
height="30.000027" | |||||
x="14.875" | |||||
y="667.23718" | |||||
ry="1.8654728" | |||||
rx="1.8654728" /> | |||||
<flowRoot | |||||
transform="translate(0.71890704,308.81113)" | |||||
style="font-size:8px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;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" | |||||
id="flowRoot3808-5" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion3810-5"><rect | |||||
style="font-size:8px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" | |||||
y="363.14072" | |||||
x="16.541248" | |||||
height="25.127552" | |||||
width="44.320438" | |||||
id="rect3812-6" /></flowRegion><flowPara | |||||
id="flowPara3820-9" | |||||
style="font-size:11px">On</flowPara><flowPara | |||||
id="flowPara3942" | |||||
style="font-size:11px">Linux</flowPara></flowRoot> </g> | |||||
<g | |||||
transform="translate(30,-2.7058031e-6)" | |||||
id="g3822"> | |||||
<path | |||||
sodipodi:type="arc" | |||||
style="color:#000000;fill:#000000;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:0.13524589;stroke-dasharray:2, 1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | |||||
id="path3005-2" | |||||
sodipodi:cx="25" | |||||
sodipodi:cy="419.09448" | |||||
sodipodi:rx="9.1659365" | |||||
sodipodi:ry="9.1659365" | |||||
d="m 19.911936,426.71852 c -4.210641,-2.81006 -5.346037,-8.50146 -2.535977,-12.7121 2.81006,-4.21064 8.501463,-5.34604 12.712105,-2.53598 4.210641,2.81006 5.346037,8.50146 2.535977,12.71211 -2.809352,4.20958 -8.498806,5.34564 -12.709387,2.53779 L 25,419.09448 z" | |||||
transform="matrix(0.54549827,0,0,0.54549827,36.362543,498.74687)" | |||||
sodipodi:start="2.1592864" | |||||
sodipodi:end="8.4421153" /> | |||||
<path | |||||
sodipodi:nodetypes="cc" | |||||
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" | |||||
d="m 50,419.09448 c 0,-15 0,-25.36336 0,-25.36336" | |||||
id="path3804" | |||||
inkscape:connector-curvature="0" | |||||
transform="translate(0,308.2677)" /> | |||||
</g> | |||||
<g | |||||
transform="translate(4.8113861,-12.853955)" | |||||
id="g3868"> | |||||
<rect | |||||
style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | |||||
id="rect3806" | |||||
width="90" | |||||
height="40.000011" | |||||
x="30.188614" | |||||
y="675.21613" | |||||
ry="3.0304618" | |||||
rx="3.0304618" /> | |||||
<flowRoot | |||||
xml:space="preserve" | |||||
id="flowRoot3808" | |||||
style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;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(18.369364,319.99189)"><flowRegion | |||||
id="flowRegion3810"><rect | |||||
id="rect3812" | |||||
width="90.278" | |||||
height="32.083504" | |||||
x="16.541248" | |||||
y="363.14072" | |||||
style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara | |||||
id="flowPara3816">Install</flowPara><flowPara | |||||
id="flowPara3820">Eclipse</flowPara></flowRoot> </g> | |||||
</g> | |||||
<g | |||||
id="g3271" | |||||
transform="translate(160,2.7294197e-5)"> | |||||
<g | |||||
transform="translate(145,-2.4872322e-5)" | |||||
id="g3822-0"> | |||||
<path | |||||
sodipodi:type="arc" | |||||
style="color:#000000;fill:#000000;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:0.13524589;stroke-dasharray:2, 1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | |||||
id="path3005-2-8" | |||||
sodipodi:cx="25" | |||||
sodipodi:cy="419.09448" | |||||
sodipodi:rx="9.1659365" | |||||
sodipodi:ry="9.1659365" | |||||
d="m 19.911936,426.71852 c -4.210641,-2.81006 -5.346037,-8.50146 -2.535977,-12.7121 2.81006,-4.21064 8.501463,-5.34604 12.712105,-2.53598 4.210641,2.81006 5.346037,8.50146 2.535977,12.71211 -2.809352,4.20958 -8.498806,5.34564 -12.709387,2.53779 L 25,419.09448 z" | |||||
transform="matrix(0.54549827,0,0,0.54549827,36.362543,498.74687)" | |||||
sodipodi:start="2.1592864" | |||||
sodipodi:end="8.4421153" /> | |||||
<path | |||||
sodipodi:nodetypes="cc" | |||||
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" | |||||
d="m 50,419.09448 c 0,-15 0,-25.36336 0,-25.36336" | |||||
id="path3804-9" | |||||
inkscape:connector-curvature="0" | |||||
transform="translate(0,308.2677)" /> | |||||
</g> | |||||
id="g4392-4" | |||||
transform="translate(49.606296,116.92921)"> | |||||
<rect | <rect | ||||
style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | |||||
id="rect3806-0" | |||||
width="120" | |||||
height="40.000027" | |||||
x="135" | |||||
y="662.36218" | |||||
ry="3.0304618" | |||||
rx="3.0304618" /> | |||||
y="818.50391" | |||||
x="56.692913" | |||||
height="21.259813" | |||||
width="49.606297" | |||||
id="rect4347-8" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> | |||||
<flowRoot | <flowRoot | ||||
xml:space="preserve" | |||||
id="flowRoot3808-3" | |||||
style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;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(123.18075,307.13791)"><flowRegion | |||||
id="flowRegion3810-3"><rect | |||||
id="rect3812-1" | |||||
width="115.278" | |||||
height="49.002258" | |||||
x="16.541248" | |||||
y="363.14072" | |||||
style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara | |||||
id="flowPara3462">Install the</flowPara><flowPara | |||||
id="flowPara3120">Vaadin Plugin</flowPara></flowRoot> <rect | |||||
style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:2,4;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | |||||
id="rect3806-0-1" | |||||
width="120" | |||||
height="40.000027" | |||||
x="135" | |||||
y="612.36218" | |||||
ry="3.0304618" | |||||
rx="3.0304618" /> | |||||
transform="translate(2.6821639,0.70806943)" | |||||
id="flowRoot4367-1" | |||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion4369-1"><use | |||||
height="100%" | |||||
width="100%" | |||||
id="use4371-0" | |||||
xlink:href="#rect4347-8" | |||||
y="0" | |||||
x="0" /></flowRegion><flowPara | |||||
id="flowPara4373-7">Install the</flowPara><flowPara | |||||
id="flowPara4375-8">Vaadin Plugin</flowPara></flowRoot> </g> | |||||
<flowRoot | |||||
transform="translate(-80.859252,95.125518)" | |||||
id="flowRoot4367-1-7" | |||||
style="font-style:normal;font-variant:normal;font-weight:200;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Ultra-Light';text-align:end;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:end;fill:#5b686b;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion4369-1-5"><use | |||||
height="100%" | |||||
width="100%" | |||||
id="use4371-0-1" | |||||
xlink:href="#rect4347-8" | |||||
y="0" | |||||
x="0" /></flowRegion><flowPara | |||||
id="flowPara4375-8-3">START</flowPara><flowPara | |||||
id="flowPara4462">HERE</flowPara></flowRoot> <g | |||||
id="g4392-0" | |||||
transform="translate(10.629921,141.73235)"> | |||||
<rect | |||||
y="818.50391" | |||||
x="56.692913" | |||||
height="17.716536" | |||||
width="28.346457" | |||||
id="rect4347-0" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#a1b6bb;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> | |||||
<flowRoot | <flowRoot | ||||
xml:space="preserve" | |||||
id="flowRoot3808-3-8" | |||||
style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;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(123.18075,257.13788)"><flowRegion | |||||
id="flowRegion3810-3-8"><rect | |||||
id="rect3812-1-4" | |||||
width="115.278" | |||||
height="49.002258" | |||||
x="16.541248" | |||||
y="363.14072" | |||||
style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara | |||||
id="flowPara3143">Install Vaadin Designer</flowPara></flowRoot> <path | |||||
sodipodi:nodetypes="cc" | |||||
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:2,2;stroke-dashoffset:0" | |||||
d="m 195,662.36216 0,-10" | |||||
id="path3804-97" | |||||
inkscape:connector-curvature="0" /> | |||||
</g> | |||||
transform="translate(2.6821639,1.591953)" | |||||
id="flowRoot4367-0" | |||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion4369-0"><use | |||||
height="100%" | |||||
width="100%" | |||||
id="use4371-01" | |||||
xlink:href="#rect4347-0" | |||||
y="0" | |||||
x="0" /></flowRegion><flowPara | |||||
id="flowPara4375-9" | |||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;writing-mode:lr-tb;text-anchor:start">On Windows</flowPara></flowRoot> </g> | |||||
<g | <g | ||||
transform="translate(290,0.36334209)" | |||||
id="g3271-5"> | |||||
<g | |||||
transform="translate(150.125,-110.23837)" | |||||
id="g3908-4-9-7-8"> | |||||
<rect | |||||
style="color:#000000;fill:#e0e0e0;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | |||||
id="rect3806-4-2-2-0-0" | |||||
width="60" | |||||
height="50.000092" | |||||
x="14.875" | |||||
y="647.60052" | |||||
ry="1.8654728" | |||||
rx="1.8654728" /> | |||||
<flowRoot | |||||
transform="translate(1.0223215,288.61775)" | |||||
style="font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;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" | |||||
id="flowRoot3808-5-7-2-4-0" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion3810-5-6-3-2-1"><rect | |||||
style="font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" | |||||
y="363.14072" | |||||
x="16.541248" | |||||
height="25.842058" | |||||
width="52.311432" | |||||
id="rect3812-6-6-4-0-0" /></flowRegion><flowPara | |||||
id="flowPara3123-9">Apache</flowPara><flowPara | |||||
id="flowPara3417">Tomcat</flowPara></flowRoot> </g> | |||||
<g | |||||
transform="translate(145.125,-89.874981)" | |||||
id="g3908-4-1-3"> | |||||
<rect | |||||
style="color:#000000;fill:#e0e0e0;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | |||||
id="rect3806-4-2-6-8" | |||||
width="60" | |||||
height="45.000046" | |||||
x="19.875" | |||||
y="652.23712" | |||||
ry="1.8654728" | |||||
rx="1.8654728" /> | |||||
<flowRoot | |||||
transform="translate(5.7477504,293.01433)" | |||||
style="font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;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" | |||||
id="flowRoot3808-5-7-0-0" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion3810-5-6-6-0"><rect | |||||
style="font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" | |||||
y="363.14072" | |||||
x="16.541248" | |||||
height="21.08209" | |||||
width="52.586002" | |||||
id="rect3812-6-6-0-0" /></flowRegion><flowPara | |||||
id="flowPara3127-7">TomEE</flowPara></flowRoot> </g> | |||||
<g | |||||
transform="translate(145.125,-69.875003)" | |||||
id="g3908-4-1-3-3"> | |||||
<rect | |||||
style="color:#000000;fill:#e0e0e0;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | |||||
id="rect3806-4-2-6-8-5" | |||||
width="60" | |||||
height="40.000023" | |||||
x="19.875" | |||||
y="657.23718" | |||||
ry="1.8654728" | |||||
rx="1.8654728" /> | |||||
<flowRoot | |||||
transform="translate(6.486036,298.2575)" | |||||
style="font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;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" | |||||
id="flowRoot3808-5-7-0-0-9" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion3810-5-6-6-0-5"><rect | |||||
style="font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" | |||||
y="363.14072" | |||||
x="16.541248" | |||||
height="25.127552" | |||||
width="44.320438" | |||||
id="rect3812-6-6-0-0-8" /></flowRegion><flowPara | |||||
id="flowPara3127-7-1">Wildfly</flowPara></flowRoot> </g> | |||||
<g | |||||
transform="translate(145.125,-49.875)" | |||||
id="g3908-3-3"> | |||||
<rect | |||||
style="color:#000000;fill:#e0e0e0;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | |||||
id="rect3806-4-0-0" | |||||
width="60" | |||||
height="35.000027" | |||||
x="19.875" | |||||
y="662.23718" | |||||
ry="1.8654728" | |||||
rx="1.8654728" /> | |||||
<flowRoot | |||||
transform="translate(5.5983218,303.07893)" | |||||
style="font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;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" | |||||
id="flowRoot3808-5-8-5" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion3810-5-3-9"><rect | |||||
style="font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" | |||||
y="363.14072" | |||||
x="16.541248" | |||||
height="21.017509" | |||||
width="57.735432" | |||||
id="rect3812-6-1-3" /></flowRegion><flowPara | |||||
id="flowPara3131-2">GlassFish</flowPara></flowRoot> </g> | |||||
<g | |||||
transform="translate(145.125,-29.875002)" | |||||
id="g3908-3-3-7"> | |||||
<rect | |||||
style="color:#000000;fill:#e0e0e0;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | |||||
id="rect3806-4-0-0-8" | |||||
width="60" | |||||
height="30.000025" | |||||
x="19.875" | |||||
y="667.23718" | |||||
ry="1.8654728" | |||||
rx="1.8654728" /> | |||||
<flowRoot | |||||
transform="translate(5.4917504,307.90036)" | |||||
style="font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;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" | |||||
id="flowRoot3808-5-8-5-5" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion3810-5-3-9-6"><rect | |||||
style="font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" | |||||
y="363.14072" | |||||
x="16.541248" | |||||
height="25.127552" | |||||
width="44.320438" | |||||
id="rect3812-6-1-3-8" /></flowRegion><flowPara | |||||
id="flowPara3131-2-5">Other</flowPara></flowRoot> </g> | |||||
<g | |||||
transform="translate(130,2.421875e-6)" | |||||
id="g3822-0-3"> | |||||
<path | |||||
sodipodi:type="arc" | |||||
style="color:#000000;fill:#000000;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:0.13524589;stroke-dasharray:2, 1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | |||||
id="path3005-2-8-1" | |||||
sodipodi:cx="25" | |||||
sodipodi:cy="419.09448" | |||||
sodipodi:rx="9.1659365" | |||||
sodipodi:ry="9.1659365" | |||||
d="m 19.911936,426.71852 c -4.210641,-2.81006 -5.346037,-8.50146 -2.535977,-12.7121 2.81006,-4.21064 8.501463,-5.34604 12.712105,-2.53598 4.210641,2.81006 5.346037,8.50146 2.535977,12.71211 -2.809352,4.20958 -8.498806,5.34564 -12.709387,2.53779 L 25,419.09448 z" | |||||
transform="matrix(0.54549827,0,0,0.54549827,36.362543,498.74687)" | |||||
sodipodi:start="2.1592864" | |||||
sodipodi:end="8.4421153" /> | |||||
<path | |||||
sodipodi:nodetypes="cc" | |||||
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" | |||||
d="m 50,419.09448 c 0,-15 0,-25.36336 0,-25.36336" | |||||
id="path3804-9-3" | |||||
inkscape:connector-curvature="0" | |||||
transform="translate(0,308.2677)" /> | |||||
</g> | |||||
id="g4392-4-4" | |||||
transform="translate(106.2992,116.92922)"> | |||||
<rect | <rect | ||||
style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | |||||
id="rect3806-0-6" | |||||
width="90" | |||||
height="40.363342" | |||||
x="135" | |||||
y="661.99884" | |||||
ry="3.0304618" | |||||
rx="3.0304618" /> | |||||
y="818.50391" | |||||
x="56.692913" | |||||
height="21.259834" | |||||
width="35.433071" | |||||
id="rect4347-8-7" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> | |||||
<flowRoot | <flowRoot | ||||
xml:space="preserve" | |||||
id="flowRoot3808-3-6" | |||||
style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;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(122.76475,307.13793)"><flowRegion | |||||
id="flowRegion3810-3-6"><rect | |||||
id="rect3812-1-7" | |||||
width="90.694" | |||||
height="31.720194" | |||||
x="16.541248" | |||||
y="363.14072" | |||||
style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara | |||||
id="flowPara3413">Configure</flowPara><flowPara | |||||
id="flowPara3088">a Server</flowPara></flowRoot> </g> | |||||
<path | |||||
sodipodi:type="arc" | |||||
style="color:#000000;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3.66637278;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | |||||
id="path3005-2-1-8-2" | |||||
sodipodi:cx="25" | |||||
sodipodi:cy="419.09448" | |||||
sodipodi:rx="18.331858" | |||||
sodipodi:ry="18.331858" | |||||
d="M 14.823881,434.34255 C 6.4026049,428.72244 4.1318157,417.33964 9.7519312,408.91836 15.372047,400.49709 26.754843,398.2263 35.176119,403.84641 c 8.421276,5.62012 10.692065,17.00292 5.07195,25.42419 -5.412093,8.10957 -16.224957,10.56415 -24.607996,5.58614" | |||||
transform="matrix(0.54549827,0,0,0.54549827,511.36254,499.11015)" | |||||
sodipodi:start="2.1592864" | |||||
sodipodi:end="8.3898438" | |||||
sodipodi:open="true" /> | |||||
transform="translate(2.6821639,0.70806943)" | |||||
id="flowRoot4367-1-5" | |||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion4369-1-6"><use | |||||
height="100%" | |||||
width="100%" | |||||
id="use4371-0-13" | |||||
xlink:href="#rect4347-8-7" | |||||
y="0" | |||||
x="0" /></flowRegion><flowPara | |||||
id="flowPara4561">Configure a Server</flowPara></flowRoot> </g> | |||||
<circle | |||||
r="10.629871" | |||||
cy="921.25983" | |||||
cx="38.976379" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" | |||||
id="path2997-7-9" /> | |||||
<flowRoot | <flowRoot | ||||
xml:space="preserve" | xml:space="preserve" | ||||
id="flowRoot3808-4-1" | |||||
style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;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(523.46875,347.01565)"><flowRegion | |||||
id="flowRegion3810-2-4"><rect | |||||
id="rect3812-0-5" | |||||
width="85.838005" | |||||
height="45.504295" | |||||
x="16.541248" | |||||
y="363.14072" | |||||
style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara | |||||
id="flowPara3187">Go</flowPara><flowPara | |||||
id="flowPara3227">Create a Project</flowPara></flowRoot> <path | |||||
sodipodi:type="arc" | |||||
style="color:#000000;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3.66637278;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | |||||
id="path3005-2-1-8-2-7" | |||||
sodipodi:cx="25" | |||||
sodipodi:cy="419.09448" | |||||
sodipodi:rx="18.331858" | |||||
sodipodi:ry="18.331858" | |||||
d="M 14.823881,434.34255 C 6.4026049,428.72244 4.1318157,417.33964 9.7519312,408.91836 15.372047,400.49709 26.754843,398.2263 35.176119,403.84641 c 8.421276,5.62012 10.692065,17.00292 5.07195,25.42419 -5.412093,8.10957 -16.224957,10.56415 -24.607996,5.58614" | |||||
transform="matrix(0.54549827,0,0,0.54549827,171.36254,498.74687)" | |||||
sodipodi:start="2.1592864" | |||||
sodipodi:end="8.3898438" | |||||
sodipodi:open="true" /> | |||||
<flowRoot | |||||
xml:space="preserve" | |||||
id="flowRoot3808-4-1-8" | |||||
style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:end;line-height:89.99999762%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:end;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" | |||||
transform="translate(69.45294,353.63285)"><flowRegion | |||||
id="flowRegion3810-2-4-5"><rect | |||||
id="rect3812-0-5-7" | |||||
width="85.838005" | |||||
height="45.504295" | |||||
x="16.541248" | |||||
y="363.14072" | |||||
style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:end;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:end;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara | |||||
id="flowPara3227-2">Start</flowPara><flowPara | |||||
id="flowPara3142">Here</flowPara></flowRoot> </g> | |||||
id="flowRoot4608" | |||||
style="font-style:normal;font-variant:normal;font-weight:200;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Ultra-Light';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
transform="translate(-8.7799417,886.00829)"><flowRegion | |||||
id="flowRegion4610"><rect | |||||
id="rect4612" | |||||
width="46.062996" | |||||
height="24.80315" | |||||
x="251.5748" | |||||
y="28.346453" | |||||
style="font-style:normal;font-variant:normal;font-weight:200;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Ultra-Light';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#00b4f0;fill-opacity:1" /></flowRegion><flowPara | |||||
id="flowPara4614">GO CREATE A PROJECT</flowPara></flowRoot> <g | |||||
id="g4392-0-9" | |||||
transform="translate(10.629921,159.44888)"> | |||||
<rect | |||||
y="818.50391" | |||||
x="56.692913" | |||||
height="17.716536" | |||||
width="28.346457" | |||||
id="rect4347-0-0" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#a1b6bb;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> | |||||
<flowRoot | |||||
transform="translate(2.6821639,0.70806943)" | |||||
id="flowRoot4367-0-6" | |||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion4369-0-9"><use | |||||
height="100%" | |||||
width="100%" | |||||
id="use4371-01-0" | |||||
xlink:href="#rect4347-0-0" | |||||
y="0" | |||||
x="0" /></flowRegion><flowPara | |||||
id="flowPara4375-9-7" | |||||
style="font-size:5px">On</flowPara><flowPara | |||||
style="font-size:5px" | |||||
id="flowPara4646">OS X</flowPara></flowRoot> </g> | |||||
<g | |||||
id="g4392-0-9-5" | |||||
transform="translate(10.629921,177.16542)"> | |||||
<rect | |||||
y="818.50391" | |||||
x="56.692913" | |||||
height="17.716536" | |||||
width="28.346457" | |||||
id="rect4347-0-0-5" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#a1b6bb;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> | |||||
<flowRoot | |||||
transform="translate(2.6821639,0.70806943)" | |||||
id="flowRoot4367-0-6-3" | |||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion4369-0-9-0"><use | |||||
height="100%" | |||||
width="100%" | |||||
id="use4371-01-0-2" | |||||
xlink:href="#rect4347-0-0-5" | |||||
y="0" | |||||
x="0" /></flowRegion><flowPara | |||||
id="flowPara4375-9-7-1" | |||||
style="font-size:5px">On</flowPara><flowPara | |||||
style="font-size:5px" | |||||
id="flowPara4646-5">Linux</flowPara></flowRoot> </g> | |||||
<path | |||||
style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" | |||||
d="m 81.496063,921.25987 0,14.17323" | |||||
id="path3003-6-5" | |||||
inkscape:connector-curvature="0" | |||||
sodipodi:nodetypes="cc" /> | |||||
<path | |||||
style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" | |||||
d="m 131.10234,921.25989 0,14.17323" | |||||
id="path3003-6-5-3" | |||||
inkscape:connector-curvature="0" | |||||
sodipodi:nodetypes="cc" /> | |||||
<path | |||||
style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" | |||||
d="m 180.70864,921.25989 0,14.17323" | |||||
id="path3003-6-5-7" | |||||
inkscape:connector-curvature="0" | |||||
sodipodi:nodetypes="cc" /> | |||||
<g | |||||
id="g4392-0-4-5" | |||||
transform="translate(109.8425,141.73237)"> | |||||
<rect | |||||
y="818.50391" | |||||
x="56.692913" | |||||
height="17.716536" | |||||
width="28.346457" | |||||
id="rect4347-0-2-28" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#a1b6bb;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> | |||||
<flowRoot | |||||
transform="translate(2.6821639,0.70806943)" | |||||
id="flowRoot4367-0-7-0" | |||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion4369-0-6-6"><use | |||||
height="100%" | |||||
width="100%" | |||||
id="use4371-01-4-96" | |||||
xlink:href="#rect4347-0-2-28" | |||||
y="0" | |||||
x="0" /></flowRegion><flowPara | |||||
style="font-size:5px" | |||||
id="flowPara4783-6">Apache</flowPara><flowPara | |||||
style="font-size:5px" | |||||
id="flowPara4917">Tomcat</flowPara></flowRoot> </g> | |||||
<g | |||||
id="g4392-0-4-6-8" | |||||
transform="translate(109.8425,159.44891)"> | |||||
<rect | |||||
y="818.50391" | |||||
x="56.692913" | |||||
height="17.716536" | |||||
width="28.346457" | |||||
id="rect4347-0-2-5-5" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#a1b6bb;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> | |||||
<flowRoot | |||||
transform="translate(2.6821639,0.70806943)" | |||||
id="flowRoot4367-0-7-2-4" | |||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion4369-0-6-7-7"><use | |||||
height="100%" | |||||
width="100%" | |||||
id="use4371-01-4-9-8" | |||||
xlink:href="#rect4347-0-2-5-5" | |||||
y="0" | |||||
x="0" /></flowRegion><flowPara | |||||
style="font-size:5px" | |||||
id="flowPara4783-7-2">TomEE</flowPara></flowRoot> </g> | |||||
<g | |||||
id="g4392-0-4-0-0" | |||||
transform="translate(109.8425,177.16544)"> | |||||
<rect | |||||
y="818.50391" | |||||
x="56.692913" | |||||
height="17.716536" | |||||
width="28.346457" | |||||
id="rect4347-0-2-2-7" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#a1b6bb;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> | |||||
<flowRoot | |||||
transform="translate(2.6821639,0.70806943)" | |||||
id="flowRoot4367-0-7-4-8" | |||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion4369-0-6-5-6"><use | |||||
height="100%" | |||||
width="100%" | |||||
id="use4371-01-4-6-3" | |||||
xlink:href="#rect4347-0-2-2-7" | |||||
y="0" | |||||
x="0" /></flowRegion><flowPara | |||||
style="font-size:5px" | |||||
id="flowPara4838-1">Wildfly</flowPara></flowRoot> </g> | |||||
<path | |||||
style="fill:none;stroke:#a1b6bb;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" | |||||
d="m 180.70864,956.69296 0,3.54331" | |||||
id="path3003-6-5-30-4-6" | |||||
inkscape:connector-curvature="0" | |||||
sodipodi:nodetypes="cc" /> | |||||
<g | |||||
id="g4392-0-4-0-0-1" | |||||
transform="translate(109.8425,194.88197)"> | |||||
<rect | |||||
y="818.50391" | |||||
x="56.692913" | |||||
height="17.716536" | |||||
width="28.346457" | |||||
id="rect4347-0-2-2-7-1" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#a1b6bb;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> | |||||
<flowRoot | |||||
transform="translate(2.6821639,0.70806943)" | |||||
id="flowRoot4367-0-7-4-8-8" | |||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion4369-0-6-5-6-7"><use | |||||
height="100%" | |||||
width="100%" | |||||
id="use4371-01-4-6-3-4" | |||||
xlink:href="#rect4347-0-2-2-7-1" | |||||
y="0" | |||||
x="0" /></flowRegion><flowPara | |||||
style="font-size:5px" | |||||
id="flowPara4838-1-1">Glassfish</flowPara></flowRoot> </g> | |||||
<g | |||||
id="g4392-0-4-0-0-1-0" | |||||
transform="translate(109.8425,212.59851)"> | |||||
<rect | |||||
y="818.50391" | |||||
x="56.692913" | |||||
height="17.716536" | |||||
width="28.346457" | |||||
id="rect4347-0-2-2-7-1-1" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#a1b6bb;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> | |||||
<flowRoot | |||||
transform="translate(2.6821639,0.70806943)" | |||||
id="flowRoot4367-0-7-4-8-8-1" | |||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion4369-0-6-5-6-7-2"><use | |||||
height="100%" | |||||
width="100%" | |||||
id="use4371-01-4-6-3-4-5" | |||||
xlink:href="#rect4347-0-2-2-7-1-1" | |||||
y="0" | |||||
x="0" /></flowRegion><flowPara | |||||
style="font-size:5px" | |||||
id="flowPara4838-1-1-5">Other</flowPara></flowRoot> </g> | |||||
<g | |||||
id="g4392-4-9" | |||||
transform="translate(49.606293,141.73233)"> | |||||
<rect | |||||
y="818.50391" | |||||
x="56.692913" | |||||
height="21.259842" | |||||
width="49.6063" | |||||
id="rect4347-8-4" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.70866144, 0.70866144;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> | |||||
<flowRoot | |||||
transform="translate(2.6821639,0.70806943)" | |||||
id="flowRoot4367-1-0" | |||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion4369-1-9"><use | |||||
height="100%" | |||||
width="100%" | |||||
id="use4371-0-7" | |||||
xlink:href="#rect4347-8-4" | |||||
y="0" | |||||
x="0" /></flowRegion><flowPara | |||||
id="flowPara4375-8-0">Install Vaadin Designer</flowPara></flowRoot> </g> | |||||
<path | |||||
style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.70866144, 0.70866144;stroke-dashoffset:0;stroke-opacity:1" | |||||
d="m 131.10236,956.69292 0,3.54331" | |||||
id="path3003-6-5-3-5" | |||||
inkscape:connector-curvature="0" | |||||
sodipodi:nodetypes="cc" /> | |||||
<g | |||||
id="g4392-4-9-8" | |||||
transform="translate(49.6063,166.53546)"> | |||||
<rect | |||||
y="818.50391" | |||||
x="56.692913" | |||||
height="28.346457" | |||||
width="49.6063" | |||||
id="rect4347-8-4-0" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.70866144, 0.70866144;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> | |||||
<flowRoot | |||||
transform="translate(2.6821639,0.70806943)" | |||||
id="flowRoot4367-1-0-2" | |||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion4369-1-9-9"><use | |||||
height="100%" | |||||
width="100%" | |||||
id="use4371-0-7-6" | |||||
xlink:href="#rect4347-8-4-0" | |||||
y="0" | |||||
x="0" /></flowRegion><flowPara | |||||
id="flowPara4375-8-0-1">Configure the</flowPara><flowPara | |||||
id="flowPara4353">Notification</flowPara><flowPara | |||||
id="flowPara4356">Center</flowPara></flowRoot> </g> | |||||
<path | |||||
style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.70866144, 0.70866144;stroke-dashoffset:0;stroke-opacity:1" | |||||
d="m 131.10236,981.49605 0,3.54331" | |||||
id="path3003-6-5-3-5-6" | |||||
inkscape:connector-curvature="0" | |||||
sodipodi:nodetypes="cc" /> | |||||
</g> | |||||
</svg> | </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="82mm" | |||||
height="46mm" | |||||
id="svg1901" | |||||
sodipodi:version="0.32" | |||||
inkscape:version="0.91 r" | |||||
sodipodi:docname="installation-intellij.svg" | |||||
version="1.1"> | |||||
<defs | |||||
id="defs1903" /> | |||||
<sodipodi:namedview | |||||
id="base" | |||||
pagecolor="#ffffff" | |||||
bordercolor="#666666" | |||||
borderopacity="1.0" | |||||
inkscape:pageopacity="1" | |||||
inkscape:pageshadow="2" | |||||
inkscape:zoom="2.8" | |||||
inkscape:cx="153.1089" | |||||
inkscape:cy="76.118195" | |||||
inkscape:document-units="mm" | |||||
inkscape:current-layer="layer1" | |||||
inkscape:window-width="1920" | |||||
inkscape:window-height="1060" | |||||
inkscape:window-x="-2" | |||||
inkscape:window-y="-3" | |||||
showgrid="true" | |||||
inkscape:window-maximized="1" | |||||
inkscape:snap-center="true" | |||||
inkscape:snap-grids="true" | |||||
inkscape:snap-bbox="true" | |||||
inkscape:object-paths="true" | |||||
inkscape:object-nodes="true" | |||||
inkscape:snap-object-midpoints="true" | |||||
showguides="true" | |||||
inkscape:guide-bbox="true" | |||||
units="mm"> | |||||
<inkscape:grid | |||||
type="xygrid" | |||||
id="grid2982" | |||||
empspacing="10" | |||||
visible="true" | |||||
enabled="true" | |||||
snapvisiblegridlinesonly="true" | |||||
spacingx="3.5433071" | |||||
spacingy="3.5433071" | |||||
units="mm" /> | |||||
</sodipodi:namedview> | |||||
<metadata | |||||
id="metadata1906"> | |||||
<rdf:RDF> | |||||
<cc:Work | |||||
rdf:about=""> | |||||
<dc:format>image/svg+xml</dc:format> | |||||
<dc:type | |||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> | |||||
<dc:title></dc:title> | |||||
</cc:Work> | |||||
</rdf:RDF> | |||||
</metadata> | |||||
<g | |||||
inkscape:label="Taso 1" | |||||
inkscape:groupmode="layer" | |||||
id="layer1" | |||||
transform="translate(0,-889.37006)"> | |||||
<path | |||||
style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" | |||||
d="m 38.976374,970.86611 24.80315,14.17323 141.732286,0 24.80315,-14.17321" | |||||
id="path3003-6-9" | |||||
inkscape:connector-curvature="0" | |||||
sodipodi:nodetypes="cccc" /> | |||||
<path | |||||
style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" | |||||
d="m 38.976377,970.86613 24.803147,-14.17325 141.732286,0 24.80315,14.17323" | |||||
id="path3003-6" | |||||
inkscape:connector-curvature="0" | |||||
sodipodi:nodetypes="cccc" /> | |||||
<circle | |||||
r="3.5432572" | |||||
cy="985.03931" | |||||
cx="85.03936" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" | |||||
id="path2997-7" /> | |||||
<circle | |||||
r="3.5432572" | |||||
cy="985.03925" | |||||
cx="141.7323" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" | |||||
id="path2997-7-4" /> | |||||
<circle | |||||
r="10.629871" | |||||
cy="970.86609" | |||||
cx="230.31496" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" | |||||
id="path2997-7-9-2" /> | |||||
<flowRoot | |||||
xml:space="preserve" | |||||
id="flowRoot4349" | |||||
style="font-style:normal;font-weight:normal;font-size:10px;line-height:125%;font-family:Sans;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
transform="translate(-3.5433088,928.34645)"><flowRegion | |||||
id="flowRegion4351"><rect | |||||
id="rect4353" | |||||
width="67.322838" | |||||
height="42.519684" | |||||
x="49.6063" | |||||
y="56.692909" | |||||
style="font-size:10px" /></flowRegion><flowPara | |||||
id="flowPara4355" /></flowRoot> <g | |||||
id="g4392" | |||||
transform="translate(3.5433076,180.70871)"> | |||||
<rect | |||||
y="818.50391" | |||||
x="56.692913" | |||||
height="28.346426" | |||||
width="49.606293" | |||||
id="rect4347" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> | |||||
<flowRoot | |||||
transform="translate(2.6821639,0.70806943)" | |||||
id="flowRoot4367" | |||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion4369"><use | |||||
height="100%" | |||||
width="100%" | |||||
id="use4371" | |||||
xlink:href="#rect4347" | |||||
y="0" | |||||
x="0" /></flowRegion><flowPara | |||||
id="flowPara4281">Install IntelliJ</flowPara><flowPara | |||||
id="flowPara4375">Community</flowPara><flowPara | |||||
id="flowPara4249">Edition</flowPara><flowPara | |||||
id="flowPara4245" /><flowPara | |||||
id="flowPara4247" /></flowRoot> </g> | |||||
<g | |||||
id="g4392-4" | |||||
transform="translate(60.236234,180.70866)"> | |||||
<rect | |||||
y="818.50391" | |||||
x="56.692913" | |||||
height="21.259813" | |||||
width="49.606297" | |||||
id="rect4347-8" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> | |||||
<flowRoot | |||||
transform="translate(2.6821639,0.70806943)" | |||||
id="flowRoot4367-1" | |||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion4369-1"><use | |||||
height="100%" | |||||
width="100%" | |||||
id="use4371-0" | |||||
xlink:href="#rect4347-8" | |||||
y="0" | |||||
x="0" /></flowRegion><flowPara | |||||
id="flowPara4373-7">Install the</flowPara><flowPara | |||||
id="flowPara4375-8">Vaadin Plugin</flowPara></flowRoot> </g> | |||||
<flowRoot | |||||
transform="translate(-80.859256,144.73179)" | |||||
id="flowRoot4367-1-7" | |||||
style="font-style:normal;font-variant:normal;font-weight:200;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Ultra-Light';text-align:end;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:end;fill:#5b686b;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion4369-1-5"><use | |||||
height="100%" | |||||
width="100%" | |||||
id="use4371-0-1" | |||||
xlink:href="#rect4347-8" | |||||
y="0" | |||||
x="0" /></flowRegion><flowPara | |||||
id="flowPara4375-8-3">START</flowPara><flowPara | |||||
id="flowPara4462">HERE</flowPara></flowRoot> <circle | |||||
r="10.629871" | |||||
cy="970.86609" | |||||
cx="38.976376" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" | |||||
id="path2997-7-9" /> | |||||
<flowRoot | |||||
xml:space="preserve" | |||||
id="flowRoot4608" | |||||
style="font-style:normal;font-variant:normal;font-weight:200;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Ultra-Light';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
transform="translate(-8.7799461,935.61456)"><flowRegion | |||||
id="flowRegion4610"><rect | |||||
id="rect4612" | |||||
width="46.062996" | |||||
height="24.80315" | |||||
x="251.5748" | |||||
y="28.346453" | |||||
style="font-style:normal;font-variant:normal;font-weight:200;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Ultra-Light';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#00b4f0;fill-opacity:1" /></flowRegion><flowPara | |||||
id="flowPara4614">GO CREATE A PROJECT</flowPara></flowRoot> <path | |||||
style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" | |||||
d="m 85.039365,985.03944 0,14.17323" | |||||
id="path3003-6-5" | |||||
inkscape:connector-curvature="0" | |||||
sodipodi:nodetypes="cc" /> | |||||
<path | |||||
style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" | |||||
d="m 141.73228,985.03934 0,14.17323" | |||||
id="path3003-6-5-3" | |||||
inkscape:connector-curvature="0" | |||||
sodipodi:nodetypes="cc" /> | |||||
<g | |||||
id="g4392-4-9" | |||||
transform="translate(60.236217,209.05512)"> | |||||
<rect | |||||
y="818.50391" | |||||
x="56.692913" | |||||
height="21.259842" | |||||
width="49.6063" | |||||
id="rect4347-8-4" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.70866144, 0.70866144;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> | |||||
<flowRoot | |||||
transform="translate(2.6821639,0.70806943)" | |||||
id="flowRoot4367-1-0" | |||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion4369-1-9"><use | |||||
height="100%" | |||||
width="100%" | |||||
id="use4371-0-7" | |||||
xlink:href="#rect4347-8-4" | |||||
y="0" | |||||
x="0" /></flowRegion><flowPara | |||||
id="flowPara4375-8-0">Install Vaadin Designer</flowPara></flowRoot> </g> | |||||
<path | |||||
style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.70866144, 0.70866144;stroke-dashoffset:0;stroke-opacity:1" | |||||
d="m 141.7323,1020.4724 -2e-5,7.0866" | |||||
id="path3003-6-5-3-5" | |||||
inkscape:connector-curvature="0" | |||||
sodipodi:nodetypes="cc" /> | |||||
<circle | |||||
r="3.5432572" | |||||
cy="956.69293" | |||||
cx="85.039352" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" | |||||
id="path2997-7-95" /> | |||||
<circle | |||||
r="3.5432572" | |||||
cy="956.69287" | |||||
cx="141.73228" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" | |||||
id="path2997-7-4-7" /> | |||||
<circle | |||||
r="3.5432572" | |||||
cy="956.69287" | |||||
cx="191.33859" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" | |||||
id="path2997-7-2-5" /> | |||||
<g | |||||
id="g4392-48" | |||||
transform="translate(3.5433047,95.669298)"> | |||||
<rect | |||||
y="818.50391" | |||||
x="56.692913" | |||||
height="28.346426" | |||||
width="49.606293" | |||||
id="rect4347-6" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> | |||||
<flowRoot | |||||
transform="translate(2.6821639,0.70806943)" | |||||
id="flowRoot4367-2" | |||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion4369-9"><use | |||||
height="100%" | |||||
width="100%" | |||||
id="use4371-04" | |||||
xlink:href="#rect4347-6" | |||||
y="0" | |||||
x="0" /></flowRegion><flowPara | |||||
id="flowPara4281-2">Install IntelliJ</flowPara><flowPara | |||||
id="flowPara4375-0">Ultimate</flowPara><flowPara | |||||
id="flowPara4249-2">Edition</flowPara><flowPara | |||||
id="flowPara4245-2" /><flowPara | |||||
id="flowPara4247-9" /></flowRoot> </g> | |||||
<g | |||||
id="g4392-4-0" | |||||
transform="translate(60.236219,102.75591)"> | |||||
<rect | |||||
y="818.50391" | |||||
x="56.692913" | |||||
height="21.259813" | |||||
width="49.606297" | |||||
id="rect4347-8-6" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> | |||||
<flowRoot | |||||
transform="translate(2.6821639,0.70806943)" | |||||
id="flowRoot4367-1-2" | |||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion4369-1-4"><use | |||||
height="100%" | |||||
width="100%" | |||||
id="use4371-0-9" | |||||
xlink:href="#rect4347-8-6" | |||||
y="0" | |||||
x="0" /></flowRegion><flowPara | |||||
id="flowPara4373-7-8">Install the</flowPara><flowPara | |||||
id="flowPara4375-8-34">Vaadin Plugin</flowPara></flowRoot> </g> | |||||
<g | |||||
id="g4392-4-4-5" | |||||
transform="translate(116.92913,102.75592)"> | |||||
<rect | |||||
y="818.50391" | |||||
x="56.692913" | |||||
height="21.259834" | |||||
width="35.433071" | |||||
id="rect4347-8-7-5" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> | |||||
<flowRoot | |||||
transform="translate(2.6821639,0.70806943)" | |||||
id="flowRoot4367-1-5-2" | |||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion4369-1-6-7"><use | |||||
height="100%" | |||||
width="100%" | |||||
id="use4371-0-13-6" | |||||
xlink:href="#rect4347-8-7-5" | |||||
y="0" | |||||
x="0" /></flowRegion><flowPara | |||||
id="flowPara4561-0">Configure a Server</flowPara></flowRoot> </g> | |||||
<path | |||||
style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" | |||||
d="m 85.039361,942.51975 0,14.17323" | |||||
id="path3003-6-5-8" | |||||
inkscape:connector-curvature="0" | |||||
sodipodi:nodetypes="cc" /> | |||||
<path | |||||
style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" | |||||
d="m 141.73228,942.51965 0,14.17323" | |||||
id="path3003-6-5-3-55" | |||||
inkscape:connector-curvature="0" | |||||
sodipodi:nodetypes="cc" /> | |||||
<path | |||||
style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" | |||||
d="m 191.33858,942.51965 0,14.17323" | |||||
id="path3003-6-5-7-5" | |||||
inkscape:connector-curvature="0" | |||||
sodipodi:nodetypes="cc" /> | |||||
<g | |||||
id="g4392-4-9-3" | |||||
transform="translate(60.236217,74.409445)"> | |||||
<rect | |||||
y="818.50391" | |||||
x="56.692913" | |||||
height="21.259842" | |||||
width="49.6063" | |||||
id="rect4347-8-4-0" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.70866144, 0.70866144;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> | |||||
<flowRoot | |||||
transform="translate(2.6821639,0.70806943)" | |||||
id="flowRoot4367-1-0-3" | |||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion4369-1-9-9"><use | |||||
height="100%" | |||||
width="100%" | |||||
id="use4371-0-7-2" | |||||
xlink:href="#rect4347-8-4-0" | |||||
y="0" | |||||
x="0" /></flowRegion><flowPara | |||||
id="flowPara4375-8-0-4">Install Vaadin Designer</flowPara></flowRoot> </g> | |||||
<path | |||||
style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.70866144, 0.70866144;stroke-dashoffset:0;stroke-opacity:1" | |||||
d="m 141.73228,914.17319 0,7.08662" | |||||
id="path3003-6-5-3-5-1" | |||||
inkscape:connector-curvature="0" | |||||
sodipodi:nodetypes="cc" /> | |||||
</g> | |||||
</svg> |
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" | xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" | ||||
xmlns:svg="http://www.w3.org/2000/svg" | xmlns:svg="http://www.w3.org/2000/svg" | ||||
xmlns="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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" | ||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" | xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" | ||||
width="1052.3622" | |||||
height="744.09448" | |||||
width="82mm" | |||||
height="31mm" | |||||
id="svg1901" | id="svg1901" | ||||
sodipodi:version="0.32" | sodipodi:version="0.32" | ||||
inkscape:version="0.48.4 r9939" | |||||
inkscape:version="0.91 r" | |||||
sodipodi:docname="installation-netbeans.svg" | sodipodi:docname="installation-netbeans.svg" | ||||
version="1.1"> | version="1.1"> | ||||
<defs | <defs | ||||
pagecolor="#ffffff" | pagecolor="#ffffff" | ||||
bordercolor="#666666" | bordercolor="#666666" | ||||
borderopacity="1.0" | borderopacity="1.0" | ||||
inkscape:pageopacity="0.0" | |||||
inkscape:pageopacity="1" | |||||
inkscape:pageshadow="2" | inkscape:pageshadow="2" | ||||
inkscape:zoom="1.979899" | |||||
inkscape:cx="399.44283" | |||||
inkscape:cy="445.22531" | |||||
inkscape:document-units="px" | |||||
inkscape:zoom="3.959798" | |||||
inkscape:cx="148.5253" | |||||
inkscape:cy="82.243922" | |||||
inkscape:document-units="mm" | |||||
inkscape:current-layer="layer1" | inkscape:current-layer="layer1" | ||||
inkscape:window-width="1920" | inkscape:window-width="1920" | ||||
inkscape:window-height="1060" | inkscape:window-height="1060" | ||||
inkscape:object-nodes="true" | inkscape:object-nodes="true" | ||||
inkscape:snap-object-midpoints="true" | inkscape:snap-object-midpoints="true" | ||||
showguides="true" | showguides="true" | ||||
inkscape:guide-bbox="true"> | |||||
inkscape:guide-bbox="true" | |||||
units="mm"> | |||||
<inkscape:grid | <inkscape:grid | ||||
type="xygrid" | type="xygrid" | ||||
id="grid2982" | id="grid2982" | ||||
empspacing="5" | |||||
empspacing="10" | |||||
visible="true" | visible="true" | ||||
enabled="true" | enabled="true" | ||||
snapvisiblegridlinesonly="true" | snapvisiblegridlinesonly="true" | ||||
spacingx="5px" | |||||
spacingy="5px" /> | |||||
<sodipodi:guide | |||||
orientation="1,0" | |||||
position="227.32143,468.92857" | |||||
id="guide3116" /> | |||||
<sodipodi:guide | |||||
orientation="1,0" | |||||
position="330,370" | |||||
id="guide3120" /> | |||||
spacingx="3.5433071" | |||||
spacingy="3.5433071" | |||||
units="mm" /> | |||||
</sodipodi:namedview> | </sodipodi:namedview> | ||||
<metadata | <metadata | ||||
id="metadata1906"> | id="metadata1906"> | ||||
inkscape:label="Taso 1" | inkscape:label="Taso 1" | ||||
inkscape:groupmode="layer" | inkscape:groupmode="layer" | ||||
id="layer1" | id="layer1" | ||||
transform="translate(0,-308.2677)"> | |||||
<rect | |||||
style="color:#000000;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:0.13524589;stroke-dasharray:2, 1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | |||||
id="rect3115" | |||||
width="385" | |||||
height="170" | |||||
x="130" | |||||
y="274.09448" | |||||
ry="0" | |||||
transform="translate(0,308.2677)" /> | |||||
transform="translate(0,-942.51968)"> | |||||
<path | <path | ||||
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" | |||||
d="m 185,727.36221 50,0 190,-3e-5" | |||||
id="path3003" | |||||
style="fill:none;stroke:#a1b6bb;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" | |||||
d="m 113.38583,992.12602 0,3.54331" | |||||
id="path3003-6-5-30" | |||||
inkscape:connector-curvature="0" | |||||
sodipodi:nodetypes="cc" /> | |||||
<path | |||||
style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" | |||||
d="m 70.866144,956.69294 42.913386,2e-5 88.18897,-4e-5" | |||||
id="path3003-6" | |||||
inkscape:connector-curvature="0" | inkscape:connector-curvature="0" | ||||
sodipodi:nodetypes="ccc" /> | sodipodi:nodetypes="ccc" /> | ||||
<circle | |||||
r="3.5432572" | |||||
cy="956.69293" | |||||
cx="113.38583" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" | |||||
id="path2997-7" /> | |||||
<circle | |||||
r="3.5432572" | |||||
cy="956.69293" | |||||
cx="162.99211" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" | |||||
id="path2997-7-4" /> | |||||
<circle | |||||
r="10.629871" | |||||
cy="956.69293" | |||||
cx="212.59842" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" | |||||
id="path2997-7-9-2" /> | |||||
<flowRoot | |||||
xml:space="preserve" | |||||
id="flowRoot4349" | |||||
style="font-style:normal;font-weight:normal;font-size:10px;line-height:125%;font-family:Sans;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
transform="translate(-3.5433044,878.74018)"><flowRegion | |||||
id="flowRegion4351"><rect | |||||
id="rect4353" | |||||
width="67.322838" | |||||
height="42.519684" | |||||
x="49.6063" | |||||
y="56.692909" | |||||
style="font-size:10px" /></flowRegion><flowPara | |||||
id="flowPara4355" /></flowRoot> <g | |||||
id="g4392" | |||||
transform="translate(38.976377,152.36228)"> | |||||
<rect | |||||
y="818.50391" | |||||
x="56.692913" | |||||
height="21.259842" | |||||
width="35.433071" | |||||
id="rect4347" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> | |||||
<flowRoot | |||||
transform="translate(2.6821639,0.70806943)" | |||||
id="flowRoot4367" | |||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion4369"><use | |||||
height="100%" | |||||
width="100%" | |||||
id="use4371" | |||||
xlink:href="#rect4347" | |||||
y="0" | |||||
x="0" /></flowRegion><flowPara | |||||
id="flowPara4373">Install</flowPara><flowPara | |||||
id="flowPara4375">NetBeans</flowPara></flowRoot> </g> | |||||
<g | <g | ||||
id="g3238" | |||||
transform="translate(160,2.7294197e-5)"> | |||||
<g | |||||
transform="translate(50.125,-69.875)" | |||||
id="g3908-4-9"> | |||||
<rect | |||||
style="color:#000000;fill:#e0e0e0;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | |||||
id="rect3806-4-2-2" | |||||
width="60" | |||||
height="40.000027" | |||||
x="14.875" | |||||
y="657.23718" | |||||
ry="1.8654728" | |||||
rx="1.8654728" /> | |||||
<flowRoot | |||||
transform="translate(0.74636894,298.81113)" | |||||
style="font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:90%;letter-spacing:0px;word-spacing:0px;writing-mode:lr;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" | |||||
id="flowRoot3808-5-7-2" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion3810-5-6-3"><rect | |||||
style="font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" | |||||
y="363.14072" | |||||
x="16.541248" | |||||
height="25.285309" | |||||
width="52.587383" | |||||
id="rect3812-6-6-4" /></flowRegion><flowPara | |||||
id="flowPara3820-9-2-0">On</flowPara><flowPara | |||||
id="flowPara3942-8-3">Windows</flowPara></flowRoot> </g> | |||||
<g | |||||
transform="translate(50.125,-49.875)" | |||||
id="g3908-4"> | |||||
<rect | |||||
style="color:#000000;fill:#e0e0e0;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | |||||
id="rect3806-4-2" | |||||
width="60" | |||||
height="35.000027" | |||||
x="14.875" | |||||
y="662.23718" | |||||
ry="1.8654728" | |||||
rx="1.8654728" /> | |||||
<flowRoot | |||||
transform="translate(0.73921187,303.05351)" | |||||
style="font-size:8px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;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" | |||||
id="flowRoot3808-5-7" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion3810-5-6"><rect | |||||
style="font-size:8px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" | |||||
y="363.14072" | |||||
x="16.541248" | |||||
height="25.127552" | |||||
width="44.320438" | |||||
id="rect3812-6-6" /></flowRegion><flowPara | |||||
id="flowPara3820-9-2" | |||||
style="font-size:11px">On</flowPara><flowPara | |||||
id="flowPara3942-8" | |||||
style="font-size:11px">OS X</flowPara></flowRoot> </g> | |||||
<g | |||||
transform="translate(50.125,-29.875)" | |||||
id="g3908"> | |||||
<rect | |||||
style="color:#000000;fill:#e0e0e0;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | |||||
id="rect3806-4" | |||||
width="60" | |||||
height="30.000027" | |||||
x="14.875" | |||||
y="667.23718" | |||||
ry="1.8654728" | |||||
rx="1.8654728" /> | |||||
<flowRoot | |||||
transform="translate(0.71890704,308.81113)" | |||||
style="font-size:8px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;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" | |||||
id="flowRoot3808-5" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion3810-5"><rect | |||||
style="font-size:8px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" | |||||
y="363.14072" | |||||
x="16.541248" | |||||
height="25.127552" | |||||
width="44.320438" | |||||
id="rect3812-6" /></flowRegion><flowPara | |||||
id="flowPara3820-9" | |||||
style="font-size:11px">On</flowPara><flowPara | |||||
id="flowPara3942" | |||||
style="font-size:11px">Linux</flowPara></flowRoot> </g> | |||||
<g | |||||
transform="translate(30,-2.7058031e-6)" | |||||
id="g3822"> | |||||
<path | |||||
sodipodi:type="arc" | |||||
style="color:#000000;fill:#000000;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:0.13524589;stroke-dasharray:2, 1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | |||||
id="path3005-2" | |||||
sodipodi:cx="25" | |||||
sodipodi:cy="419.09448" | |||||
sodipodi:rx="9.1659365" | |||||
sodipodi:ry="9.1659365" | |||||
d="m 19.911936,426.71852 c -4.210641,-2.81006 -5.346037,-8.50146 -2.535977,-12.7121 2.81006,-4.21064 8.501463,-5.34604 12.712105,-2.53598 4.210641,2.81006 5.346037,8.50146 2.535977,12.71211 -2.809352,4.20958 -8.498806,5.34564 -12.709387,2.53779 L 25,419.09448 z" | |||||
transform="matrix(0.54549827,0,0,0.54549827,36.362543,498.74687)" | |||||
sodipodi:start="2.1592864" | |||||
sodipodi:end="8.4421153" /> | |||||
<path | |||||
sodipodi:nodetypes="cc" | |||||
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" | |||||
d="m 50,419.09448 c 0,-15 0,-25.36336 0,-25.36336" | |||||
id="path3804" | |||||
inkscape:connector-curvature="0" | |||||
transform="translate(0,308.2677)" /> | |||||
</g> | |||||
<g | |||||
transform="translate(4.8113861,-12.853955)" | |||||
id="g3868"> | |||||
<rect | |||||
style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | |||||
id="rect3806" | |||||
width="90" | |||||
height="40.000011" | |||||
x="30.188614" | |||||
y="675.21613" | |||||
ry="3.0304618" | |||||
rx="3.0304618" /> | |||||
<flowRoot | |||||
xml:space="preserve" | |||||
id="flowRoot3808" | |||||
style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;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(18.369364,319.99189)"><flowRegion | |||||
id="flowRegion3810"><rect | |||||
id="rect3812" | |||||
width="90.278" | |||||
height="32.083504" | |||||
x="16.541248" | |||||
y="363.14072" | |||||
style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara | |||||
id="flowPara3816">Install</flowPara><flowPara | |||||
id="flowPara3820">NetBeans</flowPara></flowRoot> </g> | |||||
</g> | |||||
<g | |||||
id="g3271" | |||||
transform="translate(160,2.7294197e-5)"> | |||||
<g | |||||
transform="translate(145,-2.4872322e-5)" | |||||
id="g3822-0"> | |||||
<path | |||||
sodipodi:type="arc" | |||||
style="color:#000000;fill:#000000;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:0.13524589;stroke-dasharray:2, 1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | |||||
id="path3005-2-8" | |||||
sodipodi:cx="25" | |||||
sodipodi:cy="419.09448" | |||||
sodipodi:rx="9.1659365" | |||||
sodipodi:ry="9.1659365" | |||||
d="m 19.911936,426.71852 c -4.210641,-2.81006 -5.346037,-8.50146 -2.535977,-12.7121 2.81006,-4.21064 8.501463,-5.34604 12.712105,-2.53598 4.210641,2.81006 5.346037,8.50146 2.535977,12.71211 -2.809352,4.20958 -8.498806,5.34564 -12.709387,2.53779 L 25,419.09448 z" | |||||
transform="matrix(0.54549827,0,0,0.54549827,36.362543,498.74687)" | |||||
sodipodi:start="2.1592864" | |||||
sodipodi:end="8.4421153" /> | |||||
<path | |||||
sodipodi:nodetypes="cc" | |||||
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" | |||||
d="m 50,419.09448 c 0,-15 0,-25.36336 0,-25.36336" | |||||
id="path3804-9" | |||||
inkscape:connector-curvature="0" | |||||
transform="translate(0,308.2677)" /> | |||||
</g> | |||||
id="g4392-4" | |||||
transform="translate(81.496059,152.36229)"> | |||||
<rect | <rect | ||||
style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | |||||
id="rect3806-0" | |||||
width="120" | |||||
height="40.000027" | |||||
x="135" | |||||
y="662.36218" | |||||
ry="3.0304618" | |||||
rx="3.0304618" /> | |||||
y="818.50391" | |||||
x="56.692913" | |||||
height="21.259813" | |||||
width="49.606297" | |||||
id="rect4347-8" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> | |||||
<flowRoot | <flowRoot | ||||
xml:space="preserve" | |||||
id="flowRoot3808-3" | |||||
style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;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(123.18075,307.13791)"><flowRegion | |||||
id="flowRegion3810-3"><rect | |||||
id="rect3812-1" | |||||
width="115.278" | |||||
height="49.002258" | |||||
x="16.541248" | |||||
y="363.14072" | |||||
style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara | |||||
id="flowPara3462">Install the</flowPara><flowPara | |||||
id="flowPara3120">Vaadin Plugin</flowPara></flowRoot> </g> | |||||
<path | |||||
sodipodi:type="arc" | |||||
style="color:#000000;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3.66637278;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | |||||
id="path3005-2-1-8-2" | |||||
sodipodi:cx="25" | |||||
sodipodi:cy="419.09448" | |||||
sodipodi:rx="18.331858" | |||||
sodipodi:ry="18.331858" | |||||
d="m 14.823881,434.34255 a 18.331858,18.331858 0 1 1 0.816192,0.51419" | |||||
transform="matrix(0.54549827,0,0,0.54549827,411.36254,498.74687)" | |||||
sodipodi:start="2.1592864" | |||||
sodipodi:end="8.3898438" | |||||
sodipodi:open="true" /> | |||||
transform="translate(2.6821639,0.70806943)" | |||||
id="flowRoot4367-1" | |||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion4369-1"><use | |||||
height="100%" | |||||
width="100%" | |||||
id="use4371-0" | |||||
xlink:href="#rect4347-8" | |||||
y="0" | |||||
x="0" /></flowRegion><flowPara | |||||
id="flowPara4373-7">Install the</flowPara><flowPara | |||||
id="flowPara4375-8">Vaadin Plugin</flowPara></flowRoot> </g> | |||||
<flowRoot | <flowRoot | ||||
xml:space="preserve" | |||||
id="flowRoot3808-4-1" | |||||
style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;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(423.46875,347.39977)"><flowRegion | |||||
id="flowRegion3810-2-4"><rect | |||||
id="rect3812-0-5" | |||||
width="85.838005" | |||||
height="45.504295" | |||||
x="16.541248" | |||||
y="363.14072" | |||||
style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara | |||||
id="flowPara3187">Go</flowPara><flowPara | |||||
id="flowPara3227">Create a Project</flowPara></flowRoot> <path | |||||
sodipodi:type="arc" | |||||
style="color:#000000;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3.66637278;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | |||||
id="path3005-2-1-8-2-7" | |||||
sodipodi:cx="25" | |||||
sodipodi:cy="419.09448" | |||||
sodipodi:rx="18.331858" | |||||
sodipodi:ry="18.331858" | |||||
d="M 14.823881,434.34255 C 6.4026049,428.72244 4.1318157,417.33964 9.7519312,408.91836 15.372047,400.49709 26.754843,398.2263 35.176119,403.84641 c 8.421276,5.62012 10.692065,17.00292 5.07195,25.42419 -5.412093,8.10957 -16.224957,10.56415 -24.607996,5.58614" | |||||
transform="matrix(0.54549827,0,0,0.54549827,171.36254,498.74687)" | |||||
sodipodi:start="2.1592864" | |||||
sodipodi:end="8.3898438" | |||||
sodipodi:open="true" /> | |||||
transform="translate(-48.969489,130.5586)" | |||||
id="flowRoot4367-1-7" | |||||
style="font-style:normal;font-variant:normal;font-weight:200;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Ultra-Light';text-align:end;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:end;fill:#5b686b;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion4369-1-5"><use | |||||
height="100%" | |||||
width="100%" | |||||
id="use4371-0-1" | |||||
xlink:href="#rect4347-8" | |||||
y="0" | |||||
x="0" /></flowRegion><flowPara | |||||
id="flowPara4375-8-3">START</flowPara><flowPara | |||||
id="flowPara4462">HERE</flowPara></flowRoot> <g | |||||
id="g4392-0" | |||||
transform="translate(42.519684,177.16543)"> | |||||
<rect | |||||
y="818.50391" | |||||
x="56.692913" | |||||
height="17.716536" | |||||
width="28.346457" | |||||
id="rect4347-0" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#a1b6bb;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> | |||||
<flowRoot | |||||
transform="translate(2.6821639,1.591953)" | |||||
id="flowRoot4367-0" | |||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion4369-0"><use | |||||
height="100%" | |||||
width="100%" | |||||
id="use4371-01" | |||||
xlink:href="#rect4347-0" | |||||
y="0" | |||||
x="0" /></flowRegion><flowPara | |||||
id="flowPara4375-9" | |||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;writing-mode:lr-tb;text-anchor:start">On Windows</flowPara></flowRoot> </g> | |||||
<circle | |||||
r="10.629871" | |||||
cy="956.69293" | |||||
cx="70.866142" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" | |||||
id="path2997-7-9" /> | |||||
<flowRoot | <flowRoot | ||||
xml:space="preserve" | xml:space="preserve" | ||||
id="flowRoot3808-4-1-8" | |||||
style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:end;line-height:89.99999762%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:end;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" | |||||
transform="translate(69.45294,353.63285)"><flowRegion | |||||
id="flowRegion3810-2-4-5"><rect | |||||
id="rect3812-0-5-7" | |||||
width="85.838005" | |||||
height="45.504295" | |||||
x="16.541248" | |||||
y="363.14072" | |||||
style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:end;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:end;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara | |||||
id="flowPara3227-2">Start</flowPara><flowPara | |||||
id="flowPara3142">Here</flowPara></flowRoot> </g> | |||||
id="flowRoot4608" | |||||
style="font-style:normal;font-variant:normal;font-weight:200;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Ultra-Light';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
transform="translate(-26.496477,921.44139)"><flowRegion | |||||
id="flowRegion4610"><rect | |||||
id="rect4612" | |||||
width="46.062996" | |||||
height="24.80315" | |||||
x="251.5748" | |||||
y="28.346453" | |||||
style="font-style:normal;font-variant:normal;font-weight:200;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Ultra-Light';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#00b4f0;fill-opacity:1" /></flowRegion><flowPara | |||||
id="flowPara4614">GO CREATE A PROJECT</flowPara></flowRoot> <g | |||||
id="g4392-0-9" | |||||
transform="translate(42.519684,194.88196)"> | |||||
<rect | |||||
y="818.50391" | |||||
x="56.692913" | |||||
height="17.716536" | |||||
width="28.346457" | |||||
id="rect4347-0-0" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#a1b6bb;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> | |||||
<flowRoot | |||||
transform="translate(2.6821639,0.70806943)" | |||||
id="flowRoot4367-0-6" | |||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion4369-0-9"><use | |||||
height="100%" | |||||
width="100%" | |||||
id="use4371-01-0" | |||||
xlink:href="#rect4347-0-0" | |||||
y="0" | |||||
x="0" /></flowRegion><flowPara | |||||
id="flowPara4375-9-7" | |||||
style="font-size:5px">On</flowPara><flowPara | |||||
style="font-size:5px" | |||||
id="flowPara4646">OS X</flowPara></flowRoot> </g> | |||||
<g | |||||
id="g4392-0-9-5" | |||||
transform="translate(42.519684,212.5985)"> | |||||
<rect | |||||
y="818.50391" | |||||
x="56.692913" | |||||
height="17.716536" | |||||
width="28.346457" | |||||
id="rect4347-0-0-5" | |||||
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#a1b6bb;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> | |||||
<flowRoot | |||||
transform="translate(2.6821639,0.70806943)" | |||||
id="flowRoot4367-0-6-3" | |||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" | |||||
xml:space="preserve"><flowRegion | |||||
id="flowRegion4369-0-9-0"><use | |||||
height="100%" | |||||
width="100%" | |||||
id="use4371-01-0-2" | |||||
xlink:href="#rect4347-0-0-5" | |||||
y="0" | |||||
x="0" /></flowRegion><flowPara | |||||
id="flowPara4375-9-7-1" | |||||
style="font-size:5px">On</flowPara><flowPara | |||||
style="font-size:5px" | |||||
id="flowPara4646-5">Linux</flowPara></flowRoot> </g> | |||||
<path | |||||
style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" | |||||
d="m 113.38583,956.69295 0,14.17323" | |||||
id="path3003-6-5" | |||||
inkscape:connector-curvature="0" | |||||
sodipodi:nodetypes="cc" /> | |||||
<path | |||||
style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" | |||||
d="m 162.9921,956.69297 0,14.17323" | |||||
id="path3003-6-5-3" | |||||
inkscape:connector-curvature="0" | |||||
sodipodi:nodetypes="cc" /> | |||||
</g> | |||||
</svg> | </svg> |
deal directly with browser technologies, such as HTML or JavaScript. | deal directly with browser technologies, such as HTML or JavaScript. | ||||
[[figure.intro.architecture]] | [[figure.intro.architecture]] | ||||
.Vaadin Application Architecture | |||||
image::img/architecture-vaadin7-hi.png[] | |||||
.Vaadin application architecture | |||||
image::img/architecture.png[width=100%, scaledwidth=100%] | |||||
<<figure.intro.architecture>> illustrates the basic architectures of web | <<figure.intro.architecture>> illustrates the basic architectures of web | ||||
applications made with Vaadin. The server-side application architecture consists | applications made with Vaadin. The server-side application architecture consists | ||||
or jump straight to more practical things in | or jump straight to more practical things in | ||||
<<dummy/../../../framework/application/application-overview.asciidoc#application.overview,"Writing | <<dummy/../../../framework/application/application-overview.asciidoc#application.overview,"Writing | ||||
a Server-Side Web Application">>. | a Server-Side Web Application">>. | ||||
SVG = | |||||
RASTERIMAGES = architecture | |||||
RASTERSRCIMAGES := $(foreach file, $(RASTERIMAGES), $(file).svg) | |||||
RASTERIMAGES := $(foreach file, $(RASTERIMAGES), ../img/$(file).png) | |||||
SVGTRGIMAGES := $(foreach file, $(SVG), ../img/$(file).svg) | |||||
images: $(RASTERIMAGES) $(SVGTRGIMAGES) FORCE | |||||
$(RASTERIMAGES): ../img/%.png: %.svg | |||||
inkscape --export-png $@ --export-dpi=300 --export-area-page $< | |||||
$(SVGTRGIMAGES): ../img/%.svg: %.svg FORCE | |||||
inkscape $< --export-text-to-path -l $@ | |||||
FORCE: |
<?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> |
<?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="intro-themes-faded.svg" | |||||
inkscape:output_extension="org.inkscape.output.svg.inkscape" | |||||
version="1.1"> | |||||
<defs | |||||
id="defs1903"> | |||||
<linearGradient | |||||
id="linearGradient3942"> | |||||
<stop | |||||
style="stop-color:#ffffff;stop-opacity:0;" | |||||
offset="0" | |||||
id="stop3944" /> | |||||
<stop | |||||
style="stop-color:#ffffff;stop-opacity:1;" | |||||
offset="1" | |||||
id="stop3946" /> | |||||
</linearGradient> | |||||
<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="perspective3285" /> | |||||
<inkscape:perspective | |||||
id="perspective3425" | |||||
inkscape:persp3d-origin="372.04724 : 350.78739 : 1" | |||||
inkscape:vp_z="744.09448 : 526.18109 : 1" | |||||
inkscape:vp_y="0 : 1000 : 0" | |||||
inkscape:vp_x="0 : 526.18109 : 1" | |||||
sodipodi:type="inkscape:persp3d" /> | |||||
<radialGradient | |||||
inkscape:collect="always" | |||||
xlink:href="#linearGradient3942" | |||||
id="radialGradient3948" | |||||
cx="266.94611" | |||||
cy="212.33144" | |||||
fx="266.94611" | |||||
fy="212.33144" | |||||
r="204.55081" | |||||
gradientTransform="matrix(1.1694303,7.9008514e-3,-7.2468582e-3,1.1882556,-43.048357,-40.231826)" | |||||
gradientUnits="userSpaceOnUse" /> | |||||
<filter | |||||
inkscape:collect="always" | |||||
id="filter4256" | |||||
x="-0.0077072907" | |||||
width="1.0154146" | |||||
y="-0.10312293" | |||||
height="1.2062459"> | |||||
<feGaussianBlur | |||||
inkscape:collect="always" | |||||
stdDeviation="0.9979963" | |||||
id="feGaussianBlur4258" /> | |||||
</filter> | |||||
<radialGradient | |||||
inkscape:collect="always" | |||||
xlink:href="#linearGradient3942" | |||||
id="radialGradient5489" | |||||
gradientUnits="userSpaceOnUse" | |||||
gradientTransform="matrix(1.1694303,0.00790085,-0.00724686,1.1882556,-43.553433,-37.706444)" | |||||
cx="266.94611" | |||||
cy="212.33144" | |||||
fx="266.94611" | |||||
fy="212.33144" | |||||
r="204.55081" /> | |||||
</defs> | |||||
<sodipodi:namedview | |||||
id="base" | |||||
pagecolor="#ffffff" | |||||
bordercolor="#666666" | |||||
borderopacity="1.0" | |||||
inkscape:pageopacity="0.0" | |||||
inkscape:pageshadow="2" | |||||
inkscape:zoom="1.979899" | |||||
inkscape:cx="312.28164" | |||||
inkscape:cy="843.03236" | |||||
inkscape:document-units="px" | |||||
inkscape:current-layer="layer1" | |||||
gridtolerance="10000" | |||||
inkscape:window-width="1310" | |||||
inkscape:window-height="838" | |||||
inkscape:window-x="602" | |||||
inkscape:window-y="185" | |||||
showgrid="false" | |||||
inkscape:window-maximized="0" /> | |||||
<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="opacity:0.74493929;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | |||||
id="rect4190" | |||||
width="375.7767" | |||||
height="321.22855" | |||||
x="132.32999" | |||||
y="106.85941" | |||||
ry="15.937783" /> | |||||
<image | |||||
sodipodi:absref="/home/magi/itmill/doc/manual/original-drawings/intro/intro-layout-capture-1.png" | |||||
xlink:href="intro-layout-capture-1.png" | |||||
width="365" | |||||
height="348" | |||||
id="image3427" | |||||
x="137.5293" | |||||
y="114.28848" /> | |||||
<rect | |||||
style="fill:url(#radialGradient5489);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" | |||||
id="rect3431" | |||||
width="370.97107" | |||||
height="357.59399" | |||||
x="134.85538" | |||||
y="110.39493" | |||||
ry="15.337974" /> | |||||
</g> | |||||
</svg> |