add links to statecharts and sequence diagrams

This commit is contained in:
Philip Sargent 2020-06-22 23:32:06 +01:00
parent 967ce9e599
commit 643688143b
5 changed files with 102 additions and 31 deletions

View File

@ -0,0 +1,39 @@
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>
CUCC Expo Handbook: Wallet Process UML Diagrams
</title>
<link rel="stylesheet" type="text/css" href="../../css/main2.css" />
</head>
<body>
<h2 id="tophead">CUCC Expo Handbook - Wallet Lifecycle Statechart</h2>
<h1>Wallet Lifecycle Statechart</h1>
<div class="centre">
<img alt="wallet process lifecycle diagram" src="../i/life-wallet.jpg" /></div>
<p>This diagram was created online using the free software at <a href="https://app.creately.com/diagram/4nGSj2FkKGg/edit">https://app.creately.com/</a>
<p>
You can edit your own version to revise this when it becomes outdated.
<p>
Statcharts are a standard diagram in the analysis of complex systems.
They are used by the more professional analysts when planning a new software system. They are not quite the same thing as a finite state machine:
<ul>
<li><a href="https://statecharts.github.io/">the world of Statecharts</a>
<li><a href="https://www.tutorialspoint.com/uml/uml_statechart_diagram.htm">www.tutorialspoint.com/uml/uml_statechart_diagram.htm</a>
<li><a href="https://en.wikipedia.org/wiki/UML_state_machine">wikipedia.org/wiki/UML_state_machine</a>
</ul>
<p><em>"The Statechart diagram is one of the five UML diagrams used to model the dynamic nature of a system. They define different states of an object during its lifetime and these states are changed by events. Statechart diagrams are useful to model the reactive systems. Reactive systems can be defined as a system that responds to external or internal events.</em>
<p>They were devised by David Harel, Weizmann Instiutute, in his paper: <a href="https://www.inf.ed.ac.uk/teaching/courses/seoc/2005_2006/resources/statecharts.pdf">STATECHARTS: A VISUAL FORMALISM FOR
COMPLEX SYSTEMS</a> Science of Computer Programming 8 (1987) 231-274.
<!--
Wallet Lifecycle Statechart
# Philip Sargent 20 May 2020
# made online https://app.creately.com/diagram/4nGSj2FkKGg/edit
# philip.sargent@cklebos.eu free account
-->
<hr />
</body>
</html>

View File

@ -1,4 +0,0 @@
Wallet Lifecycle Statechart
# Philip Sargent 20 May 2020
# made online https://app.creately.com/diagram/4nGSj2FkKGg/edit
# philip.sargent@cklebos.eu free account

View File

@ -0,0 +1,61 @@
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>
CUCC Expo Handbook: Wallet Process UML Diagrams
</title>
<link rel="stylesheet" type="text/css" href="../../css/main2.css" />
</head>
<body>
<h2 id="tophead">CUCC Expo Handbook - Wallet Process Sequence</h2>
<h1>Wallet Process Sequence</h1>
<div class="centre">
<img alt="wallet process sequence" src="../i/seq-wallet.jpg" /></div>
<p>An Sequence Diagram is on the the types of Interaction Diagram used to understand complex systems.
<ul>
<li><a href="https://en.wikipedia.org/wiki/Sequence_diagram">wikipedia:Sequence_diagram</a>
<li><a href="https://www.tutorialspoint.com/uml/uml_interaction_diagram.htm">Sequence and Collaboration Diagrams</a>
<li><a href="https://www.guru99.com/interaction-collaboration-sequence-diagrams-examples.html">Interaction, Collaboration, Sequence Diagrams</a>
</ul>
<p>This diagram was created online using the free software at <a href="https://www.websequencediagrams.com/">www.websequencediagrams.com/</a>.
<p>
You can edit your own version to revise this when it becomes outdated. <br>This is the entire source code that generates the diagram:
<pre><code>
title Wallet Process Sequence
Survex file-->Survex file: copy empty svx template
note over Wallet: Put original notes into plastic wallet]
loop type survey points for each passage
Wallet->+Survex file: create svx file
Survex file->+Wallet: scan printed svx
end
Wallet-->Wallet: trace over printed svx
Wallet->+Drawing file: create .th or .xml file
Wallet-->Wallet: fix contents.json
# mode online https://www.websequencediagrams.com/
note over Wallet: in expofiles/surveyscans/<year>
note over Drawing file: in :drawings: repo
note over Survex file: in :loser: repo
# Things to add on Drawing and Survex file sequences
# Survex file-->Survex file: create *include svx file (?)
# Drawing file-->Drawing file: re-edit to make whole survey (?)
</code></pre>
<!--
title Wallet Process Sequence
# Philip Sargent 20 May 2020
# made online https://www.websequencediagrams.com/
# philip.sargent@cambridgeenergy.uk free account
-->
<hr />
</body>
</html>

View File

@ -1,25 +0,0 @@
title Wallet Process Sequence
# Philip Sargent 20 May 2020
# made online https://www.websequencediagrams.com/
# philip.sargent@cambridgeenergy.uk free account
Survex file-->Survex file: copy empty svx template
note over Wallet: Put original notes into plastic wallet]
Wallet-->Wallet: create online 202x#nn
loop type survey points for each passage
Wallet->+Survex file: create svx file
Survex file->+Wallet: scan printed svx
end
Wallet-->Wallet: trace over printed svx
Wallet->+Drawing file: create .th or .xml file
Wallet-->Wallet: fix contents.json
note over Wallet: in expofiles/surveyscans/<year>
note over Drawing file: in :drawings: repo
note over Survex file: in :loser: repo
# Things to add on Drawing and Survex file sequences
# Survex file-->Survex file: create *include svx file (?)
# Drawing file-->Drawing file: re-edit to make whole survey (?)

View File

@ -84,7 +84,7 @@ should also fill in so that people can find your survey again.</p>-->
<style>figure {font-weight: bold; font-size: small; font-family: sans-serif;font-variant-caps: small-caps;}</style>
<div class="onright">
<figure>
<a href="../i/life-wallet.jpg">
<a href="../l/life-wallet.html">
<img src="../t/life-wallet.jpg"></a>
<figcaption style="font-variant-caps: small-caps;">
<em>The things you do with a wallet</em>
@ -105,7 +105,7 @@ icon from the vertical menu of icons which you get by clicking on
"Activities" in the top lefthand corner of the screen.
<div class="onright">
<figure>
<a href="../i/seq-wallet.jpg">
<a href="../l/seq-wallet.html">
<img src="../t/seq-wallet.jpg"></a>
<figcaption style="font-variant-caps: small-caps;">
<em>Interactions with survex files</em>