Screen Designs

@startuml
salt
{
  <b>Welcome to [Organization Name]
  ==
  .
  <b>Upcoming Events
  .
  {T
    | Date | Event | Location | Action
    + 15 Mar 2025 | 10km Fun Run | Centurion | [Register]
    + 22 Mar 2025 | 5km Charity Walk | Pretoria | [Register]
  }
  .
  <b>Membership Options
  .
  {T
    | Type | Period | Action
    + Annual Membership | 2025 | [Register]
    + Family Membership | 2025 | [Register]
  }
  .
  .
  <i>Select an event or membership to begin registration.
}
@enduml

@startuml
salt
{
  <b>Welcome to Event Registration
  ==
  .
  How would you like to continue?
  .
  { [Sign in with Google] }
  .
  or
  .
  { [Continue without signing in] }
  .
  .
  <i>Sign in to access your saved profile and
  <i>linked persons from previous registrations.
}
@enduml

@startuml
salt
{
  ==
  .
  { [  🛡️  ] }
  .
  <b>Access Denied
  --
  Unable to display the required page —
  you do not have access.
  .
  Please return to HNR Membership Site
  to re-authenticate.
  .
  { [← Return to HNR Membership Site] }
  or
  { [🏠 Go to Home] }
  --
  Need assistance?
  Contact Support
}
@enduml

@startuml
salt
{
  ==
  .
  { [  🕐  ] }
  .
  <b>Session Expired
  --
  Your session has expired due to inactivity.
  .
  Please return to HNR Membership Site
  to re-authenticate.
  .
  { ℹ️ For security reasons, sessions
      expire after a period of inactivity.
      Any unsaved progress may need to be
      re-entered after re-authenticating. }
  .
  { [← Return to HNR Membership Site] }
  or
  { [🏠 Go to Home] }
  --
  Need assistance?
  Contact Support
}
@enduml

@startuml
salt
{
  <b>Find a Person
  ==
  .
  Search by:
  .
  (X) SA ID Number
  ( ) Date of Birth
  .
  ID Number:
  [ 8503150123089         ]
  .
  { [Cancel] | [Search] }
}
@enduml

@startuml
salt
{
  <b>Find a Person
  ==
  .
  Search by:
  .
  ( ) SA ID Number
  (X) Date of Birth
  .
  Date of Birth:
  [ 1985 ] / [ 03 ] / [ 15 ]
  .
  { [Cancel] | [Search] }
}
@enduml

@startuml
salt
{
  <b>Search Results
  ==
  .
  Found 3 people born on 1985-03-15:
  .
  {T
    | Name | Gender | Action
    + M*** J******* | Male | [Select]
    + M****** S**** | Male | [Select]
    + M******* R****** | Female | [Select]
  }
  .
  Not the right person?
  { [Create New Person] }
  .
  { [← Back to Search] }
}
@enduml

@startuml
salt
{
  <b>Create New Person
  ==
  .
  Identity (from search - locked):
  ID Number: [ 8503150123089 ] (locked)
  Date of Birth: [ 1985-03-15 ] (locked)
  Gender: [ Male ] (locked)
  .
  Personal Details:
  First Name*: [ John                ]
  Last Name*: [ Smith               ]
  Email: [ [email protected]    ]
  Contact Number: [ 0821234567        ]
  .
  { [Cancel] | [Save] }
}
@enduml

@startuml
salt
{
  <b>Emergency Contact Number
  ==
  .
  Please provide an emergency contact number for each person:
  .
  Sarah Smith:
  [ 0821234567          ]
  .
  Billy Smith:
  [ 0821234567          ]
  .
  Emma Smith:
  [ 0821234567          ]
  .
  { [← Back] | [Next →] }
}
@enduml

@startuml
salt
{
  <b>Medical Conditions
  ==
  .
  Does anyone have any medical conditions we should be aware of?
  .
  [ ] Sarah Smith
  [X] Billy Smith
  [ ] Emma Smith
  .
  { [← Back] | [Next →] }
}
@enduml

@startuml
salt
{
  <b>Communication Preferences
  ==
  .
  How would you like to receive updates and notifications?
  .
  Sarah Smith:
  [X] Email  [ ] SMS  [X] WhatsApp
  .
  Billy Smith:
  [X] Email  [ ] SMS  [ ] WhatsApp
  .
  Emma Smith:
  [X] Email  [ ] SMS  [ ] WhatsApp
  .
  <i>Select at least one option per person.
  .
  { [← Back] | [Next →] }
}
@enduml

@startuml
salt
{
  <b>Terms and Conditions
  ==
  .
  Please read and accept the terms and conditions:
  .
  [Terms and conditions text displayed here...]
  .
  [X] I accept for all members
  .
  [X] Sarah Smith - I accept the terms and conditions
  [X] Billy Smith - I accept the terms and conditions
  [X] Emma Smith - I accept the terms and conditions
  .
  { [← Back] | [Next →] }
}
@enduml

