Skip to content

Design specification / Page 3 source

Design specification, page 3 of 3: actual built output
Actual built output · Page 3 of 3 · Select the image to enlarge

Source for page 3 of 3 of the actual output. Content is illustrative; educational material and design requirements need author review. Use the shared CSS, settings and referenced files with this excerpt.

An excerpt of document.md, split at its explicit page boundary. Separate fixed pages with <!-- wwpo:break -->.

<!-- wwpo:page flow=fixed -->
# States and review plan

## Class diagram

<!-- wwpo:block width=95% align=center -->
![Rooms and bookings](assets/diagrams/classes.mmd "Fictional data model")



## Proposed states

| State | Trigger | Next step |
| --- | --- | --- |
| Draft | Select a room and time | Review the request |
| Review | Check the summary | Save or return to draft |
| Saved | Accept a non-conflicting request | Show the saved details |
| Conflict | Another request uses the slot | Select a different slot |

## Review questions

- Are errors understandable without relying on color alone?
- Can the demo keep the room and time visible during review?
- What rules would require further work before a real service?

## Change log

| Version | Change | Reviewer |
| --- | --- | --- |
| 0.1 | Initial fictional design example | To be assigned |

> Proposed behavior only. No software implementation or operational assurance is claimed.
classDiagram
    direction LR
    class Room {
        +string id
    }
    class Booking {
        +string id
        +string slot
        +string status
    }
    Room "1" --> "0..*" Booking : contains

Headings, spacing, color, tables and page footnotes use the shared CSS and business preset. Page directives and visual definitions shown above also affect the output. The source ZIP on the example overview contains the complete document and required files. Save changes, then preview, validate and export to check them.

Read shared CSS and settings · Example overview