Please enable JavaScript to view this site.

CWT User Interface Design Handbook

For Pay By Space, the SpaceInputPanel is the only one panel that has the obligation to be declared into the UI. The TopUpIdCodeInputPanel is required if the TopUpTimeLimit and/or the TopUpCountLimit are set in the Article element in the cwtconfig.xml file.

Panel Names

SpaceInputPanel

The panel used for entering space number. Numeric or alphanumeric.

TopUpIdCodeInputPanel

The panel used for entering TopUp Code.

TopUpIdInputPanel

The panel used for entering ToUp ID Code (four digit id code )

 

Popup Panel Names

All of these popup panels are required indicating to the user why a transaction can be rejected.

ConfirmTopUpIdPopup

Displayed question yes or no to add time on a previous transaction when it’s possible.

SpaceOfflineAcceptedPopup

Message to advise user that offline transactions are accepted but if the user want to make some TopUp, he will only be able to do it at this terminal.

SpaceOfflineRejectedPopup

Message to advise user that offline transaction are rejected on that terminal.

SpaceNumberNotAllowedPopup

Message to advise user that parking space is not allowed.

TopUpIdInvalidPopup

Message to advise user that the TopUpId entered is invalid.

GetSpacePurchaseDataCommunicationStartedPopup

Message to advise user that the terminal is doing communication with the server to validate the space entered.

GetSpacePurchaseDataCommunicationDonePopup

Message to advise user that the communication with the server is terminate.

 

Click actions

This is the list of click actions possible for the list of panels and for the ConfirmTopUpIdPopup panel.

OnSpaceInputDone

Used to enter a space number in SpaceInputPanel. The space number must be inserted in a text box with Name=CodeInput in the same panel as where the button is defined.

This click action is only used in the SpaceInputPanel.

The customer can use the full piezo keyboard of the CWT to write the space number input into the text box and then press a button with click action “OnSpaceInputDone” to enter the space number and allow the system to validate the space entered.

OnTopUpIdInputDone

Used to enter a TopUpId in TopUpIdInputPanel. The TopUpId must be inserted in a text box with Name=CodeInput in the same panel as where the button is defined.

This click action is only used in the TopUpIdInputPanel.

The customer can use the full piezo keyboard of the CWT to write the TopUpId input into the text box and then press a button with click action “OnTopUpIdInputDone” to enter the TopUpId and allow the system to validate the TopUpId.

OnTopUpIdConfirm

Used to confirm that the user accept to add some TopUp time on a previous transaction. This click action is only used into ConfirmTopUpIdPopup panel. It is linked to the Yes answer of the question. This action will call the TopUpIdInputPanel.

OnTopUpIdDecline

Used to decline the “accept to add some time on a previous transaction”. This click action is only used into ConfirmTopUpIdPopup panel. It is linked to the No answer of the question. This action will create a new transaction for space entered.

Example for STN display

<Stn:Panel Name="SpaceInputPanel">
  <Controls>
    <Stn:Label Name="CompanyLabel" MxStyle="{HeaderCompanyLabelStyle}"/>
    <Stn:Label Name="TimeLabel" MxStyle="{HeaderTimeLabelStyle}"/>
    <Stn:Label Name="DateLabel" MxStyle="{HeaderDateLabelStyle}"/>
    <Stn:Line Name="HeaderLine" MxStyle="{HeaderLineStyle}"/>
    <Stn:Label Name="TitleLabel" FormattedText="Welcome"
        MxStyle="{TitleLabelStyle}"/>
    <Stn:Label Name="EnterCodeTextLabel"
        MxStyle="{EnterCodeTextLabelStyle3}"/>
    <Stn:Label Name="CodeInputLabel" FormattedText="Space Number"
        MxStyle="{ColumnHalf8pt}" Location="0,55" Width="200"/>
    <Stn:TextBox Name="CodeInput" TextPattern=" _ _ _ _ _ _ _"
        MxStyle="{ColumnHalf8pt}" MinimumLength="1" MaximumLength="8"
        Location="150,55" Alignment="Near"/>
    <Stn:Label Name="UserInstructionLabel" FormattedText="Confirm with"
        MxStyle="{UserInstructionConfirmLabelStyle}"/>
    <Stn:Image Name="AcceptPossibleImage" MxStyle="{AcceptImageStyle}"/>
    <Stn:KeyboardButton MxStyle="{RejectButtonStyle}"/>
    <Stn:KeyboardButton MxStyle="{CodeInputDoneButtonStyle3}"/>
    <Stn:Button MxStyle="{HelpButtonStyle}"/>
    <Stn:Button MxStyle="{LanguageButtonStyle}"/>
  </Controls>
