Difference between pages "Template:Hidden" and "UML-B"

From Event-B
(Difference between pages)
Jump to navigationJump to search
imported>Mathieu
m (New page: <div class="NavFrame" style="border:none;"><div class="NavHead" style="font-weight:{{{fw1|bold}}}; background-color:{{{bg1|transparent}}}; text-align:{{{ta1|center}}}; {{{headercss|}}}">...)
 
m (move content of iUML-B page to this one)
 
Line 1: Line 1:
<div class="NavFrame" style="border:none;"><div class="NavHead"
+
Return to [[Rodin Plug-ins]]
style="font-weight:{{{fw1|bold}}}; background-color:{{{bg1|transparent}}};
 
text-align:{{{ta1|center}}}; {{{headercss|}}}">{{{header|{{{1}}}}}} </div>
 
<div class="NavContent" style="font-weight:{{{fw2|normal}}};
 
background-color:{{{bg2|transparent}}}; text-align:{{{ta2|left}}};
 
display:none; {{{contentcss|}}}">&nbsp;{{{content|{{{2}}}}}}</div></div><noinclude>
 
<noinclude>{{template doc page viewed directly}}</noinclude>
 
<!-- EDIT TEMPLATE DOCUMENTATION BELOW THIS LINE -->
 
{{interwikitmp-grp|V=D|wqt=|wsr=|mdw=|wdy=|wsp=|wvy=|wbk=}}
 
This template creates a [[Wikipedia:NavFrame|dynamic navigation box]] using style sheet declarations in [[MediaWiki:Common.css]] and Javascript code in [[MediaWiki:Common.js]]. It displays the first parameter (the heading) with a [show] link on the right.  If [show] is clicked by the user, the second parameter (the body) is displayed below the heading and the [show] link becomes [hide].  Clicking on [hide] then hides the body again and the [hide] link becomes [show] again.
 
  
==Usage==
+
UML-B provides a 'UML-like' graphical front end for Event-B. It provides various diagrammatic modelling notations and editors for creating models which are then translated into Event-B for verification. [[UML-B]] works alongside Event-B allowing the modeller to model in normal Event-B but also contribute some aspects of the model via diagrams.
Only two parameters are required for this template:
 
;header : text for header (or title); alternative to using unnamed parameter <nowiki>{{{1}}}</nowiki>
 
