Summary

• Page properties (1 modified, 0 added, 0 removed)
• Objects (1 modified, 0 added, 0 removed)
  • Confluence.Code.ConfluencePageClass[0]

Details

Page properties

Content

...	...	@@ -20,13 +20,13 @@
20	20	1. Let your diagram synthesis create a node for each state declared in your state machine.
21	21	1*. Let those node be depicted by ellipses or rounded rectangles containing a text field showing the corresponding state's name
22	22	1*. Add some space around the text by trying out all of
23		-1**. setSurroundingSpace(...), as well as
24		-1**. setAreaPlacementData().from(LEFT, ..., ..., TOP, ..., ...).to(RIGHT, ..., ..., BOTTOM, ..., ...)
	23	+1**. {{code language="none"}}setSurroundingSpace(...){{/code}}
	24	+1**. {{code language="none"}}setAreaPlacementData().from(LEFT, ..., ..., TOP, ..., ...).to(RIGHT, ..., ..., BOTTOM, ..., ...){{/code}}, as well as
25	25	1**. (((
26	26	(% class="p1" %)
27		-(% class="s2" %)setPointPlacementData(%%)((% class="s3" %)LEFT(%%), (% class="s4" %)0(%%), (% class="s4" %)0.5f(%%), (% class="s3" %)TOP(%%), (% class="s4" %)0(%%), (% class="s4" %)0.5f(%%), (% class="s3" %)H_CENTRAL(%%), (% class="s3" %)V_CENTRAL(%%), 1(% class="s4" %)0(%%), 1(% class="s4" %)0(%%), (% class="s4" %)0(%%), (% class="s4" %)0(%%));
	27	+(% class="s2" %)setPointPlacementData(% class="s3" %)LEFT(% class="s4" %)00.5f(% class="s3" %)TOP(% class="s4" %)00.5f(% class="s3" %)H_CENTRALV_CENTRAL(% class="s4" %)0000{{code language="none"}}(, , , , , , , , 1, 1, , ){{/code}}
28	28	)))
29		-1*. Make yourself with all of that opportunities, play around with the parameters to figure out their effects!
	29	+1*. Make yourself familiar with all of that opportunities, play around with the parameters to figure out their effects!
30	30	\\
31	31	1. Let your diagram synthesis create an edge for each transition being depicted by a polyline
32	32	1*. Attach arrow decorators to those polylines.
...	...	@@ -37,8 +37,8 @@
37	37	1. The actor nodes in {{code language="none"}}UML2UseCaseDiagramSynthesis{{/code}} are equipped with (node) labels. This is done by means of a convenience method provided {{code language="none"}}KLabelExtensions{{/code}}.
38	38	1*. Equip the edges of your turing diagrams with labels exhibiting the guard, new symbol, etc; use a fitting method for edge labels from {{code language="none"}}KLabelExtensions{{/code}}.
39	39	1. Improve the layout of your diagrams
40		-11. switch the layout algorithm to Graphviz {{code language="none"}}dot{{/code}} by setting the layout option //LayoutOptions//{{code language="none"}}.ALGORITHM{{/code}} on the root node to {{code language="none"}}de.cau.cs.kieler.graphviz.dot{{/code}}.
41		-11. change the edge figures from polylines to splines.
	40	+1*. switch the layout algorithm to Graphviz {{code language="none"}}dot{{/code}} by setting the layout option //LayoutOptions//{{code language="none"}}.ALGORITHM{{/code}} on the root node to {{code language="none"}}de.cau.cs.kieler.graphviz.dot{{/code}}.
	41	+1*. change the edge figures from polylines to splines.
42	42
43	43	= Introduce synthesis and layout options =
44	44
...	...	@@ -59,6 +59,21 @@
59	59	11*. What is the effect of the {{code language="none"}}1{{/code}}?
60	60	11. add polylines acting as separators of the above figure elements
61	61
62		-
	62	+= Manipulate displayed diagrams =
63	63
	64	+KLighD diagrams provide interactivity by allowing to link action to KRenderings
	65	+
	66	+1. add a {{code language="none"}}KAction{{/code}} to the title text of node representing the turing machine by calling
	67	+{{code language="none"}}text.addAction({{/code}}{{code language="none"}}Trigger::DOUBLECLICK, KlighdConstants::ACTION_COLLAPSE_EXPAND){{/code}}
	68	+1*. observe the effect and enjoy
	69	+1. Implement your own action
	70	+1*. have a look at {{code language="none"}}de.cau.cs.kieler.klighd.actions.CollapseExpandAction{{/code}} and its registration in the corresponding {{code language="none"}}plugin.xml{{/code}}
	71	+1*. implement an own {{code language="none"}}IAction{{/code}} that manipulates the current diagram by changing colors, adding or removing elements, hiding and showing single nodes or edges, ... , and register it
	72	+1*. associate it with a diagram part of your choice and test it
	73	+1. Run your action via a menu contribution
	74	+1*. open the {{code language="none"}}xml{{/code}} view of {{code language="none"}}de.cau.cs.kieler.klighd.ui{{/code}}'s {{code language="none"}}plugin.xml{{/code}}
	75	+1*. find the deactivated entry at the and of the file, copy it to a {{code language="none"}}plugin.xml{{/code}} of your projects and activate it
	76	+1*. change the label, enter your action's id (see the action's registration), feel free to put it at a different location, e.g. the context menu
	77	+1*. test it by selecting a diagram node or edge and hitting your menu entry
	78	+
64	64

Confluence.Code.ConfluencePageClass[0]

Id

...	...	@@ -1,1 +1,1 @@
1		-8651139
	1	+10751229

URL

...	...	@@ -1,1 +1,1 @@
1		-https://rtsys.informatik.uni-kiel.de/confluence//wiki/spaces/KIELER/pages/8651139/Student Tutorial on KIELER Lightweight Diagrams
	1	+https://rtsys.informatik.uni-kiel.de/confluence//wiki/spaces/KIELER/pages/10751229/Student Tutorial on KIELER Lightweight Diagrams