sartography
/
bpmn-js
mirror of https://github.com/sartography/bpmn-js.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

docs(architecture): add architecture diagram

This commit is contained in:
Nico Rehwaldt 2014-03-17 15:13:48 +01:00
parent 1ab6b2b13b
commit 286beb3aed
1 changed files with 48 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
docs/architecture/overview.svg Normal file
View File

@ -0,0 +1,48 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Basic//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd">
<svg version="1.1" baseProfile="basic" id="Layer_1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="1027.06px"
height="724.497px" viewBox="0 0 1027.06 724.497" xml:space="preserve">
<path fill="#FFFFFF" stroke="#000000" d="M825.377,444.697c0,4.654-3.729,8.426-8.328,8.426H587.736c-4.601,0-8.33-3.771-8.33-8.426
V116.635c0-4.653,3.729-8.425,8.33-8.425h229.313c4.599,0,8.328,3.772,8.328,8.425V444.697z"/>
<path fill="#FFFFFF" stroke="#000000" d="M278.913,202.715c0,3.043-2.885,5.511-6.445,5.511H151.277
c-3.56,0-6.445-2.468-6.445-5.511v-62.954c0-3.044,2.885-5.511,6.445-5.511h121.191c3.56,0,6.445,2.467,6.445,5.511V202.715z"/>
<text transform="matrix(1 0 0 1 46.125 49.8979)"><tspan x="0" y="0" font-family="'MyriadPro-Regular'" font-size="16.5336">reads / writes BPMN 2.0 xml</tspan><tspan x="0" y="19.84" font-family="'MyriadPro-Regular'" font-size="16.5336">provides BPMN meta-model</tspan></text>
<text transform="matrix(1 0 0 1 170.249 179.3262)" font-family="'MyriadPro-Regular'" font-size="27.556">moddle</text>
<path fill="#52B415" d="M387.796,449.14c0,2.391-3.546,4.33-7.92,4.33H152.521c-4.375,0-7.92-1.939-7.92-4.33V264.539
c0-2.392,3.546-4.331,7.92-4.331h227.354c4.375,0,7.92,1.939,7.92,4.331V449.14z"/>
<text transform="matrix(1 0 0 1 214.7915 340.9878)"><tspan x="0" y="0" fill="#FFFFFF" font-family="'MyriadPro-Regular'" font-size="27.556">bpmn-js</tspan><tspan x="-20.598" y="49.601" fill="#FFFFFF" font-family="'MyriadPro-Regular'" font-size="20.667">(the BPMN part)</tspan></text>
<g>
<line fill="none" stroke="#000000" x1="115.02" y1="93.831" x2="166.655" y2="134.25"/>
<circle cx="166.655" cy="134.251" r="3.759"/>
</g>
<path fill="none" stroke="#000000" stroke-dasharray="2,2" d="M255.573,89.783c0,2.235-1.777,4.048-3.969,4.048H31.142
c-2.192,0-3.968-1.813-3.968-4.048V21.128c0-2.235,1.776-4.048,3.968-4.048h220.462c2.192,0,3.969,1.813,3.969,4.048V89.783z"/>
<text transform="matrix(1 0 0 1 35.5547 543.9087)"><tspan x="0" y="0" font-family="'MyriadPro-Regular'" font-size="16.5336">knows BPMN, builds diagram</tspan><tspan x="0" y="39.681" font-family="'MyriadPro-Regular'" font-size="16.5336">validates user operations,</tspan><tspan x="0" y="59.521" font-family="'MyriadPro-Regular'" font-size="16.5336">maps modeling actions to BPMN 2.0</tspan><tspan x="0" y="99.202" font-family="'MyriadPro-Regular'" font-size="16.5336">provides BPMN specific actions</tspan></text>
<g>
<line fill="none" stroke="#000000" x1="173.276" y1="516.927" x2="212.113" y2="454.047"/>
<circle cx="212.114" cy="454.047" r="3.759"/>
</g>
<path fill="none" stroke="#000000" stroke-dasharray="2,2" d="M355.043,657.126c0,4.363-2.634,7.899-5.881,7.899H22.484
c-3.247,0-5.88-3.536-5.88-7.899V523.125c0-4.362,2.633-7.9,5.88-7.9h326.678c3.248,0,5.881,3.538,5.881,7.9V657.126z"/>
<text transform="matrix(1 0 0 1 641.8525 231.6987)"><tspan x="0" y="0" font-family="'MyriadPro-Regular'" font-size="27.556">diagram-js</tspan><tspan x="0.228" y="49.601" font-family="'MyriadPro-Regular'" font-size="20.667">(the awesome </tspan><tspan x="-20.438" y="74.401" font-family="'MyriadPro-Regular'" font-size="20.667">renderer / modeler</tspan><tspan x="38.224" y="99.202" font-family="'MyriadPro-Regular'" font-size="20.667"> part)</tspan></text>
<text transform="matrix(1 0 0 1 692.9141 548.9204)"><tspan x="0" y="0" font-family="'MyriadPro-Regular'" font-size="16.5336">knows shapes and connections</tspan><tspan x="0" y="39.681" font-family="'MyriadPro-Regular'" font-size="16.5336">offers extensible infrastructure</tspan><tspan x="0" y="59.521" font-family="'MyriadPro-Regular'" font-size="16.5336">module pattern, plug-in system, </tspan><tspan x="0" y="79.361" font-family="'MyriadPro-Regular'" font-size="16.5336">event bus, command stack, service lookup</tspan><tspan x="0" y="119.042" font-family="'MyriadPro-Regular'" font-size="16.5336">handles user interaction: move, connect, </tspan><tspan x="0" y="138.883" font-family="'MyriadPro-Regular'" font-size="16.5336">hover, select, add, remove</tspan></text>
<g>
<line fill="none" stroke="#000000" x1="827.861" y1="521.419" x2="767.858" y2="453.123"/>
<circle cx="767.858" cy="453.123" r="3.759"/>
</g>
<path fill="none" stroke="#000000" stroke-dasharray="2,2" d="M1012.402,697.175c0,5.442-2.632,9.85-5.88,9.85h-326.68
c-3.246,0-5.88-4.407-5.88-9.85V530.087c0-5.438,2.634-9.852,5.88-9.852h326.68c3.248,0,5.88,4.413,5.88,9.852V697.175z"/>
<g>
<line fill="none" stroke="#000000" x1="387.806" y1="348.631" x2="571.821" y2="348.631"/>
<path d="M574.184,347.607c-1.654-0.5-2.729-0.96-4.055-1.492v5.045c0.475-0.227,2.4-0.993,4.055-1.492
c1.77-0.535,3.373-0.9,4.414-1.031C577.557,348.506,575.953,348.14,574.184,347.607z"/>
</g>
<text transform="matrix(1 0 0 1 446.0459 334.3081)" font-family="'MyriadPro-Regular'" font-size="17.9114">&lt;&lt; use &gt;&gt;</text>
<g>
<line fill="none" stroke="#000000" x1="210.301" y1="259.86" x2="210.301" y2="216.381"/>
<path d="M209.276,214.019c-0.5,1.653-0.959,2.728-1.492,4.054h5.044c-0.226-0.475-0.993-2.401-1.492-4.054
c-0.535-1.77-0.9-3.374-1.031-4.415C210.176,210.645,209.81,212.25,209.276,214.019z"/>
</g>
<text transform="matrix(1 0 0 1 221.918 242.8091)" font-family="'MyriadPro-Regular'" font-size="17.9114">&lt;&lt; use &gt;&gt;</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.3 KiB