;content : text for content (or body); alternative to using unnamed parameter <nowiki>{{{2}}}</nowiki>
 
  
===Optional parameters===
+
Our [https://www.uml-b.org UML-B] website contains more information about installing UML-B and getting started, as well as our current research and collaborations.
  
;headercss : add [[w:Cascading Style Sheets|CSS]] to the header.
+
UML-B is a collection of diagrammatic editors for Event-B. The diagrams are used to elaborate the machine and its content with extra model features. The diagrams may either by contained within the machine they contribute to, or can be contained in a separate UML-B model file that is linked to the machine.
;contentcss : add [[w:Cascading Style Sheets|CSS]] to the content box.
 
  
;fw1 : the font-weight for the heading (default "bold")
+
* [[Image:IUMLB.png]] [[Event-B Statemachines| State-machine diagrams]] a hierarchical state-machine diagram editor which can be used to impose sequential ordering to your events. An animator is also provided to visualise the progress of the state-machine.
;fw2 : the font-weight for the body (default "normal")
 
  
;bg1 : the background-color for the heading (default "transparent")
+
* [[Image:IUMLB.png]] [[Event-B Classdiagrams| Class diagrams]] a class diagram editor which can be used to define data entities and their relationships and to lift behaviour based on data sets.
;bg2 : the background-color for the body (default "transparent")
 
  
;ta1 : the text-align for the heading (default "center")
+
==Lectures==
;ta2 : the text-align for the body (default "left")
 
<br/>'''Note:''' This template will not respect the user preference "justify paragraphs".
 
  
==Examples==
+
* [[Media:iUML-BClassDiagramsLecture.pdf | iUML-B Class-diagrams Lecture]] : Lecture slides on the use of iUML-B Class-diagrams
===The simplest===
 
In this example only the two required parameters are specified.
 
{| class="wikitable"
 
| {{rh}} | Code
 
| <pre>{{hidden|Title text here|Body text line 1<br/>Body text line 2}}</pre>
 
|-
 
| {{rh}} | Result
 
| {{hidden|Title text here|Body text line 1<br/>Body text line 2}}
 
|}
 
  
===Header background===
+
* [[Media:iUML-BStatemachinesLecture.pdf | iUML-B State-machines Lecture]] : Lecture slides on the use of iUML-B State-machines.
{| class="wikitable"
 
| {{rh}} | Code
 
| <pre>{{hidden|Title text here|Body text line 1<br/>Body text line 2|bg1=#ccccff|ta2=center}}</pre>
 
|-
 
| {{rh}} | Result
 
| {{hidden|Title text here|Body text line 1<br/>Body text line 2|bg1=#ccccff|ta2=center}}
 
|}
 
  
 +
==Tutorials==
  
===CSS===
+
* [[iUML-B Class-diagrams Tutorial]] : A tutorial on the use of iUML-B Class-diagrams.
{| class="wikitable"
 
| {{rh}} | Code
 
|
 
<pre>
 
{{hidden
 
| headercss = background: #ccccff; font-size: 110%; width: 50%;
 
| contentcss = text-align: center; font-size: 110%; width: 50%;
 
| header = Title text here
 
| content = Body text line 1<br/>Body text line 2<br/>Body text line 3
 
}}</pre>
 
|-
 
| {{rh}} | Result
 
|
 
{{hidden
 
| headercss = background: #ccccff; font-size: 110%; width: 50%;
 
| contentcss = text-align: center; font-size: 110%; width: 50%;
 
| header = Title text here
 
| content = Body text line 1<br/>Body text line 2<br/>Body text line 3
 
}}
 
  
|}
+
* [[iUML-B State-machines Tutorial]] : A tutorial on the use of iUML-B State-machines.
  
===Lorem ipsum===
+
==Guidelines==
{| class="wikitable"
 
| {{rh}} | Code
 
| <pre>{{hidden|ta1=left|bg1=cyan|bg2=yellow|lorem ipsum|{{lorem ipsum}}}}</pre>
 
|-
 
| {{rh}} | Result
 
| {{hidden|ta1=left|bg1=cyan|bg2=yellow|lorem ipsum|{{lorem ipsum}}}}
 
|}
 
  
== Issues ==
+
* [[iUML-B Modelling a control system]] : Some guidelines on modelling styles for a control system
=== Show/hide button overlap ===
 
With ta1=right or a long header, the header may overlap the show/hide button:
 
{{evd|hidden|Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.|def}}
 
  
;Example with long header
 
{{hidden|abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc |def}}
 
  
;Example with ta1=right
+
[[Category:User documentation]]
{{hidden|ta1=right|abc|def}}
+
[[Category:UML-B]]
 
+
[[Category:Plugin]]
;Example with ta1=right & first line blank
 
{{hidden|ta1=right|
 
&nbsp;
 
abc|def}}
 
 
 
=== Sections ===
 
Sections included inside a hidden block result in broken anchors in the table of contents at the top of the page.
 
{{hidden begin|title=example}}
 
==== You can't get here from the table of contents ====
 
{{hidden end}}
 
[[Category:Typesetting templates]]
 
</noinclude>
 

Revision as of 21:53, 30 September 2020

Return to Rodin Plug-ins

UML-B provides a 'UML-like' graphical front end for Event-B. It provides various diagrammatic modelling notations and editors for creating models which are then translated into Event-B for verification. UML-B works alongside Event-B allowing the modeller to model in normal Event-B but also contribute some aspects of the model via diagrams.

Our UML-B website contains more information about installing UML-B and getting started, as well as our current research and collaborations.

UML-B is a collection of diagrammatic editors for Event-B. The diagrams are used to elaborate the machine and its content with extra model features. The diagrams may either by contained within the machine they contribute to, or can be contained in a separate UML-B model file that is linked to the machine.

  • IUMLB.png State-machine diagrams a hierarchical state-machine diagram editor which can be used to impose sequential ordering to your events. An animator is also provided to visualise the progress of the state-machine.
  • IUMLB.png Class diagrams a class diagram editor which can be used to define data entities and their relationships and to lift behaviour based on data sets.

Lectures

Tutorials

Guidelines