Question

4

How do I create a state transition diagram?

rated 0 times [ 4] [ 0] / answers: 1 / hits: 8276 / 1 Year ago, sun, february 5, 2023, 4:50:20

I am drawing a state transition diagram using LibreOffice draw on Ubuntu 11.04. I am able to get almost everything that I needed except the final state. Typically we use two circles embedded in for showing a final state of a state transition diagram. Could someone help me to do that? Please also let me know if there are any better tools for drawing state transition diagrams on Ubuntu. I have looked at Dia, but it is not also useful to draw final state of a state transition diagram like in this.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

heathree

Add To Favorites

Follow

Total Points: 157

Total Questions: 132

Total Answers: 108

Location: Honduras

Member since Mon, Apr 5, 2021

3 Years ago

heathree questions

1 How to install the latest version of one particular package

Wed, Feb 15, 23, 04:28, 1 Year ago

1 Why is Ubuntu 20.04 asking me to upgrade to 22.04 (with 116 days left of upgrades and bug fixes) if this version is supposed to be EOL only in 2025?

Fri, Sep 10, 21, 01:30, 3 Years ago

1 Ubuntu 20.04 /var/lib/dpkg/info/software-properties-common.postinst: 6: py3compile: not found

Sun, Mar 6, 22, 11:38, 2 Years ago

1 DNS not working / How to determine which program/service is defining network configuration?

Thu, May 13, 21, 19:01, 3 Years ago

1 Ubuntu 18.04.5: Slow boot without ethernet

Tue, Mar 29, 22, 07:31, 2 Years ago

View All

answered 1 Year ago fertion · Accepted Answer

Actually Dia does allow you to add an end state. Select the UML shapes, then drag the "initial/end state" shape onto your diagram. When you double click the shape, you'll see a button that says "Is final". This lets you define whether the state is initial or final.

EDIT: If you don't like how those look, it's pretty easy to create your own shapes in Dia. They're just SVG files.

Save the following as ~/.dia/shapes/fsm_final_state.shape :

<?xml version="1.0"?>



<shape xmlns="http://www.daa.com.au/~james/dia-shape-ns"

       xmlns:svg="http://www.w3.org/2000/svg">

  <name>Finite State Machine - Final State</name>

  <icon>fsm_final_state_icon.xpm</icon>

  <connections>

    <point x="0.0" y="2.5" />

    <point x="2.5" y="5.0" />

    <point x="5.0" y="2.5" />

    <point x="2.5" y="0.0" />

  </connections>

  <textbox x1="0.0" y1="0.0" x2="5.0" y2="5.0" />

  <svg:svg width="5.0" height="5.0">

    <svg:circle style="fill: default;" cx="2.5" cy="2.5" r="2.5" />

  </svg:svg>

  <svg:svg width="4.0" height="4.0">

    <svg:circle style="fill: default;" cx="2.5" cy="2.5" r="2.0" />

  </svg:svg>

</shape>

Save the following as ~/.dia/shapes/fsm_final_state_icon.xpm :

/* XPM */

static char * fsm_final_state_icon_xpm[] = {

"16 16 14 1",

"   c None",

".  c #FFFFFF",

"+  c #FCFCFC",

"@  c #B6B6B6",

"#  c #545454",

"$  c #000000",

"%  c #101010",

"&  c #D8D8D8",

"*  c #121212",

"=  c #353535",

"-  c #A0A0A0",

";  c #EBEBEB",

">  c #040404",

",  c #9E9E9E",

"................",

"....+@#$%#@+....",

"...&*=-.;-=*&...",

"..&>,......,>&..",

".+*,........,*+.",

".@=..........=@.",

".#-..........-#.",

".%;..........;%.",

".%;..........;%.",

".#-..........-#.",

".@=..........=@.",

".+*,........,*+.",

"..&>,......,>&..",

"...&*=-.;-=*&...",

"....+@#$%#@+....",

"................"};

Finally, save the following as ~/.dia/sheets/Finite_State_Machine.sheet :

<?xml version="1.0" encoding="UTF-8" standalone="no"?>

<sheet xmlns="http://www.lysator.liu.se/~alla/dia/dia-sheet-ns">

<!--File: ~/.dia/sheets/Finite_State_Machine.sheet-->



<name>Finite State Machine</name>

<description>Finite state machine diagrams</description>

<contents>

<!--add shapes here-->

<object name="Finite State Machine - Final State">

<description>Final</description></object>



</contents></sheet>

When you restart Dia you should have a "Finite State Machine" sheet with one shape: a decent looking final state!