@startuml
salt
{
  <b>Payment
  ==
  .
  Registration Summary:
  .
  Sarah Smith (Adult): R 500.00
  Billy Smith (Junior): R 300.00
  Emma Smith (Junior): R 200.00
  --------------------------------
  Total: R 1,000.00
  .
  How would you like to pay?
  .
  { [Pay Online] }
  .
  { [Pay at Registration Desk] }
  .
  { [← Back] }
}
@enduml

@startuml
salt
{
  <b>Pay at Registration Desk
  ==
  .
  Present this code to the staff member:
  .
  +------------------+
  |                  |
  |   [QR CODE]      |
  |                  |
  +------------------+
  .
  Reference: <b>REF-2024-8A3F
  Amount: <b>R 1,000.00
  .
  <i>The staff member will scan this code
  <i>to process your payment.
  .
  Once complete, return to the registration
  overview to verify your payment status.
  .
  { [Registration Overview] | [Cancel] }
}
@enduml

@startuml
salt
{
  <b>Registration Complete!
  ==
  .
  ✓ Payment Successful
  .
  Membership Numbers:
  .
  Sarah Smith: M2024-1523
  Billy Smith: M2024-1524
  Emma Smith: M2024-1525
  .
  Amount Paid: R 1,000.00
  Reference: ORD-892-2024
  .
  A confirmation email has been sent to
  [email protected]
  .
  { [Return to Home] }
}
@enduml

@startuml
salt
{
  <b>Registration Complete!
  ==
  .
  ✓ Payment Successful
  .
  Registered Participants:
  .
  Billy Smith - Bib: B1523 - 10km Run
  .
  Amount Paid: R 350.00
  Reference: ORD-893-2024
  .
  Race Pack Collection:
  March 14, 2024, 10:00-18:00
  Centurion Mall
  .
  A confirmation email has been sent to
  [email protected]
  .
  { [Return to Home] }
}
@enduml

@startuml
salt
{
  <b>2024 Running Club Membership
  ==
  .
  Registration Period: Jan 1 - Dec 31, 2024
  .
  Select Family Members:
  .
  {T
    | ☐ | Name | Date of Birth | Status | Actions
    + ☐ | Sarah Smith | 1985-03-15 | Available | [Edit]
    + ☐ | Billy Smith | 2010-11-03 | Available | [Edit]
    + ☐ | Emma Smith | 2013-07-20 | Registered | -
  }
  .
  { [+ Add Family Member] }
  .
  Selected: 0 | Total: R 0.00
  .
  { [Continue →] }
}
@enduml

@startuml
salt
{
  <b>10km Fun Run - March 15, 2024
  ==
  .
  Location: Centurion, Gauteng
  Entry Fee: R 350.00 per participant
  Registration Closes: March 10, 2024
  .
  Your Participants:
  .
  {T
    | ☐ | Name | Status | Bib | Actions
    + ☐ | Sarah Smith | Available | - | [Edit]
    + - | Billy Smith | Registered | B1523 | [Cancel]
    + ☐ | Emma Smith | Available | - | [Edit]
  }
  .
  { [+ Add Person] }
  .
  Selected: 0 | Total: R 0.00
  .
  { [Register Selected →] }
}
@enduml

@startuml
salt
{
  <b>Cancel Registration
  ==
  .
  Participant: Billy Smith
  Event: 10km Fun Run - March 15, 2024
  Original Amount: R 350.00
  .
  Refund Calculation:
  .
  Cancellation: 14 days before event
  Refund Policy: 90% refund (10% admin fee)
  .
  <b>Refund Amount: R 315.00
  .
  The refund will be processed to your
  original payment method within
  5-7 business days.
  .
  { [Go Back] | [Confirm Cancellation] }
}
@enduml

@startuml
salt
{
  <b>Cancel Registration
  ==
  .
  Participant: John Smith
  Event: 10km Fun Run - March 15, 2024
  Original Amount: R 350.00
  .
  Refund Calculation:
  .
  Cancellation: 3 days before event
  Refund Policy: No refund within 7 days
  .
  <b>Refund Amount: R 0.00
  .
  ⚠ WARNING: Cancellations within 7 days
  of the event are not eligible for refunds.
  .
  { [Go Back] | [Confirm Cancellation] }
}
@enduml

@startuml
salt
{
  <b>Registration Cancelled
  ==
  .
  ✓ Cancellation Successful
  .
  Billy Smith's registration for
  10km Fun Run has been cancelled.
  .
  Refund: R 315.00 will be processed
  to your original payment method
  within 5-7 business days.
  .
  { [Return to Event] }
}
@enduml