</Stn:Panel>

Examples for TFT display

<TFT:Panel Name='SpaceInputPanel' MxStyle='{PanelStyle}'>
  <Controls>
    <TFT:Label FormattedText='EnterSpace' Size='350,30' Location='40,20'
        Font='Arial, 16pt, style=Bold'/>
    <TFT:TextBox Name='CodeInput' Size='250, 30' Location='195, 60'
        MaximumLength='20' MinimumLength='1' Text='' ForeColor='Black'
        BackColor='White'   TextAlign='Center' Multiline='False'
        Font='Arial, 13pt, style=Bold'/>
    <TFT:Panel Name='CodeInputKeyboard' SubForm='SoftKeyboardPanel'
        MxStyle='{PanelStyle}' Location='45,100' Size='550, 200'/>
    <TFT:Button Name='DoneButton' Location='491, 305' Size='124,38'
        ClickSound='\Storage Card\Media\sound\button.wav'
        Font='Arial, 14pt, style=Bold' ForeColor='White'
        TransparentColor='#ff00d8'
        Image='\Storage Card\Media\pictures\wide_green.png'
        Click='OnSpaceInputDone'/>
    <TFT:Button MxStyle='{RejectButtonStyle}'/>
  </Controls>
</TFT:Panel>

Popup Panel examples for STN

<Stn:PopupPanel Name="GetTopUpDataCommunicationStartedPopup"
  MxStyle="{PopupStyle}">
  <Controls>
    <Stn:Label Name="GetTopUpDataCommunicationStartedLabel"
        FormattedText="GetTopUpdataCommunicationStartedText"
        MxStyle="{Popup2TitleLabelStyle}"/>
  </Controls>
</Stn:PopupPanel>
 
<Stn:PopupPanel Name="GetTopUpDataCommunicationDonePopup"
  MxStyle="{PopupStyle}" >
  <Controls>
    <Stn:Label Name="GetTopUpDataCommunicationDoneLabel"
        FormattedText="GetTopUpDataCommunicationDoneText"
        MxStyle="{Popup2TitleLabelStyle}"/>
  </Controls>
</Stn:PopupPanel>
 
<Stn:PopupPanel Name="SubmitTopUpDataCommunicationStartedPopup"
  MxStyle="{PopupStyle}" Timeout="2">
  <Controls>
    <Stn:Label Name="SubmitTopUpDataCommunicationStartedLabel"
        FormattedText="SubmitTopUpdataCommunicationStartedText"
        MxStyle="{Popup2TitleLabelStyle}"/>
  </Controls>
</Stn:PopupPanel>
 
<Stn:PopupPanel Name="SubmitTopUpDataCommunicationDonePopup"
  MxStyle="{PopupStyle}" Timeout="2">
  <Controls>
    <Stn:Label Name="SubmitTopUpDataCommunicationDoneLabel"
        FormattedText="SubmitTopUpDataCommunicationDoneText"
        MxStyle="{Popup2TitleLabelStyle}"/>
  </Controls>
</Stn:PopupPanel>
 
<Stn:PopupPanel Name="TopUpDataCommunicationFailedPopup"
  MxStyle="{PopupStyle}" Timeout="5">
  <Controls>
    <Stn:Label Name="TopUpDataCommunicationFailedLabel"
        FormattedText="TopUpDataCommunicationFailedText"
        MxStyle="{Popup4TitleLabelStyle}"/>
  </Controls>
</Stn:PopupPanel>