T3 Framework Architecture

Using webgraphviz.com, this is the graphviz data:

digraph finite_state_machine {
rankdir=LR;
size=”8, 8″
UI-> Module[ label = “interacts” ];
Application-> Module[ label = “manages” ];
Application-> Behavior[ label = “adds” ];
Application-> Service[ label = “adds” ];
Module-> Service[ label = “requires” ];
Service-> Backend[ label = “interacts” ];
Module-> Behavior[ label = “refactor into” ];
Behavior-> Service[ label = “requires” ];
}

T3

 

digraph finite_state_machine {
rankdir=LR;
size=”7, 8″
Application -> app_instance[ label = “init” ];
Application -> app_instance[ label = “destroy” ];
Application -> Global[ label = “getGlobal” ];
Application -> Value[ label = “getGlobalConfig” ];
Application -> Service[ label = “addService” ];
Application -> Service[ label = “getService” ];
Application -> Module [ label = “broadcast” ];
Application -> Module [ label = “addModule” ];
Application -> Module [ label = “start” ];
Application -> Module [ label = “startAll” ];
Application -> Module [ label = “stop” ];
Application -> Module [ label = “stopAll” ];
Application -> Module [ label = “isStarted” ];

Module -> DOM [ label = “onclick” ];
Module -> DOM [ label = “onmouseover” ];
Module -> DOM [ label = “onmouseout” ];
Module -> DOM [ label = “onmousedown” ];
Module -> DOM [ label = “onmouseup” ];
Module -> DOM [ label = “onmouseenter” ];
Module -> DOM [ label = “onmouseleave” ];
Module -> DOM [ label = “onkeydown” ];
Module -> DOM [ label = “onkeyup” ];
Module -> DOM [ label = “onsubmit” ];
Module -> DOM [ label = “onchange” ];
Module -> DOM [ label = “oncontextmenu” ];
Module -> DOM [ label = “ondblclick” ];
Module -> Service [ label = “requires” ];
Service -> jQuery [ label = “as a plugin” ];
Service -> React [ label = “abstracts” ];
Service -> localStorage [ label = “stores” ];
Service -> REST [ label = “calls” ];
}

T3architecture

Advertisements

Subjectivity aside, leave a reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s